: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; }