.mobile-variant-picker-trigger{display:none}@media screen and (max-width:749px){.mobile-variant-picker-trigger{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 0}.mobile-variant-picker-trigger:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.mobile-variant-picker-trigger__icon{width:24px;height:24px;color:#ef473f;transition:color var(--animation-speed) var(--animation-easing)}.variant-picker--desktop-only{display:none}.mobile-variant-picker-dialog-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.mobile-variant-picker-dialog-wrapper:has(dialog[open]){pointer-events:auto;z-index:999}}@media screen and (min-width:750px){.mobile-variant-picker-dialog-wrapper{display:none}}.mobile-variant-picker-dialog{position:fixed;margin:auto 0 0;padding:0;border:none;border-radius:var(--style-border-radius-popover) var(--style-border-radius-popover) 0 0;max-width:100%;width:100%;height:100dvh;background-color:var(--color-background);box-shadow:0 -5px 30px rgb(0 0 0 / var(--opacity-15));overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.mobile-variant-picker-dialog::backdrop{background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));transition:opacity var(--animation-speed) var(--animation-easing)}.mobile-variant-picker-dialog[open]{animation:slideInFromBottom var(--animation-speed) var(--animation-easing) forwards}.mobile-variant-picker-dialog[open]::backdrop{animation:backdropFilter var(--animation-speed) var(--animation-easing) forwards}.mobile-variant-picker-dialog.dialog-closing{animation:slideOutToBottom var(--animation-speed) var(--animation-easing) forwards}.mobile-variant-picker-dialog.dialog-closing::backdrop{opacity:0}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.mobile-variant-picker-dialog__content{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-variant-picker-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-lg) var(--padding-xl);flex-shrink:0}.mobile-variant-picker-dialog__title{margin:0;font-size:30px;font-weight:700;text-transform:uppercase}.mobile-variant-picker-dialog__close{display:flex;align-items:center;justify-content:center;padding:var(--padding-xs);border:none;background:transparent;cursor:pointer;border-radius:var(--style-border-radius-buttons);transition:background-color var(--animation-speed) var(--animation-easing)}.mobile-variant-picker-dialog__close:focus-visible{outline:none;outline-offset:var(--focus-outline-offset)}.mobile-variant-picker-dialog__close svg{width:var(--icon-size-md);height:var(--icon-size-md);color:#1f232b}.mobile-variant-picker-dialog__body{flex:1;overflow-y:auto;padding:var(--padding-xl);overscroll-behavior:contain;-webkit-transform:translateZ(0);transform:translateZ(0)}.mobile-variant-picker-dialog__variant-picker-wrapper{width:100%}.mobile-variant-picker-dialog__variant-picker-wrapper .variant-picker--desktop-only{display:block!important}.mobile-variant-picker-dialog__variant-picker-wrapper .variant-picker{display:block}.mobile-variant-picker-dialog__variant-picker-wrapper .variant-picker__form{display:flex;flex-direction:column;gap:25px}.mobile-variant-picker-dialog__footer{padding:var(--padding-lg) var(--padding-xl);padding-bottom:max(var(--padding-lg),env(safe-area-inset-bottom));flex-shrink:0}.mobile-variant-picker-dialog__apply{width:100%}.mobile-variant-picker-dialog__apply:hover,.mobile-variant-picker-dialog__apply:focus-visible{opacity:.85}.mobile-variant-picker-dialog__apply:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mobile-variant-picker-dialog.css.map */