@charset "UTF-8";*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex-item_w\!{min-width:0!important;flex:1 1 0%!important}.wh-full,[wh-full=""]{width:100%;height:100%}.flex-a-c,.flex-y-center{display:flex;align-items:center}.flex-c,.flex-center,[flex-center=""]{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.cursor{cursor:pointer}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visible{visibility:visible}.absolute,[position~=absolute]{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-16px{bottom:-16px}.left-50\%{left:50%}.right-0{right:0}.top-60px{top:60px}[bottom~="80"]{bottom:320px}[line-clamp~="1"]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}[line-clamp~="2"]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.z-999{z-index:999}.z-9999{z-index:9999}.grid{display:grid}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.grid-cols-\[20\%_1fr\]{grid-template-columns:20% 1fr}.grid-cols-\[40px_1fr_30px\]{grid-template-columns:40px 1fr 30px}.grid-rows-\[20\%_1fr\]{grid-template-rows:20% 1fr}.grid-rows-\[30\%_1fr\]{grid-template-rows:30% 1fr}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}[cols~="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}[cols~="24"]{grid-template-columns:repeat(24,minmax(0,1fr))}[cols~="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.m-239\.274666{margin:957.098664px}.m-89\.472{margin:357.888px}.m-x-2px{margin-left:2px;margin-right:2px}.mx-4px{margin-left:4px;margin-right:4px}.mx-a{margin-left:auto;margin-right:auto}.my-4px{margin-top:4px;margin-bottom:4px}.m-l-auto,.ml-a,.ml-auto{margin-left:auto}.mb-16px,.mb-4{margin-bottom:16px}.mb-32px{margin-bottom:32px}.mb-64px{margin-bottom:64px}.ml-12px{margin-left:12px}.ml-4px{margin-left:4px}.ml-8px{margin-left:8px}.mr-2,.mr-8px{margin-right:8px}.mr-21\%{margin-right:21%}.mt-16vh{margin-top:16vh}.mt-24px,.mt6{margin-top:24px}.inline,[inline=""]{display:inline}.block,[block=""]{display:block}.inline-block{display:inline-block}[size~="12"]{width:48px;height:48px}[size~="128"]{width:512px;height:512px}[size~="14"]{width:56px;height:56px}[size~="16"]{width:64px;height:64px}[size~="2"]{width:8px;height:8px}[size~="20"]{width:80px;height:80px}[size~="24"]{width:96px;height:96px}[size~="26"]{width:104px;height:104px}[size~="30"]{width:120px;height:120px}[size~="46"]{width:184px;height:184px}[size~="48"]{width:192px;height:192px}.h-\[60vh\]{height:60vh}.h-0{height:0}.h-130vh{height:130vh}.h-18px{height:18px}.h-300px{height:300px}.h-30px{height:30px}.h-4{height:16px}.h-400px{height:400px}.h-40px{height:40px}.h-450px{height:450px}.h-45px{height:45px}.h-600px{height:600px}.h-60px{height:60px}.h-62px{height:62px}.h-full{height:100%}.h3{height:12px}.max-h-200px{max-height:200px}.max-w-5xl{max-width:1024px}.w-\[calc\(50\%-12px\)\]{width:calc(50% - 12px)}.w-1\/3{width:33.3333333333%}.w-100\%,.w-full{width:100%}.w-10em{width:10em}.w-130px{width:130px}.w-18px{width:18px}.w-200px,.w-50,[w-50=""]{width:200px}.w-34px{width:34px}.w-36\%{width:36%}.w-390px{width:390px}.w-4{width:16px}.w-50\%{width:50%}.w-500px{width:500px}.w-560px{width:560px}.w-65\%{width:65%}.w-70{width:280px}.w-700px{width:700px}.w-800px{width:800px}.w-85\%{width:85%}.w-90\%{width:90%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-2\/5{flex-basis:40%}.translate-x--50\%{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}[rotate~="-15"]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-15deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.preserve-3d{transform-style:preserve-3d}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}[disabled\:cursor-not-allowed=""]:disabled{cursor:not-allowed}.place-self-center{place-self:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center,[justify~=center]{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5em{gap:.5em}.gap-1{gap:4px}.gap-12px{gap:12px}.gap-2,.gap-8px{gap:8px}.gap-4{gap:16px}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(8px * var(--un-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(16px * var(--un-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.b,.b-1,.border{border-width:1px}.b-b-1{border-bottom-width:1px}.b-\[--divider-color\]{border-color:var(--divider-color)}.b-\#ddd{--un-border-opacity:1;border-color:rgb(221 221 221 / var(--un-border-opacity))}.b-\#E0E0E6\!{--un-border-opacity:1 !important;border-color:rgb(224 224 230 / var(--un-border-opacity))!important}.b-b-\[\#0000\]{--un-border-opacity:0;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(0 0 0 / var(--un-border-bottom-opacity))}.b-b-\#ccc{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(204 204 204 / var(--un-border-bottom-opacity))}.rounded,[rounded=""]{border-radius:4px}.rounded-\[--border-radius\]{border-radius:var(--border-radius)}.rounded-2,.rounded-lg{border-radius:8px}.rounded-3px{border-radius:3px}.rounded-50\%{border-radius:50%}.b-b-dashed{border-bottom-style:dashed}.bg-\[--tab-color\]{background-color:var(--tab-color)}.bg-\[\#0000\]{--un-bg-opacity:0;background-color:rgb(0 0 0 / var(--un-bg-opacity))}.bg-\[\#F5F5F5\]{--un-bg-opacity:1;background-color:rgb(245 245 245 / var(--un-bg-opacity))}.bg-\[var\(--base-color\)\]{background-color:var(--base-color)}.bg-\[var\(--divider-color\)\]{background-color:var(--divider-color)}.bg-\[var\(--primary-color-hover\)\]{background-color:var(--primary-color-hover)}.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)}.bg-\#eee\:30{background-color:#eeeeee4d}.bg-black\/50{background-color:#00000080}.bg-gray-500\/5{background-color:#6b72800d}.bg-transparent{background-color:transparent}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\:bg-\[var\(--close-color-hover\)\]:hover{background-color:var(--close-color-hover)}.disabled\:bg-gray-400:disabled{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity))}[disabled\:bg-gray-400=""]:disabled{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity))}[stroke-width~="1"]{stroke-width:1px}[stroke-width~="1.2"]{stroke-width:1.2px}[stroke-width~="2"]{stroke-width:2px}[stroke-width~="4"]{stroke-width:4px}[stroke~=none]{stroke:none}.\!p-0{padding:0!important}.p-1{padding:4px}.p-16px,.p-4{padding:16px}.p-2,.p-8px{padding:8px}.p-3{padding:12px}.p-x-2{padding-left:8px;padding-right:8px}.p-x-4,.px-4,[px-4=""]{padding-left:16px;padding-right:16px}.p-x-xl{padding-left:20px;padding-right:20px}.p-y-2,.py-2,[py-2=""]{padding-top:8px;padding-bottom:8px}.px-10{padding-left:40px;padding-right:40px}.px-4px{padding-left:4px;padding-right:4px}.p-b-56px{padding-bottom:56px}.p-l-2{padding-left:8px}.p-r-2{padding-right:8px}.p-r-3{padding-right:12px}.p-t-121px{padding-top:121px}.p-t-61px{padding-top:61px}.p-t-76px{padding-top:76px}.pie{padding-inline-end:16px}.text-center,[text-center=""]{text-align:center}.text-left{text-align:left}.indent{text-indent:24px}[indent~="20"]{text-indent:80px}.text-nowrap{text-wrap:nowrap}.text-12px{font-size:12px}.text-14px{font-size:14px}.text-2em{font-size:2em}.text-2xl{font-size:24px;line-height:32px}.text-33px{font-size:33px}.text-4em{font-size:4em}.text-base{font-size:16px;line-height:24px}.text-sm{font-size:14px;line-height:20px}.text-xl{font-size:20px;line-height:28px}[font-size~="16"]{font-size:64px}.text-\[var\(--base-color\)\]{color:var(--base-color)}.text-\[var\(--close-icon-color\)\]{color:var(--close-icon-color)}.color-\#C2C2C2,.text-\#C2C2C2{--un-text-opacity:1;color:rgb(194 194 194 / var(--un-text-opacity))}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.text-white,[text-white=""]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\:text-\[var\(--primary-color\)\]:hover,.c-\[--primary-color\]{color:var(--primary-color)}.c-\[--text-color-2\]{color:var(--text-color-2)}.c-red,[c-red=""]{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}[color~="#de4307"]{--un-text-opacity:1;color:rgb(222 67 7 / var(--un-text-opacity))}.font-600{font-weight:600}.font-bold{font-weight:700}.leading-30px{line-height:30px}.lh-48px{line-height:48px}[line-height~="16"]{line-height:64px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.italic{font-style:italic}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.op-50{opacity:.5}.op-70{opacity:.7}.opacity-30{opacity:.3}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-2,.hover\:outline-2:hover{outline-width:2px}.outline-\[var\(--primary-color\)\]{outline-color:var(--primary-color)}.outline,.hover\:outline:hover{outline-style:solid}.hover\:ring-1:hover{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-\[var\(--primary-color\)\]{--un-ring-color:var(--primary-color) }.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.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}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}[placeholder~="$t("]::placeholder{color:var(--t\()}@media(min-width:640px){.sm\:w-450px,[sm\:w-450px=""]{width:450px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;object-fit:cover}img,video{max-width:100%;height:auto}[hidden]{display:none}.dark{color-scheme:dark}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.fade-slide-leave-active,.fade-slide-enter-active{transition:all .3s}.fade-slide-enter-from{opacity:0;transform:translate(-30px)}.fade-slide-leave-to{opacity:0;transform:translate(30px)}.fade-bottom-enter-active,.fade-bottom-leave-active{transition:opacity .25s,transform .3s}.fade-bottom-enter-from{opacity:0;transform:translateY(-10%)}.fade-bottom-leave-to{opacity:0;transform:translateY(10%)}.fade-scale-leave-active,.fade-scale-enter-active{transition:all .28s}.fade-scale-enter-from{opacity:0;transform:scale(1.2)}.fade-scale-leave-to{opacity:0;transform:scale(.8)}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:transform .2s,opacity .3s ease-out}.zoom-fade-enter-from{opacity:0;transform:scale(.92)}.zoom-fade-leave-to{opacity:0;transform:scale(1.06)}.zoom-out-enter-active,.zoom-out-leave-active{transition:opacity .1s ease-in-out,transform .15s ease-out}.zoom-out-enter-from,.zoom-out-leave-to{opacity:0;transform:scale(0)}.fade-enter-active,.fade-leave-active{transition:opacity .2s,filter .2s ease-out}.fade-enter-from{opacity:0;filter:blur(10px)}.fade-leave-to{opacity:0;filter:blur(0px)}.n-modal-mask{backdrop-filter:blur(2px)}.v-x-scroll{height:100%}.n-qr-code{height:unset!important;width:unset!important}html,body,#app{height:100%}.color-weak{filter:invert(80%)}.gray-mode{filter:grayscale(100%)}.drag-handle{cursor:move}.el[data-v-dc03e8c5]{color:var(--n-text-color);transition:.3s var(--cubic-bezier-ease-in-out)}.el[data-v-dc03e8c5]:hover{background-color:var(--button-color-2-hover);color:var(--n-text-color-hover)}.grid[data-v-df66dfbf]{height:60px;width:86px;gap:.4em;padding:.4em;box-shadow:var(--box-shadow-1);border-radius:var(--border-radius)}.grid>div[data-v-df66dfbf]{border-radius:var(--border-radius)}.split:not(:first-child):before{content:"/";padding-right:.6em}.list-move,.list-enter-active,.list-leave-active{transition:all .3s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-30px)}.list-leave-active{position:absolute}.ghost[data-v-9c3caa56]{opacity:.5;background:#c4f6d5}.bg-primary[data-v-c41b4222]{background-color:#165dff}.fade-enter-active[data-v-c41b4222],.fade-leave-active[data-v-c41b4222]{transition:opacity .3s ease}.fade-enter-from[data-v-c41b4222],.fade-leave-to[data-v-c41b4222]{opacity:0}.slide-enter-active[data-v-c41b4222],.slide-leave-active[data-v-c41b4222]{transition:transform .3s ease}.slide-enter-from[data-v-c41b4222]{transform:translateY(-50px);opacity:0}.slide-leave-to[data-v-c41b4222]{transform:translateY(50px);opacity:0}#loading-container[data-v-c7982b97]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15vh;position:fixed;background-color:#f0f8ff;z-index:1}.boxes[data-v-c7982b97]{--size: 48px;--duration: .8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.boxes .box[data-v-c7982b97]{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box[data-v-c7982b97]:nth-child(1){transform:translate(100%);-webkit-animation:box1-c7982b97 var(--duration) linear infinite;animation:box1-c7982b97 var(--duration) linear infinite}.boxes .box[data-v-c7982b97]:nth-child(2){transform:translateY(100%);-webkit-animation:box2-c7982b97 var(--duration) linear infinite;animation:box2-c7982b97 var(--duration) linear infinite}.boxes .box[data-v-c7982b97]:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3-c7982b97 var(--duration) linear infinite;animation:box3-c7982b97 var(--duration) linear infinite}.boxes .box[data-v-c7982b97]:nth-child(4){transform:translate(200%);-webkit-animation:box4-c7982b97 var(--duration) linear infinite;animation:box4-c7982b97 var(--duration) linear infinite}.boxes .box>div[data-v-c7982b97]{--background: #5c8df6;--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div[data-v-c7982b97]:nth-child(1){--top: 0;--left: 0}.boxes .box>div[data-v-c7982b97]:nth-child(2){--background: #145af2;--right: 0;--rotateY: 90deg}.boxes .box>div[data-v-c7982b97]:nth-child(3){--background: #447cf5;--rotateX: -90deg}.boxes .box>div[data-v-c7982b97]:nth-child(4){--background: #dbe3f4;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@-webkit-keyframes box1-c7982b97{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1-c7982b97{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2-c7982b97{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2-c7982b97{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3-c7982b97{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3-c7982b97{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4-c7982b97{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4-c7982b97{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}