/* From Uiverse.io by mrpumps31232, strange-dragonfly-94 (MIT).
 * Copyright (c) 2026 mrpumps31232
 * 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.
 */
.mds-wave-state{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%;box-sizing:border-box}
.mds-wave{width:300px;max-width:100%;height:100px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:25px;box-sizing:border-box}
.mds-wave>i{display:block;width:20px;height:10px;margin:0 5px;background-color:#3498db;border-radius:5px;animation:mds-wave-animation 1s ease-in-out infinite}
.mds-wave>i:nth-child(2){animation-delay:.1s}
.mds-wave>i:nth-child(3){animation-delay:.2s}
.mds-wave>i:nth-child(4){animation-delay:.3s}
@keyframes mds-wave-animation{0%,100%{height:10px}50%{height:50px}}
.product-archive-panel>.mds-wave-state{min-height:clamp(200px,calc(100vh - 330px),640px)}
.product-detail-loading{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#f4f6fad9;cursor:progress}
.xjg-status:has(>.mds-wave-state){min-height:200px}
.xjg-detail-status:has(>.mds-wave-state){position:absolute;inset:64px 0 0;z-index:7;background:#ffffffd9;display:grid;place-items:center}
.xjg-details:has(>.xjg-detail-status>.mds-wave-state){position:relative}
@media(prefers-reduced-motion:reduce){.mds-wave>i{animation:none;height:25px}.mds-wave>i:nth-child(even){height:40px}}