.c-common-layout-app{grid-template-rows:[header-start]auto[header-end main-start]1fr[main-end footer-start]auto[footer-end];grid-template-columns:100%;min-block-size:100dvb;display:grid}.c-common-layout-app>:where(*){grid-column:1}.c-common-layout-app:where(:has(.c-common-visual-images,.c-common-visual-colors)){grid-template-rows:[header-start main-start]auto[header-end]1fr[main-end footer-start]auto[footer-end]}.c-common-layout-app:where(:has(.c-common-visual-images,.c-common-visual-colors)) .c-common-layout-header{color:var(--global--color-special-white);border-block-end-style:none}@media (any-hover:hover){.c-common-layout-app:where(:has(.c-common-visual-images,.c-common-visual-colors)) .c-common-layout-header__logo:where(:hover){color:unset;opacity:var(--alias--opacity-hover)}}.c-common-layout-app:where(:has(.c-common-visual-images,.c-common-visual-colors)) .c-common-layout-header__logo:where(:active){color:unset;opacity:var(--alias--opacity-active)}.c-common-layout-header{z-index:var(--alias--z-index-header);justify-content:space-between;row-gap:var(--global--size-unit-3s);column-gap:var(--global--size-unit-m);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(--l-header--padding-block));padding-block-end:var(--l-header--padding-block);display:flex}@media (width<=64rem){.c-common-layout-header{--l-header--padding-block:var(--global--size-unit-m)}}@media (width>64rem){.c-common-layout-header{--l-header--padding-block:var(--global--size-unit-3l)}}@media (any-hover:hover){.c-common-layout-header__logo:where(:hover){color:var(--color-foreground-hover)}}.c-common-layout-header__logo:where(:active){color:var(--color-foreground-active)}.c-common-layout-header__logo-image{--l-header--logo-image--height:calc(var(--l-header--logo-image--font-size) / 100 * 76 * 2);block-size:var(--l-header--logo-image--height);margin:calc(var(--l-header--logo-image--height) / -4);display:block}@media (width<=64rem){.c-common-layout-header__logo-image{--l-header--logo-image--font-size:var(--global--size-font-l)}}@media (width>64rem){.c-common-layout-header__logo-image{--l-header--logo-image--font-size:var(--global--size-font-4l)}}.c-common-layout-main{grid-row:main}.c-common-layout-footer{--color-foreground-normal:var(--alias--color-foreground-secondary-normal);--color-foreground-hover:var(--alias--color-foreground-secondary-hover);--color-foreground-active:var(--alias--color-foreground-secondary-active);row-gap:var(--global--size-unit-3s);column-gap:var(--global--size-unit-m);color:var(--color-foreground-normal);grid-row:footer;padding-block-end:calc(var(--safe-area--inset-block-end) + var(--global--size-unit-3l));display:flex}@media (width<=64rem){.c-common-layout-footer{text-align:center;flex-direction:column}}@media (width>64rem){.c-common-layout-footer{flex-wrap:wrap;justify-content:space-between}}@media (width>64rem){.c-common-layout-footer__main{column-gap:var(--global--size-unit-3s);flex-wrap:wrap;display:flex}}.c-common-layout-footer__tagline{text-transform:uppercase;letter-spacing:var(--alias--letter-spacing-l)}@media (width<=64rem){.c-common-layout-footer__tagline{font-size:var(--global--size-font-s)}}
