/* generated from examples.css by npm run build - edit examples.css, not this file */
.ex-grid,.ex-modal{--card-bg:#ffffff;--card-line:#e4ebf2;--panel-bg:#fbfdfe;--ink-2:#0f1b33;--ico-bg:#e6f7f9;--ico-ink:#0e7490}:root:not([data-theme=light]) .ex-grid,:root:not([data-theme=light]) .ex-modal{--card-bg:#132849;--card-line:rgba(255, 255, 255, 0.1);--panel-bg:rgba(255, 255, 255, 0.03);--ink-2:#ffffff;--ico-bg:rgba(34, 211, 238, 0.12);--ico-ink:#22d3ee}#showcase.ex-grid{display:flex;flex-direction:column;justify-content:center;height:100vh;height:100svh;min-height:0;padding:calc(var(--header-h) + clamp(12px,2.4vh,28px)) 0 clamp(16px,3vh,36px);overflow:hidden}#showcase.ex-grid>.container{display:flex;flex-direction:column;align-items:center;min-height:0;margin-bottom:0}#showcase.ex-grid .section-title{font-size:clamp(1.8rem, min(3.4vw, 5.2vh), 3rem)}#showcase.ex-grid .lead{margin-top:clamp(6px,1.2vh,14px)}#showcase.ex-grid .exhibit__cta{margin-top:clamp(10px,2vh,22px)}#showcase.ex-grid .exhibit__stage{padding:clamp(14px,2.6vh,30px) 0 0;cursor:default;user-select:auto;touch-action:auto}#showcase.ex-grid .exhibit__edge,#showcase.ex-grid .exhibit__stage>.exhibit__nav{display:none}#showcase.ex-grid .exhibit__track{--gap:clamp(12px, 1.6vw, 24px);display:grid;grid-template-columns:repeat(var(--cols,3),max-content);justify-content:center;gap:var(--gap);transform:none;will-change:auto}#showcase.ex-grid .exhibit-card{--cw:1040px;position:relative;height:var(--ch,auto);margin:0 calc(var(--cw) * (var(--z,1) - 1)) calc(var(--ch,0px) * (var(--z,1) - 1)) 0;opacity:1;transform:scale(var(--z,1));transform-origin:0 0;box-shadow:0 30px 60px -36px rgba(15,23,42,.45);transition:box-shadow .25s ease,translate .25s ease}#showcase.ex-grid .exhibit-card:focus-within,#showcase.ex-grid .exhibit-card:hover{translate:0 -3px;box-shadow:0 0 0 calc(3px / var(--z,1)) var(--ico-ink),0 30px 60px -30px rgba(15,23,42,.55)}.ex-open{position:absolute;inset:0;z-index:2;display:block;width:100%;padding:0;border:0;border-radius:inherit;background:0 0;cursor:zoom-in}.ex-open:focus-visible{outline:0}.ex-open__badge{position:absolute;top:calc(10px / var(--z,1));right:calc(10px / var(--z,1));display:grid;place-items:center;width:calc(30px / var(--z,1));height:calc(30px / var(--z,1));border-radius:50%;background:var(--ico-ink);color:#fff;box-shadow:0 calc(4px / var(--z,1)) calc(12px / var(--z,1)) rgba(15,23,42,.3)}.ex-open__badge svg{width:55%;height:55%}#showcase.ex-grid .ex-row-nav{display:none}@media (max-width:759.98px){#showcase.ex-grid{height:auto;min-height:0;justify-content:flex-start}#showcase.ex-grid .exhibit__cta{align-self:center;gap:6px;min-height:0;padding:6px 14px;border-width:1.5px;border-radius:9px;font-size:.82rem}#showcase.ex-grid .exhibit__cta svg{width:14px;height:14px}#showcase.ex-grid>.container{align-items:stretch}#showcase.ex-grid .exhibit__track{display:flex;justify-content:flex-start;gap:14px;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}#showcase.ex-grid .exhibit__track::-webkit-scrollbar{display:none}#showcase.ex-grid .exhibit-card{flex:none;scroll-snap-align:start}#showcase.ex-grid .exhibit-card:hover{translate:none}#showcase.ex-grid .ex-row-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:4px}}.ex-modal{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:0 0;color:var(--ink-2);overflow:hidden}.ex-modal::backdrop{background:rgba(8,15,30,.72);backdrop-filter:blur(4px)}.ex-modal__in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:20px}.ex-modal__card{--cw:var(--mcw, 1040px);flex:none;height:var(--ch,auto);margin:0 calc(var(--cw) * (var(--mz,1) - 1)) calc(var(--ch,0px) * (var(--mz,1) - 1)) 0;transform:scale(var(--mz,1));transform-origin:0 0;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);align-self:center}.ex-modal__wrap{width:calc(var(--mcw,1040px) * var(--mz,1))}.ex-modal .exhibit__nav{margin:0;padding:0}.ex-modal .exhibit__count{color:#e2e8f0}.ex-modal .exhibit__count b{color:#fff}.ex-modal__close{position:fixed;top:16px;right:16px;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(15,31,61,.85);color:#fff;cursor:pointer}.ex-modal__close svg{width:20px;height:20px}.ex-modal__close:hover{border-color:#fff}.ex-modal .exhibit__btn:focus-visible,.ex-modal__close:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}@media (prefers-reduced-motion:reduce){#showcase.ex-grid .exhibit-card{transition:none}}