:root{--cp-top:calc(70px + env(safe-area-inset-bottom,0px))}.cp-spacer{height:var(--cp-top)}.cp-panel{z-index:60;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));color:#1a1a1a;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#faf8f6f7;border:1px solid #fffc;border-radius:29px;justify-content:center;align-items:center;gap:10px;height:58px;padding:0 14px;font-family:inherit;transition:opacity .25s ease-out;display:flex;position:fixed;box-shadow:inset 0 1px #ffffffe6,0 10px 30px #0000002e}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cp-panel{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:#faf8f6f2}}@media (prefers-reduced-transparency:reduce){.cp-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#faf8f6}}.cp-panel[data-hidden]{opacity:0;pointer-events:none}.cp-panel:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cp-faces{flex:none;display:flex}.cp-faces img{object-fit:cover;border:2px solid #fff;border-radius:9999px;width:40px;height:40px}.cp-faces img+img{margin-left:-14px}.cp-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.cp-label{letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:700;line-height:17px}.cp-status{letter-spacing:.01em;text-transform:none;opacity:0;align-items:center;gap:5px;height:14px;font-size:11px;font-weight:500;line-height:14px;transition:opacity .2s ease-out;display:flex}.cp-status[data-state]{opacity:1}.cp-status[data-state=online]{color:#168a45}.cp-status[data-state=night]{color:#7a716a}.cp-dot{background:#22b455;border-radius:9999px;width:7px;height:7px}.cp-status[data-state=night] .cp-dot{background:#a39b94}.cp-status[data-state=online] .cp-dot{animation:2s ease-in-out infinite cp-pulse}@keyframes cp-pulse{50%{opacity:.35}}.cp-snk{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.cp-snk rect{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-dasharray:30 70;stroke-dashoffset:0;opacity:0}.cp-snk .a{stroke-width:2.5px}.cp-snk .gl{stroke-width:8px;stroke-opacity:.32}@media (prefers-reduced-motion:reduce){.cp-snk rect{animation:none}.cp-snk .a{stroke-dasharray:none;stroke-width:1px;opacity:.9}.cp-snk .gl{display:none}.cp-status[data-state=online] .cp-dot{animation:none}}@media (max-width:63.999rem){.cp-lift-video.cp-lift-video,.cp-lift-dock.cp-lift-dock,.cp-lift-top.cp-lift-top{bottom:calc(var(--cp-top) + 10px)}}@media (min-width:64rem){.cp-panel,.cp-spacer{display:none}}
.stt-glass{color:var(--foreground);background:#fffffff0;border:0;border-radius:9999px;transition:transform .22s,translate .3s,bottom .3s,box-shadow .22s,color .22s,opacity .3s;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 1px #fff,0 0 0 1px #00000014,0 8px 20px -8px #00000059}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.stt-glass{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background:#ffffff80;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 1px #fff,0 8px 20px -8px #00000059}}.stt-glass:hover,.stt-glass:focus-visible{color:var(--primary);box-shadow:inset 0 0 0 1.5px #f6722b,inset 0 1px #fff,0 10px 22px -8px #e8743a80;box-shadow:inset 0 0 0 1.5px lab(63.9147% 48.8658 61.0566),inset 0 1px lab(100% 0 0),0 10px 22px -8px lab(62.2798% 43.1552 52.2323/.501961)}.stt-glass:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stt-glass.stt-shown:hover{transform:translateY(-1px)}.stt-glass.stt-shown:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.stt-glass.stt-shown:hover,.stt-glass.stt-shown:active{transform:none}}