.universal-product-options,universal-product-options{--upo-foreground: rgb(var(--color-foreground, 18, 18, 18));--upo-background: rgb(var(--color-background, 255, 255, 255));--upo-accent: rgb(var(--color-accent, 18, 18, 18));--upo-border: rgba(var(--color-foreground, 18, 18, 18), .18);--upo-border-strong: rgba(var(--color-foreground, 18, 18, 18), .42);--upo-muted: rgba(var(--color-foreground, 18, 18, 18), .64);--upo-soft: rgba(var(--color-foreground, 18, 18, 18), .04);--upo-accent-soft: rgba(var(--color-accent, 18, 18, 18), .07);color:var(--upo-foreground);display:block;font:inherit;font-size:.9em;line-height:1.4;margin-block:1.35rem}.universal-product-options *,.universal-product-options *:before,.universal-product-options *:after,universal-product-options *,universal-product-options *:before,universal-product-options *:after{box-sizing:border-box}.universal-product-options__group{border:0;border-inline-start:1px solid var(--upo-border);margin:0 0 .85rem .2rem;min-width:0;padding:0 0 .16rem .95rem}.universal-product-options__group--nested{margin-inline-start:.55rem}.universal-product-options__group--current{margin-bottom:1.25rem}.universal-product-options__legend{color:inherit;font:inherit;font-size:.92em;font-weight:650;line-height:1.3;margin-bottom:.35rem;padding:0;position:relative}.universal-product-options__legend:focus{outline:none}.universal-product-options__legend:before{background:var(--upo-background);border:1px solid var(--upo-border-strong);border-radius:50%;content:"";height:.58rem;inset-inline-start:-1.265rem;position:absolute;top:.28em;width:.58rem}.universal-product-options__group--complete .universal-product-options__legend:before{background:var(--upo-accent);border-color:var(--upo-accent);box-shadow:inset 0 0 0 .13rem var(--upo-background)}.universal-product-options__group--current .universal-product-options__legend:before{border-color:var(--upo-accent);box-shadow:0 0 0 .18rem var(--upo-accent-soft)}.universal-product-options__group--locked{color:var(--upo-muted);opacity:.62}.universal-product-options__required{color:var(--upo-accent);margin-inline-start:.12rem}.universal-product-options__prompt,.universal-product-options__locked{color:var(--upo-muted);display:block;font-size:.76em;line-height:1.35}.universal-product-options__prompt{margin:-.05rem 0 .52rem}.universal-product-options__locked{margin-bottom:.18rem}.universal-product-options__cards{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.4rem),10.3rem))}.universal-product-options__card{align-content:start;background:var(--upo-background);border:max(1px,var(--inputs-border-width, 1px)) solid var(--upo-border);border-radius:var(--inputs-radius, var(--buttons-radius, .3rem));color:inherit;cursor:pointer;display:grid;font-size:.9em;gap:.18rem;min-height:3.5rem;overflow:visible;padding:.66rem 1.85rem .6rem .7rem;position:relative;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.universal-product-options__card--has-image{gap:.48rem;min-height:7.8rem;padding:.38rem .38rem .58rem}.universal-product-options__card:after{background:var(--upo-background);border:1px solid var(--upo-border-strong);border-radius:50%;content:"";height:.78rem;inset-inline-end:.55rem;position:absolute;top:.56rem;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;width:.78rem}.universal-product-options__card:not(:has(input:disabled)):hover{background:var(--upo-accent-soft);border-color:var(--upo-accent);box-shadow:0 .25rem .7rem rgba(var(--color-shadow, 18, 18, 18),.08)}.universal-product-options__card:has(input:checked){background:var(--upo-accent-soft);border-color:var(--upo-accent);box-shadow:0 0 0 1px var(--upo-accent)}.universal-product-options__card:has(input:checked):after{background:var(--upo-accent);border-color:var(--upo-accent);box-shadow:inset 0 0 0 .18rem var(--upo-background)}.universal-product-options__card:has(input:focus-visible){outline:.15rem solid var(--upo-accent);outline-offset:.15rem}.universal-product-options__card:has(input:disabled){cursor:not-allowed;opacity:.5}.universal-product-options__card input{height:1px;opacity:0;position:absolute;width:1px}.universal-product-options__card-content{display:grid;gap:.14rem;min-width:0}.universal-product-options__card--has-image .universal-product-options__card-content{padding-inline:.25rem 1.25rem}.universal-product-options__label{font-weight:650;line-height:1.28}.universal-product-options__delta{color:var(--upo-muted);font-size:.8em;line-height:1.28}.universal-product-options__unavailable{color:var(--upo-muted);font-size:.72em;font-weight:600;text-transform:uppercase}.universal-product-options__thumbnail{align-items:center;background:var(--upo-soft);border-radius:max(0px,calc(var(--inputs-radius, .3rem) - .12rem));display:flex;height:4.8rem;justify-content:center;overflow:hidden;width:100%}.universal-product-options__thumbnail img{display:block;height:100%;object-fit:contain;transition:transform .16s ease;width:100%}.universal-product-options__card:not(:has(input:disabled)):hover .universal-product-options__thumbnail img{transform:scale(1.025)}.universal-product-options__completed{align-items:center;background:var(--upo-soft);border:1px solid var(--upo-border);border-radius:var(--inputs-radius, .3rem);color:inherit;cursor:pointer;display:flex;font:inherit;font-size:.82em;gap:.52rem;min-height:2.4rem;padding:.3rem .58rem;text-align:start;transition:background-color .14s ease,border-color .14s ease;width:100%}.universal-product-options__completed:hover{background:var(--upo-accent-soft);border-color:var(--upo-accent)}.universal-product-options__completed:focus-visible{outline:.15rem solid var(--upo-accent);outline-offset:.12rem}.universal-product-options__completed-thumbnail{background:var(--upo-background);border-radius:.2rem;height:1.7rem;object-fit:contain;width:1.7rem}.universal-product-options__completed-label{font-weight:600}.universal-product-options__change{color:var(--upo-muted);font-size:.88em;margin-inline-start:auto;text-decoration:underline;text-underline-offset:.15em}.universal-product-options__note{color:inherit;font-size:.82em}.universal-product-options__tooltip{background:var(--upo-tooltip-background, #fff);border:1px solid rgba(var(--upo-tooltip-foreground-rgb, 18, 18, 18),.18);border-inline-start:2px solid var(--upo-tooltip-accent, #121212);border-radius:var(--text-boxes-radius, var(--inputs-radius, .35rem));box-shadow:0 .55rem 1.5rem rgba(var(--upo-tooltip-foreground-rgb, 18, 18, 18),.14);color:var(--upo-tooltip-foreground, #121212);display:grid;font-size:.84em;gap:.22rem;line-height:1.4;opacity:0;overflow:visible;padding:.58rem .7rem;pointer-events:none;position:fixed;transform:translateY(.18rem);transition:opacity .12s ease,transform .12s ease;z-index:2147483000}.universal-product-options__tooltip[hidden]{display:none}.universal-product-options__tooltip--visible{opacity:1;transform:translateY(0)}.universal-product-options__tooltip:after{background:var(--upo-tooltip-background, #fff);border:solid rgba(var(--upo-tooltip-foreground-rgb, 18, 18, 18),.18);content:"";height:.52rem;left:var(--upo-tooltip-arrow-left, 50%);position:absolute;transform:translate(-50%) rotate(45deg);width:.52rem}.universal-product-options__tooltip[data-placement=top]:after{border-width:0 1px 1px 0;bottom:-.31rem}.universal-product-options__tooltip[data-placement=bottom]:after{border-width:1px 0 0 1px;top:-.31rem}.universal-product-options__tooltip-title{font-weight:700}.universal-product-options__tooltip-description{color:rgba(var(--upo-tooltip-foreground-rgb, 18, 18, 18),.72);font-size:.92em}.universal-product-options__select{background-color:var(--upo-background);border:max(1px,var(--inputs-border-width, 1px)) solid var(--upo-border);border-radius:var(--inputs-radius, .3rem);color:inherit;font:inherit;font-size:.88em;min-height:2.65rem;padding:.5rem 2rem .5rem .65rem;transition:background-color .14s ease,border-color .14s ease;width:100%}.universal-product-options__select:hover{background-color:var(--upo-soft);border-color:var(--upo-border-strong)}.universal-product-options__select:focus-visible{border-color:var(--upo-accent);outline:.15rem solid var(--upo-accent);outline-offset:.12rem}.universal-product-options__summary{border-top:1px solid var(--upo-border);display:grid;font-size:.86em;gap:.35rem;margin-top:.25rem;padding-top:.7rem}.universal-product-options__progress{color:var(--upo-muted);font-size:.82em}.universal-product-options__price-row{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.universal-product-options__total{font-weight:700;white-space:nowrap}.universal-product-options__error{color:var(--color-error, #b42318);font-size:.84em;margin-block:.55rem}.universal-product-options-submit--locked{cursor:not-allowed!important;opacity:.58}@media(max-width:420px){.universal-product-options__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.universal-product-options__card--has-image{min-height:7.1rem}.universal-product-options__thumbnail{height:4.2rem}}@media(prefers-reduced-motion:reduce){.universal-product-options__card,.universal-product-options__card:after,.universal-product-options__thumbnail img,.universal-product-options__completed,.universal-product-options__select,.universal-product-options__tooltip{animation:none;scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/universal-product-options.css.map */