@layer components{.c-tools-layout-app{grid-template-rows:[header-start]auto[header-end main-start]1fr[main-end];grid-template-columns:100%;min-block-size:100dvb;display:grid}.c-tools-layout-header{--c-tools-layout-header--padding-block:var(--global--size-unit-m);justify-content:space-between;row-gap:var(--global--size-unit-2s);column-gap:var(--global--size-unit-l);border-block-end:solid var(--global--size-unit-min) var(--alias--color-foreground-3);flex-wrap:wrap;grid-row:header;padding-block-start:calc(var(--safe-area--inset-block-start) + var(--c-tools-layout-header--padding-block));padding-block-end:var(--c-tools-layout-header--padding-block);display:flex}@media (any-hover:hover){.c-tools-layout-header__logo:where(:hover){color:var(--color-foreground-hover)}}.c-tools-layout-header__logo:where(:active){color:var(--color-foreground-active)}.c-tools-layout-header__logo-image{--c-tools-layout-header--logo-image--height:calc(var(--c-tools-layout-header--logo-image--font-size) / 100 * 76 * 2);block-size:var(--c-tools-layout-header--logo-image--height);margin:calc(var(--c-tools-layout-header--logo-image--height) / -4);display:block}@media (width<=64rem){.c-tools-layout-header__logo-image{--c-tools-layout-header--logo-image--font-size:var(--global--size-font-l)}}@media (width>64rem){.c-tools-layout-header__logo-image{--c-tools-layout-header--logo-image--font-size:var(--global--size-font-3l)}}.c-tools-layout-main{--c-tools-layout-main--padding-block:var(--global--size-unit-m);row-gap:var(--global--size-unit-m);flex-direction:column;grid-row:main;padding-block-start:var(--c-tools-layout-main--padding-block);padding-block-end:calc(var(--safe-area--inset-block-end) + var(--c-tools-layout-main--padding-block));display:flex}}