:root{--max-width:1080px;--spacing-m:20px;--spacing-s:calc(var(--spacing-m)/2);--spacing-l:calc(var(--spacing-m)*2);--gap-s:5px;--gap-m:10px;--gap-l:15px;--foreground:255,255,255;--background:30,30,30;--purple:149,76,218;--red:235,31,41;--blue:124,204,235;--yellow:235,183,67}@media (min-width:480px){:root{--spacing-m:30px}}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:rgb(var(--background));font-size:16px}html,body{max-width:100vw;min-height:100svh}main{position:relative}button{border:unset;outline:unset;font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}.button{cursor:pointer;border-radius:50px;transition:background .2s,color .2s,opacity .2s}.button.full{gap:var(--gap-m);align-items:center;width:fit-content;padding:6px 10px 6px 12px;line-height:20px;display:flex}.button.icon{align-content:center;padding:6px;display:flex}.button.primary{box-shadow:inset 0 1px 0 0 rgba(var(--foreground),.1);background-color:rgba(var(--foreground),.1);color:rgb(var(--foreground))}.button svg{width:20px;height:20px;display:block}@media (hover:hover){.button.primary:not(.disabled):hover{background-color:rgb(var(--foreground));color:rgb(var(--background))}}.button.disabled{filter:grayscale();opacity:.4;cursor:not-allowed}section.loader.page{min-height:inherit;justify-content:center;align-items:center;display:flex}section.loader svg{--uib-size:20px;--uib-color:rgb(var(--foreground));--uib-speed:2s;--uib-bg-opacity:.1;height:var(--uib-size);width:var(--uib-size);transform-origin:50%;animation:rotate var(--uib-speed)linear infinite;will-change:transform;display:block;overflow:visible}section.loader svg.small{--uib-size:14px;--uib-color:white;--uib-speed:2s;--uib-bg-opacity:.1}section.loader svg .car{fill:none;stroke:var(--uib-color);stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;animation:stretch calc(var(--uib-speed)*.75)ease-in-out infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}section.loader svg .track{fill:none;stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes stretch{0%{stroke-dasharray:0 150;stroke-dashoffset:0}50%{stroke-dasharray:75 150;stroke-dashoffset:-25px}to{stroke-dashoffset:-100px}}header{bottom:var(--spacing-m);z-index:1;color:#000;background-color:#fff;border-radius:50px;width:fit-content;padding:8px 16px;position:fixed;left:50%;translate:-50%;box-shadow:0 0 0 2px #0000001a}header nav{align-items:center;gap:var(--spacing-s);display:flex;position:relative}header nav a{line-height:22px;display:block;position:relative}header nav .track{align-items:center;width:100%;height:4px;padding:1px;display:flex;position:absolute;bottom:-4px}header nav .track .worm{background-color:rgb(var(--background));border-radius:2px;width:2px;height:2px}header nav .track .worm.shown{opacity:1}aside#fluid{position:fixed;inset:0;overflow:hidden}aside#fluid .blur{background-color:rgba(var(--background),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;position:absolute}aside#fluid .canvas{z-index:-1;width:100%;height:100%;position:relative}aside#credits{z-index:2;padding:var(--spacing-m);background:rgba(var(--background),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;gap:var(--spacing-m);flex-direction:column;display:flex;position:fixed;inset:0}aside#credits .modal{max-width:fit-content;padding:var(--spacing-m);align-items:center;gap:var(--spacing-s);text-align:center;box-shadow:inset 0 1px 0 0 rgba(var(--foreground),.1);background:rgba(var(--foreground),.1);border-radius:10px;flex-direction:column;display:flex}aside#credits .modal .links{justify-content:center;gap:var(--gap-s);flex-wrap:wrap;width:0;min-width:100%;display:inline-flex}aside#credits .modal .links a{background-color:rgba(var(--foreground),.1);border-radius:5px;padding:2px 10px;font-size:.9rem;transition:background-color .2s,color .2s;display:block}aside#credits .modal .links a:hover{background-color:rgba(var(--foreground),1);color:rgb(var(--background))}aside#credits .modal .copyright{opacity:.8;font-size:.8rem}aside#showcase{z-index:2;background:rgba(var(--background),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-m)0;position:fixed;inset:0}aside#showcase .wrapper{align-items:center;gap:var(--spacing-m);flex-direction:column;max-width:860px;height:100%;margin:0 auto;display:flex}aside#showcase .display,aside#showcase .controls,aside#showcase .metadata{padding:0 var(--spacing-m)}aside#showcase .display{flex-grow:1;width:100%;overflow:hidden}aside#showcase .display .slider{gap:50px;min-width:100%;height:100%;display:flex}aside#showcase .display .slider .slide{min-width:100%;position:relative}aside#showcase .display .slider .slide .scrollable{left:var(--gap-s);bottom:var(--gap-s);background-color:rgb(var(--background));color:rgb(var(--foreground));border-radius:5px;padding:5px;position:absolute}aside#showcase .display .slider .slide .scrollable svg{width:20px;height:20px;display:block}aside#showcase .display .slider .slide figure{border-radius:10px;height:100%;overflow:hidden}aside#showcase .display .slider .slide.loaded figure{overflow-y:auto}aside#showcase .display .slider .slide figure .overflow{justify-content:center;align-items:center;min-height:100%;display:flex}aside#showcase .display .slider .slide figure .overflow img{display:block}aside#showcase.site .display .slider .slide figure .overflow img,aside#showcase.interface .display .slider .slide figure .overflow img{border-radius:10px;width:100%;max-width:860px;height:auto}aside#showcase.icon .display .slider .slide figure .overflow img{width:auto;height:128px}aside#showcase.branding .display .slider .slide figure .overflow img{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:128px}aside#showcase .display .slider .slide .loader{position:absolute;top:50%;left:50%;translate:-50% -50%}aside#showcase .controls{align-items:center;gap:var(--spacing-s);flex-direction:column;display:flex}aside#showcase .controls .dots{gap:15px;width:fit-content;margin:0 auto;padding:1px;display:flex;position:relative}aside#showcase .controls .dots .dot{background-color:rgba(var(--foreground),.4);border-radius:1px;width:2px;height:2px}aside#showcase .controls .dots .track{align-items:center;width:100%;display:flex;position:absolute;inset:1px}aside#showcase .controls .dots .track .worm{background-color:rgb(var(--foreground));border-radius:2px;width:2px;height:2px}aside#showcase .controls .buttons{gap:var(--spacing-s);display:flex}aside#showcase .download{position:relative}aside#showcase .download .loader{top:50%;left:calc(100% + var(--spacing-s));position:absolute;translate:0 -50%}aside#showcase .metadata{align-items:center;gap:var(--gap-s);flex-direction:column;display:flex}aside#showcase .metadata h2{text-align:center}aside#showcase .metadata ul{align-items:center;gap:var(--spacing-s);list-style:none;display:flex}aside#showcase .metadata ul li{align-items:center;gap:var(--gap-s);display:flex}aside#showcase .metadata ul li svg{width:16px;height:16px;display:block}main#error{gap:var(--spacing-s);z-index:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}main#error>svg{color:#fff6;width:64px;height:64px;display:block}main#home{min-height:inherit}main#home .wrapper{max-width:980px;padding:var(--spacing-l)var(--spacing-l)calc(var(--spacing-l) + 38px)var(--spacing-l);text-align:center;min-height:inherit;justify-content:center;align-items:center;gap:var(--spacing-m);flex-direction:column;margin:0 auto;display:flex;position:relative}main#home .logo{align-items:center;gap:var(--gap-l);color:rgb(var(--foreground));flex-direction:column;display:flex}main#home .logo .icon,main#home .logo .text{width:auto;height:100px}@media (min-width:480px){main#home .logo .icon,main#home .logo .text{height:128px}}main#home .heading{align-items:center;gap:var(--spacing-s);flex-direction:column;display:flex}main#home .heading h1{font-size:1.4rem}main#home .heading p{opacity:.9}main#home .heading p span{opacity:1;font-weight:700}main#home .heading .links{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}@media (min-width:530px){main#home .heading h1{font-size:2rem}}main#web .wrapper{max-width:var(--max-width);padding:var(--spacing-m);margin:0 auto}main#web #introduction .tint{text-align:center;align-items:center;gap:var(--spacing-s);background-color:rgba(var(--foreground),.1);max-width:fit-content;box-shadow:inset 0 1px 0 0 rgba(var(--foreground),.1);padding:var(--spacing-m);border-radius:10px;flex-direction:column;margin:0 auto;display:flex}main#web #introduction .tint>svg{width:64px;height:64px;color:rgb(var(--yellow));display:block}main#web #introduction .description{max-width:480px}main#web #introduction .links{gap:var(--spacing-s);flex-wrap:wrap;display:flex}main#web #projects .wrapper{padding-bottom:calc(var(--spacing-l) + 38px)}main#web #projects .heading{justify-content:center;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-l);display:flex}main#web #projects .heading svg{width:32px;height:32px;color:rgb(var(--yellow));display:block}main#web #projects .grid{gap:var(--spacing-m);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:min-content;display:grid}main#design .wrapper{max-width:var(--max-width);padding:var(--spacing-m);margin:0 auto}main#design #introduction .tint{text-align:center;align-items:center;gap:var(--spacing-s);background-color:rgba(var(--foreground),.1);max-width:fit-content;box-shadow:inset 0 1px 0 0 rgba(var(--foreground),.1);padding:var(--spacing-m);border-radius:10px;flex-direction:column;margin:0 auto;display:flex}main#design #introduction .tint>svg{width:64px;height:64px;color:rgb(var(--blue));display:block}main#design #introduction .description{max-width:480px}main#design #projects .wrapper{padding-bottom:calc(var(--spacing-l) + 38px)}main#design #projects .heading{justify-content:center;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-l);display:flex}main#design #projects .heading svg{width:32px;height:32px;color:rgb(var(--blue));display:block}main#design #projects .hr{background-color:rgba(var(--foreground),.1);width:100%;height:2px;margin:var(--spacing-m)auto;border-radius:1px}main#design #projects .branding{gap:var(--spacing-s);grid-template-columns:repeat(auto-fit,minmax(86px,1fr));grid-auto-rows:1fr;display:grid}@media (min-width:480px){main#design #projects .branding{justify-content:center;align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}}main#design #projects .interfaces,main#design #projects .icons{justify-content:center;align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}#projects .project .image .loader{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}#projects .project.site{width:100%;max-width:360px;margin:0 auto;position:relative}#projects .project.site .image{border-radius:10px;position:relative;overflow:hidden}#projects .project.site .image img{width:100%;height:auto;display:block;position:relative}#projects .project.site .status{background-color:rgb(var(--yellow));color:rgb(var(--background));top:var(--gap-s);right:var(--gap-s);justify-content:space-between;align-items:center;gap:var(--gap-m);border-radius:5px;padding:5px 8px 5px 10px;display:flex;position:absolute}#projects .project.site .status p{line-height:18px}#projects .project.site .status svg{width:18px;height:18px;display:block}#projects .project.site .information{background-color:rgba(var(--background),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:var(--gap-s);left:var(--gap-s);right:var(--gap-s);justify-content:space-between;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s);border-radius:5px;display:flex;position:absolute}#projects .project.site .information .actions{align-items:center;gap:var(--gap-s);display:flex}#projects .project.design .image{cursor:pointer;transition:scale .2s;position:relative}#projects .project.design .image img{display:block;position:relative}#projects .project.design.icon{align-items:center;gap:var(--gap-s);flex-direction:column;display:flex}#projects .project.design.icon .image img{width:64px;height:64px}#projects .project.design.interface{width:100%;max-width:360px}#projects .project.design.interface .image img{border-radius:10px;width:100%;height:auto}#projects .project.design.branding .image{box-shadow:inset 0 1px 0 0 rgba(var(--foreground),.1);background:rgba(var(--foreground),.1);border-radius:10px;padding:14px}#projects .project.design.branding .image img{object-fit:contain;max-width:50px;max-height:50px;margin:0 auto}@media (hover:hover){#projects .project.design.icon .image:hover,#projects .project.design.branding .image:hover{scale:1.05}#projects .project.design.interface .image:hover{scale:1.025}}#projects .project.icon .installs{align-items:center;gap:var(--gap-s);display:flex}#projects .project.icon .installs svg{opacity:.4;width:16px;height:16px;display:block}#projects .project.icon .installs p{font-size:.8rem;line-height:20px}
@font-face{font-family:Satoshi;src:url(../media/Regular[wght]-s.p.5563f5da.ttf)format("truetype");font-display:swap;font-weight:300 900;font-style:normal}@font-face{font-family:Satoshi;src:url(../media/Italic[wght]-s.p.f83e9b8a.ttf)format("truetype");font-display:swap;font-weight:300 900;font-style:italic}@font-face{font-family:Satoshi Fallback;src:local(Arial);ascent-override:92.36%;descent-override:21.95%;line-gap-override:9.14%;size-adjust:109.35%}.satoshi_aa023d2d-module__EE0EOW__className{font-family:Satoshi,Satoshi Fallback}