
.art-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;z-index:4;pointer-events:none;color:#bba1ce;opacity:1;transition:opacity .35s ease;background:radial-gradient(ellipse at center,rgba(108,67,142,.09),transparent 55%)}
.art-loader.is-done{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.art-loader-mark{width:38px;height:38px;position:relative;opacity:.65;animation:art-loader-breathe 2.4s ease-in-out infinite}
.art-loader-mark::before{content:'';position:absolute;inset:0;border:1px solid rgba(183,145,211,.22);border-top-color:rgba(206,171,230,.6);border-radius:50%;animation:art-loader-orbit 5s linear infinite}
.art-loader-mark::after{content:'';position:absolute;inset:10px;background:#bfa1d6;clip-path:polygon(50% 0,59% 39%,100% 50%,59% 61%,50% 100%,41% 61%,0 50%,41% 39%)}
.art-loader-label{font:10px/1.5 Georgia,serif;letter-spacing:.16em;color:rgba(198,177,213,.6)}
.thumb .art-loader-mark{width:24px;height:24px;animation-play-state:paused}
.thumb .art-loader-mark::after{inset:7px}
.thumb .art-loader-mark::before{animation-play-state:paused}
.thumb.art-near .art-loader-mark,.thumb.art-near .art-loader-mark::before{animation-play-state:running}
.thumb.art-pending img,.thumb.art-failed img{opacity:0}
.thumb img{transition:transform .35s ease,opacity .35s ease}
.art-loader.is-error .art-loader-mark{animation:none;opacity:.3}
.art-loader.is-error .art-loader-mark::before{animation:none}
@keyframes art-loader-breathe{0%,100%{opacity:.32}50%{opacity:.75}}
@keyframes art-loader-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.art-loader-mark,.art-loader-mark::before{animation:none!important}.art-loader,.thumb img{transition:none}}
