@layer components{.panproto-switch{color:var(--ink-parchment,#e8d9b5);font-family:var(--font-body,"Palatino Linotype", Palatino, Georgia, serif);letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:#261a0e80;border:1px solid #d6b46e59;border-radius:999px;align-items:center;gap:7px;margin-left:10px;padding:4px 9px 4px 5px;font-size:12.5px;display:inline-flex}.panproto-switch:hover{border-color:#d6b46e99}.panproto-switch-track{background:#140e08d9;border:1px solid #d6b46e66;border-radius:999px;width:26px;height:14px;transition:background .16s;position:relative}.panproto-switch.is-on .panproto-switch-track{background:#6b5320}.panproto-switch-knob{background:#d6b46e;border-radius:50%;width:10px;height:10px;transition:transform .16s;position:absolute;top:1px;left:1px}.panproto-switch.is-on .panproto-switch-knob{transform:translate(11px)}.panproto-switch-label{opacity:.82}.panproto-switch.is-on .panproto-switch-label{opacity:1}.phone-tray-slider-row .panproto-switch{margin-left:6px;padding:3px 7px 3px 4px;font-size:11.5px}.phone-tray-slider-row .panproto-switch-label{display:none}.panproto-btn.is-on{color:#f0d9a2;background:#785c2473}.panproto-pill{z-index:70;color:#e8d9b5;font-family:var(--font-body,"Palatino Linotype", Palatino, Georgia, serif);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c140beb;border:1px solid #d6b46e66;border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 13px;font-size:13.5px;display:flex;position:fixed;bottom:210px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.panproto-pill--held{opacity:.85}.panproto-pill-dot{background:#d6b46e;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite panproto-pulse}@keyframes panproto-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.panproto-pill-dot{opacity:.8;animation:none}}.panproto-pill-btn{color:#f0d9a2;font:inherit;cursor:pointer;background:#785c2459;border:1px solid #d6b46e73;border-radius:999px;padding:4px 11px}.panproto-pill-btn:hover{background:#785c2499}.panproto-state{z-index:300;color:#9fe6b0;letter-spacing:.06em;pointer-events:none;background:#000000b8;border-radius:3px;padding:3px 8px;font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:12px;left:12px}@media (max-width:720px){.panproto-pill{font-size:12.5px;bottom:240px}}}