*{box-sizing:border-box}body{color:#22252a;background:#fafafa;margin:0;font:16px/1.55 Segoe UI,sans-serif}a{color:inherit;text-underline-offset:4px}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #2169a9}h1,h2,p{margin-top:0}h1{letter-spacing:-1.5px;margin-bottom:13px;font-size:44px;font-weight:650;line-height:1.15}h2{letter-spacing:-.5px;font-size:28px;font-weight:600;line-height:1.2}.site-nav,main,footer{max-width:1424px;margin:auto;padding-left:48px;padding-right:48px}.site-nav{border-bottom:1px solid #dedfe2;justify-content:space-between;align-items:center;height:108px;display:flex}.brand{letter-spacing:-.7px;font-size:23px;font-weight:700;text-decoration:none}.brand span{letter-spacing:0;color:#6a7078;font-size:12px;font-weight:400;display:block}.site-nav nav{gap:32px;display:flex}.site-nav nav a{color:#69707a;padding:12px 0;text-decoration:none}.site-nav nav a[aria-current]{color:#25282d;border-bottom:2px solid #25282d}.page-intro{justify-content:space-between;align-items:center;gap:28px;padding:48px 0 28px;display:flex}.page-intro p{color:#636b75;margin:0}.library-count{text-align:right;flex-shrink:0;font-weight:600}.library-count span{font-size:14px;font-weight:400;display:block}.selection{grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:36px;display:grid}.preview-wrap{background:#e4e6e9;border-radius:4px;padding:16px 16px 0}.preview-wrap img{aspect-ratio:16/9;object-fit:contain;background:#fff;width:100%;height:auto;display:block;box-shadow:0 3px 12px #1e263015}.preview-caption{color:#58616c;justify-content:space-between;gap:12px;padding:14px 1px;font-size:12px;display:flex}.design-controls{padding-top:6px}.design-controls .use{color:#65707c;margin-bottom:9px;font-size:13px}.design-controls h2{margin-bottom:12px;font-size:36px}.design-controls>p{color:#616a75;font-size:14px}.design-controls .field-title{color:#272c34;margin:24px 0 12px;font-size:14px;font-weight:600}#palettes{flex-wrap:wrap;gap:10px;display:flex}.palette{background:0 0;border:1px solid #0000;border-radius:50%;width:42px;height:42px;padding:5px;position:relative}.palette span{background:var(--swatch);border-radius:50%;width:30px;height:30px;display:block}.palette[aria-pressed=true]{border-color:#303841}.palette[aria-pressed=true]:after{content:"✓";text-align:center;color:#fff;font-size:16px;font-weight:600;position:absolute;inset:9px}.palette-description{min-height:22px;margin:10px 0 21px!important}.primary,.secondary{text-align:center;border:1px solid #303640;border-radius:4px;padding:11px 16px;font:600 14px/1.5 Segoe UI,sans-serif;text-decoration:none;transition:background .12s;display:block}.primary{color:#fff;background:#303640}.primary:hover{background:#151c25}.secondary{color:#303640;background:#fff}.secondary:hover{background:#f0f2f4}.design-controls .primary{width:100%;margin-bottom:10px}.scope-note{line-height:1.55;color:#6a727d!important;margin:13px 0 0!important;font-size:12px!important}#selection-feedback{color:#225b43;min-height:21px;margin:12px 0 0;font-size:13px}.family-section{margin-top:49px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:24px}.section-heading p{color:#69727c;margin:0;font-size:14px}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.family{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #dadddf;border-radius:4px;padding:0;display:block;overflow:hidden}.family[aria-pressed=true]{border:2px solid #2d343e}.family img{aspect-ratio:16/9;object-fit:contain;border-bottom:1px solid #e6e7e9;width:100%;height:auto;display:block}.family-copy{padding:16px 18px}.family-copy strong{font-size:20px;font-weight:600;display:block}.family-copy span{color:#6c747f;margin-top:5px;font-size:12px;display:block}.family:hover{border-color:#555e69}.downloads{border-top:1px solid #dadde1;grid-template-columns:1fr 1fr;gap:72px;margin-top:60px;padding-top:38px;display:grid}.downloads h2{font-size:24px}.downloads p{color:#626c78;max-width:58ch;font-size:14px}.download{min-width:220px;display:inline-block}footer{color:#737a83;border-top:1px solid #dedfe2;justify-content:space-between;margin-top:55px;padding-top:24px;padding-bottom:28px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=1000px){.site-nav,main,footer{padding-left:28px;padding-right:28px}.selection{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.preview-caption{flex-direction:column;gap:4px}.family-grid{gap:16px}.page-intro h1{font-size:38px}}@media (width<=720px){.site-nav,main,footer{padding-left:18px;padding-right:18px}.site-nav{height:86px}.brand{font-size:20px}.brand span{font-size:10px}.site-nav nav{gap:18px;font-size:14px}.page-intro{align-items:flex-start;padding-top:32px}.page-intro h1{font-size:33px}.page-intro p{font-size:14px}.library-count{display:none}.selection{flex-direction:column;gap:23px;display:flex}.preview-wrap,.design-controls{width:100%}.preview-wrap{padding:9px 9px 0}.preview-caption{flex-direction:row;font-size:10px}.design-controls h2{font-size:30px}.design-controls .field-title{margin-top:18px}.section-heading{display:block}.section-heading p{margin-top:10px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.family-copy{padding:11px}.family-copy strong{font-size:18px}.family-copy span{font-size:11px}.downloads{grid-template-columns:1fr;gap:32px;margin-top:35px}.family-section{margin-top:32px}footer{gap:15px;margin-top:36px}}