/*! FSB - Spinner | Author: Frontend Soldier Borsch | Author URI: frontend-soldier-borsch.de | Author contact: borsch@frontend-soldier.de | Version: 1.0.0 | License: GNU General Public License v3 | License URI: www.gnu.org/licenses/gpl-3.0.html */
.spinner-frame{position:fixed;background-color:rgba(255,255,255,.8);opacity:0;top:0;right:0;bottom:0;left:0;z-index:-1}.spinner-frame.is-active{opacity:1;z-index:10000000}.spinner{position:absolute;height:8rem;width:8rem;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner-element{position:absolute;height:10%;width:10%;top:0;left:45%;transform-origin:50% 500%}.spinner-element.se-1{transform:rotate(0);animation-delay:0s}.spinner-element.se-2{transform:rotate(22.5deg);animation-delay:calc( .0625 * 1s )}.spinner-element.se-3{transform:rotate(45deg);animation-delay:calc( .125 * 1s )}.spinner-element.se-4{transform:rotate(67.5deg);animation-delay:calc( .1875 * 1s )}.spinner-element.se-5{transform:rotate(90deg);animation-delay:calc( .25 * 1s )}.spinner-element.se-6{transform:rotate(112.5deg);animation-delay:calc( .3125 * 1s )}.spinner-element.se-7{transform:rotate(135deg);animation-delay:calc( .375 * 1s )}.spinner-element.se-8{transform:rotate(157.5deg);animation-delay:calc( .4375 * 1s )}.spinner-element.se-9{transform:rotate(180deg);animation-delay:calc( .5 * 1s )}.spinner-element.se-10{transform:rotate(202.5deg);animation-delay:calc( .5625 * 1s )}.spinner-element.se-11{transform:rotate(225deg);animation-delay:calc( .625 * 1s )}.spinner-element.se-12{transform:rotate(247.5deg);animation-delay:calc( .6875 * 1s )}.spinner-element.se-13{transform:rotate(270deg);animation-delay:calc( .75 * 1s )}.spinner-element.se-14{transform:rotate(292.5deg);animation-delay:calc( .8125 * 1s )}.spinner-element.se-15{transform:rotate(315deg);animation-delay:calc( .875 * 1s )}.spinner-element.se-16{transform:rotate(337.5deg);animation-delay:calc( .9375 * 1s )}.spinner-element::after{content:'';position:absolute;background-color:grey;top:0;right:0;bottom:0;left:0;border-radius:100%;animation:none;transform:scale(.5)}.spinner-frame.is-active .spinner-element::after{animation:1s step-start infinite fsb-spinner;animation-delay:inherit}@keyframes fsb-spinner{0%{background-color:#1a1a1a;transform:scale(1)}6.25%{background-color:#262626;transform:scale(.9375)}12.5%{background-color:#333;transform:scale(.875)}18.75%{background-color:#404040;transform:scale(.8125)}25%{background-color:#4d4d4d;transform:scale(.75)}31.25%{background-color:#595959;transform:scale(.6875)}37.5%{background-color:#606060;transform:scale(.625)}43.75%{background-color:#737373;transform:scale(.5625)}100%,50%{background-color:grey;transform:scale(.5)}}