/* Adapted from https://uiverse.io/satyamchaudharydev/horrible-snake-35
 * Copyright (c) 2026 satyamchaudharydev (satyam). MIT License.
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
 * of the Software, and to permit persons to whom the Software is furnished to do
 * so, subject to the following conditions: The above copyright notice and this
 * permission notice shall be included in all copies or substantial portions of
 * the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
 * EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES
 * OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
 * ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 */
.sunset-loader{--loader:var(--accent,#f47b5b);--loader-size:30px;position:relative;display:block;width:100px;height:40px;overflow:hidden;flex:none;margin:0 0 18px;pointer-events:none}
.sunset-loader>span{position:absolute;display:block;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.sunset-loader>span:nth-child(1){top:0;left:-100%;width:100%;height:var(--loader-size);background:linear-gradient(90deg,transparent,var(--loader));animation-name:sunset-loader-1}
.sunset-loader>span:nth-child(2){top:-100%;right:0;width:var(--loader-size);height:100%;background:linear-gradient(180deg,transparent,var(--loader));animation-name:sunset-loader-2;animation-delay:.25s}
.sunset-loader>span:nth-child(3){bottom:0;right:-100%;width:100%;height:var(--loader-size);background:linear-gradient(270deg,transparent,var(--loader));animation-name:sunset-loader-3;animation-delay:.5s}
.sunset-loader>span:nth-child(4){bottom:-100%;left:0;width:var(--loader-size);height:100%;background:linear-gradient(360deg,transparent,var(--loader));animation-name:sunset-loader-4;animation-delay:.75s}
@keyframes sunset-loader-1{0%{transform:translateX(0)}50%,100%{transform:translateX(200%)}}
@keyframes sunset-loader-2{0%{transform:translateY(0)}50%,100%{transform:translateY(200%)}}
@keyframes sunset-loader-3{0%{transform:translateX(0)}50%,100%{transform:translateX(-200%)}}
@keyframes sunset-loader-4{0%{transform:translateY(0)}50%,100%{transform:translateY(-200%)}}
.panel-entry .sunset-loader{margin:0 auto 22px}
.panel-entry:has(#panel-entry-actions:not([hidden])) .sunset-loader{display:none}
.panel-entry:has(noscript p) .sunset-loader{display:none}
#guild-lists>.loading-state{grid-column:1/-1;padding-block:30px}
.loading-state>p{margin:0;color:var(--muted,#aaaab8);font-size:15px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.sunset-loader>span{animation:none!important}.sunset-loader{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--loader) 65%,transparent),transparent);height:4px;margin-block:18px}}