:root{--vip-wall: #e8dfd9;--vip-wall-line: #bba9a2}select.vip-hero-option-select[data-vip-has-cards=true]{position:absolute;opacity:0;pointer-events:none;height:0;overflow:hidden;padding:0;border:none}.vip-led-swatches{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:18px 8px 14px;border-radius:14px;background:var(--vip-wall);border:1px solid var(--vip-wall-line)}.vip-led-shade{position:absolute;z-index:0;width:1600px;height:1600px;left:0;top:0;pointer-events:none;mix-blend-mode:multiply;opacity:0;background:radial-gradient(circle closest-side at 50% 50%,#604a3a00 0% 5%,#604a3a29 13%,#604a3a57 26%,#604a3a6b);transition:left .35s ease,top .35s ease,opacity .25s ease}.vip-led-swatches:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .3 0 0 0 1.2 -.2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.vip-led-glow{position:absolute;z-index:1;width:400px;height:400px;left:0;top:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#ffffffe6,#fff0 26%),radial-gradient(circle at 50% 50%,rgba(var(--c, 255, 255, 255),.8),rgba(var(--c, 255, 255, 255),.6) 24%,rgba(var(--c, 255, 255, 255),.3) 44%,rgba(var(--c, 255, 255, 255),.08) 62%,rgba(var(--c, 255, 255, 255),0) 78%);transition:left .35s ease,top .35s ease,opacity .2s ease}.vip-led-swatch{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.vip-led-swatch__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.vip-led-swatch__img{display:block;width:100%;max-width:64px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#efe9df;box-shadow:0 0 0 1.5px #0000002e;transition:box-shadow .2s ease,transform .2s ease}.vip-led-swatch__img img{display:block;width:100%;height:100%;object-fit:cover}.vip-led-swatch:hover .vip-led-swatch__img{box-shadow:0 0 0 1.5px var(--vip-text, #0a0a0a)}.vip-led-swatch__input:checked+.vip-led-swatch__img{transform:scale(1.06);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--vip-text, #0a0a0a)}.vip-led-swatch__input:focus-visible+.vip-led-swatch__img{box-shadow:0 0 0 2px #fff,0 0 0 4px #fe9203}.vip-led-swatch__label{font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.25;text-wrap:balance;text-align:center;color:var(--vip-text, #0a0a0a);opacity:.75}.vip-led-swatch__input:checked~.vip-led-swatch__label{opacity:1}.vip-led-desc{grid-column:1 / -1;position:relative;z-index:2;margin:4px 0 0;padding-top:10px;border-top:1px solid rgba(0,0,0,.1);min-height:2.6em;font-size:13px;line-height:1.3;color:var(--vip-text, #0a0a0a)}.vip-led-desc__icon{margin-right:6px}.vip-led-desc[hidden],.vip-led-swatch__img.is-empty{display:none}.vip-led-swatch__img.is-empty~.vip-led-swatch__label{padding:9px 12px;border-radius:4px;background:#ffffff8c;box-shadow:0 0 0 1.5px #0000002e;opacity:1}.vip-led-swatch__input:checked+.vip-led-swatch__img.is-empty~.vip-led-swatch__label{box-shadow:0 0 0 2px var(--vip-text, #0a0a0a)}@media(min-width:750px){.vip-led-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:12px 12px 8px;border-radius:12px}.vip-led-glow{width:340px;height:340px}.vip-led-swatch{flex-direction:row;justify-content:flex-start;gap:10px;padding:6px}.vip-led-swatch__img{flex:0 0 auto;width:58px;max-width:none;height:58px;aspect-ratio:auto;border-radius:10px;box-shadow:0 0 0 1px #00000040}.vip-led-swatch__input:checked+.vip-led-swatch__img{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--vip-text, #0a0a0a)}.vip-led-swatch__input:focus-visible+.vip-led-swatch__img{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #fe9203}.vip-led-swatch__label{font-size:15px;line-height:1.2;text-align:left;opacity:1}.vip-led-swatch__label>span{display:block}.vip-led-swatch__input:checked~.vip-led-swatch__label{font-weight:700}.vip-led-desc{font-size:13px;margin-top:2px;padding:8px 6px 0}}@media(min-width:1300px){.vip-led-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.vip-led-desc{min-height:1.3em}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/vip-led-swatches.css.map */