@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--bs-primary:var(--amy-primary);--bs-secondary:var(--amy-text-secondary);--bs-success:var(--amy-success);--bs-info:var(--amy-info);--bs-warning:var(--amy-warning);--bs-danger:var(--amy-danger);--bs-light:var(--amy-bg-subtle);--bs-dark:var(--amy-navy);--bs-body-color:var(--amy-ink);--bs-body-bg:var(--amy-bg);--bs-border-color:var(--amy-border);--bs-link-color:var(--amy-primary);--bs-link-hover-color:var(--amy-primary-hover);--bs-body-font-family:var(--amy-font)}
*{box-sizing:border-box}body{margin:0;background:var(--amy-bg-subtle);color:var(--amy-ink);font-family:var(--amy-font);line-height:var(--amy-leading-body)}a{color:var(--amy-primary)}h1,h2,h3{line-height:var(--amy-leading-heading);letter-spacing:var(--amy-tracking-heading)}h1{font-size:var(--amy-font-display);letter-spacing:var(--amy-tracking-display);font-weight:var(--amy-weight-semibold)}h2{font-size:var(--amy-space-24)}h3{font-size:var(--amy-space-16)}.site-header{background:var(--amy-surface);border-bottom:var(--amy-line) solid var(--amy-border);padding:var(--amy-space-20) var(--amy-page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--amy-space-16)}.site-header a{text-decoration:none}.brand-wordmark{color:var(--amy-ink);font-weight:var(--amy-weight-bold);font-size:var(--amy-space-24);letter-spacing:var(--amy-tracking-heading)}.brand-logo{max-height:var(--amy-space-32);max-width:var(--amy-logo-max)}.environment{color:var(--amy-text-secondary);font-size:var(--amy-font-xs)}.ds-main{max-width:var(--amy-content-width);margin:auto;padding:var(--amy-space-48) var(--amy-page-gutter) var(--amy-swatch-height)}.eyebrow{font-size:var(--amy-font-xs);font-weight:var(--amy-weight-semibold);letter-spacing:var(--amy-tracking-eyebrow);color:var(--amy-primary)}.intro{max-width:var(--amy-text-width);color:var(--amy-text-secondary)}.ds-nav{display:flex;flex-wrap:wrap;gap:var(--amy-space-24);margin:var(--amy-space-32) 0 var(--amy-space-48);border-bottom:var(--amy-line) solid var(--amy-border);padding-bottom:var(--amy-space-16)}.ds-nav a{text-decoration:none;font-weight:var(--amy-weight-medium)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--amy-space-16);margin-top:var(--amy-space-48)}.section-heading p{color:var(--amy-text-secondary);font-size:var(--amy-font-sm)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--amy-card-min)),1fr));gap:var(--amy-space-16)}.color-card{background:var(--amy-surface);border:var(--amy-line) solid var(--amy-border);border-radius:var(--amy-space-16);overflow:hidden}.swatch{height:var(--amy-swatch-height);border-bottom:var(--amy-line) solid var(--amy-border)}.color-info{padding:var(--amy-space-16)}.color-info h3{margin:0 0 var(--amy-space-8)}.color-info code{font-size:var(--amy-font-xs);overflow-wrap:anywhere}.color-info p{font-size:var(--amy-font-sm);margin:var(--amy-space-8) 0;color:var(--amy-text-secondary)}.contrast{border-top:var(--amy-line) solid var(--amy-border);padding-top:var(--amy-space-8)}.token-group{font-size:var(--amy-font-xs);color:var(--amy-text-secondary)}.usage-table{width:100%;border-collapse:collapse;background:var(--amy-surface)}.usage-table th,.usage-table td{text-align:left;border-bottom:var(--amy-line) solid var(--amy-border);padding:var(--amy-space-16);vertical-align:top}.table-scroll{overflow:auto}.skip-link{position:absolute;top:calc(-1 * var(--amy-swatch-height));padding:var(--amy-space-16);background:var(--amy-surface);z-index:var(--amy-z-skip)}.skip-link:focus{top:0}:focus-visible{outline:var(--amy-focus-width) solid var(--amy-primary);outline-offset:var(--amy-focus-offset);box-shadow:0 0 0 var(--amy-focus-offset) var(--amy-focus-ring)}

button,input,select,textarea,code{font-family:var(--amy-font)}
.icon{width:var(--amy-icon-size);height:var(--amy-icon-size);flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--amy-card-min)),1fr));gap:var(--amy-space-24)}
.ds-panel{padding:var(--amy-space-24);border:var(--amy-line) solid var(--amy-border);border-radius:var(--amy-radius-lg);background:var(--amy-surface);min-width:0}
.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--amy-space-12)}
.ds-stack{display:grid;gap:var(--amy-space-16)}
.ds-muted{color:var(--amy-text-secondary)}
.ds-space{background:var(--amy-primary-soft);border:var(--amy-line) solid var(--amy-primary);height:var(--amy-space-16)}
.ds-sample{padding:var(--amy-space-20);background:var(--amy-surface);margin:var(--amy-space-12) 0}
.ds-icons{display:flex;flex-wrap:wrap;gap:var(--amy-space-24)}
.ds-icons figure{margin:0;display:grid;justify-items:center;gap:var(--amy-space-8)}
.sr-only{position:absolute;width:var(--amy-line);height:var(--amy-line);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:48rem){h1{font-size:var(--amy-font-2xl)}.site-header{align-items:flex-start}.section-heading{display:block}.ds-main{padding-top:var(--amy-space-24)}.environment{max-width:var(--amy-logo-max);text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0s;transition-duration:0s;scroll-behavior:auto}}

.type-xs{font-size:var(--amy-font-xs)}
.type-sm{font-size:var(--amy-font-sm)}
.type-md{font-size:var(--amy-font-md)}
.type-lg{font-size:var(--amy-font-lg)}
.type-xl{font-size:var(--amy-font-xl)}
.type-2xl{font-size:var(--amy-font-2xl)}
.type-display{font-size:var(--amy-font-display)}
.space-4{width:var(--amy-space-4)}
.space-8{width:var(--amy-space-8)}
.space-12{width:var(--amy-space-12)}
.space-16{width:var(--amy-space-16)}
.space-20{width:var(--amy-space-20)}
.space-24{width:var(--amy-space-24)}
.space-28{width:var(--amy-space-28)}
.space-32{width:var(--amy-space-32)}
.space-36{width:var(--amy-space-36)}
.space-40{width:var(--amy-space-40)}
.space-44{width:var(--amy-space-44)}
.space-48{width:var(--amy-space-48)}
.radius-sm{border-radius:var(--amy-radius-sm)}.shadow-sm{box-shadow:var(--amy-shadow-sm)}
.radius-md{border-radius:var(--amy-radius-md)}.shadow-md{box-shadow:var(--amy-shadow-md)}
.radius-lg{border-radius:var(--amy-radius-lg)}.shadow-lg{box-shadow:var(--amy-shadow-lg)}