/* Loading uses the rendered component's own box model: no widths, gaps or fonts are replaced. */
:root{--stm-skeleton:#e4eae7;--stm-skeleton-soft:#edf1ef}
html.dark,html[data-bs-theme=dark]{--stm-skeleton:#353c43;--stm-skeleton-soft:#2c3239}
@property --stm-skeleton-tone{syntax:'<color>';inherits:false;initial-value:#e4eae7}
.stm-loading-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.stm-skeleton{pointer-events:none;user-select:none}
.stm-skeleton,.stm-skeleton *{color:transparent!important;text-shadow:none!important;caret-color:transparent!important}
.stm-skeleton :is(h1,h2,h3,h4,p,small,b,strong,bdi,time,dt,dd,label>span,input,textarea,select,button,a:not(:has(div,h1,h2,h3,p,img)),.avatar,.badge,canvas),.stm-skeleton:is(button,input,textarea,select,a),.stm-skeleton :is(th,td):not(:has(*)),.stm-skeleton label:not(:has(input,textarea,select)),.stm-skeleton-line,.stm-image-pending{--stm-skeleton-tone:var(--stm-skeleton);background:var(--stm-skeleton-tone)!important;background-image:none!important;box-shadow:none!important;animation:stm-skeleton-pulse 1.8s ease-in-out infinite}
.stm-skeleton :is(th,td):not(:has(*)),.stm-skeleton label:not(:has(input,textarea,select)){background-color:transparent!important;background-image:linear-gradient(var(--stm-skeleton-tone),var(--stm-skeleton-tone))!important;background-origin:content-box!important;background-clip:content-box!important;background-size:min(100%,12em) 1em!important;background-position:left center!important;background-repeat:no-repeat!important}
.stm-skeleton :is(th,td):not(:has(*)):dir(rtl),.stm-skeleton label:not(:has(input,textarea,select)):dir(rtl){background-position:right center!important}
.stm-skeleton label:not(:has(input,textarea,select))>span:not(.stm-skeleton){background:transparent!important;animation:none!important}
.stm-skeleton :is(button,a,input,textarea,select),.stm-skeleton:is(button,a,input,textarea,select){border-color:transparent!important}
.stm-skeleton :is(svg,iframe,.iti__flag),.stm-skeleton:is(svg,iframe){visibility:hidden!important}
.stm-skeleton img,img.stm-skeleton{object-fit:none!important;object-position:99999px 99999px!important;background:var(--stm-skeleton)!important;color:transparent!important}
.stm-skeleton .ig-mark{background:var(--stm-skeleton)!important;box-shadow:none!important}
.stm-skeleton .ig-mark>*{visibility:hidden!important}
.stm-skeleton canvas,canvas.stm-skeleton{opacity:0!important}
.stm-skeleton :has(>canvas){background:var(--stm-skeleton)!important}
.stm-skeleton :is(h1,h2,h3,h4,p,small,b,strong,bdi,time,dt,dd){border-radius:4px}
.stm-skeleton ::placeholder{color:transparent!important}
.stm-skeleton::before,.stm-skeleton::after,.stm-skeleton *::before,.stm-skeleton *::after{color:transparent!important}
.stm-skeleton-line{display:block;height:1em;border-radius:4px}
.stm-image-pending{color:transparent!important}
.stm-loading-shell{min-height:180px;display:grid;align-content:start;gap:18px;padding:24px}
.stm-loading-shell .stm-skeleton-line:nth-child(2){width:72%}
.stm-loading-shell .stm-skeleton-line:nth-child(3){width:48%}
.stm-news-loading-canvas{min-height:360px}
.stm-news-loading-canvas .stm-skeleton-line{margin-block:18px;max-width:90%}
.stm-news-loading-canvas .stm-skeleton-line:last-child{max-width:60%}
#loading:has(.stm-skeleton-line){align-items:stretch;text-align:start;padding:32px;gap:20px}
@keyframes stm-skeleton-pulse{0%,100%{--stm-skeleton-tone:var(--stm-skeleton)}50%{--stm-skeleton-tone:var(--stm-skeleton-soft)}}
@media(prefers-reduced-motion:reduce){.stm-skeleton,.stm-skeleton *,.stm-skeleton-line,.stm-image-pending{animation:none!important}}

.stm-skeleton .news-align-center{text-align:center}.stm-skeleton .news-align-left{text-align:left}.stm-skeleton .news-align-right{text-align:right}.stm-skeleton .news-align-justify{text-align:justify}