.Spinner.a{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:rgb(var(--color-palette-a)/1)}.Spinner.a:after,.Spinner.a:before{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:spin 1s linear infinite}.Spinner.a:after{color:rgb(var(--color-palette-b)/1);transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes spin{0%,to{box-shadow:.35em 0 0 0 currentcolor}12%{box-shadow:.35em .35em 0 0 currentcolor}25%{box-shadow:0 .35em 0 0 currentcolor}37%{box-shadow:-.35em .35em 0 0 currentcolor}50%{box-shadow:-.35em 0 0 0 currentcolor}62%{box-shadow:-.35em -.35em 0 0 currentcolor}75%{box-shadow:0 -.35em 0 0 currentcolor}87%{box-shadow:.35em -.35em 0 0 currentcolor}}.Spinner.b{display:inline-block;border-top:4px solid rgb(var(--color-palette-a)/1);border-right:4px solid transparent;animation:rotation 1s linear infinite}.Spinner.b,.Spinner.b:after{width:48px;height:48px;border-radius:50%;box-sizing:border-box}.Spinner.b:after{content:"";position:absolute;left:0;top:0;border-bottom:4px solid rgb(var(--color-palette-b)/1);border-left:4px solid transparent}.Spinner.c{display:inline-block;border-top:4px solid rgb(var(--color-palette-a)/1);border-right:4px solid transparent;animation:rotation 1s linear infinite}.Spinner.c,.Spinner.c:after{width:48px;height:48px;border-radius:50%;box-sizing:border-box}.Spinner.c:after{content:"";position:absolute;left:0;top:0;border-left:4px solid rgb(var(--color-palette-b)/1);border-bottom:4px solid transparent;animation:rotation .5s linear infinite reverse}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vod *{transition:transform .2s linear}.vod .box{box-shadow:inset 0 0 0 1px hsla(0,0%,50%,.102)}.vod .overlay{background:linear-gradient(0deg,rgb(var(--color-highlight)/.8) 0,rgb(var(--color-highlight)/.8) 15%,hsla(0,0%,100%,0) 100%)}.btn-solid{background-color:rgb(var(--color-palette-a)/1)}.btn-solid:hover{background-color:rgb(var(--color-palette-a-darker)/1)}.btn-solid:active{background-color:rgb(var(--color-palette-a-darkest)/1)}.btn-ripple{position:relative;overflow:hidden;background:rgb(var(--color-palette-a)/1)}.btn-ripple .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;background:rgb(var(--color-palette-a-darkest)/.8)}.btn-gradient{background:linear-gradient(to right,rgb(var(--color-palette-a)/1),rgb(var(--color-palette-b)/1))}.btn-gradient:not(:disabled):hover{background-size:200% 100%;animation:btn-gradient-animation 2s ease infinite}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@keyframes btn-gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn .progress-bar{height:4px;background-color:rgba(5,114,206,.2);width:100%;overflow:hidden}.btn .progress-bar-value{width:100%;height:100%;background-color:#0572ce;animation:indeterminateAnimation 1s linear infinite;transform-origin:0 50%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}