.animated-logo-container{position:relative;display:inline-block;width:100%;max-width:400px;height:auto}.animated-logo{width:100%;height:auto;display:block;transition:opacity .3s ease-in-out}.animated-logo:hover{opacity:.8}.logo-path{fill:none;stroke:#135016;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLogo 3s ease-in-out forwards}.logo-path-delay-1{animation-delay:.1s}.logo-path-delay-2{animation-delay:.2s}.logo-path-delay-3{animation-delay:.3s}.logo-path-delay-4{animation-delay:.4s}.logo-path-delay-5{animation-delay:.5s}.logo-path-delay-6{animation-delay:.6s}.logo-path-delay-7{animation-delay:.7s}.logo-path-delay-8{animation-delay:.8s}.logo-path-delay-9{animation-delay:.9s}.logo-path-delay-10{animation-delay:1s}.logo-path-delay-11{animation-delay:1.1s}.logo-path-delay-12{animation-delay:1.2s}@keyframes drawLogo{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}.logo-fill{fill:#135016;opacity:0;animation:fillLogo .8s ease-in-out forwards;animation-delay:2.5s}@keyframes fillLogo{0%{opacity:0}to{opacity:1}}.logo-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .5s ease-in-out}.logo-loading-screen--hidden{opacity:0;pointer-events:none}.logo-loading-screen__content{text-align:center;max-width:500px;padding:2rem}.logo-loading-screen__logo{margin-bottom:2rem;max-width:400px;width:100%;color:#135016}.logo-loading-screen__text{font-size:1.2rem;color:#666;margin-bottom:1rem}.logo-loading-screen__progress{width:100%;height:2px;background:#0000001a;border-radius:1px;overflow:hidden}.logo-loading-screen__progress-bar{height:100%;background:#135016;width:0%;animation:progressBar 4s ease-in-out forwards}@keyframes progressBar{0%{width:0%}to{width:100%}}body.logo-loading{overflow:hidden}.header__heading-logo--loading{opacity:0;visibility:hidden}.header__heading-logo--loaded{opacity:1;visibility:visible;transition:opacity .5s ease-in-out}@media screen and (max-width: 749px){.animated-logo-container,.logo-loading-screen__logo{max-width:300px}.logo-loading-screen__text{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-animated-logo.css.map */