.app{height:100%}.app__overlay{bottom:0;display:grid;left:0;position:fixed;right:0;top:0;transition:opacity .24s linear;z-index:5}.app__overlay.is-enter-from,.app__overlay.is-leave-to{opacity:0}.app__overlay:before{background-color:var(--color-primary);content:'';height:.25rem;width:95%}.app__overlay.is-enter-active:before{transition:width 4.8s ease-out}.app__overlay.is-enter-from:before{width:0%}.app__overlay.is-leave-active:before{transition:width .24s linear}.app__overlay.is-leave-to:before{width:100%}:root{--color-0dp:#1e1e1e;--color-0dp-overlay:hsla(0, 0%, 12%, .75);--color-0dp-content:hsla(0, 0%, 100%, .87);--color-0dp-content-secondary:hsla(0, 0%, 100%, .6);--color-1dp:#2a2a2a;--color-2dp-dark:#313131;--color-2dp-dark-content:hsla(0, 0%, 100%, .87);--color-3dp:#333333;--color-3dp-primary:#333333;--color-3dp-primary-content:hsla(0, 0%, 100%, .87);--color-3dp-primary-content-active:hsla(0, 0%, 100%, .6);--color-danger:#e8535a;--color-danger-active:#f1333c;--color-depth:hsla(0, 0%, 0%, .1);--color-negative:#e8535a;--color-positive:#139c31;--color-primary:#56b4ab;--color-primary-active:#32a19c;--color-primary-content:#1e1e1e}body{background-color:var(--color-0dp);height:100%;margin:0}html{height:100%}#app{height:100%}.is-theme-light{--color-0dp:#d8dee9;--color-0dp-overlay:hsl(218.8, 27.9%, 88%, .75);--color-0dp-content:hsla(0, 0%, 0%, .87);--color-0dp-content-secondary:hsla(0, 0%, 0%, .5);--color-1dp:#eceff4;--color-3dp:#eceff4;--color-3dp-primary:#1b847c;--color-danger:#ed333c;--color-danger-active:#fb000d;--color-negative:#ed333c;--color-positive:#009924;--color-primary:#1b847c;--color-primary-active:#186c63;--color-primary-content:hsla(0, 0%, 100%, .87)}