@keyframes svelte-31vals-spin{0%{transform:rotate3d(0,0,0,0)}to{transform:rotate3d(1,1,1,360deg)}}.container.svelte-31vals{--containerSize: min(60vw, 60vh);--edgeLength: calc(var(--containerSize) / 1.3);--halfEdgeLength: calc(var(--edgeLength) / 2);--triangleHeight: calc(var(--edgeLength) * sqrt(3) / 2);--borderWidth: calc(var(--edgeLength) / 50);--innerTriangleEdgeLength: calc(var(--edgeLength) - var(--borderWidth) * 2);--innerTriangleHalfEdgeLength: calc(var(--innerTriangleEdgeLength) / 2);--innerTriangleHeight: calc(var(--innerTriangleEdgeLength) * sqrt(3) / 2);--faceToCenterDistance: calc(var(--edgeLength) * ((sqrt(8) / sqrt(12)) / 4));width:var(--containerSize);height:var(--containerSize);display:flex;align-items:center;justify-content:center;transition:1s}.d4.svelte-31vals{animation-name:svelte-31vals-spin;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:10s;width:0px;height:0px;transform-style:preserve-3d}.symmetry.svelte-31vals{transform-style:preserve-3d}.first.svelte-31vals{transform:rotate(120deg)}.second.svelte-31vals{transform:rotate(-120deg)}.face.svelte-31vals{opacity:.3;position:absolute;left:calc(var(--edgeLength) / -2);top:calc(var(--edgeLength) * (1 - (1 / (2 * sqrt(3)))) * -1);width:var(--edgeLength);height:var(--edgeLength);background-color:var(--secondaryColor);display:flex;align-items:center;justify-content:center;clip-path:polygon(0% var(--edgeLength),var(--halfEdgeLength) calc(100% - var(--triangleHeight)),var(--edgeLength) var(--edgeLength),0% var(--edgeLength))}.face.svelte-31vals:before{content:"";position:absolute;top:calc(var(--borderWidth) * sqrt(2));left:var(--borderWidth);width:var(--innerTriangleEdgeLength);height:var(--innerTriangleEdgeLength);background-color:var(--primaryColor);display:flex;align-items:center;justify-content:center;clip-path:polygon(0% var(--innerTriangleEdgeLength),var(--innerTriangleHalfEdgeLength) calc(100% - var(--innerTriangleHeight)),var(--innerTriangleEdgeLength) var(--innerTriangleEdgeLength),0% var(--innerTriangleEdgeLength));transform-origin:center}.face.svelte-31vals:after{content:"";position:absolute;font-size:calc(var(--innerTriangleEdgeLength) / 4);font-weight:700;top:calc(var(--innerTriangleEdgeLength) / 1.8)}.one.svelte-31vals{transform:translateZ(var(--faceToCenterDistance))}.two.svelte-31vals{transform-origin:calc(var(--halfEdgeLength) * 1) calc(var(--edgeLength) * ((6 - sqrt(3)) / 6)) calc(var(--faceToCenterDistance) * -1);transform:translateZ(var(--faceToCenterDistance)) rotateX(-109deg) rotateY(0) rotate(60deg)}:root{--primaryColor: cyan;--primaryColorSecondary: cadetblue;--secondaryColor: brown;--accentColor: burlywood;--backgroundColor: black;--otherBackgroundColor: white}:root[theme=light]{--primaryColor: darkgreen;--primaryColorSecondary: green;--secondaryColor: mediumslateblue;--accentColor: coral;--backgroundColor: white;--otherBackgroundColor: black}button.svelte-m466h8{position:fixed;top:50px;right:50px;height:100px;width:100px;border-radius:100%;background-color:var(--primaryColor);color:var(--backgroundColor);border:5px solid var(--secondaryColor);opacity:.5;cursor:pointer;font-size:24px;font-weight:700}button.svelte-m466h8:hover{opacity:1}.container.svelte-1uha8ag{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotate3d(var(--rX),var(--rY),0,var(--rMag));background-color:#000;box-shadow:inset 0 0 300px -140px var(--primaryColor);background:radial-gradient(var(--primaryColor),var(--backgroundColor) 1px,var(--backgroundColor));background-size:14px 14px}h1.svelte-1uha8ag{color:var(--primaryColor);font-family:cursive;font-size:60px}