.ws-ly-showcase{--ly-fg:var(--sys-text-strong);--ly-body:var(--sys-text-body);--ly-muted:var(--sys-text-muted);--ly-line:var(--sys-border-subtle);--ly-card:var(--sys-surface-subtle);--ly-accent:var(--sys-border-brand);--ly-dots:var(--sys-dots);--ly-ground:linear-gradient(155deg,var(--sys-surface-brand-subtle) 0%,color-mix(in srgb,var(--sys-text-brand-subtle-inverse) 38%,var(--sys-surface-brand-subtle)) 100%);container:ws-ly-showcase/inline-size}.ws-ly-showcase.lp-tone-neutral{--ly-card:var(--sys-surface-page)}.ws-ly-showcase:is(.lp-tone-dark,.ws-tone-midnight){--ly-fg:var(--sys-text-inverse);--ly-body:color-mix(in srgb,var(--sys-text-inverse) 74%,transparent);--ly-muted:color-mix(in srgb,var(--sys-text-inverse) 62%,transparent);--ly-line:var(--sys-border-inverse);--ly-card:color-mix(in srgb,var(--sys-surface-raised) 5%,transparent);--ly-accent:var(--sys-text-brand-inverse);--ly-dots:var(--sys-dots-dark);--ly-ground:radial-gradient(90% 80% at 85% 0%,color-mix(in srgb,var(--sys-text-brand-inverse) 22%,transparent),transparent 70%),color-mix(in srgb,var(--sys-surface-raised) 5%,transparent)}:where(.lp-sys-atelier.ws[data-ws-bands=light]) .ws-ly-showcase:is(.lp-tone-dark,.ws-tone-midnight){--ly-fg:var(--sys-text-strong);--ly-body:var(--sys-text-body);--ly-muted:var(--sys-text-muted);--ly-line:var(--sys-border-subtle);--ly-card:var(--sys-surface-page);--ly-accent:var(--sys-border-brand);--ly-dots:var(--sys-dots);--ly-ground:linear-gradient(155deg,var(--sys-surface-page) 0%,color-mix(in srgb,var(--sys-text-brand-subtle-inverse) 30%,var(--sys-surface-page)) 100%)}.ws-ly-showcase .ws-ly-showcase-top{margin-bottom:var(--sys-head-gap)}.ws-ly-showcase .ws-ly-showcase-top h2{color:var(--ly-fg);margin:0 0 16px}.ws-ly-showcase .ws-ly-showcase-top p{max-width:60ch;font-size:var(--t-lead);color:var(--ly-body);margin:0;line-height:1.5}.ws-ly-showcase .ws-ly-showcase-wrap{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(20px,2.4vw,32px);min-width:0;display:grid}.ws-ly-showcase .ws-ly-showcase-list{flex-flow:wrap;grid-row:1;gap:4px;min-width:0;display:flex}.ws-ly-showcase .ws-ly-showcase-panel{grid-row:3;min-width:0}.ws-ly-showcase .ws-ly-showcase-panel[hidden]{display:none}@container ws-ly-showcase (width>=760px){.ws-ly-showcase.is-side .ws-ly-showcase-wrap{grid-template-columns:minmax(0,3.3fr) minmax(0,8.7fr);column-gap:clamp(32px,5vw,72px)}.ws-ly-showcase.is-side .ws-ly-showcase-list{flex-flow:column;grid-area:1/1;gap:2px}.ws-ly-showcase.is-side .ws-ly-showcase-panel{grid-area:1/2/span 2}.ws-ly-showcase.is-side .ws-ly-showcase-ctrl{grid-column:1}.ws-ly-showcase.is-side .ws-ly-showcase-tab{width:100%}}@container ws-ly-showcase (width>=1080px){.ws-ly-showcase .ws-ly-showcase-frame{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}.ws-ly-showcase .ws-ly-showcase-tab{border-radius:var(--radius-12);min-height:44px;font:inherit;color:var(--ly-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;flex:auto;align-items:flex-start;gap:2px;margin:0;padding:8px 14px 10px;font-size:15px;line-height:1.3;transition:color .2s,background-color .2s,border-color .2s;display:flex;position:relative}.ws-ly-showcase .ws-ly-showcase-tab:hover{color:var(--ly-fg)}.ws-ly-showcase .ws-ly-showcase-tab[aria-selected=true]{color:var(--ly-fg);background:var(--ly-card);border-color:var(--ly-line);font-weight:600}.ws-ly-showcase .ws-ly-showcase-tab:focus-visible{outline:2px solid var(--ly-accent);outline-offset:3px}.ws-ly-showcase .ws-ly-showcase-tab>.ws-ic{width:18px;height:18px;color:var(--ly-accent)}.ws-ly-showcase.is-side .ws-ly-showcase-tab{flex-direction:row;align-items:center;gap:10px;padding:10px 14px 12px}.ws-ly-showcase .ws-ly-showcase-ctrl{border:1px solid var(--ly-line);border-radius:var(--radius-12);min-width:44px;min-height:44px;font:inherit;color:var(--ly-fg);cursor:pointer;background:0 0;grid-row:2;justify-self:start;align-items:center;gap:10px;margin:4px 0 0 14px;padding:0 16px 0 14px;font-size:15px;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.ws-ly-showcase .ws-ly-showcase-ctrl:hover{background:var(--ly-card)}.ws-ly-showcase .ws-ly-showcase-ctrl:focus-visible{outline:2px solid var(--ly-accent);outline-offset:3px}.ws-ly-showcase .ws-ly-showcase-ctrl i{width:12px;height:12px;color:var(--ly-accent);flex:none;display:block}.ws-ly-showcase .ws-ly-showcase-ctrl i.is-pause{background:linear-gradient(var(--ly-accent),var(--ly-accent)) 1px 0/3px 12px no-repeat,linear-gradient(var(--ly-accent),var(--ly-accent)) 8px 0/3px 12px no-repeat}.ws-ly-showcase .ws-ly-showcase-ctrl i.is-play{border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--ly-accent);width:0;height:0;margin-left:2px}.ws-ly-showcase:not([data-auto]) .ws-ly-showcase-ctrl{display:none}.ws-ly-showcase .ws-ly-showcase-bar{border-radius:var(--radius-2);background:var(--ly-accent);transform-origin:0;height:2px;display:none;position:absolute;bottom:4px;left:14px;right:14px}.ws-ly-showcase[data-auto] .ws-ly-showcase-tab[aria-selected=true] .ws-ly-showcase-bar{animation:6s linear both ws-ly-showcase-fill;display:block}.ws-ly-showcase[data-paused] .ws-ly-showcase-tab[aria-selected=true] .ws-ly-showcase-bar{animation-play-state:paused}@keyframes ws-ly-showcase-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ws-ly-showcase .ws-ly-showcase-frame{border:1px solid var(--ly-line);border-radius:var(--radius-22);background:var(--ly-card);gap:clamp(20px,3vw,32px);min-width:0;padding:clamp(20px,3vw,36px);display:grid}.ws-ly-showcase .ws-ly-showcase-copy{min-width:0}.ws-ly-showcase .ws-ly-showcase-title{font-size:calc(var(--t-h3) * 1.36);letter-spacing:-.02em;color:var(--ly-fg);margin:0;font-weight:600;line-height:1.18}.ws-ly-showcase .ws-ly-showcase-body{max-width:46ch;color:var(--ly-body);margin-top:12px;font-size:17px;line-height:1.6}.ws-ly-showcase .ws-ly-showcase-body p{margin:0}.ws-ly-showcase .ws-ly-showcase-body p+p{margin-top:10px}.ws-ly-showcase .ws-ly-showcase-link{align-items:center;min-height:44px;margin-top:12px;font-size:16px;display:inline-flex}.ws-ly-showcase .ws-ly-showcase-media{border-radius:var(--radius-16);isolation:isolate;background:var(--ly-dots) 0 0/16px 16px,var(--ly-ground);align-content:center;gap:12px;min-height:300px;padding:clamp(18px,3vw,32px);display:grid;position:relative;overflow:hidden}.ws-ly-showcase .ws-ly-showcase-media>*{z-index:1;min-width:0;max-width:100%;position:relative}@media (prefers-reduced-motion:reduce){.ws-ly-showcase .ws-ly-showcase-bar,.ws-ly-showcase .ws-ly-showcase-ctrl{display:none!important}}