variant-choice{display:contents}.variant-choice__chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.variant-choice__chip{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:600;line-height:1;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:4px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.variant-choice__chip-image{width:32px;height:32px;object-fit:cover}.variant-choice__chip:hover{border-color:rgb(var(--color-foreground))}.variant-choice__chip:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.variant-choice__chip.is-selected{border-color:rgb(var(--color-foreground))}.variant-choice__chip.is-unavailable{text-decoration:line-through;opacity:.55}[data-vc-compare-wrap][hidden],[data-vc-save-wrap][hidden]{display:none!important}.variant-choice-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.variant-choice-modal[hidden]{display:none}.variant-choice-modal__overlay{position:absolute;display:block!important;top:0;right:0;bottom:0;left:0}.variant-choice-modal:not([hidden]){animation:variant-choice-fade-in .22s ease-out both}.variant-choice-modal:not([hidden]) .variant-choice-modal__panel{animation:variant-choice-panel-in .28s cubic-bezier(.22,.61,.36,1) both}.variant-choice-modal.is-leaving{animation:variant-choice-fade-out .18s ease-in both}.variant-choice-modal.is-leaving .variant-choice-modal__panel{animation:variant-choice-panel-out .18s ease-in both}@keyframes variant-choice-fade-in{0%{opacity:0}to{opacity:1}}@keyframes variant-choice-panel-in{0%{opacity:0;transform:translateY(1.4rem) scale(.98)}to{opacity:1;transform:none}}@keyframes variant-choice-fade-out{0%{opacity:1}to{opacity:0}}@keyframes variant-choice-panel-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(.8rem) scale(.99)}}@media screen and (prefers-reduced-motion:reduce){.variant-choice-modal:not([hidden]),.variant-choice-modal:not([hidden]) .variant-choice-modal__panel,.variant-choice-modal.is-leaving,.variant-choice-modal.is-leaving .variant-choice-modal__panel{animation:none}}.variant-choice-modal__panel{position:relative;box-sizing:border-box;width:min(92vw,42rem);max-height:80vh;overflow-y:auto;overscroll-behavior:contain;padding:2.4rem;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2.4rem 6rem #00000059,0 .4rem 1.2rem #0000002e}.variant-choice-modal__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;text-align:center}.variant-choice-modal__close{position:absolute;top:1.2rem;right:1.2rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.variant-choice-modal__body .variant-choice__chips{margin:0 0 1.6rem}.variant-choice-modal__confirm{width:100%;font-size:1.6rem;padding:8px 10px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-variant-choice.css.map */