#dev-mode-toggle{padding:.2rem 1rem;position:fixed;top:20px;right:20px;color:#f08080;font-weight:700;border:2px solid lightcoral;cursor:pointer;z-index:10}#dev-mode-toggle.active{color:#1ba51b;border-color:#1ba51b}.comp.blog.dev{padding:4rem 6rem;color:var(--color-text);background:var(--color-background-dark)}.comp.blog.dev>.layout .section.dev.main{width:100%;background:var(--color-background);box-shadow:0 0 10px 2px #7fa2722b,0 0 7px 2px #0000009e;border-radius:3px}.comp.blog.dev>.layout header{padding:2rem;line-height:1.5;max-height:100vh}.comp.blog.dev>.layout nav{width:100%;font-size:12px;text-align:center;margin-top:2rem;display:flex;flex-direction:row;justify-content:center}.comp.blog.dev>.layout nav>a{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}.comp.blog.dev>.layout nav>a,.comp.blog.dev>.layout nav>a .green{text-decoration:none;transition:.4s;color:var(--color-text)}.comp.blog.dev>.layout nav>a:hover{background-color:#00bd7e33}.comp.blog.dev>.layout nav>a.router-link-exact-active{color:#00bd7e}.comp.blog.dev>.layout nav>a.router-link-exact-active:hover{background-color:transparent}.comp.blog.dev>.layout nav>a:first-of-type{border:0}@media (min-width: 1024px){.comp.blog.dev>.layout header{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.comp.blog.dev>.layout nav{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.comp.blog>.layout{font:var(--font-text)}.comp.blog>.layout .title{font:var(--font-title)}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #fcfcfc;--color-background-soft: #ECECEC;--color-background-mute: var(--vt-c-white-mute);--color-background-dark: var(--vt-c-black);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--accent-color: #E01280;--accent-color-inactive: #8E8E8E;--font-text: 16px "Quicksand", sans-serif;--font-title: 24px "Quicksand", sans-serif;--font-h2: 45px "Quicksand", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:100%;margin:0 auto;padding:0;font-weight:400}.comp.blog-preview{width:100%;color:#070707}.comp.blog-preview>.layout{width:100%;overflow:hidden;cursor:pointer}.comp.blog-preview>.layout .section.img{border-radius:5px;border-bottom:8px solid var(--accent-color);overflow:hidden;display:flex;justify-content:center;aspect-ratio:16/10}.comp.blog-preview>.layout .section.img img{height:100%;margin:auto;display:block}.comp.blog-preview>.layout .section.info{padding:.6rem .5rem .2rem;color:var(--accent-color);font-size:14px;font-weight:700}.comp.blog-preview>.layout .section.content{padding:1rem .5rem .2rem}.comp.blog-preview>.layout .section.content .title{font-size:1.2rem;font-weight:700}.comp.blog-preview>.layout .section.content .text{padding-top:.6rem}.section.preview{width:100%;padding:2rem;display:grid;grid-template-columns:repeat(3,31.3%);grid-gap:35px 3%;overflow:hidden;justify-content:center;align-items:start;align-content:stretch;justify-items:start}@media (max-width: 1024px){.section.preview{grid-template-columns:repeat(2,48%)}}@media (max-width: 700px){.section.preview{grid-template-columns:repeat(1,98%)}}.section.preview>.comp{transition:all .24s ease-in;margin:30px 0}.section.preview .preview-list-enter-from,.section.preview .preview-list-leave-to{opacity:0;transform:translateY(-15px)}.comp.blog .layout.overview{width:100%;min-height:30vh}.comp.blog .layout.overview .comp.tag-filter>.layout{padding:2rem 2rem 1rem;display:flex;flex-wrap:wrap}.comp.blog .layout.overview .comp.tag-filter>.layout .item.tag{margin:.1rem .4rem;padding:.5rem 1.2rem;color:var(--accent-color-inactive);font-weight:400;font-size:1rem;border:2px solid var(--accent-color-inactive);border-radius:.3rem;cursor:pointer;transition:.21s ease-in}.comp.blog .layout.overview .comp.tag-filter>.layout .item.tag.active{border:2px solid var(--accent-color);color:var(--accent-color)}.comp.blog-full{color:#070707}.comp.blog-full>.layout .section.img{border-radius:5px;border-bottom:8px solid var(--accent-color);overflow:hidden;width:100%}.comp.blog-full>.layout .section.img img{width:100%;display:block}.comp.blog-full>.layout .section.info{padding:2.5rem 2rem .25rem 2.25rem;color:var(--accent-color);font-size:15px;font-weight:700}.comp.blog-full>.layout .section.content{padding:.5rem 2rem 1rem}.comp.blog-full>.layout .section.content .title{font-size:1.7rem;font-weight:700}.comp.blog-full>.layout .section.content .text{padding-top:2rem;line-height:1.5rem}.comp.blog-full>.layout .section.content .text strong{font-weight:700}.section.preview.similar{margin-top:60px;background-color:var(--color-background-soft)}.section.preview.similar>.title{width:100%;padding-top:10px;grid-column:1/4;grid-row:1;font:var(--font-h2);font-weight:700}@media (max-width: 1024px){.section.preview.similar>.title{grid-column:1/2}}@media (max-width: 700px){.section.preview.similar>.title{grid-column:1/1}}