@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 - 1440px) / 2 + 28px);--ot-bord:0px;--ot-start:calc(max(20px, (100cqw - 1440px) / 2 + 28px) + var(--ot-bord));margin-inline:calc(50% - 50vw);container:ot/inline-size}.ot-top{top:calc(var(--header-h) + 12px - var(--ot-head-h,0px));z-index:3;transition:opacity .2s var(--ot-e), visibility .2s;margin-block-end:calc(-1 * var(--ot-cap));padding-block-start:clamp(36px,4cqw,56px);padding-inline:20px;position:sticky}.ot[data-past] .ot-top{opacity:0;visibility:hidden}.ot-head{margin-block-end:clamp(24px,2.6cqw,36px)}.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;scrollbar-width:none;border:1px solid var(--g-edge);background:var(--g-lustre), color-mix(in srgb, var(--g-tint) var(--g-a), transparent);width:max-content;max-width:100%;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-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,.ot-ring){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,.ot-ring){opacity:0}.ot-ring{width:20px;height:20px;margin:auto;position:absolute;inset:0}.ot-ring svg{width:20px;height:20px;position:absolute;top:0;left:0}.ot-ring :is(circle,path){fill:none;stroke-width:2.5px;stroke-linecap:round}.ot-ring .ot-ring-dot{fill:#fff;stroke:none}.ot-ring-half{width:10px;height:20px;position:absolute;top:0;overflow:hidden}.ot-ring-half[data-side=r]{left:10px}.ot-ring-half[data-side=l]{left:0}.ot-ring-rot{transform-origin:10px 10px;will-change:transform;width:20px;height:20px;animation:linear forwards ot-ring-l;position:absolute;top:0;left:0;rotate:-180deg}.ot-ring-half[data-side=r] .ot-ring-rot{animation-name:ot-ring-r;left:-10px}@keyframes ot-ring-r{0%{rotate:-180deg}50%,to{rotate:none}}@keyframes ot-ring-l{0%,49.9%{opacity:0;rotate:-180deg}50%{opacity:1;rotate:-180deg}to{opacity:1;rotate:none}}.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);--tab-c:var(--ot-tint);isolation:isolate;--ot-vis-f:.55;--ot-vis-w:calc((100cqw - 2 * var(--ot-pad-x) - clamp(20px, 2.6cqw, 38px)) * var(--ot-vis-f) + var(--ot-pad-x));min-height:max(calc(clamp(392px, 32cqw, 452px) + var(--ot-cap)), calc(var(--ot-cap) + var(--ot-pad) + var(--ot-vis-w) * 1245 / 2000));padding:calc(var(--ot-pad) + var(--ot-cap)) var(--ot-pad-x) var(--ot-pad);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-start)) round calc((1 - var(--ot-o)) * 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-apps>li:nth-child(n+7){display:none}.ot-apps[data-rows="4"]>li:nth-child(-n+8){display:list-item}.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);border-start-start-radius:calc(var(--radius) * 1.8);position:absolute;inset-inline-start:0;overflow:clip}.ot-panel[data-fit] .ot-visual{align-self:center;margin:0;container-type:normal}.ot-panel[data-fit] .ot-scene{border-radius:calc(var(--radius) * 1.4);width:100%;position:static;box-shadow:0 24px 60px -24px #0b101659}@container ot (max-width:1240px){.ot-panel{--ot-vis-f:.53;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{border-radius:calc(var(--radius) * 1.8);width:100%;position:static}.ot-p{max-width:62ch}.ot-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.ot-apps>li:nth-child(n+7){display:list-item}.ot-apps>li:nth-child(n+10){display:none}}@container ot (max-width:780px){.ot-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-apps>li:nth-child(n+7){display:none}}@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)}.ot-apps>li:nth-child(n+4),.ot-apps[data-rows="4"]>li:nth-child(n+4){display:none}}
.xc{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.xc-title{line-height:1.12}@media (min-width:640px){.xc{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media (min-width:1024px) and (hover:hover){.xc{gap:1rem;display:flex}.xc-card{flex:1 1 0;min-width:0;transition:flex-grow .6s cubic-bezier(.22,1,.36,1)}.xc-title{max-width:14ch;transition:font-size .45s cubic-bezier(.22,1,.36,1)}.xc-more,.xc-visual{opacity:0;visibility:hidden;width:min(30rem,34vw);transition:opacity .2s,visibility 0s linear .2s}.xc-visual{align-self:flex-end;transition:opacity .2s,translate .2s,visibility 0s linear .2s;translate:0 12px}.xc-card:is(:hover,:focus-within){flex-grow:3.1}.xc:not(:has(.xc-card:is(:hover,:focus-within))) .xc-card[data-open]{flex-grow:3.1}.xc-card:is(:hover,:focus-within) .xc-title{font-size:var(--text-4xl,2.25rem);max-width:20ch}.xc:not(:has(.xc-card:is(:hover,:focus-within))) .xc-card[data-open] .xc-title{font-size:var(--text-4xl,2.25rem);max-width:20ch}.xc-card:is(:hover,:focus-within) :is(.xc-more,.xc-visual){opacity:1;visibility:visible;transition:opacity .4s .18s,translate .5s cubic-bezier(.22,1,.36,1) .18s,visibility linear;translate:0}.xc:not(:has(.xc-card:is(:hover,:focus-within))) .xc-card[data-open] :is(.xc-more,.xc-visual){opacity:1;visibility:visible;transition:opacity .4s .18s,translate .5s cubic-bezier(.22,1,.36,1) .18s,visibility linear;translate:0}}