.c-styleguide-header{position:relative;z-index:100;color:var(--sg-text-color);font-family:var(--sg-font-family);margin-bottom:6rem}.c-styleguide.hide-sidebar .c-styleguide-header{position:sticky;top:0;z-index:999}.c-styleguide-header__inner{display:flex;position:relative;flex-direction:row;justify-content:space-between;align-items:center;padding:calc(var(--sg-page-padding) / 2) var(--sg-page-padding) var(--sg-page-padding)}.c-styleguide-header__logo-wrapper{display:flex;position:relative;align-items:center;gap:.5rem;z-index:3}.c-styleguide-header__logo-wrapper .c-logo__link,.c-styleguide-header__logo-wrapper .c-logo{width:100%;max-width:150px;color:var(--sg-text-color)}@media (min-width: 1024px){.c-styleguide-header__logo-wrapper{gap:2rem}}.c-styleguide-header__nav{display:flex;position:relative;flex-direction:row;align-items:center;gap:1rem;z-index:1;color:var(--sg-link-color)}@media (min-width: 1024px){.c-styleguide-header__nav{gap:2rem}}.c-styleguide-header__nav :where(a){color:inherit;text-decoration:none}.c-styleguide-header__nav-btn{position:relative;z-index:2;border-radius:1rem;background:var(--sg-link-color);padding:5px 12px;color:#fff}@media (max-width: 1024px){.c-styleguide-header__nav-btn--back{position:fixed;bottom:4px;left:4px;z-index:999;border-radius:4px;padding-block:8px;width:calc(100% - 8px);text-align:center}}.c-styleguide-header__nav-btn--toggle{filter:invert(1)}@media (min-width: 1024px){.c-styleguide-header__nav-btn--toggle{display:none}}@media (max-width: 1024px){.c-styleguide-nav{display:none;position:fixed;top:0;left:0;z-index:1;background:#fff;padding:var(--sg-page-padding);padding-top:100px;width:100%;height:100vh;overflow-y:auto}.is-styleguide-open .c-styleguide-nav{display:block}}.c-styleguide-nav__list{display:flex;flex-direction:column}@media (min-width: 1024px){.c-styleguide-nav__list{display:flex;flex-direction:row;align-items:center;height:auto}}.c-styleguide-nav__list .c-styleguide__heading{margin-bottom:0}.c-styleguide-nav__item{padding:.5rem 1rem}@media (max-width: 1024px){.c-styleguide-nav__item{display:flex;flex-direction:column;gap:1rem}.c-styleguide-nav__item>span svg{display:none}}.c-styleguide-nav__item span{display:flex;align-items:center;gap:.5rem}.c-styleguide-nav__dropdown{display:flex;flex-direction:column;gap:.5rem;background-color:var(--sg-nav-dropdown-bg, #fff);padding:var(--sg-dropdown-padding);color:var(--sg-nav-dropdown-color)}.c-styleguide-nav__dropdown .c-styleguide-nav__link{color:inherit}@media (min-width: 1024px){.c-styleguide-nav__dropdown{display:none;position:absolute;top:100%;right:0;grid-template-columns:1fr 1fr;gap:.25rem 3rem;z-index:999;border:1px solid var(--sg-border-color);border-radius:.5rem}.c-styleguide-nav__item:hover .c-styleguide-nav__dropdown{display:grid}}.c-styleguide-sidebar{position:sticky;top:var(--sg-page-padding);padding-bottom:var(--sg-page-padding);max-height:calc(100vh - var(--sg-page-padding));overflow-y:auto;color:var(--sg-text-color)}@media (max-width: 1024px){.c-styleguide-sidebar{display:none}}.c-styleguide-sidebar__list{display:flex;flex-direction:column;gap:2rem}.c-styleguide-sidebar__item{color:var(--sg-link-color)}.c-styleguide-sidebar__item img,.c-styleguide-sidebar__item svg{display:none}.c-styleguide-nav__link{display:flex;position:relative;align-items:center;gap:1rem;opacity:.8;transition:opacity .3s ease-in-out;padding-block:.25rem;color:var(--sg-link-color);font-size:1rem;line-height:1.2;text-decoration:none}.c-styleguide-nav__link span{transition:transform .3s ease-in-out .1s}.c-styleguide-nav__link svg{display:block;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease-in-out 0s;height:100%}.c-styleguide-nav__link.is-active,.c-styleguide-nav__link:hover{opacity:1}.c-styleguide-nav__link.is-active svg,.c-styleguide-nav__link:hover svg{opacity:1;transition-delay:.1s}.c-styleguide-nav__link.is-active span,.c-styleguide-nav__link:hover span{transform:translate(28px);transition-delay:0s}.c-styleguide-nav .c-styleguide-nav__link{min-width:160px}:is(.c-styleguide-nav .c-styleguide-nav__link)+.c-styleguide-nav__thumbnail{display:none;position:absolute;top:0;right:calc(100% + .75rem);border-radius:.5rem;aspect-ratio:16/9;width:var(--sg-dropdown-image-size);height:auto;overflow:hidden;-o-object-fit:cover;object-fit:cover}@media (max-width: 1024px){:is(.c-styleguide-nav .c-styleguide-nav__link)+.c-styleguide-nav__thumbnail{display:none!important}}:is(.c-styleguide-nav .c-styleguide-nav__link:hover)+.c-styleguide-nav__thumbnail{display:block}.c-styleguide-sidebar__dropdown{display:flex;flex-direction:column;padding:0}.c-styleguide-card{display:flex;position:relative;flex-direction:column;gap:1rem;font-family:var(--sg-font-family)}.c-styleguide-card__media{border:1px solid #eee;border-radius:1rem;aspect-ratio:16/9;width:100%;overflow:hidden}.c-styleguide-card__media img,.c-styleguide-card__media svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-styleguide-card__title{display:flex;position:absolute;top:1.5rem;left:1.5rem;flex-direction:column;transition:filter .3s ease;border-radius:64px;background-color:#fffc;padding:6px 12px;color:var(--sg-text-color);font-size:14px;line-height:1.2}.c-styleguide-card:hover .c-styleguide-card__title{filter:invert(1)}.u-faux-link{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:var(--z-10);cursor:pointer;background:transparent;overflow:clip;text-decoration:none;text-indent:200%;white-space:nowrap}:root{--sg-font-family: Arial, Helvetica, sans-serif;--sg-page-padding: 2rem;--sg-page-bg: #fff;--sg-text-color: #1a1818;--sg-link-color: #1a1818;--sg-border-color: #404040;--sg-cards-cols: 1;--sg-cards-gap: 1rem;--sg-dropdown-padding: 2rem;--sg-dropdown-image-size: 8rem;--sg-nav-dropdown-bg: #fff;--sg-nav-dropdown-color: var(--sg-link-color, #1a1818)}@media (min-width: 1024px){:root{--sg-page-padding: 3rem;--sg-dropdown-padding: 2rem;--sg-dropdown-image-size: 200px;--sg-cards-cols: 2;--sg-cards-gap: 2rem}}@media (min-width: 1280px){:root{--sg-cards-cols: 3}}body,.c-styleguide{background-color:var(--sg-page-bg);min-height:100svh}.c-styleguide__inner{display:block}.c-styleguide__title{margin:0 0 2rem;color:var(--sg-text-color);font-weight:500;font-size:3rem;line-height:1.2;font-family:var(--sg-font-family)}.c-styleguide__title a{color:inherit;text-decoration:none}.c-styleguide__page-header{margin-bottom:1rem}@media (min-width: 1024px){.c-styleguide__columns{display:flex;gap:1rem}}.c-styleguide__nav{flex-shrink:0;padding-left:var(--sg-page-padding);width:280px;font-family:var(--sg-font-family)}.c-styleguide__main{display:block;flex:1;min-width:0}.c-styleguide__main>.wp-block-group{padding-inline:var(--sg-page-padding)}.c-styleguide__list{display:grid;grid-template-columns:repeat(var(--sg-cards-cols),1fr);gap:var(--sg-cards-gap);padding-bottom:var(--sg-cards-gap)}.c-styleguide__heading-1,.c-styleguide__heading{color:var(--sg-text-color);font-weight:500;font-family:var(--sg-font-family)}.c-styleguide__back{margin-block:3rem;border-top:1px solid #eee;padding-inline:var(--sg-page-padding)}.c-styleguide__back-link{display:inline-block;padding-block:1rem;color:var(--sg-link-color);font-size:14px;font-family:var(--sg-font-family);text-decoration:none}.c-styleguide__back-link:hover{text-decoration:underline}.c-styleguide__breadcrumb{margin-bottom:.5rem;padding-inline:var(--sg-page-padding);color:gray;font-size:1rem;font-family:var(--sg-font-family)}.c-styleguide__breadcrumb a{color:var(--sg-link-color);text-decoration:none}.c-styleguide__breadcrumb a:hover{text-decoration:underline}.c-styleguide__heading-1{margin-bottom:1rem;font-size:24px}.c-styleguide__heading{margin-bottom:.5rem;font-size:18px}.b-styleguide-variant{padding-block:2rem}.b-styleguide-variant__contain{margin:0 auto;padding-inline:4rem;width:100%}.b-styleguide-variant__name{display:inline-block;border-radius:3px;background:#f0f0f0;padding:4px 6px;font-size:12px}.b-styleguide-tailwind{margin:0 auto;width:var(--container-full)}.b-styleguide-tailwind__colors{--cols: 1;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1rem;margin-bottom:3rem}@media (min-width: 1024px){.b-styleguide-tailwind__colors{--cols: 2}}@media (min-width: 1440px){.b-styleguide-tailwind__colors{--cols: 3}}.b-styleguide-tailwind__color{display:flex;flex-direction:column;gap:1rem;border-radius:1rem;background:var(--color-bg);padding:2rem}.b-styleguide-tailwind__color[data-slug=white]{border:1px solid grey}.b-styleguide-tailwind__color span{color:lch(from var(--color-bg) calc((49.44 - l) * infinity) 0 0)}.b-styleguide-tailwind__typography{display:flex;flex-direction:column;gap:3rem}.b-styleguide-tailwind__type{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:end;gap:2rem;border-bottom:1px solid var(--sg-border-color);padding-bottom:1.5rem}.b-styleguide-tailwind__info{display:flex;gap:2rem;color:gray}.b-styleguide-tailwind__info strong{color:var(--sg-text-color);font-weight:400}.is-tax--global .c-styleguide__main>*:not(.c-styleguide__page-header){padding-inline:var(--sg-page-padding)}