:root { --hasDarkBG: 1; }





.spinner__loader{width: 100%; height: 650px; background-color: transparent; margin: 0 auto; padding: 250px 0 40px; text-align: center;}@media only screen and (max-width: 760px){.spinner__loader{padding-top: 200px;}}.spinner__loader-logo{position: relative; display: inline-block; width: 50px; height: 50px; margin: 50px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjUgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTE2LjkyLDEyLjZjLTAuODksMC0xLjQ3LTAuNjgtMS40Ny0xLjU0YzAtMC4wNywwLjAxLTAuMTQsMC4wMS0wLjIxYzAtMC4wMSwwLTAuMDMsMC0wLjA0YzAuMS0wLjc0LDAuNjUtMS4yOSwxLjQ2LTEuMjkKCWMwLjg5LDAsMS40NywwLjY4LDEuNDcsMS41NEMxOC40LDExLjkyLDE3LjgxLDEyLjYsMTYuOTIsMTIuNiBNMTQuOTEsMTYuODNsLTIuMTMtMi43NWMwLjc4LTAuMjUsMS40MS0wLjY2LDEuODctMS4yMwoJYzAuNTEsMC42NCwxLjMxLDEuMDUsMi4yNywxLjA1YzAuMDEsMCwwLjA3LDAsMC4wNywwTDE0LjkxLDE2LjgzeiBNMTYuOTIsOC4yMmMtMC42MSwwLTEuMTYsMC4xNy0xLjYsMC40NQoJYy0wLjUyLTEuOC0yLjA4LTIuODEtNC40Ni0yLjgxSDcuMXYxLjMxaDMuODZjMS45NywwLDMuMTMsMS4wNywzLjEzLDIuOTRjMCwxLjg3LTEuMTcsMi45NC0zLjEzLDIuOTRoLTAuMDNsMC4yMi0wLjMzCgljMC40OC0wLjcyLDAuOTEtMS40MiwwLjkxLTIuMDljMC0xLjM3LTAuODctMi40MS0yLjU3LTIuNDFjLTEuNDcsMC0yLjU4LDEuMTQtMi41OCwyLjQ2aDEuNGMwLTAuNjYsMC40My0xLjE1LDEuMTgtMS4xNQoJYzAuOCwwLDEuMTcsMC40NiwxLjE3LDEuMTRjMCwwLjUyLTAuMzMsMS4wNC0wLjcsMS41N2wtMC41NiwwLjgxSDcuMXYxLjNoMS40MWwtMi40NiwzLjZoNS44OXYtMS4zMUg4LjQ3bDEuNTctMi4yOWgwLjgyCgljMC4xNCwwLDAuMjcsMCwwLjQtMC4wMWw0LjEyLDUuMzhoMS43N2wtMS4zNi0xLjc2bDIuNTktMy43OGMwLjY3LTAuOTQsMS40NC0xLjk1LDEuNDQtMy4xMkMxOS44MSw5LjUsMTguNjIsOC4yMiwxNi45Miw4LjIyIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="); background-size: cover; background-position: center center; z-index: 1; opacity: 0.3;}.spinner__loader-logo::before{content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 50px; height: 50px; border-left: 3px solid #333; border-right: 3px solid #333; border-top: 3px solid #333; border-bottom: 3px solid transparent; border-radius: 50%; -webkit-animation: loaderspin 1s linear 0s infinite normal; z-index: 2;}@-webkit-keyframes loaderspin{0%{-webkit-transform: rotate(360deg);}100%{-webkit-transform: rotate(0deg);}}.spinner__loader{filter: invert(var(--hasDarkBG));}