.cursor-mode-switch{--cms-h:2.55rem;--cms-pad:.2rem;--cms-gap:.15rem;--cms-radius:9999px;--cms-blue:#007ea8;--cms-min:10.75rem;height:var(--cms-h);min-width:var(--cms-min);isolation:isolate;-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:stretch;transition:min-width .55s cubic-bezier(.16,1,.3,1);display:none;position:relative}.cursor-mode-switch.is-compact{--cms-min:5.6rem}@media (pointer:fine) and (min-width:768px){.cursor-mode-switch{grid-template-columns:1fr 1fr;display:inline-grid}}.cursor-mode-switch.is-pending{opacity:.6}.cursor-mode-switch__shell{z-index:0;border-radius:var(--cms-radius);background:#f8fafceb;border:1px solid #0f172a24;transition:border-color .4s,background .4s,box-shadow .4s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffbf,0 10px 24px #0f172a12}.cursor-mode-switch.is-on-dark .cursor-mode-switch__shell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c128c;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff1a,0 12px 28px #00000059}.cursor-mode-switch__slider{top:var(--cms-pad);bottom:var(--cms-pad);width:calc(50% - var(--cms-pad) - var(--cms-gap) / 2);border-radius:calc(var(--cms-radius) - 1px);background:#0f172a;transition:transform .48s cubic-bezier(.16,1,.3,1),background .4s,box-shadow .4s;position:absolute;inset-inline-start:var(--cms-pad);box-shadow:0 1px 2px #0f172a33,0 8px 18px #0f172a2e}.cursor-mode-switch.is-camera .cursor-mode-switch__slider{transform:translateX(calc(100% + var(--cms-gap)));background:var(--cms-blue);box-shadow:0 0 0 1px #007ea840,0 10px 22px #007ea859}[dir=rtl] .cursor-mode-switch.is-camera .cursor-mode-switch__slider{transform:translateX(calc(-100% - var(--cms-gap)))}.cursor-mode-switch.is-on-dark:not(.is-camera) .cursor-mode-switch__slider{background:#fff;box-shadow:0 1px 2px #0003,0 10px 22px #00000047}.cursor-mode-switch__btn{z-index:1;color:#0f172a7a;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.35rem;min-width:0;height:100%;padding:0 .7rem;transition:color .35s,gap .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.cursor-mode-switch.is-compact .cursor-mode-switch__btn{gap:0;padding:0}.cursor-mode-switch.is-on-dark .cursor-mode-switch__btn{color:#ffffff80}.cursor-mode-switch__btn.is-active{color:#fff}.cursor-mode-switch.is-on-dark:not(.is-camera) .cursor-mode-switch__btn--default.is-active{color:#0f172a}.cursor-mode-switch__btn:focus-visible{outline:none}.cursor-mode-switch__btn:focus-visible:after{content:"";border-radius:9999px;position:absolute;inset:.15rem;box-shadow:0 0 0 2px #007ea873}.cursor-mode-switch__btn:active{transform:scale(.97)}.cursor-mode-switch__label{max-width:4.5rem;font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;opacity:1;font-size:.68rem;font-weight:650;line-height:1;transition:max-width .5s cubic-bezier(.16,1,.3,1),opacity .35s,transform .5s cubic-bezier(.16,1,.3,1),margin .45s;display:inline-block;overflow:hidden;transform:translate(0,0)}.cursor-mode-switch.is-compact .cursor-mode-switch__label{opacity:0;pointer-events:none;max-width:0;margin:0;transform:translateY(-.35rem)}.cursor-mode-switch__cam{place-items:center;width:1.4rem;height:1.4rem;transition:transform .45s cubic-bezier(.16,1,.3,1);display:grid}.cursor-mode-switch.is-compact .cursor-mode-switch__cam{width:1.55rem;height:1.55rem}.cursor-mode-switch__cam img{object-fit:contain;filter:grayscale(.2)contrast(1.05);width:100%;height:100%;transition:filter .35s,transform .45s cubic-bezier(.16,1,.3,1);display:block}.cursor-mode-switch.is-camera .cursor-mode-switch__cam img{filter:none;transform:scale(1.06)}.cursor-mode-switch.is-camera .cursor-mode-switch__cam{animation:.5s cubic-bezier(.16,1,.3,1) cursor-mode-cam-pop}@keyframes cursor-mode-cam-pop{0%{transform:scale(.75)rotate(-12deg)}60%{transform:scale(1.14)rotate(4deg)}to{transform:scale(1)rotate(0)}}.cursor-mode-switch__btn--default.is-active svg{animation:.45s cubic-bezier(.16,1,.3,1) cursor-mode-pointer-pop}@keyframes cursor-mode-pointer-pop{0%{transform:scale(.8)translateY(2px)}60%{transform:scale(1.12)translateY(-1px)}to{transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.cursor-mode-switch,.cursor-mode-switch__slider,.cursor-mode-switch__btn,.cursor-mode-switch__label,.cursor-mode-switch__cam,.cursor-mode-switch__cam img{transition-duration:.01ms}.cursor-mode-switch.is-camera .cursor-mode-switch__cam,.cursor-mode-switch__btn--default.is-active svg{animation:none}}