.ohmy-showcase{font-family:var(--ui-font-family);color:var(--foreground);background:var(--background);height:100dvh;overflow:hidden}.ohmy-showcase *,.ohmy-showcase :before,.ohmy-showcase :after{box-sizing:border-box}.showcase-split{--ui-pane-gap:1px;--ui-split-toggle-inset:12px}.showcase-split>[data-slot=sidebar]{background:var(--surface-secondary)}.showcase-sidebar{background:var(--surface-secondary);flex-direction:column;min-height:100%;padding:12px 18px 24px;display:flex}.showcase-brand-block{width:100%}.showcase-brand{letter-spacing:-1px;gap:12px;padding:0;font-size:24px;font-weight:650}.showcase-brand-name{font:inherit;color:inherit}.showcase-tagline{letter-spacing:1.5px;font-size:8px;font-weight:500}.showcase-mark{background:var(--accent);width:44px;height:44px;color:var(--accent-foreground);letter-spacing:-4px;border-radius:14px;place-items:center;padding-right:4px;font-family:Georgia,serif;font-size:27px;display:grid}.showcase-directory{gap:12px;margin-top:14px;display:grid}.showcase-directory [data-slot=title]{color:var(--muted)}.showcase-directory [data-ui=NavigationLink]{font-size:13px}.showcase-directory [aria-current=page]{background:var(--ui-selection);box-shadow:inset 3px 0 var(--accent)}.showcase-sidebar-footer{gap:12px;margin-top:auto;padding-top:28px;font-size:12px;display:grid}.showcase-main{min-width:0;min-height:100%}.showcase-topbar{z-index:4;min-block-size:calc(var(--ui-nav-target) + var(--ui-split-toggle-inset) * 2);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 28px;display:flex;position:sticky;top:0}.showcase-topbar [data-ui=Toggle]{font-size:12px}.showcase-split[data-enhanced][data-compact=false][data-collapsed=false] .showcase-brand{padding-inline-end:calc(var(--ui-nav-target) + var(--ui-space-2))}.showcase-split[data-enhanced][data-compact=false][data-collapsed=true] .showcase-topbar{padding-inline-start:calc(var(--ui-nav-target) + var(--ui-split-toggle-inset) * 2)}.showcase-body{max-width:1480px;margin-inline:auto;padding:40px clamp(18px,3vw,56px) 0}.showcase-component-title{margin-block:20px 32px}.showcase-component-title [data-slot=title]{font-size:clamp(25px,3.2vw,40px)}.showcase-component-title [data-slot=subtitle]{max-width:65ch;line-height:1.8}.showcase-hero{gap:24px;padding-block:24px 48px;display:grid}.showcase-hero [data-slot=title]{letter-spacing:-.055em;white-space:pre-line;font-family:Georgia,serif;font-size:clamp(42px,6vw,86px);font-weight:400;line-height:1.04}.showcase-hero [data-slot=subtitle]{max-width:42ch;color:var(--muted);margin-top:20px;font-size:16px;line-height:1.8}.showcase-start{background:var(--accent);width:fit-content;color:var(--accent-foreground);padding-inline:20px}.showcase-start:hover{background:var(--accent);opacity:.9}.showcase-category-card{scroll-margin-top:110px}.showcase-category-card [data-ui=NavigationLink]{justify-content:space-between;gap:12px;width:100%;font-size:13px;display:flex}.showcase-category-card [data-ui=NavigationLink]>[data-ui=Text]{font:inherit;color:inherit}.showcase-example-panels{align-items:start;gap:24px;min-width:0;display:grid}.showcase-preview-panel,.showcase-source-panel{min-width:0}.showcase-preview{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);background-image:radial-gradient(var(--border) .6px, transparent .6px);background-size:16px 16px;align-items:center;min-width:0;min-height:280px;margin-bottom:16px;padding:clamp(12px,2vw,28px);display:grid;overflow-x:auto}.showcase-preview>*{min-width:0;max-width:100%}.showcase-preview>astro-slot{display:contents}.showcase-source-panel>p{margin-block:12px}.showcase-source-panel [data-ui=CodeTextBlock]{max-height:38rem}.showcase-source-panel [data-ui=CodeText]{overflow-wrap:anywhere;tab-size:2;font-size:12px;line-height:1.85}.showcase-pagination{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding-block:32px;display:flex}.showcase-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-block:20px 28px;display:flex}.showcase-skip{z-index:100;border-radius:var(--radius);background:var(--foreground);color:var(--background);padding:16px;text-decoration:none;position:fixed;top:-100px;left:20px}.showcase-skip:focus{top:12px}@media (width>=1440px){.showcase-example-panels{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.showcase-preview{min-height:360px}}@media (width<=760px){.showcase-topbar{padding:12px 18px;position:static}.showcase-body{padding-top:28px}.showcase-hero{padding-top:8px}.showcase-preview,.showcase-source-panel [data-ui=CodeTextBlock]{padding:12px}}.showcase-navigation-status{bottom:20px;z-index:10;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--ui-shadow-md);margin:0;padding:10px 16px;font-size:13px;position:fixed;inset-inline-end:24px}.showcase-navigation-error{border:1px solid var(--danger);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;padding:16px}.showcase-examples-title{margin-bottom:32px}.showcase-examples-title [data-slot=title]{letter-spacing:-.04em;font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400}