/** Shopify CDN: Minification failed

Line 84:0 Unexpected "}"

**/
custom-select {
  display: block;
}

.custom-select__wrapper {
  --btn-padding: 1.45rem 1.5rem;

  position: relative;
  color: rgb(var(--color-heading-text));
  font-size: var(--font-size-static-xs);
  line-height: var(--line-height-static-md);
}

.custom-select.is-expanded .custom-select__btn {
  border-color: currentColor;
  border-block-end-color: transparent;
}

.custom-select.is-expanded .custom-select__dropdown {
  transition-duration: 0s, var(--duration-short);
  visibility: inherit;
  opacity: 1;
}

.custom-select__btn {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  z-index: 2;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgb(var(--color-background));;
  padding: var(--btn-padding);
  border: .1rem solid rgba(var(--color-border), var(--alpha-border));
  transition: color var(--duration-default), background-color var(--duration-default), border-color var(--duration-default);
}

.custom-select__btn svg {
  margin-inline-start: 2.4rem;
}

.custom-select__btn:disabled {
  pointer-events: none;
  border-color: rgb(var(--color-heading-text));
  background-color: rgba(var(--color-border), var(--alpha-border));
}

.custom-select__dropdown {
  position: absolute;
  z-index: 3;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  border: 0.1rem solid currentColor;
  border-block-start: none;
  background-color: rgb(var(--color-background));
  visibility: hidden;
  opacity: 0;
  transition: visibility var(--duration-short), opacity var(--duration-short);
}

.custom-select__option {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  padding: var(--btn-padding);
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-select__option.is-selected {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}


}

@media (hover: hover) {
  .custom-select__btn:hover {
    color: currentColor;
    border-color: currentColor;
  }

  .custom-select__option:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
  }

}