.variant-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;pointer-events:none}.variant-modal.is-open{display:block;pointer-events:auto}.variant-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity .3s ease}.variant-modal.is-open .variant-modal__overlay{opacity:1}.variant-modal__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;height:auto;max-height:90vh;background:var(--colours-background-background-light1);border-radius:var(--radius-radius-m);display:flex;flex-direction:column;overflow:hidden}.variant-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-spacing-m);background:var(--colours-background-background-light1);border-bottom:1px solid var(--colours-background-background-mid1);flex-shrink:0}.variant-modal__title{margin:0;font-size:var(--font-size-l);font-weight:var(--font-weight-medium)}.variant-modal__close{background:none;border:none;padding:var(--spacing-spacing-xs);cursor:pointer;color:currentColor}.variant-modal__body{flex:1;overflow-y:auto;padding:var(--spacing-spacing-m);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-spacing-m);min-height:0}.variant-modal__image{border-radius:var(--radius-radius-m);overflow:hidden;aspect-ratio:1}.variant-modal__image img{width:100%;height:100%;object-fit:cover;display:block}.variant-modal__options{display:flex;flex-direction:column;gap:var(--spacing-spacing-m)}.variant-modal__option{display:flex;flex-direction:column;gap:var(--spacing-spacing-xs)}.variant-modal__option-label{font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.variant-modal__option-values{display:flex;flex-wrap:wrap;gap:var(--spacing-spacing-xs)}.variant-modal__option-value{padding:var(--spacing-spacing-xs) var(--spacing-spacing-s);border:1px solid var(--colours-background-background-mid1);border-radius:var(--radius-radius-m);background:none;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-s)}.variant-modal__option-value:hover{border-color:var(--colours-background-background-mid2)}.variant-modal__option-value.is-selected{border-color:var(--colours-brand-brand-mid4);background:var(--colours-brand-brand-mid4);color:var(--text-light-primary)}.variant-modal__price{font-size:var(--font-size-l);font-weight:var(--font-weight-medium);margin-top:var(--spacing-spacing-m)}.variant-modal__footer{padding:var(--spacing-spacing-m);background:var(--colours-background-background-light1);border-top:1px solid var(--colours-background-background-mid1);flex-shrink:0}@media screen and (max-width: 749px){.variant-modal__body{grid-template-columns:1fr}.variant-modal__content{padding:var(--spacing-spacing-s)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/variant-modal.css.map */