/* UT Embedded Audio Player Base Source V3.0.7 - 2026-07-05 */
/* GLOBAL THEME-ARMOR */
.ut-custom-player {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 600px !important;
    display: block !important;
    margin: 20px 0 !important;
    padding: 20px 22px !important;
    border: 1px solid #c7d0da !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(20, 30, 45, 0.06) !important;
    overflow: visible !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    position: relative !important;
    color: #1c2530 !important;
    --ut-audio-accent: #1e3a5f;
    --ut-audio-accent-hover: #35506f;
    --ut-audio-text: #1c2530;
    --ut-audio-title: #07192c;
    --ut-audio-muted: #5a6675;
    --ut-audio-line: #e5e8eb;
    --ut-audio-control-line: #b7c1cc;
    --ut-audio-track: #dde3e9;
    --ut-audio-chevron: #6e7b8a;
    --ut-audio-cue-bg: #fbfcfe;
    --ut-audio-cue-border: #cfd6df;
    --ut-audio-control-radius: 4px;
}

.ut-custom-player:not(.is-expanded) {
    padding-top: 13px !important;
    padding-right: 14px !important;
    padding-bottom: 13px !important;
    padding-left: 16px !important;
}

.ut-custom-player * {
    box-sizing: border-box !important;
}

.ut-audio-engine {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

.ut-custom-player > .ut-toggle-bar {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--ut-audio-text) !important;
    font-family: inherit !important;
}

.ut-custom-player:not(.is-expanded) > .ut-toggle-bar {
    gap: 9px !important;
}

.ut-custom-player > .ut-toggle-bar:focus {
    outline: none !important;
}

.ut-custom-player > .ut-toggle-bar:focus-visible {
    outline: 2px solid var(--ut-audio-accent) !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

.ut-custom-player.is-expanded > .ut-toggle-bar {
    margin-bottom: 18px !important;
}

.ut-custom-player > .ut-toggle-bar > div:first-child {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    position: relative !important;
}

.ut-custom-player:not(.is-expanded) > .ut-toggle-bar > div:first-child {
    width: 27px !important;
    height: 30px !important;
    min-width: 27px !important;
    flex: 0 0 27px !important;
}

.ut-custom-player.is-expanded > .ut-toggle-bar > div:first-child {
    display: none !important;
}

.ut-custom-player > .ut-toggle-bar > div:first-child > div {
    display: none !important;
}

.ut-custom-player > .ut-toggle-bar > div:first-child::before {
    content: "" !important;
    width: 27px !important;
    height: 27px !important;
    display: block !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.5 12.25v7.5h5.25l7.1 5.1V7.15l-7.1 5.1H5.5z' fill='%231E3A5F'/%3E%3Cpath d='M21.2 12.3c1.15.82 1.8 2.1 1.8 3.7s-.65 2.88-1.8 3.7' fill='none' stroke='%231E3A5F' stroke-width='1.45' stroke-linecap='round'/%3E%3Cpath d='M23.8 10.2c1.95 1.45 3.05 3.45 3.05 5.8s-1.1 4.35-3.05 5.8' fill='none' stroke='%231E3A5F' stroke-width='1.45' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.ut-custom-player > .ut-toggle-bar > div:nth-child(2) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: var(--ut-audio-title) !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    letter-spacing: 0.25px !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

.ut-custom-player .ut-title-text {
    display: block !important;
    min-width: 0 !important;
    padding-bottom: 2px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.28 !important;
    text-align: left !important;
}

.ut-custom-player .ut-track-subtitle {
    display: none !important;
    align-items: center !important;
    min-width: 0 !important;
    margin-top: 5px !important;
    color: var(--ut-audio-muted) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    padding-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ut-custom-player.is-expanded .ut-track-subtitle {
    display: flex !important;
}

.ut-custom-player .ut-meta-separator {
    color: #c5cbd3 !important;
    margin: 0 11px !important;
}

.ut-custom-player .ut-meta-source-hidden {
    display: none !important;
}

.ut-custom-player .ut-expand-arrow {
    width: 24px !important;
    height: 30px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    transform: none !important;
    background: transparent !important;
}

.ut-custom-player.is-expanded .ut-expand-arrow {
    align-self: flex-start !important;
    top: -7px !important;
    right: -8px !important;
}

.ut-custom-player .ut-expand-arrow svg {
    display: none !important;
}

.ut-custom-player .ut-expand-arrow::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 8px solid var(--ut-audio-chevron) !important;
    border-bottom: 0 !important;
    transform: none !important;
}

.ut-custom-player.is-expanded .ut-expand-arrow::before {
    border-top: 0 !important;
    border-bottom: 8px solid var(--ut-audio-chevron) !important;
}

.ut-custom-player .ut-expanded-content {
    background: transparent !important;
    padding: 0 !important;
    display: none !important;
}

.ut-custom-player.is-expanded .ut-expanded-content {
    display: block !important;
}

.ut-custom-player .ut-progress-row {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 6px !important;
}

.ut-custom-player .ut-seeker {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    accent-color: var(--ut-audio-accent) !important;
    cursor: pointer !important;
    outline: none !important;
    --ut-audio-progress: 0%;
}

.ut-custom-player .ut-seeker:focus {
    outline: none !important;
}

.ut-custom-player .ut-seeker:focus-visible {
    outline: 2px solid var(--ut-audio-accent) !important;
    outline-offset: 5px !important;
}

.ut-custom-player .ut-seeker::-webkit-slider-runnable-track {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(to right, var(--ut-audio-accent) 0%, var(--ut-audio-accent) var(--ut-audio-progress), var(--ut-audio-track) var(--ut-audio-progress), var(--ut-audio-track) 100%) !important;
}

.ut-custom-player .ut-seeker::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 17px !important;
    height: 17px !important;
    margin-top: -5.5px !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    background: var(--ut-audio-accent) !important;
    box-shadow: 0 1px 3px rgba(20, 30, 45, 0.28) !important;
}

.ut-custom-player .ut-seeker::-moz-range-track {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--ut-audio-track) !important;
}

