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