.app-surface .horizon{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.app-surface .horizon-switch{--hz-scene:#efe6d8;--hz-line:#dacdb8;--hz-ground:#f7f0e4;--hz-body:#ff7a00;--hz-glow:0 0 12px rgba(255,122,0,0.13);--hz-x:0px;--hz-shade:0;--hz-stars:0;--hz-light-color:var(--app-text);--hz-light-weight:700;--hz-dark-color:var(--app-text-3);--hz-dark-weight:400;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0;padding:0 10px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text-3);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--app-text) 5%,transparent);font:400 14px/1 var(--app-ui);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.app-surface[data-appearance=dark] .horizon-switch{--hz-scene:#343330;--hz-line:#514d47;--hz-ground:#3d3b37;--hz-body:#eab88e;--hz-glow:none;--hz-x:22px;--hz-shade:1;--hz-stars:1;--hz-light-color:var(--app-text-3);--hz-light-weight:400;--hz-dark-color:var(--app-text);--hz-dark-weight:700}@media (prefers-color-scheme:dark){.app-surface[data-appearance=system] .horizon-switch{--hz-scene:#343330;--hz-line:#514d47;--hz-ground:#3d3b37;--hz-body:#eab88e;--hz-glow:none;--hz-x:22px;--hz-shade:1;--hz-stars:1;--hz-light-color:var(--app-text-3);--hz-light-weight:400;--hz-dark-color:var(--app-text);--hz-dark-weight:700}}.app-surface .horizon-switch:hover{border-color:var(--app-accent-text)}.app-surface .horizon-switch:focus-visible{outline:2px solid var(--app-focus);outline-offset:4px}.app-surface .horizon-label{transition:color .3s}.app-surface .horizon-light{color:var(--hz-light-color);font-weight:var(--hz-light-weight)}.app-surface .horizon-dark{color:var(--hz-dark-color);font-weight:var(--hz-dark-weight)}.app-surface .horizon-scene{position:relative;display:block;overflow:hidden;width:62px;height:34px;flex:none;border-radius:24px;background:var(--hz-scene);box-shadow:inset 0 0 0 1px var(--hz-line)}.app-surface .horizon-scene>i{position:absolute;display:block}.app-surface .horizon-orbit{left:9px;top:8px;width:44px;height:36px;border:1px solid var(--hz-line);border-radius:50%}.app-surface .horizon-body{left:12px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--hz-body);box-shadow:var(--hz-glow);transform:translateX(var(--hz-x));transition:transform .65s cubic-bezier(.22,.7,.22,1),background .5s}.app-surface .horizon-body:after{content:"";position:absolute;left:8px;top:-3px;width:14px;height:14px;border-radius:50%;background:#343330;transform:scale(var(--hz-shade));transition:transform .5s}.app-surface .horizon-ground{inset:auto 0 0;height:10px;background:var(--hz-ground);border-top:1px solid var(--hz-line)}.app-surface .horizon-star{width:2px;height:2px;border-radius:50%;background:#eab88e;opacity:var(--hz-stars);transition:opacity .5s}.app-surface .horizon-star--one{left:15px;top:11px}.app-surface .horizon-star--two{left:25px;top:6px}@media (max-width:900px){.app-surface .horizon-switch{padding-inline:8px}.app-surface .horizon-label{display:none}}@media (max-width:650px){.app-surface .horizon-switch{height:44px;gap:7px}}@media (prefers-reduced-motion:reduce){.app-surface .horizon-body:after,.app-surface .horizon-switch,.app-surface .horizon-switch *{transition:none!important}}:root:active-view-transition-type(oc-horizon)::view-transition-new(root),:root:active-view-transition-type(oc-horizon)::view-transition-old(root){animation:none;mix-blend-mode:normal}:root:active-view-transition-type(oc-horizon)::view-transition-new(root){z-index:2}