@layer utilities{:root{--u-preloader--color--surface:var(--color--surface);--u-preloader--color--surface-border:var(--color--surface-border);--u-preloader--border-radius:var(--border-radius);--u-preloader--inner--color--surface:var(--color--surface);--u-preloader--inner--color--surface-border:var(--color--surface-border);--u-preloader--inner--border-radius:var(--border-radius)}.u-preloader{--u-preloader--color:var(--u-preloader--color--surface,var(--inherit-color-background,var(--u-preloader--color--surface-default,var(--color--surface))));--u-preloader--color-shimmer:var(--u-preloader--color--surface-border,var(--inherit-color-border,var(--u-preloader--color--surface-border-default,var(--color--surface-border))));--u-preloader--shimmer:linear-gradient(90deg,var(--u-preloader--color) 8%,var(--u-preloader--color-shimmer) 18%,var(--u-preloader--color) 33%);cursor:default;filter:unset!important;position:relative}.u-preloader:after,.u-preloader:before{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:var(--u-preloader--shimmer);background-size:200% 100%;border-radius:inherit;content:"";inset:0;position:absolute}.u-preloader *{visibility:hidden}.u-preloader__opacity--1:after,.u-preloader__opacity--1:before{opacity:.1}.u-preloader__opacity--2:after,.u-preloader__opacity--2:before{opacity:.2}.u-preloader__opacity--3:after,.u-preloader__opacity--3:before{opacity:.3}.u-preloader__opacity--4:after,.u-preloader__opacity--4:before{opacity:.4}.u-preloader__opacity--5:after,.u-preloader__opacity--5:before{opacity:.5}.u-preloader__opacity--6:after,.u-preloader__opacity--6:before{opacity:.6}.u-preloader__opacity--7:after,.u-preloader__opacity--7:before{opacity:.7}.u-preloader__opacity--8:after,.u-preloader__opacity--8:before{opacity:.8}.u-preloader__opacity--9:after,.u-preloader__opacity--9:before{opacity:.9}.u-preloader__opacity--10:after,.u-preloader__opacity--10:before{opacity:1}.u-preloader--inner{--u-preloader--inner--color:var(--u-preloader--inner--color--surface,var(--inherit-color-background,var(--u-preloader--inner--color--surface-default,var(--color--surface))));--u-preloader--inner--color-shimmer:var(--u-preloader--inner--color--surface-border,var(--inherit-color-border,var(--u-preloader--inner--color--surface-border-default,var(--color--surface-border))));--u-preloader--inner--shimmer:linear-gradient(90deg,var(--u-preloader--inner--color) 8%,var(--u-preloader--inner--color-shimmer) 18%,var(--u-preloader--inner--color) 33%)}.u-preloader--inner .u-preloader--exclude,.u-preloader--inner.u-preloader--exclude .c-datebadge{visibility:hidden!important}.u-preloader--inner .c-avatar,.u-preloader--inner .c-button,.u-preloader--inner .c-date,.u-preloader--inner .c-datebadge,.u-preloader--inner .c-field,.u-preloader--inner .c-image,.u-preloader--inner .c-link,.u-preloader--inner .c-option,.u-preloader--inner .c-select,.u-preloader--inner .c-table__column-content,.u-preloader--inner .c-typography{background:unset;color:transparent;contain:layout paint;cursor:default;filter:unset!important}.u-preloader--inner .c-avatar:after,.u-preloader--inner .c-avatar:before,.u-preloader--inner .c-button:after,.u-preloader--inner .c-button:before,.u-preloader--inner .c-date:after,.u-preloader--inner .c-date:before,.u-preloader--inner .c-datebadge:after,.u-preloader--inner .c-datebadge:before,.u-preloader--inner .c-field:after,.u-preloader--inner .c-field:before,.u-preloader--inner .c-image:after,.u-preloader--inner .c-image:before,.u-preloader--inner .c-link:after,.u-preloader--inner .c-link:before,.u-preloader--inner .c-option:after,.u-preloader--inner .c-option:before,.u-preloader--inner .c-select:after,.u-preloader--inner .c-select:before,.u-preloader--inner .c-table__column-content:after,.u-preloader--inner .c-table__column-content:before,.u-preloader--inner .c-typography:after,.u-preloader--inner .c-typography:before{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:var(--u-preloader--inner--shimmer);background-size:200% 100%;border-radius:calc((var(--u-preloader--inner--border-radius, var(--border-radius)))*var(--base)*1);contain:paint;content:"";inset:0;position:absolute}.u-preloader--inner .c-avatar *,.u-preloader--inner .c-button *,.u-preloader--inner .c-date *,.u-preloader--inner .c-datebadge *,.u-preloader--inner .c-field *,.u-preloader--inner .c-image *,.u-preloader--inner .c-link *,.u-preloader--inner .c-option *,.u-preloader--inner .c-select *,.u-preloader--inner .c-table__column-content *,.u-preloader--inner .c-typography *{opacity:0}.u-preloader--inner .c-table__column-content{display:block}.u-preloader--inner .c-icon{aspect-ratio:1/1;background:unset;color:transparent;contain:layout paint;cursor:default;display:inline-flex;filter:unset!important}.u-preloader--inner .c-icon:before{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:var(--u-preloader--inner--shimmer);background-size:200% 100%;border-radius:50%;contain:paint;content:"";inset:0;position:absolute}.u-preloader--inner .c-icon:after{opacity:0}@keyframes placeHolderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}