.fd-layout{--fd-unit:var(--perron-space-800);--fd-nav-width:calc(var(--fd-unit) * 7);--fd-tile-min:calc(var(--fd-unit) * 9);--fd-card-min:calc(var(--fd-unit) * 6);--fd-swatch-height:calc(var(--fd-unit) + var(--perron-space-600));--fd-name-width:calc(var(--fd-unit) * 2);--fd-checker:repeating-conic-gradient(var(--perron-color-surface-inset) 0 25%, var(--perron-color-surface-raised) 0 50%) 0 0 / var(--perron-space-200) var(--perron-space-200);align-items:flex-start;gap:var(--perron-space-800);display:flex}.fd-main{gap:calc(var(--perron-space-800) + var(--perron-space-200));flex-direction:column;flex:1 1 0;min-inline-size:0;display:flex}.fd-head{gap:var(--perron-space-400);flex-direction:column;display:flex}.fd-section-title{font:var(--perron-typography-heading-md);letter-spacing:var(--perron-typography-heading-md-tracking);margin:0}.fd-note{font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary)}.fd-use{font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary);display:block}.fd-nav{inline-size:var(--fd-nav-width);gap:var(--perron-space-100);padding:var(--perron-space-300);border-radius:var(--perron-radius-xl);flex-direction:column;flex:none;display:flex;position:sticky;inset-block-start:var(--perron-space-400)}.fd-nav-link{min-block-size:var(--perron-size-segment);padding-inline:var(--perron-space-300);border-radius:var(--perron-radius-md);font:var(--perron-typography-body-sm);letter-spacing:var(--perron-typography-body-sm-tracking);color:var(--perron-color-text-secondary);white-space:nowrap;flex:none;align-items:center;text-decoration:none;display:flex}.fd-nav .fd-nav-link[aria-current=page]{font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking);color:var(--perron-color-text-primary);background-color:var(--perron-color-surface-selected)}.fd-nav-group{padding:var(--perron-space-300) var(--perron-space-300) var(--perron-space-100);font:var(--perron-typography-overline);letter-spacing:var(--perron-typography-overline-tracking);text-transform:uppercase;color:var(--perron-color-text-tertiary);white-space:nowrap;flex:none}.fd-crumbs{align-items:center;gap:var(--perron-space-150);font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking);color:var(--perron-color-text-secondary);flex-wrap:wrap;display:flex}.fd-crumb{min-block-size:var(--perron-size-target-min);align-items:center;display:inline-flex}.fd-pages{justify-content:space-between;gap:var(--perron-space-300);border-block-start:var(--perron-border-width-025) solid var(--perron-color-border-subtle);flex-wrap:wrap;padding-block-start:var(--perron-space-200);display:flex}.fd-page-link{gap:var(--perron-space-050);padding:var(--perron-space-200) var(--perron-space-300);border-radius:var(--perron-radius-md);color:var(--perron-color-text-primary);flex-direction:column;text-decoration:none;display:flex}.fd-page-next{align-items:flex-end;margin-inline-start:auto}.fd-page-dir{font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary)}.fd-page-name{font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking)}.fd-meta{align-items:center;gap:var(--perron-space-200);font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking);color:var(--perron-color-text-secondary);flex-wrap:wrap;display:inline-flex}.fd-meta-format{padding:var(--perron-space-050) var(--perron-space-150);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);border-radius:var(--perron-radius-xs);font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking)}.fd-brand{grid-template-columns:repeat(auto-fit, minmax(var(--fd-card-min), 1fr));gap:var(--perron-space-300);display:grid}.fd-brand-value{gap:var(--perron-space-100);padding:var(--perron-space-400);border-radius:var(--perron-radius-xl);flex-direction:column;display:flex}.fd-brand-value p{margin:0}.fd-brand-name{font:var(--perron-typography-heading-sm);letter-spacing:var(--perron-typography-heading-sm-tracking)}.fd-brand-text{font:var(--perron-typography-body-sm);letter-spacing:var(--perron-typography-body-sm-tracking);color:var(--perron-color-text-secondary)}.fd-group{gap:var(--perron-space-400);flex-direction:column;display:flex}.fd-using{gap:var(--perron-space-600);padding:var(--perron-space-500);border-radius:var(--perron-radius-xl);flex-wrap:wrap;display:flex}.fd-using-text{flex:1 1 var(--fd-tile-min);gap:var(--perron-space-300);flex-direction:column;min-inline-size:0;display:flex}.fd-using-text .markdown li{color:var(--perron-color-text-secondary)}.fd-code{flex:1 1 var(--fd-tile-min);min-inline-size:0;padding:var(--perron-space-400);border-radius:var(--perron-radius-lg);background:var(--perron-color-surface-inset);font:var(--perron-typography-data);letter-spacing:var(--perron-typography-data-tracking);line-height:var(--perron-font-line-height-normal);color:var(--perron-color-text-secondary);align-self:flex-start;margin:0;overflow-x:auto}.fd-code code{font:inherit}.fd-code-quiet{color:var(--perron-color-text-tertiary)}.fd-code-strong{color:var(--perron-color-text-primary)}.fd-tiles{grid-template-columns:repeat(auto-fill, minmax(var(--fd-tile-min), 1fr));gap:var(--perron-space-400);display:grid}.fd-tile{gap:var(--perron-space-400);min-inline-size:0;padding:var(--perron-space-500);border-radius:var(--perron-radius-xl);background-color:var(--perron-color-surface-raised);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);color:inherit;flex-direction:column;text-decoration:none;display:flex}.fd-tile.glass{background-color:var(--perron-color-surface-overlay)}.fd-tile[data-wide]{grid-column:1/-1}.fd-tile-head{justify-content:space-between;align-items:baseline;gap:var(--perron-space-200);flex-wrap:wrap;display:flex}.fd-tile-title{font:var(--perron-typography-heading-md);letter-spacing:var(--perron-typography-heading-md-tracking)}.fd-tile-meta{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking);color:var(--perron-color-text-secondary)}.fd-tile-caption{font:var(--perron-typography-body-sm);letter-spacing:var(--perron-typography-body-sm-tracking);color:var(--perron-color-text-secondary)}.fd-tile code,.fd-quote{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking);color:var(--perron-color-text-primary)}.fd-swatches{grid-template-columns:repeat(auto-fill, minmax(calc(var(--fd-unit) * 3), 1fr));gap:var(--perron-space-300);display:grid}.fd-swatch{gap:var(--perron-space-150);flex-direction:column;min-inline-size:0;display:flex}.fd-swatch-fill{block-size:var(--fd-swatch-height);border-radius:var(--perron-radius-md);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);background:linear-gradient(var(--fd-fill), var(--fd-fill)), var(--fd-checker)}.fd-swatch-label{font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking)}.fd-swatch-name,.fd-ramp-name,.fd-ramp-label,.fd-bar-name,.fd-specimen-name,.fd-specimen-size,.fd-breakpoint-name{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking);color:var(--perron-color-text-secondary);overflow-wrap:anywhere}.fd-badges{align-items:center;gap:var(--perron-space-100);flex-wrap:wrap;display:flex}.fd-badges-label{font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking);color:var(--perron-color-text-secondary);margin-inline-end:var(--perron-space-150)}.fd-ramps{gap:var(--perron-space-200);display:grid}.fd-ramp{align-items:flex-start;gap:var(--perron-space-300);display:flex}.fd-ramp-name{inline-size:var(--fd-name-width);flex:none;padding-block-start:var(--perron-space-150)}.fd-ramp-steps{gap:var(--perron-space-050);flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-inline-size:0;display:grid}.fd-ramp-step{gap:var(--perron-space-050);flex-direction:column;min-inline-size:0;display:flex}.fd-ramp-fill{block-size:var(--perron-space-600);border-radius:var(--perron-radius-xs);outline:var(--perron-border-width-025) solid var(--perron-color-border-subtle);outline-offset:calc(-1 * var(--perron-border-width-025));background:var(--fd-fill)}.fd-type-tile{gap:var(--perron-space-600);flex-flow:wrap}.fd-type-tile>.fd-tile-head{flex-basis:100%}.fd-type-side{flex:1 1 calc(var(--fd-unit) * 7);gap:var(--perron-space-300);flex-direction:column;display:flex}.fd-families{gap:var(--perron-space-200);flex-direction:column;display:flex}.fd-family{font:var(--perron-typography-body-sm);letter-spacing:var(--perron-typography-body-sm-tracking);color:var(--perron-color-text-secondary);flex-direction:column;display:flex}.fd-family>:first-child{color:var(--perron-color-text-primary)}.fd-specimens{flex:2 1 calc(var(--fd-unit) * 12);flex-direction:column;min-inline-size:0;display:flex}.fd-specimen{align-items:baseline;gap:var(--perron-space-400);padding-block:var(--perron-space-200);border-block-end:var(--perron-border-width-025) solid var(--perron-color-border-subtle);display:flex}.fd-specimen+.fd-tile-caption{padding-block-start:var(--perron-space-200)}.fd-specimen-name{inline-size:calc(var(--fd-unit) * 3);flex:none}.fd-specimen-sample{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}.fd-specimen-size{flex:none}.fd-bars{gap:var(--perron-space-150);flex-direction:column;display:flex}.fd-bar-row{align-items:center;gap:var(--perron-space-300);display:flex}.fd-bar-name{inline-size:var(--fd-name-width);flex:none}.fd-bar{block-size:var(--perron-space-300);border-radius:var(--perron-radius-xs);background:var(--perron-color-surface-inverse);flex:none;max-inline-size:100%;display:inline-block}.fd-bar-value,.fd-corner-label,.fd-breakpoint-value{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking);color:var(--perron-color-text-secondary)}.fd-corners{gap:var(--perron-space-400) var(--perron-space-300);grid-template-columns:repeat(3,1fr);display:grid}.fd-corner{align-items:center;gap:var(--perron-space-150);flex-direction:column;display:flex}.fd-corner-shape{inline-size:calc(var(--fd-unit) + var(--perron-space-500));block-size:calc(var(--fd-unit) + var(--perron-space-500));border:var(--perron-border-width-050) solid var(--perron-color-text-primary);border-block-end-color:#0000;border-inline-end-color:#0000}.fd-focus{align-items:center;gap:var(--perron-space-300);padding-block-start:var(--perron-space-100);display:flex}.fd-focus-sample{block-size:var(--perron-size-button-sm);padding-inline:var(--perron-space-300);border-radius:var(--perron-radius-md);border:var(--perron-border-width-025) solid var(--perron-color-border-control);outline:var(--perron-focus-width) solid var(--perron-color-border-focus);outline-offset:var(--perron-focus-offset);font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking);flex:none;align-items:center;display:inline-flex}.fd-map{isolation:isolate;block-size:calc(var(--fd-unit) * 5 + var(--perron-space-400));border-radius:var(--perron-radius-lg);background:var(--perron-color-map-land);position:relative;overflow:hidden}.fd-ground-label{font:var(--perron-typography-overline);letter-spacing:var(--perron-typography-overline-tracking);text-transform:uppercase;color:var(--perron-color-map-label);position:absolute;inset-block-start:var(--perron-space-300);inset-inline-start:var(--perron-space-300)}.fd-glass-sample{inset:calc(var(--fd-unit) + var(--perron-space-200)) var(--perron-space-300) var(--perron-space-300) calc(var(--fd-unit) * 2);gap:var(--perron-space-200);padding:var(--perron-space-300);border-radius:var(--perron-radius-lg);font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking);color:var(--perron-color-text-secondary);flex-direction:column;display:flex;position:absolute}.fd-raised-sample{gap:var(--perron-space-200);padding:var(--perron-space-300);border-radius:var(--perron-radius-md);background:var(--perron-color-surface-raised);flex-direction:column;flex:1;display:flex}.fd-inset-sample{block-size:var(--perron-space-400);border-radius:var(--perron-radius-sm);background:var(--perron-color-surface-inset)}.fd-map-tile{gap:0;padding:0;overflow:hidden}.fd-map-tile>.fd-tile-head{padding:var(--perron-space-400) var(--perron-space-500) 0;order:1}.fd-map-tile>.fd-map{border-radius:0}.fd-map-text{padding:var(--perron-space-200) var(--perron-space-500) var(--perron-space-500);order:2}.fd-motions{gap:var(--perron-space-300);flex-direction:column;display:flex}.fd-motion-row{gap:var(--perron-space-150);flex-direction:column;display:flex}.fd-motion-names{justify-content:space-between;gap:var(--perron-space-200);font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking);color:var(--perron-color-text-secondary);flex-wrap:wrap;display:flex}.fd-track{block-size:calc(var(--perron-space-600) + var(--perron-space-050));border-radius:var(--perron-radius-full);background:var(--perron-color-surface-inset);position:relative}.fd-track-dot{inline-size:calc(var(--perron-space-400) + var(--perron-space-050));block-size:calc(var(--perron-space-400) + var(--perron-space-050));border-radius:var(--perron-radius-full);background:var(--perron-color-surface-inverse);transition:inset-inline-start var(--fd-duration) var(--fd-easing);position:absolute;inset-block-start:var(--perron-space-100);inset-inline-start:var(--perron-space-100)}.fd-track[data-quiet] .fd-track-dot{background:var(--perron-color-text-secondary)}.fd-tile:is(:hover,:focus-visible) .fd-track-dot{inset-inline-start:calc(100% - var(--perron-space-400) - var(--perron-space-050) - var(--perron-space-100))}.fd-pulse-row{align-items:center;gap:var(--perron-space-300);display:flex}.fd-pulse{inline-size:calc(var(--perron-space-600) + var(--perron-space-050));block-size:calc(var(--perron-space-600) + var(--perron-space-050));flex:none;overflow:visible}.fd-pulse-dot{fill:var(--perron-color-transit-line-a)}.fd-pulse-ring{fill:none;stroke:var(--perron-color-transit-line-a);stroke-width:var(--perron-vehicle-dot-timetable-stroke-width);transform-box:fill-box;transform-origin:50%;visibility:hidden}.fd-tile:is(:hover,:focus-visible) .fd-pulse-ring{visibility:visible;animation:fd-pulse var(--fd-duration) var(--perron-easing-standard) forwards}@keyframes fd-pulse{to{transform:scale(var(--fd-growth));opacity:0}}.fd-icons{gap:var(--perron-space-150);color:var(--perron-color-text-primary);grid-template-columns:repeat(5,1fr);display:grid}.fd-icon{block-size:calc(var(--fd-unit) + var(--perron-space-300));border-radius:var(--perron-radius-md);background:var(--perron-color-surface-inset);justify-content:center;align-items:center;display:flex}.fd-logos{gap:var(--perron-space-200);grid-template-columns:1fr 1fr;display:grid}.fd-logo{block-size:calc(var(--fd-unit) * 3 + var(--perron-space-400));border-radius:var(--perron-radius-lg);background:var(--perron-color-surface-default);justify-content:center;align-items:center;display:flex}.fd-logo svg{inline-size:auto;block-size:calc(var(--fd-unit) + var(--perron-space-500))}.fd-screen{block-size:calc(var(--fd-unit) * 3 + var(--perron-space-400));border-radius:var(--perron-radius-lg);background:var(--perron-color-map-land);position:relative;overflow:hidden}.fd-screen>span{background:var(--perron-color-surface-overlay);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);border-radius:var(--perron-radius-md);position:absolute}.fd-screen-bar{inset:var(--perron-space-200) var(--perron-space-200) auto;block-size:var(--perron-space-400)}.fd-screen-sheet{inset-block:calc(var(--perron-space-600) + var(--perron-space-100)) var(--perron-space-200);inline-size:30%;inset-inline-start:var(--perron-space-200)}.fd-screen-detail{inset-block:calc(var(--perron-space-600) + var(--perron-space-100)) var(--perron-space-200);inline-size:26%;inset-inline-end:var(--perron-space-200)}.fd-screen-controls{inline-size:var(--perron-space-300);block-size:var(--perron-space-600);inset-block-end:var(--perron-space-300);inset-inline-end:36%}.fd-breakpoints{gap:var(--perron-space-100);flex-direction:column;display:flex}.fd-breakpoint{align-items:baseline;gap:var(--perron-space-300);display:flex}.fd-breakpoint-name{inline-size:calc(var(--fd-unit) * 3);flex:none}.fd-breakpoint-value{inline-size:var(--fd-name-width);color:var(--perron-color-text-primary);flex:none}.fd-breakpoint-use{font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary)}.fd-pairs{gap:var(--perron-space-200);flex-direction:column;display:flex}.fd-pair{align-items:center;gap:var(--perron-space-300);padding:var(--perron-space-300);border-radius:var(--perron-radius-md);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);flex-wrap:wrap;display:flex}.fd-pair-name{font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking);flex:1}.fd-pair-ratio{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking)}:root[data-theme=light] [data-for-theme=dark],:root:not([data-theme=light]) [data-for-theme=light]{display:none}.fd-words-tile .fd-quote{font:var(--perron-typography-heading-sm);letter-spacing:var(--perron-typography-heading-sm-tracking)}.fd-chips{gap:var(--perron-space-150);flex-wrap:wrap;display:flex}.fd-chip{min-block-size:var(--perron-size-segment);padding-inline:var(--perron-space-300);border-radius:var(--perron-radius-full);background:var(--perron-color-surface-inset);font:var(--perron-typography-data);letter-spacing:var(--perron-typography-data-tracking);align-items:center;display:inline-flex}.fd-states{gap:var(--perron-space-300);flex-direction:column;display:flex}.fd-state{align-items:baseline;gap:var(--perron-space-300);display:flex}.fd-state-name{inline-size:calc(var(--fd-unit) * 3 + var(--perron-space-200));font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking);flex:none}.fd-state-name:has(.pn-VehicleDot){inline-size:calc(var(--fd-unit) * 3 + var(--perron-space-200) * 2 + var(--perron-icon-size-400))}.fd-state-name .pn-VehicleDot{margin-inline-end:var(--perron-space-200)}.fd-state-means{min-inline-size:0;font:var(--perron-typography-body-sm);letter-spacing:var(--perron-typography-body-sm-tracking);color:var(--perron-color-text-secondary)}.fd-body{gap:var(--perron-space-600);flex-direction:column;display:flex}.fd-body code,.fd-value code{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking)}.fd-value{gap:var(--perron-space-050);min-inline-size:0;display:grid}.fd-alias{font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary)}.fd-types{gap:var(--perron-space-200);display:grid}.fd-type{padding:var(--perron-space-400);border-radius:var(--perron-radius-lg);background:var(--perron-color-surface-raised);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);overflow-wrap:anywhere}.fd-type-meta,.fd-type-use{margin:var(--perron-space-200) 0 0;font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary)}.fd-swatch-grid{grid-template-columns:repeat(auto-fill, minmax(var(--fd-card-min), 1fr));gap:var(--perron-space-300);margin:0;padding:0;list-style:none;display:grid}.fd-swatch-card{gap:var(--perron-space-150);min-inline-size:0;padding:var(--perron-space-200) var(--perron-space-200) var(--perron-space-300);border-radius:var(--perron-radius-lg);background:var(--perron-color-surface-raised);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);flex-direction:column;display:flex}.fd-swatch-card>:not(.fd-swatch-split){padding-inline:var(--perron-space-100)}.fd-swatch-split{border-radius:var(--perron-radius-md);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);display:flex;overflow:hidden}.fd-swatch-half{padding:var(--perron-space-200);background:var(--fd-checker) content-box, var(--perron-color-surface-default);flex:1;display:flex}.fd-swatch-paint{block-size:calc(var(--fd-swatch-height) - var(--perron-space-400));border-radius:var(--perron-radius-sm);outline:var(--perron-border-width-025) solid var(--perron-color-border-subtle);flex:1}.fd-swatch-token{overflow-wrap:anywhere}.fd-swatch-values{gap:var(--perron-space-200) var(--perron-space-400);flex-wrap:wrap;display:flex}.fd-swatch-value{gap:var(--perron-space-050);display:grid}.fd-theme-name{font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking);color:var(--perron-color-text-secondary)}.fd-scale{gap:var(--perron-space-200);margin:0;padding:0;list-style:none;display:grid}.fd-scale-row{align-items:center;gap:var(--perron-space-400);display:flex}.fd-scale-name{inline-size:calc(var(--fd-unit) * 3);flex:none}.scroll-x.fd-table-frame{scrollbar-width:thin;padding:var(--site-ring-room);margin:calc(-1 * var(--site-ring-room))}.fd-table{border-collapse:collapse;inline-size:100%}.fd-table :is(th,td){padding:var(--perron-space-200) var(--perron-space-300);border-block-end:var(--perron-border-width-025) solid var(--perron-color-border-subtle);text-align:start;vertical-align:middle}.fd-table thead th{font:var(--perron-typography-label-sm);letter-spacing:var(--perron-typography-label-sm-tracking);color:var(--perron-color-text-secondary);white-space:nowrap}.fd-table tbody th{min-inline-size:calc(var(--fd-unit) * 6);font-weight:inherit}.fd-table tbody th code{white-space:nowrap}.fd-table td{font:var(--perron-typography-body-sm);letter-spacing:var(--perron-typography-body-sm-tracking)}.fd-cell{align-items:center;gap:var(--perron-space-300);min-inline-size:calc(var(--fd-unit) * 5);padding:var(--perron-space-200);border-radius:var(--perron-radius-md);color:var(--perron-color-text-primary);display:flex}.fd-cell[data-theme]{background:var(--perron-color-surface-default);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle)}.fd-contrast-caption{text-align:start;font:var(--perron-typography-caption);letter-spacing:var(--perron-typography-caption-tracking);color:var(--perron-color-text-secondary);padding-block-end:var(--perron-space-200)}.fd-contrast td{padding:var(--perron-space-100)}.fd-contrast-cell{align-items:baseline;gap:var(--perron-space-200);padding:var(--perron-space-200) var(--perron-space-300);border-radius:var(--perron-radius-sm);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);display:flex}.fd-contrast-sample{font:var(--perron-typography-heading-md);letter-spacing:var(--perron-typography-heading-md-tracking)}.fd-contrast-ratio{font:var(--perron-typography-data-sm);letter-spacing:var(--perron-typography-data-sm-tracking);white-space:nowrap}.fd-contrast-cell[data-miss] .fd-contrast-ratio{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.fd-chip-swatch{inline-size:var(--fd-unit);block-size:var(--fd-unit);border-radius:var(--perron-radius-sm);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);background:linear-gradient(var(--fd-fill), var(--fd-fill)), var(--fd-checker);flex:none}.fd-solid{background:var(--perron-color-text-primary)}.fd-shadow{inline-size:calc(var(--fd-unit) * 2);block-size:calc(var(--fd-unit) + var(--perron-space-200));border-radius:var(--perron-radius-md);background:var(--perron-color-surface-raised);flex:none}.fd-curve{inline-size:calc(var(--fd-unit) * 2);block-size:calc(var(--fd-unit) * 2);flex:none;overflow:visible}.fd-curve path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.fd-curve-axis{stroke:var(--perron-color-border-strong);stroke-width:var(--perron-border-width-025)}.fd-curve-line{stroke:var(--perron-color-text-primary);stroke-width:var(--perron-border-width-050)}.fd-dash{inline-size:var(--fd-unit);block-size:var(--perron-space-200);flex:none;overflow:visible}.fd-dash line{stroke:var(--perron-color-text-primary);stroke-width:var(--perron-vehicle-dot-timetable-stroke-width)}.fd-leading{font:var(--perron-typography-body);letter-spacing:var(--perron-typography-body-tracking);background:linear-gradient(var(--perron-color-surface-selected), var(--perron-color-surface-selected))}.fd-stack{inline-size:calc(var(--fd-layer) * var(--perron-space-200))}.fd-glass-chip{inline-size:calc(var(--fd-unit) * 2);block-size:var(--fd-unit);border-radius:var(--perron-radius-sm);background:repeating-linear-gradient(90deg, var(--perron-color-transit-line-m1) 0 var(--perron-space-100), var(--perron-color-transit-line-a) 0 var(--perron-space-200), var(--perron-color-map-land) 0 var(--perron-space-300));flex:none;position:relative;overflow:hidden}.fd-glass-chip:after{content:"";inset:var(--perron-space-100) 0 var(--perron-space-100) 50%;background:var(--perron-color-surface-overlay);-webkit-backdrop-filter:blur(var(--perron-effect-glass-blur)) saturate(var(--perron-effect-glass-saturate));backdrop-filter:blur(var(--perron-effect-glass-blur)) saturate(var(--perron-effect-glass-saturate));position:absolute}.fd-square{inline-size:var(--fd-unit);block-size:var(--fd-unit);background:var(--perron-color-surface-selected);border:var(--perron-border-width-025) solid var(--perron-color-border-control);flex:none}.fd-ring{border-radius:var(--perron-radius-md);outline:var(--perron-focus-width) solid var(--perron-color-border-focus)}.fd-stroke{inline-size:var(--fd-unit);border-block-start:var(--perron-border-width-050) solid var(--perron-color-text-primary);flex:none}.fd-icon-size{color:var(--perron-color-text-primary);display:inline-flex}.fd-tracks{inline-size:var(--fd-unit);flex-direction:column;flex:none;display:flex}.fd-tracks:before,.fd-tracks:after{content:"";border-block-start:var(--perron-map-line-width-stog) solid var(--perron-color-transit-line-a)}.fd-tracks:after{border-block-start-color:var(--perron-color-transit-line-c)}.fd-scaled{align-items:center;gap:var(--perron-space-200);display:inline-flex}.fd-demo{align-items:center;gap:var(--perron-space-300);display:inline-flex}.fd-demo-track{inline-size:calc(var(--fd-unit) * 3);block-size:var(--perron-space-400);border-radius:var(--perron-radius-full);background:var(--perron-color-surface-inset);flex:none;position:relative}.fd-demo-dot{inline-size:var(--perron-space-300);block-size:var(--perron-space-300);border-radius:var(--perron-radius-full);background:var(--perron-color-status-info);transition:inset-inline-start var(--fd-duration) var(--fd-easing);position:absolute;inset-block-start:var(--perron-space-050);inset-inline-start:var(--perron-space-050)}.fd-demo-track[data-end] .fd-demo-dot{inset-inline-start:calc(100% - var(--perron-space-300) - var(--perron-space-050))}.fd-gallery-group{gap:var(--perron-space-300);flex-direction:column;display:flex}.fd-gallery-title{font:var(--perron-typography-heading-sm);letter-spacing:var(--perron-typography-heading-sm-tracking);margin:0}.fd-gallery{grid-template-columns:repeat(auto-fill, minmax(var(--fd-card-min), 1fr));gap:var(--perron-space-300);margin:0;padding:0;list-style:none;display:grid}.fd-gallery-item{align-items:flex-start;gap:var(--perron-space-100);min-inline-size:0;padding:var(--perron-space-400);border-radius:var(--perron-radius-lg);background:var(--perron-color-surface-raised);border:var(--perron-border-width-025) solid var(--perron-color-border-subtle);flex-direction:column;display:flex}.fd-gallery-icon{align-items:center;gap:var(--perron-space-400);block-size:calc(var(--fd-unit) * 2);color:var(--perron-color-text-primary);display:flex}.fd-gallery-icon svg+svg{inline-size:calc(var(--perron-icon-size) * 3);block-size:calc(var(--perron-icon-size) * 3)}.fd-gallery-logo{block-size:calc(var(--fd-unit) * 3);border-radius:var(--perron-radius-md);background:var(--perron-color-surface-default);justify-content:center;align-self:stretch;align-items:center;display:flex}.fd-gallery-logo svg{inline-size:auto;block-size:calc(var(--fd-unit) + var(--perron-space-400))}.fd-gallery-label{font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking)}@media (max-width:759.98px){.fd-layout{flex-direction:column;align-items:stretch}.fd-nav{flex-direction:row;align-items:center;inline-size:auto;position:static}.fd-nav.glass,.fd-brand-value.glass,.fd-using.glass,.fd-tile.glass{background-color:var(--perron-color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}.fd-nav-group{padding-block:0}.fd-ramp{gap:var(--perron-space-100);flex-direction:column}.fd-ramp-name{padding-block-start:0}.fd-ramp-steps{inline-size:100%}.fd-tile{padding:var(--perron-space-400)}.fd-specimen{justify-content:space-between;row-gap:var(--perron-space-100);flex-wrap:wrap}.fd-specimen-sample{white-space:normal;flex-basis:100%;order:1}.fd-map-tile{padding:0}}@media (prefers-reduced-motion:reduce){.fd-tile:is(:hover,:focus-visible) .fd-pulse-ring{visibility:hidden;animation:none}.fd-demo-dot,.fd-track-dot{transition:none}}