@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 • 187 kB
CSS
@layer components{.vignette{position:relative}.vignette:after{content:"";pointer-events:none;background:radial-gradient(circle,transparent 0,rgba(0,0,0,.3) 100px);position:absolute;top:0;bottom:0;left:0;right:0}.vignette-strong:after{background:radial-gradient(circle,transparent 0,rgba(0,0,0,.5) 100px)}.vignette-soft:after{background:radial-gradient(circle,transparent 0,rgba(0,0,0,.2) 100px)}.vignette-color:after{background:radial-gradient(circle at center,transparent 0,var(--vignette-color,rgba(0,0,0,.3))100)}.vignette-top:after{background:radial-gradient(circle at top,transparent 0,rgba(0,0,0,.3) 100px)}.vignette-bottom:after{background:radial-gradient(circle at bottom,transparent 0,rgba(0,0,0,.3) 100px)}.vignette-hover:hover:after{opacity:var(--opacity-80);transition:opacity var(--transition-normal)}.sparkle{position:relative;overflow:hidden}.sparkle:before{background-color:var(--sparkle-color,rgba(255,255,255,.8));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.sparkle:after{background-color:var(--sparkle-color,rgba(255,255,255,.8));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.sparkle:before{left:2%0%;top:2%0%}.sparkle:after{left:6%0%;top:6%0%}.sparkle-many span{background-color:var(--sparkle-color,rgba(255,255,255,.8));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.sparkle-many:before{background-color:var(--sparkle-color,rgba(255,255,255,.8));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.sparkle-many:after{background-color:var(--sparkle-color,rgba(255,255,255,.8));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;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,transparent,rgba(255,255,255,.1),transparent);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,transparent,rgba(255,255,255,.3),transparent)}.shine-soft:after{background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent)}.shine-color:after{background:linear-gradient(45deg,transparent,var(--shine-color,rgba(255,255,255,.2)),transparent)}.reflection{position:relative;overflow:hidden}.reflection:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,rgba(255,255,255,.2)));content:"";opacity:var(--opacity-50);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleY(-1%)}.reflection-strong:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,rgba(255,255,255,.4)));opacity:var(--opacity-70)}.reflection-soft:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,rgba(255,255,255,.1)));opacity:var(--opacity-30)}.reflection-color:after{background:linear-gradient(to bottom,transparent,var(--reflection-color,rgba(255,255,255,.2)));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,rgba(255,255,255,.8))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,rgba(255,255,255,.3)),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,rgba(255,255,255,.2))0,transparent 70);content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right: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 rgba(255,255,255,.2);box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 rgba(31,38,135,.37);background:rgba(255,255,255,.1)}.glass-sm{backdrop-filter:blur(var(--spacing-1));border:var(--border-width)solid rgba(255,255,255,.1);box-shadow:0 var(--spacing-1)var(--spacing-4)0 rgba(31,38,135,.2);background:rgba(255,255,255,.05)}.glass-lg{backdrop-filter:blur(var(--spacing-1)(--spacing-1));border:var(--border-width)solid rgba(255,255,255,.3);box-shadow:0 var(--spacing-1)(--border-width-thick)var(--spacing-4)(--spacing-2)0 rgba(31,38,135,.5);background:rgba(255,255,255,.15)}.glass-morph{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid rgba(255,255,255,.2);-webkit-border-radius:var(--spacing-5);border-radius:var(--spacing-5);box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 rgba(31,38,135,.37);background:rgba(255,255,255,.1)}.glass-border{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid rgba(255,255,255,.2);box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 rgba(31,38,135,.37);background:rgba(255,255,255,.1);position:relative}.glass-border:before{-webkit-border-radius:inherit;border-radius:inherit;content:"";inset:calc(-1*var(--border-width-thick));z-index:-1;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.3));position:absolute}.glass-shadow{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid rgba(255,255,255,.2);box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 rgba(31,38,135,.37),0 0 0 var(--border-width)rgba(255,255,255,.1);background:rgba(255,255,255,.1)}.glass-hover{backdrop-filter:blur(var(--spacing-2-5));border:var(--border-width)solid rgba(255,255,255,.2);box-shadow:0 var(--spacing-2)var(--spacing-3)(--border-width-thick)0 rgba(31,38,135,.37);background:rgba(255,255,255,.1);transition:all .3s}.glass-hover:hover{border:var(--border-width)solid rgba(255,255,255,.3);box-shadow:0 var(--spacing-1)(--border-width-thick)var(--spacing-4)(--spacing-2)0 rgba(31,38,135,.5);background:rgba(255,255,255,.15)}.glass-blur{backdrop-filter:blur(var(--spacing-2-5));background:rgba(255,255,255,.1)}.glass-blur-sm{backdrop-filter:blur(var(--spacing-1))}.glass-blur-lg{backdrop-filter:blur(var(--spacing-1)(--spacing-1))}.glass-color-primary{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.glass-color-secondary{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.2)}.glass-color-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.glass-color-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.glass-color-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.glass-color-info{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.2)}:root{--neuro-radius:var(--spacing-4);--neuro-shadow-intensity:.1;--neuro-shadow-distance:.5rem;--neuro-shadow-blur:var(--spacing-4);--neuro-light-shadow-color:rgba(255,255,255,var(--neuro-shadow-intensity));--neuro-dark-shadow-color:rgba(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);-webkit-border-radius:var(--neuro-radius);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);-webkit-border-radius:var(--neuro-radius);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{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-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);-webkit-border-radius:var(--neuro-radius);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);-webkit-border-radius:var(--neuro-radius);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);-webkit-border-radius:calc(var(--neuro-radius)*.5);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);-webkit-border-radius:var(--spacing-2-5);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);-webkit-border-radius:var(--spacing-2-5);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{-webkit-border-radius:var(--spacing-1-5);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{-webkit-border-radius:var(--spacing-4);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,rgba(59,130,246,.5))}.neo-border{border:var(--border-width-thick)solid var(--neo-border,rgba(59,130,246,.2))}.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:transparent;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{animation:triangles-float 8s var(--easing-smooth)infinite;background:var(--triangles-color,rgba(120,90,255,.7));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:after{animation:triangles-float 8s var(--easing-smooth)infinite;background:var(--triangles-color,rgba(120,90,255,.7));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{animation:triangles-float 8s var(--easing-smooth)infinite;background:var(--triangles-color,rgba(120,90,255,.7));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:after{animation:triangles-float 8s var(--easing-smooth)infinite;background:var(--triangles-color,rgba(120,90,255,.7));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,rgba(120,90,255,.7));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,rgba(120,90,255,.7));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 .triangle,.triangles-sm .triangle-alt{height:var(--spacing-2-5);width:var(--spacing-2-5)}.triangles-sm:before{height:var(--spacing-2-5);width:var(--spacing-2-5)}.triangles-sm:after{height:var(--spacing-2-5);width:var(--spacing-2-5)}.triangles-lg .triangle,.triangles-lg .triangle-alt{height:var(--spacing-5);width:var(--spacing-5)}.triangles-lg:before{height:var(--spacing-5);width:var(--spacing-5)}.triangles-lg:after{height:var(--spacing-5);width:var(--spacing-5)}.triangles-slow .triangle,.triangles-slow .triangle-alt{animation-duration:var(--animation-duration-ultra-slow)}.triangles-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.triangles-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.triangles-fast .triangle,.triangles-fast .triangle-alt{animation-duration:var(--animation-duration-ultra-slow)}.triangles-fast:before{animation-duration:var(--animation-duration-ultra-slow)}.triangles-fast:after{animation-duration:var(--animation-duration-ultra-slow)}.triangles-purple{--triangles-color:rgba(120,90,255,.7)}.triangles-blue{--triangles-color:rgba(90,150,255,.7)}.triangles-teal{--triangles-color:rgba(90,220,220,.7)}.triangles-pink{--triangles-color:rgba(255,120,220,.7)}.triangles-orange{--triangles-color:rgba(255,150,90,.7)}.triangles-inverted .triangle,.triangles-inverted .triangle-alt{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.triangles-inverted:before{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.triangles-inverted:after{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.triangles-right .triangle,.triangles-right .triangle-alt{clip-path:polygon(0% 0%,0% 100%,100% 50%)}.triangles-right:before{clip-path:polygon(0% 0%,0% 100%,100% 50%)}.triangles-right:after{clip-path:polygon(0% 0%,0% 100%,100% 50%)}.triangles-left .triangle,.triangles-left .triangle-alt{clip-path:polygon(100% 0%,100% 100%,0% 50%)}.triangles-left:before{clip-path:polygon(100% 0%,100% 100%,0% 50%)}.triangles-left:after{clip-path:polygon(100% 0%,100% 100%,0% 50%)}.stars{position:relative;overflow:hidden}.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,rgba(255,255,200,.7));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.stars:before{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,rgba(255,255,200,.7));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.stars:after{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,rgba(255,255,200,.7));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;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,rgba(255,255,200,.7));height:var(--spacing-1);right:3%0%;top:7%0%;width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.stars-dense{position:relative}.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,rgba(255,255,200,.7));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.stars-dense:before{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,rgba(255,255,200,.7));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.stars-dense:after{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,rgba(255,255,200,.7));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;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 .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,rgba(255,255,200,.7));height:var(--border-width-thick);width:var(--border-width-thick)}.stars-sm:before{box-shadow:0 0 var(--border-width-thick).5 var(--spacing-1)var(--stars-glow,rgba(255,255,200,.7));height:var(--border-width-thick);width:var(--border-width-thick)}.stars-sm:after{box-shadow:0 0 var(--border-width-thick).5 var(--spacing-1)var(--stars-glow,rgba(255,255,200,.7));height:var(--border-width-thick);width:var(--border-width-thick)}.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,rgba(255,255,200,.7));height:var(--spacing-1);width:var(--spacing-1)}.stars-lg:before{box-shadow:0 0 6px var(--border-width-thick)var(--stars-glow,rgba(255,255,200,.7));height:var(--spacing-1);width:var(--spacing-1)}.stars-lg:after{box-shadow:0 0 6px var(--border-width-thick)var(--stars-glow,rgba(255,255,200,.7));height:var(--spacing-1);width:var(--spacing-1)}.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-slow:before{animation-duration:var(--animation-duration-ultra-slow),30s}.stars-slow:after{animation-duration:var(--animation-duration-ultra-slow),30s}.stars-fast .star,.stars-fast .star-alt,.stars-fast .star-extra,.stars-fast .star-extra-alt{animation-duration:var(--animation-duration-slowest),15s}.stars-fast:before{animation-duration:var(--animation-duration-slowest),15s}.stars-fast:after{animation-duration:var(--animation-duration-slowest),15s}.stars-white{--stars-color:#fff;--stars-glow:rgba(255,255,255,.7)}.stars-blue{--stars-color:#c8dcff;--stars-glow:rgba(200,220,255,.7)}.stars-gold{--stars-color:gold;--stars-glow:rgba(255,215,0,.7)}.stars-multi .star{--stars-color:#ff9696;--stars-glow:rgba(255,150,150,.7)}.stars-multi .star-alt{--stars-color:#96ff96;--stars-glow:rgba(150,255,150,.7)}.stars-multi .star-extra{--stars-color:#9696ff;--stars-glow:rgba(150,150,255,.7)}.stars-multi .star-extra-alt{--stars-color:#ffff96;--stars-glow:rgba(255,255,150,.7)}.snow{position:relative;overflow:hidden}.snow:before{background:var(--snow-color,rgba(255,255,255,.9));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;border-radius:5px;animation:6s linear infinite snow-fall-1;position:absolute;top:-6px}.snow:after{background:var(--snow-color,rgba(255,255,255,.9));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;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{background:var(--snow-color,rgba(255,255,255,.9));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;border-radius:5px;animation:6s linear infinite snow-fall-1;position:absolute;top:-6px}.snow-many:after{background:var(--snow-color,rgba(255,255,255,.9));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;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,rgba(255,255,255,.9));height:var(--spacing-1-5);left:7%0%;width:var(--spacing-1-5);-webkit-border-radius:5px;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,rgba(255,255,255,.9));height:var(--spacing-1-5);left:9%0%;width:var(--spacing-1-5);-webkit-border-radius:5px;border-radius:5px;position:absolute;top:-6px}.snow-sm .flake,.snow-sm .flake-alt{height:var(--spacing-1);width:var(--spacing-1)}.snow-sm:before{height:var(--spacing-1);width:var(--spacing-1)}.snow-sm:after{height:var(--spacing-1);width:var(--spacing-1)}.snow-lg .flake,.snow-lg .flake-alt{height:var(--spacing-2);width:var(--spacing-2)}.snow-lg:before{height:var(--spacing-2);width:var(--spacing-2)}.snow-lg:after{height:var(--spacing-2);width:var(--spacing-2)}.snow-slow .flake,.snow-slow .flake-alt{animation-duration:var(--animation-duration-ultra-slow)}.snow-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.snow-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.snow-fast .flake,.snow-fast .flake-alt{animation-duration:var(--animation-duration-ultra-slow)}.snow-fast:before{animation-duration:var(--animation-duration-ultra-slow)}.snow-fast:after{animation-duration:var(--animation-duration-ultra-slow)}.snow-blue{--snow-color:rgba(230,240,255,.9)}.snow-silver{--snow-color:rgba(220,220,230,.9)}.snow-crystal{--snow-color:rgba(240,255,255,.9)}.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)}.snow-crystal:before{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)}.snow-crystal:after{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 .tentacle{animation:sea-anemone-tentacle 8s var(--easing-smooth)infinite;background:linear-gradient(to bottom,var(--anemone-color,rgba(50,150,230,.7)),transparent);content:"";width:var(--spacing-1);-webkit-border-radius:5% 0;border-radius:5% 0;position:absolute;bottom:0%}.sea-anemone:before{animation:sea-anemone-tentacle 8s var(--easing-smooth)infinite;background:linear-gradient(to bottom,var(--anemone-color,rgba(50,150,230,.7)),transparent);content:"";width:var(--spacing-1);-webkit-border-radius:5% 0;border-radius:5% 0;position:absolute;bottom:0%}.sea-anemone:after{animation:sea-anemone-tentacle 8s var(--easing-smooth)infinite;background:linear-gradient(to bottom,var(--anemone-color,rgba(50,150,230,.7)),transparent);content:"";width:var(--spacing-1);-webkit-border-radius:5% 0;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,rgba(50,150,230,.7)),transparent);content:"";bottom:0%;left:calc(50% + var(--spacing-1)(--spacing-1));width:var(--spacing-1);-webkit-border-radius:5% 0;border-radius:5% 0;animation-delay:.9s;position:absolute}.sea-anemone-sm .tentacle,.sea-anemone-sm .tentacle-alt{width:var(--spacing-1)}.sea-anemone-sm:before{width:var(--spacing-1)}.sea-anemone-sm:after{width:var(--spacing-1)}.sea-anemone-lg .tentacle,.sea-anemone-lg .tentacle-alt{width:var(--spacing-1-5)}.sea-anemone-lg:before{width:var(--spacing-1-5)}.sea-anemone-lg:after{width:var(--spacing-1-5)}.sea-anemone-slow .tentacle,.sea-anemone-slow .tentacle-alt{animation-duration:var(--animation-duration-ultra-slow)}.sea-anemone-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.sea-anemone-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.sea-anemone-fast .tentacle,.sea-anemone-fast .tentacle-alt{animation-duration:var(--animation-duration-ultra-slow)}.sea-anemone-fast:before{animation-duration:var(--animation-duration-ultra-slow)}.sea-anemone-fast:after{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,rgba(50,150,230,.7)),transparent);content:"";bottom:0%;left:calc(50% + var(--spacing-1)(--spacing-1));width:var(--spacing-1);-webkit-border-radius:5% 0;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,rgba(50,150,230,.7)),transparent);content:"";bottom:0%;left:calc(50% + var(--spacing-2)(--spacing-1));width:var(--spacing-1);-webkit-border-radius:5% 0;border-radius:5% 0;position:absolute}.sea-anemone-blue{--anemone-color:rgba(50,150,230,.7)}.sea-anemone-teal{--anemone-color:rgba(50,220,200,.7)}.sea-anemone-purple{--anemone-color:rgba(180,120,230,.7)}.sea-anemone-pink{--anemone-color:rgba(230,120,180,.7)}.sea-anemone-green{--anemone-color:rgba(120,200,120,.7)}.particles{position:relative;overflow:hidden}.particles:before{background:var(--particle-color,rgba(255,255,255,.5));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;animation:3s infinite particles-float;position:absolute}.particles:after{background:var(--particle-color,rgba(255,255,255,.5));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;animation:3s infinite particles-float;position:absolute}.particles:after{animation-delay:var(--animation-duration-slower)}.particles-sm:before{height:var(--border-width-thick);width:var(--border-width-thick)}.particles-sm:after{height:var(--border-width-thick);width:var(--border-width-thick)}.particles-lg:before{height:var(--spacing-1-5);width:var(--spacing-1-5)}.particles-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5)}.particles-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.particles-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.particles-fast:before{animation-duration:var(--animation-duration-slowest)}.particles-fast:after{animation-duration:var(--animation-duration-slowest)}.particles-dots{position:relative;overflow:hidden}.particles-dots:before{background:var(--particle-dots-color,rgba(255,255,255,.5));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;animation:3s infinite particles-dots;position:absolute}.particles-dots:after{background:var(--particle-dots-color,rgba(255,255,255,.5));content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;animation:3s infinite particles-dots;position:absolute}.particles-dots:after{animation-delay:var(--animation-duration-slower)}.particles-dots-sm:before{height:var(--border-width-thick);width:var(--border-width-thick)}.particles-dots-sm:after{height:var(--border-width-thick);width:var(--border-width-thick)}.particles-dots-lg:before{height:var(--spacing-1-5);width:var(--spacing-1-5)}.particles-dots-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5)}.particles-dots-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.particles-dots-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.particles-dots-fast:before{animation-duration:var(--animation-duration-slowest)}.particles-dots-fast:after{animation-duration:var(--animation-duration-slowest)}.particles-lines{position:relative;overflow:hidden}.particles-lines:before{background:var(--particle-lines-color,rgba(255,255,255,.5));content:"";height:var(--spacing-5);width:var(--border-width-thick);animation:3s infinite particles-lines;position:absolute}.particles-lines:after{background:var(--particle-lines-color,rgba(255,255,255,.5));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{height:var(--spacing-2-5);width:var(--border-width)}.particles-lines-sm:after{height:var(--spacing-2-5);width:var(--border-width)}.particles-lines-lg:before{height:var(--spacing-7-5);width:var(--spacing-1)}.particles-lines-lg:after{height:var(--spacing-7-5);width:var(--spacing-1)}.particles-lines-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.particles-lines-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.particles-lines-fast:before{animation-duration:var(--animation-duration-slowest)}.particles-lines-fast:after{animation-duration:var(--animation-duration-slowest)}.particles-color-primary:before{background:var(--particle-primary,rgba(59,130,246,.5))}.particles-color-primary:after{background:var(--particle-primary,rgba(59,130,246,.5))}.particles-color-secondary:before{background:var(--particle-secondary,rgba(107,114,128,.5))}.particles-color-secondary:after{background:var(--particle-secondary,rgba(107,114,128,.5))}.particles-color-success:before{background:var(--particle-success,rgba(16,185,129,.5))}.particles-color-success:after{background:var(--particle-success,rgba(16,185,129,.5))}.particles-color-error:before{background:var(--particle-error,rgba(239,68,68,.5))}.particles-color-error:after{background:var(--particle-error,rgba(239,68,68,.5))}.particles-color-warning:before{background:var(--particle-warning,rgba(245,158,11,.5))}.particles-color-warning:after{background:var(--particle-warning,rgba(245,158,11,.5))}.particles-color-info:before{background:var(--particle-info,rgba(6,182,212,.5))}.particles-color-info:after{background:var(--particle-info,rgba(6,182,212,.5))}.links{min-height:var(--spacing-25);min-width:var(--spacing-25);position:relative}.links .node{background:var(--links-node-color,#5078ff);content:"";height:var(--spacing-2);width:var(--spacing-2);-webkit-border-radius:5px;border-radius:5px;position:absolute}.links:before{background:var(--links-node-color,#5078ff);content:"";height:var(--spacing-2);width:var(--spacing-2);-webkit-border-radius:5px;border-radius:5px;position:absolute}.links:after{background:var(--links-node-color,#5078ff);content:"";height:var(--spacing-2);width:var(--spacing-2);-webkit-border-radius:5px;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,rgba(80,120,255,.6))calc(50%),transparent calc(50% + var(--border-width))),linear-gradient(to bottom left,transparent calc(50% - var(--border-width)),var(--links-line-color,rgba(80,120,255,.6))calc(50%),transparent calc(50% + var(--border-width)));background-position:50%;background-repeat:no-repeat;background-size:100% 100px}.links-sm .node{height:var(--spacing-1);width:var(--spacing-1)}.links-sm:before{height:var(--spacing-1);width:var(--spacing-1)}.links-sm:after{height:var(--spacing-1);width:var(--spacing-1)}.links-lg .node{height:var(--spacing-1)(--border-width-thick);width:var(--spacing-1)(--border-width-thick)}.links-lg:before{height:var(--spacing-1)(--border-width-thick);width:var(--spacing-1)(--border-width-thick)}.links-lg:after{height:var(--spacing-1)(--border-width-thick);width:var(--spacing-1)(--border-width-thick)}.links-slow .node{animation-duration:var(--animation-duration-ultra-slow)}.links-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.links-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.links-fast .node{animation-duration:var(--animation-duration-ultra-slow)}.links-fast:before{animation-duration:var(--animation-duration-ultra-slow)}.links-fast:after{animation-duration:var(--animation-duration-ultra-slow)}.links-blue{--links-node-color:#1e90ff;--links-line-color:rgba(30,144,255,.6)}.links-green{--links-node-color:#2ecc71;--links-line-color:rgba(46,204,113,.6)}.links-purple{--links-node-color:#9b59b6;--links-line-color:rgba(155,89,182,.6)}.links-teal{--links-node-color:#1abc9c;--links-line-color:rgba(26,188,156,.6)}.links-orange{--links-node-color:#e67e22;--links-line-color:rgba(230,126,34,.6)}.fountain{position:relative;overflow:hidden}.fountain:before{animation:fountain-shoot 2.5s var(--easing-decelerate)infinite;background:var(--fountain-color,rgba(180,220,255,.8));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;border-radius:5px;position:absolute;bottom:0%}.fountain:after{animation:fountain-shoot 2.5s var(--easing-decelerate)infinite;background:var(--fountain-color,rgba(180,220,255,.8));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;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{height:var(--spacing-1);width:var(--spacing-1)}.fountain-sm:after{height:var(--spacing-1);width:var(--spacing-1)}.fountain-lg:before{height:var(--spacing-2);width:var(--spacing-2)}.fountain-lg:after{height:var(--spacing-2);width:var(--spacing-2)}.fountain-slow:before{animation-duration:var(--animation-duration-ultra-slow)}.fountain-slow:after{animation-duration:var(--animation-duration-ultra-slow)}.fountain-fast:before{animation-duration:var(--animation-duration-slower)}.fountain-fast:after{animation-duration:var(--animation-duration-slower)}.fountain-many{position:relative}.fountain-many:before{animation:fountain-shoot 2.5s var(--easing-decelerate)infinite;background:var(--fountain-color,rgba(180,220,255,.8));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;border-radius:5px;position:absolute;bottom:0%}.fountain-many:after{animation:fountain-shoot 2.5s var(--easing-decelerate)infinite;background:var(--fountain-color,rgba(180,220,255,.8));content:"";height:var(--spacing-1-5);width:var(--spacing-1-5);-webkit-border-radius:5px;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:rgba(100,180,255,.8)}.fountain-cyan{--fountain-color:rgba(100,240,255,.8)}.fountain-white{--fountain-color:rgba(240,240,255,.8)}.fountain-rainbow:before{--fountain-color:rgba(255,100,100,.8)}.fountain-rainbow:after{--fountain-color:rgba(100,255,100,.8)}.fountain-rainbow.fountain-many:before{--fountain-color:rgba(255,255,100,.8)}.fountain-rainbow.fountain-many:after{--fountain-color:rgba(100,100,255,.8)}.fireworks{position:relative;overflow:hidden}.fireworks:before{background:var(--firework-base-color,#ffdcb4);content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;border-radius:5px;position:absolute}.fireworks:after{background:var(--firework-base-color,#ffdcb4);content:"";height:var(--spacing-1);width:var(--spacing-1);-webkit-border-radius:5px;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{height:var(--border-width-thick);width:var(--border-width-thick);--firework-size-multiplier:.7}.fireworks-sm:after{height:var(--border-width-thick);width:var(--border-width-thick);--firework-size-multiplier:.7}.fireworks-lg:before{height:var(--spacing-1-5);width:var(--spacing-1-5);--firework-size-multiplier:1.5}.fireworks-lg:after{height:var(--spacing-1-5);width:var(--spacing-1-5);--firework-size-multiplier:1.5}.fireworks-sl