: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); }:root {
--mkl-pc-advanced-description--width: 450px; }
.mkl-pc-advanced-description {
display: block;
box-sizing: border-box;
position: fixed;
left: -100%;
top: 0;
height: 100vh;
max-height: 100vh;
width: var(--mkl-pc-advanced-description--width);
max-width: 100vw;
background: var(--mkl-pc-advanced-description--bg);
z-index: 100002;
box-shadow: -10px 0px 100px #00000030;
transition: .4s all;
overflow: auto; }
.mkl-advanced-description--content {
padding: 20px; }
body.admin-bar .mkl-pc-advanced-description {
top: 32px; }
.mkl_pc.lapomme ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description,
.mkl_pc.float ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description,
.mkl_pc.wsb ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description {
left: auto;
right: -100%; }
.mkl_pc.lapomme ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description .mkl-advanced-description--header,
.mkl_pc.float ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description .mkl-advanced-description--header,
.mkl_pc.wsb ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description .mkl-advanced-description--header {
text-align: left; }
.mkl-pc-showing-advanced-description .mkl-pc-advanced-description {
left: 0; }
.mkl-pc-showing-advanced-description .mkl_pc.float ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description,
.mkl-pc-showing-advanced-description .mkl_pc.lapomme ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description,
.mkl-pc-showing-advanced-description .mkl_pc.wsb ~ .mkl-pc-advanced-description--container .mkl-pc-advanced-description {
right: 0; }
.mkl_pc {
transition: 0.3s transform; }
body:not(.configurator_is_inline).mkl-pc-showing-advanced-description .mkl_pc {
transform: translateX(var(--mkl-pc-advanced-description--width)); }
body:not(.configurator_is_inline).mkl-pc-showing-advanced-description .mkl_pc.wsb,
body:not(.configurator_is_inline).mkl-pc-showing-advanced-description .mkl_pc.float,
body:not(.configurator_is_inline).mkl-pc-showing-advanced-description .mkl_pc.lapomme {
transform: translateX(calc( var( --mkl-pc-advanced-description--width ) * -1)); }
.mkl-pc-showing-advanced-description .mkl_pc .mkl_pc_container .mkl_pc_toolbar > header > .cancel {
display: none; }