/* wcity-download-v6-critical-css */
.wcity-dl5 {
                overflow: hidden;
                border-radius: 28px;
                border: 1px solid rgba(255,255,255,.10);
                background:
                    radial-gradient(circle at top right, rgba(229,9,20,.14), transparent 34%),
                    radial-gradient(circle at bottom left, rgba(168,85,247,.11), transparent 34%),
                    linear-gradient(135deg, rgba(20,22,31,.98), rgba(8,9,13,.98));
                box-shadow: 0 24px 70px rgba(0,0,0,.26);
            }

            .wcity-dl5__head {
                display: flex;
                justify-content: center;
                padding: 22px;
                border-bottom: 1px solid rgba(255,255,255,.09);
            }

            .wcity-dl5__head h2 {
                margin: 0;
                color: #fff;
                font-size: clamp(23px, 3.4vw, 34px);
                line-height: 1.4;
                font-weight: 1000;
                text-align: center;
            }

            .wcity-dl5__body {
                display: grid;
                gap: 12px;
                padding: 16px;
            }

            .wcity-dl5-group {
                overflow: hidden;
                border: 1px solid rgba(255,255,255,.10);
                border-radius: 22px;
                background: rgba(255,255,255,.045);
            }

            .wcity-dl5-group[open] {
                background: rgba(255,255,255,.065);
                border-color: rgba(255,255,255,.13);
            }

            .wcity-dl5-group__title {
                min-height: 68px;
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 15px;
                cursor: pointer;
                list-style: none;
            }

            .wcity-dl5-group__title::-webkit-details-marker {
                display: none;
            }

            .wcity-dl5-group__icon {
                width: 44px;
                height: 44px;
                flex: 0 0 44px;
                display: grid;
                place-items: center;
                border-radius: 16px;
                color: #fff;
                background: linear-gradient(135deg, #e50914, #ff8f00);
                box-shadow: 0 14px 32px rgba(229,9,20,.20);
                font-size: 18px;
            }

            .wcity-dl5-svg {
                width: 20px;
                height: 20px;
                display: inline-grid;
                place-items: center;
                line-height: 0;
            }

            .wcity-dl5-svg svg {
                width: 100%;
                height: 100%;
                display: block;
                fill: currentColor;
            }

            .wcity-dl5-group--report .wcity-dl5-group__icon,
            .wcity-dl5-group--audio .wcity-dl5-group__icon {
                background: linear-gradient(135deg, #a855f7, #e50914);
            }

            .wcity-dl5-group--archive .wcity-dl5-group__icon {
                background: linear-gradient(135deg, #2563eb, #16a34a);
            }

            .wcity-dl5-group__text {
                min-width: 0;
                display: grid;
                gap: 4px;
            }

            .wcity-dl5-group__text strong {
                color: #fff;
                font-size: 15px;
                font-weight: 1000;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .wcity-dl5-group__arrow {
                position: relative;
                flex: 0 0 30px;
                width: 30px;
                height: 30px;
                margin-right: auto;
                border-radius: 999px;
                background: rgba(255,255,255,.08);
            }

            .wcity-dl5-group__arrow::before,
            .wcity-dl5-group__arrow::after {
                content: "";
                position: absolute;
                inset: 0;
                margin: auto;
                background: #fff;
                border-radius: 999px;
            }

            .wcity-dl5-group__arrow::before { width: 12px; height: 2px; }
            .wcity-dl5-group__arrow::after { width: 2px; height: 12px; }
            .wcity-dl5-group[open] .wcity-dl5-group__arrow::after { display: none; }

            .wcity-dl5-group__items {
                display: grid;
                gap: 10px;
                padding: 0 14px 14px;
            }

            .wcity-dl5-item {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 12px;
                align-items: center;
                padding: 13px;
                border: 1px solid rgba(255,255,255,.09);
                border-radius: 18px;
                background: rgba(0,0,0,.18);
            }

            .wcity-dl5-item__info {
                min-width: 0;
            }

            .wcity-dl5-item__title {
                width: max-content;
                max-width: 100%;
                min-height: 35px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 7px 13px;
                border-radius: 999px;
                color: #fff;
                font-size: 13px;
                line-height: 1.75;
                font-weight: 950;
                text-align: center;
                border: 1px solid rgba(255,255,255,.12);
            }

            .wcity-dl5-item.is-tone-green .wcity-dl5-item__title {
                background: rgba(22,163,74,.18);
                border-color: rgba(22,163,74,.32);
            }

            .wcity-dl5-item.is-tone-red .wcity-dl5-item__title {
                background: rgba(229,9,20,.18);
                border-color: rgba(229,9,20,.32);
            }

            .wcity-dl5-item.is-tone-yellow .wcity-dl5-item__title {
                color: #fff4c2;
                background: rgba(245,158,11,.19);
                border-color: rgba(245,158,11,.34);
            }

            .wcity-dl5-item.is-tone-blue .wcity-dl5-item__title {
                background: rgba(37,99,235,.19);
                border-color: rgba(37,99,235,.34);
            }

            .wcity-dl5-item.is-tone-purple .wcity-dl5-item__title {
                background: rgba(168,85,247,.20);
                border-color: rgba(168,85,247,.36);
            }

            .wcity-dl5-item.is-tone-neutral .wcity-dl5-item__title {
                background: rgba(255,255,255,.08);
                border-color: rgba(255,255,255,.14);
            }

            .wcity-dl5-item__actions {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                justify-content: flex-end;
            }

            .wcity-dl5-btn,
            .wcity-dl5-soon {
                min-height: 40px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 9px 14px;
                border-radius: 14px;
                font-size: 12px;
                font-weight: 1000;
                white-space: nowrap;
                border: 0;
                text-decoration: none;
            }

            .wcity-dl5-btn .wcity-dl5-svg {
                width: 22px;
                height: 22px;
                flex: 0 0 22px;
                padding: 5px;
                border-radius: 999px;
                color: currentColor;
                background: rgba(255,255,255,.16);
                box-sizing: border-box;
            }

            .wcity-dl5-btn.is-download {
                color: #fff;
                background: linear-gradient(135deg, #e50914, #b70710);
                box-shadow: 0 14px 30px rgba(229,9,20,.16);
            }

            .wcity-dl5-btn.is-play {
                color: #151006;
                background: linear-gradient(135deg, #ffb300, #ff8f00);
                box-shadow: 0 14px 30px rgba(255,179,0,.14);
            }

            .wcity-dl5-btn.is-play .wcity-dl5-svg {
                background: rgba(17,17,17,.12);
            }

            .wcity-dl5-soon {
                color: rgba(255,255,255,.66);
                background: rgba(255,255,255,.08);
            }

            @media (max-width: 760px) {
                .wcity-dl5__body {
                    padding: 12px;
                }

                .wcity-dl5-item {
                    grid-template-columns: 1fr;
                    justify-items: center;
                }

                .wcity-dl5-item__title {
                    width: 100%;
                }

                .wcity-dl5-item__actions,
                .wcity-dl5-btn,
                .wcity-dl5-soon {
                    width: 100%;
                }
            }