@media screen and (max-width:749px){.product-form__input--mobile-image-picker>.product-form__label-container,.product-form__input--mobile-image-picker>.color-swatches-container,.product-form__input--mobile-image-picker>input,.product-form__input--mobile-image-picker>input+label{display:none}.mobile-variant-picker__trigger{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;color:#222;display:flex;font:inherit;justify-content:space-between;min-height:4.8rem;padding:14px 16px;text-align:left;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.mobile-variant-picker__trigger-label{font-size:1.4rem;font-weight:600;color:#222}.mobile-variant-picker__trigger-value{margin-left:auto;font-size:1.4rem;color:#333;padding-left:1rem}.mobile-variant-picker__trigger-value--placeholder{color:#888;font-size:1.35rem;font-weight:400}.mobile-variant-picker__trigger svg{height:.7rem;margin-left:.8rem;width:1.1rem;color:#333;flex-shrink:0}.mobile-variant-picker__trigger--unselected-alert{border:2px solid #eb001b!important;background-color:#fff8f8!important;box-shadow:0 0 0 1px #eb001b,0 2px 8px #eb001b1a!important;animation:mobile-variant-shake .45s cubic-bezier(.36,.07,.19,.97) both}.mobile-variant-picker__trigger--shake{animation:mobile-variant-shake .45s cubic-bezier(.36,.07,.19,.97) both}.product-form__submit--unselected-alert,.product-mobile-sticky-atc__button--unselected-alert{border:2px solid #eb001b!important;box-shadow:0 0 0 2px #eb001b40!important;animation:mobile-variant-shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes mobile-variant-shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}.mobile-variant-picker__dialog{background:transparent;border:0;height:100%;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;position:fixed;width:100%;outline:none}.mobile-variant-picker__dialog:focus,.mobile-variant-picker__dialog:focus-visible{outline:none}.mobile-variant-picker__dialog::backdrop{background:transparent}.mobile-variant-picker__dialog[open]{align-items:flex-end;display:flex}.mobile-variant-picker__backdrop{background:#00000085;display:block!important;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .35s cubic-bezier(.25,1,.5,1);will-change:opacity;-webkit-tap-highlight-color:transparent}.mobile-variant-picker__dialog--open .mobile-variant-picker__backdrop{opacity:1}.mobile-variant-picker__dialog--closing .mobile-variant-picker__backdrop{opacity:0;transition-duration:.28s}.mobile-variant-picker__sheet{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:2rem 2rem 0 0;border-bottom:0;box-shadow:0 -.4rem 2.8rem #00000024;color:rgb(var(--color-foreground));display:flex;flex-direction:column;max-height:min(80vh,64rem);overflow:hidden;padding:1.2rem 1.2rem calc(1.6rem + env(safe-area-inset-bottom));position:relative;-webkit-transform:translate3d(0,calc(100% + var(--mobile-variant-sheet-drag, 0px)),0);transform:translate3d(0,calc(100% + var(--mobile-variant-sheet-drag, 0px)),0);transition:transform .36s cubic-bezier(.25,1,.5,1);width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;will-change:transform;z-index:1}.mobile-variant-picker__dialog--open .mobile-variant-picker__sheet{-webkit-transform:translate3d(0,var(--mobile-variant-sheet-drag, 0px),0);transform:translate3d(0,var(--mobile-variant-sheet-drag, 0px),0)}.mobile-variant-picker__dialog--closing .mobile-variant-picker__sheet{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition-duration:.28s;transition-timing-function:cubic-bezier(.32,0,.67,0)}.mobile-variant-picker__sheet--dragging{transition:none!important}.mobile-variant-picker__handle{background:rgba(var(--color-foreground),.3);display:block!important;border-radius:999px;height:.45rem;margin:.2rem auto 1.2rem;touch-action:none;width:4.2rem;flex-shrink:0}.mobile-variant-picker__header{align-items:center;display:grid;grid-template-columns:4rem 1fr 4rem;margin-bottom:.8rem;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-bottom:.4rem}.mobile-variant-picker__title{font-size:1.6rem;font-weight:var(--font-body-weight-bold);grid-column:2;margin:0;text-align:center}.mobile-variant-picker__close{align-items:center;display:flex;grid-column:3;height:4rem;justify-content:center;min-height:4rem;min-width:4rem;padding:0;width:4rem;background:transparent;border:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}.mobile-variant-picker__close svg{height:1.8rem;width:1.8rem}.mobile-variant-picker__options{list-style:none;margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1 1 auto}.mobile-variant-picker__option+.mobile-variant-picker__option{border-top:.1rem solid rgba(var(--color-foreground),.1)}.mobile-variant-picker__option-button{align-items:center;background:transparent;border:none;color:inherit;display:grid;font:inherit;gap:1.2rem;grid-template-columns:1fr;min-height:7.2rem;padding:1.1rem .4rem;text-align:left;touch-action:pan-y;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.4rem;transition:background-color .15s ease}.mobile-variant-picker__option-button:active{background-color:rgba(var(--color-foreground),.05)}.mobile-variant-picker__option-button--has-image{grid-template-columns:1fr 7.8rem}.mobile-variant-picker__option-name{display:block;font-size:1.55rem}.mobile-variant-picker__option-price{display:block;font-size:1.55rem;font-weight:var(--font-body-weight-bold);margin-top:.45rem}.mobile-variant-picker__option-button[aria-pressed=true] .mobile-variant-picker__option-name:after{content:" \2713";font-weight:700}.mobile-variant-picker__option-button:disabled{cursor:not-allowed;opacity:.45}.mobile-variant-picker__option-image{background:rgba(var(--color-foreground),.06);border-radius:.7rem;height:7.8rem;object-fit:contain;width:7.8rem}body.mobile-variant-picker--open{overflow:hidden;touch-action:none}@media(prefers-reduced-motion:reduce){.mobile-variant-picker__backdrop,.mobile-variant-picker__sheet{transition:none!important}}}@media screen and (min-width:750px){.mobile-variant-picker__trigger,.mobile-variant-picker__dialog{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mobile-variant-bottom-sheet.css.map */