:root{--screen-xxs:320px;--screen-xs:576px;--screen-sm:768px;--screen-md:1024px;--screen-lg:1160px}.loader{height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%}.loader--active{transition-delay:0s;transition-duration:.3s;transition-property:all;transition-timing-function:ease;visibility:visible}.loader__icon{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#b20fc0;height:50px;left:50%;position:absolute;top:45%;width:50px;z-index:10}.loader__bg{background:#fff;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:9}.loader--active .loader__bg{opacity:.5;transition-delay:0s;transition-duration:.3s;transition-property:all;transition-timing-function:ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}