.ut-custom-player .ut-seeker::-moz-range-progress {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--ut-audio-accent) !important;
}

.ut-custom-player .ut-seeker::-moz-range-thumb {
    width: 15px !important;
    height: 15px !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    background: var(--ut-audio-accent) !important;
    box-shadow: 0 1px 3px rgba(20, 30, 45, 0.28) !important;
}

.ut-custom-player .ut-time-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 0 18px !important;
}

.ut-custom-player .ut-current-time-box {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: block !important;
}

.ut-custom-player .ut-total-duration,
.ut-custom-player .ut-current-time,
.ut-custom-player .ut-speed-reset {
    color: var(--ut-audio-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.ut-custom-player .ut-time-row .ut-total-duration,
.ut-custom-player .ut-time-row .ut-current-time {
    font-size: 14.5px !important;
}

.ut-custom-player .ut-player-status {
    margin: 0 0 14px !important;
    color: var(--ut-audio-muted) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.ut-custom-player .ut-controls-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: 0 0 22px !important;
    flex-wrap: nowrap !important;
}

.ut-custom-player .ut-controls-row > div:not(.ut-current-time-box) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
}

.ut-custom-player .ut-play-btn,
.ut-custom-player .ut-speed-down,
.ut-custom-player .ut-speed-reset,
.ut-custom-player .ut-speed-up,
.ut-custom-player .ut-marker-container button {
    border-radius: var(--ut-audio-control-radius) !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

.ut-custom-player .ut-marker-container button {
    background: var(--ut-audio-cue-bg) !important;
    border: 1px solid var(--ut-audio-cue-border) !important;
    color: var(--ut-audio-text) !important;
}

.ut-custom-player .ut-play-btn {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    background: var(--ut-audio-accent) !important;
    border: 0 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.ut-custom-player .ut-play-btn:hover {
    background: var(--ut-audio-accent-hover) !important;
}

.ut-custom-player .ut-speed-down,
.ut-custom-player .ut-speed-up {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    background: #ffffff !important;
    border: 1px solid var(--ut-audio-control-line) !important;
    color: var(--ut-audio-text) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.ut-custom-player .ut-speed-reset {
    width: 72px !important;
    min-width: 72px !important;
    height: 44px !important;
    background: #ffffff !important;
    border: 1px solid var(--ut-audio-control-line) !important;
    color: var(--ut-audio-text) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.ut-custom-player .ut-speed-down svg rect,
.ut-custom-player .ut-speed-up svg path {
    fill: var(--ut-audio-text) !important;
}

.ut-marker-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
}

.ut-marker-container button {
    width: auto !important;
    min-width: 160px !important;
    max-width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    background: var(--ut-audio-cue-bg) !important;
    border: 1px solid var(--ut-audio-cue-border) !important;
    color: var(--ut-audio-text) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

.ut-custom-player .ut-marker-tri {
    width: 0 !important;
    height: 0 !important;
    flex: 0 0 auto !important;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 8px solid var(--ut-audio-accent) !important;
}

.ut-custom-player .ut-marker-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ut-time-reset-zone {
    cursor: pointer !important;
}

.ut-custom-player .ut-player-footer {
    margin-top: 0 !important;
    text-align: left !important;
}

.ut-custom-player .ut-download-link,
.ut-custom-player a[download] {
    color: var(--ut-audio-accent) !important;
    display: inline-block !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.55px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.ut-custom-player .ut-download-link:hover,
.ut-custom-player a[download]:hover {
    text-decoration: underline !important;
}

.ut-custom-player.ut-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.music-heading + .ut-custom-player.ut-align-center {
    margin-left: max(0px, calc((100% - 42rem) / 2)) !important;
    margin-right: auto !important;
}

.ut-custom-player.ut-audio-mt-10 {
    margin-top: 2.5rem !important;
}

.ut-custom-player.ut-audio-mb-8 {
    margin-bottom: 2rem !important;
}

@media (max-width: 480px) {
    .ut-custom-player {
        max-width: 100% !important;
        padding: 20px 22px !important;
    }

    .ut-custom-player > .ut-toggle-bar {
        gap: 12px !important;
    }

    .ut-custom-player > .ut-toggle-bar > div:nth-child(2) {
        font-size: 21px !important;
    }

    .ut-custom-player .ut-track-subtitle {
        font-size: 15.5px !important;
    }

    .ut-custom-player .ut-time-row .ut-total-duration,
    .ut-custom-player .ut-time-row .ut-current-time {
        font-size: 16px !important;
    }

    .ut-custom-player .ut-controls-row {
        gap: 14px !important;
    }

    .ut-marker-container button {
        min-width: 160px !important;
    }
}

@media (max-width: 360px) {
    .ut-custom-player {
        padding: 18px 18px !important;
    }

    .ut-marker-container button {
        min-width: 100% !important;
    }
}