.layout--default{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.layout--default>header nav{background-color:var(--color-black);color:#fff;display:flex;justify-content:space-between;padding:0 1em}.layout--default>header nav a{color:#fff;text-decoration:none}.layout--default>header nav ul{align-items:center;display:flex;gap:1em;list-style:none;margin:0;padding:0}.layout--default>aside{background-color:var(--color-black);bottom:0;color:#fff;left:0;position:fixed;top:0;width:300px;z-index:0}.layout--default>aside ul{align-items:center;display:flex;gap:1em;list-style:none;margin:0;padding:0}.layout--default>aside a{color:#fff;text-decoration:none}.layout--default>aside header nav{background-color:var(--color-black);color:#fff;display:flex;justify-content:space-between;padding:0 1em}.layout--default>aside .content ul{align-items:self-start;flex-direction:column;padding:1em}.layout--default>aside .content ul .welcome{margin-bottom:1em}.layout--default>aside .content ul li{width:100%}.layout--default>aside .content ul button{background-color:var(--color-primary);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5em 1em}.layout--default>aside .content ul a,.layout--default>aside .content ul button{display:block;font-size:1.2em;padding:.5em 1em;text-align:left;text-transform:inherit;width:100%}.layout--default>aside .content ul a svg,.layout--default>aside .content ul button svg{fill:#fff}.layout--default main{padding:.7em;transition:all .3s ease}.layout--default main.with-menu-open{filter:blur(2px);transform:translate(350px) translateY(150px) scale(1) skewY(10deg)}