@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/SeamUI/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/SeamUI/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/SeamUI/assets/archivo-latin-standard-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:host{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--seam-color-paper:#fff;--seam-color-ink:#080808;--seam-color-muted:#666;--seam-color-rule:#a8a8a8;--seam-color-soft:#eee;--seam-color-signal:#173fff;--seam-color-signal-strong:#0829d8;--seam-color-success:#087a52;--seam-color-warning:#aa6100;--seam-color-danger:#b31626;--seam-font-sans:Arial, Helvetica, sans-serif;--seam-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--seam-font-size-00:.6875rem;--seam-font-size-0:.8125rem;--seam-font-size-1:1rem;--seam-font-size-2:1.25rem;--seam-font-size-3:clamp(1.75rem, 3vw, 3rem);--seam-font-weight-regular:400;--seam-font-weight-medium:560;--seam-font-weight-bold:760;--seam-space-1:.25rem;--seam-space-2:.5rem;--seam-space-3:.75rem;--seam-space-4:1rem;--seam-space-5:1.5rem;--seam-space-6:2rem;--seam-space-7:3rem;--seam-space-8:4rem;--seam-size-control-sm:2rem;--seam-size-control-md:2.75rem;--seam-size-control-lg:3.5rem;--seam-border-width:1px;--seam-border-radius:0;--seam-elevation-overlay:0 1rem 4rem #0000002e;--seam-motion-fast:.1s;--seam-motion-standard:.18s;--seam-z-dropdown:700;--seam-z-overlay:800;--seam-z-toast:900}@media (prefers-color-scheme:dark){:root,:host{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-seam-theme=dark],[data-seam-theme=dark]{--seam-color-paper:#0a0a0a;--seam-color-ink:#f4f4f4;--seam-color-muted:#a6a6a6;--seam-color-rule:#565656;--seam-color-soft:#181818;--seam-color-signal:#3154ff;--seam-color-signal-strong:#7389ff;--seam-elevation-overlay:0 1rem 4rem #0009}@media (prefers-color-scheme:dark){:root:not([data-seam-theme=light]){--seam-color-paper:#0a0a0a;--seam-color-ink:#f4f4f4;--seam-color-muted:#a6a6a6;--seam-color-rule:#565656;--seam-color-soft:#181818;--seam-color-signal:#3154ff;--seam-color-signal-strong:#7389ff}}@media (prefers-reduced-motion:reduce){:root,:host{--seam-motion-fast:0s;--seam-motion-standard:0s}}@media (forced-colors:active){:root,:host{--seam-color-signal:Highlight;--seam-color-signal-strong:Highlight;--seam-color-rule:CanvasText}}*,:before,:after{box-sizing:border-box}html{background:var(--seam-color-paper);color:var(--seam-color-ink);font-family:var(--seam-font-sans)}body{margin:0}:focus-visible{outline:2px solid var(--seam-color-signal);outline-offset:3px}::selection{background:var(--seam-color-signal);color:#fff}.seam-stack{gap:var(--seam-stack-gap,var(--seam-space-4));flex-direction:column;display:flex}.seam-cluster{align-items:center;gap:var(--seam-cluster-gap,var(--seam-space-3));flex-wrap:wrap;display:flex}.seam-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--seam-grid-min,16rem)), 1fr));gap:var(--seam-grid-gap,var(--seam-space-5));display:grid}.seam-container{width:min(calc(100% - 2 * var(--seam-space-5)), var(--seam-container-max,80rem));margin-inline:auto}.seam-frame{aspect-ratio:var(--seam-frame-ratio,16 / 9);overflow:hidden}.seam-frame>:first-child{object-fit:cover;width:100%;height:100%}.seam-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:root{--seam-font-sans:"Archivo Variable", Arial, Helvetica, sans-serif;font-family:var(--seam-font-sans);font-synthesis:none}body{background:var(--seam-color-paper);min-width:320px;color:var(--seam-color-ink)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}seam-docs-app{min-height:100vh;display:block}.brand{color:var(--seam-color-ink);letter-spacing:.035em;align-items:center;font-size:1.35rem;font-weight:760;text-decoration:none;display:flex}.mobile-header{display:none}.home-shell{grid-template-columns:200px minmax(0,1fr);min-height:100vh;display:grid}.home-nav{z-index:20;border-inline-end:1px solid var(--seam-color-rule);background:var(--seam-color-paper);grid-template-rows:108px auto 1fr;min-height:100vh;display:grid;position:relative}.home-nav>.brand{border-block-end:1px solid var(--seam-color-rule);padding-inline:44px}.home-nav nav a{border-block-end:1px solid var(--seam-color-rule);letter-spacing:.015em;text-transform:uppercase;grid-template-columns:1.2rem 1fr auto;align-items:center;min-height:110px;padding-inline:18px 12px;font-size:.72rem;font-weight:560;text-decoration:none;display:grid}.home-nav nav a span,.home-nav nav a b{font-weight:400}.home-nav nav a span{font-size:0}.home-nav nav a span:after{content:"+";font-size:1.15rem}.home-nav nav a b{display:none}.home-nav nav a:hover,.home-nav nav a.active{color:var(--seam-color-signal)}.nav-tools{align-self:end;gap:1rem;padding:1rem;display:grid}.nav-tools>button{color:inherit;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.5rem;font-size:.72rem;display:flex}kbd{border:1px solid var(--seam-color-rule);color:var(--seam-color-muted);font-family:var(--seam-font-mono);background:0 0;padding:.1rem .3rem;font-size:.68rem}.theme-control{border:1px solid var(--seam-color-rule);display:inline-flex}.theme-control button{border:0;border-inline-end:1px solid var(--seam-color-rule);block-size:2rem;inline-size:2rem;color:inherit;background:0 0;font-size:.68rem}.theme-control button:last-child{border-inline-end:0}.theme-control button.active{background:var(--seam-color-signal);color:#fff}.home-main{min-width:0;overflow:hidden}.hero-grid{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:minmax(620px,1fr) 354px 220px;height:561px;min-height:0;display:grid;position:relative;overflow:hidden}.hero-grid:before{content:"";border-inline-start:1px solid var(--seam-color-rule);position:absolute;inset:0 220px 0 auto}.hero-number{z-index:0;letter-spacing:-.12em;pointer-events:none;max-height:355px;font-size:23rem;font-weight:500;line-height:.9;position:absolute;inset:-85px -55px auto auto;overflow:hidden}.hero-grid h1{z-index:1;letter-spacing:-.072em;block-size:453px;inline-size:735px;margin:0;padding:0;font-size:clamp(7rem,8.6vw,8.6rem);font-weight:520;font-stretch:78%;line-height:.82;position:absolute;inset:108px auto auto 28px}.hero-grid h1:after{content:"";z-index:-1;border:10px solid var(--seam-color-signal);position:absolute;inset:140px 0 0 -28px}.hero-grid h1 .interfaces{position:absolute;inset:0 auto auto 0}.hero-grid h1 .cut{color:var(--seam-color-signal);line-height:.82;position:absolute;inset:165px auto auto 0}.hero-grid h1 .with{letter-spacing:-.055em;writing-mode:vertical-rl;font-size:.58em;line-height:.85;position:absolute;inset:195px 18px auto auto;rotate:180deg}.hero-grid h1 .intent{position:absolute;inset:335px auto auto 0}.hero-copy{z-index:2;background:var(--seam-color-paper);gap:1rem;inline-size:282px;padding:0;display:grid;position:absolute;inset:290px 264px auto auto}.hero-copy p{border-inline-start:1px solid var(--seam-color-rule);margin:0;padding-inline-start:28px;font-size:1.15rem;line-height:1.28}.hero-cta,.install-command{letter-spacing:.12em;text-transform:uppercase;min-height:52px;font-size:.78rem;font-weight:560}.hero-cta{border:1px solid var(--seam-color-signal);background:var(--seam-color-signal);color:#fff;justify-content:center;align-items:center;gap:1rem;text-decoration:none;display:flex}.install-command{border:1px solid var(--seam-color-ink);background:var(--seam-color-paper);color:var(--seam-color-ink);cursor:pointer;text-align:start;text-transform:none;grid-template-columns:1fr auto auto;align-items:center;gap:.85rem;padding-inline:1rem;display:grid}.install-command code{font-family:var(--seam-font-mono);white-space:nowrap;font-size:.69rem}.copy-rule{border-inline-start:1px solid var(--seam-color-rule);align-self:stretch}.intro-specimen{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:repeat(4,minmax(170px,1fr)) 220px;height:192px;min-height:0;display:grid;position:relative}.vertical-label{display:none}.specimen-cell{border-inline-end:1px solid var(--seam-color-rule);align-content:center;gap:.65rem;min-width:0;padding:1.3rem;display:grid}.specimen-cell>label{border-block-end:1px solid var(--seam-color-rule);text-transform:uppercase;padding-block-end:.4rem;font-size:.72rem;font-weight:560}.specimen-cell seam-input,.specimen-cell seam-select,.specimen-cell seam-button{inline-size:100%}.specimen-cell seam-button{--seam-button-letter-spacing:.1em;--seam-button-text-transform:uppercase}.switch-cell seam-switch{white-space:nowrap}.token-rail{text-transform:uppercase;align-content:center;gap:.65rem;padding:1rem 2rem;font-size:.72rem;display:grid}.token-rail span{border-block-end:1px solid var(--seam-color-rule);justify-content:space-between;align-items:center;min-height:1.5rem;display:flex}.token-rail i{border:1px solid var(--seam-color-rule);block-size:2rem;inline-size:2rem}.token-rail .ink{background:var(--seam-color-ink)}.token-rail .paper{background:var(--seam-color-paper)}.token-rail .signal{background:var(--seam-color-signal)}.chapter-links{grid-template-columns:repeat(2,1fr);min-height:204px;display:grid}.chapter-links a{border-inline-end:1px solid var(--seam-color-rule);border-block-end:1px solid var(--seam-color-rule);text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:2.5rem;padding-inline:2rem 3rem;text-decoration:none;display:grid}.chapter-links strong{letter-spacing:-.08em;font-size:6.5rem;font-weight:430}.docs-shell{min-height:100vh}.docs-header{z-index:50;border-block-end:1px solid var(--seam-color-rule);background:color-mix(in srgb, var(--seam-color-paper) 96%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:300px 1fr auto;min-height:75px;display:grid;position:sticky;top:0}.docs-header>.brand{border-inline-end:1px solid var(--seam-color-rule);padding-inline:75px}.docs-header nav{justify-content:center;display:flex}.docs-header nav a{text-transform:uppercase;border-block-end:2px solid #0000;justify-content:center;align-items:center;min-width:150px;font-size:.82rem;font-weight:560;text-decoration:none;display:flex}.docs-header nav a.active{border-block-end-color:var(--seam-color-signal);color:var(--seam-color-signal)}.header-actions{align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.header-actions>button{block-size:2.1rem;inline-size:2.1rem;color:inherit;background:0 0;border:0}.page-hero{border-block-end:1px solid var(--seam-color-rule);min-height:340px;padding:7rem max(5vw,2rem) 3rem;position:relative;overflow:hidden}.page-hero .page-index{color:var(--seam-color-soft);font-size:19rem;font-weight:500;line-height:1;position:absolute;inset:-4rem 1rem auto auto}.page-hero h1{letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.9;position:relative}.page-hero p{max-width:34rem;margin:1.5rem 0 0;font-size:1.3rem;position:relative}.foundation-section,.install-section{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:240px minmax(0,1fr);display:grid}.section-marker,.install-section>div:first-child{border-inline-end:1px solid var(--seam-color-rule);text-transform:uppercase;padding:2rem;font-size:.8rem}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.swatches>div{border-inline-end:1px solid var(--seam-color-rule);border-block-end:1px solid var(--seam-color-rule);grid-template-columns:5rem 1fr;align-items:center;gap:1rem;min-height:8rem;padding:1rem;display:grid}.swatches span{border:1px solid var(--seam-color-rule);grid-row:1/3;block-size:4rem;inline-size:4rem}.swatches code,.space-scale code{color:var(--seam-color-muted);font-family:var(--seam-font-mono)}.type-spec>div:last-child{padding:3rem}.type-hero{letter-spacing:-.08em;margin:0;font-size:clamp(4rem,9vw,10rem);font-weight:520;line-height:.9}.type-spec>div p:not(.type-hero){max-width:46rem;font-size:1.15rem}.type-scale{border-block-start:1px solid var(--seam-color-rule);padding-block-start:2rem;font-size:2rem!important}.space-scale{gap:1rem;padding:2rem;display:grid}.space-scale div{align-items:center;gap:1rem;display:flex}.space-scale span{background:var(--seam-color-signal);block-size:1rem}.catalog-shell{grid-template-rows:75px auto;grid-template-columns:300px minmax(0,1fr) 270px;min-height:100vh;display:grid}.catalog-shell .docs-header{grid-column:1/-1}.catalog-nav{border-inline-end:1px solid var(--seam-color-rule);grid-column:1;position:relative}.perpendicular,.vertical-section{writing-mode:vertical-rl;text-transform:uppercase;rotate:180deg}.catalog-nav>.perpendicular{letter-spacing:.08em;font-size:.85rem;position:absolute;inset:43% auto auto 18px}.catalog-nav details{border-block-end:1px solid var(--seam-color-rule);margin-inline:70px 14px}.catalog-nav summary{cursor:pointer;text-transform:uppercase;grid-template-columns:2.6rem 1fr auto;align-items:center;min-height:82px;list-style:none;display:grid}.catalog-nav summary b{font-size:1.25rem;font-weight:400}.catalog-nav ul{margin:0 0 .75rem;padding:0;list-style:none}.catalog-nav li button{inline-size:100%;min-height:48px;color:inherit;text-align:start;text-transform:uppercase;background:0 0;border:0;padding-inline:2.2rem}.catalog-nav li.selected button{background:var(--seam-color-signal);color:#fff}.catalog-nav details:first-of-type li:nth-child(n+4){display:none}.catalog-main{grid-column:2;min-width:0}.catalog-title{border-block-end:4px solid var(--seam-color-signal);height:148px;position:relative;overflow:hidden}.catalog-title span{letter-spacing:-.1em;font-size:14rem;font-weight:450;line-height:1;position:absolute;inset:-66px auto auto 0}.catalog-title h1{letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(4.5rem,8vw,8rem);font-weight:450;line-height:1;position:absolute;inset:45px auto auto 50%}.component-heading{padding:1.6rem 2rem 1rem}.component-heading h2{letter-spacing:-.04em;margin:0;font-size:3.5rem;font-weight:450}.component-heading p{color:var(--seam-color-muted);margin:.35rem 0 0}.button-states{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:repeat(5,1fr);padding:1rem 1.2rem 2.2rem;display:grid}.button-states>div{border-inline-end:1px solid var(--seam-color-rule);justify-items:center;gap:1rem;min-width:0;padding-inline:.75rem;display:grid}.button-states>div:last-child{border-inline-end:0}.button-states label{text-transform:uppercase;font-size:.75rem;font-weight:600}.forced-focus::part(button){outline:2px solid var(--seam-color-signal);outline-offset:3px}.anatomy-row,.code-row,.dialog-demo{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:46px minmax(0,1fr);min-height:124px;display:grid;position:relative}.vertical-section{border-inline-start:1px solid var(--seam-color-rule);place-items:center;font-size:.72rem;display:grid}.anatomy-button{align-self:center;inline-size:20rem;margin-inline-start:8rem;position:relative}.anatomy-button seam-button::part(button){outline:2px solid var(--seam-color-signal);outline-offset:3px}.callout{border-block-start:1px solid var(--seam-color-signal);text-transform:uppercase;inline-size:8rem;padding-inline-start:1rem;font-size:.72rem;font-style:normal;position:absolute;inset-inline-start:18rem}.callout.label{inset-block-start:-.35rem}.callout.icon{inset-block-start:2rem}.callout.ring{inset-block-start:4.35rem}.code-row{grid-template-columns:46px 1fr auto;align-items:center;gap:1rem;padding-inline-end:2rem}.code-row code{color:var(--seam-color-signal);font-family:var(--seam-font-mono);padding-inline:2rem;overflow:auto}.dialog-demo{min-height:250px}.dialog-card{border:1px solid var(--seam-color-ink);background:var(--seam-color-paper);place-self:center;inline-size:min(455px,100% - 2rem)}.dialog-card>div{padding:1.25rem 1.5rem;position:relative}.dialog-card h3,.dialog-card p{margin:0}.dialog-card p{color:var(--seam-color-muted);margin-block-start:.45rem}.dialog-card>div>button{color:inherit;background:0 0;border:0;font-size:1.6rem;position:absolute;inset:.85rem .85rem auto auto}.dialog-card footer{border-block-start:1px solid var(--seam-color-ink);justify-content:end;gap:1rem;padding:.9rem 1.2rem;display:flex}.delete-button::part(button){border-color:var(--seam-color-ink);background:var(--seam-color-ink);color:var(--seam-color-paper)}.inspector{border-inline-start:1px solid var(--seam-color-rule);grid-column:3;align-content:start;gap:1.5rem;padding:2.7rem 1.8rem;display:grid;position:relative}.inspector>.perpendicular{background:var(--seam-color-paper);padding:.5rem;font-size:.75rem;position:absolute;inset:200px auto auto -2px;translate:-50%}.inspector>label{border-block-end:1px solid var(--seam-color-rule);text-transform:uppercase;gap:.6rem;padding-block-end:1rem;font-size:.75rem;font-weight:600;display:grid}.inspector>label seam-select{inline-size:100%}.live-result{border-block-end:1px solid var(--seam-color-rule);gap:.8rem;padding-block-end:1.5rem;display:grid}.live-result>span{text-transform:uppercase;font-size:.75rem;font-weight:600}.inspector dl{grid-template-columns:1fr 1fr;gap:1rem;margin:0;font-size:.75rem;display:grid}.inspector dd{text-align:end;margin:0}.patterns-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.patterns-grid>section{border-inline-end:1px solid var(--seam-color-rule);border-block-end:1px solid var(--seam-color-rule);min-width:0}.patterns-grid>section.wide{grid-column:1/-1}.patterns-grid section>header{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:5rem 1fr;align-items:center;min-height:5rem;display:grid}.patterns-grid section>header span{border-inline-end:1px solid var(--seam-color-rule);align-self:stretch;place-items:center;display:grid}.patterns-grid h2{text-transform:uppercase;margin:0;padding-inline:1.5rem;font-size:1.4rem;font-weight:520}.pattern-body{min-height:300px;padding:2rem}.app-shell-demo{grid-template-columns:14rem 1fr;padding:0;display:grid}.app-shell-demo>div{padding:2rem}.settings-demo{align-content:start;gap:1.2rem;display:grid}.settings-demo seam-input,.settings-demo seam-select{inline-size:100%}.async-demo{gap:2rem;display:grid}.async-state{gap:1rem;min-height:10rem;display:grid}.start-page .page-hero{min-height:420px}.install-section{grid-template-columns:minmax(20rem,.75fr) 1fr;min-height:260px}.install-section>div:first-child{padding:3rem}.install-section h2{letter-spacing:-.05em;margin:3rem 0 .5rem;font-size:3rem;font-weight:500}.install-section p{max-width:32rem;color:var(--seam-color-muted)}.install-section pre{background:var(--seam-color-soft);align-items:center;margin:0;padding:3rem;display:grid;overflow:auto}.install-section code{font-family:var(--seam-font-mono);line-height:1.8}.search-backdrop{z-index:1000;background:#00000094;place-items:start center;padding-top:min(18vh,10rem);display:grid;position:fixed;inset:0}.search-panel{border:1px solid var(--seam-color-ink);background:var(--seam-color-paper);inline-size:min(42rem,100vw - 2rem);box-shadow:var(--seam-elevation-overlay)}.search-input{border-block-end:1px solid var(--seam-color-rule);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding-inline:1rem;display:grid}.search-input input{min-height:4rem;color:inherit;background:0 0;border:0;outline:0;font-size:1.1rem}.search-panel ul{margin:0;padding:0;list-style:none}.search-panel li a{border-block-end:1px solid var(--seam-color-rule);justify-content:space-between;align-items:center;min-height:3rem;padding-inline:1rem;text-decoration:none;display:flex}.search-panel li a:hover,.search-panel li a:focus{background:var(--seam-color-signal);color:#fff}.copy-status{z-index:1100;background:var(--seam-color-paper);min-height:1px;padding:.5rem;position:fixed;inset:auto 1rem 1rem auto}@media (width<=1180px){.hero-grid{grid-template-columns:minmax(500px,1fr) 330px}.hero-grid:before{inset-inline-end:0}.hero-number{inset-inline-end:-120px}.hero-grid h1{grid-column:1/-1}.intro-specimen{grid-template-columns:repeat(4,1fr)}.token-rail{display:none}.catalog-shell{grid-template-columns:240px minmax(0,1fr)}.inspector{border-block-start:1px solid var(--seam-color-rule);border-inline-start:0;grid-area:3/1/auto/-1;grid-template-columns:repeat(5,1fr)}.catalog-nav{grid-column:1}.catalog-main{grid-column:2}.docs-header{grid-template-columns:240px 1fr auto}.docs-header>.brand{padding-inline:45px}.docs-header nav a{min-width:120px}}@media (width<=900px){.mobile-header{z-index:80;border-block-end:1px solid var(--seam-color-ink);background:var(--seam-color-paper);justify-content:space-between;align-items:center;min-height:60px;padding-inline:21px;display:flex;position:relative}.brand{font-size:1.05rem}.menu-button{color:inherit;letter-spacing:.1em;background:0 0;border:0;align-items:center;gap:1rem;display:flex}.home-shell,.catalog-shell{display:block}.home-nav{z-index:70;min-height:0;display:none;position:fixed;inset:60px 0 0;overflow:auto}.home-nav.is-open{display:block}.home-nav>.brand{display:none}.home-nav nav a{min-height:72px;padding-inline:1.5rem;font-size:1rem}.home-nav nav a span{font-size:.75rem}.home-nav nav a span:after{content:none}.home-nav nav a b{display:block}.nav-tools{padding:1.5rem}.hero-grid{border-block-end:0;height:540px;display:block}.hero-grid:before{display:none}.hero-number{max-height:190px;font-size:12rem;inset:0 -17px auto auto}.hero-grid h1{block-size:auto;inline-size:auto;padding:0 25px;font-size:clamp(3.8rem,16.2vw,5rem);font-stretch:78%;line-height:1.03;display:block;position:absolute;inset:120px 0 auto}.hero-grid h1 .interfaces{display:block;position:static}.hero-grid h1 .cut{color:var(--seam-color-ink);writing-mode:vertical-rl;margin:0;font-size:.92em;line-height:1;position:absolute;inset:64px auto auto 25px;rotate:180deg}.hero-grid h1 .with{letter-spacing:inherit;font-size:1em;line-height:inherit;writing-mode:horizontal-tb;margin-block-start:.35em;margin-inline-start:65px;display:inline-block;position:static;rotate:none}.hero-grid h1 .intent{white-space:nowrap;display:inline-block;position:static}.hero-grid h1:after{content:"";border:0;border-inline:80px solid var(--seam-color-signal);block-size:24px;position:absolute;inset:auto 0 38px}.hero-copy{background:0 0;padding:0 27px;display:grid;position:absolute;inset:320px 0 auto}.hero-copy p{border:0;padding:0;font-size:1.05rem;line-height:1.4}.hero-cta,.install-command{min-height:49px}.hero-cta{background:var(--seam-color-paper);inline-size:256px;color:var(--seam-color-signal);margin-block-start:.75rem}.install-command{inline-size:320px}.install-command code{font-size:.68rem}.intro-specimen{border-block:1px solid var(--seam-color-ink);grid-template-columns:52px 1fr;min-height:244px}.vertical-label{border-inline-end:1px solid var(--seam-color-ink);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;grid-row:1/5;place-items:center;font-size:.72rem;font-weight:600;display:grid;rotate:180deg}.specimen-cell{border-inline-end:0;border-block-end:1px solid var(--seam-color-rule);grid-column:2;grid-template-columns:86px 1fr;align-items:center;gap:0;min-height:61px;padding:0 14px}.specimen-cell:last-of-type{border-block-end:0}.specimen-cell>label{border:0;padding:0;font-size:.68rem}.specimen-cell seam-input,.specimen-cell seam-select,.specimen-cell seam-button{block-size:44px}.switch-cell seam-switch{font-size:.82rem}.chapter-links{grid-template-columns:1fr;min-height:86px}.chapter-links a{border-inline-end:0;gap:1.2rem;min-height:86px;padding-inline:25px}.chapter-links a:first-child{display:none}.chapter-links strong{font-size:3.2rem}.docs-header{display:none}.page-hero{min-height:300px;padding:7rem 1.5rem 2rem}.page-hero .page-index{font-size:12rem}.page-hero h1{overflow-wrap:anywhere;font-size:clamp(3.4rem,15vw,5rem)}.page-hero p{font-size:1rem}.foundation-section,.install-section{grid-template-columns:1fr}.section-marker,.install-section>div:first-child{border-inline-end:0;border-block-end:1px solid var(--seam-color-rule)}.swatches{grid-template-columns:1fr 1fr}.swatches>div{grid-template-columns:3.2rem 1fr;min-height:6rem}.swatches span{block-size:3rem;inline-size:3rem}.type-spec>div:last-child{padding:1.5rem}.catalog-nav,.inspector{display:none}.catalog-main{display:block}.catalog-title{height:180px}.catalog-title span{font-size:10rem;inset-block-start:-25px}.catalog-title h1{font-size:3.8rem;inset:96px auto auto 1.5rem}.component-heading{padding-inline:1.5rem}.button-states{grid-template-columns:1fr 1fr;gap:1.5rem 0}.button-states>div{border-inline-end:0}.button-states>div:last-child{grid-column:1/-1}.anatomy-button{inline-size:auto;margin-inline-start:1.5rem}.callout{display:none}.code-row{grid-template-columns:40px minmax(0,1fr);padding:0}.code-row code{white-space:nowrap;padding-inline:1rem}.code-row seam-button{display:none}.dialog-demo{grid-template-columns:40px minmax(0,1fr)}.patterns-grid{grid-template-columns:1fr}.patterns-grid>section.wide{grid-column:auto}.pattern-body{padding:1.25rem}.app-shell-demo{grid-template-columns:1fr}.app-shell-demo seam-side-navigation{display:none}.install-section{min-height:0}.install-section>div:first-child,.install-section pre{padding:1.5rem}.install-section h2{margin-block-start:1.5rem;font-size:2.2rem}}@media (forced-colors:active){.theme-control button.active,.hero-cta,.catalog-nav li.selected button{forced-color-adjust:none;color:highlighttext;background:highlight}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}