*, ::after, ::before {box-sizing: border-box;margin: 0;padding: 0;}
html {font-size: 100%;-webkit-text-size-adjust: 100%; text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-y: scroll;}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif; background: #fff; color: #222; font-size: 1rem; line-height: 1.5;margin: 0; min-height: 100vh;text-rendering: optimizeLegibility;font-feature-settings: "kern";font-kerning: normal;}
header {position: sticky; inset: -1px 0 auto 0; height: 50px; margin-bottom: 10px; background: #fc0;box-shadow: 0 4px 10px #0000001a;  z-index: 9999;  will-change: transform;}
.nav{display:flex;position:relative;top:0;left:0;width:100%;height:50px;align-items:center;padding:0 15px;justify-content:space-between;background:#fc0;z-index:5}
.nav .nav-links{display:flex;position:absolute;margin:50px 0 0 -6px;top:0;left:-100%;max-width:280px;width:100%;padding:35px 0 30px 25px;row-gap:25px;background:#fc0;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .2s ease;z-index:-1}
.nav .logo{font-size: 2rem;text-transform: uppercase;font-weight: 600;}
nav .logo a{color:#333!important;text-decoration:none}
.nav .nav-links{column-gap:35px;list-style:none}
.nav.openNav .nav-links{left:0}
.nav .navOpenBtn,.nav .navCloseBtn{display:block}
.nav .nav-links a{display:inline-block;width:100%;font-variant:all-small-caps;font-size:1.188rem}
.nav .navCloseBtn{position:absolute;top:5px;right:15px;font-size:20px;cursor:pointer}
.nav.openSearch .nav-links a{opacity:0;pointer-events:none}
.uil-times:before{content:'\2716';display:inline-block;font-size:25px;width:29px;height:37px;cursor:pointer}
.uil-search{display:inline-block;width:30px;height:30px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}
.nav.openSearch .search-box{opacity:1;pointer-events:auto}
.nav .navOpenBtn{cursor:pointer;padding-top:8px}
.nav .search-box{position:absolute;height:45px;width:70%;right:60px;box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;pointer-events:none;transition:all .1s linear}
nav a:hover{text-decoration:none;color:#ff4b2b}
nav button{background:0 0;border:0}
.search-box input{height:100%;width:100%;background-color:#f7f7f7;font-size:17px;border:0;outline:0;border-radius:6px;padding:0 58px 0 15px}
.search-box button{display:contents;cursor:pointer}
.search-box .search-icon{position:absolute;right:15px;top:50%;color:#fc0;transform:translateY(-50%)}
.tooltip{position:absolute;background-color:#f7f7f7;border:1px solid #ccc;max-height:270px;overflow-y:auto;top:100%;left:0;z-index:1001;display:none;scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}
.tooltip ul{list-style:none;padding:0;margin:0}
.tooltip ul li{display:flex;align-items:center;padding:6px 10px;cursor:pointer;border-bottom:1px solid #eee}
.tooltip ul li a{display:inline-flex;flex-grow:1;font-size:90%}
.tooltip ul li.selected{background-color:#e0e0e0}
.tooltip ul li:hover{background-color:#f0f0f0}
.tooltip ul li img{width:40px;height:40px;margin-right:10px;border-radius:5px}
.tooltip ul li span{flex-grow:1;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tooltip::-webkit-scrollbar{width:8px}
.tooltip::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}
.tooltip::-webkit-scrollbar-track{background-color:#f0f0f0}
.clsfix::before,.clsfix::after{content:"";display:table}
.clsfix{display:block;box-sizing:border-box}
.container,.ctr{display: grid;width:100%;margin:0 auto}
.container{padding:0 .7rem}
.nw,.elips h3,.elips strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw{display:block;max-width:100%}
.elips{display:flex;align-items:center}
.elips h3,.elips strong{display:inline;max-width:80%;padding-right:.25em;margin:0}
footer{background:#222;font-size: 0.938rem;color: #fff; padding: 20px 0;}
.footer-container { display: flex;  flex-direction: column; align-items: flex-start;  justify-content: space-between;}
.footer-col {padding: 25px 20px;}
footer a{color:#fff; text-decoration: none; transition: color 0.1s;}
footer a:hover { color:  #ff4b2b;}
footer .logo{font-size: 3rem;line-height: 1.35; margin-bottom: .9rem;text-align:center}
footer .index{padding: 0 20px;}
footer .index a {padding: 10px 10px; word-break: break-word; line-height: 3;}
.footer-col h4 { margin-bottom: 10px;font-size: 1.35rem;font-weight: 400;text-shadow: initial;}
.footer-col p, .footer-col ul, .footer-col ul li { margin-bottom: 10px; text-align: center;}
.footer-col .heading{font-size: 50px; padding-bottom: 13px;color: #d0c9c9;text-transform: uppercase; font-stretch: condensed;}
.footer-col ul { list-style-type: none;}
.footer-bottom, .footer-legal {width: 100%; text-align: center; margin-top: 20px;}
.footer-bottom p, .footer-legal p { font-size: 14px;}
footer.col-1{width: 100%; padding: 10px;}
footer.col-2 , .col-3{width: 100%;}
footer.col-3{margin-top: -18px;}
a {color: inherit;text-decoration: none;transition: color 0.1s;}
a:hover{text-decoration: none;} 
.br50{width: 55px !important; height: 55px !important;border-radius: 50% !important;}
.pt5{padding-top:7px;} 
.ml5{margin-left: 5px;}
h1 {font-size: clamp(1.375rem, 3vw + 1rem, 1.5rem); font-weight: 500; }
h2 {font-size: clamp(1.25rem, 2.5vw + 1rem, 1.438rem); font-weight: 400; }
h3 {font-size: 1rem; font-weight: 400; }
h4 {font-size: 1rem; font-weight: 400; }
.faq-item h3{display: inline-block;font-size: 1rem;}
h4{display: inline-block;font-size: 1rem;}
.arrow { display: block; border-bottom: 2px solid #000;}
.s16{font-size:1rem; }
.s15{font-size:.938rem;}
.s14 {font-size: .875rem;}
.s13{font-size: 0.813rem;}
.s12{font-size: 0.75rem;}
.singer,.cdf {margin: 5px 0;}
.lang, .alb-date {font-size: 0.875rem; margin:2px;}
.gly{font-weight: 400;color: #626060;} .link{color: #004499;} .c { display: flex;  justify-content: center;  align-items: center;  text-align: center !important;}
.tc, .c { display: flex;  justify-content: center;  align-items: center;  text-align: center !important;} 
.j {text-align: justify !important;} .l{text-align:left !important;} .b{text-shadow: .8px .03px .1px;font-weight: 400;}
.social-icons a {color: white; margin: 0 20px; text-decoration: none;}
.btl{width: 100%; height: 5px; margin-top: 30px;background: #ffcc00;}
.block{padding:15px 0; text-align: left;}
.block p{margin-bottom: 8px;}
.card {display: grid;grid-template-columns: 1fr;gap: 1rem;text-align: center;}
.card-item {display: flex;flex-direction: column;border-bottom: 3px solid #000;}
.card-item:nth-child(4n) {border-bottom: none;}
.card-img-wrapper {aspect-ratio: 16 / 9;overflow: hidden;}
.card-img-wrapper img {width: 100%; height: 100%; object-fit: scale-down;background: #000;}
.card-desc {padding: 0.5rem 0;line-height: 1.55;}
.lcol, .rcol{width:100%;}
.mus, .musr {width: 100%; column-gap: 24px; padding: 0; margin: 0; counter-reset: section var(--counter-start);border-top: 1px solid #ccc;}
.mus li, .musr li {position: relative; list-style: none; break-inside: avoid; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee;  counter-increment: section;}
.mus a, .musr a {display: block;position: relative; padding: 0 0 0 60px; border-radius: 8px; text-decoration: none; transition: all 0.2s; width: 100%;}
.mus a::before, .musr a::before {content: counter(section, decimal); position: absolute; left: 4px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 28px; transition: color 0.2s;}
.mus a .s, .musr a .s  {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mus a > span:not(.s), .musr a > span:not(.s) {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mus li:hover a, .musr li:hover a {background: #f3f3f3;}
.mus li:hover a::before, .musr li:hover a::before {color: red;}
.list {width: 100%; list-style: none;line-height: 1.45; clear: both; border-top: 1px solid #ccc;}
.list li {display: inline-block; width: 100%;vertical-align: middle;line-height: 1.45;break-inside: avoid;padding: 10px 0; border-bottom: 1px solid #ccc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list li:hover {background: #f3f3f3; cursor: pointer; transition: background-color 0.2s;}
.open{background: #f3f3f3; cursor: pointer;}
.list li img { display: block;  width: 65px; height: 65px; border-radius: 5px; margin: 3px 10px 0px 0px; border: 0; object-fit: cover; float: left;}
.lcol-2,.lcol-3 {display: grid; gap: 0 10px;}
.lcol-3 {font-weight:bold;}
.button-holder {margin: 30px 0;}
.button {display: block; padding: 10px 25px;background: #0573b7; font-size: 1rem; color: #fff; margin-top: 25px;cursor: pointer; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.button:hover {background: #1DA1F2;transition: background-color 0.2s;}
.trend {display: flex;} .trend svg {display: block;height: 15px;margin-top: 4px;fill: #ff0000;} .sn {font-size: 1rem; font-weight:500;margin-left: 4px;}
ul.breadcrumb {display:none;}
.info-header{display: flex;background: #000; color: #fff;border-radius: 5px;}
.mid{height: 122px !important;}
.info-col-left {position: relative;  width: fit-content; height: fit-content; padding: .5rem; z-index: 1;}
.info-col-right {display: flex; position: relative; flex-direction: column;width: 100%;padding: .5rem .5rem 0.2rem .5rem;; z-index: 1;}
.info-col-right-desc {display: inline-block; flex: 1;height: auto; line-height: 1.6;}
.info-col-right-desc  a {color:#fff !important;}
.info-profile-imgs {width: 100px; height: 100px;border: 3px solid #f6ca61; border-radius: 100%;}
.kt {color:#bebebe;}
.add-holder{margin:8px 0 12px;; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; white-space: normal;}
.th1 {color: #fff700; font-size: .938rem;font-variant-caps: all-small-caps;}
.info-col-right .heading{display: block;font-size: clamp(1.125rem, 1.386vw + 1.086rem, 1.313rem); line-height: 1.5;color: #ffbb00; text-shadow: initial;}
.see-all, .see-less {color:#0054B3;font-size: 14px;cursor: pointer; margin-left: 5px;}
.yll{padding: 1%}
.viewbar > * {min-width: 0;flex-basis: auto;flex-shrink: 1;}
.viewbar {display: inline-flex;flex-wrap: nowrap;padding-top: 6px; align-items: center;display: -webkit-inline-flex;-webkit-flex-wrap: nowrap; white-space: nowrap;gap: 10px;}
.vicon {display: inline-flex;flex-wrap: nowrap;font-size:.875rem;width:fit-content; -webkit-box-align: center; align-items: center;}
.vicon a {display:inline-block;color: #4c4b4b;text-decoration: none;}
.vicon svg {display: block;  height: 0.75rem; margin-right: 5px;fill:#eee;}
.bicon {display: inline-flex;flex-wrap: nowrap;font-size:.875rem;-webkit-box-align: center; align-items: center;margin: 2px 8px 0 0;}
.bicon a {display:inline-block;color: #4c4b4b;text-decoration: none;}
.bicon svg {display: block; height: 0.75rem; margin-right: 3px;fill:#666;}
.label {display: flex; font-size:.938rem;padding-bottom:1rem; justify-content: center; align-items: center; gap: 20px;}
.label input{height: .75rem;}
.aka{font-size:.92rem;}
.results-list {width: 100%; list-style: none; background: #fff; clear: both;}
.uhl {min-height: 405px;}
.toggle{display: contents; font-size:93%;color: #0054B3;cursor: pointer;}
#points{margin-left:10px}
.select_holder{display: flex;align-items: center;padding-bottom: 8px;justify-content: flex-start;gap: 25px;}
.select-dropdown {display: inline-block; align-items: center; justify-content: flex-start;height: 15px;position: relative;}
.k2 {display: inline-flex !important;}
.dropdown-arrow {margin-left: 7px; transition: transform 0.2s ease;} .p2y{margin:0 0 0 10px;}
.dropdown-arrow svg{width: 0.8rem; transition: transform 0.2s ease;}
.dropdown-arrow .MdAw {width: 0.8rem;}
.dropdown-menu {list-style: none;background-color: #f7f7f7; margin-top: 1rem; position: absolute;max-height: 350px; overflow-y: auto; scrollbar-width: thin;scrollbar-color: #888 #f0f0f0;border: 1px solid #bfb9b9; cursor: pointer; left: 5px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; z-index: 3;display: none;}
.dropdown-toggle {padding: 0 8px; background-color: transparent; border: none; cursor: pointer; text-align: left;  display: flex; justify-content: space-between; align-items: center; outline: none;}
.dropdown-text {font-size: initial;text-decoration: none; flex-grow: 1; } 
.d5e{font-size: clamp(1.05rem, 1.386vw + 1.086rem, 1.175rem);  font-weight: 600; text-shadow: initial; margin-top: -2px; color: #555;}
.dropdown-arrow.up {transform: rotate(180deg); color: #ff4b2b;}
.dropdown-toggle:focus {color: #ff4b2b;} .AzP{gap:0;}
.arrow-indicator {position: absolute; top: -10px; left: 20px; font-size: 20px;color: #fff; display: none;}
.dropdown-menu li {cursor: pointer; text-align: left;transition: background-color 0.2s ease;border-bottom: 1px #dadada Solid;}
.dropdown-menu li a {display: block; width:100%; padding:12px 30px;text-decoration: none; color: inherit; }
.dropdown-menu li:first-child::before {content: "";position: absolute;width: 8px;height: 8px; background-color: #f7f7f7; border-top: 1px solid #333; border-right: 1px solid #333; top: 0px; transform: translateX(-50%) translateY(calc(-50% - 1px)) rotate(-45deg); left: 1rem;}
.dropdown-menu li:hover:first-child::before {background-color: #333; color: #fff;}
.dropdown-menu li:hover {background-color: #333; color: #fff;}
.tsn {width: 30px;margin: 1px 10px 0 0;float: left;text-align: right;}
.nrd{border-radius:unset}
.expandable-content {margin-bottom: 20px;}
.expandable-content p {margin-bottom: 15px;}
.expandable-button {text-align: center;margin: 20px 0;}
.expandable-button button {padding: 10px 20px;background: #0573b7;color: white;border: none;border-radius: 4px;cursor: pointer;display: inline-flex; align-items: center; font-size: 17px;transition: background 0.3s;user-select: none;}
.expandable-button button:hover,.expandable-button button:focus {background: #1DA1F2;outline: none;}
.expandable-button button:focus {outline: 3px solid #1DA1F2; outline-offset: 2px;}
.expandable-icon {margin-left: 8px;}
.credit{gap: 0 30px !important;}
.credit li{min-height: 80px;white-space: normal;padding: 12px 0 !important;}
.credit li:hover {background: inherit;cursor: default;}
.print-icon {cursor: pointer;}
.print-icon:hover {stroke: #ff4b2b;}
.lyrics-meaning {display: inline-flex; align-items: center; font-size: initial;text-decoration: none; transition: color 0.2s ease;}
.lyrics-meaning:hover {color: #ff4b2b;}
.lyrics-icon {margin-right: 5px;}
.ly p {padding: 0 10px 0 2px; padding-right: 2%; margin: 10px 0 20px;}
.edit-btn {display: inline-flex; align-items: center; gap: 4px;background: none; border: none;color: inherit; font: inherit;cursor: pointer;padding: 0; text-decoration: underline;}
.edit-btn:hover {color: red;}
.edit-btn svg {fill: currentColor;}
.small {width: 100px !important;height: 100px !important;border-radius: 0;}
.J6Gh{line-height: 3 !important; height: fit-content !important;}
.video-container {position: relative;width: 100%;max-width: 740px;margin: auto;padding-bottom: 56.25%;height: 0; overflow: hidden;}
.video-container iframe {position: absolute;top: 0; left: 0;width: 100%;height: 100%; border: 0;}
.yt-placeholder {background-color: #000; display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.5rem;cursor: pointer;}
.faq-container { width: 100%;}
.faq-item {background: #fff; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px; overflow: hidden;}
.faq-question {display: flex; justify-content: space-between; align-items: center; padding: 5px 15px; cursor: pointer; background-color: #f1f1f1; border-bottom: 1px solid #ddd;}
.faq-question .icon {font-size: 2rem;margin-left: 10px;transition: transform 0.2s ease;}
.faq-answer {padding: 15px;display: none;}
.faq-item.active .faq-answer {display: block;}
.faq-item.active .faq-question .icon {transform: rotate(45deg);}
.tbm{margin:15px 0;}
.sticky{position: sticky;top: 70px;}
.mb{display:block}
.dp{display:none}
.translation{width: 100%; margin-top: 15px; font-size: 1.2rem;}
.language-list{list-style: none; display: flex;  padding: 12px 0;}
.language-list a {display: block;color: #0066cc;text-decoration: none;padding: 5px 10px;}
.language-list a:hover {color: #004499; background-color: #f5f9ff; text-decoration: underline; border-radius: 15px;}
.language-list .active {background-color: #0573b7; color: #fff; border-color:#003E85; border-radius: 15px; box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3);}
.rc-anchor-logo-portrait {margin: 3px 0 3px 0 ! important;}
.icon_holder{display: inline-flex;flex-wrap: nowrap;vertical-align: middle;display: -webkit-inline-flex; -webkit-flex-wrap: nowrap; white-space: nowrap; margin-right:10px;gap: 5px;}
.icon_holder span {display: inline-flex;  align-items: center; gap: 4px;}
.iw{background: #fff;} .ib{background: #444;}
.trend-i{display: inline-block; width: 16px; height: 16px; background-color: rgb(255 0 0); margin-top:4px;mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.37 22"><path d="M0 7l6.16-7 3.3 7H6.89S5.5 12.1 5.5 12.17h5.87L6.09 22l.66-7H.88l2.89-8z"/></svg>'); -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.37 22"><path d="M0 7l6.16-7 3.3 7H6.89S5.5 12.1 5.5 12.17h5.87L6.09 22l.66-7H.88l2.89-8z"/></svg>'); mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center;mask-size: contain;-webkit-mask-size: contain; }
.view-i{display: inline-block; width: 16px; height: 20px; mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 15.45"><path d="M11 2c4 0 7.26 3.85 8.6 5.72-1.34 1.87-4.6 5.73-8.6 5.73S3.74 9.61 2.4 7.73C3.74 5.86 7 2 11 2m0-2C4.45 0 0 7.73 0 7.73s4.45 7.73 11 7.73 11-7.73 11-7.73S17.55 0 11 0z"></path><path d="M11 5a2.73 2.73 0 1 1-2.73 2.73A2.73 2.73 0 0 1 11 5m0-2a4.73 4.73 0 1 0 4.73 4.73A4.73 4.73 0 0 0 11 3z"></path></svg>'); -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 15.45"><path d="M11 2c4 0 7.26 3.85 8.6 5.72-1.34 1.87-4.6 5.73-8.6 5.73S3.74 9.61 2.4 7.73C3.74 5.86 7 2 11 2m0-2C4.45 0 0 7.73 0 7.73s4.45 7.73 11 7.73 11-7.73 11-7.73S17.55 0 11 0z"></path><path d="M11 5a2.73 2.73 0 1 1-2.73 2.73A2.73 2.73 0 0 1 11 5m0-2a4.73 4.73 0 1 0 4.73 4.73A4.73 4.73 0 0 0 11 3z"></path></svg>'); mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center;mask-size: contain;-webkit-mask-size: contain; }
.date-i{display: inline-block; width: 12px; height: 16px; margin-top:2px;mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M16.27 13.45L12 10.58V4.46H9.76v7.25L15 15.25z"></path><path d="M11 2a9 9 0 1 1-9 9 9 9 0 0 1 9-9m0-2a11 11 0 1 0 11 11A11 11 0 0 0 11 0z"></path></svg>'); -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M16.27 13.45L12 10.58V4.46H9.76v7.25L15 15.25z"></path><path d="M11 2a9 9 0 1 1-9 9 9 9 0 0 1 9-9m0-2a11 11 0 1 0 11 11A11 11 0 0 0 11 0z"></path></svg>'); mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center;mask-size: contain;-webkit-mask-size: contain; }
.pagination {display: flex;flex-wrap: wrap;justify-content: center;margin: 40px 0 20px 0; gap: 15px;}
.pagination a, .pagination span {display: inline-block; padding: 8px 15px;border: 1px solid #ddd;text-decoration: none; background: #0573b7; color: #fff;border-radius: 4px;min-width: 40px;text-align: center;}
.pagination a:hover {background: #1DA1F2;}
.pagination .active {background: #007bff;color: white; border-color: #007bff;}
.pagination .disabled {background: #e5eef7; color: #333;pointer-events: none;}
.sorting-options {display: flex;gap: 15px;margin: 45px 0 8px 0;}
.sorting-options-list {display: flex;gap: 15px;margin: 30px 0 10px 0;}
.sort-button {padding: 5px 16px;border-radius: 4px;background-color: #f5f5f5;color: #333;text-decoration: none;font-weight: 500;transition: all 0.2s ease;border: 1px solid #ddd;}
.sort-button:hover {background-color: #e9e9e9;transform: translateY(-1px);}
.sort-button.active {background-color: #0573b7;color: white;border-color: #0573b7;box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3);}
.Top-Leaderboard{background: #fff;}
.ads{justify-content: center; margin: 0 auto; align-items: center; box-sizing: border-box; z-index: 999;}
.slot{width:100%; grid-column: 1 / -1; }
.slot1{width: 100%; height:180px !important; margin: 30px auto;}
.slot2, .slot3, .slot4, .slot5{width: 100%; height:250px !important; margin: 30px auto;}
.song-title{display: inline;}
.verify{display:flex;margin-left: 20px;}
.verified{display: inline-block;width: 1em; height: 1em; flex-shrink: 0;background-color: #1DA1F2;margin: 2px 5px;mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z" fill="white"/></svg>');  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z" fill="white"/></svg>'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center;}
.track-row {display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.song-number, .track-name, .lyrics-tag, .featured-artist {display: inline-block;vertical-align: middle;}
.consent-modal {position: fixed;bottom: 0;left: 0;right: 0;background: #fff;padding: 20px;box-shadow: 0 -2px 10px rgba(0,0,0,0.1);z-index: 9999;display: none;}
.consent-content {max-width: 100%;margin: 0 auto;display: flex;flex-direction: column;gap: 15px;align-items: center;}
.consent-text {width: 100%;font-size: 16px;color: #333;text-align: justify;}
.consent-buttons {display: flex;flex-direction: column;width: 100%;gap: 10px;}
.consent-btn {padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;font-size: 18px;font-weight: bold;transition: opacity 0.3s;width: 100%;}
.consent-btn.accept {background: #0573b7;color: white;}
.consent-btn.deny {background: #6c757d;color: white;}
.privacy-link {color: #0573b7;text-decoration: none;display: inline-block;margin-top: 5px;}
.dhd{display: flex;width: 90%;gap: 3px;}
.album-overview{margin-top:10px;}
.ad-pattern-container {width: 100%;margin:15px 0;grid-column: 1 / -1;background-image: radial-gradient(circle, #e1e1e1 1px, transparent 2px); background-size: 10px 10px; background-position: 2px 2px, 10px 10px;}
.ad-pattern-content {height: 100%;display: flex;align-items: center;justify-content: center;}
 .sticky{position: sticky;top: 70px;}
.ads-top {height: 75px;}
.ads-mid {height: 250px;}
.ads-mid-squre {height: 250px;}
.ads-right {height: 250px;}
.mobile{display:block}

@media screen and (min-width: 600px){
.card {grid-template-columns: repeat(2, 1fr);}
.card-item {border-top: none;border-bottom: none;border-right: 3px solid #000;padding: 0 1rem 0 0;}
.card-item:nth-child(2n) {border-right: none;}
.list, .footer-list {display: grid;}
.pagination a, .pagination span {padding: 6px 10px;min-width: 30px;}
.lcol-2,.lcol-3 {display: grid; grid-template-columns: repeat(2, 1fr); }
footer .col-2, .col-3{width: 50%;}
footer .fcol-2 {display: grid;  grid-template-columns: repeat(2, 1fr); }
}

@media screen and (min-width: 768px) {
.nav .nav-links {position: relative; left:0; align-items: center; max-width: 475px; width: 100%;background: initial; padding: 0;margin: 0;flex-direction: row; box-shadow: unset; transition: none;}
.nav .navOpenBtn, .nav .navCloseBtn {display: none;}
.nav .search-box {top:auto; width:55%; right: 65px; }
.nav .nav-links a {font-size: 1.125rem;}
.arrow { display: flex; border: 0; align-items: baseline;}
.arrow::after {content: ""; border-bottom: 0.15rem solid rgb(0, 0, 0); flex: 1 1 0%; margin-left: 0.5rem; position: relative; top: calc(-0.375rem);}
footer .col-1 {padding: 20px;}
footer .col-2, .col-3{width: 40%;}
.footer-col {padding: 25px 5px 25px 100px;}
.footer-col p, .footer-col ul, .footer-col ul li {text-align: left;}
.mus {column-count: 2; }
.list li img {margin: 1px 10px 0px 0px;}
ul.breadcrumb {display:block;}
ul.breadcrumb li {display: inline; font-size: .938rem;}
ul.breadcrumb li a {text-decoration: none;color: inherit !important;}
ul.breadcrumb li+li:before {content: "\203A"; padding: 0 8px; position: relative;}
.info-col-right {padding: .5rem .5rem 0.4rem 1.5rem;}
.info-profile-imgs {width: 150px; height: 150px;}
.info-col-right .heading {font-size: 1.3rem;}
.results-list {display: grid;}
.select-dropdown {margin-top:8px;}
.lcol-3{grid-template-columns: repeat(3, 1fr); gap: 0px 20px;}
.ad-container top { width: 100%; height: 75px;}
.consent-modal{padding: 20px;}
.consent-content{max-width: 1210px;flex-direction: row;flex-wrap: nowrap;align-items: center;text-align: left;}
.consent-text{text-align: left;min-width: 300px;flex: 1;}
.consent-buttons{flex-direction: row;width: auto;flex-shrink: 0;}
.consent-btn{width: auto;padding: 10px 25px;font-size: 16px;font-weight: 400;}
.privacy-link {margin-left: 5px;margin-top: 0;}
.ads-top {height: 60px;}
.ads-mid {height: 60px;}
.mobile{display:none;}
}

@media screen and (min-width: 1024px) {
.container,.ctr {width: 98%;padding: 0;}
.nav{box-shadow: unset;padding: 0;}
.nav .search-box {right: 50px;}
.nav .nav-links {max-width: 655px; }
.footer-container {flex-direction: row; justify-content: center; align-items: center; width: 86%; max-width: 1200px;margin: 0 auto; }
footer .col-1, .col-2, .col-3 {padding: 15px 45px 10px 5px;}
footer .col-1 {width: 65%; }
footer .col-2, .col-3 {width: 35%; }
footer .col-3 {padding-top: 10px;}
.card {grid-template-columns: repeat(4, 1fr);}
.card-item {border-right: 3px solid #000;border-top: none;}
.card-item:nth-child(2n) {border-right: 3px solid #000;}
.card-item:nth-child(4n) {border-right: none;}
.info-col-right .heading {font-size: 1.5rem;}
.list li {padding: 10px 0;}
.fx{display: flex; width:100%;}
.lcol{flex: 0 0 65%; padding-right:40px;}
.rcol{ flex: 0 0 35%;min-width:320px;padding-left: 20px !important;}
.Hlbg {padding-left: 10px; border-left: 1px solid; border-image: linear-gradient(5deg, rgb(238 238 238) 0%, rgb(6 72 111) 30%, rgb(226 233 238) 100%); border-image-slice: 1;}
.mb{display:none}
.dp{display:block}
.tc { align-items: flex-start;} 
.ads-top {height: 90px;}
.ads-mid {height: 90px;}
.ads-right {height: 250px;}
}

@media screen and (min-width: 1280px) {
}

@media screen and (min-width: 1400px) {
html{font-size:17px;}
.container,.ctr {width: 86%; max-width: 1200px;}
.info-header {height: 270px;}
.info-col-left {padding: 0 .5rem;}
.info-profile-imgs {width: 250px;height: 250px;margin-top: 10px;}
.info-col-right .heading {font-size: 1.7rem;}
.kt {color:#bebebe;}

}

@supports (-webkit-overflow-scrolling: touch){
}