.sc-led-klapp-vc{--sc-led-klapp-gold: #c6a15a;--sc-led-klapp-gold-soft: rgb(198 161 90 / .35);--sc-led-klapp-ink: #0a0a0a;--sc-led-klapp-card: #121212;--sc-led-klapp-border: rgb(255 255 255 / .14);--sc-led-klapp-muted: rgb(244 241 232 / .58);display:block;margin:0}.sc-led-klapp-vc__form{display:flex;flex-direction:column;gap:1.15rem}.sc-led-klapp-vc__fieldset{margin:0;padding:0;border:0;min-width:0}.sc-led-klapp-vc__heading{display:block;width:100%;margin:0 0 .65rem;padding:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f4f1e89e}.sc-led-klapp-vc .variant-option--buttons,.sc-pdp__variants .sc-led-klapp-vc .variant-option--buttons{display:block;flex-wrap:nowrap;gap:0}.sc-led-klapp-vc__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.sc-led-klapp-vc__card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:5.4rem;padding:.7rem .75rem;border:1px solid var(--sc-led-klapp-border);border-radius:12px;background:var(--sc-led-klapp-card);box-sizing:border-box;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.sc-led-klapp-vc__card:hover:not(.is-unavailable){border-color:#c6a15a6b}.sc-led-klapp-vc__card:has(.sc-led-klapp-vc__input:checked){border-color:var(--sc-led-klapp-gold);background:linear-gradient(180deg,rgb(198 161 90 / .07) 0%,var(--sc-led-klapp-card) 100%);box-shadow:0 0 0 1px #c6a15a2e,0 0 18px #c6a15a1a}.sc-led-klapp-vc__card.is-unavailable{opacity:.55;cursor:not-allowed}.sc-led-klapp-vc__card.is-unavailable:not(:has(.sc-led-klapp-vc__input:checked)){filter:saturate(.75)}.sc-led-klapp-vc__card:has(.sc-led-klapp-vc__input:focus-visible){outline:2px solid rgb(198 161 90 / .7);outline-offset:2px}.sc-led-klapp-vc__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;appearance:none;-webkit-appearance:none}.sc-led-klapp-vc__thumb{flex-shrink:0;width:3.9rem;height:3.9rem;border-radius:8px;overflow:hidden;border:1px solid rgb(255 255 255 / .1);background:var(--sc-led-klapp-ink)}.sc-led-klapp-vc__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.sc-led-klapp-vc__thumb-img--single{object-fit:cover;object-position:82% 36%}.sc-led-klapp-vc__thumb-img--duo{object-fit:cover;object-position:78% 40%}.sc-led-klapp-vc__thumb-img--frame-transparent,.sc-led-klapp-vc__thumb-img--frame-rot{object-fit:cover;object-position:78% 52%;transform:scale(1.45);transform-origin:78% 52%}.sc-led-klapp-vc__body{display:flex;flex-direction:column;gap:.12rem;min-width:0}.sc-led-klapp-vc__title{font-size:.92rem;font-weight:650;line-height:1.25;color:#fff}.sc-led-klapp-vc__subline{font-size:.74rem;line-height:1.3;color:var(--sc-led-klapp-muted)}.sc-led-klapp-vc__status{margin-top:.15rem;font-size:.64rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#f4f1e873}.sc-led-klapp-vc__select{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-led-klapp-vc__radio{position:relative;display:grid;place-items:center;width:1.15rem;height:1.15rem;border:1.5px solid rgb(255 255 255 / .32);border-radius:50%;color:transparent;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.sc-led-klapp-vc__check{width:.7rem;height:.7rem;opacity:0;transition:opacity .16s ease}.sc-led-klapp-vc__card:has(.sc-led-klapp-vc__input:checked) .sc-led-klapp-vc__radio{border-color:var(--sc-led-klapp-gold);background:#c6a15a29;color:var(--sc-led-klapp-gold);box-shadow:0 0 0 1px #c6a15a33}.sc-led-klapp-vc__card:has(.sc-led-klapp-vc__input:checked) .sc-led-klapp-vc__check{opacity:1}.sc-led-klapp-vc .variant-option__button-label,.sc-led-klapp-vc .variant-option__button-label__pill,.sc-led-klapp-vc .variant-option__button-label__text{display:none!important}.sc-pdp__variants .sc-led-klapp-vc .variant-option--buttons .sc-led-klapp-vc__card{border-color:var(--sc-led-klapp-border);background:var(--sc-led-klapp-card);color:inherit}.sc-pdp__variants .sc-led-klapp-vc .variant-option--buttons .sc-led-klapp-vc__card:has(.sc-led-klapp-vc__input:checked){border-color:var(--sc-led-klapp-gold);background:linear-gradient(180deg,rgb(198 161 90 / .07) 0%,var(--sc-led-klapp-card) 100%);color:inherit}@media screen and (max-width:389px){.sc-led-klapp-vc__cards{grid-template-columns:1fr}}@media screen and (min-width:390px)and (max-width:749px){.sc-led-klapp-vc__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.sc-led-klapp-vc__card{min-height:5.25rem;padding:.6rem .55rem;gap:.5rem}.sc-led-klapp-vc__thumb{width:3.55rem;height:3.55rem}.sc-led-klapp-vc__title{font-size:.82rem}.sc-led-klapp-vc__subline{font-size:.68rem}}@media screen and (min-width:990px){.sc-led-klapp-vc__card{min-height:5.75rem;padding:.8rem .85rem;gap:.75rem}.sc-led-klapp-vc__thumb{width:4.15rem;height:4.15rem}.sc-led-klapp-vc__title{font-size:.98rem}.sc-led-klapp-vc__subline{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.sc-led-klapp-vc__card,.sc-led-klapp-vc__radio,.sc-led-klapp-vc__check{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/scooter-customs-led-klapp-variant-cards.css.map */
