@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00ff,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-italic-DnD1KgkH.woff2) format("woff2-variations");unicode-range:U+0000-00ff,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}:root{--black: #000000;--grey-1: #22272b;--grey-2: #495054;--grey-3: #cdd3d6;--grey-4: #ebebeb;--white: #ffffff;--muted: #5e5e5e;--dark: #1e2330;--supplementary: #e8efd6;--bright: #ffbd14;--bright-hover: color-mix(in srgb, var(--bright), black 12%);--overlay-black-light: rgb(0 0 0 / 35%);--overlay-black-dark: rgb(0 0 0 / 70%);--accessibility-highlight-color: #fdd522;--color-page-background: var(--white);--color-surface-text: var(--dark);--color-surface-text-light: var(--white);--color-surface-text-muted: var(--muted);--color-accent: var(--dark);--theme-light: var(--white);--theme-dark: var(--dark);--theme-dark-rgb: 30, 35, 48;--theme-supplementary: var(--supplementary);--theme-supplementary-rgb: 232, 239, 214;--theme-bright: var(--bright);--theme-bright-rgb: 255, 189, 20;--font-family-heading: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;--font-family-text: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;--size-step-xxs: .75rem;--size-step-xs: .875rem;--size-step-1: 1rem;--size-step-2: 1.125rem;--size-step-3: 1.25rem;--size-step-4: 1.5rem;--size-step-5: 2.25rem;--size-step-6: 2.5rem;--size-step-7: 3rem;--size-step-8: 3.5rem;--size-step-9: 4rem;--heading-giant: clamp(2.75rem, 13.208vw + -2.203rem, 6.25rem);--heading-1: clamp(2.5rem, 9.434vw + -1.038rem, 5rem);--heading-2: clamp(1.75rem, 6.604vw + -.726rem, 3.5rem);--heading-3: clamp(1.5rem, 1.42vw + .967rem, 1.875rem);--heading-4: clamp(1.25rem, .94vw + .898rem, 1.5rem);--heading-1-lh: 1.05;--heading-2-lh: 1.1;--heading-3-lh: 1.2;--heading-4-lh: 1.25;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 800;--leading: 1.5;--leading-fine: 1.1;--leading-flat: 1;--leading-short: 1.25;--leading-loose: 1.75;--kerning: normal;--kerning-tight: -.02em;--kerning-loose: .08em;--container-max-width: 76.25rem;--container-gutter: clamp(1.5rem, 3.81vw + .071rem, 3.5rem);--gap: 1.5rem;--gap-m: var(--flow-space-1);--gap-l: var(--flow-space-2);--spacing-xs: .5rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 3rem;--flow-space-1: clamp(1rem, 6vw, 2rem);--flow-space-2: clamp(1rem, 6vw, 3rem);--flow-space-3: clamp(1rem, 6vw, 4rem);--grid-columns: 12;--grid-gap: 1rem;--grid-min-item-size: 16rem;--default-transition-timing-function: cubic-bezier(.39, .575, .565, 1);--default-transition-duration: .25s;--default-transition: var(--default-transition-duration) var(--default-transition-timing-function);--border-radius-s: .25rem;--border-radius-m: .5rem;--border-radius-full: 100vw;--box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / 15%);--focus-ring-offset: 2px;--z-index-default: 0;--z-index-content: 1;--z-index-mask: 10;--z-index-sticky: 20;--z-index-dropdown: 30;--z-index-overlay: 40;--z-index-modal: 50;--z-index-popup: 60;--z-index-highest: 2147483647}@media(min-width:90rem){:root{--container-gutter: 1.5rem}}:root{color:#17211b;background:#f3f5f3;font-family:Plus Jakarta Sans,Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}.catalogue{--catalogue-header-height: 4.5rem;display:grid;grid-template-columns:17.5rem minmax(0,1fr);grid-template-rows:var(--catalogue-header-height) minmax(0,1fr);min-height:100vh}.catalogue__header{position:sticky;z-index:30;top:0;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:var(--catalogue-header-height);padding:0 1.5rem;border-bottom:1px solid #d7dcd8;background:#fff}.catalogue__header-actions{display:flex;align-items:center;gap:1rem}.catalogue__version{display:flex;align-items:center;gap:.5rem;margin:0;color:#59635c;font-size:.8rem}.catalogue__version strong{padding:.3rem .55rem;border:1px solid #c8cec9;border-radius:100vw;color:#17211b;background:#f7f9f7;font-size:.75rem}.catalogue__sidebar{position:sticky;top:var(--catalogue-header-height);grid-row:2;height:calc(100vh - var(--catalogue-header-height));padding:1rem .75rem;overflow-y:auto;color:#17211b;background:#fff;border-right:1px solid #d7dcd8}.catalogue__menu-toggle{display:none;align-items:center;gap:.5rem;padding:.5rem .7rem;border:1px solid #c8cec9;border-radius:.3rem;color:#17211b;background:#fff;font-weight:600;cursor:pointer}.catalogue__menu-toggle svg{width:1.1rem;height:1.1rem}.catalogue__brand{margin:0;font-size:1.2rem}.catalogue__brand a{color:inherit;text-decoration:none}.catalogue__label{display:block;margin-bottom:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.catalogue__control{width:100%;min-height:2.5rem;padding:.5rem .65rem;border:1px solid #c8cec9;border-radius:.3rem;color:#17211b;background:#fff}.catalogue__control:is(select){padding-right:2.5rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2317211b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}.catalogue__navigation{display:grid;gap:.25rem}.catalogue__navigation-title{margin:0 0 .75rem;padding:0 .75rem;color:#59635c;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.catalogue__navigation-introduction{margin-bottom:1.25rem}.catalogue__navigation-group{border-top:1px solid #e1e5e2}.catalogue__navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.9rem .75rem;color:#17211b;font-size:.9rem;font-weight:600;list-style:none;cursor:pointer}.catalogue__navigation-heading::-webkit-details-marker{display:none}.catalogue__navigation-heading:after{content:"";width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;transition:rotate .2s ease}.catalogue__navigation-group[open] .catalogue__navigation-heading:after{rotate:225deg}.catalogue__navigation-links{display:grid;gap:.25rem;padding-bottom:.5rem}.catalogue__navigation-links a{padding-left:1.5rem;font-size:.825rem}.catalogue__navigation a{display:block;padding:.65rem .75rem;border-radius:.2rem;color:inherit;text-decoration:none}.catalogue__navigation a:hover{background:#f1f4f2}.catalogue__navigation a[aria-current=true]{box-shadow:inset 3px 0 #17211b;background:#e8efd6;font-weight:600}.catalogue__main{grid-row:2;min-width:0}.catalogue__foundations{max-width:78rem;margin-inline:auto;padding:clamp(2rem,5vw,5rem)}.catalogue__foundations-header{max-width:48rem;margin-bottom:var(--flow-space-2)}.catalogue__foundations-header>p:last-child{color:#4d5750;font-size:1.15rem;line-height:1.6}.catalogue__foundations-heading{margin:0 0 1rem;font-size:clamp(2.25rem,5vw,4rem);line-height:1}.catalogue__token-groups>*+*,.catalogue__documentation-section+.catalogue__documentation-section{margin-top:var(--flow-space-2)}.catalogue__documentation-section h3{margin:0 0 1rem;font-size:1.5rem}.catalogue__documentation-section p{max-width:70ch;line-height:1.6}.catalogue__documentation-section code{border-radius:.2rem;font-size:.9em}.catalogue__token-list{margin:0;border-top:1px solid #d7dcd8}.catalogue__token-list>div{display:grid;grid-template-columns:2rem minmax(14rem,1fr) minmax(12rem,2fr);align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #d7dcd8}.catalogue__token-list dt{grid-column:2}.catalogue__token-list dd{margin:0;overflow-wrap:anywhere;color:#59635c;font-size:.85rem}.catalogue__token-list dd code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.catalogue__token-swatch{grid-column:1;width:1.5rem;height:1.5rem;border:1px solid #b8c0ba;border-radius:50%}.catalogue__grid-demo{display:grid;grid-template-columns:repeat(12,minmax(2.5rem,1fr));gap:.35rem;margin-top:1.5rem;overflow-x:auto}.catalogue__grid-demo span{padding:1.5rem .25rem;color:#fff;background:#33443a;text-align:center}.catalogue__definition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.catalogue__definition-list>div{padding:1.25rem;border:1px solid #d7dcd8;border-radius:.4rem;background:#f7f9f7}.catalogue__definition-list dt{margin-bottom:.5rem;font-weight:700}.catalogue__definition-list dd{margin:0;color:#59635c;line-height:1.5}.catalogue__code{margin:1rem 0 0;padding:1.25rem;overflow-x:auto;color:#eef5ef;background:#17211b}.catalogue__code code{padding:0;background:transparent}.catalogue__data-table-wrap{overflow-x:auto}.catalogue__data-table{width:100%;border-collapse:collapse}.catalogue__data-table th,.catalogue__data-table td{padding:.8rem;border-bottom:1px solid #d7dcd8;text-align:left}.catalogue__type-sample{margin:0;font-size:clamp(3rem,9vw,8rem);font-weight:700;letter-spacing:-.04em;line-height:1}.catalogue__type-scale{border-top:1px solid #d7dcd8}.catalogue__type-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid #d7dcd8;line-height:1.15}.catalogue__type-row code{align-self:flex-start;font-size:.75rem;font-weight:400;line-height:1.4}.catalogue__home{min-height:100vh;padding:clamp(3rem,8vw,8rem) clamp(2rem,7vw,7rem);background:#fff}.catalogue__home-inner{max-width:68rem}.catalogue__eyebrow{margin:0 0 1rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.catalogue__home-heading{max-width:18ch;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:1;letter-spacing:-.04em}.catalogue__home-intro{max-width:46rem;margin:2rem 0;color:#4d5750;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.catalogue__home-link{display:inline-block;padding:.8rem 1.1rem;border-radius:.3rem;color:#fff;background:#17211b;font-weight:600;text-decoration:none}.catalogue__home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(3rem,7vw,6rem)}.catalogue__home-grid article{padding:1.5rem;border:1px solid #d7dcd8;border-radius:.4rem;background:#f7f9f7}.catalogue__home-grid h3{margin:0 0 .65rem;font-size:1.05rem}.catalogue__home-grid p{margin:0;color:#59635c;line-height:1.55}.catalogue__toolbar{position:sticky;z-index:10;top:var(--catalogue-header-height);display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #d7dcd8;background:#fffffff5}.catalogue__field{width:min(11rem,15vw)}.catalogue__field--class{width:min(14rem,20vw)}.catalogue__stage{min-height:calc(100vh - 5.5rem);padding:2rem;overflow-x:auto}.catalogue__example-heading{margin:0 0 1.5rem;font-size:1.5rem}.catalogue__example-toolbar{padding:.75rem 1rem;border:1px solid #c8cec9;border-bottom:0;background:#fff;font-size:.875rem}.catalogue__example-toolbar a{color:#24533d;text-underline-offset:.15em}.catalogue__example-toolbar a:hover{text-decoration-thickness:.15em}.catalogue__example-footer{padding:.75rem 1rem;border:1px solid #c8cec9;border-top:0;background:#fff;font-size:.875rem}.catalogue__example-action{padding:0;border:0;color:#24533d;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.catalogue__example-action:hover{text-decoration-thickness:.15em}.catalogue__preview{display:flex;min-width:0}.catalogue__preview[data-fixed-width=true]{justify-content:center}.catalogue__frame{display:block;box-sizing:content-box;width:100%;height:1px;padding:.75rem 1rem;border:1px solid #c8cec9;overflow:hidden;background:#fff;box-shadow:0 .5rem 2rem #17211b14}.catalogue__source{margin:1.5rem 0 0;padding:1.25rem;overflow-x:auto;border-radius:.3rem;color:#eef5ef;background:#17211b;font:.875rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}@media(max-width:62rem){.catalogue{grid-template-columns:12rem minmax(0,1fr)}.catalogue__field,.catalogue__field--class{width:calc(50% - .5rem)}.catalogue__home-grid{grid-template-columns:1fr}}@media(max-width:48rem){.catalogue{--catalogue-header-height: 4rem;grid-template-columns:1fr;grid-template-rows:var(--catalogue-header-height) auto minmax(0,1fr)}.catalogue__header{grid-column:1;min-height:var(--catalogue-header-height);padding:0 1rem}.catalogue__sidebar{position:sticky;z-index:20;top:var(--catalogue-header-height);grid-row:2;height:auto;padding:0 1rem;overflow:visible;border-right:0;border-bottom:1px solid #d7dcd8}.catalogue__version>span{display:none}.catalogue__menu-toggle{display:flex}.catalogue__sidebar-content{display:none;max-height:calc(100vh - 4rem);padding:1rem 0;overflow-y:auto}.catalogue__sidebar[data-menu-open=true] .catalogue__sidebar-content{display:block}.catalogue__main{grid-row:3}.catalogue__toolbar{position:static;padding:1rem}.catalogue__field,.catalogue__field--class{width:calc(50% - .5rem)}.catalogue__stage,.catalogue__foundations{padding:1rem}.catalogue__home{min-height:0;padding:3rem 1.25rem}.catalogue__home-heading{font-size:clamp(2.25rem,12vw,4rem)}.catalogue__definition-list{grid-template-columns:1fr}.catalogue__token-list>div{grid-template-columns:2rem minmax(0,1fr)}.catalogue__token-list dd{grid-column:2}}@media(max-width:32rem){.catalogue__field,.catalogue__field--class,.catalogue__button{width:100%}}