cart-variant-selector{position:relative;display:block}.variant-modal-overlay,#variant-modal-overlay{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;background:#00000080;opacity:0;transition:opacity .3s ease}.variant-modal-container,#variant-modal-container{position:fixed;z-index:10001;right:0;bottom:0;left:0;display:none;flex-direction:column;max-height:70vh;background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.variant-modal-close{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:none;background:none;color:#231911;font-size:24px;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.variant-modal-close:hover{background-color:#f5f5f5}.variant-modal-body{flex:1;overflow-y:auto;padding:0 16px}.variant-options-list,#variant-options-grid{display:grid;margin-bottom:10px}.variant-option{position:relative;display:flex;align-items:center;min-height:48px;border-bottom:1px solid #deddd9;color:#231911;font-family:var(--font-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.variant-option:hover:not(.sold-out){background-color:#f9f9f9}.variant-option.sold-out{cursor:not-allowed;position:relative}.variant-option.sold-out:after{content:"";position:absolute;top:50%;right:10%;left:10%;height:1px;background-color:#231911;transform:translateY(-50%)}#variant-options-grid>div{position:relative;display:flex;align-items:center;min-height:48px;padding-left:7px;border-bottom:1px solid #deddd9;background:#fff;color:#231911;font-family:var(--font-primary);font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease}#variant-options-grid>div:hover:not([data-sold-out=true]){background-color:#f9f9f9}#variant-options-grid>div[data-active=true]{color:#e74c3c}#variant-options-grid>div[data-sold-out=true]{color:#696969;cursor:not-allowed}#variant-options-grid>div[data-sold-out=true] span{text-decoration:line-through}.variant-modal-option.current-variant{cursor:not-allowed!important;pointer-events:none!important}.variant-option .notify-icon{position:absolute;top:4px;right:4px;width:16px;height:12px;opacity:.6}.notify-me-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:12px;border:1px solid #231911;color:#231911;font-family:var(--font-primary);font-size:14px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;gap:8px;transition:all .2s ease}.notify-me-btn:hover{background-color:#231911;color:#fff}.notify-me-btn svg path{transition:fill .2s ease}.notify-me-btn:hover svg path{fill:#fff}.variant-modal-container.loading{pointer-events:none}.cart-item-variant-text{width:fit-content;padding:8px;cursor:pointer;color:#231911;display:flex;align-items:center;font-family:var(--font-secondary);font-size:12px;font-style:normal;text-transform:uppercase;background-color:#e5e5e5;gap:4px}@media (min-width: 768px){.variant-modal-container{right:auto;bottom:20%;left:50%;width:400px;transform:translate(-50%) translateY(100%);border-radius:16px}cart-variant-selector.open .variant-modal-container{transform:translate(-50%) translateY(0)}.variant-options-list{grid-template-columns:repeat(4,1fr)}.cart-item-variant-text{padding:11px;font-size:14px}}.cart-item-variant-trigger{display:block!important;margin:8px 0;color:#231911;font-size:14px;text-decoration:underline;cursor:pointer;transition:color .2s ease;visibility:visible!important}.cart-item-variant-trigger:hover{color:#666}.cart-item-variant-trigger:after{content:" \25bc";margin-left:4px;font-size:10px}cart-variant-selector{position:relative;display:block!important}cart-variant-selector:not(.modal-open){position:relative;z-index:1}cart-variant-selector.modal-open{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0}.variant-modal-option{align-items:center;justify-content:space-between}.variant-modal-option .notify-me-button{display:flex;align-items:center;gap:8px;padding:12px 10px;font-family:var(--font-primary);color:#231911;font-size:12px;font-weight:400;cursor:pointer;text-decoration:underline;transition:background-color .2s ease}.variant-modal-option .notify-me-button:hover{background:#231911}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cart-variant-selector.css.map */
