.al-led-light-modes-dark{background:var(--lm-bg-section);color:#fff;width:100%;border-radius:var(--lm-r-section);font-family:TT Commons Pro,sans-serif;-webkit-font-smoothing:antialiased}.al-led-light-modes-dark *,.al-led-light-modes-dark *:before,.al-led-light-modes-dark *:after{box-sizing:border-box}.al-led-light-modes-dark .lm__eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lm-c-eyebrow);margin:0 auto 14px;text-align:center}.al-led-light-modes-dark .lm__title{font-size:clamp(24px,7vw,36px);font-weight:500;line-height:1.18;margin:0 auto 14px;color:var(--lm-c-title);text-align:center;max-width:13ch}.al-led-light-modes-dark .lm__subtitle{font-size:14px;line-height:1.65;color:var(--lm-c-subtitle);margin:0 auto 32px;max-width:42ch;text-align:center}.al-led-light-modes-dark .lm__display{position:relative;background:var(--lm-bg-display);border-radius:var(--lm-r-display);aspect-ratio:1 / 1;max-width:370px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .7s ease;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.al-led-light-modes-dark .lm__display:active{cursor:grabbing}.al-led-light-modes-dark .lm__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(4px,1.2vw,7px);padding:clamp(18px,5vw,28px);width:100%;pointer-events:none}.al-led-light-modes-dark .lm__dot{aspect-ratio:1;border-radius:50%;transition:background-color .55s ease,box-shadow .55s ease}.al-led-light-modes-dark .lm__dot--off{visibility:hidden}.al-led-light-modes-dark .lm__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 16px}.al-led-light-modes-dark .lm__mode-name{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c;margin-bottom:2px}.al-led-light-modes-dark .lm__wavelength{display:flex;align-items:baseline;gap:3px;line-height:1}.al-led-light-modes-dark .lm__wavelength-num{font-size:clamp(48px,14vw,72px);font-weight:800;color:#fff;line-height:1}.al-led-light-modes-dark .lm__wavelength-unit{font-size:clamp(15px,4vw,22px);font-weight:400;color:#ffffff80}.al-led-light-modes-dark .lm__tagline{font-size:13px;color:#ffffff80;margin:8px 0 0}.al-led-light-modes-dark .lm__switcher{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--lm-bg-switcher);border-radius:999px;padding:10px 18px;width:fit-content;margin:0 auto 24px}.al-led-light-modes-dark .lm__pill{border:none;padding:0;margin:0;border-radius:999px;cursor:pointer;height:15px;width:15px;outline:none;background-color:var(--pill-color, #888);box-shadow:none;transition:width .38s cubic-bezier(.34,1.56,.64,1),box-shadow .38s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.al-led-light-modes-dark .lm__pill.is-active{width:46px;box-shadow:0 0 16px 5px var(--pill-color)}.al-led-light-modes-dark .lm__panel{background:var(--lm-bg-panel);border-radius:var(--lm-r-panel);padding:20px 18px;max-width:370px;margin:0 auto}.al-led-light-modes-dark .lm__desc{font-size:14px;line-height:1.7;color:var(--lm-c-desc);margin:0 0 22px}.al-led-light-modes-dark .lm__specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.al-led-light-modes-dark .lm__spec-key{display:block;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lm-c-spec-key);margin-bottom:4px}.al-led-light-modes-dark .lm__spec-val{display:block;font-size:18px;font-weight:700;color:var(--lm-c-spec-val)}.al-led-light-modes-dark .lm__footnote{font-size:10px;color:var(--lm-c-footnote);line-height:1.55;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}@media(min-width:750px){.al-led-light-modes-dark .lm__display,.al-led-light-modes-dark .lm__panel{max-width:420px}}@media(max-width:767px){.al-led-light-modes-dark{width:100%}.al-led-light-modes-dark .lm__title,.al-led-light-modes-dark .lm__subtitle,.al-led-light-modes-dark .lm__eyebrow{text-align:center;margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/al-led-light-modes-dark.css.map */
