.portal-loading-surface,.customer-dashboard,.user-switch-loading-region{--loading-shade:var(--portal-shimmer-shade,#7850d912);--loading-wave:var(--portal-shimmer-wave,#7850d921);--loading-placeholder:var(--portal-skeleton,#e9eaf0)}.dark .portal-loading-surface,.dark .customer-dashboard,.dark .user-switch-loading-region{--loading-shade:var(--portal-shimmer-shade,#aa87ef14);--loading-wave:var(--portal-shimmer-wave,#aa87ef2b);--loading-placeholder:var(--portal-skeleton,#343641)}.portal-shimmer-overlay{isolation:isolate;pointer-events:none;overflow:hidden}.portal-loading-surface.portal-detail-loading{background:var(--portal-surface);--loading-shade:color-mix(in srgb, var(--portal-shimmer-shade,#7850d912) 50%, transparent);--loading-wave:color-mix(in srgb, var(--portal-shimmer-wave,#7850d921) 70%, transparent)}:-webkit-any(.portal-shimmer-overlay,.portal-skeleton-content :-webkit-any(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar),.dashboard-skeleton-card,.customer-dashboard .relative:has(>.dashboard-refresh-status) :-webkit-any(.card,.metric),.user-switch-loading-region[data-refreshing=true]>.grid,.user-switch-skeleton-row):before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:var(--loading-shade);position:absolute;top:0;bottom:0;left:0;right:0}:is(.portal-shimmer-overlay,.portal-skeleton-content :is(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar),.dashboard-skeleton-card,.customer-dashboard .relative:has(>.dashboard-refresh-status) :is(.card,.metric),.user-switch-loading-region[data-refreshing=true]>.grid,.user-switch-skeleton-row):before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:var(--loading-shade);position:absolute;top:0;bottom:0;left:0;right:0}:-webkit-any(.portal-shimmer-overlay,.portal-skeleton-content :-webkit-any(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar),.dashboard-skeleton-card,.customer-dashboard .relative:has(>.dashboard-refresh-status) :-webkit-any(.card,.metric),.user-switch-loading-region[data-refreshing=true]>.grid,.user-switch-skeleton-row):after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg, transparent, var(--loading-wave), transparent) center / clamp(80px, 40%, 320px) 100% no-repeat;animation:portal-shading-wave var(--portal-shimmer-duration,1.8s) var(--portal-shimmer-easing,ease-in-out) infinite;position:absolute;top:0;bottom:0;left:0;right:0}:is(.portal-shimmer-overlay,.portal-skeleton-content :is(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar),.dashboard-skeleton-card,.customer-dashboard .relative:has(>.dashboard-refresh-status) :is(.card,.metric),.user-switch-loading-region[data-refreshing=true]>.grid,.user-switch-skeleton-row):after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg, transparent, var(--loading-wave), transparent) center / clamp(80px, 40%, 320px) 100% no-repeat;animation:portal-shading-wave var(--portal-shimmer-duration,1.8s) var(--portal-shimmer-easing,ease-in-out) infinite;position:absolute;top:0;bottom:0;left:0;right:0}.portal-skeleton-content{width:100%;padding:var(--portal-panel-padding,20px);position:relative;overflow:hidden}.portal-skeleton-content :-webkit-any(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar){position:relative;overflow:hidden}.portal-skeleton-content :is(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar){position:relative;overflow:hidden}.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar{background:var(--loading-placeholder);border-radius:var(--portal-radius-control,9px);display:block}.portal-skeleton-heading{width:35%;height:20px;margin-bottom:20px}.portal-skeleton-row{align-items:center;gap:16px;padding:16px 0;display:flex}.portal-skeleton-row+.portal-skeleton-row{border-top:1px solid var(--portal-border,#e9eaf0)}.portal-skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.portal-skeleton-detail{flex:1;min-width:0}.portal-skeleton-line{width:65%;height:12px}.portal-skeleton-line+.portal-skeleton-line{width:45%;margin-top:9px}.portal-skeleton-row>.portal-skeleton-line{width:18%}.portal-loader-slot{aspect-ratio:1;display:inline-block;position:relative}.portal-loader-slot-content{border:1px solid var(--portal-border,#e9eaf0);border-radius:var(--portal-radius-panel,14px);background:var(--portal-surface,#fff);flex-direction:column;gap:10%;padding:12%;display:flex;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.portal-loader-slot-heading{background:var(--loading-placeholder);border-radius:3px;width:55%;height:9%;display:block}.portal-loader-slot-row{align-items:center;gap:10%;height:18%;display:flex}.portal-loader-slot-row>span{background:var(--loading-placeholder);border-radius:3px}.portal-loader-slot-row>span:first-child{aspect-ratio:1;border-radius:50%;width:20%}.portal-loader-slot-row>span:nth-child(2){width:40%;height:30%}.portal-loader-slot-row>span:last-child{width:20%;height:30%}@keyframes portal-shading-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){:-webkit-any(.portal-shimmer-overlay,.portal-skeleton-content :-webkit-any(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar),.dashboard-skeleton-card,.customer-dashboard .relative:has(>.dashboard-refresh-status) :-webkit-any(.card,.metric),.user-switch-loading-region[data-refreshing=true]>.grid,.user-switch-skeleton-row):after{animation:none;display:none}:is(.portal-shimmer-overlay,.portal-skeleton-content :is(.portal-skeleton-heading,.portal-skeleton-line,.portal-skeleton-avatar),.dashboard-skeleton-card,.customer-dashboard .relative:has(>.dashboard-refresh-status) :is(.card,.metric),.user-switch-loading-region[data-refreshing=true]>.grid,.user-switch-skeleton-row):after{animation:none;display:none}}.portal-skeleton-shape{background:var(--loading-placeholder);border-radius:var(--portal-radius-control,9px)}.portal-inline-loader>span{animation:portal-inline-shading var(--portal-shimmer-duration,1.8s) var(--portal-shimmer-easing,ease-in-out) infinite}.portal-inline-loader>span:nth-child(2){animation-delay:calc(var(--portal-shimmer-duration,1.8s) / 9)}.portal-inline-loader>span:nth-child(3){animation-delay:calc(var(--portal-shimmer-duration,1.8s) / 4.5)}@keyframes portal-inline-shading{0%,70%,to{opacity:.35}35%{opacity:1}}@media (prefers-reduced-motion:reduce){.portal-inline-loader>span{opacity:.7;animation:none}}
