.style-guide__demo-item[data-astro-cid-ofsn2rb4].u-hover-glow:hover{background-color:var(--clr-cta-90)!important}.style-guide__demo-item[data-astro-cid-ofsn2rb4].u-hover-color:hover{color:var(--clr-cta)!important}.sg-anim-demo[data-astro-cid-6s2o2zsd]{display:grid;place-items:center;height:5rem;background:var(--clr-surface);border-radius:var(--border-radius-m)}.sg-anim-box[data-astro-cid-6s2o2zsd]{width:3rem;height:3rem;background:var(--clr-cta);border-radius:var(--border-radius-s)}.sg-anim-box--spin[data-astro-cid-6s2o2zsd]{background:linear-gradient(135deg,var(--clr-cta) 50%,var(--clr-gold) 50%);border-radius:.25rem}[data-astro-cid-6s2o2zsd][data-anim=fade-in]:hover .sg-anim-box[data-astro-cid-6s2o2zsd]{animation:fade-in .6s ease-out}[data-astro-cid-6s2o2zsd][data-anim=fade-up]:hover .sg-anim-box[data-astro-cid-6s2o2zsd]{--_fade-distance: 1rem;animation:fade-up .6s ease-out}[data-astro-cid-6s2o2zsd][data-anim=scale-up]:hover .sg-anim-box[data-astro-cid-6s2o2zsd]{animation:scale-up .6s ease-out}[data-astro-cid-6s2o2zsd][data-anim=scale-in]:hover .sg-anim-box[data-astro-cid-6s2o2zsd]{--_scale-to: 1.15;animation:scale-in .6s ease-out forwards}[data-astro-cid-6s2o2zsd][data-anim=spin]:hover .sg-anim-box[data-astro-cid-6s2o2zsd]{animation:spin 1s linear infinite}.sg-spinner-demo[data-astro-cid-6s2o2zsd]{display:grid;place-items:center;min-width:5rem;height:5rem}@layer blocks.blocks{.tabs__list[data-astro-cid-dhgaq5xt]{border-block-end:1px solid var(--clr-border)}.tabs__tab[data-astro-cid-dhgaq5xt]{padding:var(--space-xs) var(--space-s);font-size:var(--step--2);color:var(--clr-text-muted);background:transparent;border:none;border-block-end:2px solid transparent;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease;cursor:pointer}.tabs__tab[data-astro-cid-dhgaq5xt]:hover{color:var(--clr-text)}.tabs__tab[data-astro-cid-dhgaq5xt][aria-selected=true]{color:var(--clr-punchline-terracotta);border-block-end-color:currentColor}.tabs__panels[data-astro-cid-dhgaq5xt]{padding-block-start:var(--space-m)}}@layer blocks.blocks{.accordion[data-astro-cid-wx4eh2ni]{border-block-end:1px solid var(--clr-border)}.accordion__summary[data-astro-cid-wx4eh2ni]{gap:var(--space-s);padding:var(--space-s) 0;list-style:none;cursor:pointer}.accordion__summary[data-astro-cid-wx4eh2ni]::-webkit-details-marker{display:none}.accordion__summary[data-astro-cid-wx4eh2ni]::marker{content:""}.accordion__title[data-astro-cid-wx4eh2ni]{flex:1}.accordion__icon[data-astro-cid-wx4eh2ni]{flex-shrink:0;font-size:1.25em;color:var(--clr-text-muted);transition:transform var(--transition-speed) ease}.accordion[data-astro-cid-wx4eh2ni][open] .accordion__icon[data-astro-cid-wx4eh2ni]{transform:rotate(180deg)}.accordion__content[data-astro-cid-wx4eh2ni]{padding-block-end:var(--space-s);color:var(--clr-text-muted)}}@layer blocks{.style-guide{padding-block:var(--space-xl) var(--space-3xl)}.style-guide__layout{display:grid;grid-template-columns:14rem 1fr;gap:0 var(--space-l);padding-block-start:var(--space-l)}.style-guide__sidebar{position:sticky;top:var(--space-m);align-self:start;max-height:calc(100vh - var(--space-xl));padding-block:var(--space-xs);padding-inline-end:var(--space-s);overflow-y:auto;overscroll-behavior:contain}.style-guide__sidebar::-webkit-scrollbar{width:3px}.style-guide__sidebar::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:3px}.style-guide__sidebar-title{margin-block-end:var(--space-s);padding-block-end:var(--space-s);padding-inline:var(--space-2xs);font-family:var(--ff-serif);color:var(--clr-text);border-block-end:1px solid var(--clr-border-light)}.style-guide__nav{display:grid;gap:var(--space-m)}.style-guide__nav-group{display:grid;gap:var(--space-3xs)}.style-guide__nav-heading{padding-block-end:var(--space-3xs);padding-inline:var(--space-2xs);font-weight:var(--fw-bolder);letter-spacing:.08em;text-transform:uppercase;color:var(--clr-text)}.style-guide__nav-item{display:block;width:100%;margin-inline-start:1em;padding:var(--space-3xs) var(--space-2xs);font-family:var(--ff-regular);text-align:start;color:var(--clr-text-muted);background:transparent;border:none;border-radius:var(--border-radius-s);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;cursor:pointer}.style-guide__nav-item:hover{color:var(--clr-text);background:var(--clr-surface)}.style-guide__nav-item[aria-selected=true]{font-family:var(--ff-semibold);color:#fff;background:var(--clr-grey-black)}.style-guide__content{min-width:0;padding-inline-start:var(--space-l);border-inline-start:1px solid var(--clr-border-light)}.style-guide__panel{--flow-space: var(--space-m)}.style-guide__panel h2{margin-block-end:var(--space-xs);font-size:var(--step-3)}.style-guide__panel h3{color:var(--clr-text)}.style-guide__panel a{text-decoration:underline;color:var(--clr-punchline-terracotta)}.style-guide__type-scale{--flow-space: var(--space-xs)}.style-guide__type-row{display:grid;grid-template-columns:6rem 1fr auto;gap:var(--space-m);align-items:baseline;padding:var(--space-xs) 0;border-block-end:1px solid var(--clr-border-light)}.style-guide__token-name{padding:.25em .5em;font-size:var(--step--3);color:var(--clr-text-muted);background:var(--clr-surface);border-radius:var(--border-radius-s)}.style-guide__type-sample{font-family:var(--ff-serif)}.style-guide__type-desc{font-size:var(--step--3);color:var(--clr-text-muted)}.style-guide__font-sample{padding:var(--space-s);background:#fff;border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m)}.style-guide__font-sample code{display:block;margin-block-end:var(--space-2xs);font-size:var(--step--3);color:var(--clr-text-muted)}.style-guide__headings>div{padding:var(--space-xs) 0;border-block-end:1px solid var(--clr-border-light)}.style-guide__headings code{font-size:var(--step--3);color:var(--clr-text-muted)}.style-guide__font-header{display:flex;gap:var(--space-s);align-items:center;margin-block-end:var(--space-2xs)}.style-guide__font-header code{padding:.25em .5em;font-size:var(--step--3);color:var(--clr-text-muted);background:var(--clr-surface);border-radius:var(--border-radius-s)}.style-guide__font-header span{font-size:var(--step--2);color:var(--clr-text-muted)}.style-guide__color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:var(--space-s)}.style-guide__color-swatch{display:grid;gap:var(--space-2xs)}.style-guide__swatch-preview{aspect-ratio:1;border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);box-shadow:0 2px 4px #0000000d}.style-guide__swatch-token{font-size:var(--step--3);text-align:center;color:var(--clr-text-muted)}.style-guide__space-scale{--flow-space: var(--space-2xs)}.style-guide__space-row{display:grid;grid-template-columns:5rem auto 1fr;gap:var(--space-s);align-items:center}.style-guide__space-bar{min-width:.25rem;height:1.5rem;background:var(--clr-primary);border-radius:var(--border-radius-s)}.style-guide__space-bar--pair{background:linear-gradient(90deg,var(--clr-primary) 0%,var(--clr-primary-60) 100%)}.style-guide__space-value,.style-guide__space-use{font-size:var(--step--3);color:var(--clr-text-muted)}.style-guide__space-note{font-size:var(--step--3);color:var(--clr-punchline-terracotta)}.style-guide__demo-box{padding:var(--space-m);background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-l)}.style-guide__demo-box--full{margin-inline:calc(var(--space-s-m) * -1);border-inline:none;border-radius:0}.style-guide__demo-wrapper{background:#fff9;border:2px dashed var(--clr-border)}.style-guide__demo-item{padding:var(--space-xs) var(--space-s);font-size:var(--step--2);text-align:center;background:#fff;border:1px solid var(--clr-border);border-radius:var(--border-radius-s)}.style-guide__demo-item--sm{padding:var(--space-3xs) var(--space-xs)}.style-guide__code-example{padding:var(--space-s);overflow-x:auto;background:var(--clr-grey-black);border-radius:var(--border-radius-m)}.style-guide__code-example pre{margin:0}.style-guide__code-example code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--step--2);line-height:1.6;white-space:pre;color:var(--clr-surface)}.style-guide__icon-toolbar{display:flex;gap:var(--space-s);align-items:center}.style-guide__icon-search{flex:1;max-width:20rem;padding:var(--space-2xs) var(--space-s);font-family:var(--ff-regular);font-size:var(--step--2);color:var(--clr-text);background:#fff;border:1px solid var(--clr-border);border-radius:var(--border-radius-m);outline:none;transition:border-color var(--transition-speed) ease}.style-guide__icon-search:focus{border-color:var(--clr-punchline-terracotta)}.style-guide__icon-search::placeholder{color:var(--clr-text-muted)}.style-guide__icon-count{font-size:var(--step--3);color:var(--clr-text-muted)}.style-guide__icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--space-2xs)}.style-guide__icon-grid--compact{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.style-guide__icon-card{position:relative;display:grid;gap:var(--space-3xs);justify-items:center;padding:var(--space-s) var(--space-2xs);font-family:inherit;background:#fff;border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease;cursor:pointer}.style-guide__icon-card:hover{border-color:var(--clr-punchline-terracotta);box-shadow:var(--shadow-l);transform:translateY(-3px)}.style-guide__icon-card:active{transform:translateY(0)}.style-guide__icon-card__preview{display:grid;place-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;color:var(--clr-text);background:var(--clr-surface);border-radius:var(--border-radius-s);transition:background-color var(--transition-speed) ease}.style-guide__icon-card:hover .style-guide__icon-card__preview{color:var(--clr-punchline-terracotta);background:#be493714}.style-guide__icon-card__name{font-size:.6875rem;line-height:1.2;text-align:center;word-break:break-all;color:var(--clr-text-muted);transition:color var(--transition-speed) ease}.style-guide__icon-card:hover .style-guide__icon-card__name{color:var(--clr-punchline-terracotta)}.style-guide__icon-card__copied{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--step--3);color:#fff;background:var(--clr-punchline-terracotta);border-radius:var(--border-radius-m);opacity:0;transition:opacity .15s ease;pointer-events:none}.style-guide__icon-card.is-copied .style-guide__icon-card__copied{opacity:1}.style-guide__icon-sizes{display:flex;flex-wrap:wrap;gap:var(--space-l);align-items:end}.style-guide__icon-size-sample{display:grid;gap:var(--space-3xs);justify-items:center;color:var(--clr-text)}.style-guide__icon-size-sample code{font-size:var(--step--3);color:var(--clr-text-muted)}.style-guide__table-wrap{overflow-x:auto}.style-guide__table{width:100%;font-size:var(--step--2);border-collapse:collapse}.style-guide__table th,.style-guide__table td{padding:var(--space-xs) var(--space-s);text-align:left;border-bottom:1px solid var(--clr-border-light)}.style-guide__table th{font-family:var(--ff-semibold);font-weight:var(--fw-bolder);color:var(--clr-text);background:var(--clr-surface)}.style-guide__table td code{padding:.125em .375em;font-size:var(--step--3);background:var(--clr-surface);border-radius:var(--border-radius-s)}.style-guide__table tbody tr:hover{background:#00000005}.style-guide__comp-card{display:grid;gap:var(--space-m);padding:var(--space-m);background:#fff;border:1px solid var(--clr-border-light);border-radius:var(--border-radius-l)}@media(min-width:40em){.style-guide__comp-card{grid-template-columns:1fr 1fr}}.style-guide__comp-desc{font-size:var(--step--2)}.style-guide__comp-desc p{line-height:1.6}.style-guide__comp-desc p+p{margin-top:var(--space-2xs)}.style-guide__comp-demo{padding:var(--space-s);background:var(--clr-surface);border-radius:var(--border-radius-m)}.style-guide__comp-demo--wide{grid-column:1 / -1}.style-guide__box{padding:var(--space-xs) var(--space-s);font-size:var(--step--2);text-align:center;color:var(--clr-primary-dark);background:#fff;border:2px dashed var(--clr-primary-60);border-radius:var(--border-radius-s)}.style-guide__box--sidebar{background:var(--clr-primary-90)}.style-guide__box--main{background:#fff}.style-guide__arrow{display:inline-block;margin-left:var(--space-2xs);font-size:var(--step--3);color:var(--clr-punchline-terracotta)}.style-guide__tag{display:inline-block;padding:var(--space-3xs) var(--space-xs);font-size:var(--step--3);color:var(--clr-primary-dark);background:var(--clr-primary-90);border-radius:var(--border-radius-s)}.style-guide__label-grid{display:grid;gap:var(--space-m)}.style-guide__label-row{display:grid;gap:var(--space-2xs)}.style-guide__label-row code{font-size:var(--step--3);color:var(--clr-text-muted)}@media(max-width:55em){.style-guide__layout{grid-template-columns:1fr;gap:0}.style-guide__sidebar{position:static;max-height:none;padding-block:var(--space-xs);padding-inline:0;overflow-x:auto;overflow-y:visible;border-block-end:1px solid var(--clr-border-light);-webkit-overflow-scrolling:touch}.style-guide__sidebar-title{display:none}.style-guide__nav{display:flex;gap:var(--space-m);min-width:max-content}.style-guide__nav-group{display:flex;gap:var(--space-3xs);align-items:center}.style-guide__nav-heading{padding:0;padding-inline-end:var(--space-3xs);white-space:nowrap;writing-mode:horizontal-tb}.style-guide__nav-item{padding:var(--space-3xs) var(--space-xs);white-space:nowrap}.style-guide__content{padding-block-start:var(--space-l);padding-inline-start:0;border-inline-start:none}}@media(max-width:40em){.style-guide__type-row{grid-template-columns:1fr;gap:var(--space-2xs)}.style-guide__type-desc{display:none}.style-guide__space-row{grid-template-columns:3.5rem 1fr}.style-guide__space-use,.style-guide__space-note{display:none}.style-guide__color-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.style-guide__icon-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.style-guide__icon-grid--compact{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}.style-guide__icon-card__preview{width:2.25rem;height:2.25rem;font-size:1.25rem}}}