:host .wrapper{height:100%;width:100%;display:flex;flex-direction:column;gap:3vh;box-sizing:border-box}:host .wrapper .headder{padding:3vh;padding-bottom:0}:host .wrapper .headder svg{height:2vh;fill:#8d8d8d;transition:all .2s ease-in-out}:host .wrapper .headder svg:hover{fill:#ef6fff}:host .wrapper .list{padding:3vh;padding-top:0;height:calc(100% - 4vh);overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;gap:.9vh;column-gap:7vh}:host .wrapper .list::-webkit-scrollbar{width:1px;height:1px}:host .wrapper .list::-webkit-scrollbar-button{width:0px;height:0px}:host .wrapper .list::-webkit-scrollbar-thumb{background:#e1e1e1;border:none}:host .wrapper .list::-webkit-scrollbar-track{background:transparent;border:none}:host .wrapper .list::-webkit-scrollbar-corner{background:transparent}:host .wrapper .list .item{flex-shrink:0;max-width:100%}:host model-viewer{height:50vh;width:50vh}:host *{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:450;font-style:normal;font-size:4vh;ascent-override:90%;descent-override:20%;line-gap-override:0%;size-adjust:100%}:host *::selection{background:black;color:#fff}:host .icon{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" -25,"opsz" 24;display:inline-block;transform:translateY(.37vh);opacity:0;width:1em;transition:opacity 2s cubic-bezier(.16,1,.3,1)}:host .icon.rotate{animation:1s forwards rotace}@keyframes rotace{0%{transform:translateY(.3vh)}50%{transform:translateY(.3vh) rotate(180deg)}to{transform:translateY(.3vh)}}:host .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10vh;padding:10vh;box-sizing:border-box;overflow:hidden;color:transparent;background:linear-gradient(137deg,#e7e6df,#ba75da);background-position:0% 0%;background-size:150% 150%;transition:color 2s cubic-bezier(.16,1,.3,1),background-position 5s cubic-bezier(.16,1,.3,1)}:host .wrapper.fontsLoaded{color:#000}:host .wrapper.fontsLoaded .icon{width:auto;opacity:1}:host .wrapper a{color:#000}:host .wrapper a:hover{color:#00f}:host .wrapper .grain{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/dist/assets/grain.da4e8a4a.jpg);background-size:150% 150%;background-position:0% 0%;z-index:0;mix-blend-mode:hard-light;opacity:.4;transition:background-position 5s cubic-bezier(.16,1,.3,1)}:host .wrapper .contact,:host .wrapper .info{z-index:10}:host .wrapper .water{background:linear-gradient(130deg,black 50%,transparent 55%);background-position:-70% 0%;background-size:300% 300%;background-clip:text;color:transparent;transition:transform 5s cubic-bezier(.16,1,.3,1),opacity 5s cubic-bezier(.16,1,.3,1),background-position 6.5s cubic-bezier(.16,1,.3,1);will-change:opacity transform;opacity:0;transform:translateY(-10%)}:host .wrapper .water.in{opacity:1;transform:translateY(0);background-position:-150% 0}:host .wrapper .contact{display:flex;flex-direction:row;flex-wrap:wrap;gap:10vh;justify-content:center}:host .wrapper .contact span{text-decoration:underline}:host .wrapper .contact .logo{width:calc(100% - 10vh)}:host .wrapper .contact .logo svg{fill:transparent;stroke:#000;stroke-width:.9px;animation:both pulse 5s cubic-bezier(.16,1,.3,1)}@keyframes pulse{0%{stroke-width:0px}to{stroke-width:1px}}:host .wrapper .info{border:.3vh solid black;border-radius:4vh;padding:0 3vh;color:#000;text-align:center;transform:scale(1.1);opacity:0;transition:opacity 5s cubic-bezier(.16,1,.3,1),transform 10s cubic-bezier(.16,1,.3,1)}:host .wrapper .info.in{transform:scale(1)}:host .wrapper .info span{color:#000}:host .wrapper content-component{width:100%;height:50vh}:host .wrapper archive-component{width:100%;height:calc(50vh - 1px);border-bottom:1px solid #e6e6e6}@keyframes goin{0%{transform:translateY(2vh)}to{transform:translateY(0)}}@media (max-aspect-ratio: 1/1){:host .wrapper{padding:10vh 3vh;height:auto;gap:4vh}:host .wrapper .contact{flex-direction:column;gap:4vh}:host .wrapper .contact .logo{width:calc(100vw - 14vh)}:host .wrapper .contact .logo svg{stroke-width:2px;animation:both pulse 5s cubic-bezier(.16,1,.3,1)}@keyframes pulse{0%{stroke-width:0px}to{stroke-width:2px}}}