@layer components{.c-asset{--_asset-top:0;--_asset-left:0;--_asset-width:100%;--_asset-height:100%;--_asset-bg:transparent;--loader-spinner-color-bg:#0000001a}@supports (color:color-mix(in lab, red, red)){.c-asset{--loader-spinner-color-bg:color-mix(in oklab,var(--color-black)10%,transparent)}}.c-asset{--loader-spinner-size:4rem;width:var(--asset-width,var(--_asset-width));background-color:var(--asset-bg,var(--_asset-bg));position:relative;overflow:hidden}.c-asset.-cover,.c-asset.-cover .c-asset,.c-asset.-contain,.c-asset.-contain .c-asset{top:var(--asset-top,var(--_asset-top));left:var(--asset-left,var(--_asset-left));height:var(--asset-height,var(--_asset-height));position:absolute}.c-asset_loader{pointer-events:none!important}.c-asset:not(.is-loaded) .c-asset_loader .c-loader-spinner,.c-asset:not(.is-loaded) .c-asset_loader.c-loader-spinner{cursor:wait;pointer-events:initial;opacity:1}:is(.c-asset:not(.is-loaded) .c-asset_loader .c-loader-spinner,.c-asset:not(.is-loaded) .c-asset_loader.c-loader-spinner):before{animation-play-state:running}.c-asset_inner{transition-property:transform;transition-duration:.3s;transition-timing-function:ease;overflow:hidden}.c-asset.-cover .c-asset_inner,.c-asset.-contain .c-asset_inner{width:100%;height:100%;position:absolute;top:0;left:0}.c-asset_element{width:100%;height:auto}.c-asset.-cover .c-asset_element{object-position:50% 50%;object-fit:cover;height:100%}.c-asset.-contain .c-asset_element{object-position:50% 50%;object-fit:contain;height:100%}}