@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/build/fonts/inter-v18-latin-regular.9698cc7d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/build/fonts/inter-v18-latin-500.5b7156f8.woff2) format("woff2")}#main-layouts[data-v-2b58dda1]{display:none}.height-15[data-v-2b58dda1]{height:15rem}.height-12[data-v-2b58dda1]{height:12rem}.height-7[data-v-2b58dda1]{height:7rem}.width-8[data-v-2b58dda1]{width:8rem}.width-6[data-v-2b58dda1]{width:6rem}#logo{display:none;inline-size:32rem;max-inline-size:100%}#logo.active{animation:logo-intro 1s;display:inline-block}#container-logo{block-size:16rem}dialog#dialog-colors .s12>div{padding:1rem}dialog#dialog-colors .s12>.border{border:.0625rem solid var(--outline)}.error-text,.hljs-string{color:var(--error)!important}.logo-template{block-size:1.5rem;inline-size:auto}.logo-codepen{block-size:1.25rem;inline-size:auto}.logo-support{block-size:100rem;inline-size:auto}#grids .grid>*{border:.0625rem solid var(--outline)}@keyframes logo-intro{0%{opacity:0;transform:rotate(-90deg) scale(.5) translateY(25%)}75%{opacity:1;transform:rotate(0) scale(1.1) translateY(0)}to{opacity:1;transform:rotate(0) scale(1) translateY(0)}}.no-events[data-v-45b931bd]{pointer-events:none}