@layer components{.d8{--field:transparent;--field-line:var(--edge)}.d8 .d-shell{padding-block:calc(4rem + clamp(1.25rem, 2.4vw, 2rem)) var(--band)}.d8 .d-grid{grid-template-columns:15rem minmax(0,1fr);align-items:start;column-gap:max(2rem,min(5vw,5rem));display:grid}.d8 .d-main{min-width:0}.d8 .d-main [data-feature-clip]{margin-top:2.5rem;margin-bottom:2.5rem}.d8 .display{font-family:var(--display);letter-spacing:-.028em;text-wrap:balance;font-weight:700;font-stretch:88%}.d8 .d-l{letter-spacing:-.032em;margin-left:-.04em;font-size:max(2.5rem,min(4.6vw,3.75rem));line-height:.94}.d8 .lead{max-width:40rem;font-size:max(1.1875rem,min(1.5vw,1.375rem))}.d8 .body{max-width:40rem;font-size:1.125rem;line-height:1.55}.d8 .body a,.d8 .lead a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.d8 .body a:hover,.d8 .lead a:hover{text-decoration-thickness:2px}.d8 .code{border-radius:var(--r-ui);box-shadow:inset 0 0 0 1px var(--edge);font:.875rem/1.6 var(--mono);margin-left:0;margin-right:0;padding-top:1rem;padding-bottom:1rem;overflow-x:auto}.d8 kbd{font-family:var(--text);font-weight:600}.d8 nav[aria-label=Documentation] p{color:var(--ink);font-weight:700}@media (max-width:63.99rem){.d8 .d-grid{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}}@media (max-width:40rem){.d8 .ruled.stack thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.d8 .ruled.stack,.d8 .ruled.stack tbody,.d8 .ruled.stack tr,.d8 .ruled.stack tbody tr>*{display:block}.d8 .ruled.stack tr{border-top:1px solid var(--edge);padding-top:.8rem;padding-bottom:.8rem}.d8 .ruled.stack tbody tr:first-child{border-top-color:var(--ink)}.d8 .ruled.stack tbody tr>*,.d8 .ruled.stack tbody tr:first-child>*{border:0;padding:.1rem 0}.d8 .ruled.stack td[data-label]:before{content:attr(data-label) ": ";color:var(--ink-soft)}}}