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