/*! Copyright 2025-2026 Vantari Works. All rights reserved. Display Dimmer website demo. Reuse or redistribution of this demo's original code requires permission, except as permitted by law. Permissions: support@displaydimmer.com. Third-party materials retain their respective rights. */
.guide-control-demo{--guide-demo-progress:65%;--guide-demo-brightness:0.82;--guide-demo-warmth:0;--guide-demo-coolness:0;--v5f4c6640:#454547;--v67a4a19d:#4c86ff;--v1ad649b5:#3c72e6;--vbd54ad14:#ddd;--v696da014:#3c72e6;--v3cf477e7:#4c86ff;--vae5e1525:rgba(216, 216, 216, 0.55);--vd584405c:#4c86ff;--v42c1b4ea:#ffb24a;--v77d6e9e1:#80868f;--v8ce65ebc:#58a6ff;margin:20px 0 4px;padding:15px;border:1px solid #354153;border-radius:12px;background:#0c1118;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.035)}.guide-control-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.guide-control-demo-heading strong{color:#f5f7fa;font-size:14px;line-height:1.3}.guide-control-demo-heading span{color:#77818e;font-size:12px;font-weight:650;white-space:nowrap}.guide-demo-screen{position:relative;height:104px;margin-bottom:13px;overflow:hidden;border:1px solid #28313d;border-radius:10px;background:linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(145deg, #1b2b3e, #0e1722);background-size:20px 20px,20px 20px,auto;filter:brightness(var(--guide-demo-brightness));transition:filter 80ms linear,box-shadow 120ms linear}.guide-control-demo--temperature .guide-demo-screen{background:linear-gradient(rgba(247, 164, 82, var(--guide-demo-warmth)), rgba(247, 164, 82, var(--guide-demo-warmth))),linear-gradient(rgba(86, 151, 255, var(--guide-demo-coolness)), rgba(86, 151, 255, var(--guide-demo-coolness))),linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(145deg, #1b2b3e, #0e1722);background-size:auto,auto,20px 20px,20px 20px,auto}.guide-demo-screen-content{position:absolute;inset:17px;display:grid;grid-template-columns:1.35fr 0.75fr;gap:10px}.guide-demo-screen-content::after,.guide-demo-screen-content::before{border:1px solid rgba(172, 197, 224, 0.18);border-radius:7px;background:rgba(220, 233, 247, 0.09);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.035);content:""}.guide-demo-screen-content::after{background:linear-gradient(180deg, rgba(220, 233, 247, 0.12) 0 9px, transparent 9px),rgba(220, 233, 247, 0.05)}.guide-control-demo label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e7ebf0;font-size:13px;font-weight:700}.guide-control-demo output{color:#bfc8d3;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.guide-control-demo input[type="range"]:not(.c98b07669){position:relative;left:-1px;width:calc(100% + 2px);height:20px;margin:4px 0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:default}.guide-control-demo input[type="range"]:not(.c98b07669)::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg, #2f86ff 0 var(--guide-demo-progress), #3a4656 var(--guide-demo-progress) 100%);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.34)}.guide-control-demo input[type="range"]:not(.c98b07669)::-moz-range-track{height:6px;border:0;border-radius:3px;background:linear-gradient(90deg, #2f86ff 0 var(--guide-demo-progress), #3a4656 var(--guide-demo-progress) 100%);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.34)}.guide-control-demo--temperature input[type="range"]:not(.c98b07669)::-webkit-slider-runnable-track{background:linear-gradient(90deg, #e8a14c, #9ca6b0 76%, #8f99a5 89%, #559dff 100%)}.guide-control-demo--temperature input[type="range"]:not(.c98b07669)::-moz-range-track{background:linear-gradient(90deg, #e8a14c, #9ca6b0 76%, #8f99a5 89%, #559dff 100%)}.guide-control-demo input[type="range"]:not(.c98b07669)::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;background:#ddd;box-shadow:0 0 11px rgba(216, 216, 216, 0.55)}.guide-control-demo input[type="range"]:not(.c98b07669)::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#ddd;box-shadow:0 0 11px rgba(216, 216, 216, 0.55)}.guide-control-demo input[type="range"]:not(.c98b07669):focus-visible{outline:none}.guide-control-demo input[type="range"]:not(.c98b07669):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #080a0d,0 0 0 6px #80b9ff}.guide-control-demo input[type="range"]:not(.c98b07669):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #080a0d,0 0 0 6px #80b9ff}.guide-control-demo-note{margin:0!important;color:#77818e!important;font-size:12px!important;line-height:1.45!important}.guide-control-demo--temperature{max-width:560px;margin:20px auto 22px}.guide-compatibility-demo{width:min(100%, 580px);margin:26px auto 2px;padding:22px 18px 20px;border:1px solid #28313d;border-radius:14px;background:#0c1118;cursor:default;user-select:none;-webkit-user-select:none}.guide-compatibility-demo .compatibility-monitor-wrap{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;width:100%;cursor:default;user-select:none}.guide-compatibility-demo .compatibility-monitor{position:relative;width:min(70%, 330px);aspect-ratio:1.64;padding:9px 9px 19px;border:1px solid rgba(114, 150, 188, 0.42);border-radius:17px;background:linear-gradient(150deg, #1b2836, #0a1119);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.07),0 20px 45px rgba(0, 0, 0, 0.26)}.guide-compatibility-demo .compatibility-screen{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;overflow:hidden;border:1px solid rgba(82, 140, 197, 0.34);border-radius:10px;background:radial-gradient(circle at 42% 47%, rgba(52, 137, 236, 0.14), transparent 54%),#0b1c2c}.guide-compatibility-demo .compatibility-screen > strong{color:#e6eef8;font-size:16px;letter-spacing:-0.02em}.guide-compatibility-demo .compatibility-brightness{display:flex;align-items:center;width:63%;margin-top:24px;gap:14px}.guide-compatibility-demo .compatibility-brightness svg{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:rgba(139, 191, 247, 0.82);stroke-linecap:round;stroke-width:1.55}.guide-compatibility-demo .compatibility-slider{position:relative;display:block;flex:1;height:6px;border-radius:999px;background:rgba(115, 152, 190, 0.27)}.guide-compatibility-demo .compatibility-slider::before{position:absolute;inset:0 auto 0 0;width:63%;border-radius:inherit;background:linear-gradient(90deg, #3689e8, #66adff);content:""}.guide-compatibility-demo .compatibility-slider i{position:absolute;top:50%;left:63%;width:19px;height:19px;border:2px solid rgba(213, 233, 255, 0.86);border-radius:50%;background:#72b3fb;box-shadow:0 2px 8px rgba(0, 0, 0, 0.32);transform:translate(-50%, -50%)}.guide-compatibility-demo .compatibility-camera{position:absolute;bottom:7px;left:50%;width:3px;height:3px;border-radius:50%;background:#559dff;transform:translateX(-50%)}.guide-compatibility-demo .compatibility-stand{position:relative;width:145px;height:43px}.guide-compatibility-demo .compatibility-stand::before{position:absolute;top:0;left:50%;width:45px;height:33px;border-right:1px solid rgba(111, 145, 180, 0.33);border-left:1px solid rgba(111, 145, 180, 0.33);background:linear-gradient(90deg, rgba(16, 29, 42, 0.7), rgba(37, 58, 79, 0.7) 50%, rgba(15, 27, 39, 0.7));content:"";transform:translateX(-50%)}.guide-compatibility-demo .compatibility-stand > span{position:absolute;right:0;bottom:0;left:0;height:9px;border:1px solid rgba(112, 149, 187, 0.35);border-radius:999px 999px 5px 5px;background:linear-gradient(180deg, #283a4c, #0f1923)}.guide-compatibility-demo .compatibility-connectors{display:block;width:min(100%, 480px);height:42px;margin:7px auto 0;overflow:visible;fill:none;stroke:rgba(100, 163, 226, 0.52);stroke-linecap:square;stroke-linejoin:round;stroke-width:1}.guide-compatibility-demo .compatibility-connectors path{vector-effect:non-scaling-stroke}.guide-compatibility-demo .compatibility-connectors circle{fill:#559dff;stroke:none}.guide-compatibility-demo .compatibility-outcomes{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));width:min(100%, 480px);margin:-1px auto 0;padding:0;gap:14px;list-style:none}.guide-compatibility-demo .compatibility-result{display:grid;align-content:center;min-width:0;min-height:94px;padding:16px 13px;border:1px solid #354153;border-radius:12px;background:#11161d;text-align:center;transition:border-color 160ms ease-out,background 160ms ease-out,transform 160ms ease-out}.guide-section .guide-compatibility-demo .compatibility-result::before{content:none}.guide-compatibility-demo .compatibility-result strong{color:#e7eef7;font-size:14px;line-height:1.25}.guide-compatibility-demo .compatibility-result small{margin-top:7px;color:#9eabb9;font-size:11px;line-height:1.35}.guide-compatibility-demo .compatibility-result-hardware{border-color:rgba(85, 157, 255, 0.5);background:linear-gradient(145deg, rgba(47, 134, 255, 0.14), rgba(17, 22, 29, 0.92))}.guide-compatibility-demo .compatibility-result strong::before{display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:#8496aa;content:""}.guide-compatibility-demo .compatibility-result-hardware strong::before{background:#57a7ff}@media (hover: hover) and (pointer: fine){.guide-compatibility-demo .compatibility-result:hover{border-color:#536174;background:#161c24;transform:translateY(-1px)}.guide-compatibility-demo .compatibility-result-hardware:hover{border-color:#559dff}}@media (max-width: 520px){.guide-control-demo{padding:13px}.guide-control-demo-heading{align-items:flex-start;flex-direction:column;gap:2px}.guide-demo-screen{height:92px}.guide-compatibility-demo{padding:18px 12px 16px}.guide-compatibility-demo .compatibility-monitor{width:min(78%, 300px)}.guide-compatibility-demo .compatibility-outcomes{gap:9px}.guide-compatibility-demo .compatibility-result{min-height:90px;padding:13px 8px}.guide-compatibility-demo .compatibility-result strong{font-size:12px}.guide-compatibility-demo .compatibility-result small{font-size:9.5px}}@media (prefers-reduced-motion: reduce){.guide-compatibility-demo .compatibility-result,.guide-demo-screen{transition:none}}.blue-light-hero-card[data-guide-app-demo]{--guide-app-brightness:0.72;--guide-app-warmth:0.590;--guide-app-coolness:0;--guide-app-ambient-rgb:203,160,102;overflow:hidden;padding:28px;isolation:isolate}.blue-light-hero-card[data-guide-app-demo]::before{position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 84% 20%, rgba(255, 178, 74, calc(var(--guide-app-warmth) * 0.16)), transparent 42%),radial-gradient(circle at 82% 18%, rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.105)), transparent 42%);content:"";pointer-events:none}.blue-light-hero-card[data-guide-app-demo] > *{position:relative;z-index:2}.blue-light-hero-card > h2{max-width:none;margin-bottom:10px;font-size:clamp(1.6rem, 3vw, 2.1rem);line-height:1.08;letter-spacing:-0.035em;white-space:nowrap}.blue-light-hero-card > p:first-of-type{max-width:43ch;line-height:1.55}.guide-cta-card--app-demo > .guide-store-badge,.guide-cta-card--app-demo > .temperature-try-button{display:flex;width:100%;min-width:0;max-width:100%;box-sizing:border-box;justify-content:center}.guide-app-window-stage[data-guide-app-demo]{--guide-app-brightness:1;--guide-app-warmth:0;--guide-app-coolness:0;--guide-app-ambient-rgb:128,134,143}.guide-app-window-stage{position:relative;min-height:306px;margin:22px 0 0;padding:62px 10px 8px;overflow:hidden;border:1px solid #2f3947;border-radius:14px;background:linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),linear-gradient(145deg, #152435, #0b1119 72%);background-size:24px 24px,24px 24px,auto;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.045);isolation:isolate}.guide-app-window-stage--full{min-height:350px}.guide-app-window-stage.guide-app-window-stage--full .guide-app-window{--vc7a57891:278px;--ve86e16c5:258px}.guide-gamma-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.guide-app-window-stage::after,.guide-app-window-stage::before{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;transition:opacity 90ms linear}.guide-app-window-stage::before{background:#020508;opacity:calc((1 - var(--guide-app-brightness)) * 0.7)}.guide-app-window-stage::after{background:radial-gradient(circle at 20% 18%, rgba(255, 178, 74, calc(var(--guide-app-warmth) * 0.38)), transparent 42%),radial-gradient(circle at 82% 18%, rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.24)), transparent 42%),linear-gradient(rgba(255, 177, 70, calc(var(--guide-app-warmth) * 0.1)), rgba(255, 177, 70, calc(var(--guide-app-warmth) * 0.1))),linear-gradient(rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.06)), rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.06)))}.guide-app-reference{position:absolute;z-index:1;top:12px;left:50%;display:grid;width:min(72%, 280px);gap:6px;filter:brightness(var(--guide-app-brightness));opacity:0.9;transform:translateX(-50%);transition:filter 90ms linear}.guide-app-reference-label{color:rgba(223, 231, 241, 0.66);font-size:9px;font-weight:700;letter-spacing:0.08em;line-height:1;text-align:right;text-transform:uppercase}.guide-app-color-strip,.guide-app-tone-strip,.guide-demo-color-strip,.guide-demo-tone-strip{position:relative;display:grid;overflow:hidden;border-radius:4px}.guide-app-color-strip,.guide-demo-color-strip{grid-template-columns:repeat(3, 1fr);height:6px}.guide-app-tone-strip,.guide-demo-tone-strip{grid-template-columns:repeat(5, 1fr);height:19px;border:1px solid rgba(255, 255, 255, 0.09)}.guide-app-color-strip i:nth-child(1),.guide-demo-color-strip i:nth-child(1){background:#e5a047}.guide-app-color-strip i:nth-child(2),.guide-demo-color-strip i:nth-child(2){background:#aeb9c5}.guide-app-color-strip i:nth-child(3),.guide-demo-color-strip i:nth-child(3){background:#559dff}.guide-app-tone-strip i:nth-child(1),.guide-demo-tone-strip i:nth-child(1){background:#e5e9ed}.guide-app-tone-strip i:nth-child(2),.guide-demo-tone-strip i:nth-child(2){background:#adb5be}.guide-app-tone-strip i:nth-child(3),.guide-demo-tone-strip i:nth-child(3){background:#747f8b}.guide-app-tone-strip i:nth-child(4),.guide-demo-tone-strip i:nth-child(4){background:#35404d}.guide-app-tone-strip i:nth-child(5),.guide-demo-tone-strip i:nth-child(5){background:#0b1118}.guide-app-color-strip i,.guide-app-tone-strip i,.guide-demo-color-strip i,.guide-demo-tone-strip i{transition:background-color 90ms linear}.guide-app-window-stage .guide-app-window{--v71d0edbd:#2c2c2e;--v6080adf8:#3a3a3c;--v1650e274:#2c2c2e;--v196aae79:#fff;--v49fa8024:#98989f;--v2bb6c5fe:#6b6b70;--vfe019109:#3d3d3f;--v9234d144:#424244;--vcfc03ed9:#424244;--v2a3ed0a0:#f0f0f0;--v847290df:#5a5a5f;--v26c3f51d:#fff;--v31fd6d96:#c7c7cc;--v5f4c6640:#454547;--v67a4a19d:#4c86ff;--v1ad649b5:#3c72e6;--vbd54ad14:#ddd;--v696da014:#3c72e6;--v3cf477e7:#4c86ff;--vae5e1525:rgba(216, 216, 216, 0.55);--vd584405c:#4c86ff;--v42c1b4ea:#ffb24a;--v77d6e9e1:#80868f;--v8ce65ebc:#58a6ff;--vb5bb64d1:rgba(232, 17, 35, 0.122);--vaf612bfb:#fff;--vb1a46060:#e81123;--v3d419828:#fff;--vc7a57891:236px;--ve86e16c5:216px;position:relative;z-index:2;display:flow-root;width:min(100%, 360px);height:var(--vc7a57891);max-height:var(--vc7a57891);margin:0 auto;color:var(--v196aae79);font-family:"Segoe UI",sans-serif;font-size:13px;line-height:1;cursor:default;opacity:0.85;user-select:none;-webkit-user-select:none;transition:opacity 170ms ease-out}.blue-light-hero-card.is-adjusting .guide-app-window,.guide-app-window-stage .guide-app-window:hover,.guide-app-window-stage.is-adjusting .guide-app-window{opacity:1}.guide-app-window .c87e0b641{position:relative;display:block;width:calc(100% - 20px);height:var(--ve86e16c5);max-height:var(--ve86e16c5);min-width:0;margin:10px;padding:13px 13px 12px;border:0;border-radius:18px;background:var(--v71d0edbd);box-shadow:0 0 12px rgba(0, 0, 0, 0.15);box-sizing:border-box}.guide-app-window .c428f34ca{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.guide-app-window .cfb507256{position:relative;display:grid;grid-template-columns:24px minmax(0, 1fr) 24px;align-items:center;height:24px;gap:6px;color:var(--v196aae79);font-weight:600;transform:translateY(-6px);touch-action:auto}.guide-app-window .cfb507256 img{display:block;width:24px;height:24px}.guide-app-window .cfb507256 > span:not(.c993fe491){overflow:hidden;padding-bottom:1px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.guide-app-window .c993fe491{position:relative;display:block;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:6px;outline:0;background:transparent;color:inherit;cursor:default;appearance:none}.guide-app-window .c993fe491::before{position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:0;background:var(--v49fa8024);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M.85%20.85L9.15%209.15M9.15%20.85L.85%209.15%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M.85%20.85L9.15%209.15M9.15%20.85L.85%209.15%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;transform:none;content:""}.guide-app-window .c993fe491::after{content:none}.guide-app-window .c993fe491:hover{background:var(--vb5bb64d1)}.guide-app-window .c993fe491:hover::after,.guide-app-window .c993fe491:hover::before{background:var(--vaf612bfb)}.guide-app-window .c993fe491:active{background:var(--vb1a46060)}.guide-app-window .c993fe491:active::after,.guide-app-window .c993fe491:active::before{background:var(--v3d419828)}.guide-app-window .c993fe491:focus-visible{outline:2px solid var(--vd584405c);outline-offset:2px}.guide-app-window .cf9ba1c07{display:grid;grid-template-columns:minmax(0, 1fr) 24px;align-items:center;height:26px;margin-top:5px;overflow:hidden;border:1px solid var(--v6080adf8);border-radius:5px;background:var(--v1650e274);color:var(--v196aae79);box-sizing:border-box}.guide-app-window .cf9ba1c07 span{padding:0 6px;overflow:hidden;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.guide-app-window .cf9ba1c07 i{position:relative;display:block;width:24px;height:24px}.guide-app-window .cf9ba1c07 i::after{position:absolute;top:10px;left:8px;border-top:4px solid var(--v31fd6d96);border-right:4px solid transparent;border-left:4px solid transparent;content:""}.guide-app-window .cf9ba1c07:hover i::after,.guide-app-window .cf9ba1c07:hover span{opacity:0.75}.guide-app-window .cf9ba1c07 i:active::after{opacity:0.6}.guide-app-window .cbf93b3e4{display:grid;margin-top:12px}.guide-app-window .c793dc5a7{height:44px}.guide-app-window .ccad67d63{display:flex;align-items:center;justify-content:space-between;height:16px;gap:8px}.guide-app-window .ccad67d63 label{color:var(--v196aae79);font-size:13px;font-weight:600;line-height:16px}.guide-app-window .ccad67d63 output{min-width:0;color:var(--v196aae79);font:inherit;line-height:16px;text-align:right;white-space:nowrap}.guide-app-window .c66795679{display:inline-flex;align-items:center;min-width:0;gap:3px}.guide-app-window .c5d345127{display:inline-flex;align-items:center;justify-content:center;height:14px;padding:0 4px;gap:3px;border-radius:7px;background:var(--v67a4a19d);color:var(--v26c3f51d);font-size:9px;font-weight:600;line-height:1;white-space:nowrap;opacity:0.92;box-sizing:border-box}.guide-app-window .c5d345127 svg{width:8px;height:8px;flex:0 0 8px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transform:scale(1.32);transform-origin:center;shape-rendering:geometricPrecision}.guide-app-window .c66795679 > .c5d345127{align-self:flex-start;height:auto;padding:0;gap:0;border-radius:0;background:transparent;color:var(--v67a4a19d);font-size:11px;font-weight:600;line-height:normal;opacity:0.9;transform:translateY(-3px)}.guide-app-window .c77cdab7c{position:absolute;right:13px;bottom:7px;left:13px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));height:32px;margin-top:0;gap:8px}.guide-app-window .c86510ea1{display:grid;min-width:0;height:32px;padding:0 12px;place-items:center;border:1px solid var(--v6080adf8);border-radius:7px;color:var(--v2a3ed0a0);font:inherit;line-height:1;box-sizing:border-box}.guide-app-window .c49d27808{background:var(--vfe019109)}.guide-app-window .c49d27808:hover{background:var(--v9234d144);opacity:0.92}.guide-app-window .c49d27808:active{background:var(--vcfc03ed9);opacity:0.85}.guide-app-window .c01cd6380{background:var(--v847290df);color:var(--v26c3f51d);cursor:default}.guide-app-window .c01cd6380:not(:disabled):hover{opacity:0.92}.guide-app-window .c01cd6380:not(:disabled):active{opacity:0.85}.guide-app-window .c01cd6380:disabled{background:transparent;color:var(--v2bb6c5fe)}.guide-app-window .c01cd6380:focus-visible{outline:2px solid var(--vd584405c);outline-offset:2px}.guide-main .cce6d77a6{--v38855fca:50%;--v39335f8f:var(--v67a4a19d, #4c86ff);position:relative;top:var(--v047ae56e, 0);display:block;width:100%;height:20px;margin:4px 0}.guide-main .c98b07669{position:absolute;z-index:2;top:0;right:-1px;bottom:0;left:-1px;display:block;width:calc(100% + 2px);height:20px;margin:0;padding:0;border:0;outline:0;background:transparent;cursor:default;touch-action:pan-y;appearance:none;-webkit-appearance:none}.guide-main .cc607aac7{position:absolute;z-index:1;top:calc(50% - var(--v25cd7ad2, 3px));right:0;left:0;height:var(--v66c5ad6d, 6px);border-radius:3px;background:linear-gradient(90deg, var(--v39335f8f) 0, var(--v39335f8f) var(--v38855fca), var(--v5f4c6640, #454547) var(--v38855fca), var(--v5f4c6640, #454547) 100%);pointer-events:none}.guide-main .c98b07669::-webkit-slider-runnable-track{width:100%;height:6px;border:0;border-radius:3px;background:transparent;box-shadow:none}.guide-main .c98b07669::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:var(--vbd54ad14, #ddd);box-shadow:0 0 11px var(--vae5e1525, rgba(216, 216, 216, 0.55));appearance:none;-webkit-appearance:none;transition:background-color 140ms ease-out,box-shadow 140ms ease-out}.guide-main .c98b07669::-moz-range-progress,.guide-main .c98b07669::-moz-range-track{width:100%;height:6px;border:0;border-radius:3px;background:transparent;box-shadow:none}.guide-main .c98b07669::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--vbd54ad14, #ddd);box-shadow:0 0 11px var(--vae5e1525, rgba(216, 216, 216, 0.55));transition:background-color 140ms ease-out,box-shadow 140ms ease-out}.guide-main .c98b07669:hover::-webkit-slider-thumb{background:var(--v696da014, #3c72e6)}.guide-main .c98b07669:hover::-moz-range-thumb{background:var(--v696da014, #3c72e6)}.guide-main .c98b07669.is-dragging::-webkit-slider-thumb,.guide-main .c98b07669:active::-webkit-slider-thumb{background:var(--v3cf477e7, #4c86ff);box-shadow:0 0 11px var(--vae5e1525, rgba(216, 216, 216, 0.55))}.guide-main .c98b07669.is-dragging::-moz-range-thumb,.guide-main .c98b07669:active::-moz-range-thumb{background:var(--v3cf477e7, #4c86ff);box-shadow:0 0 11px var(--vae5e1525, rgba(216, 216, 216, 0.55))}.guide-main .c98b07669:focus-visible::-webkit-slider-thumb{box-shadow:0 0 13px var(--vd584405c, #4c86ff)}.guide-main .c98b07669:focus-visible::-moz-range-thumb{box-shadow:0 0 13px var(--vd584405c, #4c86ff)}.guide-main .c2e0d1189{background:linear-gradient(90deg, var(--v42c1b4ea, #ffb24a) 0, var(--v77d6e9e1, #80868f) 89%, var(--v8ce65ebc, #58a6ff) 100%)}.guide-main .cce6d77a6:hover{--v39335f8f:var(--v1ad649b5, #3c72e6)}.guide-main .c98b07669.is-dragging ~ .cc607aac7,.guide-main .c98b07669:active ~ .cc607aac7{--v39335f8f:var(--v67a4a19d, #4c86ff)}.guide-main .cdda3dce3:hover .c2e0d1189{background:linear-gradient(90deg, var(--v42c1b4ea, #ffb24a) 0, var(--v77d6e9e1, #80868f) 89%, var(--v8ce65ebc, #58a6ff) 100%)}.guide-main .cb7387a1a.is-dragging ~ .c2e0d1189,.guide-main .cb7387a1a:active ~ .c2e0d1189{background:linear-gradient(90deg, var(--v42c1b4ea, #ffb24a) 0, var(--v77d6e9e1, #80868f) 89%, var(--v8ce65ebc, #58a6ff) 100%)}.guide-app-demo-note{max-width:360px;margin:9px auto 0!important;color:#8793a2!important;font-size:12px!important;line-height:1.45!important;text-align:center}.blue-light-guide .guide-cta-note{text-align:center}.guide-control-demo.guide-control-demo--temperature{--v5f4c6640:#454547;--v67a4a19d:#4c86ff;--vbd54ad14:#ddd;--v696da014:#3c72e6;--v3cf477e7:#4c86ff;--vae5e1525:rgba(var(--temperature-ambient-rgb, 201, 160, 103), 0.55);--vd584405c:#4c86ff;--v42c1b4ea:#ffb24a;--v77d6e9e1:#80868f;--v8ce65ebc:#58a6ff;--temperature-ambient-rgb:201,160,103;max-width:620px;padding:18px;background:#0b1017}.guide-control-demo--temperature .guide-demo-temperature-reference{height:146px;padding:18px;filter:none;background:radial-gradient(circle at 25% 30%, rgba(255, 178, 74, calc(var(--guide-demo-warmth) * 0.28)), transparent 44%),radial-gradient(circle at 78% 20%, rgba(88, 166, 255, calc(var(--guide-demo-coolness) * 0.18)), transparent 44%),linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(145deg, #1a2735, #0d141d);background-size:auto,auto,22px 22px,22px 22px,auto}.guide-demo-temperature-card{position:relative;display:grid;align-self:center;width:min(92%, 470px);margin:0 auto;padding:14px 16px 16px;gap:8px;border:1px solid rgba(173, 196, 221, 0.2);border-radius:10px;background:linear-gradient(rgba(255, 178, 74, calc(var(--guide-demo-warmth) * 0.22)), rgba(255, 178, 74, calc(var(--guide-demo-warmth) * 0.22))),linear-gradient(rgba(88, 166, 255, calc(var(--guide-demo-coolness) * 0.135)), rgba(88, 166, 255, calc(var(--guide-demo-coolness) * 0.135))),rgba(208, 220, 232, 0.08);box-shadow:0 14px 28px rgba(0, 0, 0, 0.22),inset 0 1px 0 rgba(255, 255, 255, 0.04)}.guide-demo-temperature-caption{color:rgba(223, 231, 241, 0.68);font-size:9px;font-weight:750;letter-spacing:0.1em;line-height:1.2;text-transform:uppercase}.guide-demo-temperature-card .guide-demo-color-strip{height:8px}.guide-demo-temperature-card .guide-demo-tone-strip{height:34px}.guide-control-demo.guide-control-demo--temperature .temperature-range-shell{--v66c5ad6d:6px;--v25cd7ad2:3px;height:20px;margin:4px 0}.guide-control-demo.guide-control-demo--temperature .temperature-range{height:20px;cursor:default}.guide-control-demo.guide-control-demo--temperature .temperature-range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;box-shadow:0 0 11px var(--vae5e1525)}.guide-control-demo.guide-control-demo--temperature .temperature-range::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 11px var(--vae5e1525)}.guide-control-demo.guide-control-demo--temperature .temperature-range:hover::-moz-range-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range:hover::-webkit-slider-thumb{box-shadow:0 0 11px var(--vae5e1525)}.guide-control-demo.guide-control-demo--temperature .temperature-range.is-dragging::-moz-range-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range.is-dragging::-webkit-slider-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range:active::-moz-range-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range:active::-webkit-slider-thumb{box-shadow:0 0 11px var(--vae5e1525)}@media (min-width: 560px){.blue-light-guide .guide-cta-note{white-space:nowrap}}@media (max-width: 560px){.blue-light-hero-card[data-guide-app-demo]{padding:22px 18px}.blue-light-hero-card > h2{font-size:clamp(1.45rem, 6.45vw, 1.65rem)}.guide-app-window-stage{min-height:286px;padding-inline:4px}.guide-app-window-stage--full{min-height:350px}.guide-app-window-stage .guide-app-window{font-size:12px}.guide-app-window .c87e0b641{width:calc(100% - 12px);margin-inline:6px}.guide-control-demo--temperature .guide-demo-temperature-reference{height:126px;padding:13px}}@media (prefers-reduced-motion: reduce){.guide-app-reference,.guide-app-window-stage .guide-app-window,.guide-app-window-stage::after,.guide-app-window-stage::before{transition:none}}