.loader{z-index:100;color:#fff;pointer-events:auto;width:100%;height:100dvh;position:fixed;inset:0}.loader[data-complete],.loader[data-under]{z-index:1;pointer-events:none}.loader__bg{background-color:var(--bg,#000);width:100%;height:100%;transition:background-color .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0%}.loader__container{z-index:2;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.loader__bg-bar{z-index:1;transform-origin:0%;transform-style:preserve-3d;background-color:#7a7a7a;width:100%;height:.35em;position:absolute;inset:auto 0% 0%;transform:scaleX(0)}.loader__title{width:100%;color:var(--title-color-dark,#8a8a8a);text-align:center;margin:0}.loader__title-wrap{opacity:0;visibility:hidden;width:min(92vw,100%);max-width:100%;position:relative}.loader__title.is--top{clip-path:inset(0% 100% 0% 0%);position:absolute;inset:0}.loader__title-line{opacity:var(--title-opacity-dark,1);display:block;overflow:hidden}.loader__title.is--base .loader__title-line{opacity:calc(var(--title-opacity-dark,1) * .2)}.loader__title-line>span{display:block}.loader__title-line>.roll-text{justify-content:center;display:flex}.loader[data-complete] .loader__bg,.loader[data-complete] .loader__bg-bar{visibility:hidden;pointer-events:none}html[data-theme=light] .loader__bg-bar{background-color:#b0b0b0}html[data-theme=light] .loader__title{color:var(--title-color-light,#9a9a9a)}html[data-theme=light] .loader__title-line{opacity:var(--title-opacity-light,1)}html[data-theme=light] .loader__title.is--base .loader__title-line{opacity:calc(var(--title-opacity-light,1) * .2)}