.loading{padding:20px}.loading h2{font-size:1em}.loading-linear{z-index:0;--loading-light:var(--secondary-lighter);--loading-dark:var(--secondary-tint);background-color:var(--loading-light);height:2px;display:block;position:absolute;inset:0;overflow:hidden}.loading-linear span{transform-origin:0;background-color:var(--loading-dark);width:auto;transition:transform .2s linear,width .2s linear;position:absolute;top:0;bottom:0;left:0}.loading-linear span:nth-child(2){background-image:linear-gradient(90deg, rgba(var(--light-lighter-rgb), 0), var(--light-lighter), rgba(var(--light-lighter-rgb), 0));animation:2.1s cubic-bezier(.65,.815,.735,.395) infinite linear-anim-determinate}.loading-linear.indeterminate span:nth-child(2){background-image:none;animation:2.1s cubic-bezier(.65,.815,.735,.395) infinite linear-anim-indeterminate}@keyframes linear-anim-determinate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes linear-anim-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.loading-spinner{--loading-dark:var(--primary);display:inline-block}.loading-spinner span{background:var(--loading-dark);opacity:.2;border-radius:.5em;width:.4em;height:.4em;margin:.1em;animation:1.5s ease-in-out infinite dots-anim;display:inline-block}.loading-spinner span:nth-child(2){animation-delay:.2s}.loading-spinner span:nth-child(3){animation-delay:.4s}.loading-spinner span:nth-child(4){animation-delay:.6s}@keyframes dots-anim{0%{opacity:.2}20%{opacity:.2;transform:none}40%{opacity:1;transform:translateY(-.1em)scale(1.1)}60%{opacity:.2;transform:none}to{opacity:.2}}.secondary .loading-linear,.secondary .loading-spinner{--loading-light:var(--secondary-lighter);--loading-dark:var(--secondary-tint)}.tertiary .loading-linear,.tertiary .loading-spinner{--loading-light:var(--tertiary-lighter);--loading-dark:var(--tertiary-tint)}.success .loading-linear,.success .loading-spinner{--loading-light:var(--success-lighter);--loading-dark:var(--success-tint)}.warning .loading-linear,.warning .loading-spinner{--loading-light:var(--warning-lighter);--loading-dark:var(--warning-tint)}.danger .loading-linear,.danger .loading-spinner{--loading-light:var(--danger-lighter);--loading-dark:var(--danger-tint)}.loading-spinner.delayed,.loading-linear.delayed{visibility:hidden;animation:0s .2s forwards show-spinner}@keyframes show-spinner{0%{visibility:hidden}to{visibility:visible}}.loading-mask{z-index:100;background-color:rgba(var(--light-rgb), .2);color:var(--light-contrast);--heading-text:var(--light-contrast);place-items:center;font-size:1.5em;animation:.5s ease-out fadein;display:grid;position:absolute;inset:0}.loading-mask.delayed{opacity:0;animation-delay:.2s;animation-fill-mode:forwards}.loading-mask:before{content:"";background-image:linear-gradient(90deg, rgba(var(--light-rgb), .7), rgba(var(--light-shade-rgb), .5), rgba(var(--light-rgb), .7), rgba(var(--light-shade-rgb), .5));background-size:300% 100%;animation:10s linear infinite loading-mask-bg-anim;display:block;position:absolute;inset:0}.loading-mask .loading{z-index:1;position:relative}.loading-mask.fixed{position:fixed}@keyframes loading-mask-bg-anim{0%{background-position-x:0}to{background-position-x:100%}}