@charset "UTF-8";/*!
 * three-dots - v0.3.2
 * CSS loading animations made with single element
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic 1s infinite linear}.dot-elastic:before,.dot-elastic:after{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic-before 1s infinite linear}.dot-elastic:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic-after 1s infinite linear}@keyframes dot-elastic-before{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic-after{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}.dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse:before,.dot-pulse:after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}.dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#fff}50%,to{background-color:#0000003d}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-collision:before,.dot-collision:after{content:"";display:inline-block;position:absolute;top:0}.dot-collision:before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-collision-before 2s infinite ease-in}.dot-collision:after{left:10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-collision-after 2s infinite ease-in;animation-delay:1s}@keyframes dot-collision-before{0%,50%,75%,to{transform:translate(0)}25%{transform:translate(-15px)}}@keyframes dot-collision-after{0%,50%,75%,to{transform:translate(0)}25%{transform:translate(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-revolution:before,.dot-revolution:after{content:"";display:inline-block;position:absolute}.dot-revolution:before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 20px;animation:dot-revolution 1.4s linear infinite}.dot-revolution:after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 35px;animation:dot-revolution 1s linear infinite}@keyframes dot-revolution{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px 0 #9880ff;animation:dot-carousel 1.5s infinite linear}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}to{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px 0 #9880ff;animation:dot-typing 1.5s infinite linear}@keyframes dot-typing{0%{box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px 0 #9880ff}16.667%{box-shadow:9984px -10px #9880ff,9999px 0 #9880ff,10014px 0 #9880ff}33.333%{box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px 0 #9880ff}50%{box-shadow:9984px 0 #9880ff,9999px -10px #9880ff,10014px 0 #9880ff}66.667%{box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px 0 #9880ff}83.333%{box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px -10px #9880ff}to{box-shadow:9984px 0 #9880ff,9999px 0 #9880ff,10014px 0 #9880ff}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 15px;animation:dot-windmill 2s infinite linear}.dot-windmill:before,.dot-windmill:after{content:"";display:inline-block;position:absolute}.dot-windmill:before{left:-8.66254px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-windmill:after{left:8.66254px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}@keyframes dot-windmill{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(720deg) translateZ(0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9991px -16px #9880ff,9991px 0 #9880ff,10007px 0 #9880ff;animation:dot-bricks 2s infinite ease}@keyframes dot-bricks{0%{box-shadow:9991px -16px #9880ff,9991px 0 #9880ff,10007px 0 #9880ff}8.333%{box-shadow:10007px -16px #9880ff,9991px 0 #9880ff,10007px 0 #9880ff}16.667%{box-shadow:10007px -16px #9880ff,9991px -16px #9880ff,10007px 0 #9880ff}25%{box-shadow:10007px -16px #9880ff,9991px -16px #9880ff,9991px 0 #9880ff}33.333%{box-shadow:10007px 0 #9880ff,9991px -16px #9880ff,9991px 0 #9880ff}41.667%{box-shadow:10007px 0 #9880ff,10007px -16px #9880ff,9991px 0 #9880ff}50%{box-shadow:10007px 0 #9880ff,10007px -16px #9880ff,9991px -16px #9880ff}58.333%{box-shadow:9991px 0 #9880ff,10007px -16px #9880ff,9991px -16px #9880ff}66.666%{box-shadow:9991px 0 #9880ff,10007px 0 #9880ff,9991px -16px #9880ff}75%{box-shadow:9991px 0 #9880ff,10007px 0 #9880ff,10007px -16px #9880ff}83.333%{box-shadow:9991px -16px #9880ff,10007px 0 #9880ff,10007px -16px #9880ff}91.667%{box-shadow:9991px -16px #9880ff,9991px 0 #9880ff,10007px -16px #9880ff}to{box-shadow:9991px -16px #9880ff,9991px 0 #9880ff,10007px 0 #9880ff}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating 3s infinite cubic-bezier(.15,.6,.9,.1)}.dot-floating:before,.dot-floating:after{content:"";display:inline-block;position:absolute;top:0}.dot-floating:before{left:-12px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating-before 3s infinite ease-in-out}.dot-floating:after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating-after 3s infinite cubic-bezier(.4,0,1,1)}@keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}to{left:calc(50% + 105px)}}@keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}to{left:-50px}}@keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}to{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-.85s}.dot-fire:before,.dot-fire:after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-fire:before{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire:after{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}to{box-shadow:9999px -22.5px 0 -5px #9880ff}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:transparent;color:transparent;box-shadow:0 -18px #9880ff,12.727926px -12.727926px #9880ff,18px 0 #9880ff,12.727926px 12.727926px #9880ff00,0 18px #9880ff00,-12.727926px 12.727926px #9880ff00,-18px 0 #9880ff00,-12.727926px -12.727926px #9880ff00;animation:dot-spin 1.5s infinite linear}@keyframes dot-spin{0%,to{box-shadow:0 -18px #9880ff,12.727926px -12.727926px #9880ff,18px 0 #9880ff,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}12.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px #9880ff,18px 0 #9880ff,12.727926px 12.727926px #9880ff,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}25%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 #9880ff,12.727926px 12.727926px #9880ff,0 18px #9880ff,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}37.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px #9880ff,0 18px #9880ff,-12.727926px 12.727926px #9880ff,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}50%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px #9880ff,-12.727926px 12.727926px #9880ff,-18px 0 #9880ff,-12.727926px -12.727926px 0 -5px #9880ff00}62.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px #9880ff,-18px 0 #9880ff,-12.727926px -12.727926px #9880ff}75%{box-shadow:0 -18px #9880ff,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 #9880ff,-12.727926px -12.727926px #9880ff}87.5%{box-shadow:0 -18px #9880ff,12.727926px -12.727926px #9880ff,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px #9880ff}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 #9880ff;animation:dot-falling 1s infinite linear;animation-delay:.1s}.dot-falling:before,.dot-falling:after{content:"";display:inline-block;position:absolute;top:0}.dot-falling:before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-falling-before 1s infinite linear;animation-delay:0s}.dot-falling:after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-falling-after 1s infinite linear;animation-delay:.2s}@keyframes dot-falling{0%{box-shadow:9999px -15px #9880ff00}25%,50%,75%{box-shadow:9999px 0 #9880ff}to{box-shadow:9999px 15px #9880ff00}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px #9880ff00}25%,50%,75%{box-shadow:9984px 0 #9880ff}to{box-shadow:9984px 15px #9880ff00}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px #9880ff00}25%,50%,75%{box-shadow:10014px 0 #9880ff}to{box-shadow:10014px 15px #9880ff00}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform:scale(1.25);animation:dot-stretching 2s infinite ease-in}.dot-stretching:before,.dot-stretching:after{content:"";display:inline-block;position:absolute;top:0}.dot-stretching:before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-stretching-before 2s infinite ease-in}.dot-stretching:after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-stretching-after 2s infinite ease-in}@keyframes dot-stretching{0%{transform:scale(1.25)}50%,60%{transform:scale(.8)}to{transform:scale(1.25)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(.7)}50%,60%{transform:translate(-20px) scale(1)}to{transform:translate(0) scale(.7)}}@keyframes dot-stretching-after{0%{transform:translate(0) scale(.7)}50%,60%{transform:translate(20px) scale(1)}to{transform:translate(0) scale(.7)}}.dot-gathering{position:relative;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px)}.dot-gathering:before,.dot-gathering:after{content:"";display:inline-block;position:absolute;top:0;left:-50px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;opacity:0;filter:blur(2px);animation:dot-gathering 2s infinite ease-in}.dot-gathering:after{animation-delay:.5s}@keyframes dot-gathering{0%{opacity:0;transform:translate(0)}35%,60%{opacity:1;transform:translate(50px)}to{opacity:0;transform:translate(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;animation:dot-hourglass 2.4s infinite ease-in-out;animation-delay:.6s}.dot-hourglass:before,.dot-hourglass:after{content:"";display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;filter:blur(2px)}.dot-hourglass:before{top:30px}.dot-hourglass:after{animation:dot-hourglass-after 2.4s infinite cubic-bezier(.65,.05,.36,1)}@keyframes dot-hourglass{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}to{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:transparent;color:#000;margin:-1px 0;box-shadow:0 -20px;filter:blur(2px);animation:dot-overtaking 2s infinite cubic-bezier(.2,.6,.8,.2)}.dot-overtaking:before,.dot-overtaking:after{content:"";display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:transparent;color:#000;box-shadow:0 -20px;filter:blur(2px)}.dot-overtaking:before{animation:dot-overtaking 2s infinite cubic-bezier(.2,.6,.8,.2);animation-delay:.3s}.dot-overtaking:after{animation:dot-overtaking 1.5s infinite cubic-bezier(.2,.6,.8,.2);animation-delay:.6s}@keyframes dot-overtaking{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px)}.dot-shuttle:before,.dot-shuttle:after{content:"";display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;filter:blur(2px)}.dot-shuttle:before{left:15px;animation:dot-shuttle 2s infinite ease-out}.dot-shuttle:after{left:30px}@keyframes dot-shuttle{0%,50%,to{transform:translate(0)}25%{transform:translate(-45px)}75%{transform:translate(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing:before{content:"\26bd\1f3c0\1f3d0";display:inline-block;position:relative;animation:dot-bouncing 1s infinite}@keyframes dot-bouncing{0%{top:-20px;animation-timing-function:ease-in}34%{transform:scale(1)}35%{top:20px;animation-timing-function:ease-out;transform:scale(1.5,.5)}45%{transform:scale(1)}90%{top:-20px}to{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling:before{content:"\26bd";display:inline-block;position:relative;transform:translate(-25px);animation:dot-rolling 3s infinite}@keyframes dot-rolling{0%{content:"\26bd";transform:translate(-25px) rotate(0)}16.667%{content:"\26bd";transform:translate(25px) rotate(720deg)}33.333%{content:"\26bd";transform:translate(-25px) rotate(0)}34.333%{content:"\1f3c0";transform:translate(-25px) rotate(0)}50%{content:"\1f3c0";transform:translate(25px) rotate(720deg)}66.667%{content:"\1f3c0";transform:translate(-25px) rotate(0)}67.667%{content:"\1f3d0";transform:translate(-25px) rotate(0)}83.333%{content:"\1f3d0";transform:translate(25px) rotate(720deg)}to{content:"\1f3d0";transform:translate(-25px) rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/three-dots.css.map */