.spinner-xs{transform-origin:50%;transform:scale(.5)}.spinner-sm{transform-origin:50%;transform:scale(.75)}.spinner-lg{transform-origin:50%;transform:scale(1.25)}.spinner-xl{transform-origin:50%;transform:scale(1.5)}
:root{---spinner-battery-color:oklch(var(--color-base-content))}.spinner-battery{border-style:solid;border-width:1px;border-color:var(---spinner-battery-color);width:3rem;height:1.5rem;display:inline-block;position:relative}.spinner-battery:after{content:"";box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(---spinner-battery-color);width:5px;height:12px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.spinner-battery:before{content:"";box-sizing:border-box;width:.375rem;height:80%;animation:2s linear infinite spinner-battery;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}@keyframes spinner-battery{0%{box-shadow:11px 0 #fff0,22px 0 #fff0,33px 0 #fff0,44px 0 #fff0}25%{box-shadow:11px 0 var(---spinner-battery-color),22px 0 #fff0,33px 0 #fff0,44px 0 #fff0}50%{box-shadow:11px 0 var(---spinner-battery-color),22px 0 var(---spinner-battery-color),33px 0 #fff0,44px 0 #fff0}75%{box-shadow:11px 0 var(---spinner-battery-color),22px 0 var(---spinner-battery-color),33px 0 var(---spinner-battery-color),44px 0 #fff0}to{box-shadow:11px 0 var(---spinner-battery-color),22px 0 var(---spinner-battery-color),33px 0 var(---spinner-battery-color),44px 0 var(---spinner-battery-color)}}
:root{---spinner-bear-color:#fff;---spinner-bear-eye-color:#000;---spinner-bear-mouth-color:#000;---spinner-bear-nose-color:#000;---spinner-bear-skin-color:#9bc6d480}@supports (color:lab(0% 0 0)){:root{---spinner-bear-color:lab(100% 0 0);---spinner-bear-eye-color:lab(0% 0 0);---spinner-bear-mouth-color:lab(0% 0 0);---spinner-bear-nose-color:lab(0% 0 0);---spinner-bear-skin-color:lab(77.0889% -12.3764 -12.1031/.5)}}.spinner-bear{background:var(---spinner-bear-color);border-radius:100px 100px 0 0;width:160px;height:185px;position:relative}.spinner-bear:after{content:"";background-image:radial-gradient(circle,var(---spinner-bear-eye-color)48%,transparent 55%),radial-gradient(circle,var(---spinner-bear-eye-color)48%,transparent 55%),radial-gradient(circle,var(---spinner-bear-color)30%,transparent 45%),radial-gradient(circle,var(---spinner-bear-nose-color)48%,transparent 51%),linear-gradient(var(---spinner-bear-mouth-color)20px,transparent 0),linear-gradient(var(---spinner-bear-skin-color)60px,transparent 0),radial-gradient(circle,var(---spinner-bear-skin-color)50%,transparent 51%),radial-gradient(circle,var(---spinner-bear-skin-color)50%,transparent 51%);background-position:25px 10px,55px 10px,36px 44px,50% 30px,50% 85px,50% 50px,50% 22px,50% 45px;background-repeat:no-repeat;background-size:16px 16px,16px 16px,10px 10px,42px 42px,12px 3px,50px 25px,70px 70px,70px 70px;width:100px;height:125px;animation:3s linear infinite alternate spinner-bear-face-lift;position:absolute;top:25px;left:50%;transform:translate(-50%)}.spinner-bear:before{content:"";background-image:radial-gradient(circle,var(---spinner-bear-color)48%,transparent 50%),radial-gradient(circle,var(---spinner-bear-color)48%,transparent 50%);background-position:0 12px,145px 12px;background-repeat:no-repeat;background-size:65px 65px;width:140%;height:125px;animation:3s linear infinite alternate spinner-bear-ear-lift;position:absolute;top:0;left:-20%}@keyframes spinner-bear-face-lift{0%{transform:translate(-60%)}to{transform:translate(-30%)}}@keyframes spinner-bear-ear-lift{0%{transform:translate(10px)}to{transform:translate(0)}}
:root{---spinner-bike-color:oklch(var(--color-base-content))}.spinner-bike{background-image:linear-gradient(var(---spinner-bike-color)50px,transparent 0),linear-gradient(var(---spinner-bike-color)50px,transparent 0),linear-gradient(var(---spinner-bike-color)50px,transparent 0),linear-gradient(var(---spinner-bike-color)50px,transparent 0),radial-gradient(circle 14px,var(---spinner-bike-color)100%,transparent 0);box-sizing:border-box;background-position:25px 5px,58px 20px,25px 17px,2px 37px,76px 0;background-repeat:no-repeat;background-size:48px 15px,15px 35px,15px 35px,25px 15px,28px 28px;width:106px;height:56px;margin:30px auto;display:block;position:relative;transform:rotate(-45deg)}.spinner-bike:after,.spinner-bike:before{content:"";border:6px solid var(---spinner-bike-color);background-image:linear-gradient(var(---spinner-bike-color)64px,transparent 0),linear-gradient(var(---spinner-bike-color)66px,transparent 0),radial-gradient(circle 4px,var(---spinner-bike-color)100%,transparent 0);box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:40px 1px,1px 40px,8px 8px;border-radius:50%;width:56px;height:56px;animation:.3s linear infinite spinner-bike-rotation;position:absolute;top:-10px;left:-45px}.spinner-bike:before{top:60px;left:25px}@keyframes spinner-bike-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{---spinner-book-color:oklch(var(--color-base-300));---spinner-book-page-bg:#f2f2f2;---spinner-book-page-front:#fff;---spinner-book-line-color:#d4d4d4}@supports (color:lab(0% 0 0)){:root{---spinner-book-page-bg:lab(95.36% 0 0);---spinner-book-page-front:lab(100% 0 0);---spinner-book-line-color:lab(84.92% 0 -.0000119209)}}.spinner-book{background-color:var(---spinner-book-color);perspective:1000px;box-sizing:border-box;border-radius:8px;width:200px;height:140px;position:relative}.spinner-book:before{content:"";background-color:var(---spinner-book-page-bg);background-repeat:no-repeat;background-size:60px 10px;background-image:linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0);background-position:15px 30px,15px 60px,15px 90px,105px 30px,105px 60px,105px 90px;border-radius:.5rem;position:absolute;inset:.625rem;box-shadow:0 0 10px #00000040}.spinner-book:after{content:"";background-color:var(---spinner-book-page-front);background-repeat:no-repeat;background-size:60px 10px;background-image:linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0),linear-gradient(var(---spinner-book-line-color)100px,transparent 0);transform-origin:0;background-position:50% 30px,50% 60px,50% 90px;border-radius:.5rem;width:calc(50% - 10px);animation:1s linear infinite spinner-book-paging;position:absolute;top:.625rem;bottom:.625rem;right:.625rem;transform:rotateY(0)}@keyframes spinner-book-paging{to{transform:rotateY(-180deg)}}
:root{---spinner-bounce-color:oklch(var(--color-base-content))}.spinner-bounce{width:2.5rem;height:2.5rem;position:relative}.spinner-bounce-dot{opacity:.6;background-color:var(---spinner-bounce-color);border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.455,.03,.515,.955) infinite spinner-bounce;position:absolute;top:0;left:0}.spinner-bounce-dot:nth-child(2){animation-delay:-1s}@keyframes spinner-bounce{0%,to{transform:scale(0)}45%,55%{transform:scale(1)}}
:root{---spinner-bouncing-blocks-color:#fff;---spinner-bouncing-blocks-borderColor:#ff3d00}.spinner-bouncing-blocks{width:164px;height:164px;position:relative}.spinner-bouncing-blocks:before,.spinner-bouncing-blocks:after{content:"";animation:1s ease-in infinite spinner-bouncing-blocks-rotate;position:absolute;top:50%;left:50%}.spinner-bouncing-blocks:before{background-color:var(---spinner-bouncing-blocks-color);width:40px;height:40px}.spinner-bouncing-blocks:after{background-color:var(---spinner-bouncing-blocks-borderColor);width:20px;height:20px;animation:1s ease-in infinite spinner-bouncing-blocks-rotate,1s ease-in infinite spinner-bouncing-blocks-moveY}@keyframes spinner-bouncing-blocks-moveY{0%,to{top:10%}45%,55%{top:59%}60%{top:40%}}@keyframes spinner-bouncing-blocks-rotate{0%{transform:translate(-50%,-100%)rotate(0)scale(1)}25%{transform:translate(-50%)rotate(180deg)scale(1)}45%,55%{transform:translate(-50%,100%)rotate(180deg)scale(3,.5)}60%{transform:translate(-50%,100%)rotate(180deg)scale(1)}75%{transform:translate(-50%)rotate(270deg)scale(1)}to{transform:translate(-50%,-100%)rotate(360deg)scale(1)}}
:root{---spinner-chase-color:oklch(var(--color-base-content))}.spinner-chase{width:2.5rem;height:2.5rem;animation:2.5s linear infinite both spinner-chase;position:relative}.spinner-chase-dot{width:100%;height:100%;animation:2s ease-in-out infinite both spinner-chase-dot;position:absolute;top:0;left:0}.spinner-chase-dot:before{content:"";background-color:var(---spinner-chase-color);border-radius:50%;width:25%;height:25%;animation:2s ease-in-out infinite both spinner-chase-dot-before;display:block}.spinner-chase-dot:first-child{animation-delay:-1.1s}.spinner-chase-dot:nth-child(2){animation-delay:-1s}.spinner-chase-dot:nth-child(3){animation-delay:-.9s}.spinner-chase-dot:nth-child(4){animation-delay:-.8s}.spinner-chase-dot:nth-child(5){animation-delay:-.7s}.spinner-chase-dot:nth-child(6){animation-delay:-.6s}.spinner-chase-dot:first-child:before{animation-delay:-1.1s}.spinner-chase-dot:nth-child(2):before{animation-delay:-1s}.spinner-chase-dot:nth-child(3):before{animation-delay:-.9s}.spinner-chase-dot:nth-child(4):before{animation-delay:-.8s}.spinner-chase-dot:nth-child(5):before{animation-delay:-.7s}.spinner-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes spinner-chase{to{transform:rotate(360deg)}}@keyframes spinner-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes spinner-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}
:root{---spinner-circle-color:oklch(var(--color-base-content))}.spinner-circle{width:2.5rem;height:2.5rem;position:relative}.spinner-circle-dot{width:100%;height:100%;position:absolute;top:0;left:0}.spinner-circle-dot:before{content:"";background-color:var(---spinner-circle-color);border-radius:50%;width:15%;height:15%;animation:1.2s ease-in-out infinite both spinner-circle;display:block}.spinner-circle-dot:first-child{transform:rotate(30deg)}.spinner-circle-dot:nth-child(2){transform:rotate(60deg)}.spinner-circle-dot:nth-child(3){transform:rotate(90deg)}.spinner-circle-dot:nth-child(4){transform:rotate(120deg)}.spinner-circle-dot:nth-child(5){transform:rotate(150deg)}.spinner-circle-dot:nth-child(6){transform:rotate(180deg)}.spinner-circle-dot:nth-child(7){transform:rotate(210deg)}.spinner-circle-dot:nth-child(8){transform:rotate(240deg)}.spinner-circle-dot:nth-child(9){transform:rotate(270deg)}.spinner-circle-dot:nth-child(10){transform:rotate(300deg)}.spinner-circle-dot:nth-child(11){transform:rotate(330deg)}.spinner-circle-dot:first-child:before{animation-delay:-1.1s}.spinner-circle-dot:nth-child(2):before{animation-delay:-1s}.spinner-circle-dot:nth-child(3):before{animation-delay:-.9s}.spinner-circle-dot:nth-child(4):before{animation-delay:-.8s}.spinner-circle-dot:nth-child(5):before{animation-delay:-.7s}.spinner-circle-dot:nth-child(6):before{animation-delay:-.6s}.spinner-circle-dot:nth-child(7):before{animation-delay:-.5s}.spinner-circle-dot:nth-child(8):before{animation-delay:-.4s}.spinner-circle-dot:nth-child(9):before{animation-delay:-.3s}.spinner-circle-dot:nth-child(10):before{animation-delay:-.2s}.spinner-circle-dot:nth-child(11):before{animation-delay:-.1s}@keyframes spinner-circle{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
:root{---spinner-circle-fade-color:oklch(var(--color-base-content))}.spinner-circle-fade{width:2.5rem;height:2.5rem;position:relative}.spinner-circle-fade-dot{width:100%;height:100%;position:absolute;top:0;left:0}.spinner-circle-fade-dot:before{content:"";background-color:var(---spinner-circle-fade-color);border-radius:50%;width:15%;height:15%;animation:1.2s ease-in-out infinite both spinner-circle-fade;display:block}.spinner-circle-fade-dot:first-child{transform:rotate(30deg)}.spinner-circle-fade-dot:nth-child(2){transform:rotate(60deg)}.spinner-circle-fade-dot:nth-child(3){transform:rotate(90deg)}.spinner-circle-fade-dot:nth-child(4){transform:rotate(120deg)}.spinner-circle-fade-dot:nth-child(5){transform:rotate(150deg)}.spinner-circle-fade-dot:nth-child(6){transform:rotate(180deg)}.spinner-circle-fade-dot:nth-child(7){transform:rotate(210deg)}.spinner-circle-fade-dot:nth-child(8){transform:rotate(240deg)}.spinner-circle-fade-dot:nth-child(9){transform:rotate(270deg)}.spinner-circle-fade-dot:nth-child(10){transform:rotate(300deg)}.spinner-circle-fade-dot:nth-child(11){transform:rotate(330deg)}.spinner-circle-fade-dot:first-child:before{animation-delay:-1.1s}.spinner-circle-fade-dot:nth-child(2):before{animation-delay:-1s}.spinner-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}.spinner-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}.spinner-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}.spinner-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}.spinner-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}.spinner-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}.spinner-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}.spinner-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}.spinner-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}@keyframes spinner-circle-fade{0%,39%,to{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}
:root{---spinner-clock-border-color:oklch(var(--color-base-content)/.6);---spinner-clock-color:oklch(var(--color-base-content))}.spinner-clock{border-style:solid;border-width:2px;border-color:var(---spinner-clock-border-color);box-sizing:border-box;border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite spinner-clock;display:inline-block;position:relative}.spinner-clock:after{content:"";background-color:var(---spinner-clock-color);box-sizing:border-box;width:3px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes spinner-clock{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{---spinner-coffee-color:oklch(var(--color-base-content))}.spinner-coffee{background-color:var(---spinner-coffee-color);border-radius:15% 15% 35% 35%;width:48px;height:40px;margin-top:30px;display:inline-block;position:relative}.spinner-coffee:after{content:"";border:4px solid var(---spinner-coffee-color);box-sizing:border-box;border-radius:0 4px 4px 0;width:16px;height:20px;position:absolute;top:8px;left:45px}.spinner-coffee:before{content:"";width:1px;height:10px;color:var(---spinner-coffee-color);box-sizing:border-box;animation:1s infinite spinner-coffee-loader;position:absolute;top:-15px;left:11px}@keyframes spinner-coffee-loader{0%{box-shadow:2px 0 color-mix(in oklch,var(---spinner-coffee-color),transparent 100%),12px 0 color-mix(in oklch,var(---spinner-coffee-color),transparent 70%),20px 0 color-mix(in oklch,var(---spinner-coffee-color),transparent 100%)}50%{box-shadow:2px -5px color-mix(in oklch,var(---spinner-coffee-color),transparent 50%),12px -3px color-mix(in oklch,var(---spinner-coffee-color),transparent 50%),20px -2px color-mix(in oklch,var(---spinner-coffee-color),transparent 40%)}to{box-shadow:2px -8px color-mix(in oklch,var(---spinner-coffee-color),transparent 100%),12px -5px color-mix(in oklch,var(---spinner-coffee-color),transparent 100%),20px -5px color-mix(in oklch,var(---spinner-coffee-color),transparent 100%)}}
:root{---spinner-corners-color:oklch(var(--color-base-content))}.spinner-corners{--g1:conic-gradient(from 90deg at 3px 3px,#0000 90deg,var(---spinner-corners-color)0);--g2:conic-gradient(from -90deg at 22px 22px,#0000 90deg,var(---spinner-corners-color)0);background:var(--g1),var(--g1),var(--g1),var(--g2),var(--g2),var(--g2);background-repeat:no-repeat;background-size:25px 25px;width:85px;height:35px;animation:1s infinite alternate spinner-corners}@keyframes spinner-corners{0%{background-position:0,50%,100%}20%{background-position:0 0,50%,100%}40%{background-position:0 100%,50% 0,100%}60%{background-position:0,50% 100%,100% 0}80%{background-position:0,50%,100% 100%}to{background-position:0,50%,100%}}
:root{---spinner-down-color:oklch(var(--color-base-content))}.spinner-down{background-color:var(---spinner-down-color);box-sizing:border-box;width:15px;height:20px;margin-left:15px;animation:.4s ease-in infinite alternate spinner-down-bump;display:inline-block;position:relative}.spinner-down:after{content:"";border:15px solid #0000;border-top-color:var(---spinner-down-color);box-sizing:border-box;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes spinner-down-bump{0%{transform:translate(-50%,5px)}to{transform:translate(-50%,-5px)}}
:root{---spinner-fold-color:oklch(var(--color-base-content))}.spinner-fold{width:2.5rem;height:2.5rem;position:relative;transform:rotate(45deg)}.spinner-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.spinner-fold-cube:before{content:"";background-color:var(---spinner-fold-color);transform-origin:100% 100%;width:100%;height:100%;animation:2.4s linear infinite both spinner-fold;position:absolute;top:0;left:0}.spinner-fold-cube:nth-child(2){transform:scale(1.1)rotate(90deg)}.spinner-fold-cube:nth-child(3){transform:scale(1.1)rotate(270deg)}.spinner-fold-cube:nth-child(4){transform:scale(1.1)rotate(180deg)}.spinner-fold-cube:nth-child(2):before{animation-delay:.3s}.spinner-fold-cube:nth-child(3):before{animation-delay:.9s}.spinner-fold-cube:nth-child(4):before{animation-delay:.6s}@keyframes spinner-fold{0%,10%{opacity:0;transform:perspective(140px)rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px)rotateX(0)}90%,to{opacity:0;transform:perspective(140px)rotateY(180deg)}}
:root{---spinner-flow-color:oklch(var(--color-base-content))}.spinner-flow{justify-content:space-between;align-items:center;width:3rem;height:3rem;display:flex}.spinner-flow-dot{background-color:var(---spinner-flow-color);border-radius:50%;width:25%;height:25%;animation:1.4s cubic-bezier(.455,.03,.515,.955) infinite both spinner-flow}.spinner-flow-dot:first-child{animation-delay:-.3s}.spinner-flow-dot:nth-child(2){animation-delay:-.15s}@keyframes spinner-flow{0%,80%,to{transform:scale(.3)}40%{transform:scale(1)}}
:root{---spinner-four-squares-color:oklch(var(--color-base-content))}.spinner-four-squares{width:5px;height:5px;color:var(---spinner-four-squares-color);animation:4s infinite spinner-four-squares-animation;box-shadow:-10px -10px 0 5px,-10px -10px 0 5px,-10px -10px 0 5px,-10px -10px 0 5px}@keyframes spinner-four-squares-animation{0%{box-shadow:-10px -10px 0 5px,-10px -10px 0 5px,-10px -10px 0 5px,-10px -10px 0 5px}8.33%{box-shadow:-10px -10px 0 5px,10px -10px 0 5px,10px -10px 0 5px,10px -10px 0 5px}16.66%{box-shadow:-10px -10px 0 5px,10px -10px 0 5px,10px 10px 0 5px,10px 10px 0 5px}24.99%{box-shadow:-10px -10px 0 5px,10px -10px 0 5px,10px 10px 0 5px,-10px 10px 0 5px}33.32%{box-shadow:-10px -10px 0 5px,10px -10px 0 5px,10px 10px 0 5px,-10px -10px 0 5px}41.65%{box-shadow:10px -10px 0 5px,10px -10px 0 5px,10px 10px 0 5px,10px -10px 0 5px}49.98%{box-shadow:10px 10px 0 5px,10px 10px 0 5px,10px 10px 0 5px,10px 10px 0 5px}58.31%{box-shadow:-10px 10px 0 5px,-10px 10px 0 5px,10px 10px 0 5px,-10px 10px 0 5px}66.64%{box-shadow:-10px -10px 0 5px,-10px -10px 0 5px,10px 10px 0 5px,-10px 10px 0 5px}74.97%{box-shadow:-10px -10px 0 5px,10px -10px 0 5px,10px 10px 0 5px,-10px 10px 0 5px}83.3%{box-shadow:-10px -10px 0 5px,10px 10px 0 5px,10px 10px 0 5px,-10px 10px 0 5px}91.63%{box-shadow:-10px -10px 0 5px,-10px 10px 0 5px,-10px 10px 0 5px,-10px 10px 0 5px}to{box-shadow:-10px -10px 0 5px,-10px -10px 0 5px,-10px -10px 0 5px,-10px -10px 0 5px}}
:root{---spinner-grid-color:oklch(var(--color-base-content))}.spinner-grid{width:2.5rem;height:2.5rem}.spinner-grid-cube{float:left;background-color:var(---spinner-grid-color);width:33.333%;height:33.333%;animation:1.3s ease-in-out infinite spinner-grid}.spinner-grid-cube:first-child{animation-delay:.2s}.spinner-grid-cube:nth-child(2){animation-delay:.3s}.spinner-grid-cube:nth-child(3){animation-delay:.4s}.spinner-grid-cube:nth-child(4){animation-delay:.1s}.spinner-grid-cube:nth-child(5){animation-delay:.2s}.spinner-grid-cube:nth-child(6){animation-delay:.3s}.spinner-grid-cube:nth-child(7){animation-delay:0s}.spinner-grid-cube:nth-child(8){animation-delay:.1s}.spinner-grid-cube:nth-child(9){animation-delay:.2s}@keyframes spinner-grid{0%,70%,to{transform:scale(1)}35%{transform:scale(0)}}
.spinner-ice-cream{background-color:#ff3d00;background-image:linear-gradient(#70ca5c 25%,#f2d200 25% 50%,#f2d200 50%,#30dcf6 50% 75%,#30dcf6 75%,#f63a99 75%);background-position:0 0;background-repeat:repeat-y;background-size:auto 175px;border-radius:55px 55px 10px 10px;width:100px;height:150px;animation:6s linear infinite spinner-ice-cream-color-shift;position:relative}.spinner-ice-cream:before{content:"";background:#ffffff80;border-radius:50px;width:15px;height:100px;position:absolute;bottom:15px;left:10px}.spinner-ice-cream:after{content:"";background:#e09c5f;border-radius:0 0 12px 12px;width:32px;height:45px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:inset 0 15px 2px #00000040}.spinner-ice-cream-xs{background-size:auto 87.5px;border-radius:27.5px 27.5px 5px 5px;width:50px;height:75px}.spinner-ice-cream-xs:before{width:7.5px;height:50px;bottom:7.5px;left:5px}.spinner-ice-cream-xs:after{width:16px;height:22.5px}.spinner-ice-cream-sm{background-size:auto 131.25px;border-radius:41.25px 41.25px 7.5px 7.5px;width:75px;height:112.5px}.spinner-ice-cream-sm:before{width:11.25px;height:75px;bottom:11.25px;left:7.5px}.spinner-ice-cream-sm:after{width:24px;height:33.75px}.spinner-ice-cream-lg{background-size:auto 218.75px;border-radius:68.75px 68.75px 12.5px 12.5px;width:125px;height:187.5px}.spinner-ice-cream-lg:before{width:18.75px;height:125px;bottom:18.75px;left:12.5px}.spinner-ice-cream-lg:after{width:40px;height:56.25px}.spinner-ice-cream-xl{background-size:auto 262.5px;border-radius:82.5px 82.5px 15px 15px;width:150px;height:225px}.spinner-ice-cream-xl:before{width:22.5px;height:150px;bottom:22.5px;left:15px}.spinner-ice-cream-xl:after{width:48px;height:67.5px}@keyframes spinner-ice-cream-color-shift{to{background-position:0 175px}}
:root{---spinner-image-background-color:oklch(var(--color-base-100));---spinner-image-color:oklch(var(--color-base-content));---spinner-image-border-color:oklch(var(--color-base-300))}.spinner-image{background:var(---spinner-image-background-color);border-radius:4px;width:64px;height:64px;position:relative;overflow:hidden}.spinner-image:before{content:"";background:var(---spinner-image-color);width:40px;height:40px;box-shadow:32px -34px 0 5px color-mix(in oklch,var(---spinner-image-color),transparent 40%);animation:2s ease-in-out infinite alternate spinner-image-slide;position:absolute;bottom:0;left:0;transform:rotate(45deg)translate(30%,40%)}.spinner-image:after{content:"";background:var(---spinner-image-color);transform-origin:35px 145px;border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite spinner-image-rotate;position:absolute;top:10px;left:10px}@keyframes spinner-image-slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes spinner-image-rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}
:root{---spinner-kit-color:oklch(var(--color-base-content))}.spinner-kit{width:100%;height:.25rem;display:inline-block;position:relative;overflow:hidden}.spinner-kit:after{content:"";background-color:var(---spinner-kit-color);box-sizing:border-box;width:6rem;height:.25rem;animation:.6s ease-in-out infinite alternate spinner-kit;position:absolute;top:0;left:0}@keyframes spinner-kit{0%{left:0;transform:translate(-1%)}to{left:100%;transform:translate(-99%)}}
:root{---spinner-magnifying-glass-color:oklch(var(--color-base-content))}.spinner-magnifying-glass{box-sizing:border-box;border:2px solid;border-color:var(---spinner-magnifying-glass-color);border-radius:50%;width:3rem;height:3rem;margin:1.25rem auto;animation:2s linear infinite spinner-magnifying-glass-animation;display:block;position:relative}.spinner-magnifying-glass:after{content:"";background:var(---spinner-magnifying-glass-color);box-sizing:border-box;width:.375rem;height:1.5rem;position:absolute;bottom:-20px;left:46px;transform:rotate(-45deg)}@keyframes spinner-magnifying-glass-animation{0%{transform:translate(-10px,-10px)}25%{transform:translate(-10px,10px)}50%{transform:translate(10px,10px)}75%{transform:translate(10px,-10px)}to{transform:translate(-10px,-10px)}}
:root{---spinner-matrix-rain-color:oklch(var(--color-success))}.spinner-matrix-rain{width:200px;height:150px;position:relative;overflow:hidden}.spinner-matrix-rain-column{color:var(---spinner-matrix-rain-color);text-shadow:0 0 5px var(---spinner-matrix-rain-color);white-space:nowrap;opacity:.8;font-family:Courier New,monospace;font-size:14px;font-weight:700;animation:linear infinite spinner-matrix-rain-fall;position:absolute;top:-100%}.spinner-matrix-rain-column span{opacity:.3;display:block}.spinner-matrix-rain-column span:first-child{opacity:1}.spinner-matrix-rain-column span:nth-child(2){opacity:.8}.spinner-matrix-rain-column span:nth-child(3){opacity:.6}.spinner-matrix-rain-column span:nth-child(4){opacity:.4}@keyframes spinner-matrix-rain-fall{0%{top:-100%}to{top:100%}}
:root{---spinner-mouse-wheel-color:oklch(var(--color-base-content))}.spinner-mouse-wheel{box-sizing:border-box;border:2px solid;border-color:var(---spinner-mouse-wheel-color);border-radius:50%/25%;width:3rem;height:5rem;margin:auto;position:relative}.spinner-mouse-wheel:before{content:"";background-color:var(---spinner-mouse-wheel-color);border-radius:.5rem;width:.25rem;height:.25rem;animation:1.5s linear infinite spinner-mouse-wheel-scroll-down;position:absolute;top:1.25rem;left:50%;transform:translate(-50%)}@keyframes spinner-mouse-wheel-scroll-down{0%{opacity:1;height:4px;top:15px}33%{height:40px;top:15px}66%{opacity:1;height:10px;top:50px}to{opacity:0;height:4px;top:56px}}
:root{---spinner-notes-background-color:oklch(var(--color-base-100));---spinner-notes-color:oklch(var(--color-base-content))}.spinner-notes{background-color:var(---spinner-notes-background-color);border-radius:4px;width:100px;height:130px;position:relative}.spinner-notes:before{content:"";background-image:radial-gradient(#0000 24%,#de3500 25% 64%,#0000 65%),linear-gradient(#0000 34%,#de3500 35%);background-position:top;background-repeat:no-repeat;background-size:12px 12px,100%;width:54px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%,-65%);box-shadow:inset 0 -3px #00000040}.spinner-notes:after{content:"";background:linear-gradient(to bottom,var(---spinner-notes-color)30%,#0000 31%);background-size:100% 16px;width:66%;height:60%;animation:2s ease-out infinite spinner-notes-writeDown;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes spinner-notes-writeDown{0%{opacity:0;height:0}20%{opacity:1;height:0}80%{opacity:1;height:65%}to{opacity:0;height:65%}}
:root{---spinner-pacman-color:oklch(var(--color-base-content))}.spinner-pacman{box-sizing:border-box;border:24px solid;border-color:var(---spinner-pacman-color);border-radius:50%;animation:1s linear infinite spinner-pacman-eat;position:relative}.spinner-pacman:after,.spinner-pacman:before{content:"";background-color:var(---spinner-pacman-color);box-sizing:border-box;opacity:0;border-radius:50%;width:15px;height:15px;animation:2s linear infinite spinner-pacman-move;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.spinner-pacman:before{animation-delay:1s}@keyframes spinner-pacman-eat{0%,49%{border-right-color:var(---spinner-pacman-color)}50%,to{border-right-color:#0000}}@keyframes spinner-pacman-move{0%{opacity:1;left:75px}50%{opacity:1;left:0}52%,to{opacity:0;left:-5px}}
:root{---spinner-padlock-color:oklch(var(--color-base-content))}.spinner-padlock{border:4px solid;border-color:var(---spinner-padlock-color);border-radius:.5rem;width:64px;height:44px;position:relative}.spinner-padlock:before{content:"";border:4px solid;border-color:var(---spinner-padlock-color);border-radius:50% 50% 0 0;width:32px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.spinner-padlock:after{content:"";background-color:var(---spinner-padlock-color);width:8px;height:8px;box-shadow:16px 0 var(---spinner-padlock-color),-16px 0 var(---spinner-padlock-color);border-radius:50%;animation:.5s ease-out infinite alternate spinner-padlock-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinner-padlock-flash{0%{background-color:color-mix(in oklch,var(---spinner-padlock-color),transparent 75%);box-shadow:16px 0 color-mix(in oklch,var(---spinner-padlock-color),transparent 75%),-16px 0 var(---spinner-padlock-color)}50%{background-color:var(---spinner-padlock-color);box-shadow:16px 0 color-mix(in oklch,var(---spinner-padlock-color),transparent 75%),-16px 0 color-mix(in oklch,var(---spinner-padlock-color),transparent 75%)}to{background-color:color-mix(in oklch,var(---spinner-padlock-color),transparent 75%);box-shadow:16px 0 var(---spinner-padlock-color),-16px 0 color-mix(in oklch,var(---spinner-padlock-color),transparent 75%)}}
:root{---spinner-plane-color:oklch(var(--color-base-content))}.spinner-plane{background-color:var(---spinner-plane-color);width:2.5rem;height:2.5rem;animation:1.2s ease-in-out infinite spinner-plane}@keyframes spinner-plane{0%{transform:perspective(120px)rotateX(0)rotateY(0)}50%{transform:perspective(120px)rotateX(-180.1deg)rotateY(0)}to{transform:perspective(120px)rotateX(-180deg)rotateY(-179.9deg)}}
:root{---spinner-pulse-color:oklch(var(--color-base-content))}.spinner-pulse{background-color:var(---spinner-pulse-color);border-radius:50%;width:2.5rem;height:2.5rem;animation:1.2s cubic-bezier(.455,.03,.515,.955) infinite spinner-pulse}@keyframes spinner-pulse{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}
:root{---spinner-quote-color:oklch(var(--color-base-content))}.spinner-quote{color:var(---spinner-quote-color);opacity:.8;font-family:Consolas,Menlo,Monaco,monospace;font-size:78px;font-weight:700}.spinner-quote:before{content:"{";animation:.4s ease-in-out infinite alternate spinner-quote-pulse;display:inline-block}.spinner-quote:after{content:"}";animation:.4s ease-in-out .3s infinite alternate spinner-quote-pulse;display:inline-block}@keyframes spinner-quote-pulse{to{opacity:.5;transform:scale(.8)}}
:root{---spinner-speak-background-color:oklch(var(--color-base-100));---spinner-speak-color:oklch(var(--color-error))}.spinner-speak{background-color:var(---spinner-speak-background-color);border-radius:100%;width:100px;height:75px;margin:0 auto;position:relative}.spinner-speak:before{content:"";border:15px solid #0000;border-top:25px solid var(---spinner-speak-background-color);box-sizing:border-box;position:absolute;top:50px;left:-15px;transform:rotate(45deg)}.spinner-speak:after{content:"";background-color:var(---spinner-speak-color);width:12px;height:12px;box-shadow:20px 0 var(---spinner-speak-color),-20px 0 var(---spinner-speak-color);border-radius:50%;animation:.5s ease-out infinite alternate spinner-speak-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinner-speak-flash{0%{background-color:color-mix(in oklch,var(---spinner-speak-color),transparent 75%);box-shadow:20px 0 color-mix(in oklch,var(---spinner-speak-color),transparent 75%),-20px 0 var(---spinner-speak-color)}50%{background-color:var(---spinner-speak-color);box-shadow:20px 0 color-mix(in oklch,var(---spinner-speak-color),transparent 75%),-20px 0 color-mix(in oklch,var(---spinner-speak-color),transparent 75%)}to{background-color:var(---spinner-speak-color);box-shadow:20px 0 var(---spinner-speak-color),-20px 0 color-mix(in oklch,var(---spinner-speak-color),transparent 75%)}}
:root{---spinner-spin-background-color:oklch(var(--color-base-100));---spinner-spin-color:oklch(var(--color-base-content))}.spinner-spin{box-sizing:border-box;border:5px solid var(---spinner-spin-background-color);border-bottom-color:var(---spinner-spin-color);border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite spinner-spin-rotation;display:inline-block}@keyframes spinner-spin-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{---spinner-spot-color:oklch(var(--color-base-content))}.spinner-spot{box-sizing:border-box;width:48px;height:48px;margin:20px auto;display:block;position:relative}.spinner-spot:after{content:"";border:15px solid;border-color:var(---spinner-spot-color);box-sizing:border-box;border-radius:50% 50% 0;width:48px;height:48px;animation:.4s ease-in-out infinite alternate spinner-spot-anim-marker;position:absolute;bottom:0;left:0;transform:rotate(45deg)translate(0)}.spinner-spot:before{content:"";box-sizing:border-box;background:#0003;border-radius:50%;width:24px;height:4px;margin:auto;animation:.4s ease-in-out infinite alternate spinner-spot-anim-shadow;position:absolute;top:150%;left:0;right:0}@keyframes spinner-spot-anim-marker{0%{transform:rotate(45deg)translate(5px,5px)}to{transform:rotate(45deg)translate(-5px,-5px)}}@keyframes spinner-spot-anim-shadow{0%{transform:scale(.5)}to{transform:scale(1)}}
:root{---spinner-swing-color:oklch(var(--color-base-content))}.spinner-swing{width:2.5rem;height:2.5rem;animation:1.8s linear infinite spinner-swing;position:relative}.spinner-swing-dot{background-color:var(---spinner-swing-color);border-radius:50%;width:45%;height:45%;margin:auto;animation:2s ease-in-out infinite spinner-swing-dot;position:absolute;top:0;left:0;right:0}.spinner-swing-dot:nth-child(2){animation-delay:-1s;top:auto;bottom:0}@keyframes spinner-swing{to{transform:rotate(360deg)}}@keyframes spinner-swing-dot{0%,to{transform:scale(.2)}50%{transform:scale(1)}}
:root{---spinner-up-color:oklch(var(--color-base-content))}.spinner-up{background-color:var(---spinner-up-color);box-sizing:border-box;width:15px;height:20px;margin-top:15px;margin-left:15px;animation:.4s linear infinite alternate spinner-up-bump;display:inline-block;position:relative}.spinner-up:after{content:"";border:15px solid #0000;border-bottom-color:var(---spinner-up-color);box-sizing:border-box;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes spinner-up-bump{0%{transform:translate(-50%,5px)}to{transform:translate(-50%,-5px)}}
:root{---spinner-wave-color:oklch(var(--color-base-content))}.spinner-wave{justify-content:space-between;width:2.5rem;height:2.5rem;display:flex}.spinner-wave-rect{background-color:var(---spinner-wave-color);width:15%;height:100%;animation:1.2s ease-in-out infinite spinner-wave}.spinner-wave-rect:first-child{animation-delay:-1.2s}.spinner-wave-rect:nth-child(2){animation-delay:-1.1s}.spinner-wave-rect:nth-child(3){animation-delay:-1s}.spinner-wave-rect:nth-child(4){animation-delay:-.9s}.spinner-wave-rect:nth-child(5){animation-delay:-.8s}@keyframes spinner-wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}
:root{---spinner-wifi-color:oklch(var(--color-base-content))}.spinner-wifi,.spinner-wifi:before{border:20px double #0000;border-top-color:var(---spinner-wifi-color);box-sizing:border-box;border-radius:50%;display:inline-block}.spinner-wifi{padding:8px;animation:1s ease-in infinite spinner-wifi-loading}.spinner-wifi:before{content:"";width:0;height:0}@keyframes spinner-wifi-loading{0%{border-style:none}to{border-style:double}}