.scene{position:relative;z-index:2;display:grid;width:220px;height:220px;place-items:center}.cube-wrapper{transform-style:preserve-3d;animation:bouncing 2s infinite}.cube{transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;animation:rotation 2s infinite}.cube-faces{position:relative;width:80px;height:80px;transform:translate(0) translateY(0) translateZ(-40px);transform-origin:0 0;transform-style:preserve-3d}.cube-face{position:absolute;inset:0;background:#110d31;border:solid 1px #fff}.cube-face.shadow{transform:translateZ(-80px);animation:bouncing-shadow 2s infinite}.cube-face.top{transform:translateZ(80px)}.cube-face.front{transform:rotateY(-90deg);transform-origin:0 50%}.cube-face.back{transform:rotateY(-90deg) translateZ(-80px);transform-origin:0 50%}.cube-face.right{transform:rotateX(-90deg) translateY(-80px);transform-origin:50% 0}.cube-face.left{transform:rotateX(-90deg) translateY(-80px) translateZ(80px);transform-origin:50% 0}@keyframes rotation{0%{transform:rotateX(45deg) rotateY(0) rotate(45deg);animation-timing-function:cubic-bezier(.17,.84,.44,1)}50%{transform:rotateX(45deg) rotateY(0) rotate(225deg);animation-timing-function:cubic-bezier(.76,.05,.86,.06)}to{transform:rotateX(45deg) rotateY(0) rotate(405deg);animation-timing-function:cubic-bezier(.17,.84,.44,1)}}@keyframes bouncing{0%{transform:translateY(-40px);animation-timing-function:cubic-bezier(.76,.05,.86,.06)}45%{transform:translateY(40px);animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:translateY(-40px);animation-timing-function:cubic-bezier(.76,.05,.86,.06)}}@keyframes bouncing-shadow{0%{transform:translateZ(-80px) scale(1.3);opacity:.05;animation-timing-function:cubic-bezier(.76,.05,.86,.06)}45%{transform:translateZ(0);opacity:.3;animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:translateZ(-80px) scale(1.3);opacity:.05;animation-timing-function:cubic-bezier(.76,.05,.86,.06)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html:first-child,html body,body #root{width:100%;height:100%;color:var(--semi-color-text-0);background-color:var( --semi-color-bg-0)}@media screen and (min-width: 640px){html body{min-width:1200px}}.visible{visibility:visible}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-auto{margin-top:auto;margin-bottom:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.h-8{height:2rem}.h-\[85dvh\]{height:85dvh}.h-\[90dvh\]{height:90dvh}.h-full{height:100%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-8{width:2rem}.w-\[140px\]{width:140px}.w-\[60px\]{width:60px}.w-\[65px\]{width:65px}.w-full{width:100%}.min-w-48{min-width:12rem}.min-w-\[1200px\]{min-width:1200px}.flex-1{flex:1 1}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-40{gap:10rem}.gap-8{gap:2rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-normal{white-space:normal}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-gray-200{--tw-border-opacity: 1;border-color:#e5e7eb;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:#6b7280;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-9xl{font-size:8rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity: 1;color:#3b82f6;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:#2563eb;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:#d1d5db;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:#6b7280;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:#dc2626;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.disabled\:bg-red-500:disabled{--tw-bg-opacity: 1;background-color:#ef4444;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}}
