.bar{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease-out-expo), opacity .3s ease;opacity:.6;transform:scaleY(.3)}.on .bar{opacity:1;animation:1.1s ease-in-out infinite alternate sound-bar}.on .bar:nth-child(2){animation-duration:.9s;animation-delay:-.35s}.on .bar:nth-child(3){animation-duration:1.3s;animation-delay:-.7s}@keyframes sound-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){:global(html:not([data-motion])) .bar{transition:none}:global(html:not([data-motion])) .on .bar{animation:none;transform:scaleY(1)}}:is(:global(html[data-motion="calm"]) .bar,:global(html[data-motion="still"]) .bar){transition:none}:is(:global(html[data-motion="calm"]) .on .bar,:global(html[data-motion="still"]) .on .bar){animation:none;transform:scaleY(1)}
.xp-trigger{min-width:2.75rem;height:2.75rem;color:color-mix(in srgb, var(--fg) 72%, transparent);white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding-inline:.65rem;font-size:.9375rem;line-height:1;transition:color .3s,background-color .3s;display:inline-flex}.xp-trigger:hover,.xp-trigger[aria-expanded=true]{color:var(--fg)}.xp-trigger[aria-expanded=true]{background:var(--surface-2)}.xp-trigger-text{display:none}@media (min-width:48rem){.xp-trigger{padding-inline:.75rem .95rem}.xp-trigger-text{display:inline}}.xp-backdrop{z-index:70;background:#04060d99;position:fixed;inset:0}.xp-panel{z-index:71;overscroll-behavior:contain;max-height:min(88dvh,44rem);padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));border:1px solid var(--line-strong);color:var(--fg);-webkit-backdrop-filter:blur(24px);animation:xp-rise .45s var(--ease-out-expo) both;background:#080c17f2;border-bottom:0;border-radius:1.5rem 1.5rem 0 0;gap:1.1rem;display:grid;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -20px 80px -20px #000000b3}@media (min-width:48rem){.xp-backdrop{display:none}.xp-panel{inset:var(--xp-top,5rem) var(--xp-right,1.25rem) auto auto;width:min(23rem,100vw - 2.5rem);max-height:calc(100dvh - var(--xp-top,5rem) - 1rem);border-bottom:1px solid var(--line-strong);animation:xp-pop .32s var(--ease-out-expo) both;border-radius:1.25rem;box-shadow:0 30px 80px -20px #000000bf}}@keyframes xp-rise{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:none}}@keyframes xp-pop{0%{opacity:0;transform:translateY(-.4rem)scale(.985)}to{opacity:1;transform:none}}@keyframes xp-fade{0%{opacity:0}to{opacity:1}}html[data-motion=calm] .xp-panel{animation:.2s both xp-fade}html[data-motion=still] .xp-panel{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion]) .xp-panel{animation:none}}.xp-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.xp-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.15rem;font-weight:540;line-height:1.1}.xp-close{width:2.75rem;height:2.75rem;color:var(--fg-2);border-radius:999px;justify-content:center;align-items:center;margin:-.5rem -.6rem -.5rem 0;transition:color .2s,background-color .2s;display:inline-flex}.xp-close:hover{color:var(--fg);background:var(--surface-2)}.xp-group{border:0;gap:.4rem;min-width:0;margin:0;padding:0;display:grid}.xp-legend{color:var(--fg-3);margin-bottom:.3rem;padding:0;font-size:.8125rem;display:block}.xp-option{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.85rem;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;min-height:2.75rem;padding:.5rem .8rem;transition:border-color .2s,background-color .2s;display:grid}.xp-option:hover{border-color:var(--line-strong);background:var(--surface-2)}.xp-option:has(input:checked){border-color:var(--fg)}.xp-option:has(input:focus-visible){outline:2px solid var(--color-signal);outline-offset:2px}.xp-option input{appearance:none;border:1.5px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;place-content:center;width:1.05rem;height:1.05rem;margin:0;display:grid}.xp-option input:before{content:"";background:var(--fg);width:.5rem;height:.5rem;transition:transform .25s var(--ease-out-expo);border-radius:999px;transform:scale(0)}.xp-option input:checked{border-color:var(--fg)}.xp-option input:checked:before{transform:scale(1)}.xp-option input:focus-visible{outline:none}.xp-option-name{font-size:.9375rem;font-weight:500;line-height:1.3;display:block}.xp-option-hint{color:var(--fg-3);text-wrap:pretty;margin-top:.1rem;font-size:.8125rem;line-height:1.35;display:block}.xp-seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.xp-seg .xp-option{grid-template-columns:auto auto;justify-content:center;padding-inline:.6rem}.xp-hint{color:var(--fg-3);text-wrap:pretty;margin-top:.1rem;font-size:.8125rem;line-height:1.35}.xp-row{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.35rem .35rem .35rem .8rem;display:flex}.xp-row-text{min-width:0}.xp-row-controls{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.xp-state{color:var(--fg-2);font-size:.8125rem}.xp-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.xp-reset{height:2.75rem}.xp-link{min-height:2.75rem;color:var(--fg-2);align-items:center;font-size:.8125rem;display:inline-flex}.xp-readout{border-top:1px solid var(--line);color:var(--fg-2);text-wrap:pretty;padding-top:.9rem;font-size:.8125rem;line-height:1.5}@media (forced-colors:active){.xp-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}.xp-option,.xp-row{border:1px solid canvastext}.xp-option input{appearance:auto}.xp-option input:before{display:none}.xp-trigger[aria-expanded=true]{outline:1px solid canvastext}}
.spot{isolation:isolate;position:relative}.spot:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--sx,50%) var(--sy,50%), #86d8ff1f, transparent 62%);opacity:0;transition:opacity .45s;position:absolute;inset:0}.spot:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--sx,50%) var(--sy,50%), #86d8ff8c, transparent 70%);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .45s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.spot:hover:before,.spot:hover:after{opacity:1}}html[data-motion=calm] .spot:before,html[data-motion=calm] .spot:after,html[data-motion=still] .spot:before,html[data-motion=still] .spot:after{transition:none}@media (prefers-reduced-motion:reduce){html:not([data-motion]) .spot:before,html:not([data-motion]) .spot:after{transition:none}}