.product-dropdown{--z-dropdown:2;cursor:pointer;-webkit-user-select:none;user-select:none}.product-dropdown__toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;text-transform:capitalize}.product-dropdown__toggle-text{overflow:hidden;font-weight:var(--weight-regular);font-size:.875rem;white-space:nowrap;text-overflow:ellipsis}@media (min-width: 768px){.product-dropdown__toggle-text{font-size:1rem}}.product-dropdown__icon{margin-inline-start:.625rem}.product-dropdown__icon svg{width:.6875rem;height:auto}.product-dropdown__icon svg path{fill:var(--color-black)}.product-dropdown__list{position:absolute;top:3.75rem;left:-1px;z-index:var(--z-dropdown);display:none;width:calc(100% + 2px);max-height:11.5625rem;overflow:scroll;background-color:var(--color-beige);border:1px solid var(--color-border-light)}@media (min-width: 768px){.product-dropdown__list{top:4rem}}.subscriptions .product-dropdown__list{top:3.25rem}@media (min-width: 768px){.subscriptions .product-dropdown__list{top:3.75rem}}.product-dropdown__list--active{display:block}.product-dropdown__list-item{position:relative;cursor:pointer;transition:opacity var(--transition)}.product-dropdown__list-item:last-child .product-dropdown__label{border-bottom:0}.product-dropdown__list-item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 5' class='svg'%3E%3Cpath id='Polygon_2' data-name='Polygon 2' d='M5.5,0,11,5H0Z' transform='translate(11 5) rotate(180)' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;background-size:.875rem}@media (hover: hover){.product-dropdown__list-item:hover{opacity:.5}}.product-dropdown__list-item.is-hidden,.product-dropdown__input{display:none}.product-dropdown__label{display:block;width:100%;font-weight:var(--weight-regular);font-size:.875rem;text-transform:initial;border-bottom:1px solid var(--color-border-lightest);cursor:pointer;padding-block-start:.45rem;padding-block-end:.45rem;padding-inline-start:1.25rem;padding-inline-end:.75rem}@media (min-width: 768px){.product-dropdown__label{font-size:1rem}}.product-sizes__list{display:flex;flex-wrap:wrap;padding-inline-start:.25rem}.product-sizes__list-item{margin-inline-end:1rem}.product-sizes__list-item:last-child{margin-inline-end:0}.product-sizes__swatch{display:flex;align-items:center}.product-sizes__inputinput[type=radio]{width:12px;height:12px}.product-sizes__label{margin-left:.5rem;font-size:1rem}.product-sizes__label-text{font-size:.875rem}@media (min-width: 768px){.product-sizes__label-text{font-size:1rem}}.product-swatches__list{display:flex;flex-wrap:wrap;gap:1rem}.product-card .product-swatches__list{gap:.5rem}.product-swatches__swatch{position:relative}.product-swatches__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.product-swatches__label{display:block;width:1.25rem;height:1.25rem;border:1px solid var(--color-border-light);border-radius:100%;transition:border var(--transition-fast);will-change:outline,border}.product-swatches__swatch--black .product-swatches__label{background-color:var(--color-black)}.product-swatches__swatch--white .product-swatches__label{background-color:var(--color-white)}.product-swatches__swatch--darkblue .product-swatches__label{background-color:var(--color-darkblue)}.product-swatches__swatch--light-blue .product-swatches__label{background-color:var(--color-lightblue)}.product-swatches__swatch--red .product-swatches__label{background-color:var(--color-red)}.product-swatches__swatch--forestgreen .product-swatches__label{background-color:var(--color-forestgreen)}.product-swatches__swatch--yellow .product-swatches__label{background-color:var(--color-yellow)}.product-swatches__swatch--orange .product-swatches__label{background-color:var(--color-orange)}.product-swatches__swatch--purple .product-swatches__label{background-color:var(--color-purple)}.product-swatches__swatch--teal .product-swatches__label{background-color:var(--color-teal)}.product-swatches__swatch--pink .product-swatches__label{background-color:var(--color-pink)}.product-swatches__swatch--stainless-steel .product-swatches__label{background-color:var(--color-gray-light)}@media (hover: hover){.product-swatches__label:hover{border-color:var(--color-highlight);cursor:pointer}}.product-swatches__input:checked~.product-swatches__label{border-color:var(--color-highlight)}.product-card .product-swatches__label{width:1.5rem;height:1.5rem}.product-swatches__label-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.subscriptions-step-two .product-variants{display:grid;grid-row-gap:1rem;grid-column-gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.subscriptions-step-two .product-variants{grid-row-gap:0;grid-column-gap:0;grid-template-columns:repeat(1fr,1fr)}}@media (min-width: 768px){.subscriptions-step-two .product-variants{display:grid;grid-row-gap:0;grid-column-gap:0;grid-template-columns:repeat(1,1fr)}.subscriptions-step-two .product-variants{grid-row-gap:1.25rem;grid-column-gap:1.25rem;grid-template-columns:repeat(1fr,1fr)}}@media (min-width: 900px){.subscriptions-step-two .product-variants{display:grid;grid-row-gap:0;grid-column-gap:0;grid-template-columns:repeat(6,1fr)}@media (min-width: 768px){.subscriptions-step-two .product-variants{grid-row-gap:1.25rem;grid-column-gap:1.25rem;grid-template-columns:repeat(1fr,1fr)}}}.product-variants__item{position:relative;display:flex;align-items:center;min-height:2.75rem;border:1px solid var(--color-border-light);margin-block-end:1.5rem;padding-inline-end:.85rem}@media (min-width: 768px){.product-variants__item{min-height:3.75rem;padding-inline-end:1.25rem}}.product-variants__item.is-hidden{display:none}.product-variants__item:last-child{margin-block-end:0}.subscriptions-step-two .product-variants__item{margin-block-end:0}@media (min-width: 768px){.subscriptions-step-two .product-variants__item{grid-column:span 3;height:3rem}}@media (min-width: 1440px){.subscriptions-step-two .product-variants__item{grid-column:span 2}}.subscriptions-step-two .product-variants__item[data-choice-dropdown],.subscriptions-step-two .product-variants__item[data-choice-quantity],.subscriptions-step-two .product-variants__item[data-choice-subscription-type],.subscriptions-step-two .product-variants__item[data-choice-subscription-frequency]{cursor:pointer;-webkit-user-select:none;user-select:none}.subscriptions-step-two .product-variants__item[data-choice-subscription-frequency] .product-dropdown__list-item{display:none}.subscriptions-step-two .product-variants__item[data-choice-subscription-type=day]+[data-choice-subscription-frequency] .product-dropdown__list-item--day{display:block}.subscriptions-step-two .product-variants__item[data-choice-subscription-type=month]+[data-choice-subscription-frequency] .product-dropdown__list-item--month{display:block}.product-variants__item[data-choice-dropdown],.product-variants__item[data-choice-quantity]{cursor:pointer;-webkit-user-select:none;user-select:none}.product-variants__option{display:flex;align-items:center;width:100%;padding:.85rem 0 .85rem 1rem}@media (min-width: 768px){.product-variants__option{padding-inline-start:1.25rem}}.product-variants__title{max-width:7.75rem;font-weight:var(--weight-bold);font-size:.875rem;white-space:nowrap;margin-block-end:.075rem;margin-inline-end:.75rem}@media (min-width: 768px){.product-variants__title{font-size:1rem}}.product-variants__info{position:relative;width:1rem;height:1rem;cursor:pointer;transition:opacity var(--transition)}.product-variants__info .svg{position:absolute;top:0;left:0;width:1rem;height:1rem;transition:opacity var(--transition)}.product-variants__info .svg--info path{fill:var(--color-black)}.product-variants__info .svg--close{opacity:0}.product-variants__info .svg--close circle,.product-variants__info .svg--close path{stroke:var(--color-black)}@media (hover: hover){.product-variants__info:hover{opacity:var(--transition-opacity)}}.product-variants__info:focus{pointer-events:none}.product-variants__info:focus+.product-variants__tooltip{opacity:1}.product-variants__info:focus .svg{pointer-events:none}.product-variants__info:focus .svg--info{opacity:0}.product-variants__info:focus .svg+.svg{opacity:1}.product-variants__tooltip{position:absolute;top:2.85rem;right:.2rem;z-index:2;max-width:14.6875rem;padding:.875rem;color:var(--color-white);font-weight:var(--weight-light);font-size:.875rem;background-color:var(--color-black);opacity:0;transition:opacity var(--transition);-webkit-user-select:none;user-select:none;pointer-events:none}.product-variants__tooltip:after{position:absolute;top:-.5625rem;right:.625rem;width:0;height:0;border-right:.875rem solid transparent;border-bottom:.875rem solid var(--color-black);border-left:.875rem solid transparent;content:""}
/*# sourceMappingURL=/s/files/1/0232/4869/t/55/assets/component-product-variants.css.map */