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