.option-steps{display:block;--os-line: rgba(var(--color-foreground), .18);--os-line-soft: rgba(var(--color-foreground), .1);--os-sub: rgba(var(--color-foreground), .62);--os-accent: rgb(20, 102, 184);--os-accent-weak: rgba(20, 102, 184, .08);--os-badge-bg: var(--os-accent);--os-badge-text: #ffffff;--os-radius: 1rem;--os-radius-inner: calc(var(--os-radius) * .8)}.option-steps-native-hidden{display:none}[data-option-steps-hides-native] variant-selects{display:none}option-steps[data-ready] variant-selects{display:none}.option-steps__notice{margin-bottom:1.2rem;padding:1.1rem 1.3rem;border:.1rem solid rgba(180,120,0,.35);border-left-width:.4rem;border-radius:.6rem;background:#ffc40014;font-size:1.25rem;line-height:1.6}.option-steps__notice--info{border-color:#006eb459;background:#0082c80f}.option-steps__notice ul{margin:.6rem 0;padding-left:1.8rem}.option-steps__notice code{padding:0 .3rem;border-radius:.3rem;background:rgba(var(--color-foreground),.08);font-size:.95em}.option-steps__list{display:flex;flex-direction:column;gap:1.2rem}.option-steps__step{border:.1rem solid var(--os-line);border-radius:var(--os-radius);padding:1.2rem 1.3rem}.option-steps__step[hidden]{display:none}.option-steps__head{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.option-steps__badge{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:var(--os-badge-bg);color:var(--os-badge-text);font-size:1.2rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.option-steps__toggle{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.option-steps__toggle--qty{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.option-steps__opt{position:relative;border:.15rem solid var(--os-line);border-radius:var(--os-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:1rem;font-size:1.3rem;font-family:inherit;line-height:1.4;text-align:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.option-steps__opt:hover:not(:disabled){border-color:rgba(var(--color-foreground),.4)}.option-steps__opt.is-selected{border-color:var(--os-accent);background:var(--os-accent-weak)}.option-steps__opt.is-selected:after{content:"\2713";position:absolute;top:.5rem;right:.7rem;color:var(--os-accent);font-weight:700;font-size:1.3rem}.option-steps__sub{display:block;color:var(--os-sub);font-size:1.15rem;margin-top:.2rem}.option-steps__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}.option-steps__sw{display:flex;align-items:center;gap:1rem;border:.15rem solid var(--os-line);border-radius:var(--os-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:.8rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease}.option-steps__sw:hover:not(:disabled){border-color:rgba(var(--color-foreground),.4)}.option-steps__sw.is-selected{border-color:var(--os-accent);background:var(--os-accent-weak)}.option-steps__chip{flex:0 0 auto;width:5rem;height:5rem;border-radius:var(--os-radius-inner);overflow:hidden;background:rgba(var(--color-foreground),.05);border:.1rem solid var(--os-line-soft);display:block}.option-steps__chip img{width:100%;height:100%;object-fit:cover;display:block}.option-steps__nm{font-size:1.3rem;font-weight:600}.option-steps__opt.is-unavailable,.option-steps__sw.is-unavailable{opacity:.4;text-decoration:line-through}.option-steps__opt:disabled,.option-steps__sw:disabled{cursor:not-allowed}.option-steps__summary{margin-top:1.2rem;padding:1rem 1.2rem;border:.1rem solid var(--os-line-soft);border-radius:var(--os-radius);background:rgba(var(--color-foreground),.03);font-size:1.25rem;color:var(--os-sub)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/option-steps.css.map */