@vue-material/core/dist/assets/layout.css.js

Yet another 'Material Design Components' library for Vue3.

import i from "../attach-styles.js";
i("*,*:before,*:after{outline:0 solid var(--primary);-webkit-tap-highlight-color:transparent;box-sizing:border-box}.md-theme-provider{--shadow-1: 0px 1px 2px #0004, 0px 1px 3px 1px #0002;--shadow-2: 0px 1px 2px #0004, 0px 2px 6px 2px #0002;--shadow-3: 0px 1px 3px #0004, 0px 3px 8px 3px #0002;--timing-standard: cubic-bezier(.4, 0, .2, 1);--xxs: var(--padding-xxs);--xs: var(--padding-xs);--sm: var(--padding-sm);--md: var(--padding-md);--lg: var(--padding-lg);--xl: var(--padding-xl);--xxl: var(--padding-xxl);--bottom-offset: 0px;transform:translateZ(0);background:var(--surface);line-height:1.5}.md-theme-provider *:focus-visible{animation:focus .25s forwards}.md-layout{position:fixed;inset:0}.md-layout .md-layout-content{inset:0;position:absolute;bottom:var(--bottom-offset)}.md-layout:has(>.md-navbar)>.md-layout-content{left:var(--navbar-size)}.md-layout:has(>.md-navbar)>.md-header{left:var(--navbar-size)}.md-layout:has(>.md-header)>.md-layout-content>.md-scroll>.md-scroll-wrapper{padding-block-start:var(--header-size)}.md-layout:has(>.md-header)>.md-layout-content>.md-scroll>.md-scroll-wrapper .md-master-switch{top:calc(var(--header-size) + var(--sm))!important}@media (width <= 600px){.md-layout .md-header,.md-layout .md-layout-content{left:0!important}.md-layout:has(>.md-navbar){--bottom-offset: var(--navbar-size)}}@media (prefers-reduced-motion){:root *,:root *:before,:root *:after,.md-theme-provider *,.md-theme-provider *:before,.md-theme-provider *:after{animation-duration:0s!important;transition-duration:0s!important}}@keyframes focus{0%{outline-width:0}70%{outline-width:6px}to{outline-width:2px}}", "88809465");