.loader{background:#fff;position:fixed;top:0;right:0;height:100vh;left:0;z-index:10;text-align:center;display:none;flex-direction:column;justify-content:center}.loading .loader{display:flex;opacity:1;align-items:center}.loading .loader .ring{border:16px solid #f3f3f3;border-top:16px solid #676767;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}.loaded .loader{opacity:0;transition:opacity 1s;pointer-events:none}.unloading .loader{transition:opacity .5s;opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}