.preloader{z-index:9999;width:100%;height:100vh;position:fixed;top:0;left:0;background-color:var(--bg-light)}.preloader.hide{-webkit-animation:hide-preloader .5s 1 ease-in-out;animation:hide-preloader .5s 1 ease-in-out}@-moz-keyframes hide-preloader{from{opacity:1}to{opacity:0}}@-webkit-keyframes hide-preloader{from{opacity:1}to{opacity:0}}@-o-keyframes hide-preloader{from{opacity:1}to{opacity:0}}@keyframes hide-preloader{from{opacity:1}to{opacity:0}}.preloader svg.tea{--secondary:var(--primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader svg.tea #teabag{transform-origin:top center;transform:rotate(3deg);animation:swing 2s infinite}.preloader svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13;animation:steamLarge 2s infinite}.preloader svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9;animation:steamSmall 2s infinite}@-moz-keyframes swing{50%{transform:rotate(-3deg)}}@-webkit-keyframes swing{50%{transform:rotate(-3deg)}}@-o-keyframes swing{50%{transform:rotate(-3deg)}}@keyframes swing{50%{transform:rotate(-3deg)}}@-moz-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}100%{stroke-dashoffset:39;opacity:0}}@-webkit-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}100%{stroke-dashoffset:39;opacity:0}}@-o-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}100%{stroke-dashoffset:39;opacity:0}}@keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}100%{stroke-dashoffset:39;opacity:0}}@-moz-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}100%{stroke-dashoffset:27;opacity:0}}@-webkit-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}100%{stroke-dashoffset:27;opacity:0}}@-o-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}100%{stroke-dashoffset:27;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}100%{stroke-dashoffset:27;opacity:0}}