.song-detail-current-song {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;
}

.current-song-cover-wrapper {
    width: 416px;
    height: 416px;
    border-radius: 50%;
    margin-bottom: 48px;
}

.current-song-cover {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.current-song-title {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: var(--iz-song-detail-song-text-color);
    margin-bottom: 7px;
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden;
  }
  
  .current-song-title-text {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    white-space: nowrap;
    transform: translate3d(100%, 0, 0);
    animation-name: marquee-animation;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  
  @keyframes marquee-animation {
    from {
      transform: translate3d(100%, 0, 0);
    }
    
    to {
      transform: translate3d(-200px, 0, 0);
    }
  }

/* .current-song-title {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: var(--iz-song-detail-song-text-color);
    margin-bottom: 7px;
}
.marquee--title {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.marquee--title div {
    display: block;
    width: 200%;
    height: 100%;

    position: absolute;
    overflow: hidden;

    animation: marquee 8s linear infinite;
}

.marquee--title span {
    float: left;
    width: 50%;
    overflow: hidden;
} */

@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

.current-song-singer {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: var(--iz-song-detail-singer-text-color);
    margin-bottom: 17px;
    max-width: 400px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.current-song-hashtags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 416px;
    margin-bottom: 17px;
    margin-top: -11px;
}

.current-song-hashtag {
    font-family: FS PF BeauSans Pro, sans-serif;
    padding: 4px 11px;
    background-color: var(--iz-search-field-background);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin-right: 11px;
    margin-top: 11px;
    border-radius: 8px;
    color: var(--iz-color-inactive-header-tab);
}

.current-song-setup-ringtone-button {
    width: 305px;
    height: 47px;
    padding: 11px 27px;
    border-radius: 9px;
    display: flex;
    justify-content: space-between;
    background-color: #EE0033;
    margin-bottom: 11px;
    align-items: center;
}

.current-song-setup-ringtone-button span {
    color: #FAFAFA;
}

.current-song-setup-ringtone-button .fee {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 11px;
    font-style: italic;
    text-align: left;
}

.play-all__button {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
    border-radius: 52.28px;
    padding: 5.37px 14.37px;
    border: 1.63px solid #e03;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: var(--iz-modal-input-border);
}

.play-all__button .play-all-icon {
    width: 44px;
    height: 44px;
    margin-right: 16px;
    border-radius: 99px;
    background-size: 100%;
    background-color: #e03;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/favorite/large-play.svg');
}

.current-song-supplier {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: var(--iz-supplier-name);
    word-break: break-word;
}

.song-detail-tabs {
    border-radius: 26px;
    padding: 22px 21px;
    background: var(--iz-song-detail-song-detail-tabs);
    box-shadow: var(--iz-song-detail-song-detail-tabs-box-shadow);
    border: 1px solid var(--iz-song-detail-song-detail-tabs-border);
}

.song-detail-tab-header {
    display: flex;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid var(--iz-song-detail-song-tabs-border-bottom);
    margin-bottom: 24px;
}

.song-detail-tab-name {
    cursor: pointer;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 0 12px;
    height: 34px;
    width: fit-content;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    color: #A1A1AA;
    position: relative;
    bottom: -1px;
    border-bottom: 2px transparent solid;
}

.song-detail-tab-name.active {
    font-weight: 600;
    color: var(--iz-song-detai-tab-active);
    border-bottom: 2px solid #EE0033;
    line-height: 1.1;
}

.song-detail-tab-content {
    display: none;
}

.song-detail-tab-content.active {
    display: block;
}

@media screen and (min-width: 1400px) and (max-width: 1800px) {
    .song-detail-tab-content .list-songs-table .list-songs-download-button,
    .song-detail-tab-content .list-songs-table .like-song-icon,
    .song-detail-tab-content .list-songs-table .list-songs-gift-modal-button {
        margin-right: 0px !important;
    }   
    .current-song-cover-wrapper {
        height: 300px;
        width: 300px;
    }
}

@media screen and (min-width: 1550px) {
    .song-detail-tab-content .list-songs-table .center-info-block .total-time {
        margin-right: 27px;    
    }
}

@media screen and (min-width: 1400px) and (max-width: 1549px) {
    .song-detail-tab-content .list-songs-table .center-info-block .total-time {
        margin-right: 14px;    
    }
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .song-detail-tab-content .list-songs-table .play-music-controller .right-info-block {
        gap: 0px !important;
    }
    .song-detail-tab-content .list-songs-table .left-info-block .song-name, 
    .song-detail-tab-content .list-songs-table .left-info-block .singer-name{
        max-width: 150px;
    }
}

.song-detail-lyric-tab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.song-detail-lyric-tab-content {
    margin-bottom: 24px;
    height: 479px;
    overflow-y: scroll;
    position: relative;
    width: 100%;
    padding-bottom: 35px;
    /* padding-top: 100px; */
}

/* .song-detail-lyric-tab-content p {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    text-align: center;
} */

.listen-full-track-button {
    width: 247px;
    padding: 8px;
    border-radius: 8px;
    background-color: #FEF2F2;
    color: #EE0033;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.song-detail-lyric-tab-title {
    margin-bottom: 25.5px;
    /* width: 131px; */
    display: flex;
    /* justify-content: space-between; */
}

.other-cuts-lists {
    max-height: 522px;
    overflow-y: scroll;
    padding-right: 10px;
    position: relative;
}

/* custom scrollbar */

.custom-scroll-container::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--iz-custom-scroll);
    transition: background-color 1s;
    border-radius: 10px;
}

.scroll-active::-webkit-scrollbar-thumb,
.custom-scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--iz-custom-scroll-hover);
}

/* end custom scrollbar*/

