.preloader{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--clr-accent-100);-webkit-transition:.35s;-o-transition:.35s;transition:.35s;z-index:1000}.preloader.hide{display:none}.preloader-logo{position:relative;margin:auto;max-width:74px;-webkit-animation:logo 3s ease-in-out infinite;animation:logo 3s ease-in-out infinite;-webkit-perspective:100px;perspective:100px;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes logo{0%{-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0);opacity:1}50%{-webkit-transform:scale(.95) rotateY(180deg);transform:scale(.95) rotateY(180deg);opacity:.7}100%{-webkit-transform:scale(1) rotateY(360deg);transform:scale(1) rotateY(360deg);opacity:1}}@keyframes logo{0%{-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0);opacity:1}50%{-webkit-transform:scale(.95) rotateY(180deg);transform:scale(.95) rotateY(180deg);opacity:.7}100%{-webkit-transform:scale(1) rotateY(360deg);transform:scale(1) rotateY(360deg);opacity:1}}.preloader-logo-border{stroke:#516f3f;stroke-dasharray:1300;stroke-dashoffset:1300;opacity:0;-webkit-animation:logoBorder .9s ease-out forwards;animation:logoBorder .9s ease-out forwards;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes logoBorder{0%{stroke-dashoffset:1300;opacity:0}100%{stroke-dashoffset:0;opacity:1}}@keyframes logoBorder{0%{stroke-dashoffset:1300;opacity:0}100%{stroke-dashoffset:0;opacity:1}}.preloader-logo-bg{fill:#516f3f;opacity:0;-webkit-animation:logoBg .3s ease-in forwards;animation:logoBg .3s ease-in forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes logoBg{0%{opacity:0}100%{opacity:1}}@keyframes logoBg{0%{opacity:0}100%{opacity:1}}