@keyframes underline{0%{background-position:100% 0;background-size:100% 100%}50%{background-position:100% 0;background-size:0 100%}51%{background-position:0 0;background-size:0 100%}to{background-position:0 0;background-size:100% 100%}}.loading{display:flex;flex-direction:column;height:calc(var(--baseline)*2);height:100%;margin-top:25vh;position:relative;width:100%;z-index:100}.loading,.loading--full-page{align-items:center;justify-content:center}.loading--full-page{align-content:center;display:grid;height:100vh;left:0;margin:0;place-items:center;position:fixed;top:0;width:100vw}.loading__icon{display:block;height:calc(var(--baseline)*2);justify-content:center;margin:0 auto var(--baseline) auto;place-self:center;width:calc(var(--baseline)*2)}@media (min-width:1024px){.loading__icon{height:calc(var(--baseline)*5);width:calc(var(--baseline)*5)}}.loading .loading-transition-enter-active,.loading .loading-transition-leave-active{left:0;opacity:1;position:absolute;top:0;transform:scale(1);transition:transform .5s cubic-bezier(1,0,0,1) 0s,opacity .5s cubic-bezier(1,0,0,1);width:100%}.loading .loading-transition-enter,.loading .loading-transition-leave-to{opacity:0;transform:scale(.8)}.loading--small{height:var(--baseline);margin:0 auto}.loading--small .loading__icon{height:var(--baseline);width:var(--baseline)}