.b-loading-page{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;z-index:101}.b-loading-area{height:100%;min-height:100px;width:100%}.b-loading-area__slot--show{opacity:0}.b-loading-area__inner{min-height:100px;position:relative}.b-loading-area__spinner,.b-loading-page__spinner{align-items:center;background:var(--color-alpha-50);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:1}.b-loading-page__spinner{background:var(--color-surface)}.b-loading-page__leave{animation:loading-page-leave-portrait 1s cubic-bezier(.25,.46,.45,.94) forwards;top:0;right:0;bottom:0;left:0;position:fixed}@media (orientation:landscape){.b-loading-page__leave{animation-name:loading-page-leave-landscape}}.b-loading-page__leave:before{background-color:var(--color-alpha-50);content:"";height:100%;left:-88.2vh;position:absolute;transform:skew(-45deg);width:38.2vh}@media (orientation:landscape){.b-loading-page__leave:before{left:-88.2vw;width:38.2vw}}.b-loading-page__leave:after{background-color:var(--color-surface);content:"";height:100%;left:-50vh;position:absolute;transform:skew(-45deg);width:250vh}@media (orientation:landscape){.b-loading-page__leave:after{left:-50vw;width:250vw}}@keyframes loading-page-leave-portrait{to{transform:translate(250vh)}}@keyframes loading-page-leave-landscape{to{transform:translate(250vw)}}.b-loading-spinner{--size:var(--space-xl);--border:6px;animation:spin 1s linear infinite;border:var(--border) solid var(--color-line);border-radius:50%;border-top:var(--border) solid var(--color-accent);flex-shrink:0;height:var(--size);width:var(--size)}.b-loading-spinner--inverted{border-color:var(--color-back);border-top-color:var(--color-dark-alpha-200)}.b-loading-spinner--xs{--size:var(--space-s);--border:2px}.b-loading-spinner--sm{--size:var(--space-m);--border:4px}.b-loading-page .b-loading-spinner{--size:var(--space-5xl);--border:calc(var(--space-5xl)/2);border:var(--border) solid transparent;border-top:var(--border) solid var(--color-accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}