.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}.loader--overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.loader--overlay .loader__icon{left:auto;position:relative;top:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}