/** Shopify CDN: Minification failed

Line 38:15 Expected ":"

**/
.option-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.option-list strong {
  font-size: 12px;
  font-weight: 700;
}

.option-list .option-selector {
  margin-bottom: 2px;
}

@media screen and (min-width: 700px) {
  .option-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .option-list strong {
    font-size: 14px;
  } 
  
  .option-list .option-selector {
    margin-bottom: 12px;
  }
}

.option-selector {
  cursor-poiner;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  overflow: hidden;
  border-width: 1px;
  border-color: #e5e7eb;
  transition: border 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}

.option-selector--active,
.option-selector:not(:has(.image-swatches)):hover {
  border-color: #000;
}

.option-selector:has(.image-swatches):hover {
  outline: 1px solid #737373;
  outline-offset: 2.5px;
}

.option-selector-input {
  display: none;
}

.option-selector-input:checked + label {
  border-color: #000;
}

.option-selector-input:disabled + label {
  display: none;
}

.option-selector img,
.option-selector svg:first-child {
  border-radius: 8px;
  overflow: hidden;
  height: 48px;
  width: 48px;
}

.option-selector:has(.image-swatches) {
  border: none;
  border-radius: 999px;
  outline: 1px solid transparent;
  outline-offset: 2.5px;
}

.option-selector-input:checked + label:has(.image-swatches)  {
  border: none;
  outline: 1px solid #000;
  outline-offset: 2.5px;
}

.option-selector-input:disabled + label:has(.image-swatches)  {
  display: none;
}

.option-selector__info {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 125%;
}

.option-selector__info .subdued {
  color: #6b7280;
}

.option-selector__info button {
  font-size: 16px;
}

.option-selector__info .prices {
  font-size: 16px;
  color: #000;
}

.option-selector__info .prices .savings {
  font-size: 12px;
  color: #03AE00;
  padding-bottom: 2px;
}

.option-picker-drawer {
  --drawer-max-width: 600px;
}

.option-picker-drawer::part(content) {
  display: flex;
  flex-direction: column;
}

.option-picker-drawer::part(header) {
  min-height: initial;
  width: 100%;
  border-block-end: 0px;
  --drawer-header-padding-block: 20px;
  --drawer-header-padding-inline: 8px;
}

.option-picker-drawer__header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 20px;
}

.option-picker-drawer__header h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
}

.option-picker-drawer__header--close-btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 6px;
}

.option-selector .option-count {
  padding-top: 2px;
  font-size: 12px;
}

.option-selector .option-title {
  font-size: 14px;
}

@media screen and (min-width: 700px) {
  .option-picker-drawer::part(header) {
    padding-block-end: 20px;
    --drawer-header-padding-block: 40px;
    --drawer-header-padding-inline: 40px;
  }

  .option-picker-drawer__header h2 {
    font-size: 30px;
    
  }

  .option-picker-drawer__header--close-btn {
    font-size: 16px;
  }

  .option-selector {
    padding: 10px;
  }

  .option-selector__info .prices {
    font-size: 16px;
  }

  .option-selector .option-title {
    font-size: 16px;
  }

  .option-selector .option-count {
    font-size: 14px;
  }

  .option-selector__info .prices .savings {
    font-size: 14px;
  }
}

.option-picker-drawer::part(description),
.option-picker-drawer::part(disclaimer),
.option-picker-drawer::part(options) {
  --drawer-header-padding-block: 20px;
  --drawer-header-padding-inline: 8px;
  box-sizing: border-box;
  align-items: center;
  padding-block-end: var(--drawer-header-padding-block);
  padding-inline-start: var(--drawer-header-padding-inline);
  padding-inline-end: var(--drawer-header-padding-inline);
  display: flex;
  width: 100%;
  height: fit-content;
}

.option-picker-drawer::part(options) {
  height: fit-content;
  align-items: start;
  overflow: auto;
  scrollbar-width: none;
}

.option-picker-drawer__description,
.option-picker-drawer__disclaimer {
  font-size: 14px;
  line-height: 162.5%;
}

.option-picker-drawer__disclaimer strong {
  padding-bottom: 6px;
}

.option-picker-drawer__options {
  gap: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.option-picker-drawer__options .h6 {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (min-width: 700px) {
  .option-picker-drawer::part(description),
  .option-picker-drawer::part(disclaimer),
  .option-picker-drawer::part(options) {
    --drawer-header-padding-block: 20px;
    --drawer-header-padding-inline: 40px;
  }

  .option-picker-drawer__options {
    gap: 10px;
  }

  .option-picker-drawer__options .h6 {
    padding-bottom: 12px;
  }

  .option-picker-drawer__description,
  .option-picker-drawer__disclaimer {
    font-size: 16px;
  }

  .option-picker-drawer__disclaimer {
    padding-block-start: var(--drawer-header-padding-block);
  } 
}


.option-color-swatches {
  display: flex;
  gap: 12px;
}

.option-color-swatches .option-selector {
  padding: 0;
  width: initial;
}

.option-color-swatch {
  background: content-box var(--swatch-background) no-repeat center / cover;
  height: 48px;
  width: 48px;
}

.option-color-swatch img {
  height: 48px;
  width: 48px;
}

.option-color-swatch.image-swatches {
  height: 43px;
  width: 43px;
}

.option-color-swatch.image-swatches img {
  height: 43px;
  width: 43px;
}