/*! 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;--v77b2dbcb:#454547;--v4380b466:#4c86ff;--v8ec70312:#3c72e6;--vbe068d97:#ddd;--ve7596f0d:#3c72e6;--v7ace0638:#4c86ff;--v3416be0e:rgba(216, 216, 216, 0.55);--vbeb48b72:#4c86ff;--v174b3ed9:#ffb24a;--v22cd3cdd:#80868f;--v785d0d71:#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(.ceb5700d6){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(.ceb5700d6)::-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(.ceb5700d6)::-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(.ceb5700d6)::-webkit-slider-runnable-track{background:linear-gradient(90deg, #e8a14c, #9ca6b0 76%, #8f99a5 89%, #559dff 100%)}.guide-control-demo--temperature input[type="range"]:not(.ceb5700d6)::-moz-range-track{background:linear-gradient(90deg, #e8a14c, #9ca6b0 76%, #8f99a5 89%, #559dff 100%)}.guide-control-demo input[type="range"]:not(.ceb5700d6)::-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(.ceb5700d6)::-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(.ceb5700d6):focus-visible{outline:none}.guide-control-demo input[type="range"]:not(.ceb5700d6):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #080a0d,0 0 0 6px #80b9ff}.guide-control-demo input[type="range"]:not(.ceb5700d6):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{--v7a20a537:278px;--v52dfafa7: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{--v3450a295:#2c2c2e;--ve4f5e287:#3a3a3c;--v2c64a71a:#2c2c2e;--v24c87992:#fff;--vbdd73b28:#98989f;--v4c1edba0:#6b6b70;--vc28f8581:#3d3d3f;--v0679d74f:#424244;--v3c89de5f:#424244;--v72f4d479:#f0f0f0;--va9535226:#5a5a5f;--vc0886bac:#fff;--vdebe6ae1:#c7c7cc;--v77b2dbcb:#454547;--v4380b466:#4c86ff;--v8ec70312:#3c72e6;--vbe068d97:#ddd;--ve7596f0d:#3c72e6;--v7ace0638:#4c86ff;--v3416be0e:rgba(216, 216, 216, 0.55);--vbeb48b72:#4c86ff;--v174b3ed9:#ffb24a;--v22cd3cdd:#80868f;--v785d0d71:#58a6ff;--v97a76086:rgba(232, 17, 35, 0.122);--v966472db:#fff;--vcb2f8f64:#e81123;--vf4f19be9:#fff;--v7a20a537:236px;--v52dfafa7:216px;position:relative;z-index:2;display:flow-root;width:min(100%, 360px);height:var(--v7a20a537);max-height:var(--v7a20a537);margin:0 auto;color:var(--v24c87992);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 .c1e14e97f{position:relative;display:block;width:calc(100% - 20px);height:var(--v52dfafa7);max-height:var(--v52dfafa7);min-width:0;margin:10px;padding:13px 13px 12px;border:0;border-radius:18px;background:var(--v3450a295);box-shadow:0 0 12px rgba(0, 0, 0, 0.15);box-sizing:border-box}.guide-app-window .cdd18459b{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.guide-app-window .c98977227{position:relative;display:grid;grid-template-columns:24px minmax(0, 1fr) 24px;align-items:center;height:24px;gap:6px;color:var(--v24c87992);font-weight:600;transform:translateY(-6px);touch-action:auto}.guide-app-window .c98977227 img{display:block;width:24px;height:24px}.guide-app-window .c98977227 > span:not(.cc749f3db){overflow:hidden;padding-bottom:1px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.guide-app-window .cc749f3db{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 .cc749f3db::after,.guide-app-window .cc749f3db::before{position:absolute;top:11px;left:6px;width:12px;height:1.5px;border-radius:2px;background:var(--vbdd73b28);content:""}.guide-app-window .cc749f3db::before{transform:rotate(45deg)}.guide-app-window .cc749f3db::after{transform:rotate(-45deg)}.guide-app-window .cc749f3db:hover{background:var(--v97a76086)}.guide-app-window .cc749f3db:hover::after,.guide-app-window .cc749f3db:hover::before{background:var(--v966472db)}.guide-app-window .cc749f3db:active{background:var(--vcb2f8f64)}.guide-app-window .cc749f3db:active::after,.guide-app-window .cc749f3db:active::before{background:var(--vf4f19be9)}.guide-app-window .cc749f3db:focus-visible{outline:2px solid var(--vbeb48b72);outline-offset:2px}.guide-app-window .c72c8cf2b{display:grid;grid-template-columns:minmax(0, 1fr) 24px;align-items:center;height:26px;margin-top:5px;overflow:hidden;border:1px solid var(--ve4f5e287);border-radius:5px;background:var(--v2c64a71a);color:var(--v24c87992);box-sizing:border-box}.guide-app-window .c72c8cf2b span{padding:0 6px;overflow:hidden;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.guide-app-window .c72c8cf2b i{position:relative;display:block;width:24px;height:24px}.guide-app-window .c72c8cf2b i::after{position:absolute;top:10px;left:8px;border-top:4px solid var(--vdebe6ae1);border-right:4px solid transparent;border-left:4px solid transparent;content:""}.guide-app-window .c72c8cf2b:hover i::after,.guide-app-window .c72c8cf2b:hover span{opacity:0.75}.guide-app-window .c72c8cf2b i:active::after{opacity:0.6}.guide-app-window .cbd5bc0a5{display:grid;margin-top:12px}.guide-app-window .c80fba94d{height:44px}.guide-app-window .c07f9f688{display:flex;align-items:center;justify-content:space-between;height:16px;gap:8px}.guide-app-window .c07f9f688 label{color:var(--v24c87992);font-size:13px;font-weight:600;line-height:16px}.guide-app-window .c07f9f688 output{min-width:0;color:var(--v24c87992);font:inherit;line-height:16px;text-align:right;white-space:nowrap}.guide-app-window .c626e380b{display:inline-flex;align-items:center;min-width:0;gap:3px}.guide-app-window .c1ff7fbfb{display:inline-flex;align-items:center;justify-content:center;height:14px;padding:0 4px;gap:3px;border-radius:7px;background:var(--v4380b466);color:var(--vc0886bac);font-size:9px;font-weight:600;line-height:1;white-space:nowrap;opacity:0.92;box-sizing:border-box}.guide-app-window .c1ff7fbfb 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 .c626e380b > .c1ff7fbfb{align-self:flex-start;height:auto;padding:0;gap:0;border-radius:0;background:transparent;color:var(--v4380b466);font-size:11px;font-weight:600;line-height:normal;opacity:0.9;transform:translateY(-3px)}.guide-app-window .c8ad77444{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 .caf3bcef4{display:grid;min-width:0;height:32px;padding:0 12px;place-items:center;border:1px solid var(--ve4f5e287);border-radius:7px;color:var(--v72f4d479);font:inherit;line-height:1;box-sizing:border-box}.guide-app-window .c961fe0ca{background:var(--vc28f8581)}.guide-app-window .c961fe0ca:hover{background:var(--v0679d74f);opacity:0.92}.guide-app-window .c961fe0ca:active{background:var(--v3c89de5f);opacity:0.85}.guide-app-window .c8cf45631{background:var(--va9535226);color:var(--vc0886bac);cursor:default}.guide-app-window .c8cf45631:not(:disabled):hover{opacity:0.92}.guide-app-window .c8cf45631:not(:disabled):active{opacity:0.85}.guide-app-window .c8cf45631:disabled{background:transparent;color:var(--v4c1edba0)}.guide-app-window .c8cf45631:focus-visible{outline:2px solid var(--vbeb48b72);outline-offset:2px}.guide-main .ceb3a9527{--v4fb8be03:50%;--v7321a279:var(--v4380b466, #4c86ff);position:relative;top:var(--vf015a9c3, 0);display:block;width:100%;height:20px;margin:4px 0}.guide-main .ceb5700d6{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 .c911d67de{position:absolute;z-index:1;top:calc(50% - var(--v71ccea17, 3px));right:0;left:0;height:var(--v9ce93d88, 6px);border-radius:3px;background:linear-gradient(90deg, var(--v7321a279) 0, var(--v7321a279) var(--v4fb8be03), var(--v77b2dbcb, #454547) var(--v4fb8be03), var(--v77b2dbcb, #454547) 100%);pointer-events:none}.guide-main .ceb5700d6::-webkit-slider-runnable-track{width:100%;height:6px;border:0;border-radius:3px;background:transparent;box-shadow:none}.guide-main .ceb5700d6::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:var(--vbe068d97, #ddd);box-shadow:0 0 11px var(--v3416be0e, rgba(216, 216, 216, 0.55));appearance:none;-webkit-appearance:none;transition:background-color 140ms ease-out,box-shadow 140ms ease-out}.guide-main .ceb5700d6::-moz-range-progress,.guide-main .ceb5700d6::-moz-range-track{width:100%;height:6px;border:0;border-radius:3px;background:transparent;box-shadow:none}.guide-main .ceb5700d6::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--vbe068d97, #ddd);box-shadow:0 0 11px var(--v3416be0e, rgba(216, 216, 216, 0.55));transition:background-color 140ms ease-out,box-shadow 140ms ease-out}.guide-main .ceb5700d6:hover::-webkit-slider-thumb{background:var(--ve7596f0d, #3c72e6)}.guide-main .ceb5700d6:hover::-moz-range-thumb{background:var(--ve7596f0d, #3c72e6)}.guide-main .ceb5700d6.is-dragging::-webkit-slider-thumb,.guide-main .ceb5700d6:active::-webkit-slider-thumb{background:var(--v7ace0638, #4c86ff);box-shadow:0 0 11px var(--v3416be0e, rgba(216, 216, 216, 0.55))}.guide-main .ceb5700d6.is-dragging::-moz-range-thumb,.guide-main .ceb5700d6:active::-moz-range-thumb{background:var(--v7ace0638, #4c86ff);box-shadow:0 0 11px var(--v3416be0e, rgba(216, 216, 216, 0.55))}.guide-main .ceb5700d6:focus-visible::-webkit-slider-thumb{box-shadow:0 0 13px var(--vbeb48b72, #4c86ff)}.guide-main .ceb5700d6:focus-visible::-moz-range-thumb{box-shadow:0 0 13px var(--vbeb48b72, #4c86ff)}.guide-main .c907d98ab{background:linear-gradient(90deg, var(--v174b3ed9, #ffb24a) 0, var(--v22cd3cdd, #80868f) 89%, var(--v785d0d71, #58a6ff) 100%)}.guide-main .ceb3a9527:hover{--v7321a279:var(--v8ec70312, #3c72e6)}.guide-main .ceb5700d6.is-dragging ~ .c911d67de,.guide-main .ceb5700d6:active ~ .c911d67de{--v7321a279:var(--v4380b466, #4c86ff)}.guide-main .ceec3f696:hover .c907d98ab{background:linear-gradient(90deg, var(--v174b3ed9, #ffb24a) 0, var(--v22cd3cdd, #80868f) 89%, var(--v785d0d71, #58a6ff) 100%)}.guide-main .c829c8117.is-dragging ~ .c907d98ab,.guide-main .c829c8117:active ~ .c907d98ab{background:linear-gradient(90deg, var(--v174b3ed9, #ffb24a) 0, var(--v22cd3cdd, #80868f) 89%, var(--v785d0d71, #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{--v77b2dbcb:#454547;--v4380b466:#4c86ff;--vbe068d97:#ddd;--ve7596f0d:#3c72e6;--v7ace0638:#4c86ff;--v3416be0e:rgba(var(--temperature-ambient-rgb, 201, 160, 103), 0.55);--vbeb48b72:#4c86ff;--v174b3ed9:#ffb24a;--v22cd3cdd:#80868f;--v785d0d71:#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{--v9ce93d88:6px;--v71ccea17: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(--v3416be0e)}.guide-control-demo.guide-control-demo--temperature .temperature-range::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 11px var(--v3416be0e)}.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(--v3416be0e)}.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(--v3416be0e)}@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 .c1e14e97f{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}}