@casoon/dragonfly
Version:
Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.
1 lines • 161 kB
CSS
@layer components{.vignette{position:relative}.vignette:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0,#0000004d 100px);position:absolute;inset:0}.vignette-strong:after{background:radial-gradient(circle,#0000 0,#00000080 100px)}.vignette-soft:after{background:radial-gradient(circle,#0000 0,#0003 100px)}.vignette-color:after{background:radial-gradient(circle at center,transparent 0,var(--vignette-color,#0000004d)100)}.vignette-top:after{background:radial-gradient(circle at top,#0000 0,#0000004d 100px)}.vignette-bottom:after{background:radial-gradient(circle at bottom,#0000 0,#0000004d 100px)}.vignette-hover:hover:after{opacity:var(--opacity-80);transition:opacity var(--transition-normal)}.sparkle{position:relative;overflow:hidden}.sparkle:before,.sparkle:after{background-color:var(--sparkle-color,#fffc);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.sparkle:before{left:2%0%;top:2%0%}.sparkle:after{left:6%0%;top:6%0%}.sparkle-many:before,.sparkle-many:after,.sparkle-many span{background-color:var(--sparkle-color,#fffc);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.sparkle-many span:first-child{left:3%0%;top:3%0%}.sparkle-many span:nth-child(2){left:7%0%;top:7%0%}.sparkle-many span:nth-child(3){left:6%0%;top:4%0%}.sparkle-many span:nth-child(4){left:4%0%;top:6%0%}.shine{position:relative;overflow:hidden}.shine:after{content:"";height:200%;transform:var(--transform-rotate-45deg);background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;animation:3s infinite shine-effect;position:absolute;top:-50%;left:-50%}.shine-hover:hover:after{animation:1s shine-effect}.shine-strong:after{background:linear-gradient(45deg,#0000,#ffffff4d,#0000)}.shine-soft:after{background:linear-gradient(45deg,#0000,#ffffff0d,#0000)}.shine-color:after{background:linear-gradient(45deg,transparent,var(--shine-color,#fff3),transparent)}.reflection{position:relative;overflow:hidden}.reflection:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,#fff3));content:"";opacity:var(--opacity-50);pointer-events:none;position:absolute;inset:0;transform:scaleY(-1%)}.reflection-strong:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,#fff6));opacity:var(--opacity-70)}.reflection-soft:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,#ffffff1a));opacity:var(--opacity-30)}.reflection-color:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,#fff3));mix-blend-mode:overlay}.reflection-hover:hover:after{animation:2s infinite reflection-shine}.light-spot{position:relative;overflow:hidden}.light-spot:before{background:radial-gradient(circle at center,var(--light-color,#fffc)0,transparent 50);content:"";pointer-events:none;width:200%;height:200%;position:absolute;transform:translate(-25%,-25%)}.light-beam{position:relative;overflow:hidden}.light-beam:before{background:linear-gradient(45deg,transparent,var(--light-color,#ffffff4d),transparent);content:"";pointer-events:none;width:200%;height:200%;position:absolute;transform:translate(-25%,-25%)}.light-ambient{position:relative;overflow:hidden}.light-ambient:before{background:radial-gradient(circle at var(--light-x,50)var(--light-y,50),var(--light-color,#fff3)0,transparent 70);content:"";pointer-events:none;position:absolute;inset:0}.light-hover:hover:before{animation:2s infinite light-move}.glow{box-shadow:0 0 var(--spacing-2-5)var(--glow-color,var(--color-primary));transition:box-shadow var(--transition-normal)}.glow-hover:hover{box-shadow:0 0 var(--spacing-5)var(--glow-color,var(--color-primary))}.glow-pulse{animation:2s infinite glow-pulse}.glow-text{text-shadow:0 0 var(--spacing-2-5)var(--glow-color,var(--color-primary))}.glow-border{border:var(--border-width)solid var(--glow-color,var(--color-primary));box-shadow:0 0 var(--spacing-2-5)var(--glow-color,var(--color-primary))}.glow-strong{box-shadow:0 0 var(--spacing-2-5)var(--glow-color,var(--color-primary)),0 0 var(--spacing-5)var(--glow-color,var(--color-primary)),0 0 30px var(--glow-color,var(--color-primary))}.glow-soft{box-shadow:0 0 var(--spacing-1)(--spacing-1)var(--glow-color,var(--color-primary));filter:blur(var(--spacing-1))}.glass{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid #fff3;box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 #1f26875e;background:#ffffff1a}.glass-sm{backdrop-filter:blur(var(--spacing-1));border:var(--border-width)solid #ffffff1a;box-shadow:0 var(--spacing-1)var(--spacing-4)0 #1f268733;background:#ffffff0d}.glass-lg{backdrop-filter:blur(var(--spacing-1)(--spacing-1));border:var(--border-width)solid #ffffff4d;box-shadow:0 var(--spacing-1)(--border-width-thick)var(--spacing-4)(--spacing-2)0 #1f268780;background:#ffffff26}.glass-morph{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid #fff3;border-radius:var(--spacing-5);box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 #1f26875e;background:#ffffff1a}.glass-border{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid #fff3;box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 #1f26875e;background:#ffffff1a;position:relative}.glass-border:before{border-radius:inherit;content:"";inset:calc(-1*var(--border-width-thick));z-index:-1;background:linear-gradient(45deg,#ffffff1a,#ffffff4d);position:absolute}.glass-shadow{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid #fff3;box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 #1f26875e,0 0 0 var(--border-width)#ffffff1a;background:#ffffff1a}.glass-hover{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid #fff3;box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 #1f26875e;background:#ffffff1a;transition:all .3s}.glass-hover:hover{border:var(--border-width)solid #ffffff4d;box-shadow:0 var(--spacing-1)(--border-width-thick)var(--spacing-4)(--spacing-2)0 #1f268780;background:#ffffff26}.glass-blur{backdrop-filter:blur(var(--spacing-2-5));background:#ffffff1a}.glass-blur-sm{backdrop-filter:blur(var(--spacing-1))}.glass-blur-lg{backdrop-filter:blur(var(--spacing-1)(--spacing-1))}.glass-color-primary{background:#3b82f61a;border-color:#3b82f633}.glass-color-secondary{background:#6b72801a;border-color:#6b728033}.glass-color-success{background:#10b9811a;border-color:#10b98133}.glass-color-error{background:#ef44441a;border-color:#ef444433}.glass-color-warning{background:#f59e0b1a;border-color:#f59e0b33}.glass-color-info{background:#06b6d41a;border-color:#06b6d433}:root{--neuro-radius:var(--spacing-4);--neuro-shadow-intensity:.1;--neuro-shadow-distance:.5rem;--neuro-shadow-blur:var(--spacing-4);--neuro-light-shadow-color:rgb(255 255 255/var(--neuro-shadow-intensity));--neuro-dark-shadow-color:rgb(0 0 0/var(--neuro-shadow-intensity));--neuro-background:var(--surface-3,#f0f0f0);--neuro-transition:.2s var(--easing-decelerate);--neuro-surface-tint:.02}.neuro{background-color:var(--neuro-background);border-radius:var(--neuro-radius);transition:all var(--neuro-transition);position:relative;overflow:hidden}.neuro-convex{background:linear-gradient(145deg,color-mix(in srgb,var(--neuro-background)96%,white),color-mix(in srgb,var(--neuro-background)92%,black));box-shadow:var(--neuro-shadow-distance)var(--neuro-shadow-distance)var(--neuro-shadow-blur)var(--neuro-dark-shadow-color),calc(-1*var(--neuro-shadow-distance))calc(-1*var(--neuro-shadow-distance))var(--neuro-shadow-blur)var(--neuro-light-shadow-color)}.neuro-concave{background:linear-gradient(145deg,color-mix(in srgb,var(--neuro-background)92%,black),color-mix(in srgb,var(--neuro-background)96%,white));box-shadow:inset var(--neuro-shadow-distance)var(--neuro-shadow-distance)var(--neuro-shadow-blur)var(--neuro-dark-shadow-color),inset calc(-1*var(--neuro-shadow-distance))calc(-1*var(--neuro-shadow-distance))var(--neuro-shadow-blur)var(--neuro-light-shadow-color)}.neuro-flat{box-shadow:var(--neuro-shadow-distance)var(--neuro-shadow-distance)var(--neuro-shadow-blur)var(--neuro-dark-shadow-color),calc(-1*var(--neuro-shadow-distance))calc(-1*var(--neuro-shadow-distance))var(--neuro-shadow-blur)var(--neuro-light-shadow-color)}.neuro-button{background:var(--neuro-background);border-radius:var(--neuro-radius);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--neuro-transition);user-select:none;vertical-align:middle;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex;position:relative}.neuro-button-convex{background:linear-gradient(145deg,color-mix(in srgb,var(--neuro-background)96%,white),color-mix(in srgb,var(--neuro-background)92%,black));box-shadow:var(--neuro-shadow-distance)var(--neuro-shadow-distance)var(--neuro-shadow-blur)var(--neuro-dark-shadow-color),calc(-1*var(--neuro-shadow-distance))calc(-1*var(--neuro-shadow-distance))var(--neuro-shadow-blur)var(--neuro-light-shadow-color)}.neuro-button-convex:hover{box-shadow:calc(var(--neuro-shadow-distance)*1.2)calc(var(--neuro-shadow-distance)*1.2)calc(var(--neuro-shadow-blur)*1.2)var(--neuro-dark-shadow-color),calc(-1.2*var(--neuro-shadow-distance))calc(-1.2*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*1.2)var(--neuro-light-shadow-color)}.neuro-button-convex:active,.neuro-button-convex.active{box-shadow:inset calc(var(--neuro-shadow-distance)*.5)calc(var(--neuro-shadow-distance)*.5)calc(var(--neuro-shadow-blur)*.7)var(--neuro-dark-shadow-color),inset calc(-.5*var(--neuro-shadow-distance))calc(-.5*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*.7)var(--neuro-light-shadow-color);transform:translateY(var(--border-width-thick))}.neuro-card{background:var(--neuro-background);border-radius:var(--neuro-radius);transition:all var(--neuro-transition);padding:1.5rem;position:relative;overflow:hidden}.neuro-card-elevated{box-shadow:var(--neuro-shadow-distance)var(--neuro-shadow-distance)calc(var(--neuro-shadow-blur)*1.5)var(--neuro-dark-shadow-color),calc(-1*var(--neuro-shadow-distance))calc(-1*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*1.5)var(--neuro-light-shadow-color)}.neuro-input{background:var(--neuro-background);border-radius:var(--neuro-radius);box-shadow:inset calc(var(--neuro-shadow-distance)*.4)calc(var(--neuro-shadow-distance)*.4)calc(var(--neuro-shadow-blur)*.6)var(--neuro-dark-shadow-color),inset calc(-.4*var(--neuro-shadow-distance))calc(-.4*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*.6)var(--neuro-light-shadow-color);color:inherit;font-size:var(--spacing-4);padding:.75rem var(--spacing-4);transition:all var(--neuro-transition);border:none;outline:none;width:100%}.neuro-input:focus{box-shadow:inset calc(var(--neuro-shadow-distance)*.5)calc(var(--neuro-shadow-distance)*.5)calc(var(--neuro-shadow-blur)*.7)var(--neuro-dark-shadow-color),inset calc(-.5*var(--neuro-shadow-distance))calc(-.5*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*.7)var(--neuro-light-shadow-color)}.neuro-checkbox{appearance:none;background:var(--neuro-background);border-radius:calc(var(--neuro-radius)*.5);box-shadow:calc(var(--neuro-shadow-distance)*.3)calc(var(--neuro-shadow-distance)*.3)calc(var(--neuro-shadow-blur)*.5)var(--neuro-dark-shadow-color),calc(-.3*var(--neuro-shadow-distance))calc(-.3*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*.5)var(--neuro-light-shadow-color);cursor:pointer;height:1%.5rem;transition:all var(--neuro-transition);width:1%.5rem;border:none;margin:0;position:relative}.neuro-checkbox:checked{box-shadow:inset calc(var(--neuro-shadow-distance)*.3)calc(var(--neuro-shadow-distance)*.3)calc(var(--neuro-shadow-blur)*.5)var(--neuro-dark-shadow-color),inset calc(-.3*var(--neuro-shadow-distance))calc(-.3*var(--neuro-shadow-distance))calc(var(--neuro-shadow-blur)*.5)var(--neuro-light-shadow-color)}.neuro-checkbox:checked:after{border-bottom:var(--border-width-thick)solid var(--accent-6,currentColor);border-right:var(--border-width-thick)solid var(--accent-6,currentColor);content:"";height:0%.5rem;left:5%0%;top:var(--percentage-45);width:0%.25rem;display:block;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.neuro-intensity-low{--neuro-shadow-intensity:.05}.neuro-intensity-medium{--neuro-shadow-intensity:.1}.neuro-intensity-high{--neuro-shadow-intensity:.15}.neuro-small{--neuro-radius:.5rem;--neuro-shadow-distance:.25rem;--neuro-shadow-blur:.5rem}.neuro-medium{--neuro-radius:var(--spacing-4);--neuro-shadow-distance:.5rem;--neuro-shadow-blur:var(--spacing-4)}.neuro-large{--neuro-radius:1.5rem;--neuro-shadow-distance:.75rem;--neuro-shadow-blur:1.5rem}.neo{background:var(--neo-bg,#e0e5ec);border-radius:var(--spacing-2-5);box-shadow:var(--spacing-2)var(--spacing-2)var(--spacing-4)var(--neo-shadow-dark,#a3b1c6),-var(--spacing-2)-var(--spacing-2)var(--spacing-4)var(--neo-shadow-light,#fff)}.neo-inset{background:var(--neo-bg,#e0e5ec);border-radius:var(--spacing-2-5);box-shadow:inset var(--spacing-2)var(--spacing-2)var(--spacing-4)var(--neo-shadow-dark,#a3b1c6),inset -var(--spacing-2)-var(--spacing-2)var(--spacing-4)var(--neo-shadow-light,#fff)}.neo-sm{border-radius:var(--spacing-1-5);box-shadow:var(--spacing-1)var(--spacing-1)var(--spacing-2)var(--neo-shadow-dark,#a3b1c6),-var(--spacing-1)-var(--spacing-1)var(--spacing-2)var(--neo-shadow-light,#fff)}.neo-lg{border-radius:var(--spacing-4);box-shadow:var(--spacing-1)(--border-width-thick)var(--spacing-1)(--border-width-thick)var(--spacing-2)(--spacing-1)var(--neo-shadow-dark,#a3b1c6),-var(--spacing-1)(--border-width-thick)-var(--spacing-1)(--border-width-thick)var(--spacing-2)(--spacing-1)var(--neo-shadow-light,#fff)}.neo-hover{transition:all .3s}.neo-hover:hover{box-shadow:var(--spacing-1)(--border-width-thick)var(--spacing-1)(--border-width-thick)var(--spacing-2)(--spacing-1)var(--neo-shadow-dark,#a3b1c6),-var(--spacing-1)(--border-width-thick)-var(--spacing-1)(--border-width-thick)var(--spacing-2)(--spacing-1)var(--neo-shadow-light,#fff);transform:translateY(calc(-1*var(--border-width-thick)))}.neo-hover-inset:hover{box-shadow:inset var(--spacing-1)(--border-width-thick)var(--spacing-1)(--border-width-thick)var(--spacing-2)(--spacing-1)var(--neo-shadow-dark,#a3b1c6),inset -var(--spacing-1)(--border-width-thick)-var(--spacing-1)(--border-width-thick)var(--spacing-2)(--spacing-1)var(--neo-shadow-light,#fff)}.neo-active{transition:all .2s}.neo-active:active{box-shadow:inset var(--spacing-1)var(--spacing-1)var(--spacing-2)var(--neo-shadow-dark,#a3b1c6),inset -var(--spacing-1)-var(--spacing-1)var(--spacing-2)var(--neo-shadow-light,#fff);transform:var(--transform-scale-98)}.neo-primary{--neo-bg:var(--color-primary-light,#e6f3ff);--neo-shadow-dark:var(--color-primary-dark,#b3d1ff);--neo-shadow-light:var(--color-primary-lighter,#f0f7ff)}.neo-secondary{--neo-bg:var(--color-secondary-light,#f0f0f0);--neo-shadow-dark:var(--color-secondary-dark,#d1d1d1);--neo-shadow-light:var(--color-secondary-lighter,#fff)}.neo-success{--neo-bg:var(--color-success-light,#e6fff0);--neo-shadow-dark:var(--color-success-dark,#b3ffd1);--neo-shadow-light:var(--color-success-lighter,#f0fff7)}.neo-error{--neo-bg:var(--color-error-light,#ffe6e6);--neo-shadow-dark:var(--color-error-dark,#ffb3b3);--neo-shadow-light:var(--color-error-lighter,#fff0f0)}.neo-warning{--neo-bg:var(--color-warning-light,#fff7e6);--neo-shadow-dark:var(--color-warning-dark,#ffe0b3);--neo-shadow-light:var(--color-warning-lighter,#fffaf0)}.neo-info{--neo-bg:var(--color-info-light,#e6f7ff);--neo-shadow-dark:var(--color-info-dark,#b3e0ff);--neo-shadow-light:var(--color-info-lighter,#f0f9ff)}.neo-glow{box-shadow:var(--spacing-2)var(--spacing-2)var(--spacing-4)var(--neo-shadow-dark,#a3b1c6),-var(--spacing-2)-var(--spacing-2)var(--spacing-4)var(--neo-shadow-light,#fff),0 0 var(--spacing-5)var(--neo-glow,#3b82f680)}.neo-border{border:var(--border-width-thick)solid var(--neo-border,#3b82f633)}.neo-gradient{background:linear-gradient(145deg,var(--neo-gradient-start,#e0e5ec),var(--neo-gradient-end,#fff))}.gradient{background:linear-gradient(45deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6))}.gradient-horizontal{background:linear-gradient(90deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6))}.gradient-vertical{background:linear-gradient(180deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6))}.gradient-radial{background:radial-gradient(circle at center,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6))}.gradient-conic{background:conic-gradient(from 0deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6))}.gradient-animated{background:linear-gradient(45deg,var(--gradient-start,#3b82f6),var(--gradient-mid,#8b5cf6),var(--gradient-end,#3b82f6));background-size:200% 200px;animation:3s infinite gradient-shift}.gradient-hover{background:linear-gradient(45deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6));transition:background-position .3s}.gradient-hover:hover{background-position:100% 100px}.gradient-text{background:linear-gradient(45deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6));color:#0000;background-clip:text}.gradient-border{background:linear-gradient(45deg,var(--gradient-start,#3b82f6),var(--gradient-end,#8b5cf6));padding:var(--border-width-thick);position:relative}.gradient-border>*{background:var(--gradient-bg,white)}.gradient-color-primary{--gradient-start:var(--gradient-primary-start,#3b82f6);--gradient-end:var(--gradient-primary-end,#1d4ed8)}.gradient-color-secondary{--gradient-start:var(--gradient-secondary-start,#6b7280);--gradient-end:var(--gradient-secondary-end,#374151)}.gradient-color-success{--gradient-start:var(--gradient-success-start,#10b981);--gradient-end:var(--gradient-success-end,#047857)}.gradient-color-error{--gradient-start:var(--gradient-error-start,#ef4444);--gradient-end:var(--gradient-error-end,#b91c1c)}.gradient-color-warning{--gradient-start:var(--gradient-warning-start,#f59e0b);--gradient-end:var(--gradient-warning-end,#b45309)}.gradient-color-info{--gradient-start:var(--gradient-info-start,#06b6d4);--gradient-end:var(--gradient-info-end,#0e7490)}.transform-3d{perspective:var(--space-large-1000);transform-style:preserve-3d}.rotate-3d{transform:rotate3d(1%,1,1,45deg);transition:transform .3s}.rotate-3d:hover{transform:rotate3d(1%,1,1,90deg)}.rotate-3d-x{transition:transform .3s;transform:rotateX(45deg)}.rotate-3d-x:hover{transform:rotateX(90deg)}.rotate-3d-y{transition:transform .3s;transform:rotateY(45deg)}.rotate-3d-y:hover{transform:rotateY(90deg)}.rotate-3d-z{transition:transform .3s;transform:rotate(45deg)}.rotate-3d-z:hover{transform:rotate(90deg)}.flip-3d{transform-style:preserve-3d;transition:transform .6s}.flip-3d:hover{transform:rotateY(180deg)}.flip-3d-front,.flip-3d-back{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0%;left:0%}.flip-3d-back{transform:rotateY(180deg)}.scale-3d{transition:transform .3s;transform:scaleX(.01)}.scale-3d:hover{transform:scale3d(.012,1.2,1.2)}.translate-3d{transition:transform .3s;transform:translate(0%,0)}.translate-3d:hover{transform:translate3d(var(--spacing-5),var(--spacing-5),var(--spacing-5))}.skew-3d{transition:transform .3s;transform:skew(10deg,10deg)}.skew-3d:hover{transform:skew(20deg,20deg)}.perspective-3d{perspective:var(--space-large-1000)}.perspective-3d-sm{perspective:500px}.perspective-3d-lg{perspective:2000px}.origin-3d{transform-origin:50%}.origin-3d-top{transform-origin:top}.origin-3d-bottom{transform-origin:bottom}.origin-3d-left{transform-origin:0}.origin-3d-right{transform-origin:100%}.origin-3d-top-left{transform-origin:0 0}.origin-3d-top-right{transform-origin:100% 0}.origin-3d-bottom-left{transform-origin:0 100%}.origin-3d-bottom-right{transform-origin:100% 100%}.triangles{position:relative;overflow:hidden}.triangles:before,.triangles:after{animation:triangles-float 8s var(--easing-smooth)infinite;background:var(--triangles-color,#785affb3);clip-path:polygon(50% 0%,0% 100%,100% 100%);content:"";height:var(--spacing-1)(--spacing-1);width:var(--spacing-1)(--spacing-1);position:absolute}.triangles:before{left:3%0%;top:3%0%}.triangles:after{animation-delay:var(--animation-duration-slowest);left:6%0%;top:5%0%;animation-name:triangles-float-alt}.triangles-many{position:relative}.triangles-many:before,.triangles-many:after{animation:triangles-float 8s var(--easing-smooth)infinite;background:var(--triangles-color,#785affb3);clip-path:polygon(50% 0%,0% 100%,100% 100%);content:"";height:var(--spacing-1)(--spacing-1);width:var(--spacing-1)(--spacing-1);position:absolute}.triangles-many:before{animation-delay:var(--animation-duration-slow);left:2%0%;top:4%0%}.triangles-many:after{animation-delay:var(--animation-duration-ultra-slow);left:7%0%;top:6%0%;animation-name:triangles-float-alt}.triangles-many .triangle{animation:triangles-float 8s var(--easing-smooth)infinite;animation-delay:var(--animation-duration-slower);background:var(--triangles-color,#785affb3);clip-path:polygon(50% 0%,0% 100%,100% 100%);height:var(--spacing-1)(--spacing-1);left:5%0%;top:2%0%;width:var(--spacing-1)(--spacing-1);position:absolute}.triangles-many .triangle-alt{animation:triangles-float-alt 8s var(--easing-smooth)infinite;background:var(--triangles-color,#785affb3);clip-path:polygon(50% 0%,0% 100%,100% 100%);height:var(--spacing-1)(--spacing-1);left:4%0%;top:7%0%;width:var(--spacing-1)(--spacing-1);animation-delay:3.5s;position:absolute}.triangles-sm:before,.triangles-sm:after,.triangles-sm .triangle,.triangles-sm .triangle-alt{height:var(--spacing-2-5);width:var(--spacing-2-5)}.triangles-lg:before,.triangles-lg:after,.triangles-lg .triangle,.triangles-lg .triangle-alt{height:var(--spacing-5);width:var(--spacing-5)}.triangles-slow:before,.triangles-slow:after,.triangles-slow .triangle,.triangles-slow .triangle-alt,.triangles-fast:before,.triangles-fast:after,.triangles-fast .triangle,.triangles-fast .triangle-alt{animation-duration:var(--animation-duration-ultra-slow)}.triangles-purple{--triangles-color:#785affb3}.triangles-blue{--triangles-color:#5a96ffb3}.triangles-teal{--triangles-color:#5adcdcb3}.triangles-pink{--triangles-color:#ff78dcb3}.triangles-orange{--triangles-color:#ff965ab3}.triangles-inverted:before,.triangles-inverted:after,.triangles-inverted .triangle,.triangles-inverted .triangle-alt{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.triangles-right:before,.triangles-right:after,.triangles-right .triangle,.triangles-right .triangle-alt{clip-path:polygon(0% 0%,0% 100%,100% 50%)}.triangles-left:before,.triangles-left:after,.triangles-left .triangle,.triangles-left .triangle-alt{clip-path:polygon(100% 0%,100% 100%,0% 50%)}.stars{position:relative;overflow:hidden}.stars:before,.stars:after,.stars .star{animation:stars-twinkle 4s var(--easing-smooth)infinite,stars-drift 20s linear infinite;background:var(--stars-color,#ffffc8);box-shadow:0 0 var(--spacing-1)var(--border-width)var(--stars-glow,#ffffc8b3);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.stars:before{right:2%0%;top:3%0%}.stars:after{animation-delay:var(--animation-duration-slow),5s;right:5%0%;top:6%0%}.stars .star{animation-delay:var(--animation-duration-slowest),10s;right:8%0%;top:2%0%}.stars .star-alt{animation:stars-twinkle 4s var(--easing-smooth)infinite,stars-drift 20s linear infinite;animation-delay:var(--animation-duration-ultra-slow),15s;background:var(--stars-color,#ffffc8);box-shadow:0 0 var(--spacing-1)var(--border-width)var(--stars-glow,#ffffc8b3);height:var(--spacing-1);right:3%0%;top:7%0%;width:var(--spacing-1);border-radius:5px;position:absolute}.stars-dense{position:relative}.stars-dense:before,.stars-dense:after,.stars-dense .star,.stars-dense .star-alt,.stars-dense .star-extra,.stars-dense .star-extra-alt{animation:stars-twinkle 4s var(--easing-smooth)infinite,stars-drift 20s linear infinite;background:var(--stars-color,#ffffc8);box-shadow:0 0 var(--spacing-1)var(--border-width)var(--stars-glow,#ffffc8b3);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.stars-dense .star-extra{animation-delay:var(--animation-duration-slower),8s;right:1%0%;top:4%0%}.stars-dense .star-extra-alt{right:7%0%;top:5%0%;animation-delay:2.5s,12s}.stars-sm:before,.stars-sm:after,.stars-sm .star,.stars-sm .star-alt,.stars-sm .star-extra,.stars-sm .star-extra-alt{box-shadow:0 0 var(--border-width-thick).5 var(--spacing-1)var(--stars-glow,#ffffc8b3);height:var(--border-width-thick);width:var(--border-width-thick)}.stars-lg:before,.stars-lg:after,.stars-lg .star,.stars-lg .star-alt,.stars-lg .star-extra,.stars-lg .star-extra-alt{box-shadow:0 0 6px var(--border-width-thick)var(--stars-glow,#ffffc8b3);height:var(--spacing-1);width:var(--spacing-1)}.stars-slow:before,.stars-slow:after,.stars-slow .star,.stars-slow .star-alt,.stars-slow .star-extra,.stars-slow .star-extra-alt{animation-duration:var(--animation-duration-ultra-slow),30s}.stars-fast:before,.stars-fast:after,.stars-fast .star,.stars-fast .star-alt,.stars-fast .star-extra,.stars-fast .star-extra-alt{animation-duration:var(--animation-duration-slowest),15s}.stars-white{--stars-color:#fff;--stars-glow:#ffffffb3}.stars-blue{--stars-color:#c8dcff;--stars-glow:#c8dcffb3}.stars-gold{--stars-color:gold;--stars-glow:#ffd700b3}.stars-multi .star{--stars-color:#ff9696;--stars-glow:#ff9696b3}.stars-multi .star-alt{--stars-color:#96ff96;--stars-glow:#96ff96b3}.stars-multi .star-extra{--stars-color:#9696ff;--stars-glow:#9696ffb3}.stars-multi .star-extra-alt{--stars-color:#ffff96;--stars-glow:#ffff96b3}.snow{position:relative;overflow:hidden}.snow:before,.snow:after{background:var(--snow-color,#ffffffe6);content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);border-radius:5px;animation:6s linear infinite snow-fall-1;position:absolute;top:-6px}.snow:before{left:3%0%}.snow:after{animation-delay:var(--animation-duration-slowest);left:6%0%;animation-name:snow-fall-2}.snow-many{position:relative}.snow-many:before,.snow-many:after{background:var(--snow-color,#ffffffe6);content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);border-radius:5px;animation:6s linear infinite snow-fall-1;position:absolute;top:-6px}.snow-many:before{animation-delay:var(--animation-duration-slow);left:1%0%}.snow-many:after{animation-delay:var(--animation-duration-ultra-slow);left:5%0%;animation-name:snow-fall-2}.snow-many .flake{animation:6s linear infinite snow-fall-1;animation-delay:var(--animation-duration-medium);background:var(--snow-color,#ffffffe6);height:var(--spacing-1-5);left:7%0%;width:var(--spacing-1-5);border-radius:5px;position:absolute;top:-6px}.snow-many .flake-alt{animation:6s linear infinite snow-fall-2;animation-delay:var(--animation-duration-slower);background:var(--snow-color,#ffffffe6);height:var(--spacing-1-5);left:9%0%;width:var(--spacing-1-5);border-radius:5px;position:absolute;top:-6px}.snow-sm:before,.snow-sm:after,.snow-sm .flake,.snow-sm .flake-alt{height:var(--spacing-1);width:var(--spacing-1)}.snow-lg:before,.snow-lg:after,.snow-lg .flake,.snow-lg .flake-alt{height:var(--spacing-2);width:var(--spacing-2)}.snow-slow:before,.snow-slow:after,.snow-slow .flake,.snow-slow .flake-alt,.snow-fast:before,.snow-fast:after,.snow-fast .flake,.snow-fast .flake-alt{animation-duration:var(--animation-duration-ultra-slow)}.snow-blue{--snow-color:#e6f0ffe6}.snow-silver{--snow-color:#dcdce6e6}.snow-crystal{--snow-color:#f0ffffe6}.snow-crystal:before,.snow-crystal:after,.snow-crystal .flake,.snow-crystal .flake-alt{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:var(--spacing-2-5);width:var(--spacing-2-5)}.sea-anemone{min-height:7%0px;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.sea-anemone:before,.sea-anemone:after,.sea-anemone .tentacle{animation:sea-anemone-tentacle 8s var(--easing-smooth)infinite;background:linear-gradient(to bottom,var(--anemone-color,#3296e6b3),transparent);content:"";width:var(--spacing-1);border-radius:5% 0;position:absolute;bottom:0%}.sea-anemone:before{left:calc(50% - var(--spacing-1)(--spacing-1))}.sea-anemone:after{animation:sea-anemone-tentacle-alt 8s var(--easing-smooth)infinite;animation-delay:var(--animation-duration-normal);left:calc(50% - var(--spacing-1))}.sea-anemone .tentacle{left:calc(50% + var(--spacing-1));animation-delay:.6s}.sea-anemone .tentacle-alt{animation:sea-anemone-tentacle-alt 8s var(--easing-smooth)infinite;background:linear-gradient(to bottom,var(--anemone-color,#3296e6b3),transparent);content:"";bottom:0%;left:calc(50% + var(--spacing-1)(--spacing-1));width:var(--spacing-1);border-radius:5% 0;animation-delay:.9s;position:absolute}.sea-anemone-sm:before,.sea-anemone-sm:after,.sea-anemone-sm .tentacle,.sea-anemone-sm .tentacle-alt{width:var(--spacing-1)}.sea-anemone-lg:before,.sea-anemone-lg:after,.sea-anemone-lg .tentacle,.sea-anemone-lg .tentacle-alt{width:var(--spacing-1-5)}.sea-anemone-slow:before,.sea-anemone-slow:after,.sea-anemone-slow .tentacle,.sea-anemone-slow .tentacle-alt,.sea-anemone-fast:before,.sea-anemone-fast:after,.sea-anemone-fast .tentacle,.sea-anemone-fast .tentacle-alt{animation-duration:var(--animation-duration-ultra-slow)}.sea-anemone-many:before{left:calc(50% - var(--spacing-2)(--spacing-1))}.sea-anemone-many:after{left:calc(50% - var(--spacing-1)(--spacing-1))}.sea-anemone-many .tentacle{left:calc(50% - var(--spacing-1))}.sea-anemone-many .tentacle-alt{left:calc(50% + var(--spacing-1))}.sea-anemone-many .tentacle-extra{animation:sea-anemone-tentacle 8s var(--easing-smooth)infinite;background:linear-gradient(to bottom,var(--anemone-color,#3296e6b3),transparent);content:"";bottom:0%;left:calc(50% + var(--spacing-1)(--spacing-1));width:var(--spacing-1);border-radius:5% 0;animation-delay:1.2s;position:absolute}.sea-anemone-many .tentacle-extra-alt{animation:sea-anemone-tentacle-alt 8s var(--easing-smooth)infinite;animation-delay:var(--animation-duration-slower);background:linear-gradient(to bottom,var(--anemone-color,#3296e6b3),transparent);content:"";bottom:0%;left:calc(50% + var(--spacing-2)(--spacing-1));width:var(--spacing-1);border-radius:5% 0;position:absolute}.sea-anemone-blue{--anemone-color:#3296e6b3}.sea-anemone-teal{--anemone-color:#32dcc8b3}.sea-anemone-purple{--anemone-color:#b478e6b3}.sea-anemone-pink{--anemone-color:#e678b4b3}.sea-anemone-green{--anemone-color:#78c878b3}.particles{position:relative;overflow:hidden}.particles:before,.particles:after{background:var(--particle-color,#ffffff80);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;animation:3s infinite particles-float;position:absolute}.particles:after{animation-delay:var(--animation-duration-slower)}.particles-sm:before,.particles-sm:after{height:var(--border-width-thick);width:var(--border-width-thick)}.particles-lg:before,.particles-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5)}.particles-slow:before,.particles-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.particles-fast:before,.particles-fast:after{animation-duration:var(--animation-duration-slowest)}.particles-dots{position:relative;overflow:hidden}.particles-dots:before,.particles-dots:after{background:var(--particle-dots-color,#ffffff80);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;animation:3s infinite particles-dots;position:absolute}.particles-dots:after{animation-delay:var(--animation-duration-slower)}.particles-dots-sm:before,.particles-dots-sm:after{height:var(--border-width-thick);width:var(--border-width-thick)}.particles-dots-lg:before,.particles-dots-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5)}.particles-dots-slow:before,.particles-dots-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.particles-dots-fast:before,.particles-dots-fast:after{animation-duration:var(--animation-duration-slowest)}.particles-lines{position:relative;overflow:hidden}.particles-lines:before,.particles-lines:after{background:var(--particle-lines-color,#ffffff80);content:"";height:var(--spacing-5);width:var(--border-width-thick);animation:3s infinite particles-lines;position:absolute}.particles-lines:after{animation-delay:var(--animation-duration-slower)}.particles-lines-sm:before,.particles-lines-sm:after{height:var(--spacing-2-5);width:var(--border-width)}.particles-lines-lg:before,.particles-lines-lg:after{height:var(--spacing-7-5);width:var(--spacing-1)}.particles-lines-slow:before,.particles-lines-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.particles-lines-fast:before,.particles-lines-fast:after{animation-duration:var(--animation-duration-slowest)}.particles-color-primary:before,.particles-color-primary:after{background:var(--particle-primary,#3b82f680)}.particles-color-secondary:before,.particles-color-secondary:after{background:var(--particle-secondary,#6b728080)}.particles-color-success:before,.particles-color-success:after{background:var(--particle-success,#10b98180)}.particles-color-error:before,.particles-color-error:after{background:var(--particle-error,#ef444480)}.particles-color-warning:before,.particles-color-warning:after{background:var(--particle-warning,#f59e0b80)}.particles-color-info:before,.particles-color-info:after{background:var(--particle-info,#06b6d480)}.links{min-height:var(--spacing-25);min-width:var(--spacing-25);position:relative}.links:before,.links:after,.links .node{background:var(--links-node-color,#5078ff);content:"";height:var(--spacing-2);width:var(--spacing-2);border-radius:5px;position:absolute}.links:before{animation:links-node-1 8s infinite var(--easing-smooth);left:3%0%;top:3%0%}.links:after{animation:links-node-2 8s infinite var(--easing-smooth);left:5%0%;top:5%0%}.links .node{animation:links-node-3 8s infinite var(--easing-smooth);left:7%0%;top:3%0%}.links{background:linear-gradient(to bottom right,transparent calc(50% - var(--border-width)),var(--links-line-color,#5078ff99)calc(50%),transparent calc(50% + var(--border-width))),linear-gradient(to bottom left,transparent calc(50% - var(--border-width)),var(--links-line-color,#5078ff99)calc(50%),transparent calc(50% + var(--border-width)));background-position:50%;background-repeat:no-repeat;background-size:100% 100px}.links-sm:before,.links-sm:after,.links-sm .node{height:var(--spacing-1);width:var(--spacing-1)}.links-lg:before,.links-lg:after,.links-lg .node{height:var(--spacing-1)(--border-width-thick);width:var(--spacing-1)(--border-width-thick)}.links-slow:before,.links-slow:after,.links-slow .node,.links-fast:before,.links-fast:after,.links-fast .node{animation-duration:var(--animation-duration-ultra-slow)}.links-blue{--links-node-color:#1e90ff;--links-line-color:#1e90ff99}.links-green{--links-node-color:#2ecc71;--links-line-color:#2ecc7199}.links-purple{--links-node-color:#9b59b6;--links-line-color:#9b59b699}.links-teal{--links-node-color:#1abc9c;--links-line-color:#1abc9c99}.links-orange{--links-node-color:#e67e22;--links-line-color:#e67e2299}.fountain{position:relative;overflow:hidden}.fountain:before,.fountain:after{animation:fountain-shoot 2.5s var(--easing-decelerate)infinite;background:var(--fountain-color,#b4dcffcc);content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);border-radius:5px;position:absolute;bottom:0%}.fountain:before{left:calc(50% - var(--spacing-1))}.fountain:after{animation-delay:var(--animation-duration-medium);left:calc(50% + var(--spacing-1));animation-name:fountain-shoot-alt}.fountain-sm:before,.fountain-sm:after{height:var(--spacing-1);width:var(--spacing-1)}.fountain-lg:before,.fountain-lg:after{height:var(--spacing-2);width:var(--spacing-2)}.fountain-slow:before,.fountain-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.fountain-fast:before,.fountain-fast:after{animation-duration:var(--animation-duration-slower)}.fountain-many{position:relative}.fountain-many:before,.fountain-many:after{animation:fountain-shoot 2.5s var(--easing-decelerate)infinite;background:var(--fountain-color,#b4dcffcc);content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);border-radius:5px;position:absolute;bottom:0%}.fountain-many:before{animation-delay:var(--animation-duration-slow);left:calc(50% - var(--spacing-1)(--spacing-1))}.fountain-many:after{animation-delay:var(--animation-duration-slower);left:calc(50% + var(--spacing-1)(--spacing-1));animation-name:fountain-shoot-alt}.fountain-blue{--fountain-color:#64b4ffcc}.fountain-cyan{--fountain-color:#64f0ffcc}.fountain-white{--fountain-color:#f0f0ffcc}.fountain-rainbow:before{--fountain-color:#ff6464cc}.fountain-rainbow:after{--fountain-color:#64ff64cc}.fountain-rainbow.fountain-many:before{--fountain-color:#ffff64cc}.fountain-rainbow.fountain-many:after{--fountain-color:#6464ffcc}.fireworks{position:relative;overflow:hidden}.fireworks:before,.fireworks:after{background:var(--firework-base-color,#ffdcb4);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.fireworks:before{animation:firework-rise 2.5s var(--easing-decelerate)forwards,firework-explode .5s var(--easing-decelerate)1.2s forwards;bottom:0%;left:4%0%}.fireworks:after{animation:firework-rise 2.5s var(--easing-decelerate)1s forwards,firework-explode .5s var(--easing-decelerate)2.2s forwards;bottom:0%;left:6%0%}.fireworks-sm:before,.fireworks-sm:after{height:var(--border-width-thick);width:var(--border-width-thick);--firework-size-multiplier:.7}.fireworks-lg:before,.fireworks-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5);--firework-size-multiplier:1.5}.fireworks-slow:before{animation:firework-rise 4s var(--easing-decelerate)forwards,firework-explode 1s var(--easing-decelerate)2s forwards}.fireworks-slow:after{animation:firework-rise 4s var(--easing-decelerate)1.5s forwards,firework-explode 1s var(--easing-decelerate)3.5s forwards}.fireworks-fast:before{animation:firework-rise 1.5s var(--easing-decelerate)forwards,firework-explode .3s var(--easing-decelerate).7s forwards}.fireworks-fast:after{animation:firework-rise 1.5s var(--easing-decelerate).5s forwards,firework-explode .3s var(--easing-decelerate)1.2s forwards}.fireworks-red{--firework-base-color:#ff9696;--firework-color-1:#ff3232e6;--firework-color-2:#ff6432e6;--firework-color-3:#ff3264e6}.fireworks-blue{--firework-base-color:#9696ff;--firework-color-1:#3232ffe6;--firework-color-2:#3264ffe6;--firework-color-3:#6432ffe6}.fireworks-green{--firework-base-color:#96ff96;--firework-color-1:#32ff32e6;--firework-color-2:#64ff32e6;--firework-color-3:#32ff64e6}.fireworks-gold{--firework-base-color:#ffe696;--firework-color-1:#ffd700e6;--firework-color-2:#ffc832e6;--firework-color-3:#ffb400e6}.firefly{position:relative;overflow:hidden}.firefly:before,.firefly:after{animation:firefly-float 8s infinite var(--easing-smooth),firefly-glow 2s infinite var(--easing-smooth);background:var(--firefly-color,#ffffb4);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.firefly:before{bottom:2%0%;left:1%0%}.firefly:after{animation-delay:var(--animation-duration-slowest),.5s;bottom:4%0%;left:6%0%}.firefly-many{position:relative}.firefly-many:before,.firefly-many:after{animation:firefly-float 8s infinite var(--easing-smooth),firefly-glow 2s infinite var(--easing-smooth);background:var(--firefly-color,#ffffb4);content:"";height:var(--spacing-1);width:var(--spacing-1);border-radius:5px;position:absolute}.firefly-many:before{animation-delay:var(--animation-duration-ultra-slow),1s;bottom:3%0%;left:3%0%}.firefly-many:after{animation-delay:var(--animation-duration-ultra-slow),1.5s;bottom:7%0%;left:4%0%}.firefly-sm:before,.firefly-sm:after{height:var(--border-width-thick);width:var(--border-width-thick)}.firefly-lg:before,.firefly-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5)}.firefly-slow:before,.firefly-slow:after{animation-duration:var(--animation-duration-ultra-slow),3s}.firefly-fast:before,.firefly-fast:after{animation-duration:var(--animation-duration-ultra-slow),1s}.firefly-green:before,.firefly-green:after{--firefly-color:#b4ffb4;--firefly-glow-color:#b4ffb4b3}.firefly-blue:before,.firefly-blue:after{--firefly-color:#b4b4ff;--firefly-glow-color:#b4b4ffb3}.firefly-purple:before,.firefly-purple:after{--firefly-color:#dcb4ff;--firefly-glow-color:#dcb4ffb3}.firefly-red:before,.firefly-red:after{--firefly-color:#ffb4b4;--firefly-glow-color:#ffb4b4b3}.fire{position:relative;overflow:hidden}.fire:before,.fire:after{animation:fire-flame 3s var(--easing-decelerate)infinite;background:var(--fire-color,#ffa000b3);bottom:calc(-1*var(--spacing-1));content:"";filter:blur(var(--spacing-1));height:var(--spacing-7-5);width:var(--spacing-5);border-radius:5px 50px 20px 20px;position:absolute}.fire:before{left:calc(50% - var(--spacing-1))}.fire:after{animation-delay:var(--animation-duration-medium);background:var(--fire-color-alt,#ff5a00b3);left:calc(50% - var(--spacing-1));animation-name:fire-flame-alt}.fire-sm:before,.fire-sm:after{filter:blur(var(--border-width-thick));height:var(--spacing-5);width:calc(var(--spacing-1) + var(--border-width-thick))}.fire-lg:before,.fire-lg:after{filter:var(--filter-blur-xl);height:50px;width:var(--spacing-7-5)}.fire-slow:before,.fire-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.fire-fast:before,.fire-fast:after{animation-duration:var(--animation-duration-slowest)}.fire-red:before{background:var(--fire-red,#ff3200b3)}.fire-red:after{background:var(--fire-red-alt,#ff6400b3)}.fire-blue:before{background:var(--fire-blue,#0096ffb3)}.fire-blue:after{background:var(--fire-blue-alt,#64c8ffb3)}.fire-green:before{background:var(--fire-green,#00c864b3)}.fire-green:after{background:var(--fire-green-alt,#64ff96b3)}.fire-purple:before{background:var(--fire-purple,#9600ffb3)}.fire-purple:after{background:var(--fire-purple-alt,#c864ffb3)}.confetti{position:relative;overflow:hidden}.confetti:before,.confetti:after{animation:confetti-fall 4s var(--easing-decelerate)forwards;background:var(--confetti-primary,#3b82f6);content:"";height:var(--spacing-2);width:var(--spacing-2);z-index:var(--z-index-1)0;position:absolute;top:0%}.confetti:before{left:3%0%;shape-rendering:crispedges;animation-name:confetti-fall}.confetti:after{animation-delay:var(--animation-duration-medium);background:var(--confetti-secondary,#ef4444);left:6%0%;animation-name:confetti-fall-2}.confetti-multi{position:relative}.confetti-multi:before,.confetti-multi:after{content:"";height:var(--spacing-2);width:var(--spacing-2);z-index:var(--z-index-1)0;position:absolute;top:0%}.confetti-multi:before{animation:confetti-fall 4s var(--easing-decelerate)forwards;background:var(--confetti-primary,#3b82f6);left:3%0%}.confetti-multi:after{animation:confetti-fall-2 4.5s var(--easing-decelerate)forwards;background:var(--confetti-secondary,#ef4444);left:6%0%}.confetti-multi:before{animation-delay:var(--animation-duration-fast);background:var(--confetti-success,#10b981);left:var(--percentage-45)}.confetti-multi:after{animation-delay:var(--animation-duration-slow);background:var(--confetti-warning,#f59e0b);left:var(--percentage-75)}.confetti-sm:before,.confetti-sm:after{height:var(--spacing-1);width:var(--spacing-1)}.confetti-lg:before,.confetti-lg:after{height:var(--spacing-1)(--border-width-thick);width:var(--spacing-1)(--border-width-thick)}.confetti-slow:before,.confetti-slow:after,.confetti-fast:before,.confetti-fast:after{animation-duration:var(--animation-duration-ultra-slow)}.confetti-squares:before,.confetti-squares:after{border-radius:0%}.confetti-circles:before,.confetti-circles:after{border-radius:5px}.confetti-triangles:before,.confetti-triangles:after{clip-path:polygon(50% 0%,0% 100%,100% 100%);height:var(--spacing-2-5);width:var(--spacing-2-5)}.bubbles{position:relative;overflow:hidden}.bubbles:before,.bubbles:after{background:var(--bubbles-color,#fff6);bottom:calc(-1*var(--spacing-5));content:"";height:var(--spacing-5);width:var(--spacing-5);border-radius:5px;animation:6s infinite bubbles-rise;position:absolute}.bubbles:before{left:2%0%}.bubbles:after{animation-delay:var(--animation-duration-slowest);left:6%0%}.bubbles-sm:before,.bubbles-sm:after{height:var(--spacing-1)(--border-width-thick);width:var(--spacing-1)(--border-width-thick)}.bubbles-lg:before,.bubbles-lg:after{height:var(--spacing-7-5);width:var(--spacing-7-5)}.bubbles-slow:before,.bubbles-slow:after,.bubbles-fast:before,.bubbles-fast:after{animation-duration:var(--animation-duration-ultra-slow)}.bubbles-many:before{animation-delay:var(--animation-duration-slow);left:3%0%}.bubbles-many:after{animation-delay:var(--animation-duration-ultra-slow);left:7%0%}.bubbles-color-primary:before,.bubbles-color-primary:after{background:var(--bubbles-primary,#3b82f666)}.bubbles-color-secondary:before,.bubbles-color-secondary:after{background:var(--bubbles-secondary,#6b728066)}.bubbles-color-success:before,.bubbles-color-success:after{background:var(--bubbles-success,#10b98166)}.bubbles-color-error:before,.bubbles-color-error:after{background:var(--bubbles-error,#ef444466)}.bubbles-color-warning:before,.bubbles-color-warning:after{background:var(--bubbles-warning,#f59e0b66)}.bubbles-color-info:before,.bubbles-color-info:after{background:var(--bubbles-info,#06b6d466)}.big-circles{position:relative;overflow:hidden}.big-circles:before,.big-circles:after{background:var(--big-circles-color,#ffffff4d);content:"";height:var(--spacing-15);width:var(--spacing-15);border-radius:5px;animation:8s infinite big-circles-float;position:absolute}.big-circles:after{animation-delay:var(--animation-duration-ultra-slow);left:4%0%}.big-circles:before{left:1%0%;top:2%0%}.big-circles-sm:before,.big-circles-sm:after{height:var(--spacing-10);width:var(--spacing-10)}.big-circles-lg:before,.big-circles-lg:after{height:var(--spacing-25);width:var(--spacing-25)}.big-circles-slow:before,.big-circles-slow:after,.big-circles-fast:before,.big-circles-fast:after{animation-duration:var(--animation-duration-ultra-slow)}.big-circles-color-primary:before,.big-circles-color-primary:after{background:var(--big-circles-primary,#3b82f64d)}.big-circles-color-secondary:before,.big-circles-color-secondary:after{background:var(--big-circles-secondary,#6b72804d)}.big-circles-color-success:before,.big-circles-color-success:after{background:var(--big-circles-success,#10b9814d)}.big-circles-color-error:before,.big-circles-color-error:after{background:var(--big-circles-error,#ef44444d)}.big-circles-color-warning:before,.big-circles-color-warning:after{background:var(--big-circles-warning,#f59e0b4d)}.big-circles-color-info:before,.big-circles-color-info:after{background:var(--big-circles-info,#06b6d44d)}.typing{display:inline-block;position:relative}.typing:after{content:"|";position:absolute;right:-.5em}.typing-sm:after{font-size:.875em}.typing-lg:after{font-size:1.25em}.typing-text{white-space:nowrap;display:inline-block;overflow:hidden}.typing-text-sm{font-size:.875em}.typing-text-lg{font-size:1.25em}.typing-blink{display:inline-block;position:relative}.typing-blink:after{content:"|";position:absolute;right:-.5em}.typing-blink-sm:after{font-size:.875em}.typing-blink-lg:after{font-size:1.25em}.typing-color-primary:after{color:var(--typing-primary,#3b82f6)}.typing-color-secondary:after{color:var(--typing-secondary,#6b7280)}.typing-color-success:after{color:var(--typing-success,#10b981)}.typing-color-error:after{color:var(--typing-error,#ef4444)}.typing-color-warning:after{color:var(--typing-warning,#f59e0b)}.typing-color-info:after{color:var(--typing-info,#06b6d4)}:root{view-transition-name:none}.view-transition-basic{view-transition-name:auto}.view-transition-hero{view-transition-name:hero}.view-transition-card{view-transition-name:card}.view-transition-header{view-transition-name:header}.view-transition-content{view-transition-name:content}.view-transition-poster{view-transition-name:poster}::view-transition-old(root){animation:.3s cubic-bezier(.4,0,.2,1) both fade-out}::view-transition-new(root){animation:.3s cubic-bezier(.4,0,.2,1) both fade-in}::view-transition-old(poster),::view-transition-new(poster){animation:var(--animation-none);mix-blend-mode:normal;height:100%}.poster-cover ::view-transition-new(poster){object-fit:cover}.poster-contain ::view-transition-new(poster){object-fit:contain}.poster-zoom-in ::view-transition-old(poster){animation:.4s cubic-bezier(.4,0,.2,1) both zoom-out}.poster-zoom-in ::view-transition-new(poster){animation:.4s cubic-bezier(.4,0,.2,1) both zoom-in}.poster-flip ::view-transition-old(poster){animation:.4s cubic-bezier(.4,0,.2,1) both flip-out}.poster-flip ::view-transition-new(poster){animation:.4s cubic-bezier(.4,0,.2,1) both flip-in}.poster-reveal ::view-transition-old(poster){clip-path:circle(100%);animation:.4s cubic-bezier(.4,0,.2,1) both circle-out}.poster-reveal ::view-transition-new(poster){clip-path:circle(0%);animation:.4s cubic-bezier(.4,0,.2,1) both circle-in}.cross-fade{animation:.3s cubic-bezier(.4,0,.2,1) cross-fade}.cross-slide-left{animation:.3s cubic-bezier(.4,0,.2,1) cross-slide-left}.cross-slide-right{animation:.3s cubic-bezier(.4,0,.2,1) cross-slide-right}.cross-scale{animation:.3s cubic-bezier(.4,0,.2,1) cross-scale}::view-transition-old(hero){animation:.3s cubic-bezier(.4,0,.2,1) both scale-down-fade-out}::view-transition-new(hero){animation:.3s cubic-bezier(.4,0,.2,1) both scale-up-fade-in}::view-transition-old(card){animation:.3s cubic-bezier(.4,0,.2,1) both slide-left-fade-out}::view-transition-new(card){animation:.3s cubic-bezier(.4,0,.2,1) both slide-right-fade-in}@keyframes fade-out{0%{opacity:var(--opacity-100)}to{opacity:var(--opacity-0)}}@keyframes fade-in{0%{opacity:var(--opacity-0)}to{opacity:var(--opacity-100)}}@keyframes scale-down-fade-out{0%{opacity:var(--opacity-100);transform:var(--transform-scale-100)}to{opacity:var(--opacity-0);transform:scale(.8)}}@keyframes scale-up-fade-in{0%{opacity:var(--opacity-0);transform:scale(.8