.phone-showcase-module__4mMIgq__root{--ps-header:85px;--ps-w:clamp(240px, min(77vw, calc((100svh - var(--ps-header) - 92px) * .6014)), 320px);--ps-glow-a:40%;--ps-glow-b:22%}[data-mode=light] .phone-showcase-module__4mMIgq__root{--ps-glow-a:38%;--ps-glow-b:24%}.phone-showcase-module__4mMIgq__chip[data-tint=feed]{--tint:var(--teal,var(--accent))}.phone-showcase-module__4mMIgq__chip[data-tint=classroom]{--tint:var(--violet,var(--accent))}.phone-showcase-module__4mMIgq__chip[data-tint=calendar]{--tint:var(--amber,var(--accent))}.phone-showcase-module__4mMIgq__chip[data-tint=messages]{--tint:var(--coral,var(--accent))}.phone-showcase-module__4mMIgq__glow i[data-tint=feed]{--ps-glow:#4fd2e0}.phone-showcase-module__4mMIgq__glow i[data-tint=classroom]{--ps-glow:#8b6cff}.phone-showcase-module__4mMIgq__glow i[data-tint=calendar]{--ps-glow:#ffb35c}.phone-showcase-module__4mMIgq__glow i[data-tint=messages]{--ps-glow:#ff5c87}.phone-showcase-module__4mMIgq__chips{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:relative}.phone-showcase-module__4mMIgq__chip{border:1px solid var(--hairline-soft);background:color-mix(in srgb, var(--text-1) 2%, transparent);height:60px;color:var(--text-2);font:600 11.5px/1.2 var(--font);letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-content:start;justify-items:center;gap:4px;margin:0;padding:9px 2px 0;transition:color .3s,border-color .3s,background-color .3s;display:grid;position:relative}.phone-showcase-module__4mMIgq__chipIcon{color:var(--text-3);transition:color .3s;display:block}.phone-showcase-module__4mMIgq__chipIcon svg{width:18px;height:18px;display:block}.phone-showcase-module__4mMIgq__chip[aria-selected=true]{border-color:color-mix(in srgb, var(--tint) 40%, transparent);background:color-mix(in srgb, var(--tint) 11%, transparent);color:var(--text-1)}.phone-showcase-module__4mMIgq__chip[aria-selected=true] .phone-showcase-module__4mMIgq__chipIcon{color:var(--tint)}.phone-showcase-module__4mMIgq__chip:active{background:color-mix(in srgb, var(--tint) 16%, transparent)}.phone-showcase-module__4mMIgq__chipBar{background:color-mix(in srgb, var(--tint) 24%, transparent);opacity:0;border-radius:2px;height:2.5px;transition:opacity .3s;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.phone-showcase-module__4mMIgq__chip[aria-selected=true] .phone-showcase-module__4mMIgq__chipBar{opacity:1}.phone-showcase-module__4mMIgq__chipBar i{border-radius:inherit;background:var(--tint);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.phone-showcase-module__4mMIgq__root[data-auto=off] .phone-showcase-module__4mMIgq__chip[aria-selected=true] .phone-showcase-module__4mMIgq__chipBar i{transform:none}.phone-showcase-module__4mMIgq__stage{justify-items:center;margin:16px -24px 0;display:grid;position:relative}.phone-showcase-module__4mMIgq__glow{pointer-events:none;position:absolute;inset:-64px 0 -70px;overflow:hidden}.phone-showcase-module__4mMIgq__glow i{background:radial-gradient(78% 40% at 50% 40%, color-mix(in srgb, var(--ps-glow) var(--ps-glow-a), transparent), transparent 100%), radial-gradient(34% 9% at 50% 88%, color-mix(in srgb, var(--ps-glow) var(--ps-glow-b), transparent), transparent 100%);opacity:0;transition:opacity .7s;position:absolute;inset:0}.phone-showcase-module__4mMIgq__glow i[data-on]{opacity:1}.phone-showcase-module__4mMIgq__phone{width:var(--ps-w);aspect-ratio:356/592;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.phone-showcase-module__4mMIgq__phone[data-drag]{cursor:grabbing}.phone-showcase-module__4mMIgq__track{flex:1;min-height:0;position:relative}.phone-showcase-module__4mMIgq__page{visibility:hidden;will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0}.phone-showcase-module__4mMIgq__page[data-show]{visibility:visible}.phone-showcase-module__4mMIgq__page[data-leaving] [data-pk=touch],.phone-showcase-module__4mMIgq__page[data-leaving] [data-pk=ring]{display:none}@media (max-width:700px){.phone-showcase-module__4mMIgq__root{--ps-header:75px}.phone-showcase-module__4mMIgq__stage{margin-inline:-20px}}
.showcase-module__RbsJ9a__showcase{grid-template-columns:.78fr 1.22fr;align-items:start;gap:40px;display:grid}.showcase-module__RbsJ9a__item[data-tint=feed],.showcase-module__RbsJ9a__pane[data-tint=feed]{--tint:var(--teal,var(--accent))}.showcase-module__RbsJ9a__item[data-tint=classroom],.showcase-module__RbsJ9a__pane[data-tint=classroom]{--tint:var(--violet,var(--accent))}.showcase-module__RbsJ9a__item[data-tint=calendar],.showcase-module__RbsJ9a__pane[data-tint=calendar]{--tint:var(--amber,var(--accent))}.showcase-module__RbsJ9a__item[data-tint=messages],.showcase-module__RbsJ9a__pane[data-tint=messages]{--tint:var(--coral,var(--accent))}.showcase-module__RbsJ9a__list{padding-block:var(--sx-pad,0px);flex-direction:column;display:flex}.showcase-module__RbsJ9a__item{cursor:pointer;align-items:center;min-height:33.333vh;display:flex}.showcase-module__RbsJ9a__card{opacity:.38;border:1px solid #0000;border-radius:18px;width:100%;padding:22px 24px;transition:opacity .35s,border-color .35s,background-color .35s;position:relative}.showcase-module__RbsJ9a__card:before{content:"";background:linear-gradient(var(--amber,var(--accent)), var(--coral,var(--accent)), var(--violet,var(--accent)));opacity:0;border-radius:2px;width:2px;transition:opacity .35s;position:absolute;top:20px;bottom:20px;left:-1px}.showcase-module__RbsJ9a__item[data-on] .showcase-module__RbsJ9a__card{border-color:var(--hairline);background-color:color-mix(in srgb, var(--text-1) 2.5%, transparent);opacity:1}.showcase-module__RbsJ9a__item[data-on] .showcase-module__RbsJ9a__card:before,.showcase-module__RbsJ9a__item:focus-within .showcase-module__RbsJ9a__card{opacity:1}.showcase-module__RbsJ9a__head{align-items:flex-start;gap:14px;display:flex}.showcase-module__RbsJ9a__icon{border:1px solid color-mix(in srgb, var(--tint) 24%, transparent);background:color-mix(in srgb, var(--tint) 12%, transparent);width:28px;height:28px;color:var(--tint);border-radius:8px;flex:none;place-items:center;margin-top:1px;display:inline-grid}.showcase-module__RbsJ9a__title{color:var(--text-1);font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:21px;font-weight:800;line-height:1.25}.showcase-module__RbsJ9a__more{padding-left:42px}.showcase-module__RbsJ9a__body{color:var(--text-2);margin:10px 0 0;font-size:14px;line-height:1.65}.showcase-module__RbsJ9a__tags{flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}.showcase-module__RbsJ9a__tags li{border:1px solid var(--hairline);background:color-mix(in srgb, var(--text-1) 3.5%, transparent);color:var(--text-1);border-radius:999px;padding:5px 11px;font-size:12px;line-height:1.4}.showcase-module__RbsJ9a__more a{margin-top:16px}.showcase-module__RbsJ9a__stageColumn{top:max(96px, calc(50vh - var(--sx-stage-h,520px) / 2));position:sticky}.showcase-module__RbsJ9a__stage{border:1px solid var(--hairline);background:var(--mk-panel-gradient);aspect-ratio:880/680;border-radius:22px;width:100%;max-width:calc(129.412vh - 181.176px);margin-left:auto;position:relative;overflow:hidden}.showcase-module__RbsJ9a__pane{background:radial-gradient(90% 80% at 70% 10%, color-mix(in srgb, var(--tint) 20%, transparent), transparent 60%);opacity:0;transition:opacity .15s,transform .15s;position:absolute;inset:0;transform:translateY(10px)}.showcase-module__RbsJ9a__pane[data-on]{opacity:1;transition:opacity .36s 80ms,transform .36s 80ms;transform:none}@media (max-width:980px){.showcase-module__RbsJ9a__showcase{grid-template-columns:1fr;gap:0}.showcase-module__RbsJ9a__stageColumn{display:none}.showcase-module__RbsJ9a__list{gap:14px;padding-block:0}.showcase-module__RbsJ9a__item{cursor:auto;min-height:0}.showcase-module__RbsJ9a__card{border-color:var(--hairline);background:var(--mk-panel-gradient);opacity:1;padding:0;overflow:hidden}.showcase-module__RbsJ9a__card:before{display:none}.showcase-module__RbsJ9a__head{padding:20px 20px 0}.showcase-module__RbsJ9a__more{padding:0 20px 22px}.showcase-module__RbsJ9a__title{font-size:19px}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__list{z-index:1;gap:0;margin-top:26px;transition:height .45s cubic-bezier(.22,.8,.26,1);display:grid;position:relative}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__item{opacity:0;visibility:hidden;grid-area:1/1;align-self:start;min-width:0;transition:opacity .2s,transform .2s,visibility 0s .2s;transform:translateY(8px)}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__item[data-on]{opacity:1;visibility:visible;transition:opacity .4s .12s,transform .4s cubic-bezier(.22,.8,.26,1) .12s;transform:none}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__card{background:0 0;border:0;border-radius:0;overflow:visible}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__icon{display:none}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__head,.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__more{padding:0}.showcase-module__RbsJ9a__showcase[data-layout=one-phone] .showcase-module__RbsJ9a__title{font-size:21px}}@media (prefers-reduced-motion:reduce){.showcase-module__RbsJ9a__card,.showcase-module__RbsJ9a__card:before,.showcase-module__RbsJ9a__pane,.showcase-module__RbsJ9a__pane[data-on]{transition:none}}