css-doodle{--rule: ( @grid: 1x2 / 100%; :container { transition: 1s cubic-bezier(.175, .885, .32, 1.275); transition-delay: @rand(.5s); transform: rotate(calc(@var(--s) * @r(.1, 1) * 36deg)); } @size: @r(70%, 100%) @r(70%, 100%); @at(1, 1) { background: rgba(255, 0, 251, .59); @place: @p(22%, 24%, 26%, 28%) @p(35%, 37%, 39%, 41%, 43%, 45%); } @at(1, 2) { background: rgba(6, 93, 255, .59); @place: @p(72%, 74%, 76%, 78%) @p(90%, 92%, 94%, 96%, 98%, 100%) } ) }.vault{--s: 10;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:0}.vault:before{content:"";position:absolute;width:100%;height:100%;backdrop-filter:blur(150px);z-index:-1}.vault:hover{--s: 8 }.num-placeholder{width:8rem;animation:loading 1s infinite}.img-placeholder{animation:loading 1s infinite}@keyframes loading{0%{background-color:#eee}50%{background-color:#eaeaea}to{background-color:#eee}}.text-bg1[data-v-a9d528a2]{background:linear-gradient(180deg,#C3A4FE 33.31%,#87A9F0 73.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.text-bg2[data-v-a9d528a2],.text-bg3[data-v-a9d528a2]{background:linear-gradient(180deg,#EEB46F 22.14%,#14D2FC 68.89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .text-bg1[data-v-a9d528a2],.dark .text-bg2[data-v-a9d528a2],.dark .text-bg3[data-v-a9d528a2]{background:linear-gradient(180deg,#FFEDD2 28.29%,#37D4FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0px 2px 4px rgba(80,61,79,.2)}.border[data-v-a9d528a2],.dark .border[data-v-a9d528a2]{border:#B188FF 2px solid}.bg-panel{background:#1F223A}.tab-wrap{position:relative}.tab-wrap:before{content:" ";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;background-image:url(/assets/tab-bg.162b2ce6.png);background-repeat:no-repeat;background-position-y:100px}