.hidden-until-view.svelte-1171jbf{opacity:0}.bento picture{height:100%}body{background-color:#fafafa}.dark body{background-color:#050505}.scene.svelte-17tt0vg{width:300px;height:300px;perspective:1500px;position:relative}.base.svelte-17tt0vg{position:absolute;width:100%;height:100%;transform:rotateX(60deg) rotate(45deg);transform-style:preserve-3d;transition:transform .5s ease;z-index:1}.circle.svelte-17tt0vg{position:absolute;width:300px;height:300px;border-radius:50%;border:6px solid var(--primary);box-sizing:border-box}.layer-bottom.svelte-17tt0vg{background:#00f2ff33;transform:translateZ(-30px);filter:blur(15px);border:none}.layer-middle.svelte-17tt0vg{background:#045;transform:translateZ(-15px);border:3px solid var(--primary)}.layer-top.svelte-17tt0vg{background:radial-gradient(circle,#00f2ff66,#000c 80%);transform:translateZ(0);box-shadow:0 0 30px #00f2ff,inset 0 0 22.5px #00f2ff;display:flex;justify-content:center;align-items:center}.inner-ring.svelte-17tt0vg{width:80%;height:80%;border:3px dashed #00f2ff;border-radius:50%;animation:svelte-17tt0vg-rotate 4s linear infinite}@keyframes svelte-17tt0vg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scene.svelte-17tt0vg:hover .base:where(.svelte-17tt0vg){transform:rotateX(60deg) rotate(45deg) translateZ(15px)}.scene.svelte-17tt0vg:hover .layer-top:where(.svelte-17tt0vg){background:radial-gradient(circle,#00f2ff99,#000000b3 70%);box-shadow:0 0 60px #00f2ff,inset 0 0 37.5px #00f2ff}.character.svelte-17tt0vg{position:absolute;bottom:50%;left:50%;transform:translate(-70%);height:225px;z-index:10;animation:svelte-17tt0vg-bounce 2s ease-in-out infinite;filter:drop-shadow(0px 30px 7.5px rgba(0,0,0,.6))}@keyframes svelte-17tt0vg-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-22.5px)}}