@use "sass:string";*{scroll-margin-top:8rem}.page-template-page-design-system{overflow-x:visible}.page-template-page-design-system h1,.page-template-page-design-system h2{font-weight:700}main{margin-bottom:2.666rem;margin-left:auto;margin-right:auto;padding-left:var(--space-05);padding-right:var(--space-05)}viewport-switcher{--flow-gap:0;padding:var(--space-04) 0;position:sticky;z-index:1;top:var(--wpadminbar-height)}.style-guide-toc{--style-guide-toc__top-bump:calc(var(--wpadminbar-height) + 3.75rem);display:none;border-right:var(--border-width-md) solid var(--color-line)}@media screen and (min-width:50em){.style-guide-toc{display:block}}.style-guide-toc *{--flow-gap:0}.style-guide-toc ul{list-style:none;padding:0}.style-guide-toc>ul{max-height:calc(100vh - var(--style-guide-toc__top-bump) - var(--space-05));overflow:auto;position:sticky;top:var(--style-guide-toc__top-bump)}.style-guide-toc__section{--flow-gap:var(--space-03);font-weight:500;padding:var(--space-03) var(--space-05) var(--space-03) 0}*+.style-guide-toc__section{border-top:var(--border-width-md) solid var(--color-line-2)}.style-guide-toc__component a{display:block;padding:var(--space-03) var(--space-05);text-decoration:none}.style-guide-viewport-watch{--canvas__max-width:20rem}.style-guide-viewport-mobile{--canvas__max-width:24rem}.style-guide-viewport-tablet{--canvas__max-width:48rem}.style-guide-viewport-desktop{--canvas__max-width:90rem}.style-guide-viewport-full{--canvas__max-width:none}.site-main{margin-top:calc(var(--wpadminbar-height) + var(--space-05))}.style-guide-description{font-family:var(--font-family-serif)}.style-guide-block{display:flex;align-items:center;justify-content:center;background:var(--color-text);color:var(--color-background);padding:var(--space-05);min-height:5rem}.style-guide-block--no-padding{padding:0}.style-guide-component{display:none;margin:0;padding:var(--space-05)}.style-guide-component--no-padding{padding:0}.style-guide-component:target{display:block}.style-guide-canvas,lazy-iframe{display:block;height:min(35rem,85vh);max-width:var(--canvas__max-width);width:100%}.style-guide-canvas{border:0}.style-guide-component-doc{--flow-gap:2.667rem;border:var(--border-width-md) solid}.style-guide-component-doc *{--flow-gap:2.667rem}.style-guide-component-header{padding:1.333rem}.style-guide-component-header>*,.style-guide-component-header>* *{--flow-gap:var(--space-04)}.style-guide-component-header~*{--flow-gap:0;border-top:var(--border-width-md) solid}.style-guide-component-header~* *{--flow-gap:0}.style-guide-variant-doc .style-guide-component-header{background-color:var(--color-background-2)}.style-guide-variant-doc .style-guide-component-header~*{border-color:var(--color-line-2)}.style-guide-hash-link{display:inline-block;font-weight:400;opacity:.6;text-decoration:none}.style-guide-hash-link:hover{opacity:1}.style-guide-swatches{list-style:none;padding:0;display:flex;flex-wrap:wrap;margin-bottom:calc(var(--space-05)*-1);margin-left:calc(var(--space-05)*-1)}.style-guide-swatches__swatch{background:var(--color);color:var(--text);align-items:flex-end;display:flex;justify-content:center;margin:0 0 var(--space-05) var(--space-05);width:12rem;min-height:12rem;padding:var(--space-04);text-align:center}.style-guide-swatches__swatch>*>*,.style-guide-swatches__swatch>*>* *{--flow-gap:var(--space-02)}.style-guide-swatches__swatch code{font-size:var(--font-size-xxx-smaller)}
/*# sourceMappingURL=/wp-content/themes/kodansha-usa/assets/design-system.css.map */