.variant-selector-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.variant-selector-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer;opacity:0;transition:opacity .3s ease}.variant-selector-popup.popup-open .variant-selector-popup__overlay{opacity:1}.variant-selector-popup__content{position:relative;width:100%;max-height:85vh;background:rgb(var(--body-bg-color));border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}.variant-selector-popup.popup-open .variant-selector-popup__content{transform:translateY(0)}.variant-selector-popup__header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgb(var(--body-text-color)/.15);flex-shrink:0}.variant-selector-popup__title{margin:0;font-size:18px;font-weight:600}.variant-selector-popup__close{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--body-text-color))}.variant-selector-popup__close svg{width:20px;height:20px}.variant-selector-popup__body{padding:12px 12px 0;overflow-y:auto;flex:1}.variant-selector-popup__options variant-picker{display:block}.variant-selector-popup__options .option-selector{margin-bottom:20px}.variant-selector-popup__options .option-selector:last-child{margin-bottom:0}.variant-selector-popup__options .label{display:block;font-weight:600;margin-bottom:12px;font-size:14px}.variant-selector-popup__options .swatch-options,.variant-selector-popup__options .button-options{display:flex;flex-wrap:wrap;gap:8px}.variant-selector-popup__footer{padding:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(var(--body-text-color),.1);flex-shrink:0}.variant-selector-popup__error{color:#c00;font-size:.9em;text-align:center;font-weight:500}.btn--full{width:100%}@media(min-width:768px){.variant-selector-popup{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/variant-selector-popup.css.map */