.song-detail-lyric-tab-title span {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: var(--333333-white);
}

.receiver-phone-number {
    /*margin-bottom: 6px;*/
}

.receiver-phone-number-input {
    padding: 8px 11px;
    font-size: 14px;
    color: var(--contrast-text);
}

.receiver-phone-number {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin-bottom: 24px;*/
}

.receiver-phone-number-action {
    background-color: #EE0033;
    height: 44px;
    padding: 10px 19px;
    font-size: 16px;
    border-radius: 10px;
    margin-left: 24px;
    color: white;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-weight: 600;
    text-align: center;
    width: 30%;
}

.song-detail-fee-text {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    color: var(--iz-song-detail-bottom-text);
    text-align: center;
}

.song-detail-fee {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    color: var(--iz-song-detail-bottom-text);
}

.receiver-phone-number-title {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--iz-song-detai-tab-active);
    margin-bottom: 6px;
}

.song-detail-cut {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.song-detail-cut-main-section {
    display: flex;
}

.song-detail-cut-main-section > img {
    margin-right: 12px;
}

.song-detail-cut-main-section .list-songs-play-icon {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: var(--iz-play-icon-image);
}

.play-music-controller.playing:not(.paused) .list-songs-play-icon {
    background-image: url(/images/common-items/pause-icon.svg);
}

.song-detail-cut-main-section .song-detail-other-cut-supplier {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: var(--iz-song-detail-song-detail-other-cut-supplier);
    word-break: break-word;
}

.song-detail-cut-main-section .song-detail-other-cut-duration {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--iz-song-detail-song-detail-other-cut-duration);
}

.song-detail-cut-text {

}

.song-detail-setup-ringtone-button > img {
    margin-right: 12px;
}

.song-detail-setup-ringtone-button {
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    background: #FEF2F2;
    align-items: center;
    color: #EE0033;
    font-size: 16px;
    font-weight: 400;
    font-family: FS PF BeauSans Pro, sans-serif;;
    line-height: 21px;
}

.song-detail-lyric-cover-wrapper {
    position: absolute;
    height: 479px;
    width: calc(100% - 10px);
    left: 0;
    pointer-events: none;
    top: 48px;
}

.song-detail-lyric-cover-bottom,
.song-detail-lyric-cover-top {
    position: absolute;
    width: calc(100% - 10px);
    margin-right: 10px;
    max-height: 409px;
}

.song-detail-lyric-cover-top {
    background: linear-gradient(180deg, var(--iz-song-detail-lyric-cover-top));
    top: 0;
}

.song-detail-lyric-text {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    color: var(--iz-song-detail-lyric-text);
    padding: 0 20px;
    text-align: center;
}

.song-detail-lyric-cover-bottom {
    background: linear-gradient(180deg, var(--iz-song-detail-lyric-cover-bottom));
    bottom: -5px;
    height: 409px;
}

.song-detail-discovery-title {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    color: var(--333333-white);
    margin: 7px 0px 10px;
    margin-top: 85px;
}

.full-track-text {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 14px;
    color: #EE0033;
    margin-bottom: 4px;
}

.for-you-song-list {
    margin-top: 32px;
    display: flex;
    width: 100%;
    overflow-x: scroll;
}

.for-you-song-list::-webkit-scrollbar {
    display: none;
}

.for-you-song-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.for-you-song-list-item {
    min-height: 104px !important;
    min-width: 289px !important;
    height: 104px !important;
    width: 289px !important;
    padding: 28px 19px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #FF70701A;
    border-radius: 20px;
    margin-right: 32px;
    position: relative;
    cursor: pointer;
}

.for-you-song-list-item .song-item-cover {
    height: 48px;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 50%;
    margin-right: 17px;
}

.for-you-song-list-item .song-item-cover img {
    height: 48px;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 50%;
}

.for-you-song-list-item .song-item-name {
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #EE0033;
    margin-bottom: 3px;
}

.for-you-song-list-item .song-item-singer {
    display: flex;
    justify-content: flex-start;
    font-family: FS PF BeauSans Pro, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #828282;
}

.song-item-singer-name {
    margin-left: 9px;
}

.song-item-name,
.song-item-singer,
.song-item-singer-name,
.song-item-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.for-you-song-list-item > img {
    height: 28px;
    width: 28px;
    min-width: 28px;
    min-height: 28px;
    position: absolute;
    bottom: 0;
    right: -14px;
}

#song-detail-section .common-song-list {
    height: 641px;
    padding-right: 10px;
}


.song-detail-singers .card-singer .singer-alias {
    font-size: 20px;
    font-weight: 600;
    font-family: FS PF BeauSans Pro, sans-serif;
    line-height: 26px;
    color: var(--iz-color-label-radio);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    margin-top: 22px;
}

.song-detail-singers .card-singer img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.song-detail-same-genre .swiper-pagination-bullet-active {
    background: #a1a1aa;
    opacity: 1;
    padding: 4px 7px;
    border-radius: 29px;
}

.play-full-track-song {
    position: relative;
}

.play-full-track-song .play-full-track-icon {
    height: 61px;
    width: 62px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("/images/common-items/play-music-fulltrack.svg");
    position: absolute;
    right: 33px;
    bottom: 29px;
}
@media screen and (min-width: 1400px) and (max-width: 1800px) {
    .play-full-track-song .play-full-track-icon {
        right: 26px;
        bottom: 8px;
    }
}

.play-music-controller.playing:not(.paused) .play-full-track-song .play-full-track-icon {
    background-image: url(/images/common-items/pause-icon.svg);
}

.action-name-col {
    width: 400px;
}

#song-detail-section .common-song-list .action-name-col {
    width: 250px;
}