.sticky-variant-dialog.dialog-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;color:inherit}.sticky-variant-dialog.dialog-modal[open],.sticky-variant-dialog.dialog-modal.dialog-closing{animation:none;transform:none}.sticky-variant-panel{position:fixed;left:var(--sticky-panel-left, 10px);bottom:var(--sticky-panel-bottom, 10px);width:var(--sticky-panel-width, 600px);max-width:calc(100vw - 20px);max-height:var(--sticky-panel-max-height, calc(100dvh - 20px) );z-index:calc(var(--layer-sticky) - 2);display:flex;flex-direction:column;box-sizing:border-box;padding:0 0 calc(var(--sticky-panel-tray-height, 76px) + var(--padding-xl));margin:0;overflow:visible}.sticky-variant-panel[hidden]{display:none}.sticky-variant-panel[data-open=true]{animation:modalSlideInTop var(--animation-speed) var(--animation-easing) forwards}.sticky-variant-panel.dialog-closing{animation:modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.sticky-variant-panel__content{min-height:0;border-start-start-radius:inherit;border-start-end-radius:inherit;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding:var(--padding-xl) var(--padding-xl) var(--focus-outline-offset)}.sticky-variant-panel__close{color:var(--sticky-panel-foreground, var(--color-foreground))}.sticky-variant-panel .variant-picker__form>.variant-option:first-child>:is(legend,.nh-variant-option__heading),.sticky-variant-panel .bundle-selector-set>.bundle-selector-set__heading-row:first-child{min-block-size:calc(var(--minimum-touch-target) + var(--margin-2xs) - var(--padding-xl));padding-inline-end:var(--minimum-touch-target);box-sizing:border-box}.sticky-variant-panel :is(.variant-picker,.variant-picker__form,.variant-option,.bundle-selector-set,.bundle-unit__options){min-inline-size:0;max-inline-size:100%}.sticky-variant-panel :is(.variant-option--buttons,.bundle-unit__options,.bundle-option__swatches,.bundle-selector-set__heading-row,.nh-variant-option__heading){flex-wrap:wrap}.sticky-variant-panel :is(legend,.nh-variant-option__heading,.bundle-selector-set__heading){overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.sticky-variant-panel[data-open=true],.sticky-variant-panel.dialog-closing,.sticky-variant-dialog.dialog-modal::backdrop{animation:none}.sticky-variant-panel__close,.sticky-variant-dialog.dialog-modal::backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sticky-variant-panel.css.map */
