*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;font-size: 11.5px; } @media (min-width: 576px) {html {font-size: 12px;} } @media (min-width: 768px) {html {font-size: 12.5px;} } @media (min-width: 992px) {html {font-size: 13px;} } @media (min-width: 1100px) {html {font-size: 13.5px;} } @media (min-width: 1300px) {html {font-size: 14px;} } body {display: flex;flex-direction: column;flex-wrap: nowrap;min-height: 100%; } .main {flex-grow: 1; } .loader {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 100;background: white;display: flex;align-items: center;justify-content: center;flex-direction: column; } .loader .progress {width: 14.2857142857rem;height: 0.2142857143rem; } .loader .percent {white-space: nowrap; } .side-loader {background: rgba(255, 255, 255, 0.75);position: fixed;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 9;right: 0;left: 0; }