@duskmoon-dev/css-art 1.13.0 → 1.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/art/csswitch.css +936 -0
  2. package/dist/art/index.css +1365 -80
  3. package/dist/art/moon.css +1 -0
  4. package/dist/art/mountain.css +240 -79
  5. package/dist/art/plasma-ball.css +21 -3
  6. package/dist/art/snowball-preloader.css +167 -0
  7. package/dist/index.css +1365 -80
  8. package/dist/index.min.css +1 -1
  9. package/package.json +1 -1
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- @layer css-art{.art-moon{--art-moon-size:8rem;--art-moon-color:oklch(92% .06 90);--art-moon-shadow:oklch(85% .04 90);--art-moon-glow:oklch(95% .03 90/.4);width:var(--art-moon-size);height:var(--art-moon-size);background:radial-gradient(circle at 35% 35%,var(--art-moon-color)0%,var(--art-moon-shadow)100%);box-shadow:0 0 calc(var(--art-moon-size)*.25)var(--art-moon-glow),0 0 calc(var(--art-moon-size)*.5)var(--art-moon-glow);border-radius:50%;position:relative}.art-moon-crescent{overflow:hidden}.art-moon-crescent:after{content:"";background:oklch(15% .02 260);border-radius:50%;width:85%;height:85%;position:absolute;top:-10%;right:-20%;box-shadow:inset 0 0 1rem oklch(20% .02 260)}.art-moon:before{content:"";width:20%;height:20%;box-shadow:calc(var(--art-moon-size)*-.15)calc(var(--art-moon-size)*.2)0 -2px oklch(82% .03 90/.4),calc(var(--art-moon-size)*.1)calc(var(--art-moon-size)*-.05)0 -3px oklch(82% .03 90/.3),calc(var(--art-moon-size)*-.08)calc(var(--art-moon-size)*-.12)0 -1px oklch(82% .03 90/.35);background:radial-gradient(circle,oklch(82% .03 90/.6) 0%,#0000 70%);border-radius:50%;position:absolute;top:25%;left:40%}.art-moon-sm{--art-moon-size:4rem}.art-moon-lg{--art-moon-size:12rem}.art-moon-xl{--art-moon-size:16rem}.art-moon-glow{animation:4s ease-in-out infinite art-moon-pulse}@keyframes art-moon-pulse{0%,to{box-shadow:0 0 calc(var(--art-moon-size)*.25)var(--art-moon-glow),0 0 calc(var(--art-moon-size)*.5)var(--art-moon-glow)}50%{box-shadow:0 0 calc(var(--art-moon-size)*.35)var(--art-moon-glow),0 0 calc(var(--art-moon-size)*.7)var(--art-moon-glow)}}.art-sun{--art-sun-size:8rem;--art-sun-color:oklch(85% .18 85);--art-sun-corona:oklch(90% .15 75);--art-sun-glow:oklch(90% .12 80/.4);width:var(--art-sun-size);height:var(--art-sun-size);background:radial-gradient(circle at 40% 40%,oklch(95% .12 90) 0%,var(--art-sun-color)50%,var(--art-sun-corona)100%);box-shadow:0 0 calc(var(--art-sun-size)*.2)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.5)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.8)oklch(90% .1 80/.15);border-radius:50%;position:relative}.art-sun-rays:before,.art-sun-rays:after{content:"";border-radius:50%;width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.art-sun-rays:before{background:repeating-conic-gradient(oklch(90% .14 85/.3) 0deg 5deg,#0000 5deg 30deg);animation:30s linear infinite art-sun-rotate}.art-sun-rays:after{background:repeating-conic-gradient(from 15deg,oklch(90% .14 85/.15) 0deg 3deg,#0000 3deg 30deg);animation:45s linear infinite reverse art-sun-rotate}@keyframes art-sun-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.art-sun-sunset{--art-sun-color:oklch(75% .2 40);--art-sun-corona:oklch(70% .22 30);--art-sun-glow:oklch(80% .18 40/.4)}.art-sun-sm{--art-sun-size:4rem}.art-sun-lg{--art-sun-size:12rem}.art-sun-xl{--art-sun-size:16rem}.art-sun-pulse{animation:3s ease-in-out infinite art-sun-breathe}@keyframes art-sun-breathe{0%,to{box-shadow:0 0 calc(var(--art-sun-size)*.2)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.5)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.8)oklch(90% .1 80/.15)}50%{box-shadow:0 0 calc(var(--art-sun-size)*.3)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.6)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*1)oklch(90% .1 80/.2)}}.art-mountain{--art-mountain-width:16rem;--art-mountain-height:10rem;--art-mountain-color:oklch(45% .05 150);--art-mountain-shadow:oklch(35% .04 150);--art-mountain-snow:oklch(97% .005 90);width:var(--art-mountain-width);height:var(--art-mountain-height);position:relative}.art-mountain:before{content:"";border-left:calc(var(--art-mountain-width)*.45)solid transparent;border-right:calc(var(--art-mountain-width)*.45)solid transparent;border-bottom:var(--art-mountain-height)solid var(--art-mountain-color);width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.art-mountain:after{content:"";border-left:calc(var(--art-mountain-width)*.1)solid transparent;border-right:calc(var(--art-mountain-width)*.1)solid transparent;border-bottom:calc(var(--art-mountain-height)*.25)solid var(--art-mountain-snow);z-index:1;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.art-mountain-range{--art-mountain-width:24rem;--art-mountain-height:10rem;width:var(--art-mountain-width);height:var(--art-mountain-height);align-items:flex-end;display:flex;position:relative}.art-mountain-range:before,.art-mountain-range:after{content:none}.art-mountain-range .art-peak{width:0;height:0;position:absolute;bottom:0}.art-mountain-range .art-peak:first-child{border-left:calc(var(--art-mountain-width)*.25)solid transparent;border-right:calc(var(--art-mountain-width)*.25)solid transparent;border-bottom:calc(var(--art-mountain-height)*.7)solid var(--art-mountain-shadow);left:10%}.art-mountain-range .art-peak:nth-child(2){border-left:calc(var(--art-mountain-width)*.3)solid transparent;border-right:calc(var(--art-mountain-width)*.3)solid transparent;border-bottom:var(--art-mountain-height)solid var(--art-mountain-color);z-index:1;left:30%}.art-mountain-range .art-peak:nth-child(3){border-left:calc(var(--art-mountain-width)*.22)solid transparent;border-right:calc(var(--art-mountain-width)*.22)solid transparent;border-bottom:calc(var(--art-mountain-height)*.6)solid oklch(40% .04 150);right:5%}.art-mountain-sunset{--art-mountain-color:oklch(30% .06 280);--art-mountain-shadow:oklch(22% .05 280);--art-mountain-snow:oklch(85% .08 50)}.art-mountain-forest{--art-mountain-color:oklch(40% .08 145);--art-mountain-shadow:oklch(30% .06 145)}.art-mountain-sm{--art-mountain-width:10rem;--art-mountain-height:6rem}.art-mountain-lg{--art-mountain-width:24rem;--art-mountain-height:15rem}.art-atom{--art-atom-size:360px;--art-atom-color:#00d8ff;--art-atom-nucleus-size:calc(var(--art-atom-size)/5);--art-atom-electron-color:#99f8ff;--art-atom-electron-size:calc(var(--art-atom-size)/25);--art-atom-orbit-size:calc(var(--art-atom-size)/2.5);--art-atom-speed:1.2s;--art-atom-speed-alpha:1s;--art-atom-speed-omega:.8s;width:var(--art-atom-size);height:var(--art-atom-size);box-sizing:border-box;animation:8s cubic-bezier(1,.25,0,.75) infinite art-atom-rotate;position:relative;overflow:hidden;& *,& :before,& :after{box-sizing:border-box}&:before{content:"";width:var(--art-atom-nucleus-size);height:var(--art-atom-nucleus-size);margin-top:calc(var(--art-atom-nucleus-size)/-2);margin-left:calc(var(--art-atom-nucleus-size)/-2);background:color-mix(in srgb,var(--art-atom-color)70%,transparent);box-shadow:0 0 3px 0 color-mix(in srgb,var(--art-atom-color)70%,transparent);border-radius:100%;animation:2s cubic-bezier(.65,0,.35,1) infinite art-atom-nucleus;display:block;position:absolute;top:50%;left:50%}&>[class^=electron]{border-top:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px;width:100%;height:var(--art-atom-orbit-size);margin-top:calc(var(--art-atom-orbit-size)/-2);animation:var(--art-atom-speed)art-atom-electron-orbit infinite linear;border-radius:100%;position:absolute;top:50%}&>.electron-alpha{animation:var(--art-atom-speed-alpha)art-atom-electron-orbit infinite linear;transform:rotate(60deg)}&>.electron-omega{animation:var(--art-atom-speed-omega)art-atom-electron-orbit infinite linear;transform:rotate(-60deg)}& [class^=electron]:after{content:"";width:var(--art-atom-electron-size);height:var(--art-atom-electron-size);background:var(--art-atom-electron-color);margin-top:calc(var(--art-atom-electron-size)/-2);top:50%;left:calc(var(--art-atom-electron-size)/-1);animation:calc(var(--art-atom-speed)*2)art-atom-electron infinite ease-in-out;border-radius:50%;display:block;position:absolute;transform:scale(1)}& .electron-alpha:after{animation:calc(var(--art-atom-speed-alpha)*2)art-atom-electron infinite ease-in-out}& .electron-omega:after{animation:calc(var(--art-atom-speed-omega)*2)art-atom-electron infinite ease-in-out}}.art-atom-sm{--art-atom-size:180px}.art-atom-lg{--art-atom-size:480px}@keyframes art-atom-electron-orbit{0%{border-top:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px}25%{border-top:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)2px}50%{border-top:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px}75%{border-top:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)2px}to{border-top:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px}}@keyframes art-atom-rotate{0%{transform:rotate(0)scale(1)}12.5%{transform:rotate(-45deg)scale(.9)}25%{transform:rotate(-90deg)scale(1)}37.5%{transform:rotate(-135deg)scale(.9)}50%{transform:rotate(-180deg)scale(1)}62.5%{transform:rotate(-225deg)scale(.9)}75%{transform:rotate(-270deg)scale(1)}87.5%{transform:rotate(-315deg)scale(.9)}to{transform:rotate(-360deg)scale(1)}}@keyframes art-atom-nucleus{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1)}75%{transform:scale(.85)}to{transform:scale(1)}}@keyframes art-atom-electron{0%{left:calc(var(--art-atom-electron-size)/-1);transform:scale(1)}12.5%{top:100%;transform:scale(1.5)}25%{left:100%;transform:scale(1)}37.5%{top:0%;transform:scale(.25)}50%{left:calc(var(--art-atom-electron-size)/-1);transform:scale(1)}62.5%{top:100%;transform:scale(1.5)}75%{left:100%;transform:scale(1)}87.5%{top:0%;transform:scale(.25)}to{left:calc(var(--art-atom-electron-size)/-1);transform:scale(1)}}.art-eclipse{--art-eclipse-bg:#09090b;--art-eclipse-size:600px;width:var(--art-eclipse-size);height:var(--art-eclipse-size);background:var(--art-eclipse-bg);position:relative;overflow:hidden;& .layer{position:absolute;inset:0}& .layer-1{transform-origin:66% 40%;background:repeating-conic-gradient(#fff0 0%,#fff8b075 3.96%,#45a8ff00 8.33% 8.33%) 69.5% 37.7%/17.2% 17.2% no-repeat,radial-gradient(#fff8b0 0%,#45a8ff00 47.22%) 74.1% 35.6%/33.6% 36.6% no-repeat;animation:30s linear infinite art-eclipse-rotate}& .layer-2{transform-origin:66% 40%;background:radial-gradient(ellipse at 50% 50%,#45a8ff00 20%,var(--art-eclipse-bg)29%)77.4% 33.8%/40% 40% no-repeat,repeating-conic-gradient(from 15deg at 50% 50%,#fff0 0%,#fff8b082 2.64%,#45a8ff00 5.56%,#45a8ff00 5.56%)69.5% 37.7%/17.2% 17.2% no-repeat;animation:20s linear infinite reverse art-eclipse-rotate}& .layer-3{background:repeating-conic-gradient(from 355deg,#fff0 0%,#ffc64542 8.1%,#45a8ff00 16.67% 16.67%) 0 0/100% 100% no-repeat;animation:20s linear infinite art-eclipse-rotate}& .layer-4{background:repeating-conic-gradient(from 355deg,#fff0 0%,#ffc64542 2.86%,#45a8ff00 5.88% 5.88%) 0 0/100% 100% no-repeat;animation:40s linear infinite reverse art-eclipse-rotate}& .layer-5{background:repeating-conic-gradient(#fff0 0%,#ffc64542 6.62%,#45a8ff00 7.69% 7.69%) 0 0/100% 100% no-repeat;animation:40s linear infinite art-eclipse-rotate}& .layer-6{background:radial-gradient(ellipse at 50% 50%,#fff8b045 0%,#45a8ff00 63.54%)67% 39.3%/5.8% 5.8% no-repeat,radial-gradient(ellipse at 50% 50%,#45a8ff00 40.28%,#ffb7a30d 52.43%,#45a8ff00 63.54%)68% 38.6%/13% 13% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b08c 0%,#45a8ff00 63.54%)66.9% 39.3%/3.4% 3.4% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b033 0%,#45a8ff00 66.67%)70.7% 36.5%/25.6% 25.6% no-repeat,radial-gradient(ellipse at 50% 50%,var(--art-eclipse-bg)26%,#45a8ff00 26.4%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#ffd4940a 0%,#45a8ff00 69.79%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#fff0941c 0%,#45a8ff00 52.43%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 51% 49%,#45a8ff00 23.96%,var(--art-eclipse-bg)40.63%)0% 0%/100% 100% no-repeat,repeating-conic-gradient(from 0deg at 50% 50%,#fff0 0%,#ffef4524 11.04%,#45a8ff00 20%,#45a8ff00 20%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 52% 48%,#45a8ff00 23.96%,var(--art-eclipse-bg)34.03%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#ffb9934a 28%,#45a8ff00 30%)0% 0%/100% 100% no-repeat}}.art-eclipse-sm{--art-eclipse-size:300px}.art-eclipse-lg{--art-eclipse-size:800px}@keyframes art-eclipse-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-plasma-ball{--art-plasma-ball-size:350px;--art-plasma-ball-base-color:#222;--art-plasma-ball-switch-size:calc(var(--art-plasma-ball-size)*37/350);width:var(--art-plasma-ball-size);height:var(--art-plasma-ball-size);box-sizing:border-box;margin:0 auto;position:relative;& *{box-sizing:border-box}& .base{background:var(--art-plasma-ball-base-color);width:calc(var(--art-plasma-ball-size)*6/7);height:calc(var(--art-plasma-ball-size)*4/7);margin:calc(var(--art-plasma-ball-size)*48/350)auto;top:calc(var(--art-plasma-ball-size)*286/350);left:calc(var(--art-plasma-ball-size)*25/350);position:absolute}& .base:before{top:calc(var(--art-plasma-ball-size)*-44/350);width:calc(var(--art-plasma-ball-size)*300/350);height:calc(var(--art-plasma-ball-size)*80/350);content:"";box-sizing:border-box;z-index:0;background:conic-gradient(from 167deg,#666,#232323,#232323,#666);border:2px solid #597481;border-radius:100%;position:absolute;left:0}& .base:after{left:calc(var(--art-plasma-ball-size)*-35/350);bottom:calc(var(--art-plasma-ball-size)*-65/350);width:calc(var(--art-plasma-ball-size)*370/350);height:calc(var(--art-plasma-ball-size)*110/350);content:"";background:var(--art-plasma-ball-base-color);z-index:-1;border-radius:30% 30% 50% 50%;position:absolute}& .base div{background:var(--art-plasma-ball-base-color);height:calc(var(--art-plasma-ball-size)*100/350);margin-top:calc(var(--art-plasma-ball-size)*48/350);float:left;margin-left:calc(var(--art-plasma-ball-size)*-53/350);z-index:-1;width:63%;position:relative;transform:rotate(-85deg)}& .base div+div{margin-top:calc(var(--art-plasma-ball-size)*-99/350);margin-left:calc(var(--art-plasma-ball-size)*164/350);transform:rotate(85deg)}& .base span{left:calc(var(--art-plasma-ball-size)*-51/350);bottom:calc(var(--art-plasma-ball-size)*-4/350);width:calc(var(--art-plasma-ball-size)*402/350);height:calc(var(--art-plasma-ball-size)*160/350);content:"";z-index:0;background:#242f3400;border:2px solid #0000;border-bottom-color:#435761;border-radius:0% 0% 80% 80%;position:absolute}& input.switcher{width:calc(var(--art-plasma-ball-size)*48/350);height:calc(var(--art-plasma-ball-size)*48/350);opacity:0;z-index:3333;cursor:pointer;top:calc(var(--art-plasma-ball-size)*425/350);left:calc(var(--art-plasma-ball-size)*151/350);outline:none;margin:0;position:absolute;border-radius:calc(var(--art-plasma-ball-size)*50/350)!important}& .glassball{z-index:1;background-color:#ffffff26;border-radius:100%;width:100%;height:100%;margin:0 auto;position:absolute;top:0%;overflow:hidden;box-shadow:0 20px 30px #0003,inset 0 10px 30px 5px #fff}& .glassball:after{content:"";z-index:1;background:radial-gradient(#ffffff80 0%,#fff0 70%);border-radius:50%;width:96%;height:96%;position:absolute;top:2%;left:2%;box-shadow:inset 0 20px 30px #ffffff4d}& .glassball:hover{cursor:grab}& .glassball:before{filter:blur(15px);z-index:2;color:#d6faff;text-align:center;content:"s";opacity:.75;background:radial-gradient(circle closest-side,#9c27b0,#0000);border:8px dotted #24e6ff;border-radius:100%;width:0;height:0;font-size:10em;line-height:1;transition:width .2s,height .2s;animation:5ms infinite alternate art-plasma-ball-spark;display:none;position:absolute;top:50%;left:48%;transform:translate(-45%,-48%)}& .glassball:hover:before{width:calc(var(--art-plasma-ball-size)*120/350);height:calc(var(--art-plasma-ball-size)*150/350)}& input.switcher:checked+.glassball:before,& input.switcher:checked+.glassball:after{display:block}& input.switcher:checked+.glassball:after{width:97%;height:97%;top:1.5%;left:1.5%}& input.switcher:checked+.glassball:hover:after{filter:brightness(1.75);opacity:.5;background:radial-gradient(#ffffff7d 0%,#54ecff94 10%,#0000 100%);animation:3s infinite alternate art-plasma-ball-rotation}& input.switcher:checked+.glassball{backface-visibility:hidden;perspective:calc(var(--art-plasma-ball-size)*1000/350);background:radial-gradient(circle,#ff5affb8 0% 20%,#5493d2a8 70% 100%);border:1px solid #0000;transition:background .4s;animation:5s linear infinite art-plasma-ball-innerlight,.82s cubic-bezier(.36,.07,.19,.97) both art-plasma-ball-shake;transform:translate(0,0);box-shadow:0 0 15px 5px #5493d2a8}& .switch{width:var(--art-plasma-ball-switch-size);height:var(--art-plasma-ball-switch-size);left:calc(50% - var(--art-plasma-ball-switch-size)/2);top:calc(var(--art-plasma-ball-size)*430/350);z-index:5;background:#1b1b1b;border:3px solid #4e4e4e;border-radius:100%;position:absolute;box-shadow:0 0 10px #000,0 0 5px 1px #2d2d2d,inset 0 0 3px 1px #000}& .switch:before{content:"";width:calc(var(--art-plasma-ball-switch-size)*16/37);height:calc(var(--art-plasma-ball-switch-size)*16/37);bottom:calc(var(--art-plasma-ball-switch-size)*6/37);border:calc(var(--art-plasma-ball-switch-size)*3/37)solid #4e4e4e;left:calc(var(--art-plasma-ball-switch-size)*5.5/37);border-top-color:#0000;border-radius:100%;position:absolute}& .switch:after{content:"";width:calc(var(--art-plasma-ball-switch-size)*3/37);height:calc(var(--art-plasma-ball-switch-size)*9/37);bottom:calc(var(--art-plasma-ball-switch-size)*14/37);left:calc(var(--art-plasma-ball-switch-size)*11.5/37);background:#4e4e4e;position:absolute}& input:checked+div+div+.switch{color:#fff;background:linear-gradient(#171717,#404040);border-color:#222222d1;box-shadow:0 0 10px #03a9f4,0 0 5px 1px #03a9f4}& input:checked+div+div+.switch:before{border-color:#0000 #03a9f4 #03a9f4}& input:checked+div+div+.switch:after{background:#03a9f4}& .electrode{width:calc(var(--art-plasma-ball-size)*16/350);height:calc(var(--art-plasma-ball-size)*140/350);bottom:calc(var(--art-plasma-ball-size)*20/350);position:absolute;left:calc(50% - .5em);overflow:visible}& .electrode:not(.hide-electrode){background:linear-gradient(75deg,#3a3a3a 20%,#2d2d2d);border-bottom:1px solid #657882;border-radius:0 0 6px 5px}& .electrode:before{left:calc(var(--art-plasma-ball-size)*-16/350);top:calc(var(--art-plasma-ball-size)*-40/350);width:calc(var(--art-plasma-ball-size)*48/350);height:calc(var(--art-plasma-ball-size)*48/350);content:"";box-sizing:border-box;background:radial-gradient(at 0 0,#4a4949 20%,#2d2d2d);border:1px solid #758e99;border-radius:100%;position:absolute}& .electrode:not(.hide-electrode):after{left:calc(var(--art-plasma-ball-size)*-3/350);bottom:calc(var(--art-plasma-ball-size)*-11/350);width:calc(var(--art-plasma-ball-size)*22/350);height:calc(var(--art-plasma-ball-size)*16/350);border-radius:calc(var(--art-plasma-ball-size)*140/350)/calc(var(--art-plasma-ball-size)*50/350);content:"";z-index:-1;background:linear-gradient(-263deg,#191919 20%,#0a0a0a);position:absolute}& input.switcher:checked+.glassball .electrode:after{background:linear-gradient(-263deg,#3a3a3a 20%,#2d2d2d)}& input.switcher:checked+.glassball .electrode:before{background:radial-gradient(ellipse farthest-corner at calc(var(--art-plasma-ball-size)*30/350)calc(var(--art-plasma-ball-size)*30/350),#999,#e449ff,#e449ff,#9763ff,#62edff,#fff);border-color:#ffffff94;box-shadow:0 0 10px 2px #e449ffb3,0 0 10px 2px #fff,inset 0 0 50px -10px #fff}& input.switcher+.glassball .rays{display:none}& input.switcher:checked+.glassball .rays{float:left;width:100%;height:100%;display:block;position:absolute}& .ray{width:calc(var(--art-plasma-ball-size)*160/350);height:calc(var(--art-plasma-ball-size)*32/350);bottom:calc(var(--art-plasma-ball-size)*144/350);filter:drop-shadow(0 0 7px #9660f7)drop-shadow(0 0 2px #fff);position:absolute}& .ray:before{content:"";width:calc(var(--art-plasma-ball-size)*8/350);height:calc(var(--art-plasma-ball-size)*7.2/350);top:calc(var(--art-plasma-ball-size)*4.8/350);left:calc(var(--art-plasma-ball-size)*3/350);filter:blur(2px);border:3px dashed #03a9f4;border-width:3px 3px 1px 1px;border-radius:10px 5px 8px 7px;position:absolute;transform:rotate(87deg);box-shadow:0 0 10px -1px #000}& .ray:after{content:"s";float:left;width:calc(var(--art-plasma-ball-size)*32/350);height:calc(var(--art-plasma-ball-size)*96/350);margin-top:calc(var(--art-plasma-ball-size)*20/350);border:calc(var(--art-plasma-ball-size)*8/350)dotted #24e6ff;filter:blur(5px);z-index:2;font-size:calc(var(--art-plasma-ball-size)*64/350);color:#d6faff;text-align:center;background:radial-gradient(circle closest-side,#9c27b0,#0000);border-radius:100%;margin-left:0;line-height:1;transition:width .2s,height .2s;animation:1s linear infinite alternate art-plasma-ball-blink;transform:translate(-45%,-48%)}& .ray span{width:calc(var(--art-plasma-ball-size)*64/350);height:calc(var(--art-plasma-ball-size)*16/350);border:solid calc(var(--art-plasma-ball-size)*4/350)#000;top:calc(var(--art-plasma-ball-size)*8/350);border-color:#6bbdff #0000 #0000;border-radius:238%/50px 50px 0 0;position:absolute;left:0}& .ray span+span{left:30%;top:calc(var(--art-plasma-ball-size)*2.4/350);transform:rotate(180deg)}& .ray span+span+span{left:60%;top:calc(var(--art-plasma-ball-size)*8/350);transform:rotate(0)}& .ray span:last-of-type:before{content:"";float:right;width:calc(var(--art-plasma-ball-size)*8/350);height:calc(var(--art-plasma-ball-size)*8/350);filter:blur(1px);margin-top:calc(var(--art-plasma-ball-size)*-2/350);left:calc(var(--art-plasma-ball-size)*3/350);background:#d1eefb;border-radius:100%;position:relative;box-shadow:0 0 4px 3px #fff}& .ray.bigwave span:last-of-type:before{content:"";float:left;width:calc(var(--art-plasma-ball-size)*8/350);height:calc(var(--art-plasma-ball-size)*8/350);filter:blur(1px);margin-top:calc(var(--art-plasma-ball-size)*-3/350);left:calc(var(--art-plasma-ball-size)*-2/350);background:#d1eefb;border-radius:100%;position:relative;box-shadow:0 0 4px 3px #fff}& .ray.bigwave span{border-width:calc(var(--art-plasma-ball-size)*4/350);width:55%}& .ray.bigwave span+span{border-width:calc(var(--art-plasma-ball-size)*5/350);width:60%;margin-left:calc(var(--art-plasma-ball-size)*4/350);margin-top:calc(var(--art-plasma-ball-size)*2/350);left:40%}& .rays+.rays{transform:rotate(180deg)}& .rays+.rays+.rays{transform:rotate(90deg)}& .rays+.rays+.rays+.rays{transform:rotate(270deg)}& .rays+.rays+.rays+.rays+.rays{animation:2.5s .1s infinite alternate art-plasma-ball-touchray1;display:none;transform:skew(-187deg)scale(.675)rotate(0)}& .rays+.rays+.rays+.rays+.rays+.rays{animation:1s .25s infinite art-plasma-ball-touchray2;display:none;transform:skew(-140deg,-40deg)scale(.675)rotate(180deg)}& input.switcher:checked+.glassball:hover .rays+.rays+.rays+.rays+.rays{display:block}& .rays+.rays+.rays+.rays+.rays .ray{width:calc(var(--art-plasma-ball-size)*136/350);animation:.5s linear infinite alternate art-plasma-ball-ray1}& .rays+.rays+.rays+.rays+.rays .ray span{border-top-width:calc(var(--art-plasma-ball-size)*8/350)}& .ray:first-of-type{animation:.5s linear infinite art-plasma-ball-ray1}& .ray:nth-of-type(2){animation:.75s linear infinite alternate art-plasma-ball-ray1}& .ray:nth-of-type(3){animation:.65s linear infinite reverse art-plasma-ball-ray1}& .ray:nth-of-type(4){animation:.95s linear infinite alternate art-plasma-ball-ray1}& .ray:nth-of-type(5){animation:.85s linear infinite reverse art-plasma-ball-ray1}& .rays+.rays .ray:first-of-type{animation-duration:1.55s}& .rays+.rays .ray:nth-of-type(2){animation-duration:1.75s}& .rays+.rays .ray:nth-of-type(3){animation-duration:.65s}& .rays+.rays .ray:nth-of-type(4){animation-duration:1.85s}& .rays+.rays .ray:nth-of-type(5){animation-duration:1.6s}& .rays+.rays+.rays .ray:first-of-type{animation-duration:1.15s}& .rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.5s}& .rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}& .rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1s}& .rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.25s}& .rays+.rays+.rays+.rays .ray:first-of-type{animation-duration:1.05s}& .rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.35s}& .rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.25s}& .rays+.rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1.15s}& .rays+.rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.45s}& .rays+.rays+.rays+.rays+.rays .ray:first-of-type{animation-duration:.85s}& .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:.95s}& .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:.75s}& .rays+.rays+.rays+.rays+.rays+.rays .ray:first-of-type{animation-duration:1.1s}& .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.25s}& .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}}.art-plasma-ball-sm{--art-plasma-ball-size:200px}.art-plasma-ball-lg{--art-plasma-ball-size:500px}@keyframes art-plasma-ball-rotation{50%{transform:rotate(360deg)}}@keyframes art-plasma-ball-blink{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%)scale(.75)rotate(6deg)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%)scale(.5)rotate(2deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%)scale(.35)rotate(11deg)}}@keyframes art-plasma-ball-innerlight{0%{background-position:50%;background-size:105% 105%;box-shadow:0 0 15px 5px #5493d2a8}25%{box-shadow:0 0 15px 5px #ff5aff30}50%{background-position:50%;background-size:85% 85%;box-shadow:0 0 15px 5px #5493d2a8}75%{box-shadow:0 0 15px 5px #ff5aff30}to{background-position:50%;background-size:105% 105%;box-shadow:0 0 15px 5px #5493d2a8}}@keyframes art-plasma-ball-touchray1{0%{transform:skew(-187deg)scale(.675)rotate(0)}50%{opacity:1;transform:skew(-185deg,2deg)scale(.525)rotate(180deg)}51%{opacity:0}52%{opacity:1}to{transform:skew(-188deg,-2deg)scale(.625)rotate(360deg)}}@keyframes art-plasma-ball-touchray2{0%{transform:skew(-140deg,-40deg)scale(.675)rotate(140deg)}50%{opacity:1;transform:skew(-143deg,-42deg)scale(.525)rotate(0)}51%{opacity:0}52%{opacity:1}to{transform:skew(-145deg,-38deg)scale(.625)rotate(210deg)}}@keyframes art-plasma-ball-spark{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%)scale(.75)rotate(0)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%)scale(.5)rotate(180deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%)scale(1)rotate(360deg)}}@keyframes art-plasma-ball-ray1{0%{opacity:0;transform:rotate(0)translate(0)}12%{opacity:1;transform:rotate(22deg)translate(0px,calc(var(--art-plasma-ball-size)*-35/350));filter:brightness(1.75)}25%{opacity:0;transform:rotate(45deg)translate(calc(var(--art-plasma-ball-size)*-33/350),calc(var(--art-plasma-ball-size)*-69/350))}37%{opacity:1;transform:rotate(67deg)translate(calc(var(--art-plasma-ball-size)*-64/350),calc(var(--art-plasma-ball-size)*-86/350));filter:brightness(1.15)}50%{opacity:0;transform:rotate(90deg)translate(calc(var(--art-plasma-ball-size)*-108/350),calc(var(--art-plasma-ball-size)*-93/350))}62%{opacity:1;transform:rotate(112deg)translate(calc(var(--art-plasma-ball-size)*-140/350),calc(var(--art-plasma-ball-size)*-90/350));filter:brightness(1.25)}75%{opacity:0;transform:rotate(135deg)translate(calc(var(--art-plasma-ball-size)*-169/350),calc(var(--art-plasma-ball-size)*-69/350))}87%{opacity:1;transform:rotate(157deg)translate(calc(var(--art-plasma-ball-size)*-185/350),calc(var(--art-plasma-ball-size)*-36/350));filter:brightness(1.75)}to{opacity:0;transform:rotate(180deg)translate(calc(var(--art-plasma-ball-size)*-192/350),calc(var(--art-plasma-ball-size)*6/350))}}.art-snowflake{width:var(--art-snowflake-size,10px);height:var(--art-snowflake-size,10px);pointer-events:none;border-radius:50%;position:absolute;&:not(.art-snowflake-unicode){background:var(--art-snowflake-color,#fff);filter:drop-shadow(0 0 var(--art-snowflake-size,10px)var(--art-snowflake-color,#fff))}}.art-snowflake.art-snowflake-unicode:after{content:"❆";color:var(--art-snowflake-color,#fff);font-size:var(--art-snowflake-size,10px);filter:drop-shadow(0 0 var(--art-snowflake-size,10px)var(--art-snowflake-color,#fff))}.art-snowflake-fall{animation:art-snowflake-fall var(--art-snowflake-duration,5s)linear infinite}@keyframes art-snowflake-fall{0%{opacity:1;transform:translateY(-10%)rotate(0)}to{opacity:.3;transform:translateY(100vh)rotate(360deg)}}@keyframes art-cat-stargazer-blink{0%,25%,28%,to{height:0}26.5%{height:100%}}.art-cat-stargazer{--art-cat-stargazer-size:500px;font-size:calc(var(--art-cat-stargazer-size)/90);width:var(--art-cat-stargazer-size);aspect-ratio:1;background:radial-gradient(circle at 20% 20%,#ffc8 .2em,#0000 0),radial-gradient(circle at 70%,#ffc8 .25em,#0000 0),radial-gradient(circle at 10% 80%,#ffc8 .2em,#0000 0),radial-gradient(circle at 80% 30%,#ffc8 .3em,#0000 0),radial-gradient(circle at 80% 80%,#ffc8 .23em,#0000 0),radial-gradient(circle at 50% 10%,#ff8b .3em,#0000 0),radial-gradient(circle at 40% 60%,#ffc8 .2em,#0000 0),radial-gradient(circle at 30% 30%,#ffc8 .2em,#0000 0) 0 0/70% 70%,radial-gradient(circle at 30% 30%,#ffc8 .2em,#0000 0) 40% 30%/50% 70%,linear-gradient(#0002,#0000),radial-gradient(at 50% 80%,#fcc2,#fff0),#023;position:relative;overflow:hidden;& *,& :before,& :after{box-sizing:border-box;position:absolute}& .moon{background:radial-gradient(at 38% 20%,#0001 2%,#0000 0),radial-gradient(13% 8% at 50% 0,#0001 99%,#0000),#ffc;border-radius:50%/100% 100% 0 0;width:120%;height:40%;bottom:0;left:50%;translate:-50% 60%;box-shadow:0 0 3em #ffc,0 0 9em #ffc8;&:before{content:"";background:#0001;border-radius:50%;width:18%;height:15%;top:15%;left:20%;rotate:-15deg;scale:.8;box-shadow:inset 0 1em #0002}&:after{content:"";background:#0001;border-radius:50%;width:4%;height:5%;top:25%;left:80%;rotate:30deg;scale:.8;box-shadow:-7em 3em 0 2em #0001}}& .cat{--fur:#111;--fur-dark:#000;--skin:pink;--suit:#fff;--suit-dark:#ddd;aspect-ratio:1;width:80em;font-size:.4em;bottom:15%;left:50%;translate:-50%;& .bubble{background:radial-gradient(circle at 25% 25%,#fff3,#fff0 25%),radial-gradient(circle at 15% 45%,#fff1,#fff0 15%),radial-gradient(circle at 75% 35%,#fff1,#fff0 50%),#fff1;border-radius:50%;width:119%;height:103%;bottom:25%;left:49%;translate:-50%;box-shadow:inset 0 0 1em 1em #acf,inset 0 0 5em #fff}& .backpack{background:#bcd;border-radius:3em;width:40%;height:30%;bottom:0;left:50%;translate:-50%}& .tail{border:7em solid #0000;border-top-color:var(--suit-dark);border-left-color:var(--suit-dark);clip-path:polygon(100% 0,100% 100%,0 30%,0 0);border-radius:50%;width:50%;height:50%;top:75%;left:52%;&:before{content:"";aspect-ratio:1;background:var(--suit-dark);border-radius:50%;width:7em;top:-9%;left:81%}}& .body{background:radial-gradient(circle at 17% 55%,#36c 2em,#0000 0),radial-gradient(100% 70% at 50% 0,var(--fur-dark)50%,#0000 0),radial-gradient(150% 70% at 49% 0,var(--fur)50%,#d99 0 59%,#0000 calc(59% + 1px)),var(--suit);border-radius:100%/200% 200% 20% 20%;width:35%;height:40%;bottom:0;left:50%;translate:-50%;& .leg{background:radial-gradient(20% 200% at 2% 10%,var(--suit-dark)20%,#0000 0),radial-gradient(20% 200% at 98% 10%,var(--suit-dark)20%,#0000 0),var(--suit);border-radius:8em 8em 100% 100%/10em 10em 16em 16em;width:165%;height:38%;bottom:0;left:50%;translate:-50%;scale:1 -1}& .paw{clip-path:polygon(0 20%,100% 30%,100% 100%,0 100%);border:.75em solid #777;border-top:0;border-radius:0 0 5em 5em;width:35%;height:49%;top:51%;left:10%;rotate:-10deg;&+&{clip-path:polygon(0 25%,100% 15%,100% 100%,0 100%);height:50%;left:auto;right:7%;rotate:13deg;scale:-1 1}}}& .ear{aspect-ratio:1;border:4em solid var(--fur);background:var(--skin);border-radius:5% 90% 10% 80%;width:40%;top:5%;left:10%;&+&{left:auto;right:10%;scale:-1 1}}& .head{aspect-ratio:1.1;background:linear-gradient(#0003,#0000 50%),var(--fur);border-radius:100%/125% 125% 80% 75%;width:80%;left:50%;translate:-50%;& .whisker{border:2em solid #0000;border-top-color:var(--fur);border-left-color:var(--fur);clip-path:polygon(100% 0,100% 100%,0 30%,0 0);border-radius:50%;width:30%;height:30%;&:first-child{top:45%;translate:-65%}&:nth-child(2){top:55%;translate:-40%;rotate:-20deg}&:nth-child(3){top:45%;right:0%;translate:65%;rotate:10deg}&:nth-child(4){top:55%;right:-2%;translate:40%;rotate:24deg}}& .nose{background:var(--skin);border-radius:50%;width:10%;height:7%;top:55%;left:50%;translate:-50% -50%}& .eye{--pos:25%;--x1:50%;--x2:42%;aspect-ratio:1;background:radial-gradient(50% 50% at var(--x1)32%,#fff 25%,#0000 calc(25% + 1px)),radial-gradient(50% 50% at var(--x2)51%,#fff 12%,#0000 calc(12% + 1px)),radial-gradient(circle at 60% 40%,#000 35%,#0000 calc(35% + 1px)),white;width:35%;left:var(--pos);border-radius:50%;top:43%;overflow:hidden;translate:-50% -50%;&+&{--x1:70%;--x2:78%;left:calc(100% - var(--pos));scale:-1 1}&:before{content:"";background:var(--fur);width:150%;height:0%;animation:10s linear infinite art-cat-stargazer-blink;top:-30%;left:50%;translate:-50%;rotate:-10deg}&:after{content:"";background:var(--fur);width:150%;height:0%;animation:10s linear infinite art-cat-stargazer-blink;bottom:-10%;left:50%;translate:-50%;rotate:-10deg}}}}}.art-cat-stargazer-sm{--art-cat-stargazer-size:300px}.art-cat-stargazer-lg{--art-cat-stargazer-size:700px}@keyframes art-color-spin-spin{0%,1%{transform:translateX(-50%)translateY(calc(var(--art-color-spin-size)*.026))rotateY(0deg)scale(1.05)}99%,to{transform:translateX(-50%)translateY(calc(var(--art-color-spin-size)*.026))rotateY(360deg)scale(1.05)}}.art-color-spin{--art-color-spin-size:770px;--art-color-spin-color1:gold;--art-color-spin-color2:#20a7db;--art-color-spin-color3:#8fce00;--art-color-spin-color4:red;width:var(--art-color-spin-size);height:calc(var(--art-color-spin-size)*.26);perspective:calc(var(--art-color-spin-size)*1.039);background:repeating-linear-gradient(-45deg,#000,#000 5px,#111 5px 10px);font-family:Google Sans,sans-serif;font-weight:440;position:relative;overflow:visible}.art-color-spin *{box-sizing:border-box}.art-color-spin:before{content:"c";font-size:calc(var(--art-color-spin-size)*.461);color:#eee;top:calc(var(--art-color-spin-size)*-.169);text-indent:calc(var(--art-color-spin-size)*-.026);line-height:calc(var(--art-color-spin-size)*.519);z-index:2;-webkit-box-reflect:below calc(var(--art-color-spin-size)*-.169)linear-gradient(transparent,#ffffff0f);position:absolute;left:0}.art-color-spin:after{content:"r";font-size:calc(var(--art-color-spin-size)*.461);color:#eee;top:calc(var(--art-color-spin-size)*-.169);right:calc(var(--art-color-spin-size)*.039);line-height:calc(var(--art-color-spin-size)*.519);z-index:2;-webkit-box-reflect:below calc(var(--art-color-spin-size)*-.169)linear-gradient(transparent,#ffffff0f);position:absolute}.art-color-spin>ul{width:0;height:calc(var(--art-color-spin-size)*.195);transform-style:preserve-3d;transform-origin:50%;z-index:3;margin:0;padding:0;list-style:none;animation:11s linear infinite alternate-reverse art-color-spin-spin;display:block;position:relative;left:50%}.art-color-spin>ul *{transform-style:preserve-3d}.art-color-spin>ul:before,.art-color-spin>ul:after{content:"";width:calc(var(--art-color-spin-size)*.052);height:calc(var(--art-color-spin-size)*.286);border-radius:calc(var(--art-color-spin-size)*.026);top:calc(var(--art-color-spin-size)*-.039);left:calc(var(--art-color-spin-size)*-.026);background:#fff;display:block;position:absolute}.art-color-spin>ul:before{background:#eee;transform:rotateY(-90deg)}.art-color-spin>ul>li{width:calc(var(--art-color-spin-size)*.234);height:calc(var(--art-color-spin-size)*.234);border:solid calc(var(--art-color-spin-size)*.032)#fff;top:calc(var(--art-color-spin-size)*-.013);transform:rotateY(calc(var(--i)*-90deg))translateZ(0px)translateX(calc(var(--art-color-spin-size)*.052));transform-origin:0 0;-webkit-box-reflect:below 2px linear-gradient(transparent,#ffffff1a);border-radius:50%;margin:0;padding:0;list-style:none;display:block;position:absolute;left:0}.art-color-spin>ul>li:before,.art-color-spin>ul>li:after{content:"";width:calc(var(--art-color-spin-size)*.13);height:calc(var(--art-color-spin-size)*.13);opacity:.75;mix-blend-mode:color-burn;border-radius:50%;display:block;position:absolute;top:50%;left:50%}.art-color-spin>ul>li:after{transform:translate3d(-50%,-50%,1px)}.art-color-spin>ul>li:before{transform:translate3d(-50%,-50%,-1px)}.art-color-spin>ul>li:first-child{outline:solid 1px var(--art-color-spin-color1);outline-offset:1px}.art-color-spin>ul>li:first-child:after{background:var(--art-color-spin-color1)}.art-color-spin>ul>li:first-child:before{background:color-mix(in hsl,var(--art-color-spin-color1),white 30%)}.art-color-spin>ul>li:nth-child(2){outline:solid 1px var(--art-color-spin-color2);outline-offset:1px}.art-color-spin>ul>li:nth-child(2):after{background:var(--art-color-spin-color2)}.art-color-spin>ul>li:nth-child(2):before{background:color-mix(in hsl,var(--art-color-spin-color2),white 30%)}.art-color-spin>ul>li:nth-child(3){outline:solid 1px var(--art-color-spin-color3);outline-offset:1px}.art-color-spin>ul>li:nth-child(3):after{background:var(--art-color-spin-color3)}.art-color-spin>ul>li:nth-child(3):before{background:color-mix(in hsl,var(--art-color-spin-color3),white 30%)}.art-color-spin>ul>li:nth-child(4){outline:solid 1px var(--art-color-spin-color4);outline-offset:1px}.art-color-spin>ul>li:nth-child(4):after{background:var(--art-color-spin-color4)}.art-color-spin>ul>li:nth-child(4):before{background:color-mix(in hsl,var(--art-color-spin-color4),white 30%)}.art-color-spin-sm{--art-color-spin-size:385px}.art-color-spin-lg{--art-color-spin-size:1000px}@keyframes art-synthwave-starfield-color{0%{filter:hue-rotate(1deg)}to{filter:hue-rotate(360deg)}}@keyframes art-synthwave-starfield-lines-x{0%{background-position:calc(var(--art-synthwave-starfield-size)*.12)center}to{background-position:0}}@keyframes art-synthwave-starfield-lines-y{0%{background-position:center calc(var(--art-synthwave-starfield-size)*.12)}to{background-position:50% 0}}@keyframes art-synthwave-starfield-stars{0%{transform:translateZ(calc(var(--art-synthwave-starfield-size)*-.4));opacity:0}30%,80%{opacity:1}to{transform:translateZ(calc(var(--art-synthwave-starfield-size)*.5))rotate(15deg);opacity:0}}@keyframes art-synthwave-starfield-stars2{0%{transform:translateZ(calc(var(--art-synthwave-starfield-size)*-.4))rotate(180deg);opacity:0}30%,80%{opacity:1}to{transform:translateZ(calc(var(--art-synthwave-starfield-size)*.5))rotate(195deg);opacity:0}}.art-synthwave-starfield{--art-synthwave-starfield-size:600px;--art-synthwave-starfield-line-color:#6bd600;width:var(--art-synthwave-starfield-size);height:var(--art-synthwave-starfield-size);perspective:calc(var(--art-synthwave-starfield-size)*.5);transform-style:preserve-3d;box-shadow:0 0 calc(var(--art-synthwave-starfield-size)*1.5)calc(var(--art-synthwave-starfield-size)*.11)#000 inset;background-color:#000;background-image:radial-gradient(#0000,#673ab72e),linear-gradient(-90deg,#2000587d,#000,#9c27b02b),linear-gradient(#8bc34a5e,#000,#ff98002e);font-family:"Press Start 2P",system-ui;position:relative;overflow:hidden}.art-synthwave-starfield:before{content:"";opacity:.25;z-index:0;background:radial-gradient(#0000,#0a123a),linear-gradient(#2000587d,#000,#9c27b02b),linear-gradient(#009688ba,#000,#ff980054);width:100%;height:100%;position:absolute}.art-synthwave-starfield *{box-sizing:border-box;transform-style:preserve-3d;position:absolute}.art-synthwave-starfield :before,.art-synthwave-starfield :after{box-sizing:border-box;transform-style:preserve-3d;content:"";position:absolute}.art-synthwave-starfield-sides{background:radial-gradient(#0f0015 10%,#000000e0 35%,#fff0 75% 100%);width:100%;height:100%}.art-synthwave-starfield-sides:before,.art-synthwave-starfield-sides:after{transform-origin:0;background-image:repeating-linear-gradient(90deg,#fff0 0,#fff0 calc(var(--art-synthwave-starfield-size)*.1),var(--art-synthwave-starfield-line-color)calc(var(--art-synthwave-starfield-size)*.1)calc(var(--art-synthwave-starfield-size)*.1035),#fff0 calc(var(--art-synthwave-starfield-size)*.1035)),repeating-linear-gradient(180deg,#fff0 0,#fff0 calc(var(--art-synthwave-starfield-size)*.1),var(--art-synthwave-starfield-line-color)calc(var(--art-synthwave-starfield-size)*.1)calc(var(--art-synthwave-starfield-size)*.1035),#fff0 calc(var(--art-synthwave-starfield-size)*.1035));background-color:#0000;background-position:50%;background-repeat:repeat;background-size:calc(var(--art-synthwave-starfield-size)*.12)calc(var(--art-synthwave-starfield-size)*.12);width:100%;height:100%;box-shadow:0 0 calc(var(--art-synthwave-starfield-size)*.08)calc(var(--art-synthwave-starfield-size)*.1)#000 inset;animation:.5s linear infinite art-synthwave-starfield-lines-x,5s linear infinite art-synthwave-starfield-color;transform:rotateY(90deg)}.art-synthwave-starfield-lefrig:after{transform-origin:100%;z-index:-1;animation:.5s linear infinite reverse art-synthwave-starfield-lines-x,5s linear 2s infinite art-synthwave-starfield-color;transform:rotateY(-90deg)}.art-synthwave-starfield-topbot:before{transform-origin:bottom;height:100%;animation:.5s linear infinite reverse art-synthwave-starfield-lines-y,5s linear 1s infinite art-synthwave-starfield-color;bottom:0;transform:rotateX(90deg)}.art-synthwave-starfield-topbot:after{transform-origin:top;height:100%;animation:.5s linear infinite art-synthwave-starfield-lines-y,5s linear 3s infinite art-synthwave-starfield-color;bottom:auto;transform:rotateX(-90deg)}.art-synthwave-starfield-stars{z-index:3;width:100%;height:100%}.art-synthwave-starfield-stars:before,.art-synthwave-starfield-stars:after{width:200%;height:200%;transform:translateZ(calc(var(--art-synthwave-starfield-size)*-.4));opacity:0;z-index:1;background-color:#0000;background-image:repeating-conic-gradient(#fff8 0%,#0000 .0002% .075%,#0000 .65%),repeating-conic-gradient(#fff 0%,#0000 .0004% .05%,#0000 .495%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:100%;animation:4s ease-in -1s infinite art-synthwave-starfield-stars;top:-50%;left:-50%}.art-synthwave-starfield-stars:after{animation-name:art-synthwave-starfield-stars2;animation-delay:-2s}.art-synthwave-starfield-stars+.art-synthwave-starfield-stars:before{animation-delay:-3s}.art-synthwave-starfield-stars+.art-synthwave-starfield-stars:after{animation-delay:-4s}.art-synthwave-starfield.art-synthwave-starfield-paused :before,.art-synthwave-starfield.art-synthwave-starfield-paused :after{animation-play-state:paused!important}.art-synthwave-starfield-sm{--art-synthwave-starfield-size:300px}.art-synthwave-starfield-lg{--art-synthwave-starfield-size:900px}.art-circular-gallery{--art-circular-gallery-size:600px;--art-circular-gallery-radius:calc(var(--art-circular-gallery-size)*.42);--art-circular-gallery-card-width:calc(var(--art-circular-gallery-size)*.09);--art-circular-gallery-card-border-radius:calc(var(--art-circular-gallery-size)*.012);--art-circular-gallery-arc-size:.95;--art-circular-gallery-arc-center:.275;--art-circular-gallery-arc-start:calc(var(--art-circular-gallery-arc-center) - var(--art-circular-gallery-arc-size)/2);--art-circular-gallery-arc-shift-delta:.0075;--art-circular-gallery-card-trans-duration:1s;--art-circular-gallery-card-trans-easing:linear(0,.01 0.8%,.038 1.6%,.154 3.4%,.781 9.7%,1.01 12.5%,1.089 13.8%,1.153 15.2%,1.195 16.6%,1.219 18%,1.224 19.7%,1.208 21.6%,1.172 23.6%,1.057 28.6%,1.007 31.2%,.969 34.1%,.951 37.1%,.953 40.9%,.998 50.4%,1.011 56%,.998 74.7%,1);anchor-name:--art-circular-gallery-center;transform:rotate(var(--art-circular-gallery-rotation));width:var(--art-circular-gallery-size);height:var(--art-circular-gallery-size);aspect-ratio:1;place-content:center;font-family:sans-serif;transition:transform .7s linear;display:grid;position:relative;& h1{text-align:center;font-size:clamp(1rem,calc(var(--art-circular-gallery-size)*.035),2.5rem);letter-spacing:.05em;transform:rotate(calc(var(--art-circular-gallery-rotation)*-1));margin:0;font-weight:300}& div{--arc-step:calc(var(--art-circular-gallery-arc-size)/19);--arc-shift:calc(var(--art-circular-gallery-arc-shift-delta)*var(--d,1));--card-offset-distance:calc(( var(--art-circular-gallery-arc-start) + (var(--i) - 1)*var(--arc-step) + var(--arc-shift))*100%);&:has(a:hover),&:target{--title-opacity:1}&:target{--zindex:2;--center-opacity:1;--center-scale:1;--image-outline-color:#ffffff80}&:before{content:"";position-anchor:--art-circular-gallery-center;position-area:span-all;transform:rotate(calc(var(--art-circular-gallery-rotation)*-1));width:calc(var(--art-circular-gallery-size)*.4);aspect-ratio:1;background:var(--bg-img);box-sizing:border-box;outline-offset:-10px;opacity:var(--center-opacity,0);scale:var(--center-scale,0);pointer-events:none;background-repeat:no-repeat;background-size:cover;border-radius:9in;outline:10px solid #ffffff4d;transition-property:scale,opacity;transition-duration:.3s,.15s;position:fixed}&:after{content:attr(data-title);position-anchor:--art-circular-gallery-card;position-area:center span-all;z-index:2;pointer-events:none;opacity:var(--title-opacity,0);backdrop-filter:blur(3px);font-size:clamp(.55rem,calc(var(--art-circular-gallery-size)*.012),.85rem);white-space:nowrap;background:#00000040;border:1px solid #ffffffbf;border-radius:5px;padding:.25em 1em;transition-property:opacity,transform;transition-duration:.15s;position:fixed;@starting-style{opacity:0}}& a{width:var(--art-circular-gallery-card-width);aspect-ratio:4/6;border-radius:var(--art-circular-gallery-card-border-radius);offset-path:circle(var(--art-circular-gallery-radius)at 50% 50%);offset-distance:var(--card-offset-distance);offset-rotate:auto;offset-anchor:50% 0%;transition:offset var(--art-circular-gallery-card-trans-duration)var(--art-circular-gallery-card-trans-easing),scale .2s ease;z-index:var(--zindex,1);anchor-name:--art-circular-gallery-card;border:2px solid #fff9;display:block;position:absolute;&:hover{z-index:3;scale:2.5}& img{object-fit:cover;border-radius:inherit;outline:5px solid var(--image-outline-color,transparent);outline-offset:-5px;width:100%;height:100%;transition:outline .3s ease-in-out;display:block}}}}.art-circular-gallery:has(>:hover)>:hover+*,.art-circular-gallery:has(>:last-child:hover)>:first-child{--d:3}.art-circular-gallery:has(>:hover)>:hover+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(2):hover)>:first-child{--d:2}.art-circular-gallery:has(>:hover)>:hover+*+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(3),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(3):hover)>:first-child{--d:1}.art-circular-gallery:has(>:hover)>:hover+*+*+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(4),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(3),.art-circular-gallery:has(>:nth-last-child(3):hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(4):hover)>:first-child{--d:.5}.art-circular-gallery :has(+:hover),.art-circular-gallery:has(>:first-child:hover) :last-child{--d:-3}.art-circular-gallery :has(+*+:hover),.art-circular-gallery:has(>:first-child:hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(2):hover) :last-child{--d:-2}.art-circular-gallery :has(+*+*+:hover),.art-circular-gallery:has(>:first-child:hover) :nth-last-child(3),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(3):hover) :last-child{--d:-1}.art-circular-gallery :has(+*+*+*+:hover),.art-circular-gallery:has(>:first-child:hover) :nth-last-child(4),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(3),.art-circular-gallery:has(>:nth-child(3):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(4):hover) :last-child{--d:-.5}.art-circular-gallery-sm{--art-circular-gallery-size:400px}.art-circular-gallery-lg{--art-circular-gallery-size:800px}@keyframes art-flower-animation-moving-flower-1{0%,to{transform:rotate(3deg)}50%{transform:rotate(0)}}@keyframes art-flower-animation-moving-flower-2{0%,to{transform:rotate(20deg)}50%{transform:rotate(23deg)}}@keyframes art-flower-animation-moving-flower-3{0%,to{transform:rotate(-15deg)}50%{transform:rotate(-18deg)}}@keyframes art-flower-animation-blooming-leaf-right{0%{transform-origin:0;transform:rotate(70deg)rotateY(30deg)scaleX(0)}}@keyframes art-flower-animation-blooming-leaf-left{0%{transform-origin:100%;transform:rotate(-70deg)rotateY(30deg)scaleX(0)}}@keyframes art-flower-animation-blooming-flower{0%{opacity:0;transform:scale(0)}}@keyframes art-flower-animation-light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(-15em)translate(3em)}}@keyframes art-flower-animation-grow-flower-tree{0%{transform-origin:bottom;transform:scaleY(0)}}@keyframes art-flower-animation-grow-ans{0%{transform-origin:bottom;transform:scaleY(0)}}@keyframes art-flower-animation-moving-grass{0%,to{transform:rotate(-48deg)rotateY(40deg)}50%{transform:rotate(-50deg)rotateY(40deg)}}@keyframes art-flower-animation-moving-grass--2{0%,to{transform:scale(.5)rotate(75deg)rotateX(10deg)rotateY(-200deg)}50%{transform:scale(.5)rotate(80deg)rotateX(10deg)rotateY(-200deg)}}@keyframes art-flower-animation-flower-g-long-ans{0%,to{transform:rotate(-30deg)rotateY(-20deg)}50%{transform:rotate(-32deg)rotateY(-20deg)}}@keyframes art-flower-animation-flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg)rotateX(-20deg)}}@keyframes art-flower-animation-flower-g-right-ans--2{0%,to{transform:rotateY(-180deg)rotate(0)rotateX(-20deg)}50%{transform:rotateY(-180deg)rotate(6deg)rotateX(-20deg)}}@keyframes art-flower-animation-flower-g-front-ans{0%,to{transform:rotate(-28deg)rotateY(30deg)scale(1.04)}50%{transform:rotate(-35deg)rotateY(40deg)scale(1.04)}}@keyframes art-flower-animation-flower-g-front-leaf-ans{0%{transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-flower-g-front-leaf-left-ans{0%{transform:rotateY(-180deg)rotate(5deg)scale(0)}}@keyframes art-flower-animation-flower-g-front-leaf-left-ans-2{0%{transform:rotateY(-180deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-1{0%{transform-origin:0;transform:rotate(45deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-5{0%{transform-origin:0;transform:rotate(55deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-6{0%{transform-origin:100%;transform:rotate(25deg)rotateY(-180deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-7{0%{transform-origin:0;transform:rotate(45deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-8{0%{transform-origin:100%;transform:rotate(15deg)rotateY(-180deg)scale(0)}}@keyframes art-flower-animation-growing-grass-1{0%{transform-origin:0 100%;transform:rotate(-20deg)scale(0)}}@keyframes art-flower-animation-growing-grass-2{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-growing-grass-3{0%{transform-origin:0 100%;transform:rotate(-18deg)rotateX(-20deg)scale(0)}}@keyframes art-flower-animation-growing-grass-4{0%{transform-origin:100% 100%;transform:rotate(2deg)scale(0)}}@keyframes art-flower-animation-growing-grass-5{0%{transform-origin:0 100%;transform:rotate(-24deg)rotateX(-20deg)scale(0)}}@keyframes art-flower-animation-growing-grass-6{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-growing-grass-7{0%{transform-origin:0 100%;transform:rotate(-10deg)scale(0)}}@keyframes art-flower-animation-growing-grass-8{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-bubble{0%{opacity:0;transform:translateY(0)scale(.3)}10%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(-70em)scale(1)}}.art-flower-animation{--art-flower-animation-size:600px;--art-flower-animation-bg:#010113;font-size:calc(var(--art-flower-animation-size)/100);width:var(--art-flower-animation-size);height:calc(var(--art-flower-animation-size)*1.1);background-color:var(--art-flower-animation-bg);perspective:1000px;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.art-flower-animation-sm{--art-flower-animation-size:300px}.art-flower-animation-lg{--art-flower-animation-size:900px}.art-flower-animation .night{filter:blur(.1em);background-image:radial-gradient(ellipse at top,transparent 0%,var(--art-flower-animation-bg)),radial-gradient(ellipse at bottom,var(--art-flower-animation-bg),#91e9ff33),repeating-linear-gradient(220deg,#000 0px,#000 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,#000 0px,#000 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,#000 0px,#000 19px,transparent 19px,transparent 22px),linear-gradient(90deg,#ff5e00,#f0f0f0);width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.art-flower-animation .flowers{position:relative;transform:scale(.9)}.art-flower-animation .flower{transform-origin:bottom;z-index:10;--fl-speed:.8s;position:absolute;bottom:10em}.art-flower-animation .flower--1{animation:4s linear infinite art-flower-animation-moving-flower-1}.art-flower-animation .flower--1 .flower__line{height:70em;animation-delay:.3s}.art-flower-animation .flower--1 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.6s backwards}.art-flower-animation .flower--1 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.4s backwards}.art-flower-animation .flower--1 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.2s backwards}.art-flower-animation .flower--1 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1s backwards}.art-flower-animation .flower--1 .flower__line__leaf--5{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.8s backwards}.art-flower-animation .flower--1 .flower__line__leaf--6{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2s backwards}.art-flower-animation .flower--2{animation:4s linear infinite art-flower-animation-moving-flower-2;left:50%;transform:rotate(20deg)}.art-flower-animation .flower--2 .flower__line{height:60em;animation-delay:.6s}.art-flower-animation .flower--2 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.9s backwards}.art-flower-animation .flower--2 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.7s backwards}.art-flower-animation .flower--2 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.5s backwards}.art-flower-animation .flower--2 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.3s backwards}.art-flower-animation .flower--3{animation:4s linear infinite art-flower-animation-moving-flower-3;left:50%;transform:rotate(-15deg)}.art-flower-animation .flower--3 .flower__line{animation-delay:.9s}.art-flower-animation .flower--3 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.5s backwards}.art-flower-animation .flower--3 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.3s backwards}.art-flower-animation .flower--3 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2.1s backwards}.art-flower-animation .flower--3 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.9s backwards}.art-flower-animation .flower--4{animation:4s linear infinite art-flower-animation-moving-flower-3;left:-30%;transform:rotate(-15deg)scaleX(-1)}.art-flower-animation .flower--4 .flower__line{animation-delay:1.2s}.art-flower-animation .flower--4 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.8s backwards}.art-flower-animation .flower--4 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.6s backwards}.art-flower-animation .flower--4 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2.4s backwards}.art-flower-animation .flower--4 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2.2s backwards}.art-flower-animation .flower__leafs{animation:2s backwards art-flower-animation-blooming-flower;position:relative}.art-flower-animation .flower__leafs--1{animation-delay:1.1s}.art-flower-animation .flower__leafs--2{animation-delay:1.4s}.art-flower-animation .flower__leafs--3{animation-delay:1.7s}.art-flower-animation .flower__leafs:after{content:"";filter:blur(10em);background-color:#e7b201;width:8em;height:8em;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.art-flower-animation .flower__leaf{transform-origin:bottom;opacity:.9;background-color:#e6f331;background-image:linear-gradient(#e6f331,#e6f331);border-radius:51% 49% 47% 53%/44% 45% 55% 69%;width:8em;height:11em;position:absolute;bottom:0;left:50%;box-shadow:inset 0 0 2em #ffffff80}.art-flower-animation .flower__leaf--1{transform:translate(-10%,1%)rotateY(40deg)rotateX(-50deg)}.art-flower-animation .flower__leaf--2{transform:translate(-50%,-4%)rotateX(40deg)}.art-flower-animation .flower__leaf--3{transform:translate(-90%)rotateY(45deg)rotateX(50deg)}.art-flower-animation .flower__leaf--4{transform-origin:0 100%;z-index:1;opacity:.8;background-image:linear-gradient(#e6f331,#e6f331);border-radius:4em 10em 4em 4em;width:8em;height:8em;transform:translateY(18%)rotateX(70deg)rotate(-43deg)}.art-flower-animation .flower__white-circle{background-color:#fff;border-radius:50%;width:9em;height:4em;position:absolute;top:-3em;left:-3.5em}.art-flower-animation .flower__white-circle:after{content:"";border-radius:inherit;background-image:repeating-linear-gradient(135deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(45deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(67.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(112.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(157.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(22.5deg,#00000008 0 1px,#0000 1px 12px),linear-gradient(90deg,#ffeb12,#ffce00);width:60%;height:60%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.art-flower-animation .flower__line{background-image:linear-gradient(270deg,#0003,#0000,#fff3),linear-gradient(#028137,#056d24,#0000 90%);width:1.5em;height:55em;animation:4s backwards art-flower-animation-grow-flower-tree;box-shadow:inset 0 0 2px #00000080}.art-flower-animation .flower__line__leaf{--w:7em;--h:calc(var(--w) + 2em);width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(#028137,#0c5e2066);position:absolute;top:20%;left:90%}.art-flower-animation .flower__line__leaf--1{transform:rotate(70deg)rotateY(30deg)}.art-flower-animation .flower__line__leaf--2{top:45%;transform:rotate(70deg)rotateY(30deg)}.art-flower-animation .flower__line__leaf--3,.art-flower-animation .flower__line__leaf--4,.art-flower-animation .flower__line__leaf--6{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);top:12%;left:-460%;transform:rotate(-70deg)rotateY(30deg)}.art-flower-animation .flower__line__leaf--4{top:40%}.art-flower-animation .flower__line__leaf--5{transform-origin:0;top:0;transform:rotate(70deg)rotateY(30deg)scale(.6)}.art-flower-animation .flower__line__leaf--6{transform-origin:100%;top:-2%;left:-450%;transform:rotate(-70deg)rotateY(30deg)scale(.6)}.art-flower-animation .flower__light{filter:blur(.2em);background-color:#fffb00;border-radius:50%;width:1em;height:1em;animation:4s linear infinite backwards art-flower-animation-light-ans;position:absolute;bottom:0}.art-flower-animation .flower__light:nth-child(odd){background-color:#028137}.art-flower-animation .flower__light--1{animation-delay:1s;left:-2em}.art-flower-animation .flower__light--2{animation-delay:.5s;left:3em}.art-flower-animation .flower__light--3{animation-delay:.3s;left:-6em}.art-flower-animation .flower__light--4{animation-delay:.9s;left:6em}.art-flower-animation .flower__light--5{animation-delay:1.5s;left:-1em}.art-flower-animation .flower__light--6{animation-delay:3s;left:-4em}.art-flower-animation .flower__light--7{animation-delay:2s;left:3em}.art-flower-animation .flower__light--8{animation-delay:3.5s;left:-6em}.art-flower-animation .flower__grass{--c:#028137;--line-w:1.5em;z-index:20;transform-origin:bottom;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:12em;left:-7em;transform:rotate(-48deg)rotateY(40deg)}.art-flower-animation .flower__grass--1{animation:2s linear infinite art-flower-animation-moving-grass}.art-flower-animation .flower__grass--2{opacity:.8;z-index:0;animation:1.5s linear infinite art-flower-animation-moving-grass--2;bottom:10em;left:2em;transform:scale(.5)rotate(75deg)rotateX(10deg)rotateY(-200deg)}.art-flower-animation .flower__grass--top{border-right:var(--line-w)solid var(--c);transform-origin:bottom;border-top-right-radius:100%;width:7em;height:10em;transform:rotate(-2deg)}.art-flower-animation .flower__grass--bottom{width:var(--line-w);background-image:linear-gradient(to top,transparent,var(--c));height:25em;margin-top:-2px}.art-flower-animation .flower__grass__leaf{--size:10em;width:calc(var(--size)*2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top,transparent,transparent 30%,var(--c));z-index:100;position:absolute}.art-flower-animation .flower__grass__leaf--1{--size:6em;animation:2s 2.6s backwards art-flower-animation-growing-grass-1;top:-6%;left:30%;transform:rotate(-20deg)}.art-flower-animation .flower__grass__leaf--2{--size:6em;animation:2s linear 2.4s backwards art-flower-animation-growing-grass-2;top:-5%;left:-110%;transform:rotate(10deg)}.art-flower-animation .flower__grass__leaf--3{--size:8em;animation:2s linear 2.2s backwards art-flower-animation-growing-grass-3;top:5%;left:60%;transform:rotate(-18deg)rotateX(-20deg)}.art-flower-animation .flower__grass__leaf--4{--size:8em;animation:2s linear 2s backwards art-flower-animation-growing-grass-4;top:6%;left:-135%;transform:rotate(2deg)}.art-flower-animation .flower__grass__leaf--5{--size:10em;animation:2s linear 1.8s backwards art-flower-animation-growing-grass-5;top:20%;left:60%;transform:rotate(-24deg)rotateX(-20deg)}.art-flower-animation .flower__grass__leaf--6{--size:10em;animation:2s linear 1.6s backwards art-flower-animation-growing-grass-6;top:22%;left:-180%;transform:rotate(10deg)}.art-flower-animation .flower__grass__leaf--7{--size:10em;animation:2s linear 1.4s backwards art-flower-animation-growing-grass-7;top:39%;left:70%;transform:rotate(-10deg)}.art-flower-animation .flower__grass__leaf--8{--size:11em;animation:2s linear 1.2s backwards art-flower-animation-growing-grass-8;top:40%;left:-215%;transform:rotate(10deg)}.art-flower-animation .flower__grass__overlay{filter:blur(1.5em);z-index:100;background-color:#0009;width:100%;height:100%;position:absolute;top:-10%;right:0%}.art-flower-animation .flower__g-long{--w:2em;--h:6em;--c:#0d6632;transform-origin:bottom;flex-direction:column;align-items:flex-end;animation:3s linear infinite art-flower-animation-flower-g-long-ans;display:flex;position:absolute;bottom:10em;left:-3em;transform:rotate(-30deg)rotateY(-20deg)}.art-flower-animation .flower__g-long__top{width:calc(var(--w) + 1em);height:var(--h);border-right:.7em solid var(--c);border-top-right-radius:100%;transform:translate(-.7em,1em)}.art-flower-animation .flower__g-long__bottom{width:var(--w);transform-origin:bottom;background-image:linear-gradient(to top,transparent 30%,var(--c));clip-path:polygon(35% 0,65% 1%,100% 100%,0% 100%);height:50em;box-shadow:inset 0 0 2px #00000080}.art-flower-animation .flower__g-right{transform-origin:0 100%;position:absolute;bottom:6em;left:-2em;transform:rotate(20deg)}.art-flower-animation .flower__g-right .leaf{background-image:linear-gradient(to bottom,transparent,var(--art-flower-animation-bg)60%);border-left:2em solid #028137;border-top-left-radius:100%;width:30em;height:50em;-webkit-mask-image:linear-gradient(#028137 40%,#0000 70%);mask-image:linear-gradient(#028137 40%,#0000 70%)}.art-flower-animation .flower__g-right--1{animation:2.5s linear infinite art-flower-animation-flower-g-right-ans}.art-flower-animation .flower__g-right--2{animation:3s linear infinite art-flower-animation-flower-g-right-ans--2;left:5em;transform:rotateY(-180deg)}.art-flower-animation .flower__g-right--2 .leaf{filter:blur(.3em);opacity:.8;height:75em}.art-flower-animation .flower__g-front{z-index:100;transform-origin:bottom;animation:2s linear infinite art-flower-animation-flower-g-front-ans;position:absolute;bottom:6em;left:2.5em;transform:rotate(-28deg)rotateY(30deg)scale(1.04)}.art-flower-animation .flower__g-front__line{background-image:linear-gradient(#0000 0%,#028137,#0000);width:.3em;height:20em;position:relative}.art-flower-animation .flower__g-front__leaf-wrapper{transform-origin:0 100%;position:absolute;top:0;left:0;transform:rotate(10deg)}.art-flower-animation .flower__g-front__leaf-wrapper:nth-child(2n){animation:1s ease-in backwards art-flower-animation-flower-g-front-leaf-left-ans;left:0;transform:rotateY(-180deg)rotate(5deg)}.art-flower-animation .flower__g-front__leaf-wrapper:nth-child(odd){animation:1s ease-in backwards art-flower-animation-flower-g-front-leaf-ans}.art-flower-animation .flower__g-front__leaf-wrapper--1{top:-8em;transform:scale(.7);animation:1s ease-in 5.5s backwards art-flower-animation-flower-g-front-leaf-ans!important}.art-flower-animation .flower__g-front__leaf-wrapper--2{top:-8em;animation:1s ease-in 5.2s backwards art-flower-animation-flower-g-front-leaf-left-ans-2!important;transform:rotateY(-180deg)scale(.7)!important}.art-flower-animation .flower__g-front__leaf-wrapper--3{top:-3em;animation:1s ease-in 4.9s backwards art-flower-animation-flower-g-front-leaf-ans!important}.art-flower-animation .flower__g-front__leaf-wrapper--4{top:-3em;animation:1s ease-in 4.6s backwards art-flower-animation-flower-g-front-leaf-left-ans-2!important;transform:rotateY(-180deg)scale(.9)!important}.art-flower-animation .flower__g-front__leaf-wrapper--5,.art-flower-animation .flower__g-front__leaf-wrapper--6{top:2em}.art-flower-animation .flower__g-front__leaf-wrapper--7,.art-flower-animation .flower__g-front__leaf-wrapper--8{top:6.5em}.art-flower-animation .flower__g-front__leaf-wrapper--5{animation-delay:4.3s!important}.art-flower-animation .flower__g-front__leaf-wrapper--6{animation-delay:4.1s!important}.art-flower-animation .flower__g-front__leaf-wrapper--7{animation-delay:3.8s!important}.art-flower-animation .flower__g-front__leaf-wrapper--8{animation-delay:3.5s!important}.art-flower-animation .flower__g-front__leaf{background-image:linear-gradient(to bottom left,transparent,var(--art-flower-animation-bg)),linear-gradient(to bottom right,#028137 50%,transparent 50%,transparent);border-radius:100% 0% 0% 100%/100% 100% 0% 0%;width:10em;height:10em;box-shadow:inset 0 2px 1em #01462433;-webkit-mask-image:linear-gradient(to bottom right,#028137 50%,#0000 50%,#0000);mask-image:linear-gradient(to bottom right,#028137 50%,#0000 50%,#0000)}.art-flower-animation .flower__g-fr{transform-origin:0 100%;z-index:10;animation:2s linear infinite art-flower-animation-flower-g-fr-ans;position:absolute;bottom:-4em;left:0}.art-flower-animation .flower__g-fr .leaf{z-index:1;border-left:2em solid #028137;border-top-left-radius:100%;width:30em;height:50em;position:relative;-webkit-mask-image:linear-gradient(#028137 50%,#0000 75%);mask-image:linear-gradient(#028137 50%,#0000 75%)}.art-flower-animation .flower__g-fr__leaf{background-image:linear-gradient(to bottom left,transparent,var(--art-flower-animation-bg)98%),linear-gradient(to bottom right,#028137 45%,transparent 50%,transparent);border-radius:100% 0% 0% 100%/100% 100% 0% 0%;width:10em;height:10em;position:absolute;top:0;left:0;box-shadow:inset 0 2px 1em #2ceefc33;-webkit-mask-image:linear-gradient(135deg,#028137 40%,#0000 50%,#0000);mask-image:linear-gradient(135deg,#028137 40%,#0000 50%,#0000)}.art-flower-animation .flower__g-fr__leaf--1{animation:.5s linear 5.2s backwards art-flower-animation-flower-g-fr-leaf-ans-1;left:20em;transform:rotate(45deg)}.art-flower-animation .flower__g-fr__leaf--2{animation:.5s linear 5s backwards art-flower-animation-flower-g-fr-leaf-ans-6;top:-7em;left:12em;transform:rotate(25deg)rotateY(-180deg)}.art-flower-animation .flower__g-fr__leaf--3{animation:.5s linear 4.8s backwards art-flower-animation-flower-g-fr-leaf-ans-5;top:6em;left:15em;transform:rotate(55deg)}.art-flower-animation .flower__g-fr__leaf--4{animation:.5s linear 4.6s backwards art-flower-animation-flower-g-fr-leaf-ans-6;top:-2em;left:6em;transform:rotate(25deg)rotateY(-180deg)}.art-flower-animation .flower__g-fr__leaf--5{animation:.5s linear 4.4s backwards art-flower-animation-flower-g-fr-leaf-ans-5;top:14em;left:10em;transform:rotate(55deg)}.art-flower-animation .flower__g-fr__leaf--6{animation:.5s linear 4.2s backwards art-flower-animation-flower-g-fr-leaf-ans-6;top:6em;left:0;transform:rotate(25deg)rotateY(-180deg)}.art-flower-animation .flower__g-fr__leaf--7{animation:.5s linear 4s backwards art-flower-animation-flower-g-fr-leaf-ans-7;top:22em;left:5em;transform:rotate(45deg)}.art-flower-animation .flower__g-fr__leaf--8{animation:.5s linear 3.8s backwards art-flower-animation-flower-g-fr-leaf-ans-8;top:15em;left:-4em;transform:rotate(15deg)rotateY(-180deg)}.art-flower-animation .long-g{transform-origin:0 100%;position:absolute;bottom:25em;left:-42em}.art-flower-animation .long-g .leaf{--w:3em;--h:40em;width:var(--w);clip-path:polygon(50% 0%,100% 100%,0% 100%);transform-origin:bottom;height:var(--h);background-image:linear-gradient(#028137,#056d24 40%,#0000 90%);position:absolute;bottom:0;left:0}.art-flower-animation .long-g .leaf--0{--h:40em;transform:rotate(-5deg)rotateX(5deg)}.art-flower-animation .long-g .leaf--1{--h:45em;left:2em;transform:rotate(3deg)rotateX(5deg)}.art-flower-animation .long-g .leaf--2{--h:38em;left:1em;transform:rotate(-8deg)rotateX(5deg)}.art-flower-animation .long-g .leaf--3{--h:35em;left:3em;transform:rotate(6deg)rotateX(5deg)}.art-flower-animation .long-g--1{bottom:0;transform:scale(.8)rotate(-5deg)}.art-flower-animation .long-g--1 .leaf{-webkit-mask-image:linear-gradient(#028137 20%,#0000 60%)!important;mask-image:linear-gradient(#028137 20%,#0000 60%)!important}.art-flower-animation .long-g--1 .leaf--1{--w:5em;--h:60em;left:-2em;transform:rotate(3deg)rotateY(-180deg)}.art-flower-animation .long-g--2{bottom:-3em;left:-35em;transform:rotate(3deg)}.art-flower-animation .long-g--3{bottom:-3em;left:-25em;transform:rotate(0)}.art-flower-animation .long-g--4{bottom:0;left:-23em;transform:rotate(-3deg)}.art-flower-animation .long-g--5{bottom:-3em;left:-17em;transform:scale(.8)rotate(-5deg)}.art-flower-animation .long-g--6{bottom:0;left:-12em;transform:rotate(-4deg)}.art-flower-animation .long-g--7{bottom:0;left:-5em;transform:rotate(2deg)}.art-flower-animation .grow-ans{animation:art-flower-animation-grow-ans 2s var(--d,0s)backwards}.art-flower-animation .growing-grass{position:absolute;bottom:0}.art-flower-animation .bubbles{z-index:20;width:40em;height:0;position:absolute;bottom:10em;left:50%;transform:translate(-50%)}.art-flower-animation .bubble{opacity:0;animation:8s ease-in infinite art-flower-animation-bubble;position:absolute;bottom:0}.art-flower-animation .bubble .heart{fill:#ff6496cc;filter:drop-shadow(0 0 .5em #ff649680);width:2em;height:2em}.art-flower-animation .bubble:first-child{animation-duration:7s;animation-delay:0s;left:5%}.art-flower-animation .bubble:nth-child(2){animation-duration:8s;animation-delay:.5s;left:10%}.art-flower-animation .bubble:nth-child(3){animation-duration:6.5s;animation-delay:1s;left:20%}.art-flower-animation .bubble:nth-child(4){animation-duration:9s;animation-delay:1.5s;left:30%}.art-flower-animation .bubble:nth-child(5){animation-duration:7.5s;animation-delay:2s;left:40%}.art-flower-animation .bubble:nth-child(6){animation-duration:8.5s;animation-delay:2.5s;left:50%}.art-flower-animation .bubble:nth-child(7){animation-duration:7s;animation-delay:3s;left:60%}.art-flower-animation .bubble:nth-child(8){animation-duration:9.5s;animation-delay:3.5s;left:70%}.art-flower-animation .bubble:nth-child(9){animation-duration:6s;animation-delay:4s;left:75%}.art-flower-animation .bubble:nth-child(10){animation-duration:8s;animation-delay:4.5s;left:80%}.art-flower-animation .bubble:nth-child(11){animation-duration:7.5s;animation-delay:5s;left:15%}.art-flower-animation .bubble:nth-child(12){animation-duration:9s;animation-delay:5.5s;left:25%}.art-flower-animation .bubble:nth-child(13){animation-duration:8s;animation-delay:6s;left:35%}.art-flower-animation .bubble:nth-child(14){animation-duration:7s;animation-delay:6.5s;left:45%}.art-flower-animation .bubble:nth-child(15){animation-duration:9.5s;animation-delay:.3s;left:55%}.art-flower-animation .bubble:nth-child(16){animation-duration:6.5s;animation-delay:1.3s;left:65%}.art-flower-animation .bubble:nth-child(17){animation-duration:8.5s;animation-delay:2.2s;left:72%}.art-flower-animation .bubble:nth-child(18){animation-duration:7.5s;animation-delay:3.3s;left:8%}.art-flower-animation .bubble:nth-child(19){animation-duration:9s;animation-delay:4.2s;left:88%}.art-flower-animation .bubble:nth-child(20){animation-duration:6s;animation-delay:5.8s;left:93%}@keyframes art-gemini-input-rotate{to{--art-gemini-input-rotation:360deg}}.art-gemini-input{--art-gemini-input-width:450px;--art-gemini-input-border-size:4px;--art-gemini-input-gradient:conic-gradient(from var(--art-gemini-input-rotation)at 52% 49% in oklab,oklch(63% .2 251.22) 27%,oklch(67% .21 25.81) 33%,oklch(90% .19 93.93) 41%,oklch(79% .25 150.49) 49%,oklch(63% .2 251.22) 65%,oklch(72% .21 150.89) 93%,oklch(63% .2 251.22));color-scheme:light dark;width:var(--art-gemini-input-width);border:var(--art-gemini-input-border-size)solid lightgray;background:0 0;border-radius:4rem;padding:0;animation:5s linear infinite art-gemini-input-rotate;position:relative;&:after{content:"";background:var(--art-gemini-input-gradient);z-index:1;filter:blur(15px);width:100%;height:100%;animation:5s linear infinite art-gemini-input-rotate;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}& .art-gemini-input-inner{color:light-dark(#222,#a1a8af);z-index:3;border-radius:inherit;background:light-dark(#fff,#1a1c1e);grid-template-columns:auto 1fr auto;align-items:end;gap:.75rem;padding:.75rem .5rem;display:grid;position:relative}& .art-gemini-input-border{inset:calc(var(--art-gemini-input-border-size)*-1);border-radius:inherit;z-index:2;position:absolute;overflow:hidden;mask:linear-gradient(#fff);&:after{content:"";background:var(--art-gemini-input-gradient);filter:blur(5px);width:100%;height:100%;animation:5s linear infinite art-gemini-input-rotate;position:absolute;top:50%;left:50%;translate:-50% -50%}}& .art-gemini-input-btn{color:light-dark(#222,#a1a8af);cursor:pointer;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:inline-flex}& .art-gemini-input-field{color:light-dark(#222,#a1a8af);cursor:text;resize:none;field-sizing:content;background:0 0;border:none;width:100%;min-height:1.5em;max-height:8rem;font-family:system-ui;font-size:1rem;font-weight:300;line-height:1.5;overflow-y:auto;&:focus,&:focus-visible{outline:none!important}&:not(:placeholder-shown){color:light-dark(#000,#fff)}}}.art-gemini-input-sm{--art-gemini-input-width:280px}.art-gemini-input-lg{--art-gemini-input-width:640px}}@property --art-circular-gallery-rotation{syntax:"<angle>";inherits:true;initial-value:0deg}@property --art-gemini-input-rotation{syntax:"<angle>";inherits:false;initial-value:0deg}
1
+ @layer css-art{.art-moon{--art-moon-size:8rem;--art-moon-color:oklch(92% .06 90);--art-moon-shadow:oklch(85% .04 90);--art-moon-glow:oklch(95% .03 90/.4);width:var(--art-moon-size);height:var(--art-moon-size);aspect-ratio:1;background:radial-gradient(circle at 35% 35%,var(--art-moon-color)0%,var(--art-moon-shadow)100%);box-shadow:0 0 calc(var(--art-moon-size)*.25)var(--art-moon-glow),0 0 calc(var(--art-moon-size)*.5)var(--art-moon-glow);border-radius:50%;position:relative}.art-moon-crescent{overflow:hidden}.art-moon-crescent:after{content:"";background:oklch(15% .02 260);border-radius:50%;width:85%;height:85%;position:absolute;top:-10%;right:-20%;box-shadow:inset 0 0 1rem oklch(20% .02 260)}.art-moon:before{content:"";width:20%;height:20%;box-shadow:calc(var(--art-moon-size)*-.15)calc(var(--art-moon-size)*.2)0 -2px oklch(82% .03 90/.4),calc(var(--art-moon-size)*.1)calc(var(--art-moon-size)*-.05)0 -3px oklch(82% .03 90/.3),calc(var(--art-moon-size)*-.08)calc(var(--art-moon-size)*-.12)0 -1px oklch(82% .03 90/.35);background:radial-gradient(circle,oklch(82% .03 90/.6) 0%,#0000 70%);border-radius:50%;position:absolute;top:25%;left:40%}.art-moon-sm{--art-moon-size:4rem}.art-moon-lg{--art-moon-size:12rem}.art-moon-xl{--art-moon-size:16rem}.art-moon-glow{animation:4s ease-in-out infinite art-moon-pulse}@keyframes art-moon-pulse{0%,to{box-shadow:0 0 calc(var(--art-moon-size)*.25)var(--art-moon-glow),0 0 calc(var(--art-moon-size)*.5)var(--art-moon-glow)}50%{box-shadow:0 0 calc(var(--art-moon-size)*.35)var(--art-moon-glow),0 0 calc(var(--art-moon-size)*.7)var(--art-moon-glow)}}.art-sun{--art-sun-size:8rem;--art-sun-color:oklch(85% .18 85);--art-sun-corona:oklch(90% .15 75);--art-sun-glow:oklch(90% .12 80/.4);width:var(--art-sun-size);height:var(--art-sun-size);background:radial-gradient(circle at 40% 40%,oklch(95% .12 90) 0%,var(--art-sun-color)50%,var(--art-sun-corona)100%);box-shadow:0 0 calc(var(--art-sun-size)*.2)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.5)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.8)oklch(90% .1 80/.15);border-radius:50%;position:relative}.art-sun-rays:before,.art-sun-rays:after{content:"";border-radius:50%;width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.art-sun-rays:before{background:repeating-conic-gradient(oklch(90% .14 85/.3) 0deg 5deg,#0000 5deg 30deg);animation:30s linear infinite art-sun-rotate}.art-sun-rays:after{background:repeating-conic-gradient(from 15deg,oklch(90% .14 85/.15) 0deg 3deg,#0000 3deg 30deg);animation:45s linear infinite reverse art-sun-rotate}@keyframes art-sun-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.art-sun-sunset{--art-sun-color:oklch(75% .2 40);--art-sun-corona:oklch(70% .22 30);--art-sun-glow:oklch(80% .18 40/.4)}.art-sun-sm{--art-sun-size:4rem}.art-sun-lg{--art-sun-size:12rem}.art-sun-xl{--art-sun-size:16rem}.art-sun-pulse{animation:3s ease-in-out infinite art-sun-breathe}@keyframes art-sun-breathe{0%,to{box-shadow:0 0 calc(var(--art-sun-size)*.2)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.5)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.8)oklch(90% .1 80/.15)}50%{box-shadow:0 0 calc(var(--art-sun-size)*.3)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*.6)var(--art-sun-glow),0 0 calc(var(--art-sun-size)*1)oklch(90% .1 80/.2)}}@keyframes art-mountain-slide{0%{transform:translate(-2%)}50%{transform:translate(2%)}to{transform:translate(-2%)}}@keyframes art-mountain-grow{50%{opacity:.4;width:2%}}@keyframes art-mountain-slide-right{0%{transform:translate(-200%)}to{transform:translate(2000%)}}@keyframes art-mountain-slide-left{0%{transform:translate(200%)}to{transform:translate(-2000%)}}.art-mountain{--art-mountain-size:600px;width:var(--art-mountain-size);height:var(--art-mountain-size);z-index:1;background-color:#0000;background-image:linear-gradient(#0000,#1fa49899),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafae6 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),radial-gradient(#fffafa80 70%,#0000 70%),linear-gradient(#141521,#022e4e,#03518a);background-position:0 100%,3% 70%,7% 60%,3% 47%,26% 65%,20%,12% 53%,10% 40%,24% 34%,38% 35%,24% 48%,7% 30%,2% 20%,5% 4%,10% 15%,15% 8%,20% 20%,80% 36%,84%,97%,85% 40%,90% 54%,50% 40%,55% 49%,48% 55%,33% 45%,80% 60%,88% 70%,30% 24%,30% 10%,15% 30%,38% 3%,68% 30%,90% 32%,85% 10%,60% 16%,88% 12%,96% 5%,75% 18%,47% 14%,54% 10%,53% 23%,0 0;background-repeat:no-repeat;background-size:100% 60%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .2%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,.2% .25%,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:relative;overflow:hidden}.art-mountain .mountain{clip-path:polygon(49% 0,51% 0,100% 100%,0% 100%);z-index:2;border-radius:50% 50% 0 0;position:absolute}.art-mountain .mountain:before{content:"";background:inherit;width:100%;height:100%;clip-path:inherit;border-radius:inherit;position:absolute;right:5%}.art-mountain .mountain:after{content:"";background:linear-gradient(#fffafa80,#0000);width:100%;height:15%;position:absolute}.art-mountain .mountain:first-of-type{background:linear-gradient(#02284a,#0000);width:50%;height:40%;bottom:0;left:-10%}.art-mountain .mountain:nth-of-type(2){z-index:3;background:linear-gradient(#022e4e,#141521cc);width:60%;height:50%;bottom:0;left:10%}.art-mountain .mountain:nth-of-type(3){background:linear-gradient(#02284a,#0000);width:50%;height:65%;bottom:0;left:40%}.art-mountain .mountain:nth-of-type(4){background:linear-gradient(#022e4e,#141521cc);width:30%;height:40%;bottom:0;right:-10%}.art-mountain .tree{z-index:4;background:linear-gradient(#041816,#141521);width:.5%;position:absolute;bottom:0}.art-mountain .tree:before{content:"";clip-path:polygon(50% 0%,0% 30%,50% 30%,0% 60%,50% 60%,0% 90%,50% 90%,100% 90%,50% 60%,100% 60%,50% 30%,100% 30%);background:#041816;width:800%;height:100%;position:absolute;top:-5%;left:-350%}.art-mountain .tree:first-of-type{height:20%;right:25%}.art-mountain .tree:nth-of-type(2){height:15%;right:20%}.art-mountain .tree:nth-of-type(3){height:12%;right:28%}.art-mountain .lights{width:100%;height:100%;animation:15s ease-in-out infinite art-mountain-slide}.art-mountain .borealis{filter:blur(40px);opacity:.6;background:radial-gradient(#1fa498 40%,#0000);width:5%;height:100%;position:absolute;bottom:8%}.art-mountain .borealis:first-of-type{animation:30s ease-in-out infinite art-mountain-grow;left:0%}.art-mountain .borealis:nth-of-type(2){animation:25s ease-in-out 10s infinite art-mountain-grow;left:20%}.art-mountain .borealis:nth-of-type(3){animation:30s ease-in-out infinite art-mountain-grow;left:40%}.art-mountain .borealis:nth-of-type(4){animation:20s ease-in-out 3s infinite art-mountain-grow;left:60%}.art-mountain .borealis:nth-of-type(5){animation:25s ease-in-out infinite art-mountain-grow;left:80%}.art-mountain .borealis:nth-of-type(6){animation:20s ease-in-out 8s infinite art-mountain-grow;left:97%}.art-mountain .borealis:nth-of-type(7){background:radial-gradient(#9d4edd 40%,#0000);animation:25s infinite art-mountain-slide-right;transform:translate(-200%)}.art-mountain .borealis:nth-of-type(8){background:radial-gradient(#9d4edd 40%,#0000);animation:25s 8s infinite art-mountain-slide-right;transform:translate(-200%)}.art-mountain .borealis:nth-of-type(9){left:unset;background:radial-gradient(#045fa0 40%,#0000);animation:18s ease-in-out 5s infinite art-mountain-slide-left;right:0%;transform:translate(200%)}.art-mountain-sm{--art-mountain-size:300px}.art-mountain-lg{--art-mountain-size:900px}.art-atom{--art-atom-size:360px;--art-atom-color:#00d8ff;--art-atom-nucleus-size:calc(var(--art-atom-size)/5);--art-atom-electron-color:#99f8ff;--art-atom-electron-size:calc(var(--art-atom-size)/25);--art-atom-orbit-size:calc(var(--art-atom-size)/2.5);--art-atom-speed:1.2s;--art-atom-speed-alpha:1s;--art-atom-speed-omega:.8s;width:var(--art-atom-size);height:var(--art-atom-size);box-sizing:border-box;animation:8s cubic-bezier(1,.25,0,.75) infinite art-atom-rotate;position:relative;overflow:hidden;& *,& :before,& :after{box-sizing:border-box}&:before{content:"";width:var(--art-atom-nucleus-size);height:var(--art-atom-nucleus-size);margin-top:calc(var(--art-atom-nucleus-size)/-2);margin-left:calc(var(--art-atom-nucleus-size)/-2);background:color-mix(in srgb,var(--art-atom-color)70%,transparent);box-shadow:0 0 3px 0 color-mix(in srgb,var(--art-atom-color)70%,transparent);border-radius:100%;animation:2s cubic-bezier(.65,0,.35,1) infinite art-atom-nucleus;display:block;position:absolute;top:50%;left:50%}&>[class^=electron]{border-top:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px;width:100%;height:var(--art-atom-orbit-size);margin-top:calc(var(--art-atom-orbit-size)/-2);animation:var(--art-atom-speed)art-atom-electron-orbit infinite linear;border-radius:100%;position:absolute;top:50%}&>.electron-alpha{animation:var(--art-atom-speed-alpha)art-atom-electron-orbit infinite linear;transform:rotate(60deg)}&>.electron-omega{animation:var(--art-atom-speed-omega)art-atom-electron-orbit infinite linear;transform:rotate(-60deg)}& [class^=electron]:after{content:"";width:var(--art-atom-electron-size);height:var(--art-atom-electron-size);background:var(--art-atom-electron-color);margin-top:calc(var(--art-atom-electron-size)/-2);top:50%;left:calc(var(--art-atom-electron-size)/-1);animation:calc(var(--art-atom-speed)*2)art-atom-electron infinite ease-in-out;border-radius:50%;display:block;position:absolute;transform:scale(1)}& .electron-alpha:after{animation:calc(var(--art-atom-speed-alpha)*2)art-atom-electron infinite ease-in-out}& .electron-omega:after{animation:calc(var(--art-atom-speed-omega)*2)art-atom-electron infinite ease-in-out}}.art-atom-sm{--art-atom-size:180px}.art-atom-lg{--art-atom-size:480px}@keyframes art-atom-electron-orbit{0%{border-top:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px}25%{border-top:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)2px}50%{border-top:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px}75%{border-top:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)2px}to{border-top:solid color-mix(in srgb,var(--art-atom-color)50%,transparent)1px;border-right:solid color-mix(in srgb,var(--art-atom-color)35%,transparent)2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color)20%,transparent)4px;border-left:solid color-mix(in srgb,var(--art-atom-color)0%,transparent)2px}}@keyframes art-atom-rotate{0%{transform:rotate(0)scale(1)}12.5%{transform:rotate(-45deg)scale(.9)}25%{transform:rotate(-90deg)scale(1)}37.5%{transform:rotate(-135deg)scale(.9)}50%{transform:rotate(-180deg)scale(1)}62.5%{transform:rotate(-225deg)scale(.9)}75%{transform:rotate(-270deg)scale(1)}87.5%{transform:rotate(-315deg)scale(.9)}to{transform:rotate(-360deg)scale(1)}}@keyframes art-atom-nucleus{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1)}75%{transform:scale(.85)}to{transform:scale(1)}}@keyframes art-atom-electron{0%{left:calc(var(--art-atom-electron-size)/-1);transform:scale(1)}12.5%{top:100%;transform:scale(1.5)}25%{left:100%;transform:scale(1)}37.5%{top:0%;transform:scale(.25)}50%{left:calc(var(--art-atom-electron-size)/-1);transform:scale(1)}62.5%{top:100%;transform:scale(1.5)}75%{left:100%;transform:scale(1)}87.5%{top:0%;transform:scale(.25)}to{left:calc(var(--art-atom-electron-size)/-1);transform:scale(1)}}.art-eclipse{--art-eclipse-bg:#09090b;--art-eclipse-size:600px;width:var(--art-eclipse-size);height:var(--art-eclipse-size);background:var(--art-eclipse-bg);position:relative;overflow:hidden;& .layer{position:absolute;inset:0}& .layer-1{transform-origin:66% 40%;background:repeating-conic-gradient(#fff0 0%,#fff8b075 3.96%,#45a8ff00 8.33% 8.33%) 69.5% 37.7%/17.2% 17.2% no-repeat,radial-gradient(#fff8b0 0%,#45a8ff00 47.22%) 74.1% 35.6%/33.6% 36.6% no-repeat;animation:30s linear infinite art-eclipse-rotate}& .layer-2{transform-origin:66% 40%;background:radial-gradient(ellipse at 50% 50%,#45a8ff00 20%,var(--art-eclipse-bg)29%)77.4% 33.8%/40% 40% no-repeat,repeating-conic-gradient(from 15deg at 50% 50%,#fff0 0%,#fff8b082 2.64%,#45a8ff00 5.56%,#45a8ff00 5.56%)69.5% 37.7%/17.2% 17.2% no-repeat;animation:20s linear infinite reverse art-eclipse-rotate}& .layer-3{background:repeating-conic-gradient(from 355deg,#fff0 0%,#ffc64542 8.1%,#45a8ff00 16.67% 16.67%) 0 0/100% 100% no-repeat;animation:20s linear infinite art-eclipse-rotate}& .layer-4{background:repeating-conic-gradient(from 355deg,#fff0 0%,#ffc64542 2.86%,#45a8ff00 5.88% 5.88%) 0 0/100% 100% no-repeat;animation:40s linear infinite reverse art-eclipse-rotate}& .layer-5{background:repeating-conic-gradient(#fff0 0%,#ffc64542 6.62%,#45a8ff00 7.69% 7.69%) 0 0/100% 100% no-repeat;animation:40s linear infinite art-eclipse-rotate}& .layer-6{background:radial-gradient(ellipse at 50% 50%,#fff8b045 0%,#45a8ff00 63.54%)67% 39.3%/5.8% 5.8% no-repeat,radial-gradient(ellipse at 50% 50%,#45a8ff00 40.28%,#ffb7a30d 52.43%,#45a8ff00 63.54%)68% 38.6%/13% 13% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b08c 0%,#45a8ff00 63.54%)66.9% 39.3%/3.4% 3.4% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b033 0%,#45a8ff00 66.67%)70.7% 36.5%/25.6% 25.6% no-repeat,radial-gradient(ellipse at 50% 50%,var(--art-eclipse-bg)26%,#45a8ff00 26.4%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#ffd4940a 0%,#45a8ff00 69.79%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#fff0941c 0%,#45a8ff00 52.43%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 51% 49%,#45a8ff00 23.96%,var(--art-eclipse-bg)40.63%)0% 0%/100% 100% no-repeat,repeating-conic-gradient(from 0deg at 50% 50%,#fff0 0%,#ffef4524 11.04%,#45a8ff00 20%,#45a8ff00 20%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 52% 48%,#45a8ff00 23.96%,var(--art-eclipse-bg)34.03%)0% 0%/100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#ffb9934a 28%,#45a8ff00 30%)0% 0%/100% 100% no-repeat}}.art-eclipse-sm{--art-eclipse-size:300px}.art-eclipse-lg{--art-eclipse-size:800px}@keyframes art-eclipse-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-plasma-ball{--art-plasma-ball-size:350px;--art-plasma-ball-base-color:#222;--art-plasma-ball-switch-size:calc(var(--art-plasma-ball-size)*37/350);isolation:isolate;width:var(--art-plasma-ball-size);height:calc(var(--art-plasma-ball-size)*1.6);box-sizing:border-box;margin:0 auto;position:relative;& *{box-sizing:border-box}& .base{background:var(--art-plasma-ball-base-color);width:calc(var(--art-plasma-ball-size)*6/7);height:calc(var(--art-plasma-ball-size)*4/7);margin:calc(var(--art-plasma-ball-size)*48/350)auto;top:calc(var(--art-plasma-ball-size)*286/350);left:calc(var(--art-plasma-ball-size)*25/350);z-index:-2;position:absolute}& .base:before{top:calc(var(--art-plasma-ball-size)*-44/350);width:calc(var(--art-plasma-ball-size)*300/350);height:calc(var(--art-plasma-ball-size)*80/350);content:"";box-sizing:border-box;z-index:0;background:conic-gradient(from 167deg,#666,#232323,#232323,#666);border:2px solid #597481;border-radius:100%;position:absolute;left:0}& .base:after{left:calc(var(--art-plasma-ball-size)*-35/350);bottom:calc(var(--art-plasma-ball-size)*-65/350);width:calc(var(--art-plasma-ball-size)*370/350);height:calc(var(--art-plasma-ball-size)*110/350);content:"";background:var(--art-plasma-ball-base-color);z-index:-1;border-radius:30% 30% 50% 50%;position:absolute}& .base div{background:var(--art-plasma-ball-base-color);height:calc(var(--art-plasma-ball-size)*100/350);margin-top:calc(var(--art-plasma-ball-size)*48/350);float:left;margin-left:calc(var(--art-plasma-ball-size)*-53/350);z-index:-1;width:63%;position:relative;transform:rotate(-85deg)}& .base div+div{margin-top:calc(var(--art-plasma-ball-size)*-99/350);margin-left:calc(var(--art-plasma-ball-size)*164/350);transform:rotate(85deg)}& .base span{left:calc(var(--art-plasma-ball-size)*-51/350);bottom:calc(var(--art-plasma-ball-size)*-4/350);width:calc(var(--art-plasma-ball-size)*402/350);height:calc(var(--art-plasma-ball-size)*160/350);content:"";z-index:0;background:#242f3400;border:2px solid #0000;border-bottom-color:#435761;border-radius:0% 0% 80% 80%;position:absolute}& input.switcher{width:calc(var(--art-plasma-ball-size)*48/350);height:calc(var(--art-plasma-ball-size)*48/350);opacity:0;z-index:3333;cursor:pointer;top:calc(var(--art-plasma-ball-size)*425/350);left:calc(var(--art-plasma-ball-size)*151/350);outline:none;margin:0;position:absolute;border-radius:calc(var(--art-plasma-ball-size)*50/350)!important}& .glassball{width:var(--art-plasma-ball-size);height:var(--art-plasma-ball-size);z-index:1;background-color:#ffffff26;border-radius:100%;margin:0 auto;position:absolute;top:0%;overflow:hidden;box-shadow:0 20px 30px #0003,inset 0 10px 30px 5px #fff}& .glassball:after{content:"";z-index:1;background:radial-gradient(#ffffff80 0%,#fff0 70%);border-radius:50%;width:96%;height:96%;position:absolute;top:2%;left:2%;box-shadow:inset 0 20px 30px #ffffff4d}& .glassball:hover{cursor:grab}& .glassball:before{filter:blur(15px);z-index:2;color:#d6faff;text-align:center;content:"s";opacity:.75;background:radial-gradient(circle closest-side,#9c27b0,#0000);border:8px dotted #24e6ff;border-radius:100%;width:0;height:0;font-size:10em;line-height:1;transition:width .2s,height .2s;animation:5ms infinite alternate art-plasma-ball-spark;display:none;position:absolute;top:50%;left:48%;transform:translate(-45%,-48%)}& .glassball:hover:before{width:calc(var(--art-plasma-ball-size)*120/350);height:calc(var(--art-plasma-ball-size)*150/350)}& input.switcher:checked+.glassball:before,& input.switcher:checked+.glassball:after{display:block}& input.switcher:checked+.glassball:after{width:97%;height:97%;top:1.5%;left:1.5%}& input.switcher:checked+.glassball:hover:after{filter:brightness(1.75);opacity:.5;background:radial-gradient(#ffffff7d 0%,#54ecff94 10%,#0000 100%);animation:3s infinite alternate art-plasma-ball-rotation}& input.switcher:checked+.glassball{backface-visibility:hidden;perspective:calc(var(--art-plasma-ball-size)*1000/350);background:radial-gradient(circle,#ff5affb8 0% 20%,#5493d2a8 70% 100%);border:1px solid #0000;transition:background .4s;animation:5s linear infinite art-plasma-ball-innerlight,.82s cubic-bezier(.36,.07,.19,.97) both art-plasma-ball-shake;transform:translate(0,0);box-shadow:0 0 15px 5px #5493d2a8}& .switch{width:var(--art-plasma-ball-switch-size);height:var(--art-plasma-ball-switch-size);left:calc(50% - var(--art-plasma-ball-switch-size)/2);top:calc(var(--art-plasma-ball-size)*430/350);z-index:5;background:#1b1b1b;border:3px solid #4e4e4e;border-radius:100%;position:absolute;box-shadow:0 0 10px #000,0 0 5px 1px #2d2d2d,inset 0 0 3px 1px #000}& .switch:before{content:"";width:calc(var(--art-plasma-ball-switch-size)*16/37);height:calc(var(--art-plasma-ball-switch-size)*16/37);bottom:calc(var(--art-plasma-ball-switch-size)*6/37);border:calc(var(--art-plasma-ball-switch-size)*3/37)solid #4e4e4e;left:calc(var(--art-plasma-ball-switch-size)*5.5/37);border-top-color:#0000;border-radius:100%;position:absolute}& .switch:after{content:"";width:calc(var(--art-plasma-ball-switch-size)*3/37);height:calc(var(--art-plasma-ball-switch-size)*9/37);bottom:calc(var(--art-plasma-ball-switch-size)*14/37);left:calc(var(--art-plasma-ball-switch-size)*11.5/37);background:#4e4e4e;position:absolute}& input:checked+div+div+.switch{color:#fff;background:linear-gradient(#171717,#404040);border-color:#222222d1;box-shadow:0 0 10px #03a9f4,0 0 5px 1px #03a9f4}& input:checked+div+div+.switch:before{border-color:#0000 #03a9f4 #03a9f4}& input:checked+div+div+.switch:after{background:#03a9f4}& .electrode{width:calc(var(--art-plasma-ball-size)*16/350);height:calc(var(--art-plasma-ball-size)*140/350);bottom:calc(var(--art-plasma-ball-size)*20/350);position:absolute;left:calc(50% - .5em);overflow:visible}& .electrode:not(.hide-electrode){background:linear-gradient(75deg,#3a3a3a 20%,#2d2d2d);border-bottom:1px solid #657882;border-radius:0 0 6px 5px}& .electrode:before{left:calc(var(--art-plasma-ball-size)*-16/350);top:calc(var(--art-plasma-ball-size)*-40/350);width:calc(var(--art-plasma-ball-size)*48/350);height:calc(var(--art-plasma-ball-size)*48/350);content:"";box-sizing:border-box;background:radial-gradient(at 0 0,#4a4949 20%,#2d2d2d);border:1px solid #758e99;border-radius:100%;position:absolute}& .electrode:not(.hide-electrode):after{left:calc(var(--art-plasma-ball-size)*-3/350);bottom:calc(var(--art-plasma-ball-size)*-11/350);width:calc(var(--art-plasma-ball-size)*22/350);height:calc(var(--art-plasma-ball-size)*16/350);border-radius:calc(var(--art-plasma-ball-size)*140/350)/calc(var(--art-plasma-ball-size)*50/350);content:"";z-index:-1;background:linear-gradient(-263deg,#191919 20%,#0a0a0a);position:absolute}& input.switcher:checked+.glassball .electrode:after{background:linear-gradient(-263deg,#3a3a3a 20%,#2d2d2d)}& input.switcher:checked+.glassball .electrode:before{background:radial-gradient(ellipse farthest-corner at calc(var(--art-plasma-ball-size)*30/350)calc(var(--art-plasma-ball-size)*30/350),#999,#e449ff,#e449ff,#9763ff,#62edff,#fff);border-color:#ffffff94;box-shadow:0 0 10px 2px #e449ffb3,0 0 10px 2px #fff,inset 0 0 50px -10px #fff}& input.switcher+.glassball .rays{display:none}& input.switcher:checked+.glassball .rays{float:left;width:100%;height:100%;display:block;position:absolute}& .ray{width:calc(var(--art-plasma-ball-size)*160/350);height:calc(var(--art-plasma-ball-size)*32/350);bottom:calc(var(--art-plasma-ball-size)*144/350);filter:drop-shadow(0 0 7px #9660f7)drop-shadow(0 0 2px #fff);position:absolute}& .ray:before{content:"";width:calc(var(--art-plasma-ball-size)*8/350);height:calc(var(--art-plasma-ball-size)*7.2/350);top:calc(var(--art-plasma-ball-size)*4.8/350);left:calc(var(--art-plasma-ball-size)*3/350);filter:blur(2px);border:3px dashed #03a9f4;border-width:3px 3px 1px 1px;border-radius:10px 5px 8px 7px;position:absolute;transform:rotate(87deg);box-shadow:0 0 10px -1px #000}& .ray:after{content:"s";float:left;width:calc(var(--art-plasma-ball-size)*32/350);height:calc(var(--art-plasma-ball-size)*96/350);margin-top:calc(var(--art-plasma-ball-size)*20/350);border:calc(var(--art-plasma-ball-size)*8/350)dotted #24e6ff;filter:blur(5px);z-index:2;font-size:calc(var(--art-plasma-ball-size)*64/350);color:#d6faff;text-align:center;background:radial-gradient(circle closest-side,#9c27b0,#0000);border-radius:100%;margin-left:0;line-height:1;transition:width .2s,height .2s;animation:1s linear infinite alternate art-plasma-ball-blink;transform:translate(-45%,-48%)}& .ray span{width:calc(var(--art-plasma-ball-size)*64/350);height:calc(var(--art-plasma-ball-size)*16/350);border:solid calc(var(--art-plasma-ball-size)*4/350)#000;top:calc(var(--art-plasma-ball-size)*8/350);border-color:#6bbdff #0000 #0000;border-radius:238%/50px 50px 0 0;position:absolute;left:0}& .ray span+span{left:30%;top:calc(var(--art-plasma-ball-size)*2.4/350);transform:rotate(180deg)}& .ray span+span+span{left:60%;top:calc(var(--art-plasma-ball-size)*8/350);transform:rotate(0)}& .ray span:last-of-type:before{content:"";float:right;width:calc(var(--art-plasma-ball-size)*8/350);height:calc(var(--art-plasma-ball-size)*8/350);filter:blur(1px);margin-top:calc(var(--art-plasma-ball-size)*-2/350);left:calc(var(--art-plasma-ball-size)*3/350);background:#d1eefb;border-radius:100%;position:relative;box-shadow:0 0 4px 3px #fff}& .ray.bigwave span:last-of-type:before{content:"";float:left;width:calc(var(--art-plasma-ball-size)*8/350);height:calc(var(--art-plasma-ball-size)*8/350);filter:blur(1px);margin-top:calc(var(--art-plasma-ball-size)*-3/350);left:calc(var(--art-plasma-ball-size)*-2/350);background:#d1eefb;border-radius:100%;position:relative;box-shadow:0 0 4px 3px #fff}& .ray.bigwave span{border-width:calc(var(--art-plasma-ball-size)*4/350);width:55%}& .ray.bigwave span+span{border-width:calc(var(--art-plasma-ball-size)*5/350);width:60%;margin-left:calc(var(--art-plasma-ball-size)*4/350);margin-top:calc(var(--art-plasma-ball-size)*2/350);left:40%}& .rays+.rays{transform:rotate(180deg)}& .rays+.rays+.rays{transform:rotate(90deg)}& .rays+.rays+.rays+.rays{transform:rotate(270deg)}& .rays+.rays+.rays+.rays+.rays{animation:2.5s .1s infinite alternate art-plasma-ball-touchray1;display:none;transform:skew(-187deg)scale(.675)rotate(0)}& .rays+.rays+.rays+.rays+.rays+.rays{animation:1s .25s infinite art-plasma-ball-touchray2;display:none;transform:skew(-140deg,-40deg)scale(.675)rotate(180deg)}& input.switcher:checked+.glassball:hover .rays+.rays+.rays+.rays+.rays{display:block}& .rays+.rays+.rays+.rays+.rays .ray{width:calc(var(--art-plasma-ball-size)*136/350);animation:.5s linear infinite alternate art-plasma-ball-ray1}& .rays+.rays+.rays+.rays+.rays .ray span{border-top-width:calc(var(--art-plasma-ball-size)*8/350)}& .ray:first-of-type{animation:.5s linear infinite art-plasma-ball-ray1}& .ray:nth-of-type(2){animation:.75s linear infinite alternate art-plasma-ball-ray1}& .ray:nth-of-type(3){animation:.65s linear infinite reverse art-plasma-ball-ray1}& .ray:nth-of-type(4){animation:.95s linear infinite alternate art-plasma-ball-ray1}& .ray:nth-of-type(5){animation:.85s linear infinite reverse art-plasma-ball-ray1}& .rays+.rays .ray:first-of-type{animation-duration:1.55s}& .rays+.rays .ray:nth-of-type(2){animation-duration:1.75s}& .rays+.rays .ray:nth-of-type(3){animation-duration:.65s}& .rays+.rays .ray:nth-of-type(4){animation-duration:1.85s}& .rays+.rays .ray:nth-of-type(5){animation-duration:1.6s}& .rays+.rays+.rays .ray:first-of-type{animation-duration:1.15s}& .rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.5s}& .rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}& .rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1s}& .rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.25s}& .rays+.rays+.rays+.rays .ray:first-of-type{animation-duration:1.05s}& .rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.35s}& .rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.25s}& .rays+.rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1.15s}& .rays+.rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.45s}& .rays+.rays+.rays+.rays+.rays .ray:first-of-type{animation-duration:.85s}& .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:.95s}& .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:.75s}& .rays+.rays+.rays+.rays+.rays+.rays .ray:first-of-type{animation-duration:1.1s}& .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.25s}& .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}}.art-plasma-ball-sm{--art-plasma-ball-size:200px}.art-plasma-ball-lg{--art-plasma-ball-size:500px}.art-plasma-ball-no-base{height:var(--art-plasma-ball-size)}.art-plasma-ball-no-base .base,.art-plasma-ball-no-base .switch{display:none}.art-plasma-ball-no-base input.switcher{width:100%;height:100%;top:0;left:0;border-radius:100%!important}@keyframes art-plasma-ball-rotation{50%{transform:rotate(360deg)}}@keyframes art-plasma-ball-blink{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%)scale(.75)rotate(6deg)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%)scale(.5)rotate(2deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%)scale(.35)rotate(11deg)}}@keyframes art-plasma-ball-innerlight{0%{background-position:50%;background-size:105% 105%;box-shadow:0 0 15px 5px #5493d2a8}25%{box-shadow:0 0 15px 5px #ff5aff30}50%{background-position:50%;background-size:85% 85%;box-shadow:0 0 15px 5px #5493d2a8}75%{box-shadow:0 0 15px 5px #ff5aff30}to{background-position:50%;background-size:105% 105%;box-shadow:0 0 15px 5px #5493d2a8}}@keyframes art-plasma-ball-touchray1{0%{transform:skew(-187deg)scale(.675)rotate(0)}50%{opacity:1;transform:skew(-185deg,2deg)scale(.525)rotate(180deg)}51%{opacity:0}52%{opacity:1}to{transform:skew(-188deg,-2deg)scale(.625)rotate(360deg)}}@keyframes art-plasma-ball-touchray2{0%{transform:skew(-140deg,-40deg)scale(.675)rotate(140deg)}50%{opacity:1;transform:skew(-143deg,-42deg)scale(.525)rotate(0)}51%{opacity:0}52%{opacity:1}to{transform:skew(-145deg,-38deg)scale(.625)rotate(210deg)}}@keyframes art-plasma-ball-spark{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%)scale(.75)rotate(0)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%)scale(.5)rotate(180deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%)scale(1)rotate(360deg)}}@keyframes art-plasma-ball-ray1{0%{opacity:0;transform:rotate(0)translate(0)}12%{opacity:1;transform:rotate(22deg)translate(0px,calc(var(--art-plasma-ball-size)*-35/350));filter:brightness(1.75)}25%{opacity:0;transform:rotate(45deg)translate(calc(var(--art-plasma-ball-size)*-33/350),calc(var(--art-plasma-ball-size)*-69/350))}37%{opacity:1;transform:rotate(67deg)translate(calc(var(--art-plasma-ball-size)*-64/350),calc(var(--art-plasma-ball-size)*-86/350));filter:brightness(1.15)}50%{opacity:0;transform:rotate(90deg)translate(calc(var(--art-plasma-ball-size)*-108/350),calc(var(--art-plasma-ball-size)*-93/350))}62%{opacity:1;transform:rotate(112deg)translate(calc(var(--art-plasma-ball-size)*-140/350),calc(var(--art-plasma-ball-size)*-90/350));filter:brightness(1.25)}75%{opacity:0;transform:rotate(135deg)translate(calc(var(--art-plasma-ball-size)*-169/350),calc(var(--art-plasma-ball-size)*-69/350))}87%{opacity:1;transform:rotate(157deg)translate(calc(var(--art-plasma-ball-size)*-185/350),calc(var(--art-plasma-ball-size)*-36/350));filter:brightness(1.75)}to{opacity:0;transform:rotate(180deg)translate(calc(var(--art-plasma-ball-size)*-192/350),calc(var(--art-plasma-ball-size)*6/350))}}.art-snowflake{width:var(--art-snowflake-size,10px);height:var(--art-snowflake-size,10px);pointer-events:none;border-radius:50%;position:absolute;&:not(.art-snowflake-unicode){background:var(--art-snowflake-color,#fff);filter:drop-shadow(0 0 var(--art-snowflake-size,10px)var(--art-snowflake-color,#fff))}}.art-snowflake.art-snowflake-unicode:after{content:"❆";color:var(--art-snowflake-color,#fff);font-size:var(--art-snowflake-size,10px);filter:drop-shadow(0 0 var(--art-snowflake-size,10px)var(--art-snowflake-color,#fff))}.art-snowflake-fall{animation:art-snowflake-fall var(--art-snowflake-duration,5s)linear infinite}@keyframes art-snowflake-fall{0%{opacity:1;transform:translateY(-10%)rotate(0)}to{opacity:.3;transform:translateY(100vh)rotate(360deg)}}@keyframes art-cat-stargazer-blink{0%,25%,28%,to{height:0}26.5%{height:100%}}.art-cat-stargazer{--art-cat-stargazer-size:500px;font-size:calc(var(--art-cat-stargazer-size)/90);width:var(--art-cat-stargazer-size);aspect-ratio:1;background:radial-gradient(circle at 20% 20%,#ffc8 .2em,#0000 0),radial-gradient(circle at 70%,#ffc8 .25em,#0000 0),radial-gradient(circle at 10% 80%,#ffc8 .2em,#0000 0),radial-gradient(circle at 80% 30%,#ffc8 .3em,#0000 0),radial-gradient(circle at 80% 80%,#ffc8 .23em,#0000 0),radial-gradient(circle at 50% 10%,#ff8b .3em,#0000 0),radial-gradient(circle at 40% 60%,#ffc8 .2em,#0000 0),radial-gradient(circle at 30% 30%,#ffc8 .2em,#0000 0) 0 0/70% 70%,radial-gradient(circle at 30% 30%,#ffc8 .2em,#0000 0) 40% 30%/50% 70%,linear-gradient(#0002,#0000),radial-gradient(at 50% 80%,#fcc2,#fff0),#023;position:relative;overflow:hidden;& *,& :before,& :after{box-sizing:border-box;position:absolute}& .moon{background:radial-gradient(at 38% 20%,#0001 2%,#0000 0),radial-gradient(13% 8% at 50% 0,#0001 99%,#0000),#ffc;border-radius:50%/100% 100% 0 0;width:120%;height:40%;bottom:0;left:50%;translate:-50% 60%;box-shadow:0 0 3em #ffc,0 0 9em #ffc8;&:before{content:"";background:#0001;border-radius:50%;width:18%;height:15%;top:15%;left:20%;rotate:-15deg;scale:.8;box-shadow:inset 0 1em #0002}&:after{content:"";background:#0001;border-radius:50%;width:4%;height:5%;top:25%;left:80%;rotate:30deg;scale:.8;box-shadow:-7em 3em 0 2em #0001}}& .cat{--fur:#111;--fur-dark:#000;--skin:pink;--suit:#fff;--suit-dark:#ddd;aspect-ratio:1;width:80em;font-size:.4em;bottom:15%;left:50%;translate:-50%;& .bubble{background:radial-gradient(circle at 25% 25%,#fff3,#fff0 25%),radial-gradient(circle at 15% 45%,#fff1,#fff0 15%),radial-gradient(circle at 75% 35%,#fff1,#fff0 50%),#fff1;border-radius:50%;width:119%;height:103%;bottom:25%;left:49%;translate:-50%;box-shadow:inset 0 0 1em 1em #acf,inset 0 0 5em #fff}& .backpack{background:#bcd;border-radius:3em;width:40%;height:30%;bottom:0;left:50%;translate:-50%}& .tail{border:7em solid #0000;border-top-color:var(--suit-dark);border-left-color:var(--suit-dark);clip-path:polygon(100% 0,100% 100%,0 30%,0 0);border-radius:50%;width:50%;height:50%;top:75%;left:52%;&:before{content:"";aspect-ratio:1;background:var(--suit-dark);border-radius:50%;width:7em;top:-9%;left:81%}}& .body{background:radial-gradient(circle at 17% 55%,#36c 2em,#0000 0),radial-gradient(100% 70% at 50% 0,var(--fur-dark)50%,#0000 0),radial-gradient(150% 70% at 49% 0,var(--fur)50%,#d99 0 59%,#0000 calc(59% + 1px)),var(--suit);border-radius:100%/200% 200% 20% 20%;width:35%;height:40%;bottom:0;left:50%;translate:-50%;& .leg{background:radial-gradient(20% 200% at 2% 10%,var(--suit-dark)20%,#0000 0),radial-gradient(20% 200% at 98% 10%,var(--suit-dark)20%,#0000 0),var(--suit);border-radius:8em 8em 100% 100%/10em 10em 16em 16em;width:165%;height:38%;bottom:0;left:50%;translate:-50%;scale:1 -1}& .paw{clip-path:polygon(0 20%,100% 30%,100% 100%,0 100%);border:.75em solid #777;border-top:0;border-radius:0 0 5em 5em;width:35%;height:49%;top:51%;left:10%;rotate:-10deg;&+&{clip-path:polygon(0 25%,100% 15%,100% 100%,0 100%);height:50%;left:auto;right:7%;rotate:13deg;scale:-1 1}}}& .ear{aspect-ratio:1;border:4em solid var(--fur);background:var(--skin);border-radius:5% 90% 10% 80%;width:40%;top:5%;left:10%;&+&{left:auto;right:10%;scale:-1 1}}& .head{aspect-ratio:1.1;background:linear-gradient(#0003,#0000 50%),var(--fur);border-radius:100%/125% 125% 80% 75%;width:80%;left:50%;translate:-50%;& .whisker{border:2em solid #0000;border-top-color:var(--fur);border-left-color:var(--fur);clip-path:polygon(100% 0,100% 100%,0 30%,0 0);border-radius:50%;width:30%;height:30%;&:first-child{top:45%;translate:-65%}&:nth-child(2){top:55%;translate:-40%;rotate:-20deg}&:nth-child(3){top:45%;right:0%;translate:65%;rotate:10deg}&:nth-child(4){top:55%;right:-2%;translate:40%;rotate:24deg}}& .nose{background:var(--skin);border-radius:50%;width:10%;height:7%;top:55%;left:50%;translate:-50% -50%}& .eye{--pos:25%;--x1:50%;--x2:42%;aspect-ratio:1;background:radial-gradient(50% 50% at var(--x1)32%,#fff 25%,#0000 calc(25% + 1px)),radial-gradient(50% 50% at var(--x2)51%,#fff 12%,#0000 calc(12% + 1px)),radial-gradient(circle at 60% 40%,#000 35%,#0000 calc(35% + 1px)),white;width:35%;left:var(--pos);border-radius:50%;top:43%;overflow:hidden;translate:-50% -50%;&+&{--x1:70%;--x2:78%;left:calc(100% - var(--pos));scale:-1 1}&:before{content:"";background:var(--fur);width:150%;height:0%;animation:10s linear infinite art-cat-stargazer-blink;top:-30%;left:50%;translate:-50%;rotate:-10deg}&:after{content:"";background:var(--fur);width:150%;height:0%;animation:10s linear infinite art-cat-stargazer-blink;bottom:-10%;left:50%;translate:-50%;rotate:-10deg}}}}}.art-cat-stargazer-sm{--art-cat-stargazer-size:300px}.art-cat-stargazer-lg{--art-cat-stargazer-size:700px}@keyframes art-color-spin-spin{0%,1%{transform:translateX(-50%)translateY(calc(var(--art-color-spin-size)*.026))rotateY(0deg)scale(1.05)}99%,to{transform:translateX(-50%)translateY(calc(var(--art-color-spin-size)*.026))rotateY(360deg)scale(1.05)}}.art-color-spin{--art-color-spin-size:770px;--art-color-spin-color1:gold;--art-color-spin-color2:#20a7db;--art-color-spin-color3:#8fce00;--art-color-spin-color4:red;width:var(--art-color-spin-size);height:calc(var(--art-color-spin-size)*.26);perspective:calc(var(--art-color-spin-size)*1.039);background:repeating-linear-gradient(-45deg,#000,#000 5px,#111 5px 10px);font-family:Google Sans,sans-serif;font-weight:440;position:relative;overflow:visible}.art-color-spin *{box-sizing:border-box}.art-color-spin:before{content:"c";font-size:calc(var(--art-color-spin-size)*.461);color:#eee;top:calc(var(--art-color-spin-size)*-.169);text-indent:calc(var(--art-color-spin-size)*-.026);line-height:calc(var(--art-color-spin-size)*.519);z-index:2;-webkit-box-reflect:below calc(var(--art-color-spin-size)*-.169)linear-gradient(transparent,#ffffff0f);position:absolute;left:0}.art-color-spin:after{content:"r";font-size:calc(var(--art-color-spin-size)*.461);color:#eee;top:calc(var(--art-color-spin-size)*-.169);right:calc(var(--art-color-spin-size)*.039);line-height:calc(var(--art-color-spin-size)*.519);z-index:2;-webkit-box-reflect:below calc(var(--art-color-spin-size)*-.169)linear-gradient(transparent,#ffffff0f);position:absolute}.art-color-spin>ul{width:0;height:calc(var(--art-color-spin-size)*.195);transform-style:preserve-3d;transform-origin:50%;z-index:3;margin:0;padding:0;list-style:none;animation:11s linear infinite alternate-reverse art-color-spin-spin;display:block;position:relative;left:50%}.art-color-spin>ul *{transform-style:preserve-3d}.art-color-spin>ul:before,.art-color-spin>ul:after{content:"";width:calc(var(--art-color-spin-size)*.052);height:calc(var(--art-color-spin-size)*.286);border-radius:calc(var(--art-color-spin-size)*.026);top:calc(var(--art-color-spin-size)*-.039);left:calc(var(--art-color-spin-size)*-.026);background:#fff;display:block;position:absolute}.art-color-spin>ul:before{background:#eee;transform:rotateY(-90deg)}.art-color-spin>ul>li{width:calc(var(--art-color-spin-size)*.234);height:calc(var(--art-color-spin-size)*.234);border:solid calc(var(--art-color-spin-size)*.032)#fff;top:calc(var(--art-color-spin-size)*-.013);transform:rotateY(calc(var(--i)*-90deg))translateZ(0px)translateX(calc(var(--art-color-spin-size)*.052));transform-origin:0 0;-webkit-box-reflect:below 2px linear-gradient(transparent,#ffffff1a);border-radius:50%;margin:0;padding:0;list-style:none;display:block;position:absolute;left:0}.art-color-spin>ul>li:before,.art-color-spin>ul>li:after{content:"";width:calc(var(--art-color-spin-size)*.13);height:calc(var(--art-color-spin-size)*.13);opacity:.75;mix-blend-mode:color-burn;border-radius:50%;display:block;position:absolute;top:50%;left:50%}.art-color-spin>ul>li:after{transform:translate3d(-50%,-50%,1px)}.art-color-spin>ul>li:before{transform:translate3d(-50%,-50%,-1px)}.art-color-spin>ul>li:first-child{outline:solid 1px var(--art-color-spin-color1);outline-offset:1px}.art-color-spin>ul>li:first-child:after{background:var(--art-color-spin-color1)}.art-color-spin>ul>li:first-child:before{background:color-mix(in hsl,var(--art-color-spin-color1),white 30%)}.art-color-spin>ul>li:nth-child(2){outline:solid 1px var(--art-color-spin-color2);outline-offset:1px}.art-color-spin>ul>li:nth-child(2):after{background:var(--art-color-spin-color2)}.art-color-spin>ul>li:nth-child(2):before{background:color-mix(in hsl,var(--art-color-spin-color2),white 30%)}.art-color-spin>ul>li:nth-child(3){outline:solid 1px var(--art-color-spin-color3);outline-offset:1px}.art-color-spin>ul>li:nth-child(3):after{background:var(--art-color-spin-color3)}.art-color-spin>ul>li:nth-child(3):before{background:color-mix(in hsl,var(--art-color-spin-color3),white 30%)}.art-color-spin>ul>li:nth-child(4){outline:solid 1px var(--art-color-spin-color4);outline-offset:1px}.art-color-spin>ul>li:nth-child(4):after{background:var(--art-color-spin-color4)}.art-color-spin>ul>li:nth-child(4):before{background:color-mix(in hsl,var(--art-color-spin-color4),white 30%)}.art-color-spin-sm{--art-color-spin-size:385px}.art-color-spin-lg{--art-color-spin-size:1000px}@keyframes art-synthwave-starfield-color{0%{filter:hue-rotate(1deg)}to{filter:hue-rotate(360deg)}}@keyframes art-synthwave-starfield-lines-x{0%{background-position:calc(var(--art-synthwave-starfield-size)*.12)center}to{background-position:0}}@keyframes art-synthwave-starfield-lines-y{0%{background-position:center calc(var(--art-synthwave-starfield-size)*.12)}to{background-position:50% 0}}@keyframes art-synthwave-starfield-stars{0%{transform:translateZ(calc(var(--art-synthwave-starfield-size)*-.4));opacity:0}30%,80%{opacity:1}to{transform:translateZ(calc(var(--art-synthwave-starfield-size)*.5))rotate(15deg);opacity:0}}@keyframes art-synthwave-starfield-stars2{0%{transform:translateZ(calc(var(--art-synthwave-starfield-size)*-.4))rotate(180deg);opacity:0}30%,80%{opacity:1}to{transform:translateZ(calc(var(--art-synthwave-starfield-size)*.5))rotate(195deg);opacity:0}}.art-synthwave-starfield{--art-synthwave-starfield-size:600px;--art-synthwave-starfield-line-color:#6bd600;width:var(--art-synthwave-starfield-size);height:var(--art-synthwave-starfield-size);perspective:calc(var(--art-synthwave-starfield-size)*.5);transform-style:preserve-3d;box-shadow:0 0 calc(var(--art-synthwave-starfield-size)*1.5)calc(var(--art-synthwave-starfield-size)*.11)#000 inset;background-color:#000;background-image:radial-gradient(#0000,#673ab72e),linear-gradient(-90deg,#2000587d,#000,#9c27b02b),linear-gradient(#8bc34a5e,#000,#ff98002e);font-family:"Press Start 2P",system-ui;position:relative;overflow:hidden}.art-synthwave-starfield:before{content:"";opacity:.25;z-index:0;background:radial-gradient(#0000,#0a123a),linear-gradient(#2000587d,#000,#9c27b02b),linear-gradient(#009688ba,#000,#ff980054);width:100%;height:100%;position:absolute}.art-synthwave-starfield *{box-sizing:border-box;transform-style:preserve-3d;position:absolute}.art-synthwave-starfield :before,.art-synthwave-starfield :after{box-sizing:border-box;transform-style:preserve-3d;content:"";position:absolute}.art-synthwave-starfield-sides{background:radial-gradient(#0f0015 10%,#000000e0 35%,#fff0 75% 100%);width:100%;height:100%}.art-synthwave-starfield-sides:before,.art-synthwave-starfield-sides:after{transform-origin:0;background-image:repeating-linear-gradient(90deg,#fff0 0,#fff0 calc(var(--art-synthwave-starfield-size)*.1),var(--art-synthwave-starfield-line-color)calc(var(--art-synthwave-starfield-size)*.1)calc(var(--art-synthwave-starfield-size)*.1035),#fff0 calc(var(--art-synthwave-starfield-size)*.1035)),repeating-linear-gradient(180deg,#fff0 0,#fff0 calc(var(--art-synthwave-starfield-size)*.1),var(--art-synthwave-starfield-line-color)calc(var(--art-synthwave-starfield-size)*.1)calc(var(--art-synthwave-starfield-size)*.1035),#fff0 calc(var(--art-synthwave-starfield-size)*.1035));background-color:#0000;background-position:50%;background-repeat:repeat;background-size:calc(var(--art-synthwave-starfield-size)*.12)calc(var(--art-synthwave-starfield-size)*.12);width:100%;height:100%;box-shadow:0 0 calc(var(--art-synthwave-starfield-size)*.08)calc(var(--art-synthwave-starfield-size)*.1)#000 inset;animation:.5s linear infinite art-synthwave-starfield-lines-x,5s linear infinite art-synthwave-starfield-color;transform:rotateY(90deg)}.art-synthwave-starfield-lefrig:after{transform-origin:100%;z-index:-1;animation:.5s linear infinite reverse art-synthwave-starfield-lines-x,5s linear 2s infinite art-synthwave-starfield-color;transform:rotateY(-90deg)}.art-synthwave-starfield-topbot:before{transform-origin:bottom;height:100%;animation:.5s linear infinite reverse art-synthwave-starfield-lines-y,5s linear 1s infinite art-synthwave-starfield-color;bottom:0;transform:rotateX(90deg)}.art-synthwave-starfield-topbot:after{transform-origin:top;height:100%;animation:.5s linear infinite art-synthwave-starfield-lines-y,5s linear 3s infinite art-synthwave-starfield-color;bottom:auto;transform:rotateX(-90deg)}.art-synthwave-starfield-stars{z-index:3;width:100%;height:100%}.art-synthwave-starfield-stars:before,.art-synthwave-starfield-stars:after{width:200%;height:200%;transform:translateZ(calc(var(--art-synthwave-starfield-size)*-.4));opacity:0;z-index:1;background-color:#0000;background-image:repeating-conic-gradient(#fff8 0%,#0000 .0002% .075%,#0000 .65%),repeating-conic-gradient(#fff 0%,#0000 .0004% .05%,#0000 .495%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:100%;animation:4s ease-in -1s infinite art-synthwave-starfield-stars;top:-50%;left:-50%}.art-synthwave-starfield-stars:after{animation-name:art-synthwave-starfield-stars2;animation-delay:-2s}.art-synthwave-starfield-stars+.art-synthwave-starfield-stars:before{animation-delay:-3s}.art-synthwave-starfield-stars+.art-synthwave-starfield-stars:after{animation-delay:-4s}.art-synthwave-starfield.art-synthwave-starfield-paused :before,.art-synthwave-starfield.art-synthwave-starfield-paused :after{animation-play-state:paused!important}.art-synthwave-starfield-sm{--art-synthwave-starfield-size:300px}.art-synthwave-starfield-lg{--art-synthwave-starfield-size:900px}.art-circular-gallery{--art-circular-gallery-size:600px;--art-circular-gallery-radius:calc(var(--art-circular-gallery-size)*.42);--art-circular-gallery-card-width:calc(var(--art-circular-gallery-size)*.09);--art-circular-gallery-card-border-radius:calc(var(--art-circular-gallery-size)*.012);--art-circular-gallery-arc-size:.95;--art-circular-gallery-arc-center:.275;--art-circular-gallery-arc-start:calc(var(--art-circular-gallery-arc-center) - var(--art-circular-gallery-arc-size)/2);--art-circular-gallery-arc-shift-delta:.0075;--art-circular-gallery-card-trans-duration:1s;--art-circular-gallery-card-trans-easing:linear(0,.01 0.8%,.038 1.6%,.154 3.4%,.781 9.7%,1.01 12.5%,1.089 13.8%,1.153 15.2%,1.195 16.6%,1.219 18%,1.224 19.7%,1.208 21.6%,1.172 23.6%,1.057 28.6%,1.007 31.2%,.969 34.1%,.951 37.1%,.953 40.9%,.998 50.4%,1.011 56%,.998 74.7%,1);anchor-name:--art-circular-gallery-center;transform:rotate(var(--art-circular-gallery-rotation));width:var(--art-circular-gallery-size);height:var(--art-circular-gallery-size);aspect-ratio:1;place-content:center;font-family:sans-serif;transition:transform .7s linear;display:grid;position:relative;& h1{text-align:center;font-size:clamp(1rem,calc(var(--art-circular-gallery-size)*.035),2.5rem);letter-spacing:.05em;transform:rotate(calc(var(--art-circular-gallery-rotation)*-1));margin:0;font-weight:300}& div{--arc-step:calc(var(--art-circular-gallery-arc-size)/19);--arc-shift:calc(var(--art-circular-gallery-arc-shift-delta)*var(--d,1));--card-offset-distance:calc(( var(--art-circular-gallery-arc-start) + (var(--i) - 1)*var(--arc-step) + var(--arc-shift))*100%);&:has(a:hover),&:target{--title-opacity:1}&:target{--zindex:2;--center-opacity:1;--center-scale:1;--image-outline-color:#ffffff80}&:before{content:"";position-anchor:--art-circular-gallery-center;position-area:span-all;transform:rotate(calc(var(--art-circular-gallery-rotation)*-1));width:calc(var(--art-circular-gallery-size)*.4);aspect-ratio:1;background:var(--bg-img);box-sizing:border-box;outline-offset:-10px;opacity:var(--center-opacity,0);scale:var(--center-scale,0);pointer-events:none;background-repeat:no-repeat;background-size:cover;border-radius:9in;outline:10px solid #ffffff4d;transition-property:scale,opacity;transition-duration:.3s,.15s;position:fixed}&:after{content:attr(data-title);position-anchor:--art-circular-gallery-card;position-area:center span-all;z-index:2;pointer-events:none;opacity:var(--title-opacity,0);backdrop-filter:blur(3px);font-size:clamp(.55rem,calc(var(--art-circular-gallery-size)*.012),.85rem);white-space:nowrap;background:#00000040;border:1px solid #ffffffbf;border-radius:5px;padding:.25em 1em;transition-property:opacity,transform;transition-duration:.15s;position:fixed;@starting-style{opacity:0}}& a{width:var(--art-circular-gallery-card-width);aspect-ratio:4/6;border-radius:var(--art-circular-gallery-card-border-radius);offset-path:circle(var(--art-circular-gallery-radius)at 50% 50%);offset-distance:var(--card-offset-distance);offset-rotate:auto;offset-anchor:50% 0%;transition:offset var(--art-circular-gallery-card-trans-duration)var(--art-circular-gallery-card-trans-easing),scale .2s ease;z-index:var(--zindex,1);anchor-name:--art-circular-gallery-card;border:2px solid #fff9;display:block;position:absolute;&:hover{z-index:3;scale:2.5}& img{object-fit:cover;border-radius:inherit;outline:5px solid var(--image-outline-color,transparent);outline-offset:-5px;width:100%;height:100%;transition:outline .3s ease-in-out;display:block}}}}.art-circular-gallery:has(>:hover)>:hover+*,.art-circular-gallery:has(>:last-child:hover)>:first-child{--d:3}.art-circular-gallery:has(>:hover)>:hover+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(2):hover)>:first-child{--d:2}.art-circular-gallery:has(>:hover)>:hover+*+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(3),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(3):hover)>:first-child{--d:1}.art-circular-gallery:has(>:hover)>:hover+*+*+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(4),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(3),.art-circular-gallery:has(>:nth-last-child(3):hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(4):hover)>:first-child{--d:.5}.art-circular-gallery :has(+:hover),.art-circular-gallery:has(>:first-child:hover) :last-child{--d:-3}.art-circular-gallery :has(+*+:hover),.art-circular-gallery:has(>:first-child:hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(2):hover) :last-child{--d:-2}.art-circular-gallery :has(+*+*+:hover),.art-circular-gallery:has(>:first-child:hover) :nth-last-child(3),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(3):hover) :last-child{--d:-1}.art-circular-gallery :has(+*+*+*+:hover),.art-circular-gallery:has(>:first-child:hover) :nth-last-child(4),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(3),.art-circular-gallery:has(>:nth-child(3):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(4):hover) :last-child{--d:-.5}.art-circular-gallery-sm{--art-circular-gallery-size:400px}.art-circular-gallery-lg{--art-circular-gallery-size:800px}@keyframes art-flower-animation-moving-flower-1{0%,to{transform:rotate(3deg)}50%{transform:rotate(0)}}@keyframes art-flower-animation-moving-flower-2{0%,to{transform:rotate(20deg)}50%{transform:rotate(23deg)}}@keyframes art-flower-animation-moving-flower-3{0%,to{transform:rotate(-15deg)}50%{transform:rotate(-18deg)}}@keyframes art-flower-animation-blooming-leaf-right{0%{transform-origin:0;transform:rotate(70deg)rotateY(30deg)scaleX(0)}}@keyframes art-flower-animation-blooming-leaf-left{0%{transform-origin:100%;transform:rotate(-70deg)rotateY(30deg)scaleX(0)}}@keyframes art-flower-animation-blooming-flower{0%{opacity:0;transform:scale(0)}}@keyframes art-flower-animation-light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(-15em)translate(3em)}}@keyframes art-flower-animation-grow-flower-tree{0%{transform-origin:bottom;transform:scaleY(0)}}@keyframes art-flower-animation-grow-ans{0%{transform-origin:bottom;transform:scaleY(0)}}@keyframes art-flower-animation-moving-grass{0%,to{transform:rotate(-48deg)rotateY(40deg)}50%{transform:rotate(-50deg)rotateY(40deg)}}@keyframes art-flower-animation-moving-grass--2{0%,to{transform:scale(.5)rotate(75deg)rotateX(10deg)rotateY(-200deg)}50%{transform:scale(.5)rotate(80deg)rotateX(10deg)rotateY(-200deg)}}@keyframes art-flower-animation-flower-g-long-ans{0%,to{transform:rotate(-30deg)rotateY(-20deg)}50%{transform:rotate(-32deg)rotateY(-20deg)}}@keyframes art-flower-animation-flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg)rotateX(-20deg)}}@keyframes art-flower-animation-flower-g-right-ans--2{0%,to{transform:rotateY(-180deg)rotate(0)rotateX(-20deg)}50%{transform:rotateY(-180deg)rotate(6deg)rotateX(-20deg)}}@keyframes art-flower-animation-flower-g-front-ans{0%,to{transform:rotate(-28deg)rotateY(30deg)scale(1.04)}50%{transform:rotate(-35deg)rotateY(40deg)scale(1.04)}}@keyframes art-flower-animation-flower-g-front-leaf-ans{0%{transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-flower-g-front-leaf-left-ans{0%{transform:rotateY(-180deg)rotate(5deg)scale(0)}}@keyframes art-flower-animation-flower-g-front-leaf-left-ans-2{0%{transform:rotateY(-180deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-1{0%{transform-origin:0;transform:rotate(45deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-5{0%{transform-origin:0;transform:rotate(55deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-6{0%{transform-origin:100%;transform:rotate(25deg)rotateY(-180deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-7{0%{transform-origin:0;transform:rotate(45deg)scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-8{0%{transform-origin:100%;transform:rotate(15deg)rotateY(-180deg)scale(0)}}@keyframes art-flower-animation-growing-grass-1{0%{transform-origin:0 100%;transform:rotate(-20deg)scale(0)}}@keyframes art-flower-animation-growing-grass-2{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-growing-grass-3{0%{transform-origin:0 100%;transform:rotate(-18deg)rotateX(-20deg)scale(0)}}@keyframes art-flower-animation-growing-grass-4{0%{transform-origin:100% 100%;transform:rotate(2deg)scale(0)}}@keyframes art-flower-animation-growing-grass-5{0%{transform-origin:0 100%;transform:rotate(-24deg)rotateX(-20deg)scale(0)}}@keyframes art-flower-animation-growing-grass-6{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-growing-grass-7{0%{transform-origin:0 100%;transform:rotate(-10deg)scale(0)}}@keyframes art-flower-animation-growing-grass-8{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}@keyframes art-flower-animation-bubble{0%{opacity:0;transform:translateY(0)scale(.3)}10%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(-70em)scale(1)}}.art-flower-animation{--art-flower-animation-size:600px;--art-flower-animation-bg:#010113;font-size:calc(var(--art-flower-animation-size)/100);width:var(--art-flower-animation-size);height:calc(var(--art-flower-animation-size)*1.1);background-color:var(--art-flower-animation-bg);perspective:1000px;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.art-flower-animation-sm{--art-flower-animation-size:300px}.art-flower-animation-lg{--art-flower-animation-size:900px}.art-flower-animation .night{filter:blur(.1em);background-image:radial-gradient(ellipse at top,transparent 0%,var(--art-flower-animation-bg)),radial-gradient(ellipse at bottom,var(--art-flower-animation-bg),#91e9ff33),repeating-linear-gradient(220deg,#000 0px,#000 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,#000 0px,#000 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,#000 0px,#000 19px,transparent 19px,transparent 22px),linear-gradient(90deg,#ff5e00,#f0f0f0);width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.art-flower-animation .flowers{position:relative;transform:scale(.9)}.art-flower-animation .flower{transform-origin:bottom;z-index:10;--fl-speed:.8s;position:absolute;bottom:10em}.art-flower-animation .flower--1{animation:4s linear infinite art-flower-animation-moving-flower-1}.art-flower-animation .flower--1 .flower__line{height:70em;animation-delay:.3s}.art-flower-animation .flower--1 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.6s backwards}.art-flower-animation .flower--1 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.4s backwards}.art-flower-animation .flower--1 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.2s backwards}.art-flower-animation .flower--1 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1s backwards}.art-flower-animation .flower--1 .flower__line__leaf--5{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.8s backwards}.art-flower-animation .flower--1 .flower__line__leaf--6{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2s backwards}.art-flower-animation .flower--2{animation:4s linear infinite art-flower-animation-moving-flower-2;left:50%;transform:rotate(20deg)}.art-flower-animation .flower--2 .flower__line{height:60em;animation-delay:.6s}.art-flower-animation .flower--2 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.9s backwards}.art-flower-animation .flower--2 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)1.7s backwards}.art-flower-animation .flower--2 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.5s backwards}.art-flower-animation .flower--2 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.3s backwards}.art-flower-animation .flower--3{animation:4s linear infinite art-flower-animation-moving-flower-3;left:50%;transform:rotate(-15deg)}.art-flower-animation .flower--3 .flower__line{animation-delay:.9s}.art-flower-animation .flower--3 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.5s backwards}.art-flower-animation .flower--3 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.3s backwards}.art-flower-animation .flower--3 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2.1s backwards}.art-flower-animation .flower--3 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)1.9s backwards}.art-flower-animation .flower--4{animation:4s linear infinite art-flower-animation-moving-flower-3;left:-30%;transform:rotate(-15deg)scaleX(-1)}.art-flower-animation .flower--4 .flower__line{animation-delay:1.2s}.art-flower-animation .flower--4 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.8s backwards}.art-flower-animation .flower--4 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed)2.6s backwards}.art-flower-animation .flower--4 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2.4s backwards}.art-flower-animation .flower--4 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed)2.2s backwards}.art-flower-animation .flower__leafs{animation:2s backwards art-flower-animation-blooming-flower;position:relative}.art-flower-animation .flower__leafs--1{animation-delay:1.1s}.art-flower-animation .flower__leafs--2{animation-delay:1.4s}.art-flower-animation .flower__leafs--3{animation-delay:1.7s}.art-flower-animation .flower__leafs:after{content:"";filter:blur(10em);background-color:#e7b201;width:8em;height:8em;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.art-flower-animation .flower__leaf{transform-origin:bottom;opacity:.9;background-color:#e6f331;background-image:linear-gradient(#e6f331,#e6f331);border-radius:51% 49% 47% 53%/44% 45% 55% 69%;width:8em;height:11em;position:absolute;bottom:0;left:50%;box-shadow:inset 0 0 2em #ffffff80}.art-flower-animation .flower__leaf--1{transform:translate(-10%,1%)rotateY(40deg)rotateX(-50deg)}.art-flower-animation .flower__leaf--2{transform:translate(-50%,-4%)rotateX(40deg)}.art-flower-animation .flower__leaf--3{transform:translate(-90%)rotateY(45deg)rotateX(50deg)}.art-flower-animation .flower__leaf--4{transform-origin:0 100%;z-index:1;opacity:.8;background-image:linear-gradient(#e6f331,#e6f331);border-radius:4em 10em 4em 4em;width:8em;height:8em;transform:translateY(18%)rotateX(70deg)rotate(-43deg)}.art-flower-animation .flower__white-circle{background-color:#fff;border-radius:50%;width:9em;height:4em;position:absolute;top:-3em;left:-3.5em}.art-flower-animation .flower__white-circle:after{content:"";border-radius:inherit;background-image:repeating-linear-gradient(135deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(45deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(67.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(112.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(157.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(22.5deg,#00000008 0 1px,#0000 1px 12px),linear-gradient(90deg,#ffeb12,#ffce00);width:60%;height:60%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.art-flower-animation .flower__line{background-image:linear-gradient(270deg,#0003,#0000,#fff3),linear-gradient(#028137,#056d24,#0000 90%);width:1.5em;height:55em;animation:4s backwards art-flower-animation-grow-flower-tree;box-shadow:inset 0 0 2px #00000080}.art-flower-animation .flower__line__leaf{--w:7em;--h:calc(var(--w) + 2em);width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(#028137,#0c5e2066);position:absolute;top:20%;left:90%}.art-flower-animation .flower__line__leaf--1{transform:rotate(70deg)rotateY(30deg)}.art-flower-animation .flower__line__leaf--2{top:45%;transform:rotate(70deg)rotateY(30deg)}.art-flower-animation .flower__line__leaf--3,.art-flower-animation .flower__line__leaf--4,.art-flower-animation .flower__line__leaf--6{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);top:12%;left:-460%;transform:rotate(-70deg)rotateY(30deg)}.art-flower-animation .flower__line__leaf--4{top:40%}.art-flower-animation .flower__line__leaf--5{transform-origin:0;top:0;transform:rotate(70deg)rotateY(30deg)scale(.6)}.art-flower-animation .flower__line__leaf--6{transform-origin:100%;top:-2%;left:-450%;transform:rotate(-70deg)rotateY(30deg)scale(.6)}.art-flower-animation .flower__light{filter:blur(.2em);background-color:#fffb00;border-radius:50%;width:1em;height:1em;animation:4s linear infinite backwards art-flower-animation-light-ans;position:absolute;bottom:0}.art-flower-animation .flower__light:nth-child(odd){background-color:#028137}.art-flower-animation .flower__light--1{animation-delay:1s;left:-2em}.art-flower-animation .flower__light--2{animation-delay:.5s;left:3em}.art-flower-animation .flower__light--3{animation-delay:.3s;left:-6em}.art-flower-animation .flower__light--4{animation-delay:.9s;left:6em}.art-flower-animation .flower__light--5{animation-delay:1.5s;left:-1em}.art-flower-animation .flower__light--6{animation-delay:3s;left:-4em}.art-flower-animation .flower__light--7{animation-delay:2s;left:3em}.art-flower-animation .flower__light--8{animation-delay:3.5s;left:-6em}.art-flower-animation .flower__grass{--c:#028137;--line-w:1.5em;z-index:20;transform-origin:bottom;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:12em;left:-7em;transform:rotate(-48deg)rotateY(40deg)}.art-flower-animation .flower__grass--1{animation:2s linear infinite art-flower-animation-moving-grass}.art-flower-animation .flower__grass--2{opacity:.8;z-index:0;animation:1.5s linear infinite art-flower-animation-moving-grass--2;bottom:10em;left:2em;transform:scale(.5)rotate(75deg)rotateX(10deg)rotateY(-200deg)}.art-flower-animation .flower__grass--top{border-right:var(--line-w)solid var(--c);transform-origin:bottom;border-top-right-radius:100%;width:7em;height:10em;transform:rotate(-2deg)}.art-flower-animation .flower__grass--bottom{width:var(--line-w);background-image:linear-gradient(to top,transparent,var(--c));height:25em;margin-top:-2px}.art-flower-animation .flower__grass__leaf{--size:10em;width:calc(var(--size)*2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top,transparent,transparent 30%,var(--c));z-index:100;position:absolute}.art-flower-animation .flower__grass__leaf--1{--size:6em;animation:2s 2.6s backwards art-flower-animation-growing-grass-1;top:-6%;left:30%;transform:rotate(-20deg)}.art-flower-animation .flower__grass__leaf--2{--size:6em;animation:2s linear 2.4s backwards art-flower-animation-growing-grass-2;top:-5%;left:-110%;transform:rotate(10deg)}.art-flower-animation .flower__grass__leaf--3{--size:8em;animation:2s linear 2.2s backwards art-flower-animation-growing-grass-3;top:5%;left:60%;transform:rotate(-18deg)rotateX(-20deg)}.art-flower-animation .flower__grass__leaf--4{--size:8em;animation:2s linear 2s backwards art-flower-animation-growing-grass-4;top:6%;left:-135%;transform:rotate(2deg)}.art-flower-animation .flower__grass__leaf--5{--size:10em;animation:2s linear 1.8s backwards art-flower-animation-growing-grass-5;top:20%;left:60%;transform:rotate(-24deg)rotateX(-20deg)}.art-flower-animation .flower__grass__leaf--6{--size:10em;animation:2s linear 1.6s backwards art-flower-animation-growing-grass-6;top:22%;left:-180%;transform:rotate(10deg)}.art-flower-animation .flower__grass__leaf--7{--size:10em;animation:2s linear 1.4s backwards art-flower-animation-growing-grass-7;top:39%;left:70%;transform:rotate(-10deg)}.art-flower-animation .flower__grass__leaf--8{--size:11em;animation:2s linear 1.2s backwards art-flower-animation-growing-grass-8;top:40%;left:-215%;transform:rotate(10deg)}.art-flower-animation .flower__grass__overlay{filter:blur(1.5em);z-index:100;background-color:#0009;width:100%;height:100%;position:absolute;top:-10%;right:0%}.art-flower-animation .flower__g-long{--w:2em;--h:6em;--c:#0d6632;transform-origin:bottom;flex-direction:column;align-items:flex-end;animation:3s linear infinite art-flower-animation-flower-g-long-ans;display:flex;position:absolute;bottom:10em;left:-3em;transform:rotate(-30deg)rotateY(-20deg)}.art-flower-animation .flower__g-long__top{width:calc(var(--w) + 1em);height:var(--h);border-right:.7em solid var(--c);border-top-right-radius:100%;transform:translate(-.7em,1em)}.art-flower-animation .flower__g-long__bottom{width:var(--w);transform-origin:bottom;background-image:linear-gradient(to top,transparent 30%,var(--c));clip-path:polygon(35% 0,65% 1%,100% 100%,0% 100%);height:50em;box-shadow:inset 0 0 2px #00000080}.art-flower-animation .flower__g-right{transform-origin:0 100%;position:absolute;bottom:6em;left:-2em;transform:rotate(20deg)}.art-flower-animation .flower__g-right .leaf{background-image:linear-gradient(to bottom,transparent,var(--art-flower-animation-bg)60%);border-left:2em solid #028137;border-top-left-radius:100%;width:30em;height:50em;-webkit-mask-image:linear-gradient(#028137 40%,#0000 70%);mask-image:linear-gradient(#028137 40%,#0000 70%)}.art-flower-animation .flower__g-right--1{animation:2.5s linear infinite art-flower-animation-flower-g-right-ans}.art-flower-animation .flower__g-right--2{animation:3s linear infinite art-flower-animation-flower-g-right-ans--2;left:5em;transform:rotateY(-180deg)}.art-flower-animation .flower__g-right--2 .leaf{filter:blur(.3em);opacity:.8;height:75em}.art-flower-animation .flower__g-front{z-index:100;transform-origin:bottom;animation:2s linear infinite art-flower-animation-flower-g-front-ans;position:absolute;bottom:6em;left:2.5em;transform:rotate(-28deg)rotateY(30deg)scale(1.04)}.art-flower-animation .flower__g-front__line{background-image:linear-gradient(#0000 0%,#028137,#0000);width:.3em;height:20em;position:relative}.art-flower-animation .flower__g-front__leaf-wrapper{transform-origin:0 100%;position:absolute;top:0;left:0;transform:rotate(10deg)}.art-flower-animation .flower__g-front__leaf-wrapper:nth-child(2n){animation:1s ease-in backwards art-flower-animation-flower-g-front-leaf-left-ans;left:0;transform:rotateY(-180deg)rotate(5deg)}.art-flower-animation .flower__g-front__leaf-wrapper:nth-child(odd){animation:1s ease-in backwards art-flower-animation-flower-g-front-leaf-ans}.art-flower-animation .flower__g-front__leaf-wrapper--1{top:-8em;transform:scale(.7);animation:1s ease-in 5.5s backwards art-flower-animation-flower-g-front-leaf-ans!important}.art-flower-animation .flower__g-front__leaf-wrapper--2{top:-8em;animation:1s ease-in 5.2s backwards art-flower-animation-flower-g-front-leaf-left-ans-2!important;transform:rotateY(-180deg)scale(.7)!important}.art-flower-animation .flower__g-front__leaf-wrapper--3{top:-3em;animation:1s ease-in 4.9s backwards art-flower-animation-flower-g-front-leaf-ans!important}.art-flower-animation .flower__g-front__leaf-wrapper--4{top:-3em;animation:1s ease-in 4.6s backwards art-flower-animation-flower-g-front-leaf-left-ans-2!important;transform:rotateY(-180deg)scale(.9)!important}.art-flower-animation .flower__g-front__leaf-wrapper--5,.art-flower-animation .flower__g-front__leaf-wrapper--6{top:2em}.art-flower-animation .flower__g-front__leaf-wrapper--7,.art-flower-animation .flower__g-front__leaf-wrapper--8{top:6.5em}.art-flower-animation .flower__g-front__leaf-wrapper--5{animation-delay:4.3s!important}.art-flower-animation .flower__g-front__leaf-wrapper--6{animation-delay:4.1s!important}.art-flower-animation .flower__g-front__leaf-wrapper--7{animation-delay:3.8s!important}.art-flower-animation .flower__g-front__leaf-wrapper--8{animation-delay:3.5s!important}.art-flower-animation .flower__g-front__leaf{background-image:linear-gradient(to bottom left,transparent,var(--art-flower-animation-bg)),linear-gradient(to bottom right,#028137 50%,transparent 50%,transparent);border-radius:100% 0% 0% 100%/100% 100% 0% 0%;width:10em;height:10em;box-shadow:inset 0 2px 1em #01462433;-webkit-mask-image:linear-gradient(to bottom right,#028137 50%,#0000 50%,#0000);mask-image:linear-gradient(to bottom right,#028137 50%,#0000 50%,#0000)}.art-flower-animation .flower__g-fr{transform-origin:0 100%;z-index:10;animation:2s linear infinite art-flower-animation-flower-g-fr-ans;position:absolute;bottom:-4em;left:0}.art-flower-animation .flower__g-fr .leaf{z-index:1;border-left:2em solid #028137;border-top-left-radius:100%;width:30em;height:50em;position:relative;-webkit-mask-image:linear-gradient(#028137 50%,#0000 75%);mask-image:linear-gradient(#028137 50%,#0000 75%)}.art-flower-animation .flower__g-fr__leaf{background-image:linear-gradient(to bottom left,transparent,var(--art-flower-animation-bg)98%),linear-gradient(to bottom right,#028137 45%,transparent 50%,transparent);border-radius:100% 0% 0% 100%/100% 100% 0% 0%;width:10em;height:10em;position:absolute;top:0;left:0;box-shadow:inset 0 2px 1em #2ceefc33;-webkit-mask-image:linear-gradient(135deg,#028137 40%,#0000 50%,#0000);mask-image:linear-gradient(135deg,#028137 40%,#0000 50%,#0000)}.art-flower-animation .flower__g-fr__leaf--1{animation:.5s linear 5.2s backwards art-flower-animation-flower-g-fr-leaf-ans-1;left:20em;transform:rotate(45deg)}.art-flower-animation .flower__g-fr__leaf--2{animation:.5s linear 5s backwards art-flower-animation-flower-g-fr-leaf-ans-6;top:-7em;left:12em;transform:rotate(25deg)rotateY(-180deg)}.art-flower-animation .flower__g-fr__leaf--3{animation:.5s linear 4.8s backwards art-flower-animation-flower-g-fr-leaf-ans-5;top:6em;left:15em;transform:rotate(55deg)}.art-flower-animation .flower__g-fr__leaf--4{animation:.5s linear 4.6s backwards art-flower-animation-flower-g-fr-leaf-ans-6;top:-2em;left:6em;transform:rotate(25deg)rotateY(-180deg)}.art-flower-animation .flower__g-fr__leaf--5{animation:.5s linear 4.4s backwards art-flower-animation-flower-g-fr-leaf-ans-5;top:14em;left:10em;transform:rotate(55deg)}.art-flower-animation .flower__g-fr__leaf--6{animation:.5s linear 4.2s backwards art-flower-animation-flower-g-fr-leaf-ans-6;top:6em;left:0;transform:rotate(25deg)rotateY(-180deg)}.art-flower-animation .flower__g-fr__leaf--7{animation:.5s linear 4s backwards art-flower-animation-flower-g-fr-leaf-ans-7;top:22em;left:5em;transform:rotate(45deg)}.art-flower-animation .flower__g-fr__leaf--8{animation:.5s linear 3.8s backwards art-flower-animation-flower-g-fr-leaf-ans-8;top:15em;left:-4em;transform:rotate(15deg)rotateY(-180deg)}.art-flower-animation .long-g{transform-origin:0 100%;position:absolute;bottom:25em;left:-42em}.art-flower-animation .long-g .leaf{--w:3em;--h:40em;width:var(--w);clip-path:polygon(50% 0%,100% 100%,0% 100%);transform-origin:bottom;height:var(--h);background-image:linear-gradient(#028137,#056d24 40%,#0000 90%);position:absolute;bottom:0;left:0}.art-flower-animation .long-g .leaf--0{--h:40em;transform:rotate(-5deg)rotateX(5deg)}.art-flower-animation .long-g .leaf--1{--h:45em;left:2em;transform:rotate(3deg)rotateX(5deg)}.art-flower-animation .long-g .leaf--2{--h:38em;left:1em;transform:rotate(-8deg)rotateX(5deg)}.art-flower-animation .long-g .leaf--3{--h:35em;left:3em;transform:rotate(6deg)rotateX(5deg)}.art-flower-animation .long-g--1{bottom:0;transform:scale(.8)rotate(-5deg)}.art-flower-animation .long-g--1 .leaf{-webkit-mask-image:linear-gradient(#028137 20%,#0000 60%)!important;mask-image:linear-gradient(#028137 20%,#0000 60%)!important}.art-flower-animation .long-g--1 .leaf--1{--w:5em;--h:60em;left:-2em;transform:rotate(3deg)rotateY(-180deg)}.art-flower-animation .long-g--2{bottom:-3em;left:-35em;transform:rotate(3deg)}.art-flower-animation .long-g--3{bottom:-3em;left:-25em;transform:rotate(0)}.art-flower-animation .long-g--4{bottom:0;left:-23em;transform:rotate(-3deg)}.art-flower-animation .long-g--5{bottom:-3em;left:-17em;transform:scale(.8)rotate(-5deg)}.art-flower-animation .long-g--6{bottom:0;left:-12em;transform:rotate(-4deg)}.art-flower-animation .long-g--7{bottom:0;left:-5em;transform:rotate(2deg)}.art-flower-animation .grow-ans{animation:art-flower-animation-grow-ans 2s var(--d,0s)backwards}.art-flower-animation .growing-grass{position:absolute;bottom:0}.art-flower-animation .bubbles{z-index:20;width:40em;height:0;position:absolute;bottom:10em;left:50%;transform:translate(-50%)}.art-flower-animation .bubble{opacity:0;animation:8s ease-in infinite art-flower-animation-bubble;position:absolute;bottom:0}.art-flower-animation .bubble .heart{fill:#ff6496cc;filter:drop-shadow(0 0 .5em #ff649680);width:2em;height:2em}.art-flower-animation .bubble:first-child{animation-duration:7s;animation-delay:0s;left:5%}.art-flower-animation .bubble:nth-child(2){animation-duration:8s;animation-delay:.5s;left:10%}.art-flower-animation .bubble:nth-child(3){animation-duration:6.5s;animation-delay:1s;left:20%}.art-flower-animation .bubble:nth-child(4){animation-duration:9s;animation-delay:1.5s;left:30%}.art-flower-animation .bubble:nth-child(5){animation-duration:7.5s;animation-delay:2s;left:40%}.art-flower-animation .bubble:nth-child(6){animation-duration:8.5s;animation-delay:2.5s;left:50%}.art-flower-animation .bubble:nth-child(7){animation-duration:7s;animation-delay:3s;left:60%}.art-flower-animation .bubble:nth-child(8){animation-duration:9.5s;animation-delay:3.5s;left:70%}.art-flower-animation .bubble:nth-child(9){animation-duration:6s;animation-delay:4s;left:75%}.art-flower-animation .bubble:nth-child(10){animation-duration:8s;animation-delay:4.5s;left:80%}.art-flower-animation .bubble:nth-child(11){animation-duration:7.5s;animation-delay:5s;left:15%}.art-flower-animation .bubble:nth-child(12){animation-duration:9s;animation-delay:5.5s;left:25%}.art-flower-animation .bubble:nth-child(13){animation-duration:8s;animation-delay:6s;left:35%}.art-flower-animation .bubble:nth-child(14){animation-duration:7s;animation-delay:6.5s;left:45%}.art-flower-animation .bubble:nth-child(15){animation-duration:9.5s;animation-delay:.3s;left:55%}.art-flower-animation .bubble:nth-child(16){animation-duration:6.5s;animation-delay:1.3s;left:65%}.art-flower-animation .bubble:nth-child(17){animation-duration:8.5s;animation-delay:2.2s;left:72%}.art-flower-animation .bubble:nth-child(18){animation-duration:7.5s;animation-delay:3.3s;left:8%}.art-flower-animation .bubble:nth-child(19){animation-duration:9s;animation-delay:4.2s;left:88%}.art-flower-animation .bubble:nth-child(20){animation-duration:6s;animation-delay:5.8s;left:93%}@keyframes art-gemini-input-rotate{to{--art-gemini-input-rotation:360deg}}.art-gemini-input{--art-gemini-input-width:450px;--art-gemini-input-border-size:4px;--art-gemini-input-gradient:conic-gradient(from var(--art-gemini-input-rotation)at 52% 49% in oklab,oklch(63% .2 251.22) 27%,oklch(67% .21 25.81) 33%,oklch(90% .19 93.93) 41%,oklch(79% .25 150.49) 49%,oklch(63% .2 251.22) 65%,oklch(72% .21 150.89) 93%,oklch(63% .2 251.22));color-scheme:light dark;width:var(--art-gemini-input-width);border:var(--art-gemini-input-border-size)solid lightgray;background:0 0;border-radius:4rem;padding:0;animation:5s linear infinite art-gemini-input-rotate;position:relative;&:after{content:"";background:var(--art-gemini-input-gradient);z-index:1;filter:blur(15px);width:100%;height:100%;animation:5s linear infinite art-gemini-input-rotate;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}& .art-gemini-input-inner{color:light-dark(#222,#a1a8af);z-index:3;border-radius:inherit;background:light-dark(#fff,#1a1c1e);grid-template-columns:auto 1fr auto;align-items:end;gap:.75rem;padding:.75rem .5rem;display:grid;position:relative}& .art-gemini-input-border{inset:calc(var(--art-gemini-input-border-size)*-1);border-radius:inherit;z-index:2;position:absolute;overflow:hidden;mask:linear-gradient(#fff);&:after{content:"";background:var(--art-gemini-input-gradient);filter:blur(5px);width:100%;height:100%;animation:5s linear infinite art-gemini-input-rotate;position:absolute;top:50%;left:50%;translate:-50% -50%}}& .art-gemini-input-btn{color:light-dark(#222,#a1a8af);cursor:pointer;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:inline-flex}& .art-gemini-input-field{color:light-dark(#222,#a1a8af);cursor:text;resize:none;field-sizing:content;background:0 0;border:none;width:100%;min-height:1.5em;max-height:8rem;font-family:system-ui;font-size:1rem;font-weight:300;line-height:1.5;overflow-y:auto;&:focus,&:focus-visible{outline:none!important}&:not(:placeholder-shown){color:light-dark(#000,#fff)}}}.art-gemini-input-sm{--art-gemini-input-width:280px}.art-gemini-input-lg{--art-gemini-input-width:640px}@keyframes art-snowball-preloader-ball{0%{transform:rotate(0)translateY(-6.5em)}50%{transform:rotate(180deg)translateY(-6em)}to{transform:rotate(360deg)translateY(-6.5em)}}@keyframes art-snowball-preloader-inner-shadow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes art-snowball-preloader-outer-shadow{0%{transform:rotate(20deg)}to{transform:rotate(-340deg)}}@keyframes art-snowball-preloader-texture{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes art-snowball-preloader-track-cover{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-snowball-preloader{--art-snowball-preloader-size:256px;--art-snowball-preloader-bg:#e7edfe;font-size:calc(var(--art-snowball-preloader-size)/16);width:16em;height:16em;position:relative;& *,& :before,& :after{box-sizing:border-box;border:0;margin:0;padding:0}& .art-snowball-preloader-outer-ring,& .art-snowball-preloader-inner-ring,& .art-snowball-preloader-track-cover,& .art-snowball-preloader-ball,& .art-snowball-preloader-ball-inner-shadow,& .art-snowball-preloader-ball-side-shadows,& .art-snowball-preloader-ball-texture{border-radius:50%}& .art-snowball-preloader-outer-ring,& .art-snowball-preloader-inner-ring,& .art-snowball-preloader-track-cover,& .art-snowball-preloader-ball,& .art-snowball-preloader-ball-inner-shadow,& .art-snowball-preloader-ball-outer-shadow,& .art-snowball-preloader-ball-side-shadows,& .art-snowball-preloader-ball-texture,& .art-snowball-preloader-ball-texture:before{position:absolute}& .art-snowball-preloader-ball{width:2.5em;height:2.5em;animation:3s linear infinite art-snowball-preloader-ball;top:calc(50% - 1.25em);left:calc(50% - 1.25em);transform:rotate(0)translateY(-6.5em)}& .art-snowball-preloader-ball-inner-shadow{width:100%;height:100%;animation:3s linear infinite art-snowball-preloader-inner-shadow;box-shadow:0 .1em .2em #0000004d,inset 0 0 .2em #0000001a,inset 0 -1em .5em #00000026}& .art-snowball-preloader-ball-outer-shadow{filter:blur(2px);transform-origin:50% 0;z-index:-2;background-image:linear-gradient(#00000026,#0000);border-radius:0 0 50% 50%/0 0 100% 100%;width:100%;height:250%;animation:3s linear infinite art-snowball-preloader-outer-shadow;top:50%;left:0;transform:rotate(20deg)}& .art-snowball-preloader-ball-side-shadows{filter:blur(2px);z-index:-1;background-color:#0000001a;width:100%;height:100%;transform:scale(.75,1.1)}& .art-snowball-preloader-ball-texture{width:100%;height:100%;overflow:hidden;transform:translate(0,0);&:before{content:"";filter:brightness(1.05);background:url(https://assets.codepen.io/416221/snow.jpg) 0 0/50% 100%;width:200%;height:100%;animation:.25s linear infinite art-snowball-preloader-texture;display:block;top:0;right:0}}& .art-snowball-preloader-inner-ring{width:calc(100% - 4.75em);height:calc(100% - 4.75em);top:2.375em;left:2.375em;box-shadow:0 -.25em .5em #fff6,inset 0 .5em .75em #fff6,0 .5em .375em #00000026,inset 0 -.5em .75em #00000026}& .art-snowball-preloader-outer-ring{width:calc(100% - 1.5em);height:calc(100% - 1.5em);top:.75em;left:.75em;box-shadow:0 -.45em .375em #00000026,inset 0 .5em .75em #00000026,0 .25em .5em #fff6,inset 0 -.5em .75em #fff6}& .art-snowball-preloader-track-cover{background-image:conic-gradient(var(--art-snowball-preloader-bg)210deg,oklch(from var(--art-snowball-preloader-bg)l c h/0)270deg);z-index:1;width:100%;height:100%;animation:3s linear infinite art-snowball-preloader-track-cover;top:0;left:0}}.art-snowball-preloader-sm{--art-snowball-preloader-size:192px}.art-snowball-preloader-lg{--art-snowball-preloader-size:384px}.art-csswitch{--art-csswitch-size:800px;--joycon-left:#00c5e2;--joycon-left-shadow:#0128;--joycon-right:#ff6658;--joycon-right-shadow:#c218;isolation:isolate;font-size:var(--art-csswitch-size);width:var(--art-csswitch-size);max-width:var(--art-csswitch-size);height:calc(var(--art-csswitch-size)*.4256);background:#f000;position:relative}.art-csswitch *,.art-csswitch :before,.art-csswitch :after{box-sizing:border-box;position:absolute}.art-csswitch :focus{outline-offset:2px;outline:1px dashed}.art-csswitch .round{border-radius:50%}.art-csswitch .comfort-grip,.art-csswitch .connector{display:none}.art-csswitch .body{width:.721em;height:99%;bottom:0;left:50%;transform:translate(-50%)}.art-csswitch .frame{background-color:#2f3638;background-image:radial-gradient(farthest-side,#2f3638 50%,#0000),radial-gradient(farthest-side,#2f3638,#0000),radial-gradient(95% 70% at 0 0,#2f3638 85%,#fff3,#f000),radial-gradient(farthest-side,#2f3638 50%,#0000),radial-gradient(farthest-side,#2f3638,#0000),radial-gradient(95% 70% at 100% 0,#2f3638 85%,#fff3,#f000),linear-gradient(#0000 1%,#fff3 2%,#0000 4%),linear-gradient(#0000 95%,#0008),none;background-position:-1% 3%,1% -.75%,.5% .75%,101% 3%,99% -.75%,99.5% .75%,0 0,0 0,0 0;background-repeat:no-repeat;background-size:2% 2%,2% 2%,1.55% 5.25%,2% 2%,2% 2%,1.55% 5.25%,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:2px;width:100%;height:100%;box-shadow:inset -1.5px 0 .75px -.75px #fff5,inset 1.5px 0 .75px -.75px #fff6;-webkit-mask:radial-gradient(farthest-side at 100% 100%,red 99.99%,#f000) 0 3.9%/.6% 1% no-repeat,radial-gradient(farthest-side at 100% 100%,red 99.99%,#f000) 1.7% 0/.4% 1% no-repeat,radial-gradient(78.33% 60.33% at 0 0,#f000 99%,red) .5% .75%/1.55% 5.25% no-repeat,radial-gradient(farthest-side at 0 100%,red 99.99%,#f000) 100% 3.9%/.6% 1% no-repeat,radial-gradient(farthest-side at 0 100%,red 99.99%,#f000) 98.3% 0/.4% 1% no-repeat,radial-gradient(78.33% 60.33% at 100% 0,#f000 99%,red) 99.5% .75%/1.55% 5.25% no-repeat,linear-gradient(#0000 4.7%,#000 0),linear-gradient(90deg,#0000 1.9%,#000 0 98.1%,#0000 0)}.art-csswitch .frame:before{content:"";background:radial-gradient(circle at 32.7% 98%,#0e0e0e .9%,#000 0 1%,#0e0e0e 0 1.2%,#0000 0),linear-gradient(#0e0e0e 0 0) 32.33% 100%/2.1% 2% no-repeat,#000;border:.3px solid #000;border-radius:11px;width:94%;height:93%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .45px 1px #fff8,inset 0 .6px 1.5px -.25px #000,inset 0 .7px 1.5px -.25px #fffc}.art-csswitch .screen{background:#292d30;border-radius:1.5px;width:80%;height:77.5%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1.5px 5px -1.5px #000c}.art-csswitch .controller{--color:var(--joycon-left);--color-shadow:var(--joycon-left-shadow);--connection:.02em .0105em 0 -.0123em #020100;background:var(--color);width:.1385em;height:99%;box-shadow:var(--connection),inset 1px -9px 10px -3px #0125,inset 35px 0 25px -25px #0002,inset -2px 0 4px var(--color),inset 6px 16px 5px -8px var(--color),inset 0 17px 5px -8px #fff,inset 5px -5px 10px -4px var(--color-shadow);border-radius:90px 4px 2px 90px;bottom:0;left:0}.art-csswitch .controller:before{content:"";aspect-ratio:1;background:#393537;border-radius:50%;width:.00275em;top:97.75%;left:100%;box-shadow:inset .1px .75px .4px #fff3}.art-csswitch .controller.right{--color:var(--joycon-right);--color-shadow:var(--joycon-right-shadow);--connection:-.02em .0105em 0 -.0123em #020100;box-shadow:var(--connection),inset -.001em -.009em .01em -.003em #2107,inset -.035em 0 .025em -.025em #0002,inset .002em 0 .004em var(--color),inset -.006em .016em .005em -.008em var(--color),inset 0 .017em .005em -.008em #fff,inset -.01em 0 .01em -.004em var(--color-shadow);border-radius:4px 90px 90px 2px;left:auto;right:0}.art-csswitch .controller.right:before{left:auto;right:100%;box-shadow:inset -.0001em .00075em .0004em #fff3}.art-csswitch button{border:0;padding:0;font-size:1em}.art-csswitch .bar{display:none}.art-csswitch .minus{--c:#404040;background:var(--c);border:.001em solid var(--color-shadow);border-radius:.0015em;width:17%;height:1.8%;top:8.9%;right:7.7%;box-shadow:inset 1px -1px 1px #0008,inset -1px 0 1px #0003,inset 0 1px 1px #fff6,0 2px 2px -1px #0006}.art-csswitch .plus{left:7.7%;right:auto}.art-csswitch .plus:before{content:"";background:var(--c);border:.001em solid var(--color-shadow);width:37.5%;height:410%;box-shadow:0 .004em .02em var(--color-shadow),inset -.0006em 0 .0004em #0007,inset .0006em 0 .0004em #0007,inset 0 -.001em .0005em -.0002em #0008,inset 0 .00075em .0005em -.0002em #fff6;border-radius:.0015em;top:50%;left:50%;transform:translate(-50%,-50%)}.art-csswitch .plus:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 0 0,#834 20%,#0000 20% 35%,var(--c)0)0 0/50% 50%,conic-gradient(at 0 0,#000,#fff)1% 1%/40% 40%,radial-gradient(circle at 100% 0,#834 20%,#0000 20% 35%,var(--c)0)100% 0/50% 50%,conic-gradient(at 100% 0,#fff 25%,#000)99% 1%/40% 40%,radial-gradient(circle at 0% 100%,#834 20%,#0000 20% 35%,var(--c)0)1% 99%/50% 50%,radial-gradient(at 0% 100%,#0008,#0000)1% 99%/40% 40%,radial-gradient(circle at 100% 100%,#834 20%,#0000 20% 35%,var(--c)0)99% 99%/50% 50%,radial-gradient(at 100% 100%,#0008,#0000)100% 99%/40% 40%,var(--c);background-repeat:no-repeat;width:35%;top:50%;left:50%;transform:translate(-50%,-50%)}.art-csswitch .mushroom{aspect-ratio:1;border:.001em solid var(--color-shadow);width:47%;box-shadow:inset 0 .0001em .00125em -.0005em var(--color),inset 0 .003em .003em #0004,inset 0 -.005em .003em #0006,0 -.0009em .001em .001em #0003,0 .00075em .001em .001em #0003,0 .01em .01em -.0025em #0004,0 .025em .035em var(--color-shadow);background:radial-gradient(circle at 50% 0,#6669,#6660 60%),#2a2e31;top:17.5%;left:30%}.art-csswitch .right .mushroom{top:45.25%;left:23.25%}.art-csswitch .mushroom:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 50% 0,#6669,#6660 60%);border-radius:50%;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 .001em #0008,inset 0 .002em .002em #0008,inset 0 -.001em .001em .001em #fff4,0 .001em .001em #fff2,0 -.0007em .001em .0006em #0008,0 -.0025em .0015em .0006em #fff2}.art-csswitch .mushroom:after{content:"";aspect-ratio:1;background-color:#f000;background-image:linear-gradient(90deg,#000,#0000 20% 80%,#000),linear-gradient(#000 5%,#444 15% 30%,#666 50%,#3c3c3c,#484848),linear-gradient(#0000 30% 90%,#fff),linear-gradient(#000,#0000 30% 70%,#000),linear-gradient(90deg,#fff4,#222 10% 50%,#444),linear-gradient(#0000 30% 90%,#fff),linear-gradient(#000,#0000 30% 70%,#000),linear-gradient(270deg,#fff4,#222 10% 50%,#444),linear-gradient(90deg,#000,#0000 20% 80%,#000),linear-gradient(#444,#111 50% 85%,#fff4),none;background-position:50% 0,50% 0,0%,0%,0%,100%,100%,100%,50% 100%,50% 100%,0 0;background-repeat:no-repeat;background-size:3% 12%,3% 12%,12% 3%,12% 3%,12% 3%,12% 3%,12% 3%,12% 3%,3% 12%,3% 12%,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:50%;width:95%;top:50%;left:50%;transform:translate(-50%,-50%)}.art-csswitch .direction{aspect-ratio:1;border:.0007em solid var(--color-shadow);width:23%;box-shadow:0 .002em .007em var(--color-shadow),inset 0 .0001em .0015em -.0005em var(--color),inset 0 0 .0005em .001em #323439,inset 0 .002em .001em .0002em #def5,inset 0 -.001em .0005em .0002em #000,inset 0 -.001em .001em .002em #000c;background:linear-gradient(#fff2,#fff0),#35393c;place-items:center;display:grid}.art-csswitch .direction:before{color:#fffa;font-family:Helvetica,sans-serif;font-size:.0175em}.art-csswitch .arrow:before,.art-csswitch .arrow:after{content:"";aspect-ratio:1;clip-path:polygon(52% -2%,100% 80%,0 80%,48% -2%);background:#252525;border-radius:50%;width:40%;top:50%;left:50%;transform:translate(-50%,-50%)}.art-csswitch .arrow:before{filter:blur(.01em);background:#fff3;top:51.5%}.art-csswitch .arrow.right:before,.art-csswitch .arrow.right:after{transform:translate(-50%,-50%)rotate(90deg)}.art-csswitch .arrow.left:before,.art-csswitch .arrow.left:after{transform:translate(-50%,-50%)rotate(-90deg)}.art-csswitch .arrow.down:before,.art-csswitch .arrow.down:after{transform:translate(-50%,-50%)rotate(180deg)}.art-csswitch .direction.up{top:41.75%;left:41.9%}.art-csswitch .direction.down{top:56.6%;left:41.9%}.art-csswitch .direction.left{top:49.25%;left:18.25%}.art-csswitch .direction.right{top:49.25%;left:65.75%}.art-csswitch .direction.x{top:14%;left:35%}.art-csswitch .direction.x:before{content:"X"}.art-csswitch .direction.y{top:21.5%;left:11.25%}.art-csswitch .direction.y:before{content:"Y"}.art-csswitch .direction.a{top:21.5%;left:59%}.art-csswitch .direction.a:before{content:"A"}.art-csswitch .direction.b{top:29%;left:35%}.art-csswitch .direction.b:before{content:"B"}.art-csswitch .menu{aspect-ratio:1;border:.0009em solid var(--color-shadow);background:#464b50;border-radius:.003em;width:19.35%;top:68.5%;left:60.5%;box-shadow:inset 0 .001em .001em -.0005em #fff6,inset 0 -.001em .001em -.0005em #0006}.art-csswitch .menu:before{content:"";aspect-ratio:1;background:#33393c;border-radius:50%;width:67%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 .0009em .00075em #0008,0 .0008em .00075em #fff5}.art-csswitch .lr{clip-path:ellipse(140% 87% at 100% 0);z-index:-1;background:linear-gradient(#4c5153 50%,#030405 60%);border-radius:100em 2em 0 0;width:83.5%;height:21%;top:-1%;right:18%;box-shadow:inset -.004em 0 .003em -.003em #333,inset -.007em 0 .003em -.003em #4c5153,inset 0 .0015em .001em #444,inset -.001em .00175em .001em #fff}.art-csswitch .lr.rr{left:18%;right:auto;transform:scaleX(-1)}.art-csswitch .volume{clip-path:polygon(-20% -100%,32% -100%,32% 0,33% 35%,66% 35%,67% 0%,67% -100%,110% -100%,110% 120%,-20% 120%);z-index:-1;background:linear-gradient(#444,#222);border-radius:.0005em .0005em 0 0;width:8.5%;height:.7%;top:-.6%;left:13.3%}.art-csswitch .home{aspect-ratio:1;border:.0007em solid var(--color-shadow);background:linear-gradient(#0001,#0005),radial-gradient(#0000 52.5%,#9c9a9a 54%),#404547;place-items:center;width:25%;display:grid;top:67.6%;left:17.5%}.art-csswitch .home:before{content:"";background:conic-gradient(at 50% 0,#0000 132deg,#010202 0 228deg,#0000 0);width:50%;height:24.5%;top:23%;left:50%;transform:translate(-50%);box-shadow:0 .5px .75px -.25px #fff8}.art-csswitch .home:after{content:"";color:#010202;width:39%;height:24.5%;top:46%;left:50%;transform:translate(-50%);box-shadow:inset -.004em 0,inset .004em 0,inset 0 -.004em,0 .5px .75px -.25px #fff5}.art-csswitch button:active,.art-csswitch .plus:active:before,.art-csswitch .plus:active:after,.art-csswitch .active{background:#ff0!important}@media (width<=1010px){.art-csswitch{width:calc(var(--art-csswitch-size)*.663)}.art-csswitch .controller{left:.102em}.art-csswitch .controller.right{right:.102em}.art-csswitch .body{display:none}.art-csswitch .comfort-grip{width:100%;height:.461em;display:block}.art-csswitch .grip{transform-origin:50% 100%;background:radial-gradient(50% 100% at 69%,#fff1,#fff0 50%),radial-gradient(100% 100% at 60% 60%,#ffffff18,#fff0 30%),linear-gradient(#0000,#0003),#2f3638;border-radius:120% 120% 170% 125%/120% 120% 140% 110%;width:24%;height:82.5%;bottom:7.5%;left:0%;transform:rotate(12deg);box-shadow:inset 25px 20px 20px -10px #00050ccc,inset -20px -10px 30px -10px #0008,inset 32px 50px 15px -15px #fff5,inset 0 0 50px #0008}.art-csswitch .grip.right{left:auto;right:0;transform:scaleX(-1)rotate(12deg)}.art-csswitch .comfort-grip~.comfort-grip{height:100%}.art-csswitch .holder{clip-path:polygon(-100% 0%,200% 0%,200% 100%,66% 100%,65.75% 100.75%,34.25% 100.75%,34% 100%,-100% 100%);background:#2f3638;border-radius:7% 7% 250px 250px/10% 10% 26% 26%;width:70%;height:.365em;top:13%;left:50%;transform:translate(-50%);box-shadow:inset 2px -10px 2px -1px #000,inset -2px -10px 2px #000,-1px 1px 2px -1.5px #fffc,0 40px 0 -20px #000c,-3px 10px 10px 3px #2f3638,1px 1px 2px -1.5px #fffc,2px 10px 10px 3px #2f3638}.art-csswitch .main-frame{background-color:#2f3638;background-image:radial-gradient(farthest-side,#2f3638 50%,#0000),radial-gradient(farthest-side,#2f3638,#0000),radial-gradient(95% 70% at 0 0,#2f3638 85%,#fff3,#f000),radial-gradient(farthest-side,#2f3638 50%,#0000),radial-gradient(farthest-side,#2f3638,#0000),radial-gradient(95% 70% at 100% 0,#2f3638 85%,#fff3,#f000),linear-gradient(#0000 1%,#fff3 2%,#0000 4%),linear-gradient(#0000 97%,#0008),radial-gradient(at 0 100%,#2f3638 1%,#0000 10%),radial-gradient(at 100% 100%,#2f3638 1%,#0000 10%),linear-gradient(#fff0 96%,#ffffff08,#fff0 98.5%),linear-gradient(#0000,#0013 5%,#0000 50%),none;background-position:-1% 3%,1% -.75%,.5% .75%,101% 3%,99% -.75%,99.5% .75%,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:2% 2%,2% 2%,1.55% 5.25%,2% 2%,2% 2%,1.55% 5.25%,auto,auto,auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:2px;width:.181em;height:99%;bottom:0%;left:50%;transform:translate(-50%);box-shadow:inset 4px 0 3px -3.5px #fff5,inset -4px 0 3px -3.5px #fff5,inset 3px 0 4px -3.5px,inset -3px 0 4px -3.5px;-webkit-mask:radial-gradient(farthest-side at 100% 100%,red 99.99%,#f000) 0 3.9%/2.4% 1% no-repeat,radial-gradient(farthest-side at 100% 100%,red 99.99%,#f000) 6.8% 0/1.6% 1% no-repeat,radial-gradient(78.33% 60.33% at 0 0,#f000 99%,red) 2% .75%/6.2% 5.25% no-repeat,radial-gradient(farthest-side at 0 100%,red 99.99%,#f000) 100% 3.9%/2.4% 1% no-repeat,radial-gradient(farthest-side at 0 100%,red 99.99%,#f000) 93.2% 0/1.6% 1% no-repeat,radial-gradient(78.33% 60.33% at 100% 0,#f000 99%,red) 98% .75%/6.2% 5.25% no-repeat,linear-gradient(#0000 4.7%,#000 0),linear-gradient(90deg,#0000 7.5%,#000 0 92.5%,#0000 0)}.art-csswitch .logo{background:radial-gradient(circle at 53.5% 26.5%,#1a1c21 6px,#1a1c2100 0);border:.005em solid #1a1c21;border-radius:.02em 0 0 .02em;width:.0325em;height:.065em;top:.1385em;left:.057em;box-shadow:1px .5px 2px -1.5px #fff3}.art-csswitch .logo.right{background:radial-gradient(circle at 48% 55%,#1a1c2100 6px,#1a1c21 0);border:0;border-radius:0 .0175em .0175em 0;width:.029em;left:.0955em}.art-csswitch .nintendo{letter-spacing:.0055em;color:#1a1c21;font-family:Helvetica,sans-serif;font-size:.012em;font-weight:700;top:51.75%;left:51.5%;transform:translate(-50%,-50%)}.art-csswitch .switch{letter-spacing:.004em;color:#1a1c21;font-family:Helvetica,sans-serif;font-size:.021em;font-weight:700;top:55.75%;left:51%;transform:translate(-50%,-50%)}.art-csswitch .light{background:radial-gradient(at 0 0,#0004,#0000),#53565b;border:.00075em solid #000c;border-radius:.0015em;width:.0065em;height:.0065em;top:37.5%;left:10.25%;box-shadow:inset -1px -1px 2px -1.5px #ffd3,1px 1.5px 1px -1.25px #fff3}.art-csswitch .light:nth-child(3n),.art-csswitch .light:nth-child(7n){top:45.5%}.art-csswitch .light:nth-child(2n),.art-csswitch .light:nth-child(6n){top:41.5%}.art-csswitch .light:nth-child(4n),.art-csswitch .light:nth-child(8n){top:49.5%}.art-csswitch .light:nth-child(n+5){left:auto;right:10.25%}}@media (width<=670px){.art-csswitch{width:calc(var(--art-csswitch-size)*.45)}.art-csswitch .comfort-grip{display:none}.art-csswitch .controller{--connection:0 0 0 #0000;left:0}.art-csswitch .controller.right{--connection:0 0 0 #0000;right:0}.art-csswitch .controller:before{content:none}.art-csswitch .bar{width:.05em;height:98%;display:block;top:.25%;left:100%}.art-csswitch .controller.right .bar{left:auto;right:100%;transform:scaleX(-1)}.art-csswitch .bar button{background:radial-gradient(20% 100% at 100%,#0008 30%,#31333800 40%),radial-gradient(20% 100% at 100%,#232629 40%,#23262900 60%),linear-gradient(#232629 5%,#fff7,#414649 25% 75%,#232629);border-radius:4px;width:100%;height:14.25%;left:.01em}.art-csswitch .sub-lr{top:19.75%}.art-csswitch .sub-rr{top:60.25%}.art-csswitch .minus-sign{background:#343a3b;border-radius:.00075em;width:.021em;height:.0055em;top:.038em;left:.00725em;box-shadow:inset 0 0 2px #2f3638,0 1px 3px -1.5px #fff4}.art-csswitch .controller.right .minus-sign:before{content:"";background:inherit;width:.0055em;height:.021em;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 2px #2f3638,0 3px 3px -2px #fff4}.art-csswitch .peripheral{clip-path:polygon(0 0,100% 0,100% 100%,29% 100%,0% 96%);background:#3f4648;border-radius:3px 120px 110px 0/6px 120px 110px 0;width:100%;height:100%;top:0;left:0;box-shadow:inset 2px 0 3px -1px #000c,inset -5px 5px 5px #303538,inset -10px -5px 5px #303538,inset -5px 9px 5px #fff4;-webkit-mask:radial-gradient(95% 250% at 100% 64%,#0000 7%,red 7.5%) 100% 0/100% 42% no-repeat,radial-gradient(95% 250% at 100% 67.5%,#0000 7%,red 7.5%) 100% 67.25%/100% 42% no-repeat,radial-gradient(160% 20% at 0 100%,#0000 38%,red 38.5%) 0 100%/40% 50% no-repeat,radial-gradient(160% 30% at 110% 101%,#0000 65%,red 0) 100% 100%/62% 25% no-repeat}.art-csswitch .cord{background-color:#0000;background-image:linear-gradient(#000 33%,#0000 34%),linear-gradient(#0009 32%,#0000 38%),linear-gradient(90deg,#0000,#6666,#0000),linear-gradient(45deg,#253a3e,#21212c,#656a6e,#253a3e),linear-gradient(-45deg,#253a3e,#31313c,#707070,#253a3e),radial-gradient(farthest-side,#353a3ecc 99.99%,#f000);background-position:50%,50%,0 0,.5px 0,5.5px 3px,50%;background-repeat:repeat-y;background-size:11px 100%,11px 100%,auto,6px 6px,6px 6px,12px 8px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;width:12px;height:100vh;top:30%;left:47%}}@media (width<=460px){.art-csswitch{width:90%;min-width:320px}.art-csswitch .connector{z-index:-1;width:.0135em;height:.358em;display:block;top:.022em;left:calc(100% - 1px)}.art-csswitch .controller.right .connector{left:auto;right:calc(100% - 1px);transform:scaleX(-1)}.art-csswitch .con-lr,.art-csswitch .con-rr{background:var(--color);border-radius:2px;width:90%;height:9.75%;top:25.25%;right:0;transform:translateY(-50%);box-shadow:inset -1.5px -2px 4px -1px #0005,inset -1px 1px 2px -1.5px #0006}.art-csswitch .con-rr{top:73%}.art-csswitch .con-part{width:100%;height:100%;top:0;left:0}.art-csswitch .con-part:after{content:"";clip-path:polygon(0 0,100% 0,100% 18%,70% 20%,70% 31%,100% 33%,100% 65.5%,70% 67.5%,70% 78.5%,100% 80.5%,100% 100%,0 100%);background:linear-gradient(#0002,#0000,#0002),#42484d;border-radius:2px 4px 3px 3px/2px 4px 3px 10px;width:60%;height:100%;top:0;right:0;box-shadow:inset -3px 2px 2px -1px #0008,inset 0 4px 1px -2px #0007,inset 0 3px 1px #fff7}.art-csswitch .con-part:before{content:"";background:linear-gradient(90deg,#000,#0000 20% 40%,#000 60%),linear-gradient(#6e7474 .66%,#0008 0,#6e7474cc 1.5%,#000c 2.5%,#0000 0),#1b2827;width:60%;height:95%;top:0;left:0}.art-csswitch .bar{display:none}}@media (width<=360px){.art-csswitch{width:.151em;min-width:.151em}.art-csswitch .controller.right{display:none}}.art-csswitch-sm{--art-csswitch-size:500px}.art-csswitch-lg{--art-csswitch-size:1000px}}@property --art-circular-gallery-rotation{syntax:"<angle>";inherits:true;initial-value:0deg}@property --art-gemini-input-rotation{syntax:"<angle>";inherits:false;initial-value:0deg}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duskmoon-dev/css-art",
3
- "version": "1.13.0",
3
+ "version": "1.14.1",
4
4
  "description": "Pure CSS art components - decorative illustrations built entirely with CSS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.css",