.tune-configurator-bleed{width:100%}.tune-configurator{--tc-fg: rgb(var(--color-foreground, 255, 255, 255));--tc-bg: rgb(var(--color-background, 18, 18, 18));--tc-accent: var(--tc-accent-setting, #e2382e);--tc-accent-soft: rgba(226, 56, 46, .09);--tc-accent-glow: rgba(226, 56, 46, .28);--tc-surface: rgba(255, 255, 255, .035);--tc-surface-hover: rgba(255, 255, 255, .06);--tc-border: rgba(var(--color-foreground, 255, 255, 255), .14);--tc-border-soft: rgba(var(--color-foreground, 255, 255, 255), .09);--tc-ease: cubic-bezier(.2, 0, 0, 1);max-width:76rem;margin:0 auto;padding:2.5rem 1.5rem 5rem;color:var(--tc-fg)}.tc-header{margin-bottom:3rem}.tc-eyebrow{margin:0 0 1rem;font-size:1.15rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--tc-accent);display:flex;align-items:center;gap:1.2rem}.tc-eyebrow:before{content:"";flex:none;width:3.4rem;height:.2rem;background:var(--tc-accent)}.tc-title{margin:0 0 1rem;font-size:clamp(3.2rem,6vw,5.2rem);font-weight:700;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;position:relative;padding-bottom:1.4rem}.tc-title:after{content:"";position:absolute;left:0;bottom:0;width:9rem;height:.4rem;border-radius:.2rem;background:linear-gradient(90deg,var(--tc-accent) 55%,transparent 55%,transparent 62%,var(--tc-accent) 62%,var(--tc-accent) 78%,transparent 78%,transparent 85%,var(--tc-accent) 85%)}.tc-sub{margin:0;max-width:56rem;font-size:1.4rem;line-height:1.65;opacity:.72}.tc-steps{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 2.6rem;padding:0}.tc-step{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.1rem .55rem .6rem;border:1px solid var(--tc-border-soft);border-radius:999px;font-size:1.2rem;background:var(--tc-surface);opacity:.55;white-space:nowrap;transition:opacity .2s var(--tc-ease),border-color .2s var(--tc-ease)}.tc-step--active{opacity:1;border-color:var(--tc-accent);box-shadow:0 0 0 1px var(--tc-accent),0 0 18px var(--tc-accent-glow)}.tc-step--active .tc-step__num{background:var(--tc-accent);border-color:var(--tc-accent);color:#fff}.tc-step--done{opacity:.8}.tc-step--done .tc-step__num{background:transparent;border-color:var(--tc-accent);color:transparent;position:relative}.tc-step--done .tc-step__num:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--tc-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 55% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 55% no-repeat}.tc-step__num{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--tc-border);border-radius:50%;font-size:1.1rem;font-weight:600;transition:background .2s var(--tc-ease),border-color .2s var(--tc-ease)}.tc-h{display:flex;align-items:center;gap:1rem;margin:2.8rem 0 1.2rem;font-size:1.8rem;font-weight:600;letter-spacing:.02em}.tc-h:before{content:"";flex:none;width:.4rem;height:1.9rem;border-radius:.2rem;background:var(--tc-accent)}.tc-h:first-child{margin-top:0}.tc-note{font-size:1.3rem;opacity:.72;margin:.4rem 0 1.2rem;line-height:1.6}.tc-note a{color:var(--tc-fg);text-decoration-color:var(--tc-accent);text-underline-offset:.25em}.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:1.2rem}.tc-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.7rem 1.8rem;background:linear-gradient(160deg,var(--tc-surface-hover),var(--tc-surface) 55%);border:1px solid var(--tc-border-soft);border-radius:1rem;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .18s var(--tc-ease),box-shadow .18s var(--tc-ease),transform .18s var(--tc-ease),background .18s var(--tc-ease)}.tc-card:hover{border-color:var(--tc-accent);transform:translateY(-2px);box-shadow:0 6px 22px #00000073}.tc-card:active{transform:translateY(0) scale(.99)}.tc-card:focus-visible{outline:2px solid var(--tc-accent);outline-offset:3px}.tc-card--selected{border-color:var(--tc-accent);background:linear-gradient(160deg,var(--tc-accent-soft),var(--tc-surface) 70%);box-shadow:0 0 0 1px var(--tc-accent),0 0 24px var(--tc-accent-glow)}.tc-card--selected:after{content:"";position:absolute;top:1.2rem;right:1.2rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--tc-accent);-webkit-mask:none;mask:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:55%;background-position:center;background-repeat:no-repeat}.tc-card__title{font-weight:600;font-size:1.5rem;padding-right:2.6rem}.tc-card__sub{font-size:1.2rem;opacity:.68;line-height:1.5}.tc-card__price{font-size:1.35rem;font-weight:700;margin-top:.4rem;letter-spacing:.02em}.tc-variants{display:flex;flex-direction:column;gap:.7rem}.tc-radio,.tc-check{display:flex;align-items:center;gap:1.1rem;padding:1.15rem 1.4rem;background:var(--tc-surface);border:1px solid var(--tc-border-soft);border-radius:.8rem;cursor:pointer;font-size:1.35rem;transition:border-color .15s var(--tc-ease),background .15s var(--tc-ease)}.tc-radio:hover,.tc-check:hover{border-color:var(--tc-accent);background:var(--tc-surface-hover)}.tc-radio:has(input:checked),.tc-check:has(input:checked){border-color:var(--tc-accent);background:linear-gradient(90deg,var(--tc-accent-soft),var(--tc-surface) 60%)}.tc-radio:has(input:focus-visible),.tc-check:has(input:focus-visible){outline:2px solid var(--tc-accent);outline-offset:2px}.tc-radio input,.tc-check input{accent-color:var(--tc-accent);width:1.8rem;height:1.8rem;flex:none;cursor:pointer}.tc-radio span,.tc-check span{flex:1;line-height:1.45}.tc-radio strong,.tc-check strong{font-weight:700;letter-spacing:.02em;white-space:nowrap}.tc-select{margin:.2rem 0 0 3.2rem;padding:.8rem 1.1rem;border:1px solid var(--tc-border);border-radius:.6rem;background:var(--tc-bg);color:inherit;font-size:1.3rem;max-width:34rem}.tc-lvl-desc{display:block;font-size:1.15rem;opacity:.62;margin-top:.25rem;line-height:1.5}.tc-field--custom{margin:.5rem 0 0 3.2rem;max-width:50rem}.tc-qty-row{display:flex;align-items:center;gap:1.2rem;font-size:1.35rem;flex-wrap:wrap}.tc-qty{width:7.5rem;padding:.7rem .9rem;border:1px solid var(--tc-border);border-radius:.6rem;background:var(--tc-surface);color:inherit;font-size:1.4rem;font-weight:600;text-align:center}.tc-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(28rem,1fr));gap:1.4rem 1.6rem}.tc-field{display:flex;flex-direction:column;gap:.45rem}.tc-field label{font-size:1.25rem;font-weight:600;letter-spacing:.02em}.tc-field input,.tc-field textarea{padding:1rem 1.2rem;border:1px solid var(--tc-border);border-radius:.7rem;background:var(--tc-surface);color:inherit;font:inherit;font-size:1.4rem;transition:border-color .15s var(--tc-ease),box-shadow .15s var(--tc-ease)}.tc-field input::placeholder,.tc-field textarea::placeholder{opacity:.4}.tc-field textarea{min-height:8.5rem;resize:vertical}.tc-field input:focus,.tc-field textarea:focus{outline:none;border-color:var(--tc-accent);box-shadow:0 0 0 1px var(--tc-accent),0 0 14px var(--tc-accent-glow)}.tc-field--error input,.tc-field--error textarea{border-color:var(--tc-accent);box-shadow:0 0 0 1px var(--tc-accent)}.tc-req{color:var(--tc-accent)}.tc-hint{font-size:1.1rem;opacity:.6}.tc-field:has(textarea){grid-column:1 / -1}.tc-review{display:flex;flex-direction:column;gap:.6rem;max-width:56rem}.tc-line{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.1rem 1.4rem;background:var(--tc-surface);border:1px solid var(--tc-border-soft);border-radius:.8rem;font-size:1.35rem}.tc-line strong{font-weight:700;letter-spacing:.02em;white-space:nowrap}.tc-line--total{border-color:var(--tc-accent);background:linear-gradient(90deg,var(--tc-accent-soft),var(--tc-surface) 60%);box-shadow:0 0 0 1px var(--tc-accent);font-size:1.55rem;font-weight:700;margin-top:.6rem}.tc-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.8rem;border-top:1px solid var(--tc-border-soft)}.tc-back,.tc-next{padding:1.25rem 3rem;border-radius:.7rem;font-size:1.4rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .15s var(--tc-ease),box-shadow .15s var(--tc-ease),border-color .15s var(--tc-ease),filter .15s var(--tc-ease)}.tc-back{background:transparent;border:1px solid var(--tc-border);color:inherit}.tc-back:hover{border-color:var(--tc-fg)}.tc-next{background:var(--tc-accent);border:1px solid var(--tc-accent);color:#fff;box-shadow:0 4px 18px var(--tc-accent-glow)}.tc-next:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 24px var(--tc-accent-glow)}.tc-next:active{transform:translateY(0) scale(.99)}.tc-next:disabled{opacity:.6;cursor:wait;transform:none}.tc-back:focus-visible,.tc-next:focus-visible{outline:2px solid var(--tc-fg);outline-offset:3px}.tc-error{display:none;margin-top:1.4rem;padding:1.1rem 1.4rem;background:var(--tc-accent-soft);border:1px solid var(--tc-accent);border-radius:.7rem;color:var(--tc-fg);font-size:1.3rem;line-height:1.5}.tc-body{animation:tc-step-in .24s var(--tc-ease)}@keyframes tc-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tc-body{animation:none}.tc-card,.tc-card:hover,.tc-next:hover{transform:none;transition:none}}@media(max-width:600px){.tune-configurator{padding:2rem 1.2rem 4rem}.tc-steps{gap:.35rem}.tc-step{padding:.5rem .6rem}.tc-step__label{display:none}.tc-step--active{padding:.5rem 1rem .5rem .6rem}.tc-step--active .tc-step__label{display:inline}.tc-grid,.tc-form{grid-template-columns:1fr}.tc-nav{position:sticky;bottom:0;background:var(--tc-bg);padding-bottom:1.2rem;z-index:2}.tc-back,.tc-next{padding:1.2rem 2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tune-configurator.css.map */