.VariantSelect--drawer{display:flex;flex-direction:column;gap:.5rem}product-quick-atc-drawer .VariantSelect--drawer{padding-inline:1rem}.VariantSelect--drawer .variant-select__label-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.VariantSelect--drawer .variant-select__label-wrapper:has(.variant-select__label-extra){flex-direction:column-reverse;align-items:flex-start;gap:1rem}.VariantSelect--drawer .variant-select__label{display:flex;flex-direction:row;align-items:center;width:fit-content;gap:.25rem;color:var(--primary_gray);text-transform:uppercase}.VariantSelect--drawer .variant-select__tooltip{position:relative;display:inline-flex;align-items:center;z-index:1}.VariantSelect--drawer .variant-select__tooltip-trigger{display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--tertiary_gray);color:var(--primary_text);cursor:pointer}.VariantSelect--drawer .variant-select__tooltip-icon{display:inline-flex;align-items:center;justify-content:center}.VariantSelect--drawer .variant-select__tooltip-trigger svg path{fill:var(--primary_text)}.VariantSelect--drawer .variant-select__tooltip-panel{position:absolute;left:1rem;bottom:-3px;z-index:3;display:none;width:221px;box-sizing:content-box;flex-direction:row;gap:1rem;padding:.25rem;border-radius:.125rem;background-color:var(--tertiary_gray);color:var(--primary_text);opacity:0;pointer-events:none;text-transform:none;visibility:hidden}.VariantSelect--drawer .variant-select__tooltip:has(.variant-select__tooltip-trigger:hover) .variant-select__tooltip-panel,.VariantSelect--drawer .variant-select__tooltip:has(.variant-select__tooltip-trigger:focus-visible) .variant-select__tooltip-panel{display:flex;opacity:1;pointer-events:auto;visibility:visible}.VariantSelect--drawer .variant-select__tooltip-image{display:flex;flex:0 0 auto;align-items:center;justify-content:center}.VariantSelect--drawer .variant-select__tooltip-image img{display:block;width:44px;height:44px;border-radius:.125rem;object-fit:cover}.VariantSelect--drawer .variant-select__tooltip-text{color:var(--primary_text)}.variant-drawer-trigger{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--secondary_gray);padding:1rem;color:var(--primary_text);text-align:left}.variant-drawer-trigger__text,.variant-drawer-trigger__selected{min-width:0}.variant-drawer-trigger__selected{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-drawer-trigger svg{flex:0 0 auto;width:1.25rem;height:1.25rem}.variant-drawer-trigger svg path{fill:var(--primary_text)}.VariantPickerDrawer__error{color:var(--alert_error);margin-top:-.25rem}.VariantPickerDrawer{display:flex;flex-direction:column;left:0;right:0;top:calc(var(--header-dynamic-height, 0px) + var(--announcement-dynamic-height, 0px) + 71px);height:calc(100% - var(--header-dynamic-height, 0px) - var(--announcement-dynamic-height, 0px) - 71px);width:100%;max-width:100%;max-height:calc(100% - var(--header-dynamic-height, 0px) - var(--announcement-dynamic-height, 0px) - 71px);background-color:var(--background_color);color:var(--primary_text);z-index:26}product-quick-atc-drawer .VariantPickerDrawer{top:0;height:100%;max-height:none}.VariantPickerDrawer[aria-expanded=false]{transform:translateY(100%)}.VariantPickerDrawer[aria-expanded=true]{transform:translateY(0)}.VariantPickerDrawer__wrapper{display:flex;height:100%;flex-direction:column}.VariantPickerDrawer__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1rem}.VariantPickerDrawer__title{color:var(--primary_gray);text-transform:uppercase}.VariantPickerDrawer__content{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 1rem 1.5rem}.VariantPickerDrawer__list,.VariantPickerDrawer__group-inner{display:flex;flex-direction:column;gap:.25rem}.VariantPickerDrawer__list.VariantPickerDrawer__groups{gap:0}.VariantPickerDrawer__group-inner{gap:.5rem}.VariantPickerDrawer__group{border:0;border-radius:0;background-color:transparent;padding-bottom:1rem}.VariantPickerDrawer__group:last-child{padding-bottom:0}.VariantPickerDrawer__group-toggle{padding:1.5rem 1rem;color:var(--primary_text);background-color:var(--tertiary_gray);border-radius:.375rem;text-transform:uppercase}.VariantPickerDrawer__group-toggle .Dropdown--Plus{width:14px;height:14px}.VariantPickerDrawer__group-toggle .Dropdown--Plus:after{width:1px;height:12px}.VariantPickerDrawer__group-toggle .Dropdown--Plus:before{width:12px;height:1px}.VariantPickerDrawer__group-toggle.hot-spot:after{width:100%}.VariantPickerDrawer__group-toggle[aria-expanded=true]{color:var(--primary_gray);border-bottom-left-radius:0;border-bottom-right-radius:0}.VariantPickerDrawer__group-panel{background-color:var(--tertiary_gray);border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.VariantPickerDrawer__group-inner{padding:0 1rem 1rem}.VariantPickerDrawer__row{display:flex;min-height:2rem;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-radius:.375rem;background-color:var(--background_color);color:var(--primary_text);border-right:1px solid transparent;border-bottom:1px solid transparent;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.VariantPickerDrawer__row .variant-label--inactive,.VariantPickerDrawer__row .variant-label--active{width:14px;height:14px;align-items:center;justify-content:center}:is(.VariantPickerDrawer__row .variant-label--inactive,.VariantPickerDrawer__row .variant-label--active) svg{display:flex;align-items:center;justify-content:center;width:14px;height:14px}:is(.VariantPickerDrawer__row .variant-label--inactive,.VariantPickerDrawer__row .variant-label--active) svg path{fill:var(--primary_text)}.VariantPickerDrawer__row .variant-label--active{display:none}.VariantPickerDrawer__row .variant-label--inactive{display:flex}.VariantPickerDrawer__row:hover{border-color:var(--primary_text)}.VariantPickerDrawer__row:hover .variant-label--active{display:flex}.VariantPickerDrawer__row:hover .variant-label--inactive{display:none}.VariantPickerDrawer__row:has(input:checked),.VariantPickerDrawer__row.is-selected{border-color:var(--primary_text);color:var(--primary_accent)}:is(.VariantPickerDrawer__row:has(input:checked),.VariantPickerDrawer__row.is-selected) .variant-label--active{display:flex}:is(.VariantPickerDrawer__row:has(input:checked),.VariantPickerDrawer__row.is-selected) .variant-label--inactive{display:none}.VariantPickerDrawer__row.is-unavailable,.VariantPickerDrawer__row.out-of-stock,.VariantPickerDrawer__row.is-unavailable:has(input:checked),.VariantPickerDrawer__row.out-of-stock:has(input:checked){border-color:var(--secondary_gray);color:var(--secondary_gray)}:is(.VariantPickerDrawer__row.is-unavailable,.VariantPickerDrawer__row.out-of-stock,.VariantPickerDrawer__row.is-unavailable:has(input:checked),.VariantPickerDrawer__row.out-of-stock:has(input:checked)) .variant-label--inactive,:is(.VariantPickerDrawer__row.is-unavailable,.VariantPickerDrawer__row.out-of-stock,.VariantPickerDrawer__row.is-unavailable:has(input:checked),.VariantPickerDrawer__row.out-of-stock:has(input:checked)) .variant-label--active{display:none}:is(.VariantPickerDrawer__row.is-unavailable,.VariantPickerDrawer__row.out-of-stock,.VariantPickerDrawer__row.is-unavailable:has(input:checked),.VariantPickerDrawer__row.out-of-stock:has(input:checked)) .variant-label--unavailable{display:flex}.variant-label--unavailable{display:none;align-items:center;justify-content:center;background-color:var(--tertiary_gray);color:var(--primary_text);border-radius:.125rem;padding:.125rem}.VariantPickerDrawer__row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.VariantPickerDrawer__variant-label{flex:0 0 auto}.VariantPickerDrawer__input.inputSelectboxCheckbox{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@media screen and (min-width:1024px){.VariantSelect--drawer .variant-select__tooltip-panel{top:calc(100% + 18px);bottom:auto}.VariantPickerDrawer{left:auto;right:0;top:0;height:100%;width:100%;max-height:none;max-width:509px}.VariantPickerDrawer[aria-expanded=false]{transform:translate(100%)}.VariantPickerDrawer[aria-expanded=true]{transform:translate(0)}.VariantPickerDrawer__header{padding:1.5rem 1.5rem 2rem}.VariantPickerDrawer__content{padding-inline:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/variant-picker-drawer.css.map */