@media screen {
  .configurator__options,
  .configurator__option-select {
    display: flex;
    overflow: auto;
    text-align: center;
    margin: 28px 0;
    scrollbar-width: none;
    padding: 1px 0;
  }
  .configurator__option-current {
    display: none;
  }
  .configurator__title {
    margin: 1em;
  }
}

.configurator__actions {
  padding: 28px;
  white-space: nowrap;
  overflow: auto;
}

.configurator__option-select {
  display: none;
}

.configurator__option-select:target,
.configurator__option-select:focus-within {
  display: flex;
  outline: none;
}

.configurator__option-select {
  overflow: auto;
}

.configurator__option-label {
  font-size: 10px;
  padding: 0 1em;
}


@media print {
  .configurator__option-icon {
    display: inline-block;
    width: 25px;
    margin-right: .5em;
    vertical-align: middle;
  }
  .configurator__option-label {
    display: inline-block;
    vertical-align: middle;
  }
  .configurator__option {
    margin: 1em 0;
  }
}

@media screen {
  :not(:last-child) > .configurator__option-icon {
    border-right: 0;
    min-width: 46px;
  }
  .configurator__options::before,
  .configurator__options::after,
  .configurator__option-select::before,
  .configurator__option-select::after {
    content: '';
    display: inline-block;
    width: 28px;
    flex-shrink: 0;
  }
}
.configurator__option-item-wrapper {
  position: relative;
}

.configurator__option-item--vertical {
  position: absolute;
  inset: 0;
}

.configurator__sidebar {
  padding-bottom: 1em;
}