: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: rgba(0, 0, 0, 0.5411764706);
transition: 0.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: 0.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: 0.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 rgba(0, 0, 0, 0.1882352941);
transition: 0.4s all;
overflow: auto;
}
.mkl-advanced-description--content {
padding: 20px;
}
body.admin-bar .mkl-pc-advanced-description {
top: 32px;
}
.mkl-pc-showing-advanced-description .mkl-pc-advanced-description {
left: 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));
}
.mkl-pc-showing-advanced-description .mkl_pc .mkl_pc_container .mkl_pc_toolbar > header > .cancel {
display: none;
}
.advanced-description-right .mkl-pc-advanced-description {
left: auto;
right: -100%;
}
.advanced-description-right .mkl-pc-advanced-description .mkl-advanced-description--header {
text-align: left;
}
.advanced-description-right.mkl-pc-showing-advanced-description .mkl-pc-advanced-description {
right: 0;
}
body:not(.configurator_is_inline).mkl-pc-showing-advanced-description.advanced-description-right .mkl_pc {
transform: translateX(calc(var(--mkl-pc-advanced-description--width) * -1));
}.wc-gzd-block-grid__product-unit-price{display:block}.wc-gzd-block-components-product-deposit-packaging-type{text-transform:uppercase}.wp-block-woocommerce-gzd-product-is-empty{display:none}