*,*: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}:root{--c-background: #222}body{--index: 0;--total: 1;--id: "";height:100dvh;width:100dvw;position:relative}body:after{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:calc(var(--total) * 100dvw);height:100dvh;transform:translate(calc(var(--index) * -100dvw));transition:transform .3s ease;background:linear-gradient(-60deg,#f7ea60,#3cf2de,#f774bb,#8711c1)}body>canvas{height:100%;width:100%;background-color:transparent}body[data-id=kiswe]>canvas{background:linear-gradient(90deg,#ac48e7,#d8478c 54%,#ff200d)}body>nav{--size: 4rem;position:fixed;bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}body>nav>button{all:unset;display:flex;align-items:center;justify-content:center;border-radius:50%;width:var(--size);height:var(--size);border:2px solid var(--c-background);transition:transform .2s ease;pointer-events:all;cursor:pointer}body>nav>button:nth-child(odd){margin-bottom:calc(var(--size) * .75)}body>nav>button:hover{transform:scale(1.1)}body>nav>button:active{transform:scale(.9)}body>nav svg{width:65%;pointer-events:none;fill:var(--c-background)}