.header-lab.svelte-znrr2y{--resize-dur: .32s;--resize-ease: cubic-bezier(.22, 1, .36, 1);container-type:inline-size}.header-lab-patterns.svelte-znrr2y{display:grid;grid-auto-columns:minmax(12rem,1fr);grid-auto-flow:column;overflow-x:auto;border-bottom:1px solid rgb(28 25 23 / .12);scrollbar-width:thin}.header-lab-patterns.svelte-znrr2y button:where(.svelte-znrr2y){min-width:0;border-bottom:3px solid transparent;padding:1rem;text-align:left;color:#57534e}.header-lab-patterns.svelte-znrr2y button:where(.svelte-znrr2y)+button:where(.svelte-znrr2y){border-left:1px solid rgb(28 25 23 / .1)}.header-lab-patterns.svelte-znrr2y button.active:where(.svelte-znrr2y){border-bottom-color:rgb(var(--accent-600));background:rgb(var(--accent-50) / .65);color:#1c1917}.header-lab-patterns.svelte-znrr2y strong:where(.svelte-znrr2y),.header-lab-patterns.svelte-znrr2y span:where(.svelte-znrr2y){display:block}.header-lab-patterns.svelte-znrr2y strong:where(.svelte-znrr2y){font-size:1rem;font-weight:650}.header-lab-patterns.svelte-znrr2y span:where(.svelte-znrr2y){margin-top:.25rem;font-size:.875rem;line-height:1.45}.header-lab-toolbar.svelte-znrr2y{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1rem var(--lab-inset, 1rem)}.header-lab-toolbar-right.svelte-znrr2y{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem 1rem}.header-options-tray.svelte-znrr2y,.header-options-secondary.svelte-znrr2y{display:contents}.mobile-options-toggle.svelte-znrr2y,.short-control-label.svelte-znrr2y{display:none}.pill-switcher.svelte-znrr2y{position:relative;isolation:isolate;display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:#f5f5f4;box-shadow:inset 0 0 0 1px #e7e5e4;padding:.125rem}.pill-indicator.svelte-znrr2y{position:absolute;top:.125rem;bottom:.125rem;border-radius:999px;background:#fff;box-shadow:0 1px #1c19170a,0 7px 18px -14px #1c19178c,0 0 0 1px #1c19170f}.pill-animate.svelte-znrr2y{transition:left .2s ease-out,width .2s ease-out}.pill-switcher.svelte-znrr2y button:where(.svelte-znrr2y){position:relative;z-index:1;display:inline-flex;height:1.875rem;align-items:center;justify-content:center;gap:.375rem;border-radius:999px;padding:0 .95rem;font-size:.78rem;font-weight:500;line-height:1;color:#57534e;white-space:nowrap;transition:color .15s ease}.pill-switcher.svelte-znrr2y button:where(.svelte-znrr2y):hover{color:#1c1917}.pill-switcher.svelte-znrr2y button.active:where(.svelte-znrr2y){color:#1c1917}.theme-dots.svelte-znrr2y{display:inline-flex;align-items:center;gap:.25rem}.theme-dot.svelte-znrr2y{display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px}.theme-dot.svelte-znrr2y span:where(.svelte-znrr2y){width:1.05rem;height:1.05rem;border-radius:999px;background:var(--dot, rgb(168 162 158));box-shadow:inset 0 0 0 1px #1c19171f;transition:transform .15s ease}.theme-dot.svelte-znrr2y:hover span:where(.svelte-znrr2y){transform:scale(1.15)}.theme-dot.active.svelte-znrr2y span:where(.svelte-znrr2y){box-shadow:inset 0 0 0 1px #1c19171f,0 0 0 2px #fff,0 0 0 3.5px var(--dot, rgb(168 162 158))}.addon-chip.svelte-znrr2y{display:inline-flex;align-items:center;gap:.45rem;height:2.125rem;border-radius:999px;background:#f5f5f4;box-shadow:inset 0 0 0 1px #e7e5e4;padding:0 .85rem;font-size:.78rem;font-weight:500;color:#57534e;white-space:nowrap;transition:color .15s ease}.addon-chip.svelte-znrr2y:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:#d6d3d1;transition:background .15s ease}.addon-chip.svelte-znrr2y:hover{color:#1c1917}.addon-chip.active.svelte-znrr2y{background:#fff;box-shadow:0 1px #1c19170a,0 7px 18px -14px #1c19178c,0 0 0 1px #1c19170f;color:#1c1917}.addon-chip.active.svelte-znrr2y:before{background:rgb(var(--accent-500))}.shuffle-chip.svelte-znrr2y:before{content:none}.header-lab-patterns.svelte-znrr2y button:where(.svelte-znrr2y):focus-visible,.pill-switcher.svelte-znrr2y button:where(.svelte-znrr2y):focus-visible,.theme-dot.svelte-znrr2y:focus-visible,.addon-chip.svelte-znrr2y:focus-visible,.header-lab-stage.svelte-znrr2y:focus-visible,.demo-header.svelte-znrr2y a:where(.svelte-znrr2y):focus-visible,.demo-header.svelte-znrr2y button:where(.svelte-znrr2y):focus-visible,.demo-menu-panel.svelte-znrr2y a:where(.svelte-znrr2y):focus-visible{outline:2px solid rgb(var(--accent-500));outline-offset:2px}.header-lab-stage.svelte-znrr2y{display:grid;place-items:center;overflow:hidden;border:1px solid rgb(28 25 23 / .12);border-radius:max(.5rem,calc(var(--lab-radius, 1.25rem) - var(--lab-inset, 1rem)));background:#eeedea;margin:0 var(--lab-inset, 1rem) var(--lab-inset, 1rem);padding:clamp(.75rem,4vw,2.5rem)}.header-lab-preview-space.svelte-znrr2y{position:relative;width:100%;height:var(--preview-scaled-height)}.header-lab-browser.svelte-znrr2y{--site-bg: #f8f3e9;--header-bg: #fffdf8;--ink: #2f2a24;--muted: #756d63;--line: rgb(47 42 36 / .14);--action: #a74428;--action-ink: white;--soft: #eee3d1;--brand-font: "Lora", Georgia, serif;--heading-font: "Lora", Georgia, serif;--body-font: "Open Runde", system-ui, sans-serif;--nav-font: "Open Runde", system-ui, sans-serif;--heading-weight: 500;--nav-weight: 600;--button-radius: 999px;--logo-bg: var(--action);--logo-ink: var(--action-ink);--logo-border: 0 solid transparent;--header-min-height: 104px;--header-padding-x: 54px;--header-gap: 52px;--header-rule-width: 1px;--logo-size: 48px;--logo-radius: 999px;--action-padding-x: 28px;--page-padding-y: 82px;--page-padding-x: 104px;--hero-size: 54px;--hero-width: 680px;--hero-line-width: 590px;--card-radius: 22px;--card-gap: 26px;--card-image-height: 184px;position:absolute;top:0;left:50%;width:var(--preview-width);height:var(--preview-height);overflow:hidden;border-radius:1.25rem;background:var(--site-bg);box-shadow:0 30px 70px -38px #1c191773,0 0 0 1px #1c19171f;color:var(--ink);font-family:var(--body-font);transform:translate(-50%) scale(var(--preview-scale));transform-origin:top center}.header-lab.ready.svelte-znrr2y .header-lab-preview-space:where(.svelte-znrr2y){transition:height var(--resize-dur) var(--resize-ease)}.header-lab.ready.svelte-znrr2y .header-lab-browser:where(.svelte-znrr2y){transition:width var(--resize-dur) var(--resize-ease),height var(--resize-dur) var(--resize-ease),transform var(--resize-dur) var(--resize-ease),background-color .2s ease}.header-lab-browser-bar.svelte-znrr2y{display:flex;height:44px;align-items:center;gap:16px;border-bottom:1px solid rgb(28 25 23 / .12);padding:0 20px;background:#fafafa;color:#78716c}.header-lab-browser-bar.svelte-znrr2y>div:where(.svelte-znrr2y){display:flex;gap:7px}.header-lab-browser-bar.svelte-znrr2y span:where(.svelte-znrr2y){width:10px;height:10px;border-radius:50%;background:#d6d3d1}.header-lab-browser-bar.svelte-znrr2y p:where(.svelte-znrr2y){min-width:0;flex:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.demo-site.svelte-znrr2y{position:relative;height:calc(100% - 44px);background:var(--site-bg)}.demo-top.svelte-znrr2y{position:relative;z-index:3}.demo-announcement.svelte-znrr2y{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--action);padding:6px 24px;color:var(--action-ink);font-size:14px;font-weight:650;text-align:center}.demo-header.svelte-znrr2y{position:relative;display:grid;grid-template-columns:minmax(300px,auto) minmax(0,1fr) auto;align-items:center;gap:var(--header-gap);min-height:var(--header-min-height);border-bottom:var(--header-rule-width) solid var(--line);background:var(--header-bg);padding:16px var(--header-padding-x)}.demo-header.align-menu-center.svelte-znrr2y,.demo-header.align-logo-center.svelte-znrr2y{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.demo-header.align-menu-center.svelte-znrr2y .demo-logo:where(.svelte-znrr2y){grid-column:1;justify-self:start}.demo-header.align-menu-center.svelte-znrr2y .demo-links:where(.svelte-znrr2y),.demo-header.align-menu-center.svelte-znrr2y .demo-search:where(.svelte-znrr2y){grid-column:2;justify-self:center}.demo-header.align-menu-center.svelte-znrr2y .demo-search:where(.svelte-znrr2y){width:34rem}.demo-header.align-menu-center.svelte-znrr2y .demo-actions:where(.svelte-znrr2y),.demo-header.align-logo-center.svelte-znrr2y .demo-actions:where(.svelte-znrr2y){grid-column:3;justify-self:end}.demo-header.align-menu-right.svelte-znrr2y{grid-template-columns:auto minmax(0,1fr) auto}.demo-header.align-menu-right.svelte-znrr2y .demo-links:where(.svelte-znrr2y){justify-content:flex-end}.demo-header.align-menu-right.svelte-znrr2y .demo-search:where(.svelte-znrr2y){width:min(38rem,100%);margin-left:auto}.demo-header.align-logo-center.svelte-znrr2y .demo-logo:where(.svelte-znrr2y){grid-column:2;grid-row:1;justify-self:center}.demo-header.align-logo-center.svelte-znrr2y .demo-links:where(.svelte-znrr2y),.demo-header.align-logo-center.svelte-znrr2y .demo-search:where(.svelte-znrr2y){grid-column:1;grid-row:1;justify-self:start}.demo-header.align-logo-center.svelte-znrr2y .demo-links:where(.svelte-znrr2y){justify-content:flex-start}.demo-header.align-logo-center.svelte-znrr2y .demo-search:where(.svelte-znrr2y){width:min(32rem,100%)}.demo-logo.svelte-znrr2y{display:inline-flex;min-width:0;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.demo-logo.svelte-znrr2y>span:where(.svelte-znrr2y){display:grid;width:var(--logo-size);height:var(--logo-size);flex:none;place-items:center;border:var(--logo-border);border-radius:var(--logo-radius);background:var(--logo-bg);color:var(--logo-ink);font-family:var(--brand-font);font-size:20px;font-weight:700}.demo-logo.svelte-znrr2y strong:where(.svelte-znrr2y){overflow:hidden;font-family:var(--brand-font);font-size:21px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.demo-links.svelte-znrr2y{display:flex;min-width:0;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,38px)}.demo-links.svelte-znrr2y,.demo-actions.svelte-znrr2y,.demo-category-links.svelte-znrr2y,.demo-utility.svelte-znrr2y,.demo-menu-panel.svelte-znrr2y{font-family:var(--nav-font)}.demo-links.svelte-znrr2y a:where(.svelte-znrr2y),.demo-mega-trigger.svelte-znrr2y{display:inline-flex;align-items:center;gap:6px;border-bottom:2.5px solid transparent;padding:8px 0;color:var(--muted);font-size:15.5px;font-weight:var(--nav-weight);text-decoration:none;white-space:nowrap}.demo-links.svelte-znrr2y a:where(.svelte-znrr2y):hover,.demo-mega-trigger.svelte-znrr2y:hover{color:var(--ink)}.demo-links.svelte-znrr2y a.current:where(.svelte-znrr2y){border-bottom-color:var(--action);color:var(--ink)}.demo-actions.svelte-znrr2y{display:flex;align-items:center;gap:20px;color:var(--ink)}.demo-action.svelte-znrr2y{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:var(--button-radius);background:var(--action);padding:12px var(--action-padding-x);color:var(--action-ink);font-size:14.5px;font-weight:var(--nav-weight);text-decoration:none;white-space:nowrap}.demo-menu-button.svelte-znrr2y,.demo-icon-button.svelte-znrr2y{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--button-radius);color:var(--ink)}.demo-search.svelte-znrr2y{display:flex;min-width:0;max-width:620px;height:50px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--site-bg);padding:0 20px;color:var(--muted);font-size:15px}.demo-category-links.svelte-znrr2y{display:flex;align-items:center;justify-content:center;gap:44px;min-height:48px;border-bottom:1px solid var(--line);background:var(--header-bg)}.demo-category-links.svelte-znrr2y a:where(.svelte-znrr2y){color:var(--muted);font-size:13.5px;font-weight:var(--nav-weight);text-decoration:none}.demo-category-links.svelte-znrr2y a:where(.svelte-znrr2y):hover{color:var(--ink)}.demo-utility.svelte-znrr2y{display:flex;align-items:center;justify-content:space-between;min-height:40px;border-bottom:1px solid var(--line);background:var(--soft);padding:6px 48px;color:var(--muted);font-size:13px}.demo-utility.svelte-znrr2y>span:where(.svelte-znrr2y){font-weight:var(--nav-weight);color:var(--ink)}.demo-utility.svelte-znrr2y nav:where(.svelte-znrr2y){display:flex;gap:24px}.demo-utility.svelte-znrr2y a:where(.svelte-znrr2y){color:inherit;text-decoration:none}.demo-utility.svelte-znrr2y a:where(.svelte-znrr2y):hover{color:var(--ink)}.demo-menu-panel.svelte-znrr2y{position:absolute;z-index:2;top:100%;right:0;left:0;border-bottom:1px solid var(--line);background:var(--header-bg);padding:24px;box-shadow:0 20px 40px -30px #00000080;animation:svelte-znrr2y-menu-in .18s ease both}.demo-menu-panel.svelte-znrr2y nav:where(.svelte-znrr2y){display:grid;gap:4px}.demo-menu-panel.svelte-znrr2y nav:where(.svelte-znrr2y) a:where(.svelte-znrr2y){border-bottom:1px solid var(--line);padding:13px 4px;color:var(--ink);font-size:15px;font-weight:var(--nav-weight);text-decoration:none}.demo-menu-panel.svelte-znrr2y nav:where(.svelte-znrr2y) strong:where(.svelte-znrr2y){margin-top:14px;color:var(--muted);font-size:12px;font-weight:var(--nav-weight);text-transform:uppercase}.mega-panel.svelte-znrr2y{padding:44px 48px}.demo-mega-grid.svelte-znrr2y{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;max-width:880px;margin-inline:auto}.demo-mega-grid.svelte-znrr2y strong:where(.svelte-znrr2y){display:block;margin-bottom:12px;font-family:var(--heading-font);font-size:17px;font-weight:var(--heading-weight)}.demo-mega-grid.svelte-znrr2y a:where(.svelte-znrr2y){display:block;padding:6px 0;color:var(--muted);font-size:14.5px;text-decoration:none}.demo-mega-grid.svelte-znrr2y a:where(.svelte-znrr2y):hover{color:var(--ink)}.demo-page.svelte-znrr2y{padding:var(--page-padding-y) var(--page-padding-x) 0;color:var(--page-ink, var(--ink))}.demo-hero-title.svelte-znrr2y{max-width:var(--hero-width);font-family:var(--heading-font);font-size:var(--hero-size);font-weight:var(--heading-weight);line-height:1.12;text-wrap:balance}.demo-hero-line.svelte-znrr2y{max-width:var(--hero-line-width);margin-top:18px;color:var(--muted);font-size:19px;line-height:1.55}.demo-hero-chips.svelte-znrr2y{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.demo-hero-chips.svelte-znrr2y span:where(.svelte-znrr2y){display:inline-flex;align-items:center;border-radius:999px;background:var(--soft);padding:8px 18px;color:var(--ink);font-size:13px;font-weight:650}.demo-cards.svelte-znrr2y{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);margin-top:56px}.demo-cards.svelte-znrr2y>div:where(.svelte-znrr2y){overflow:hidden;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--header-bg)}.demo-cards.svelte-znrr2y i:where(.svelte-znrr2y){display:block;height:var(--card-image-height);background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--soft) 72%,var(--muted)))}.demo-cards.svelte-znrr2y b:where(.svelte-znrr2y),.demo-cards.svelte-znrr2y em:where(.svelte-znrr2y){display:block;height:12px;margin:18px 18px 0;border-radius:999px;background:var(--soft)}.demo-cards.svelte-znrr2y b:where(.svelte-znrr2y){width:62%}.demo-cards.svelte-znrr2y em:where(.svelte-znrr2y){width:40%;margin-bottom:20px}.phone-frame.svelte-znrr2y .header-lab-browser-bar:where(.svelte-znrr2y){height:36px;padding:0 12px}.phone-frame.svelte-znrr2y .header-lab-browser-bar:where(.svelte-znrr2y) span:where(.svelte-znrr2y){width:7px;height:7px}.phone-frame.svelte-znrr2y .header-lab-browser-bar:where(.svelte-znrr2y) p:where(.svelte-znrr2y){font-size:11px}.phone-frame.svelte-znrr2y .demo-site:where(.svelte-znrr2y){height:calc(100% - 36px)}.phone-frame.svelte-znrr2y .demo-announcement:where(.svelte-znrr2y){min-height:36px;font-size:12px}.phone-frame.svelte-znrr2y .demo-header:where(.svelte-znrr2y){grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 14px}.phone-frame.svelte-znrr2y .demo-logo:where(.svelte-znrr2y){gap:9px}.phone-frame.svelte-znrr2y .demo-logo:where(.svelte-znrr2y)>span:where(.svelte-znrr2y){width:34px;height:34px;font-size:15px}.phone-frame.svelte-znrr2y .demo-logo:where(.svelte-znrr2y) strong:where(.svelte-znrr2y){font-size:16px}.phone-frame.svelte-znrr2y .demo-actions:where(.svelte-znrr2y){gap:8px}.phone-frame.svelte-znrr2y .demo-action:where(.svelte-znrr2y){min-height:40px;padding:8px 14px;font-size:12px}.phone-frame.svelte-znrr2y .demo-menu-button:where(.svelte-znrr2y),.phone-frame.svelte-znrr2y .demo-icon-button:where(.svelte-znrr2y){min-width:40px;min-height:40px}.phone-frame.svelte-znrr2y .demo-page:where(.svelte-znrr2y){padding:40px 20px 0}.phone-frame.svelte-znrr2y .demo-hero-title:where(.svelte-znrr2y){font-size:30px}.phone-frame.svelte-znrr2y .demo-hero-line:where(.svelte-znrr2y){font-size:14.5px;margin-top:12px}.phone-frame.svelte-znrr2y .demo-hero-chips:where(.svelte-znrr2y){gap:8px;margin-top:18px}.phone-frame.svelte-znrr2y .demo-hero-chips:where(.svelte-znrr2y) span:where(.svelte-znrr2y){padding:6px 13px;font-size:11.5px}.phone-frame.svelte-znrr2y .demo-cards:where(.svelte-znrr2y){grid-template-columns:1fr;gap:16px;margin-top:32px}.phone-frame.svelte-znrr2y .demo-cards:where(.svelte-znrr2y) i:where(.svelte-znrr2y){height:150px}.phone-frame.svelte-znrr2y .demo-cards:where(.svelte-znrr2y) b:where(.svelte-znrr2y),.phone-frame.svelte-znrr2y .demo-cards:where(.svelte-znrr2y) em:where(.svelte-znrr2y){height:10px;margin:14px 14px 0}.phone-frame.svelte-znrr2y .demo-cards:where(.svelte-znrr2y) em:where(.svelte-znrr2y){margin-bottom:16px}.phone-frame.svelte-znrr2y .demo-menu-panel:where(.svelte-znrr2y){padding:20px}.phone-frame.svelte-znrr2y .demo-menu-panel:where(.svelte-znrr2y) nav:where(.svelte-znrr2y) a:where(.svelte-znrr2y){display:flex;min-height:48px;align-items:center}.theme-caps.svelte-znrr2y .demo-logo:where(.svelte-znrr2y) strong:where(.svelte-znrr2y),.theme-caps.svelte-znrr2y .demo-links:where(.svelte-znrr2y) a:where(.svelte-znrr2y),.theme-caps.svelte-znrr2y .demo-mega-trigger:where(.svelte-znrr2y),.theme-caps.svelte-znrr2y .demo-action:where(.svelte-znrr2y){letter-spacing:.035em;text-transform:uppercase}@keyframes svelte-znrr2y-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark .header-lab-patterns.svelte-znrr2y,.dark .header-lab-patterns.svelte-znrr2y button:where(.svelte-znrr2y)+button:where(.svelte-znrr2y),.dark .header-lab-stage.svelte-znrr2y{border-color:#ffffff1f}.dark .header-lab-patterns.svelte-znrr2y button:where(.svelte-znrr2y){color:#a8a29e}.dark .header-lab-patterns.svelte-znrr2y button.active:where(.svelte-znrr2y){background:#292524;color:#fff}.dark .header-lab-stage.svelte-znrr2y{background:#1c1917}.dark .pill-switcher.svelte-znrr2y,.dark .addon-chip.svelte-znrr2y{background:#292524;box-shadow:inset 0 0 0 1px #57534e}.dark .pill-indicator.svelte-znrr2y{background:#44403c;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff14}.dark .pill-switcher.svelte-znrr2y button:where(.svelte-znrr2y),.dark .addon-chip.svelte-znrr2y{color:#a8a29e}.dark .pill-switcher.svelte-znrr2y button:where(.svelte-znrr2y):hover,.dark .pill-switcher.svelte-znrr2y button.active:where(.svelte-znrr2y),.dark .addon-chip.svelte-znrr2y:hover{color:#fff}.dark .addon-chip.active.svelte-znrr2y{background:#44403c;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff14;color:#fff}.dark .theme-dot.svelte-znrr2y span:where(.svelte-znrr2y){box-shadow:inset 0 0 0 1px #ffffff26}.dark .theme-dot.active.svelte-znrr2y span:where(.svelte-znrr2y){box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 2px #1c1917,0 0 0 3.5px var(--dot, rgb(168 162 158))}@container (max-width: 40rem){.header-lab-toolbar.svelte-znrr2y{padding-block:.75rem;align-items:stretch;flex-direction:column}.header-lab-toolbar.svelte-znrr2y>:where(.svelte-znrr2y),.mobile-options-toggle.svelte-znrr2y,.header-options-tray.svelte-znrr2y,.header-lab-toolbar-right.svelte-znrr2y{min-width:0;width:100%}.mobile-options-toggle.svelte-znrr2y{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;gap:1rem;border-radius:.875rem;background:#fafaf9;box-shadow:inset 0 0 0 1px #1c19171a;padding:.625rem .75rem .625rem .875rem;text-align:left;color:#1c1917}.mobile-options-toggle.svelte-znrr2y>span:where(.svelte-znrr2y){min-width:0}.mobile-options-toggle.svelte-znrr2y strong:where(.svelte-znrr2y),.mobile-options-toggle.svelte-znrr2y small:where(.svelte-znrr2y){display:block}.mobile-options-toggle.svelte-znrr2y strong:where(.svelte-znrr2y){font-size:.9375rem;font-weight:600}.mobile-options-toggle.svelte-znrr2y small:where(.svelte-znrr2y){overflow:hidden;margin-top:.125rem;color:#57534e;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.header-options-tray.svelte-znrr2y{display:grid;width:100%;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .22s var(--resize-ease)}.header-options-tray.open.svelte-znrr2y{grid-template-rows:1fr}.header-lab-toolbar-right.svelte-znrr2y{min-height:0;align-items:stretch;flex-direction:column;overflow:hidden;border-radius:.875rem;background:#fafaf9;box-shadow:inset 0 0 0 1px #1c191714;padding:.75rem}.header-options-secondary.svelte-znrr2y{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;width:100%}.pill-switcher.svelte-znrr2y{width:100%;max-width:100%;overflow:hidden}.pill-switcher.svelte-znrr2y button:where(.svelte-znrr2y){flex:1;min-width:0;min-height:2.5rem;padding-inline:.5rem}.full-control-label.svelte-znrr2y{display:none}.short-control-label.svelte-znrr2y{display:inline}.header-lab-stage.svelte-znrr2y{padding:.375rem}.dark .mobile-options-toggle.svelte-znrr2y,.dark .header-lab-toolbar-right.svelte-znrr2y{background:#292524;box-shadow:inset 0 0 0 1px #ffffff1a}.dark .mobile-options-toggle.svelte-znrr2y{color:#fff}.dark .mobile-options-toggle.svelte-znrr2y small:where(.svelte-znrr2y){color:#a8a29e}}@container (max-width: 26rem){.header-options-secondary.svelte-znrr2y{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.theme-dots.svelte-znrr2y{justify-self:start;gap:0}.theme-dot.svelte-znrr2y{width:1.75rem}.header-options-secondary.svelte-znrr2y .addon-chip:where(.svelte-znrr2y):not(.shuffle-chip){width:100%;grid-column:1 / -1;justify-content:center}}@media(prefers-reduced-motion:reduce){.header-lab-preview-space.svelte-znrr2y,.header-lab-browser.svelte-znrr2y{transition:none!important}.pill-animate.svelte-znrr2y{transition:none}.theme-dot.svelte-znrr2y span:where(.svelte-znrr2y),.theme-dot.svelte-znrr2y:hover span:where(.svelte-znrr2y){transition:none;transform:none}.demo-menu-panel.svelte-znrr2y{animation:none}}.header-resource.svelte-qhtxnn{position:relative;isolation:isolate}.header-resource-shell.svelte-qhtxnn{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}.header-resource-hero.svelte-qhtxnn{padding-block:clamp(4.5rem,10vw,8rem) clamp(4rem,9vw,7rem)}.header-resource-intro.svelte-qhtxnn{text-align:center}.header-resource-intro.svelte-qhtxnn h1:where(.svelte-qhtxnn),.header-resource-intro.svelte-qhtxnn p:where(.svelte-qhtxnn){margin-inline:auto}.header-faq-list.svelte-qhtxnn summary:where(.svelte-qhtxnn):focus-visible{outline:2px solid rgb(var(--accent-500));outline-offset:3px}.page-rule.svelte-qhtxnn{--rule-node-y-offset: calc((0px - var(--rail-node-size) - var(--rail-line-width)) / 2);position:relative;margin:0;width:100%;border:0;border-top:1px solid rgb(231 229 228);overflow:visible}.page-rule-dashed.svelte-qhtxnn{border-top-style:dashed}.page-rule.svelte-qhtxnn:before,.page-rule.svelte-qhtxnn:after{content:"";position:absolute;top:var(--rule-node-y-offset);z-index:3;display:none;width:var(--rail-node-size);height:var(--rail-node-size);box-sizing:border-box;border:1px solid var(--rail-node-border);border-radius:var(--rail-node-radius);background:var(--rail-node-bg);box-shadow:var(--rail-node-shadow)}.page-rule.svelte-qhtxnn:before{left:calc(max(2rem,calc(50% - 38rem)) + var(--rail-node-offset))}.page-rule.svelte-qhtxnn:after{right:calc(max(2rem,calc(50% - 38rem)) + var(--rail-node-offset))}.dark .page-rule.svelte-qhtxnn{border-top-color:#ffffff1a}.header-resource-section.svelte-qhtxnn{position:relative;padding-block:clamp(4rem,8vw,6rem)}.resource-band-content.svelte-qhtxnn{position:relative;z-index:1}.header-resource-heading.svelte-qhtxnn>p:where(.svelte-qhtxnn){max-width:62ch;margin-top:1rem;font-size:1.125rem;line-height:1.65;color:#57534e}.header-resource-demo-band.svelte-qhtxnn{position:relative;padding-block:clamp(1.5rem,4vw,3rem)}.resource-pattern-band.svelte-qhtxnn:before,.resource-pattern-band.svelte-qhtxnn:after{content:"";position:absolute;left:50%;width:min(calc(100% - 4rem),76rem);height:50%;transform:translate(-50%);background-repeat:repeat;pointer-events:none}.resource-pattern-band.svelte-qhtxnn:before{top:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 12px,rgb(231 229 228 / .52) 12px,rgb(231 229 228 / .52) 13px);background-position:center bottom}.resource-pattern-band.svelte-qhtxnn:after{bottom:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 12px,rgb(231 229 228 / .52) 12px,rgb(231 229 228 / .52) 13px);background-position:center top}.lab-card.svelte-qhtxnn{--lab-inset: clamp(.75rem, 2.5vw, 1.5rem);--lab-radius: 1.25rem;position:relative;overflow:hidden;border:1px solid rgb(231 229 228);border-radius:var(--lab-radius);background:#fff;box-shadow:0 18px 50px -44px #1c191747}.dark .resource-pattern-band.svelte-qhtxnn:before,.dark .resource-pattern-band.svelte-qhtxnn:after{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 12px,rgb(255 255 255 / .07) 12px,rgb(255 255 255 / .07) 13px)}.dark .resource-pattern-band.svelte-qhtxnn:before{background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 12px,rgb(255 255 255 / .07) 12px,rgb(255 255 255 / .07) 13px)}.dark .lab-card.svelte-qhtxnn{border-color:#ffffff1a;background:#141110;box-shadow:none}.choice-grid.svelte-qhtxnn{display:grid;overflow:hidden;margin:2.5rem 0 0;padding:0;border:1px solid rgb(231 229 228);border-radius:1rem;background:#fff;box-shadow:0 18px 50px -46px #1c191752;list-style:none}.choice-panel.svelte-qhtxnn{padding:1.5rem}.choice-panel.svelte-qhtxnn+.choice-panel:where(.svelte-qhtxnn){border-top:1px solid rgb(231 229 228)}.choice-panel.svelte-qhtxnn h3:where(.svelte-qhtxnn){font-family:var(--font-serif);font-size:1.35rem;font-weight:500;line-height:1.3;color:#1c1917}.choice-panel.svelte-qhtxnn>p:where(.svelte-qhtxnn){margin-top:1rem;max-width:42ch;font-size:.98rem;line-height:1.65;color:#57534e}.header-addon-note.svelte-qhtxnn{display:flex;align-items:flex-start;gap:.75rem;max-width:66ch;margin-top:1.5rem;font-size:1rem;line-height:1.65;color:#57534e}.header-addon-note.svelte-qhtxnn strong:where(.svelte-qhtxnn){font-weight:650;color:#1c1917}.dark .choice-grid.svelte-qhtxnn{border-color:#ffffff1a;background:#1c1917}.dark .choice-panel.svelte-qhtxnn+.choice-panel:where(.svelte-qhtxnn){border-color:#ffffff1a}.dark .choice-panel.svelte-qhtxnn h3:where(.svelte-qhtxnn),.dark .header-addon-note.svelte-qhtxnn strong:where(.svelte-qhtxnn){color:#fafaf9}.dark .choice-panel.svelte-qhtxnn>p:where(.svelte-qhtxnn),.dark .header-addon-note.svelte-qhtxnn{color:#d6d3d1}.header-pattern-grid.svelte-qhtxnn{display:grid;overflow:hidden;gap:0;margin-top:2.75rem;border:1px solid rgb(28 25 23 / .11);border-radius:1rem;background:#fff;box-shadow:0 18px 50px -46px #1c191752}.header-pattern-card.svelte-qhtxnn{min-width:0;background:#fff;padding:clamp(1.25rem,3vw,2rem)}.header-pattern-card.svelte-qhtxnn+.header-pattern-card:where(.svelte-qhtxnn){border-top:1px solid rgb(28 25 23 / .1)}.header-pattern-card.svelte-qhtxnn h3:where(.svelte-qhtxnn){margin-top:1.35rem;font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;color:#1c1917}.header-pattern-card.svelte-qhtxnn>p:where(.svelte-qhtxnn){margin-top:1rem;font-size:1rem;line-height:1.7;color:#57534e}.header-pattern-card.svelte-qhtxnn .header-pattern-verdict:where(.svelte-qhtxnn){font-size:1.0625rem;font-weight:650;color:#292524}.header-use-skip.svelte-qhtxnn{display:grid;gap:.75rem;margin-top:1.25rem;border-block:1px solid rgb(28 25 23 / .1);padding-block:1rem}.header-use-skip.svelte-qhtxnn p:where(.svelte-qhtxnn){font-size:.9375rem;line-height:1.55;color:#57534e}.header-use-skip.svelte-qhtxnn strong:where(.svelte-qhtxnn),.header-phone-note.svelte-qhtxnn strong:where(.svelte-qhtxnn){color:rgb(var(--accent-700))}.header-pattern-card.svelte-qhtxnn .header-phone-note:where(.svelte-qhtxnn){border-left:3px solid rgb(var(--accent-500));padding-left:.9rem;font-size:.9375rem}.pattern-diagram.svelte-qhtxnn{display:grid;gap:.5rem;align-content:center;min-height:5.5rem;border:1px solid rgb(28 25 23 / .08);border-radius:.9rem;background:#fafaf9;padding:.9rem 1rem}.pd-row.svelte-qhtxnn{display:flex;align-items:center;justify-content:space-between;gap:.9rem;border:1px solid rgb(28 25 23 / .1);border-radius:.55rem;background:#fff;padding:.55rem .7rem}.pd-logo.svelte-qhtxnn{width:2.1rem;height:.55rem;flex:none;border-radius:999px;background:#44403c}.pd-links.svelte-qhtxnn{display:flex;min-width:0;justify-content:center;gap:.45rem;overflow:hidden}.pd-links.svelte-qhtxnn i:where(.svelte-qhtxnn),.pd-cats.svelte-qhtxnn i:where(.svelte-qhtxnn),.pd-mini.svelte-qhtxnn i:where(.svelte-qhtxnn){width:1.3rem;height:.4rem;flex:none;border-radius:999px;background:#d6d3d1}.pd-btn.svelte-qhtxnn{width:2.4rem;height:.9rem;flex:none;border-radius:999px;background:rgb(var(--accent-500))}.pd-search.svelte-qhtxnn{display:flex;min-width:0;flex:1;align-items:center;height:1rem;border:1px solid rgb(28 25 23 / .14);border-radius:999px;background:#fafaf9;padding-inline:.4rem}.pd-search.svelte-qhtxnn i:where(.svelte-qhtxnn){width:.34rem;height:.34rem;border:1px solid rgb(120 113 108);border-radius:999px}.pd-cats.svelte-qhtxnn{display:flex;justify-content:center;gap:.55rem}.pd-mini.svelte-qhtxnn{display:flex;justify-content:flex-end;gap:.4rem;padding-inline:.7rem}.pd-mini.svelte-qhtxnn i:where(.svelte-qhtxnn){width:1rem;height:.32rem}.pd-panel.svelte-qhtxnn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;border:1px solid rgb(28 25 23 / .1);border-top:0;border-radius:0 0 .55rem .55rem;background:#fff;margin-inline:.55rem;margin-top:-.55rem;padding:.7rem .7rem .6rem}.pd-panel.svelte-qhtxnn span:where(.svelte-qhtxnn){display:grid;gap:.3rem}.pd-panel.svelte-qhtxnn i:where(.svelte-qhtxnn){width:80%;height:.3rem;border-radius:999px;background:#e7e5e4}.pd-panel.svelte-qhtxnn i.pd-h:where(.svelte-qhtxnn){width:55%;background:#a8a29e}.header-action-grid.svelte-qhtxnn,.header-test-grid.svelte-qhtxnn{display:grid;overflow:hidden;margin-top:2.5rem;border:1px solid rgb(28 25 23 / .1);border-radius:1rem;background:#fff;box-shadow:0 18px 50px -46px #1c191752}.header-action-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn),.header-test-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn){padding:1.5rem}.header-action-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn)+div:where(.svelte-qhtxnn),.header-test-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn)+div:where(.svelte-qhtxnn){border-top:1px solid rgb(28 25 23 / .1)}.header-test-grid.svelte-qhtxnn h3:where(.svelte-qhtxnn){margin-top:.8rem;font-size:1.0625rem;font-weight:650;color:#1c1917}.header-action-grid.svelte-qhtxnn p:where(.svelte-qhtxnn),.header-test-grid.svelte-qhtxnn p:where(.svelte-qhtxnn){max-width:42ch;margin-top:.5rem;font-size:1rem;line-height:1.65;color:#57534e}.header-action-grid.svelte-qhtxnn strong:where(.svelte-qhtxnn){font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:#1c1917}.header-action-warning.svelte-qhtxnn{max-width:68ch;margin-top:1.5rem;border-left:3px solid rgb(var(--accent-500));padding:.25rem 0 .25rem 1rem;font-size:1rem;line-height:1.65;color:#57534e}.header-current-page-note.svelte-qhtxnn{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem}.header-current-page-note.svelte-qhtxnn p:where(.svelte-qhtxnn){max-width:66ch;font-size:1rem;line-height:1.65;color:#57534e}.header-current-page-note.svelte-qhtxnn strong:where(.svelte-qhtxnn){font-weight:650;color:#1c1917}.header-faq-list.svelte-qhtxnn{max-width:54rem;margin-top:2.5rem;border-block:1px solid rgb(28 25 23 / .1)}.header-faq-list.svelte-qhtxnn details:where(.svelte-qhtxnn)+details:where(.svelte-qhtxnn){border-top:1px solid rgb(28 25 23 / .1)}.header-faq-list.svelte-qhtxnn summary:where(.svelte-qhtxnn){display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 0;font-size:1.0625rem;font-weight:650;color:#1c1917;cursor:pointer;list-style:none}.header-faq-list.svelte-qhtxnn summary:where(.svelte-qhtxnn)::-webkit-details-marker{display:none}.header-faq-list.svelte-qhtxnn summary:where(.svelte-qhtxnn) span:where(.svelte-qhtxnn){flex:none;font-size:1.25rem;font-weight:400;color:rgb(var(--accent-600));transition:transform .18s ease}.header-faq-list.svelte-qhtxnn details[open]:where(.svelte-qhtxnn) summary:where(.svelte-qhtxnn) span:where(.svelte-qhtxnn){transform:rotate(45deg)}.header-faq-list.svelte-qhtxnn details:where(.svelte-qhtxnn)>p:where(.svelte-qhtxnn){max-width:66ch;padding:0 2.5rem 1.25rem 0;font-size:1rem;line-height:1.7;color:#57534e}.dark .header-resource-heading.svelte-qhtxnn>p:where(.svelte-qhtxnn),.dark .header-action-grid.svelte-qhtxnn p:where(.svelte-qhtxnn),.dark .header-test-grid.svelte-qhtxnn p:where(.svelte-qhtxnn),.dark .header-pattern-card.svelte-qhtxnn>p:where(.svelte-qhtxnn),.dark .header-use-skip.svelte-qhtxnn p:where(.svelte-qhtxnn),.dark .header-action-warning.svelte-qhtxnn,.dark .header-current-page-note.svelte-qhtxnn p:where(.svelte-qhtxnn),.dark .header-faq-list.svelte-qhtxnn details:where(.svelte-qhtxnn)>p:where(.svelte-qhtxnn){color:#a8a29e}.dark .header-action-grid.svelte-qhtxnn strong:where(.svelte-qhtxnn),.dark .header-test-grid.svelte-qhtxnn h3:where(.svelte-qhtxnn),.dark .header-pattern-card.svelte-qhtxnn h3:where(.svelte-qhtxnn),.dark .header-pattern-card.svelte-qhtxnn .header-pattern-verdict:where(.svelte-qhtxnn),.dark .header-current-page-note.svelte-qhtxnn strong:where(.svelte-qhtxnn),.dark .header-faq-list.svelte-qhtxnn summary:where(.svelte-qhtxnn){color:#fff}.dark .header-action-grid.svelte-qhtxnn,.dark .header-test-grid.svelte-qhtxnn{background:#1c1917}.dark .header-action-grid.svelte-qhtxnn,.dark .header-test-grid.svelte-qhtxnn,.dark .header-pattern-card.svelte-qhtxnn,.dark .header-use-skip.svelte-qhtxnn,.dark .header-faq-list.svelte-qhtxnn,.dark .header-action-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn)+div:where(.svelte-qhtxnn),.dark .header-test-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn)+div:where(.svelte-qhtxnn),.dark .header-faq-list.svelte-qhtxnn details:where(.svelte-qhtxnn)+details:where(.svelte-qhtxnn){border-color:#ffffff1a}.dark .header-pattern-grid.svelte-qhtxnn{border-color:#ffffff1a;background:#1c1917}.dark .header-pattern-card.svelte-qhtxnn{background:#1c1917}.dark .header-pattern-card.svelte-qhtxnn+.header-pattern-card:where(.svelte-qhtxnn){border-color:#ffffff1a}.dark .pattern-diagram.svelte-qhtxnn{border-color:#ffffff14;background:#141110}.dark .pd-row.svelte-qhtxnn,.dark .pd-panel.svelte-qhtxnn{border-color:#ffffff1f;background:#292524}.dark .pd-logo.svelte-qhtxnn{background:#e7e5e4}.dark .pd-links.svelte-qhtxnn i:where(.svelte-qhtxnn),.dark .pd-cats.svelte-qhtxnn i:where(.svelte-qhtxnn),.dark .pd-mini.svelte-qhtxnn i:where(.svelte-qhtxnn){background:#57534e}.dark .pd-search.svelte-qhtxnn{border-color:#ffffff29;background:#1c1917}.dark .pd-panel.svelte-qhtxnn i:where(.svelte-qhtxnn){background:#44403c}.dark .pd-panel.svelte-qhtxnn i.pd-h:where(.svelte-qhtxnn){background:#a8a29e}@media(min-width:640px){.header-resource-shell.svelte-qhtxnn{padding-inline:1.5rem}.header-action-grid.svelte-qhtxnn,.header-test-grid.svelte-qhtxnn{grid-template-columns:repeat(3,minmax(0,1fr))}.header-action-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn)+div:where(.svelte-qhtxnn),.header-test-grid.svelte-qhtxnn>div:where(.svelte-qhtxnn)+div:where(.svelte-qhtxnn){border-top:0;border-left:1px solid rgb(28 25 23 / .1)}.header-pattern-grid.svelte-qhtxnn{grid-template-columns:repeat(2,minmax(0,1fr))}.header-pattern-card.svelte-qhtxnn+.header-pattern-card:where(.svelte-qhtxnn){border-top:0}.header-pattern-card.svelte-qhtxnn:nth-child(2n){border-left:1px solid rgb(28 25 23 / .1)}.header-pattern-card.svelte-qhtxnn:nth-child(n+3){border-top:1px solid rgb(28 25 23 / .1)}.dark .header-pattern-card.svelte-qhtxnn:nth-child(2n),.dark .header-pattern-card.svelte-qhtxnn:nth-child(n+3){border-color:#ffffff1a}}@media(min-width:768px){.choice-grid.svelte-qhtxnn{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-panel.svelte-qhtxnn+.choice-panel:where(.svelte-qhtxnn){border-top:0}.choice-panel.svelte-qhtxnn:nth-child(2n){border-left:1px solid rgb(231 229 228)}.choice-panel.svelte-qhtxnn:nth-child(n+3){border-top:1px solid rgb(231 229 228)}.dark .choice-panel.svelte-qhtxnn:nth-child(2n),.dark .choice-panel.svelte-qhtxnn:nth-child(n+3){border-color:#ffffff1a}}@media(min-width:1024px){.header-resource-shell.svelte-qhtxnn{padding-inline:3rem}.page-rule.svelte-qhtxnn:before,.page-rule.svelte-qhtxnn:after{display:block}.choice-grid.svelte-qhtxnn{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-panel.svelte-qhtxnn:nth-child(2n){border-left:0}.choice-panel.svelte-qhtxnn:nth-child(n+3){border-top:0}.choice-panel.svelte-qhtxnn+.choice-panel:where(.svelte-qhtxnn){border-left:1px solid rgb(231 229 228)}.dark .choice-panel.svelte-qhtxnn+.choice-panel:where(.svelte-qhtxnn){border-color:#ffffff1a}}@media(min-width:1280px){.header-resource-shell.svelte-qhtxnn{padding-inline:2rem}}@media(prefers-reduced-motion:reduce){.header-faq-list.svelte-qhtxnn summary:where(.svelte-qhtxnn) span:where(.svelte-qhtxnn){transition:none}}