/* скелетон перехода */
.xd-sk { --xd-sk: #e7e9ed; pointer-events: none; user-select: none; -webkit-user-select: none; animation: xd-sk-in .2s ease both; }
[data-theme="dark"] .xd-sk { --xd-sk: #2b2d31; }
.xd-sk .xd-sk-line { position: absolute; background: var(--xd-sk); border-radius: 6px; animation: xd-sk-pulse 1.2s ease-in-out infinite; }
.xd-sk .xd-sk-box { display: inline-block; max-width: 100%; vertical-align: middle; background: var(--xd-sk); animation: xd-sk-pulse 1.2s ease-in-out infinite; }
.xd-sk .xd-sk-bg { background-image: none !important; background-color: var(--xd-sk) !important; }
.xd-sk .xd-sk-hide { visibility: hidden !important; }
.xd-sk .xd-sk-flat { background: var(--xd-sk) !important; border-color: transparent !important; box-shadow: none !important; animation: none !important; }
.xd-sk input, .xd-sk textarea, .xd-sk select { color: transparent !important; }
.xd-sk, .xd-sk * { text-decoration: none !important; }
@keyframes xd-sk-pulse { 50% { opacity: .5; } }
@keyframes xd-sk-in { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .xd-sk, .xd-sk .xd-sk-line, .xd-sk .xd-sk-box { animation: none; } }