:root{--variant-popup-z-index: 30;--variant-popup-panel-background: #ffffff;--variant-popup-panel-padding-mobile: 15px;--variant-popup-panel-padding-desktop-top: 16px;--variant-popup-panel-padding-desktop-right: 24px;--variant-popup-panel-padding-desktop-bottom: 17px;--variant-popup-panel-padding-desktop-left: 24px;--variant-popup-panel-top: 0;--variant-popup-panel-right: 0;--variant-popup-panel-bottom: 0;--variant-popup-panel-left: 0;--variant-popup-panel-width: auto;--variant-popup-panel-border-radius: 0;--variant-popup-header-padding-top: 10px;--variant-popup-header-padding-right: 0;--variant-popup-header-padding-bottom: 10px;--variant-popup-header-padding-left: 0;--variant-popup-content-padding-right: 0;--variant-popup-content-padding-left: 0;--variant-popup-content-padding-bottom: 0;--variant-popup-close-top: 22px;--variant-popup-close-right: 22px;--variant-popup-divider-color: #121212;--variant-popup-title-color: #111111;--variant-popup-title-font-size: 14px;--variant-popup-title-font-weight: 600;--variant-popup-option-color: #111111;--variant-popup-option-font-size: 12px;--variant-popup-option-font-weight: 500;--variant-popup-option-height: 46px;--variant-popup-option-padding-left: 14px;--variant-popup-option-border-color: #111111;--variant-popup-message-color: #111111;--variant-popup-message-font-size: 14px;--variant-popup-message-icon-size: 16px;--variant-popup-trigger-label-size: 12px;--variant-popup-trigger-value-size: 14px;--variant-popup-size-guide-font-size: 14px}.variant-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--variant-popup-z-index);pointer-events:none;overflow:hidden}.variant-popup-panel{position:absolute;top:var(--variant-popup-panel-top);right:var(--variant-popup-panel-right);bottom:var(--variant-popup-panel-bottom);left:var(--variant-popup-panel-left);width:var(--variant-popup-panel-width);background:var(--variant-popup-panel-background);padding:var(--variant-popup-panel-padding-mobile);border-radius:var(--variant-popup-panel-border-radius);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translate(16px);transition:transform .2s ease,opacity .2s ease,visibility .2s ease;pointer-events:none}.variant-popup.is-open{pointer-events:auto}.variant-popup.is-open .variant-popup-panel{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.variant-popup-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border:0;border-bottom:1px solid #e1ddd3;background:transparent;cursor:pointer;text-align:left}.variant-popup-trigger__text{display:flex;flex-direction:column;gap:4px}.variant-popup-trigger__label{font-size:var(--variant-popup-trigger-label-size);color:#595959;letter-spacing:.2px}.variant-popup-trigger__value{font-size:var(--variant-popup-trigger-value-size);color:#111}.variant-popup-trigger__arrow svg{width:10px;height:10px}.variant-popup__message{display:flex;align-items:center;gap:8px;padding:0;color:var(--variant-popup-message-color);font-size:var(--variant-popup-message-font-size);line-height:1.2}.variant-popup__top-row{display:flex;align-items:flex-start;justify-content:space-between;min-height:20px;margin-bottom:10px}.variant-popup__message-icon{display:inline-flex;width:var(--variant-popup-message-icon-size);height:var(--variant-popup-message-icon-size)}.variant-popup__message-icon svg{width:100%;height:100%}.variant-popup__close{margin-left:auto;border:0;padding:0;background:transparent;color:#111;cursor:pointer}.variant-popup__close svg{width:16px;height:16px}.variant-popup__header{padding:var(--variant-popup-header-padding-top) var(--variant-popup-header-padding-right) var(--variant-popup-header-padding-bottom) var(--variant-popup-header-padding-left);border-bottom:1px solid var(--variant-popup-divider-color)}.variant-popup__title{margin:0;text-align:center;color:var(--variant-popup-title-color);font-size:var(--variant-popup-title-font-size);font-weight:var(--variant-popup-title-font-weight);line-height:1.1}.variant-popup__content{overflow-y:auto;padding:0 var(--variant-popup-content-padding-right) var(--variant-popup-content-padding-bottom) var(--variant-popup-content-padding-left)}.variant-popup__options{margin:0;padding:0;list-style:none}.variant-popup__option-btn{display:flex;align-items:center;width:100%;height:var(--variant-popup-option-height);padding:0 0 0 var(--variant-popup-option-padding-left);border:0;border-bottom:1px solid transparent;background:transparent;color:var(--variant-popup-option-color);font-family:Manrope,sans-serif;font-size:var(--variant-popup-option-font-size);font-weight:var(--variant-popup-option-font-weight);line-height:1.2;text-align:left;cursor:pointer}.variant-popup__option-btn:hover,.variant-popup__option-btn.is-selected{border-bottom-color:var(--variant-popup-option-border-color)}.variant-popup__option-btn.is-disabled,.variant-popup__option-btn:disabled{opacity:.45;cursor:not-allowed}.variant-popup__footer{margin-top:auto;padding:10px 0 0;text-align:right}.variant-popup__size-guide{margin-left:0;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#111;text-decoration:underline;text-underline-offset:2px;font-size:var(--variant-popup-size-guide-font-size);cursor:pointer}.variant-popup-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media screen and (min-width:750px){:root{--variant-popup-panel-padding-mobile: var(--variant-popup-panel-padding-desktop-top) var(--variant-popup-panel-padding-desktop-right) var(--variant-popup-panel-padding-desktop-bottom) var(--variant-popup-panel-padding-desktop-left)}}span.variant-popup__size-guide-icon{width:19px}@media screen and (max-width:989px){.variant-popup.is-open .variant-popup-panel{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.variant-popup-panel{position:fixed;top:unset;background-color:#fffcf7;border-radius:10px 10px 0 0;box-shadow:0 -4px 4px #00000005;bottom:0;left:0;right:0;z-index:1000;max-height:100%;display:flex;height:67svh}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-variant-popup.css.map */