:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}h1{font-size:3.2em;line-height:1.1}#app{width:100vw;height:100vh;display:flex;justify-content:center}#logo{width:5rem;position:absolute;opacity:70%;top:18px;left:18px}.floater{display:flex;position:fixed;bottom:20px;right:20px;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.floater:hover{border-color:#646cff}.floater:focus,.floater:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{background-color:#242424}.floater{background-color:#f9f9f9}}#loading-widget-root{width:100px;height:100px;position:absolute;display:flex;justify-content:center;align-items:center}#progressText{transform:translateY(150%);position:absolute}.boxes{--size: 20px;--duration: 1s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:absolute;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.boxes .box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box:nth-child(1){transform:translate(100%);animation:box1 var(--duration) linear infinite}.boxes .box:nth-child(2){transform:translateY(100%);animation:box2 var(--duration) linear infinite}.boxes .box:nth-child(3){transform:translate(100%,100%);animation:box3 var(--duration) linear infinite}.boxes .box:nth-child(4){transform:translate(200%);animation:box4 var(--duration) linear infinite}.boxes .box>div{--background: rgb(24, 68, 135);--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div:nth-child(1){--top: 0;--left: 0}.boxes .box>div:nth-child(2){--background: #002254;--right: 0;--rotateY: 90deg}.boxes .box>div:nth-child(3){--background: rgb(7, 42, 94);--rotateX: -90deg}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}html{-webkit-font-smoothing:antialiased}.photo-button{width:60px;height:60px;bottom:18px;right:18px;margin-top:-50px;margin-left:-50px;position:absolute}.photo-button-circle{position:absolute;inset:15%;border-radius:100%;background-color:#fff;opacity:.7}.photo-button-ring{position:absolute;inset:0;border-radius:100%;border:.25em solid #ffffff;opacity:.8}.photo-button .photo-button-circle,.photo-button .photo-button-ring{transition:all .25s}@media (pointer: fine){.photo-button:hover .photo-button-circle{opacity:1}}.photo-button:active .photo-button-ring{opacity:1}.photo-button:active .photo-button-circle{opacity:.5}:root{--menu-button-color: rgb(214, 213, 213);--menu-background-color-opened: #222222;--menu-background-color: #2222227d;--menu-background-hover-color: #323232;--menu-button-hover-color: rgb(255, 255, 255)}.menu-container{bottom:60px;left:18px;position:absolute}#menu-toggle{visibility:hidden}.menu-button{position:absolute;z-index:999;width:200px;height:45px;background:var(--menu-background-color-opened);border-radius:15px;cursor:pointer;display:flex;justify-content:left;align-items:center;padding:0 15px;overflow:hidden;transition:width .3s linear}.menu-button:before{position:absolute;content:"";width:20px;height:2px;background:var(--menu-button-color);transform:rotate(225deg);transition:all .4s ease}.menu-button:after{position:absolute;content:"";width:20px;height:2px;background:var(--menu-button-color);transform:rotate(135deg);transition:all .4s ease}.nav{opacity:1;transition:all .5s ease-in-out;width:100%;border-radius:5px;transform:translate(10%);margin-left:15px;padding:10px}.nav ul{margin:0;padding:0;display:flex;flex-direction:row}.nav li{opacity:0;list-style:none}.nav li:nth-child(1){transform-origin:bottom;animation:itop .3s .3s linear forwards}.nav li:nth-child(2){transform-origin:bottom;animation:itop .3s .4s linear forwards}.nav li:nth-child(3){transform-origin:bottom;animation:itop .3s .5s linear forwards}.nav button{transition:all .5s linear;text-decoration:none;color:var(--menu-button-color);font-size:20px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin:0 15px 0 0;border-radius:15px}@media (pointer: fine){.nav button:hover{color:var(--menu-button-hover-color);background:var(--menu-background-hover-color);border-radius:15px}}#menu-toggle:checked~label .nav{display:none;opacity:0;transform:translate(0)}#menu-toggle:checked~.menu-button:before{transform:rotate(90deg)}#menu-toggle:checked~.menu-button:after{transform:rotate(0)}#menu-toggle:checked~.menu-button{width:50px;transition:all .1s linear;background:var(--menu-background-color)}@keyframes itop{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}