@property --ot-o{syntax:"<number>";inherits:true;initial-value:0}.ot{--ot-e:cubic-bezier(.22, .61, .36, 1);--ot-ink-2:color-mix(in oklab, var(--foreground) 62%, var(--muted-foreground));--ot-bg-3:color-mix(in oklab, var(--foreground) 4.5%, var(--bg-2));--ot-r:32px;--ot-cap:clamp(80px, 9cqw, 96px);--ot-pad:clamp(22px, 2.8cqw, 44px);--ot-pad-x:max(var(--ot-pad), (100cqw - 1104px) / 2);--ot-bord:clamp(12px, 6cqw, 88px);container:ot/inline-size}.ot-capsule{--g-tint:var(--background);--g-a:86%;--g-edge:#ffffffb8;--g-lustre:linear-gradient(180deg, #fff6, #fff0 58%);--g-reflet:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff59;--g-ombre:0 0 0 1px color-mix(in srgb, var(--foreground) 7%, transparent), 0 10px 30px -12px #0b10162e, 0 2px 6px -2px #0b10160f;--l-k:88%;--l-a:90%;z-index:3;width:max-content;max-width:100%;scrollbar-width:none;border:1px solid var(--g-edge);background:var(--g-lustre), color-mix(in srgb, var(--g-tint) var(--g-a), transparent);box-shadow:var(--g-reflet), var(--g-ombre);transition:box-shadow .22s var(--ot-e), border-color .22s var(--ot-e);border-radius:999px;margin-block-end:calc(-1 * var(--ot-cap));margin-inline:auto;padding:5px;scroll-padding-inline:16px;position:relative;overflow:auto hidden}.ot-capsule::-webkit-scrollbar{display:none}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.ot-capsule{--g-a:55%;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%)}}:is(.dark,[data-theme=dark]) .ot-capsule{--g-tint:var(--bg-2);--g-edge:#ffffff1a;--g-lustre:linear-gradient(180deg, #ffffff0d, #fff0 58%);--g-reflet:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #ffffff0a;--g-ombre:0 0 0 1px #00000059, 0 12px 32px -12px #0009;--l-k:100%}.ot-bar{background:0 0;border-radius:0;justify-content:center;align-items:center;gap:2px;width:max-content;min-width:100%;height:auto;padding:0;display:flex;position:relative;overflow:visible}.ot-tab{--l-c:color-mix(in srgb, color-mix(in srgb, var(--ot-cs) var(--l-k), #000) var(--l-a), transparent);z-index:1;height:auto;box-shadow:none;color:var(--ot-ink-2);cursor:pointer;transition:background .18s var(--ot-e), color .18s var(--ot-e);background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:9px;padding:11px 17px;display:flex;position:relative}.ot-tab-ico{width:27px;height:27px;transition:transform .22s var(--e-out);flex:none;place-items:center;display:grid;position:relative}.ot-tab-ico>:not(svg){width:100%;height:100%;transition:opacity .18s var(--ot-e)}.ot-lib{letter-spacing:-.016em;white-space:nowrap;color:var(--ot-ink-2);transition:color .2s var(--ot-e);font-size:15.2px;font-weight:600;line-height:1.2}.ot-tab:not([data-active]):hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.ot-tab:not([data-active]):hover .ot-tab-ico{transform:translateY(-1px)}.ot-tab:not([data-active]):hover .ot-lib{color:var(--foreground)}.ot-tab[data-active] .ot-lib{color:#fff;text-shadow:0 1px 1px #00000024;transition-delay:60ms}.ot-tab[data-counting] .ot-tab-ico>:not(svg){opacity:0}.ot-ring{width:20px;height:20px;margin:auto;position:absolute;inset:0;transform:rotate(-90deg)}.ot-ring circle{fill:none;stroke-width:2.5px;stroke-linecap:round}.ot-lens{--l-c:color-mix(in srgb, color-mix(in srgb, var(--ot-cs) var(--l-k), #000) var(--l-a), transparent);z-index:0;pointer-events:none;top:var(--active-tab-top);left:var(--active-tab-left);right:var(--active-tab-right);width:auto;height:var(--active-tab-height);background-color:var(--l-c);box-shadow:inset 0 1px 0 #ffffff80, inset 0 0 0 1px #ffffff29, inset 0 -5px 8px -6px #ffffff47, 0 8px 20px -8px color-mix(in srgb, var(--ot-cs) 70%, transparent);transition-property:left,right,background-color,box-shadow,scale;transition-duration:.46s,.46s,.35s,.35s,.2s;transition-timing-function:var(--e-out), var(--e-out), var(--ot-e), var(--ot-e), var(--e-out);border-radius:999px;position:absolute;translate:none}.ot-lens[data-activation-direction=right]{transition-duration:.58s,.36s,.35s,.35s,.2s}.ot-lens[data-activation-direction=left]{transition-duration:.36s,.58s,.35s,.35s,.2s}.ot-lens:before,.ot-lens:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ot-lens:before{background:var(--ot-grad,none);opacity:0;transition:opacity .35s var(--ot-e)}.ot-lens[data-grad]:before{opacity:1}.ot-lens:after{background:linear-gradient(#ffffff57,#ffffff1a 20%,#0000 34%)}.ot-bar:has(>.ot-tab[data-active]:active)>.ot-lens{scale:1.03}:is(.dark,[data-theme=dark]) .ot-lens{box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff14,inset 0 -1px #0003,0 6px 16px -6px #0009}:is(.dark,[data-theme=dark]) .ot-lens:after{background:linear-gradient(#fff3,#ffffff0d 20%,#0000 34%)}.ot-bar:not(:has(>.ot-lens))>.ot-tab[data-active]{background:var(--ot-grad-tab,var(--l-c))}@media (prefers-reduced-transparency:reduce){.ot .ot-capsule{--g-a:100%;--g-lustre:none;--l-k:100%;--l-a:100%;-webkit-backdrop-filter:none;backdrop-filter:none}.ot-lens:after{display:none}}@media (prefers-contrast:more){.ot .ot-capsule{--g-a:100%;--g-lustre:none;--g-edge:var(--muted-foreground);--l-k:100%;--l-a:100%;-webkit-backdrop-filter:none;backdrop-filter:none}.ot-lens:after{display:none}}@media (forced-colors:active){.ot-tab[data-active]{outline-offset:-2px;outline:2px solid highlight}}.ot-panels{grid-template-columns:minmax(0,1fr);display:grid}.ot-panel{--ot-o:0;--ot-tint:var(--ot-tint-l);isolation:isolate;min-height:calc(clamp(392px, 32cqw, 452px) + var(--ot-cap));padding:calc(var(--ot-pad) + var(--ot-cap)) var(--ot-pad-x) var(--ot-pad);border-radius:var(--ot-r);background:radial-gradient(108% 128% at 2% 0%, color-mix(in srgb, var(--ot-tint) 26%, transparent), transparent 60%), linear-gradient(158deg, var(--ot-bg-3), var(--bg-2) 74%);text-align:start;clip-path:inset(0 calc((1 - var(--ot-o)) * var(--ot-bord)) round var(--ot-r));transition:--ot-o .95s var(--e-out) .1s;outline:none;grid-area:1/1;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:start;gap:clamp(20px,2.6cqw,38px);font-size:16px;display:grid;position:relative;overflow:clip}:is(.dark,[data-theme=dark]) .ot-panel{--ot-tint:var(--ot-tint-d)}.ot[data-in] .ot-panel{--ot-o:1}.ot-panel:not([hidden]){animation:ot-rise .44s var(--e-out) both}@keyframes ot-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@layer base{.ot-panel[hidden]{display:grid!important}@container ot (max-width:1020px){.ot-panel[hidden]{display:none!important}}}.ot-panel[hidden]{visibility:hidden;pointer-events:none}.ot-text{z-index:1;min-width:0;position:relative}.ot-badge{width:36px;height:36px;margin-bottom:2px;display:block}.ot-badge>*{width:100%;height:100%}.ot-p{max-width:44ch;color:var(--ot-ink-2);text-wrap:pretty;margin:14px 0 0;font-size:17.5px;line-height:1.6}.ot-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6cqw,20px) clamp(10px,1.6cqw,20px);margin:clamp(18px,2cqw,25px) 0 0;padding:0;list-style:none;display:grid}.ot-app{color:var(--ot-ink-2);transition:background .18s var(--ot-e);border-radius:9px;align-items:flex-start;gap:11px;margin-inline-start:-9px;padding:4px 9px;display:flex}a.ot-app:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}a.ot-app:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.ot-app-ic{width:26px;height:26px;color:var(--ot-tint);transition:transform .18s var(--e-out);flex:none;place-items:center;margin-top:1px;display:grid}.ot-app-ic>svg{width:22px;height:22px}.ot-app-ic>:not(svg){width:26px;height:26px}a.ot-app:hover .ot-app-ic{transform:translateY(-1px)}.ot-app-tx{min-width:0;padding-top:1px}.ot-app-lib{color:var(--foreground);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;font-size:14.4px;font-weight:620;line-height:1.3;display:block;overflow:hidden}.ot-app-desc{color:var(--muted-foreground);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:12.6px;line-height:1.4;display:-webkit-box;overflow:hidden}.ot-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:clamp(20px,2.2cqw,28px);padding-top:clamp(18px,2cqw,24px);display:flex}.ot-visual{min-width:0;align-self:stretch;margin-block-end:calc(-1 * var(--ot-pad));margin-inline-end:calc(-1 * var(--ot-pad-x));position:relative;container-type:size}.ot-scene{top:0;width:max(100cqw, var(--ot-aspect,1.5) * 100cqh);position:absolute;inset-inline-start:0}@container ot (max-width:1240px){.ot-panel{grid-template-columns:minmax(0,47fr) minmax(0,53fr)}}@container ot (max-width:1120px){.ot-prefix{display:none}}@container ot (max-width:1020px){.ot-panel{grid-template-columns:minmax(0,1fr);min-height:0}.ot-visual{align-self:auto;margin:0;container-type:normal}.ot-scene{width:100%;position:static}.ot-p{max-width:62ch}.ot-apps{grid-template-columns:repeat(3,minmax(0,1fr))}}@container ot (max-width:780px){.ot-apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@container ot (max-width:680px){.ot{--ot-pad:18px;--ot-r:23px;--ot-cap:80px}.ot-bar{justify-content:flex-start}.ot-tab{gap:8px;padding:9px 12px}.ot-lib{font-size:14.4px}.ot-actions>*{flex:100%;justify-content:center}}@container ot (max-width:480px){.ot-apps{grid-template-columns:minmax(0,1fr)}}