.timeline{width:105%;padding:0 2%;display:block;height:300px;display:flex;justify-content:space-between;margin:var(--spacing) -3% 0;overflow:hidden}.timeline .mark{position:relative;display:inline-block;height:100%;width:100%}.timeline .mark:before{content:attr(data-year);position:absolute;bottom:-20px;left:0;font-size:12px;width:100%;text-align:center;opacity:0;transition:all ease .3s}.timeline .mark:after{content:attr(data-event);position:absolute;bottom:40px;left:calc(50% - 1px);height:20px;border-left:2px solid var(--color-muted-line);color:var(--color-muted);width:0px;overflow:hidden;transition:all ease .4s}.timeline .mark:last-child:before{bottom:0;opacity:.5}.timeline .mark:has(.event){cursor:pointer}.timeline .mark:nth-last-child(-n+6) .event{width:200px;left:-100px;text-align:right}.timeline .mark:last-child:after{border-left:2px solid var(--color-primary)}.timeline .mark:has(.event):after{height:40px}.timeline .mark .event{position:absolute;opacity:0;overflow:hidden;width:200px;bottom:200px;left:-100%;transition:all ease .2s}.timeline:has(.active) .mark:last-child:before,.timeline:hover .mark:last-child:before{opacity:0}.timeline:hover .mark.active:last-child:before,.timeline:hover .mark:last-child:hover:before{opacity:.5}.timeline .mark.active:before,.timeline .mark:hover:before{bottom:0}.timeline .mark.active:before,.timeline .mark.active:has(.event):before,.timeline .mark:hover:before,.timeline .mark:has(.event):hover:before{opacity:.5}.timeline .mark.active:has(.event):after,.timeline .mark:has(.event):hover:after{animation-duration:1s;animation-name:markShowing;animation-iteration-count:1;animation-fill-mode:forwards;color:#00000080}.timeline .mark.active:nth-last-child(-n+6) .event,.timeline .mark:nth-last-child(-n+6):hover .event{left:-180px!important;opacity:.5}.timeline .mark.active .event,.timeline .mark:hover .event{bottom:200px;opacity:.5;left:calc(50% - 6px);width:200px;text-indent:0}@keyframes markShowing{0%{height:20px;width:200px;padding:10px;border-left:2px solid rgba(0,0,0,.2)}50%{height:140px;width:200px;padding:10px;border-left:2px solid rgba(0,0,0,1)}to{height:140px;width:200px;padding:10px;text-indent:0;border-left:2px solid rgba(0,0,0,1)}}.center-left,.top-right,.bottom-right,.bottom-left,.top-left{position:fixed;z-index:99;width:var(--padding-left);height:calc(var(--padding-left));display:flex;justify-content:center;align-items:center}.bottom-right{bottom:0;right:0}.bottom-left{bottom:0;left:0}.top-left{top:0;left:0}.top-right{top:0;right:0}.center-left{left:0;top:50%;transform:translateY(-50%);height:auto}.hidden{position:absolute;top:45%;color:var(--color);width:20vw;height:20px;text-align:right;display:flex;justify-content:space-between;transition:all ease .5s}.top-left .hidden{left:100%;opacity:0}.top-right .hidden{right:100%;opacity:0}.top-right:hover .hidden,.top-left:hover .hidden{opacity:1}.hero{width:70%;line-height:120%;margin-top:5vh}.projects{margin-top:calc(var(--spacing) / 2);width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--grid-gap)}.projects .item{cursor:pointer;height:25vw;position:relative}.projects .spanCol{grid-column:span 2}.projects .spanRow{grid-row-end:span 2;height:unset}.projects .cover{height:100%;width:100%;overflow:hidden;position:absolute;top:0}.cover{width:100%;height:100%;background:var(--background);transition:all ease .8s;top:0;left:0;border-radius:10px}.cover .logo,.cover .tags{position:absolute;top:40px;opacity:0}.cover .logo{margin-left:40px;color:var(--color);left:0}.cover .tags{color:var(--color);margin-right:40px;right:0;font-size:.8rem;width:150px;text-align:right}.cover:hover .tags,.cover:hover .logo{opacity:1}.cover:hover .preview{margin-top:100px}.cover .preview{max-width:calc(100vw - var(--spacing) * 2);width:100%;margin:0 auto;overflow:hidden;height:100%;z-index:1;position:relative;transition:all ease .8s}.cover.active:hover .tags,.cover.active:hover .logo{opacity:0}.cover.active .preview{height:60vh;margin-top:calc(var(--spacing))}.cover .preview img{width:100%;margin:0 auto;padding:var(--spacing) 0 0 var(--spacing)}.cover .case{position:relative;z-index:2;background:var(--bg-main)}.cover .logo:has(img) img{max-width:70%}.cover .case{transition:all ease .8s;height:0;overflow:hidden;transform:translateY(50vh)}.cover.active .case{height:auto;padding:var(--spacing) var(--padding-left);transform:translateY(0)}.cover.active .preview img{padding:0}.cover.active{border-radius:0}.case .details{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:calc(var(--spacing) / 2);margin-bottom:var(--spacing)}.case .details div p:first-child{color:var(--color-muted);margin-bottom:0}.case .image{width:100%;padding:calc(var(--spacing));background:var(--background);margin-bottom:20px;margin-top:20px}.case .image.full{padding:0;background:none}.case .image img{margin-bottom:40px;width:100%}.case .image img:last-child{margin-bottom:0}.case .mobile{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px}.case .image.mobile img{margin-bottom:2%;height:auto;margin-right:2%}.spanRow .cover .preview img{height:100%;width:unset;max-width:unset}.testimonials,.process{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:calc(var(--grid-gap) * 2);margin:calc(var(--spacing)) 0}.skills{display:flex;margin:calc(var(--spacing)) 0;width:100%}.skills .title{width:35%;margin-right:var(--spacing);padding-top:calc(var(--spacing));max-width:480px}.skills #roles{width:50%;padding-top:calc(var(--spacing))}.skills #roles .role{margin-bottom:calc(var(--spacing) * 2)}.skills #roles .role li{position:relative}.skills #roles .role li:before{content:"";position:absolute;top:50%;left:-30px;display:block;width:10px;height:2px;background-color:var(--color-muted-line);float:left;margin-right:15px;transition:all ease .5s}.skills #roles .role li:hover:before{width:20px}.skills hgroup{position:relative}.skills ul li{margin-bottom:calc(var(--spacing) / 5)}.filter{width:100%;margin-top:var(--spacing)}.filter .tags li{display:inline-block}.filter .tags li{margin-right:4%}.filter .tags li a{color:var(--color-muted);text-decoration:none;position:relative}.routerView a:after,.filter .tags li a:after{content:"";display:block;position:absolute;bottom:-20px;left:0;width:100%;opacity:0;transition:all ease .2s;height:1px;background:var(--color-muted)}.routerView a:hover:after,.filter .tags li a:hover:after{bottom:-2px;opacity:1}.routerView a.inactive:after,.filter .tags li a.inactive:after{bottom:35%;opacity:1;background:var(--color-muted)}.html_icon.logo{transform:skew(-10deg)}.html_icon.logo .line{border-radius:var(--radius);--left: 22%}.html_icon.logo .line:nth-child(1){height:22%;width:20%;top:0;left:calc(var(--left))}.html_icon.logo:hover .line:nth-child(1){animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1.2)}20%{transform:scale(1)}40%{transform:scale(1.2)}60%{transform:scale(1)}to{transform:scale(1)}}.html_icon.logo .line:nth-child(2){height:65%;width:20%;top:35%;left:calc(var(--left))}.html_icon.logo .line:nth-child(3){height:80%;width:20%;top:0;left:calc(var(--left) + 35%)}.html_icon.logo .line:nth-child(4){height:20%;width:55%;top:35%;left:calc(var(--left))}.html_icon.logo .line:nth-child(4):before{background-color:transparent;top:100%;left:36%;height:calc(var(--radius) * 2);width:calc(var(--radius) / 2);border-top-left-radius:calc(var(--radius) / 2);box-shadow:calc(var(--radius) / -10) calc(var(--radius) / -1) 0 0 var(--color)}.html_icon.logo .line:nth-child(4):after{background-color:transparent;top:100%;right:36%;height:calc(var(--radius) * 2);width:calc(var(--radius) / 2);border-top-right-radius:calc(var(--radius) / 2);box-shadow:calc(var(--radius) / 10) calc(var(--radius) / -1) 0 0 var(--color)}.html_icon.logo .line:nth-child(3):after{background-color:transparent;top:25%;right:100%;height:calc(var(--radius) * 2);width:calc(var(--radius) / 2);border-bottom-right-radius:calc(var(--radius) / 2);z-index:1000;box-shadow:calc(var(--radius) / 10) var(--radius) 0 0 var(--color)}.html_icon.menu .line:nth-child(1),.html_icon.menu .line:nth-child(2),.html_icon.menu .line:nth-child(3),.html_icon.menu .line:nth-child(4){width:2px;height:40%;top:30%}.html_icon.menu .line:nth-child(1){left:calc(50% - 1px)}.html_icon.menu .line:nth-child(2){left:calc(35% - 1px)}.html_icon.menu .line:nth-child(3){left:65%}.html_icon.menu .line:nth-child(4){left:calc(50% - 1px);height:5%}.html_icon.menu:hover .line:nth-child(1){top:35%}.html_icon.menu:hover .line:nth-child(2){top:25%}.html_icon.menu:hover .line:nth-child(3){top:25%}.html_icon.menu:hover .line:nth-child(4){top:20%}.html_icon.menu.horizontal{transform:rotate(90deg)}.html_icon.arrow.back{transform:rotate(-90deg)}.html_icon.arrow.right{transform:rotate(90deg)}.html_icon.arrow.bottom{transform:rotate(180deg)}.html_icon.arrow .line:nth-child(1){width:2px;height:40%;top:calc(25% + 2px);left:calc(50% - 1px)}.html_icon.arrow .line:nth-child(2){width:2px;height:5%;top:65%;left:calc(50% - 1px)}.html_icon.arrow .line:nth-child(3){width:2px;height:30%;top:25%;left:50%;transform:rotate(45deg);transform-origin:top left}.html_icon.arrow .line:nth-child(4){width:2px;height:30%;top:25%;left:calc(50% - 2px);transform:rotate(-45deg);transform-origin:top right}.html_icon.arrow:hover .line:nth-child(1){height:35%;top:calc(15% + 2px)}.html_icon.arrow:hover .line:nth-child(2){top:60%}.html_icon.arrow:hover .line:nth-child(3),.html_icon.arrow:hover .line:nth-child(4){top:15%}.html_icon.download .line:nth-child(1){width:2px;height:calc(40% + 2px);top:calc(25% + 2px);left:calc(50% - 1px)}.html_icon.download .line:nth-child(2){width:40%;height:2px;top:80%;left:30%}.html_icon.download .line:nth-child(2):before,.html_icon.download .line:nth-child(2):after{left:0;bottom:0;height:300%;transform-origin:bottom center}.html_icon.download .line:nth-child(2):after{left:calc(100% - 2px)}.html_icon.download .line:nth-child(3){width:2px;height:25%;top:45%;left:calc(50% - 1px);transform:rotate(45deg);transform-origin:bottom left}.html_icon.download .line:nth-child(4){width:2px;height:25%;top:45%;left:calc(50% - 1px);transform:rotate(-45deg);transform-origin:bottom right}.html_icon.download:hover .line:nth-child(1){top:calc(30% + 2px)}.html_icon.download:hover .line:nth-child(3),.html_icon.download:hover .line:nth-child(4){top:45%;height:30%}.html_icon.download:hover .line:nth-child(2){width:50%;left:25%}.html_icon.message .line:nth-child(1),.html_icon.message .line:nth-child(3){width:60%;height:2px;background:var(--color);top:35%;left:20%}.html_icon.message .line:nth-child(1):before,.html_icon.message .line:nth-child(1):after,.html_icon.message .line:nth-child(3):before,.html_icon.message .line:nth-child(3):after{background:var(--color);width:calc(70% + 1px);height:2px}.html_icon.message .line:nth-child(1):before,.html_icon.message .line:nth-child(3):before{transform-origin:top right;right:1px;transform:rotate(-45deg)}.html_icon.message .line:nth-child(1):after,.html_icon.message .line:nth-child(3):after{transform-origin:top left;left:1px;transform:rotate(45deg)}.html_icon.message .line:nth-child(2){width:60%;height:2px;top:75%;left:20%}.html_icon.message .line:nth-child(2):before,.html_icon.message .line:nth-child(2):after{background:var(--color);height:2px;width:calc(60% + 4px)}.html_icon.message .line:nth-child(2):before{transform-origin:top right;top:2px;right:0;transform:rotate(90deg)}.html_icon.message .line:nth-child(2):after{transform-origin:top left;top:2px;left:0;transform:rotate(-90deg)}.html_icon.message .line:nth-child(3),.html_icon.message .line:nth-child(4){background:transparent}.html_icon.message:hover .line:nth-child(1),.html_icon.message:hover .line:nth-child(3){background:transparent}.html_icon.message:hover .line:nth-child(3):before,.html_icon.message:hover .line:nth-child(3):after{width:calc(50% + 4px)}.html_icon.message:hover .line:nth-child(3):before{transform-origin:top right;right:0;transform:rotate(35deg)}.html_icon.message:hover .line:nth-child(3):after{transform-origin:top left;left:0;transform:rotate(-35deg)}.html_icon.message .line:nth-child(4){background:transparent;width:36%;height:2px;top:35%;left:32%}.html_icon.message:hover .line:nth-child(4){background:var(--color)}.html_icon{position:relative;height:64px;width:64px;--radius: 5px;display:inline-block}.html_icon .line{display:block;background:#000;position:absolute;background:var(--color);transition:all ease .2s;width:10%;height:10%;top:45%;left:45%;border-radius:1px}.html_icon .line:after,.html_icon .line:before{content:"";position:absolute;background:var(--color);border-radius:1px;width:2px;transition:all ease .2s}menu{width:var(--padding-left);padding:60px!important;transition:all ease .5s;z-index:1}.right{min-width:var(--padding-right);width:var(--padding-right)}menu:hover{width:calc(var(--padding-left) * 2);min-width:calc(var(--padding-left) * 2)}menu:hover li{height:30px}menu:hover li a{opacity:.5}menu:hover li.active a,menu:hover li a:hover{opacity:1}.sections{transform:translateY(-50%);position:absolute;width:var(--padding-left);left:calc(var(--padding-left) / 4);position:sticky;top:50vh}.sections li{display:block;position:relative;height:15px;width:100px;transition:all ease .3s}.sections li a{display:block;position:absolute;top:0;left:40px;text-decoration:none;opacity:0;transition:all ease .3s}.sections li.active:before{background:var(--color-primary)}.sections li:hover:before,.sections li.active:before{width:20px}.sections li:before{position:absolute;top:10px;left:0;content:"";width:10px;height:2px;background:var(--color-muted-line);margin-right:10px;transition:all ease .3s}footer{height:100vh}footer .container{display:flex;padding-left:var(--padding-left);padding-right:var(--padding-right);z-index:1;position:fixed;top:0;left:0;width:100%;height:100vh;align-items:center}footer .container>div{width:50%}form{width:100%;display:block;background:var(--bg-main);border-radius:10px;padding:calc(var(--spacing))}form input,form textarea{background:transparent;border-radius:0;border:none;border-bottom:2px solid var(--color-muted-line);transition:all ease .3s;margin:calc(var(--spacing) / 8) 0;padding:10px 0;color:var(--color)}form input:focus,form textarea:focus{color:var(--color);border-radius:0;outline:none;border-color:var(--color-muted)}form button{border-color:transparent;background:var(--color);color:var(--bg);border-radius:0}html{scroll-behavior:smooth}body{--color-primary: red;--color-muted: rgba(0,0,0,.5);--color-muted-line: rgba(0,0,0,.2);--color: black;--bg: #f5f6f8;--bg-main: white;--padding-left: 200px;--padding-right: 200px;color:var(--color)}body.dark{--color-primary: red;--color-muted: white;--color-muted-line: rgba(0,0,0,.5);--color: white;--bg: #000;--bg-main: #222;color:var(--color)}@media (prefers-color-scheme: dark){body{--color-primary: red;--color-muted: white;--color-muted-line: rgba(0,0,0,.5);--color: white;--bg: #000;--bg-main: #222}}::selection{color:#fff;background-color:red}.routerView{position:relative;display:flex;flex-direction:row;z-index:50;background:var(--bg-main)}.routerView menu{width:var(--padding-left)}.routerView section{width:calc(100% - var(--padding-left) * 2)}blockquote{font-size:1.2rem}blockquote cite{color:var(--color-muted)}.muted{opacity:.3}.bulb{display:block;width:14px;height:14px;border-radius:8px;background:var(--color-muted);position:relative;cursor:pointer}.dark .bulb{background:var(--color-muted)}.bulb:after{width:6px;height:2px;content:"";position:absolute;bottom:-6px;left:4px;background:var(--color-muted);border-radius:1px}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100;background:var(--bg-main)}p{line-height:1.8rem;margin-bottom:2rem}@media only screen and (max-width: 800px){body{--padding-left: 32px;--padding-right: 32px;--bg: white}body.dark{--bg: #222;--bg-main: #222}footer{background:#fff}body.dark footer{background:#222}.routerView section{padding:32px;display:block;width:100%}.top-left{width:100%;height:120px;padding-top:64px;display:block;position:relative;text-align:center}.skills,.skills .title,.skills #roles{display:block;width:100%}.routerView menu,.top-right,.timeline{display:none}.grid{display:block!important}.testimonials,.process,.projects{display:block}.projects .item{display:block;height:200px;margin-bottom:40px}.cover.active .preview{height:200px}.cover.active .case{padding-top:40px}.cover.active .case h2{margin-bottom:40px!important}.cover.active .case .details{display:block}}ul,ol{list-style:none;padding:0;margin:0}menu,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.perspective{perspective:800px}body{animation-duration:1ms;animation-timeline:scroll()}#demo{transform:rotateX(0) translateZ(0);animation-name:animation;animation-duration:1ms;animation-direction:alternate;animation-range:entry 0;animation-timeline:view()}section{animation-name:animation;animation-range:entry 0;animation-timeline:view()}@keyframes bganimation{0%{background:var(--bg)}50%{background:#423c39}to{background:#fff}}@keyframes animation{0%{transform:rotateX(90deg) translateZ(-500px)}to{transform:rotateX(0) translateZ(0)}}.rotating-cell{display:inline-block;width:100px;height:100px;background-color:#534e4b;border:1px solid var(--bg-pattern-color);perspective:800px;position:relative;box-shadow:0 20px 20px #00000080 inset}.rotating-cell:after{content:"";display:block;width:100px;height:100px;position:absolute;top:0;left:0;background-color:var(--bg);background:linear-gradient(180deg,white 0px,white 2px,rgb(194 189 186) 2px,rgb(194 189 186) 20px,var(--bg) 50px,var(--bg) 150px);background-size:100px 150px;background-repeat:no-repeat;background-position-y:-50px;transition:background-position-y .4s,transform 1s allow-discrete}.rotating-cell:hover:after{transform:rotateX(-180deg)}@keyframes rotatecell{0%{transform:rotateX(0);border-top:1px solid transparent;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 100%)}50%{transform:rotateX(-90deg);border-top:1px solid white;background:linear-gradient(to bottom,#fff,#cac3bf)}to{transform:rotateX(-180deg);border-top:1px solid transparent;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 100%)}}@keyframes test{0%{background-size:100px 100px}50%{background-size:50px 50px}1000%{background-size:100px 100px}}@keyframes test2{0%{background-image:linear-gradient(to right,var(--bg-pattern-color) var(--bg-pattern-width),transparent var(--bg-pattern-width)),linear-gradient(to bottom,var(--bg-pattern-color) var(--bg-pattern-width),transparent var(--bg-pattern-width))}50%{background-image:linear-gradient(to right,var(--bg-pattern-color) var(--bg-pattern-width),transparent var(--bg-pattern-width)),linear-gradient(to bottom,var(--bg-pattern-color) var(--bg-pattern-width),transparent var(--bg-pattern-width))}1000%{background-image:linear-gradient(to right,var(--bg-pattern-color) var(--bg-pattern-width),transparent var(--bg-pattern-width)),linear-gradient(to bottom,var(--bg-pattern-color) var(--bg-pattern-width),transparent var(--bg-pattern-width))}}.box{perspective:1000px;position:relative}.box:after,.box:before{content:"";z-index:10;display:block;width:200px;height:200px;background:red;position:absolute;top:200px;left:200px}.box{transform:translateY(90px);transition:transform 3s}.box:after{transform:translateZ(20px)}.box:before{background:#730505;transform:translate3d(0,100px,-100px) rotateX(90deg)}.hide{display:none}:root{--color-transparency: .1}:root --header-theme:{color:#fff}:root{--spacing: 2%;--border-radius: .5em;--radius: 1em;--padding-left: var(--spacing);--padding-right: var(--spacing);--grid-gap: 2.5vw }:root{--bg: #f5f6f8;--color-primary: rgb(242, 23, 78);--border: rgb(from red r g b );--primary-color: rgba(130, 130, 130, var(--color-transparency));--color-gray: rgba(130, 130, 130, .2);--color-text: rgba(64,64,64,.8);--muted: rgba(64,64,64,.8)}:root{--font-size: 14px;--font-weight: 400;--font-family: system-ui, "Open Sans"}:root{--heading-coef: 1.2}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-top:1.5em;margin-bottom:1em;letter-spacing:.02em;line-height:1.2em;font-weight:400}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child{margin-top:0}hgroup{margin-bottom:2em}hgroup h1,hgroup .h1,hgroup h2,hgroup .h2,hgroup h3,hgroup .h3,hgroup h4,hgroup .h4,hgroup h5,hgroup .h5,hgroup h6,hgroup .h6{margin-bottom:0;letter-spacing:-.03em}hgroup h1+p,hgroup .h1+p,hgroup h2+p,hgroup .h2+p{font-size:calc(var(--font-size) * 1.2 * var(--heading-coef));line-height:1.4em;margin-bottom:0}hgroup h6+p,hgroup .h5+p,hgroup .h6+p{font-size:calc(var(--font-size) * .6 * var(--heading-coef));line-height:1.4em;margin-bottom:0}.large{font-size:calc(var(--font-size) * 1.2 * var(--heading-coef));line-height:1.4em}.small{font-size:calc(var(--font-size) * .6 * var(--heading-coef));line-height:1.4em}h1,.h1{font-size:calc(var(--font-size) * 2 * var(--heading-coef))}h2,.h2{font-size:calc(var(--font-size) * 1.5 * var(--heading-coef))}h3,.h3{font-size:calc(var(--font-size) * 1.2 * var(--heading-coef))}h4,.h4{font-size:calc(var(--font-size) * 1 * var(--heading-coef))}h5,.h5{font-size:calc(var(--font-size) * .8 * var(--heading-coef))}h6,.h6{font-size:calc(var(--font-size) * .6 * var(--heading-coef))}.no-hypens,.no-hypens p{-webkit-hyphens:none;hyphens:none}p,blockquote{-webkit-hyphens:auto;hyphens:auto;margin-bottom:var(--font-size)}blockquote cite{display:block;font-size:.8em;margin-top:1.4rem;color:var(--muted)}.align-left{text-align:left}.align-right{text-align:right}.strong{font-weight:600}a,.link{color:var(--color-primary)}.icon svg,.icon img{width:2em;height:32px}.icon svg path{stroke:var(--color)}.icon-2x{width:2em;height:2em}header{@apply --header-theme;display:flex;justify-content:space-between;padding-top:1em;padding-bottom:1em;align-items:center}header svg{vertical-align:middle}header nav{display:inline-block}header nav{flex-direction:row;align-items:center}header nav a{margin:0 1em;height:100%;text-decoration:none}header nav a svg,header nav a img{display:inline-block}header nav:first-child a:first-child{margin-left:0}header nav:last-child a:last-child{margin-right:0}@media print{header{display:none}}@media (max-width: 36em){header>:not(.mobile){display:none}header .mobile{display:flex}}@container preview (max-width: 36em){header>:not(.mobile){display:none}header .mobile{display:flex}}main{display:flex;flex-direction:column;min-height:100%}main nav ul{flex-direction:column}main nav ul li{display:block}main section{width:100%}nav{display:flex;flex-direction:column;margin-right:1em}nav a{width:200px;margin-bottom:1em}footer{display:flex;margin-top:auto;padding:2em 0;justify-content:space-between}code{background:#211d1b;background:var(--bg);display:block;color:var(--bg);color:#000;line-height:1.8em;border-radius:var(--radius);padding:1em;font-size:.9em;position:relative}pre{width:100%;white-space:pre-wrap}pre code.hljs{padding:1rem 2rem!important}code{margin-bottom:2rem}code:after{position:absolute;top:.5em;right:1.5em;color:var(--bg);opacity:.3;font-size:.8em;content:attr(data-language);display:block;transition:.3s}code:hover:after{opacity:1}.card{padding:2em;border-radius:.5em;background-color:#fff}:root{--form-height: 24px;--icon-input-select: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 64L108 64" stroke="black" stroke-width="8"/><path d="M63.9951 108.005L63.9951 20.0049" stroke="black" stroke-width="8"/></svg>')}.row{display:flex;margin-bottom:1em}label{line-height:var(--form-height);width:200px;min-width:200px;padding-top:calc(var(--form-height) / 3)}input,textarea,select{width:100%;color:#000}input,textarea,select,button,input::file-selector-button{margin:0;border-left:1px solid #cbd2d9;border-right:1px solid #cbd2d9;border-top:1px solid #cbd2d9;border-bottom:1px solid #cbd2d9;box-sizing:border-box;border-radius:.3em;min-width:180px;box-shadow:none;padding:calc(var(--form-height) / 3) calc(var(--form-height) / 2);line-height:var(--form-height);color:#000;background:#fff}.prefix:has(+input){background:orange;color:#fff;padding-left:calc(var(--form-height) / 3);padding-right:calc(var(--form-height) / 3);padding-top:calc(var(--form-height) / 3);line-height:var(--form-height);border-radius:.3em 0 0 .3em}.prefix+input{border-radius:0 .3em .3em 0}input:has(+.suffix){border-right:none;border-radius:.3em 0 0 .3em}input+.suffix{background:red;color:#fff;border-radius:0 .3em .3em 0;padding-left:calc(var(--form-height) / 3);padding-right:calc(var(--form-height) / 3);padding-top:calc(var(--form-height) / 3);line-height:var(--form-height)}input[type=file]{background:transparent}button,select{height:calc(var(--form-height) * 2 - var(--form-height) / 4)}select{background:#fff var(--icon-input-select) no-repeat calc(100% - 10px) 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,button:focus,button:active{border-radius:.3em;border-color:#4141a9;outline:none;outline:4px solid rgba(65,65,169,.1)}input[type=checkbox],input[type=radio]{height:20px;width:20px;margin:10px 0;padding:0;min-width:20px;max-width:20px}input[type=radio]{border-radius:24px}input[type=file],input[type=image]{padding:0;height:calc(var(--form-height) + 2 * var(--form-height) / 3 + 2px)}input::file-selector-button{margin-right:1em;box-sizing:border-box;padding:calc(var(--form-height) / 3);min-width:100px;line-height:var(--form-height)}input[type=radio],input[type=checkbox]{appearance:none}input:checked[type=radio],input:checked[type=checkbox]{content:" ";display:block;position:relative}input:checked[type=radio]:before,input:checked[type=checkbox]:before{display:block;content:" ";position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:2px}input:checked[type=checkbox]:before{background:var(--color-primary)}input:checked[type=radio]{background:var(--color-primary);border-color:transparent}input:checked[type=radio]:before{background:#fff}input:checked[type=radio]:before{border-radius:10px}input[type=file]{border:none}input[type=time],input[type=week],input[type=month],input[type=date],input[type=datetime-local]{padding:calc(var(--form-height) / 3 - 1px)}input[type=color]::-webkit-color-swatch{border-radius:.15em}input[type=color]::-webkit-color-swatch-wrapper{height:70%;width:80%;top:15%;left:10%;position:absolute}input[type=color]{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin:0;padding:0;outline:none;height:38px;border-radius:.3em;max-width:60px;min-width:40px}input[type=range]{height:42px}::-webkit-color-swatch-wrapper{padding:0;margin:0}::-webkit-color-swatch{border:0;border-radius:0;margin:0}::-moz-color-swatch,::-moz-focus-inner{border:0;margin:0}::-moz-focus-inner{padding:0;margin:0}input[type=range],input[type=range]::-webkit-slider-thumb,input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-container{-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{display:block;width:20px;height:20px;background:var(--color-primary);border-radius:10px}input[type=range]::-webkit-slider-runnable-track{width:100px;background:#fff}input[type=range]::-webkit-slider-container{background:#fff}table{display:table;border-spacing:1px;border-collapse:collapse;box-sizing:border-box;text-indent:0}table tr{border-bottom:1px solid}table th,table td{padding:1em;border:1px solid;text-align:left}.widget{background:#fff;border-radius:1em;padding:2em;margin-bottom:3em;width:25%;box-shadow:0 40px 40px -40px #0003}.widget .title{background:var(--color);border-radius:1em;color:#fff;padding:2em;box-sizing:border-box;margin:-2em -2em 2em;transition:all .5s ease}.widget:hover .title{padding:3em;cursor:pointer;margin:-3em -3em 1em}hr{border:none;height:2em}.button{text-align:center;padding:.5em 1em;text-decoration:none;transition:.3s;background:var(--color-primary);color:#fff;border-radius:calc(var(--radius) * 2)}.broadcrumbs li{display:flex;margin:0 1em 2em 0}.broadcrumbs li:after{content:"/";margin-left:1em}.broadcrumbs li:last-child:after{content:""}.hero{margin-bottom:8em}.hero h1{font-family:Bricolage Grotesque,sans-serif;letter-spacing:.02em;margin:1.5em 0 .3em;font-size:6em;line-height:1em;z-index:2;position:relative}.hero p,.hero a{font-size:1.6em;margin-bottom:1.2em;line-height:1.4em;z-index:2;position:relative}.hero p{width:70%}.hero{position:relative}.hero #canvas{display:none;height:50vh;width:100vw;top:-10vh;right:-60vw}.notify{display:block;padding:1em;margin-bottom:2em;border:1px solid transparent;border-radius:.5em;background:#fff}.notify.error{border-color:#febfbf;background:#fff0f0;color:red}.notify.success{border-color:#bfdbfe;background:#f0f7ff;color:#396fec}.notify.warning{border-color:#fee0bf;background:#fff9f0;color:#db9108}.badge{float:right;font-size:.8em;padding:.1em 0;opacity:50%}.file{font-size:1rem;background:#fff;border-radius:.5rem;padding:1rem;box-sizing:border-box}.file:hover .preview{background:var(--bg);border-color:#fff}.file:hover .preview svg{height:calc(64px + .3rem);margin-top:3rem}.file .preview{transition:all ease .2s;display:block;border:1px solid transparent;height:96px;margin:-1rem -1rem 1.5rem;border-radius:.5rem .5rem 0 0;box-sizing:content-box;overflow:hidden;height:160px}.file .preview svg{transition:all ease .2s;height:64px;margin:3.6rem auto 0;display:block}.file p,.file a{font-size:inherit}.file a{color:#4141a9;text-decoration:none;display:block}.file .details p{margin:0}.file .details{font-size:.8rem;opacity:.5;margin:.5rem 0}input[type=file].file-upload::file-selector-button{display:none}input[type=file].file-upload{display:block;border:1px dashed rgba(0,0,0,.2);padding:6rem;height:4rem;margin-bottom:2rem;border-radius:.5rem;background:transparent;margin:0 0 2rem}.file-upload input[type=file]{content:"Browse files";appearance:none;font-size:14px;opacity:.5;text-align:center;display:block}.file-upload:hover{background:#0000000d}html,body{min-height:100%}body{background:var(--bg);flex-direction:column;font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight);font-optical-sizing:auto;font-style:normal}.grid{display:grid;grid-template-columns:repeat(auto-fit,calc(25% - .75rem));grid-gap:1rem;margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-between{justify-content:space-between}header,main,footer{z-index:1}main{align-items:flex-start;padding-top:4em;padding-bottom:4em}main section{margin-bottom:1vh}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);margin:-1em -1em 3em;font-size:1.4em}.roadmap li{margin:1em;display:inline-block;box-sizing:border-box;background:#fff;padding:3em 1em 1em;height:12em;position:relative}.roadmap li:after{content:"In progress";top:2em;left:1.3em;position:absolute;font-size:.8em;opacity:.5}.switch{margin:2em auto;background:#0003;border-radius:5em;display:inline-block;padding:.5em}.switch span{display:inline-block;padding:2em 4em;border-radius:5em;cursor:pointer}.switch span.active{font-weight:600;background:#fff}.layout-fullwidth header,.layout-fullwidth main,.layout-fullwidth footer{padding-left:0;padding-right:0}:root{--navbar-width: 70px;--sidebar-width: 240px}.app-layout-left header,.app-layout-left main,.app-layout-left footer{padding:0}.app-layout-left{min-height:max-content;display:flex;flex-direction:row;height:100%;padding:1em}.app-layout-left .logo{margin-top:1em;display:block;margin-bottom:3em}.app-layout-left .logo svg{height:calc(var(--navbar-width) / 2)}.app-layout-left header{position:fixed;top:1em;z-index:3;display:block;min-width:var(--navbar-width);width:var(--navbar-width);height:calc(100vh - 2em);border-radius:1em 0 0 1em;text-align:center;padding:1em 0}.app-layout-left header nav{width:100%}.app-layout-left header nav a{margin-bottom:1.5em}.app-layout-left header nav a span{display:none}.app-layout-left header svg{width:24px}.app-layout-left header .logo svg{width:40px}.app-layout-left header a{content:" ";display:block;width:100%;margin:0 auto}.app-layout-left main{flex-basis:100%;padding-right:2em}.app-layout-left main nav .bar{position:sticky;top:-1rem;padding:1rem 2rem;border-bottom:1px solid transparent;margin:-3rem -1rem 3rem}.app-layout-left main nav{padding:1em;border-radius:0 1em 1em 0;margin-right:3em;width:var(--sidebar-width);overflow:hidden;overflow-y:scroll;position:fixed;top:1em;z-index:2;left:calc(var(--navbar-width) + 1em);height:calc(100vh - 2em);padding-bottom:2rem}.app-layout-left main nav .h4{font-size:12px;font-weight:100;margin:1rem}.app-layout-left main nav ul li:first-child>.h4{margin-top:0}.app-layout-left main nav ul:last-child{margin-bottom:4rem}.app-layout-left main nav a{text-decoration:none;border-radius:.25em;width:100%;margin:0;padding:.4rem 1rem;display:block;font-weight:400}.app-layout-left main nav a:hover{color:#000;background:var(--bg)}.app-layout-left main{flex-flow:wrap}.app-layout-left main section{padding-left:calc(var(--sidebar-width) + var(--navbar-width) + 3em);z-index:1}.app-layout-left hgroup{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-left:-3em;margin-right:-3em;padding:1em 3em;background:#f5f5f5f2;top:0;position:sticky;margin-bottom:2em;z-index:10}.app-layout-left hgroup p{font-size:12px;opacity:.5}.app-layout-left hgroup menu{position:absolute;top:1em;right:3em}.app-layout-left hgroup .h1,.app-layout-left hgroup h1,.app-layout-left hgroup .h2,.app-layout-left hgroup h2,.app-layout-left hgroup .h3,.app-layout-left hgroup h3,.app-layout-left hgroup .h4,.app-layout-left hgroup h4,.app-layout-left hgroup .h5,.app-layout-left hgroup h5,.app-layout-left hgroup .h6,.app-layout-left hgroup h6{font-weight:600;font-size:18px;line-height:1.8em}header,main,footer{padding-left:var(--padding-left);padding-right:var(--padding-right)}#hiConfig{position:fixed;top:0;right:-280px;width:300px;height:500px;background:#fff;padding:30px;transition:all ease .2s}#hiConfig:hover{right:0}