.jui-glass-orb{align-items:center;display:flex;height:130px;justify-content:center;position:relative;width:320px}.jui-glass-orb__glow{border-radius:50%;filter:blur(50px);height:180px;pointer-events:none;position:absolute;width:320px}.jui-glass-orb__track{align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;display:flex;height:78px;justify-content:space-between;overflow:visible;padding:0;position:relative;width:248px}.jui-glass-orb__label{align-items:center;color:#fff;display:flex;font-size:17.5px;font-weight:500;height:100%;justify-content:center;width:124px}.jui-glass-orb__label:first-of-type{padding-left:12px}.jui-glass-orb__label:last-of-type{padding-right:12px}.jui-glass-orb__thumb{height:104px;left:0;pointer-events:none;position:absolute;top:-13px;width:104px;z-index:3}.jui-glass-orb__lens{border-radius:50%;box-shadow:0 18px 38px -6px rgba(0,0,0,.75),0 0 20px rgba(255,255,255,.14);height:100%;overflow:hidden;position:relative;width:100%}.jui-glass-orb__lens-blur,.jui-glass-orb__lens-rim,.jui-glass-orb__lens-shade{border-radius:50%;inset:0;position:absolute}.jui-glass-orb__lens-blur{backdrop-filter:blur(4px)}.jui-glass-orb__lens-shade{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.35) 0,rgba(255,255,255,.08) 35%,rgba(0,0,0,.12) 65%,rgba(0,0,0,.48) 100%)}.jui-glass-orb__lens-rim{border:1px solid rgba(255,255,255,.4)}.jui-glass-orb__lens-arc,.jui-glass-orb__lens-meniscus{border-radius:50%;pointer-events:none;position:absolute}.jui-glass-orb__lens-arc{background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.95) 0,rgba(255,255,255,.4) 45%,transparent 80%);filter:blur(.5px);height:20px;left:12px;rotate:-28deg;top:8px;width:40px}.jui-glass-orb__lens-meniscus{background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.42) 0,rgba(255,255,255,.08) 60%,transparent 100%);bottom:10px;filter:blur(1.2px);height:24px;right:14px;rotate:-18deg;width:44px}.jui-glass-orb__icon{z-index:1}.jui-glass-orb__icon,.jui-glass-orb__icon-layer{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.jui-glass-orb__icon-layer{color:#fff}.jui-glass-orb__aura{border-radius:50%;position:absolute}.jui-glass-orb__aura--moon{background:rgba(255,255,255,.2);filter:blur(7px);height:36px;width:36px}.jui-glass-orb__aura--sun{background:rgba(255,255,255,.25);filter:blur(8px);height:44px;width:44px}.jui-glass-orb__moon{filter:drop-shadow(0 0 10px rgba(255,255,255,.95));height:30px;rotate:-38deg;width:30px}.jui-glass-orb__sun{filter:drop-shadow(0 0 12px rgba(255,255,255,.95));height:36px;width:36px}@media (prefers-reduced-motion:reduce){.jui-glass-orb *{animation:none!important;transition:none!important}}.demo-glass-orb{flex-direction:column;position:relative;width:100%}.demo-glass-orb,.demo-glass-orb>span{align-items:center;display:flex;gap:8px}.demo-glass-orb>span{align-self:flex-start;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:999px;color:var(--ink);font-size:12px;font-weight:600;padding:6px 14px}.demo-glass-orb>span:before{background:#f59e0b;border-radius:50%;box-shadow:0 0 8px rgba(245,158,11,.6);content:"";height:8px;width:8px}.demo-glass-orb>span[data-theme=dark]:before{background:#818cf8;box-shadow:0 0 8px rgba(129,140,248,.6)}.component-stage:has(.demo-glass-orb){min-height:320px}