@property --ml-formats-hue{syntax:"<color>";inherits:true;initial-value:#0000}.ml-formats{color:var(--ml-fg);position:relative}.ml-formats__runway{height:calc(var(--landing-stage-h) + 6.5*55dvh);position:relative}.ml-formats__scene{top:var(--landing-stage-top);height:var(--landing-stage-h);padding:clamp(14px,3.6vh,40px)var(--ml-gutter)clamp(12px,2.4vh,24px);isolation:isolate;transition:--ml-formats-hue var(--ml-dur-2)var(--ml-ease);flex-direction:column;gap:clamp(10px,2.2vh,24px);display:flex;position:sticky;overflow:hidden;container:ml-formats/size}@media (max-width:767.98px){.ml-formats__runway{height:calc(var(--landing-stage-h) + 6.5*45dvh)}}.ml-formats__tile,.ml-formats__card,.ml-formats__dock-item{--d:calc(var(--i,0) - var(--beat-p,0));--up:max(var(--d),0);--down:max(calc(-1*var(--d)),0);--ad:max(var(--up),var(--down));--a:clamp(0,calc(1 - var(--ad)),1)}.ml-formats__heading{opacity:clamp(0,calc(var(--enter,1)*2),1);translate:0 calc((1 - clamp(0,calc(var(--enter,1)*2),1))*24px);flex:none}.ml-formats__stage{opacity:clamp(0,calc((var(--enter,1) - .2)*1.8),1);translate:0 calc((1 - clamp(0,calc((var(--enter,1) - .2)*1.8),1))*40px)}.ml-formats__dock{opacity:clamp(0,calc((var(--enter,1) - .4)*2.2),1);translate:0 calc((1 - clamp(0,calc((var(--enter,1) - .4)*2.2),1))*32px)}.ml-formats .ml-heading{gap:10px}.ml-formats__glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--ml-formats-hue)16%,transparent),transparent);width:44vw;opacity:var(--enter,1);position:absolute;top:4%;bottom:18%}.ml-formats__glow--start{left:-22vw}.ml-formats__glow--end{right:-22vw}.ml-formats__stage{width:100%;min-height:0;max-width:var(--ml-container);flex:1 1 0;grid-template:".example""deck cards"minmax(0,1fr)/minmax(0,5fr) minmax(0,6fr);gap:8px clamp(24px,4vw,72px);margin-inline:auto;display:grid}.ml-formats__example{width:min(460px,100%);font:var(--ml-label)/1.4 var(--ml-font-mono);letter-spacing:var(--ml-label-tracking);text-transform:uppercase;color:var(--ml-dim);grid-area:example;justify-self:end;margin:0}.ml-formats__deck{grid-area:deck;position:relative;container:ml-formats-deck/size}.ml-formats__cards{grid-area:cards;position:relative;container:ml-formats-cards/size}.ml-formats__tile{box-sizing:border-box;width:min(320px,90cqw,100cqh - 60px);color:var(--ml-fg);background:var(--ml-surface);border:1px solid color-mix(in srgb,var(--hue)24%,var(--ml-line));box-shadow:0 30px 70px -40px color-mix(in srgb,var(--hue)55%,transparent);z-index:calc(10 - var(--i,0));transform-origin:50% 0;translate:-50% -50%;transform:translateY(calc(-8%*min(var(--up),2.6) + 70%*var(--down)))scale(calc(1 - .06*min(var(--up),2.6)));opacity:min(clamp(0,calc((2.6 - var(--up))/.6),1),clamp(0,calc(1 - var(--down)/.5),1));border-radius:24px;flex-direction:column;gap:14px;padding:18px 18px 16px;display:flex;position:absolute;top:54%;left:50%}.ml-formats__tile-label{font:300 clamp(14px,1.3vw,18px)/1.2 var(--ml-font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.ml-formats__chip{width:32px;height:32px;color:var(--hue);background:color-mix(in srgb,var(--hue)16%,transparent);border-radius:9px;flex:none;place-items:center;display:grid}.ml-formats__card{opacity:clamp(0,calc(1 - var(--ad)/.9),1);transform:translateX(calc(var(--d)*-64px));justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.ml-formats__frame{box-sizing:border-box;background:var(--ml-surface);border:1px solid color-mix(in srgb,var(--hue)30%,var(--ml-line));width:min(460px,100%);max-height:100%;box-shadow:0 32px 80px -48px color-mix(in srgb,var(--hue)70%,transparent);border-radius:16px;overflow:hidden}.ml-formats__frame[data-overflow]{-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),#0000);mask-image:linear-gradient(#000 calc(100% - 64px),#0000)}.ml-formats__frame--placeholder{aspect-ratio:5/4;color:var(--ml-fg);place-items:center;padding:12%;display:grid}.ml-formats__shell :is(.thread-feed-card,.forum-thread-card){margin:0}.ml-formats__shell .post-media img{object-fit:cover;width:100%;max-height:min(260px,34cqh)}.ml-formats__shell .article-preview-thumbnail{height:min(192px,30cqh)}.ml-formats__shell .short-video-post{max-width:clamp(150px,56.25cqh - 140.625px,400px)}.ml-formats__dock{--dock-w:296px;--dock-gap:16px;--dock-h:104px;height:var(--dock-h);margin-inline:calc(-1*var(--ml-gutter));flex:none;position:relative;overflow:hidden}.ml-formats__track{align-items:center;gap:var(--dock-gap);box-sizing:border-box;height:100%;padding-inline:calc(50% - var(--dock-w)/2);transform:translateX(calc(-1*var(--beat-p,0)*(var(--dock-w) + var(--dock-gap))));display:flex}.ml-formats__dock-item{flex:0 0 var(--dock-w);box-sizing:border-box;height:calc(var(--dock-h) - 12px);min-height:44px;font:inherit;text-align:left;border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-dim);cursor:pointer;transform:scale(calc(.94 + .06*var(--a)));transition:border-color var(--ml-dur-1)var(--ml-ease),color var(--ml-dur-1)var(--ml-ease),background-color var(--ml-dur-1)var(--ml-ease),box-shadow var(--ml-dur-1)var(--ml-ease);border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex}.ml-formats__dock-item:hover{color:var(--ml-fg)}.ml-formats__dock-item[aria-current]{color:var(--ml-fg);background:var(--ml-surface-2);border-color:color-mix(in srgb,var(--hue)55%,transparent);box-shadow:0 14px 40px -22px color-mix(in srgb,var(--hue)80%,transparent)}.ml-formats__dock-item:focus-visible{outline:2px solid var(--ml-fg);outline-offset:2px}.ml-formats__dock-mini{flex:none;width:64px;display:none}.ml-formats__dock-body{flex-direction:column;gap:6px;min-width:0;display:flex}.ml-formats__dock-title{font:400 14px/1.2 var(--ml-font-sans);white-space:nowrap;align-items:center;gap:8px;display:flex}.ml-formats__dock-title svg{color:var(--hue);flex:none}.ml-formats__dock-options{border-left:1px solid var(--ml-line);font:400 11px/1.35 var(--ml-font-sans);white-space:nowrap;flex-direction:column;gap:1px;padding-left:10px;display:flex}.ml-formats__thumb{pointer-events:none;opacity:var(--enter,1);align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:12px;translate:0 -50%}.ml-formats__thumb-label{writing-mode:vertical-rl;text-orientation:upright;font:var(--ml-label)/1 var(--ml-font-mono);letter-spacing:.12em;color:var(--ml-dim)}.ml-formats__thumb-track{background:var(--ml-line);border-radius:1px;width:2px;height:min(200px,30cqh);position:relative}.ml-formats__thumb-bar{width:6px;height:40px;left:50%;top:calc(var(--p,0)*(100% - 40px));background:var(--ml-formats-hue);box-shadow:0 0 16px color-mix(in srgb,var(--ml-formats-hue)70%,transparent);border-radius:3px;margin-left:-3px;position:absolute}.ml-mini{width:100%;height:auto;color:var(--ml-fg);display:block;overflow:visible}.ml-mini__frame{fill:var(--ml-surface-2);stroke:var(--ml-line);stroke-width:1px}.ml-mini__stack{fill:var(--ml-surface);stroke:var(--ml-line);stroke-width:1px}.ml-mini__plane{fill:color-mix(in srgb,currentColor 8%,var(--ml-surface))}.ml-mini__screen{fill:color-mix(in srgb,var(--hue)10%,var(--ml-surface-2));stroke:var(--ml-line);stroke-width:1px}.ml-mini__ink{fill:currentColor;opacity:.55}.ml-mini__soft{fill:currentColor;opacity:.2}.ml-mini__soft-line{fill:none;stroke:currentColor;stroke-opacity:.38;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.ml-mini__line{fill:none;stroke:var(--ml-line);stroke-width:1px}.ml-mini__grid{fill:none;stroke:color-mix(in srgb,var(--hue)24%,transparent);stroke-width:.75px}.ml-mini__hue{fill:var(--hue)}.ml-mini__hue-soft{fill:color-mix(in srgb,var(--hue)22%,transparent)}.ml-mini__hue-line{fill:none;stroke:var(--hue);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ml-mini__hue-line--thin{stroke-width:.9px;stroke-opacity:.7}.ml-mini__node{fill:var(--ml-surface-2);stroke:var(--hue);stroke-width:1.5px}.ml-mini__option{fill:none;stroke:var(--ml-line);stroke-width:1px}.ml-mini__box{fill:none;stroke:currentColor;stroke-opacity:.4;stroke-width:1px}.ml-mini__reveal{opacity:calc(.35 + .65*var(--a,1))}.ml-mini__draw{fill:none;stroke:var(--hue);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:calc(100*(1 - var(--a,1)))}.ml-mini__bar{fill:color-mix(in srgb,var(--hue)28%,transparent);transform-box:fill-box;transform-origin:0;transform:scaleX(calc(var(--share,0)*var(--a,1)))}.ml-mini__progress{fill:var(--hue);transform-box:fill-box;transform-origin:0;transform:scaleX(calc(.62*var(--a,1)))}.ml-mini__play{opacity:calc(1 - .7*var(--a,1))}.ml-mini__heart,.ml-mini__vote{fill:color-mix(in srgb,var(--hue)calc(var(--a,1)*100%),transparent);stroke:var(--hue);stroke-width:1.4px;stroke-linejoin:round}@container ml-formats (max-height:720px){.ml-formats .ml-heading__lede{display:none}.ml-formats__dock{--dock-w:208px;--dock-h:60px}.ml-formats__dock-item{padding:6px 14px}.ml-formats__dock-options{display:none}.ml-formats__tile{border-radius:20px;gap:10px;padding:14px 14px 12px}}@container ml-formats (max-width:767.98px) or (max-height:560px){.ml-formats__stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"example""cards"}.ml-formats__deck{display:none}.ml-formats__example{justify-self:center;width:min(440px,100%)}.ml-formats__card{justify-content:center}.ml-formats__frame{width:min(440px,100%)}.ml-formats__dock{--dock-w:min(300px,78cqw)}.ml-formats__dock-mini{display:block}}@container ml-formats ((max-width:767.98px) and (max-height:720px)) or (max-height:560px){.ml-formats__dock-mini{width:40px}}@container ml-formats (max-width:1023.98px){.ml-formats__thumb{display:none}}.ml-formats__runway:has(>[data-motion=reduced]){height:auto}.ml-formats__scene[data-motion=reduced]{height:auto;position:static;overflow:visible;container-type:inline-size}[data-motion=reduced] :is(.ml-formats__tile,.ml-formats__card,.ml-formats__dock-item){--a:1}[data-motion=reduced] :is(.ml-formats__heading,.ml-formats__stage){opacity:1;translate:none}[data-motion=reduced] :is(.ml-formats__dock,.ml-formats__thumb,.ml-formats__glow){display:none}[data-motion=reduced] .ml-formats__stage{grid-template-rows:none;grid-template-areas:none;grid-auto-rows:auto;row-gap:40px}[data-motion=reduced] :is(.ml-formats__deck,.ml-formats__cards){display:contents}[data-motion=reduced] .ml-formats__example{grid-area:1/1/auto/-1;justify-self:start}[data-motion=reduced] .ml-formats__tile{opacity:1;grid-column:1;grid-row:calc(var(--i,0) + 2);place-self:start center;width:min(320px,100%);position:relative;top:auto;left:auto;transform:none}[data-motion=reduced] .ml-formats__card{opacity:1;grid-column:2;grid-row:calc(var(--i,0) + 2);align-items:flex-start;position:relative;inset:auto;transform:none}[data-motion=reduced] .ml-formats__frame{max-height:none}[data-motion=reduced] .ml-formats__frame[data-overflow]{-webkit-mask-image:none;mask-image:none}@container ml-formats (max-width:767.98px){[data-motion=reduced] .ml-formats__stage{grid-template-columns:minmax(0,1fr);row-gap:16px}[data-motion=reduced] .ml-formats__tile{grid-column:1;grid-row:calc(var(--i,0)*2 + 2);margin-top:24px}[data-motion=reduced] .ml-formats__card{grid-column:1;grid-row:calc(var(--i,0)*2 + 3);justify-content:center}}