.bc-led{padding-block:clamp(4rem,9vw,8rem)}.bc-led__glow:empty,.bc-led__halo:empty,.bc-led__bar:empty{display:block}.bc-led__stage{position:relative;max-width:620px;margin:0 auto;aspect-ratio:1 / 1;display:grid;place-items:center;transition:--bc-led-color .5s}.bc-led__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,var(--bc-led-color) 0%,transparent 72%);opacity:.3;filter:blur(46px);transition:background .45s ease,opacity .45s ease}.bc-led__halo{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:74%;height:24%;border-radius:50%;background:radial-gradient(ellipse,var(--bc-led-color) 0%,transparent 70%);opacity:.55;filter:blur(26px);transition:background .45s ease}.bc-led__img{position:relative;z-index:2;width:82%;height:auto;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}.bc-led__bar{position:absolute;z-index:1;left:50%;bottom:15%;transform:translate(-50%);width:46%;height:5px;border-radius:999px;background:var(--bc-led-color);box-shadow:0 0 26px 8px var(--bc-led-color);opacity:.85;transition:background .45s ease,box-shadow .45s ease}.bc-led__controls{display:flex;justify-content:center;align-items:center;gap:1.1rem;flex-wrap:wrap;margin-top:2.4rem}.bc-led__swatch{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;background:none;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;transition:transform .22s cubic-bezier(.2,.7,.2,1)}.bc-led__swatch span{display:block;width:30px;height:30px;border-radius:999px;background:var(--sw);box-shadow:0 0 0 1px #ffffff38 inset,0 4px 14px #0006;transition:box-shadow .25s ease,transform .25s ease}.bc-led__swatch:hover{transform:translateY(-3px) scale(1.06)}.bc-led__swatch.is-active span{box-shadow:0 0 0 2px #ffffffe6 inset,0 0 0 3px var(--sw),0 0 22px 4px var(--sw);transform:scale(1.08)}.bc-led__swatch:focus-visible{outline:2px solid #F4DE98;outline-offset:3px}.bc-led__note{text-align:center;font-size:1.4rem;color:#edeff780;margin:1.8rem auto 0;max-width:52ch}@media(max-width:749px){.bc-led__stage{max-width:420px}.bc-led__swatch{width:40px;height:40px}.bc-led__swatch span{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.bc-led__glow,.bc-led__halo,.bc-led__bar,.bc-led__swatch,.bc-led__swatch span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-bc-led-colors.css.map */