:root {
--mkl-pc-advanced-description--bg: #FFF; }
a.mkl-pc-show-description {
width: 13px;
height: 13px;
line-height: 1;
z-index: 3; }
a.mkl-pc-show-description svg {
display: inline-block;
width: 13px;
height: 13px; }
a.mkl-pc-show-description svg use,
a.mkl-pc-show-description svg path {
fill: var(--mkl_pc_color-primary); }
a.mkl-pc-show-description:hover svg use,
a.mkl-pc-show-description:hover svg path {
fill: var(--mkl_pc_color-primary_hover); }
a.mkl-pc-show-description span {
display: none; }
.choices-list .choice a.mkl-pc-show-description {
position: absolute;
right: 13px;
top: 13px; }
.mkl-pc-advanced-description--overlay {
display: block;
z-index: 100001;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: #0000008a;
transition: .3s all;
opacity: 0; }
.mkl-pc-showing-advanced-description .mkl-pc-advanced-description--overlay {
opacity: 1; }
.mkl_pc.float .choices-list .choice a.mkl-pc-show-description,
.mkl_pc.wsb .choices-list .choice a.mkl-pc-show-description {
right: 3px;
top: 4px; }
.mkl-advanced-description--header {
position: sticky;
top: 0;
background: var(--mkl-pc-advanced-description--bg);
text-align: right; }
.mkl-advanced-description--header button.close-description {
appearance: none;
background: transparent;
border: none;
text-transform: uppercase;
font-size: 11px;
padding: 10px;
color: #000;
transition: .2s all; }
.mkl-advanced-description--header button.close-description svg {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle; }
.mkl-advanced-description--header button.close-description svg path,
.mkl-advanced-description--header button.close-description svg use,
.mkl-advanced-description--header button.close-description svg line {
stroke: #000;
stroke-width: 2em;
transition: .2s all; }
.mkl-advanced-description--header button.close-description svg + span {
margin-left: 10px; }
.mkl-advanced-description--header button.close-description:hover, .mkl-advanced-description--header button.close-description:focus {
color: #777; }
.mkl-advanced-description--header button.close-description:hover svg path,
.mkl-advanced-description--header button.close-description:hover svg use,
.mkl-advanced-description--header button.close-description:hover svg line, .mkl-advanced-description--header button.close-description:focus svg path,
.mkl-advanced-description--header button.close-description:focus svg use,
.mkl-advanced-description--header button.close-description:focus svg line {
stroke: #777; }
.mkl_pc.dark-mode a.mkl-pc-show-description {
--mkl_pc_color-primary: var(--mkl_pc_color-ll3);
--mkl_pc_color-primary_hover: var(--mkl_pc_color-ll1); }