.cc-loading-covered>:not(.cc-skeleton){display:none!important}
.cc-skeleton{--sk-base:#dfe8ef;--sk-card:#f7fafc;--sk-edge:#dce6ee;--sk-glow:#ffffffa6;display:grid;gap:16px;width:100%;min-width:0;padding:2px 0;color:var(--muted,#708298)}
[data-theme=dark] .cc-skeleton{--sk-base:#294154;--sk-card:#192e40;--sk-edge:#334c60;--sk-glow:#b7e9ff12}
.cc-loading-label{font-size:12px;line-height:1.5;color:inherit}
.cc-skeleton-shapes{display:grid;gap:16px;pointer-events:none;user-select:none}
.cc-sk-card{display:grid;gap:17px;border:1px solid var(--sk-edge);border-radius:18px;padding:20px;background:var(--sk-card)}
.cc-sk-row{display:flex;align-items:center;gap:14px}
.cc-sk-grow{flex:1;min-width:0;display:grid;gap:12px}
.cc-sk-line,.cc-sk-field,.cc-sk-picture,.cc-sk-avatar,.cc-sk-price,.cc-sk-button{position:relative;overflow:hidden;background:var(--sk-base);border-radius:8px;min-width:0}
.cc-skeleton-shapes :is(.cc-sk-line,.cc-sk-field,.cc-sk-picture,.cc-sk-avatar,.cc-sk-price,.cc-sk-button):after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--sk-glow),transparent);animation:cc-sk-shimmer 1.5s ease-in-out infinite}
.cc-sk-line{height:12px;width:87%}.cc-sk-short{width:55%}.cc-sk-title{height:22px;width:66%}
.cc-sk-field{height:48px}.cc-sk-button{height:46px;margin-top:10px}
.cc-sk-picture{height:64px;width:72px;flex-shrink:0;border-radius:13px}.cc-sk-avatar{height:44px;width:44px;flex-shrink:0;border-radius:12px}
.cc-sk-price{height:30px;width:38%;min-width:80px}
.cc-sk-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.cc-sk-nearby{display:grid;justify-items:center;gap:18px;padding:12px 0;max-width:400px;width:100%;margin:auto}
.cc-sk-nearby .cc-sk-title{height:25px;width:60%}.cc-sk-nearby .cc-sk-price{height:55px;width:45%;margin:8px 0}.cc-sk-nearby .cc-sk-button{width:100%}
.cc-loading-failed{padding:20px;border:1px solid var(--sk-edge);border-radius:16px;background:var(--sk-card)}
.cc-loading-failed button{justify-self:start;min-height:44px}
@keyframes cc-sk-shimmer{to{transform:translateX(100%)}}
@media(max-width:600px){#publicPricing .cc-sk-pair,#accountLoading .cc-sk-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cc-skeleton-shapes :is(.cc-sk-line,.cc-sk-field,.cc-sk-picture,.cc-sk-avatar,.cc-sk-price,.cc-sk-button):after{animation:none;display:none}}
