@charset "UTF-8";
.joan-now-playing {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
margin: 10px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: relative;
} .joan-show-info {
margin-bottom: 15px;
} .current-show {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 8px 0;
color: #333;
line-height: 1.3;
}
.current-show a {
color: #0073aa;
text-decoration: none;
transition: color 0.2s ease;
}
.current-show a:hover {
color: #005a87;
text-decoration: underline;
} .joan-jock {
font-style: italic;
color: #666;
margin-bottom: 5px;
font-size: 0.95em;
} .show-time {
color: #555;
font-weight: 600;
font-size: 0.9em;
font-family: "Courier New", monospace;
} .joan-image-standard,
.joan-image-large {
margin: 15px 0 0 0;
text-align: center;
} .joan-thumb {
max-width: 250px;
height: auto;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
transition: transform 0.2s ease;
}
.joan-thumb:hover {
transform: scale(1.02);
} .joan-thumb-large {
max-width: 300px;
height: auto;
border-radius: 8px;
box-shadow: 0 3px 12px rgba(0,0,0,0.2);
}   .upcoming-show {
margin-top: 15px;
padding-top: 12px;
border-top: 1px solid #eee;
font-size: 0.9em;
color: #666;
}
.upcoming-show strong {
color: #333;
}
.upcoming-time {
display: block;
font-family: "Courier New", monospace;
font-size: 0.85em;
color: #777;
margin-top: 3px;
} .joan-current-time {
text-align: center;
font-size: 0.85em;
color: #777;
margin-bottom: 10px;
font-family: "Courier New", monospace;
} .joan-timezone-selector {
margin-bottom: 15px;
text-align: center;
font-size: 0.9em;
padding: 10px;
background: #f8f9fa;
border-radius: 6px;
border: 1px solid #e9ecef;
}
.joan-timezone-selector label {
color: #666;
margin-right: 8px;
font-weight: 500;
}
.joan-timezone-selector select {
padding: 4px 8px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 0.9em;
background: white;
} .joan-timezone-selector .joan-timezone-time {
margin-top: 8px;
font-size: 0.85em;
color: #555;
font-family: "Courier New", monospace;
font-weight: 600;
} .joan-center-title {
text-align: center;
} .joan-jock-only-mode .current-show,
.joan-jock-only-mode .joan-jock {
display: none;
}
.joan-jock-only-mode .show-time {
text-align: center;
font-size: 1.1em;
margin-bottom: 10px;
} .joan-status-message {
text-align: center;
padding: 20px;
color: #666;
}
.joan-status-icon {
font-size: 1.5em;
margin-right: 8px;
} .joan-status-suspended {
background: #fff3cd;
border-color: #ffeaa7;
}
.joan-status-off_air {
background: #f8d7da;
border-color: #f5c6cb;
} .joan-loading {
text-align: center;
padding: 20px;
color: #999;
font-style: italic;
}
.joan-error {
text-align: center;
padding: 20px;
color: #d63638;
background: #ffeaea;
border: 1px solid #f0c2c2;
border-radius: 4px;
}
.joan-error a {
color: #d63638;
font-weight: bold;
} .joan-hide-images .joan-thumb,
.joan-hide-images .joan-image-standard,
.joan-hide-images .joan-image-large {
display: none;
}
.joan-hide-upcoming .upcoming-show {
display: none;
}  .joan-schedule-container {
margin: 20px 0;
} .joan-schedule-day-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 20px;
margin: 25px 0 0 0;
border-radius: 8px 8px 0 0;
font-size: 18px;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .joan-schedule-day-header:first-child {
margin-top: 0;
} .joan-schedule-day-table {
width: 100%;
border-collapse: collapse;
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-radius: 0 0 8px 8px;
overflow: hidden;
margin-bottom: 5px;
} .joan-sunday-header {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
}
.joan-monday-header {
background: linear-gradient(135deg, #a8e6cf 0%, #dcedc8 100%);
}
.joan-tuesday-header {
background: linear-gradient(135deg, #ffd3a5 0%, #ffeebc 100%);
}
.joan-wednesday-header {
background: linear-gradient(135deg, #a8c8ec 0%, #c3d5f5 100%);
}
.joan-thursday-header {
background: linear-gradient(135deg, #c8a2c8 0%, #e1bee7 100%);
}
.joan-friday-header {
background: linear-gradient(135deg, #ffb3ba 0%, #ffcccc 100%);
}
.joan-saturday-header {
background: linear-gradient(135deg, #bae1ff 0%, #d4f1ff 100%);
} .joan-sunday-table th {
background-color: #ff6b87;
color: white;
}
.joan-monday-table th {
background-color: #4caf50;
color: white;
}
.joan-tuesday-table th {
background-color: #ff9800;
color: white;
}
.joan-wednesday-table th {
background-color: #2196f3;
color: white;
}
.joan-thursday-table th {
background-color: #9c27b0;
color: white;
}
.joan-friday-table th {
background-color: #f44336;
color: white;
}
.joan-saturday-table th {
background-color: #00bcd4;
color: white;
} table.joan-schedule {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-radius: 6px;
overflow: hidden;
}
table.joan-schedule th {
background: #0073aa;
color: white;
padding: 12px;
text-align: left;
font-weight: 600;
}
table.joan-schedule td {
padding: 10px 12px;
border-bottom: 1px solid #eee;
}
table.joan-schedule tr:hover {
background: #f8f9fa;
}
table.joan-schedule tr:nth-child(even) {
background: #fafafa;
}
table.joan-schedule tr:nth-child(even):hover {
background: #f0f0f0;
} table.joan-schedule.joan-filtered-schedule,
.joan-filtered-schedule table.joan-schedule {
border-radius: 6px;
}
.joan-filtered-schedule table.joan-schedule th {
background: #28a745; } .joan-schedule-day-table th {
padding: 12px;
text-align: left;
font-weight: 600;
border: none;
}
.joan-schedule-day-table td {
padding: 10px 12px;
border-bottom: 1px solid #eee;
border-left: none;
border-right: none;
}
.joan-schedule-day-table tr:hover {
background: rgba(0,0,0,0.02);
}
.joan-schedule-day-table tr:nth-child(even) {
background: rgba(0,0,0,0.01);
}
.joan-schedule-day-table tr:nth-child(even):hover {
background: rgba(0,0,0,0.03);
} .joan-schedule-empty-day {
text-align: center;
padding: 30px 20px;
color: #666;
font-style: italic;
background: #f9f9f9;
border: 2px dashed #ddd;
border-radius: 0 0 8px 8px;
} .joan-today-highlight {
background: #e7f3ff !important;
border-left: 4px solid #0073aa;
}
.joan-current-show-highlight {
background: #d1ecf1 !important;
border-left: 4px solid #17a2b8;
font-weight: bold;
} .joan-schedule-controls {
margin: 20px 0 15px 0;
text-align: center;
padding: 15px;
background: #f8f9fa;
border-radius: 6px;
border: 1px solid #e9ecef;
}
.joan-schedule-controls label {
font-weight: 600;
margin-right: 10px;
color: #495057;
}
.joan-schedule-controls select {
padding: 6px 12px;
border: 1px solid #ced4da;
border-radius: 4px;
background: white;
color: #495057;
font-size: 14px;
min-width: 150px;
} .joan-upcoming-shows {
margin: 20px 0;
}
.joan-upcoming-item {
margin-bottom: 15px;
padding: 10px;
background: #f9f9f9;
border-radius: 5px;
border-left: 3px solid #0073aa;
} @media (max-width: 768px) {
.joan-now-playing {
padding: 12px;
font-size: 14px;
}
.current-show {
font-size: 1.2em;
}
.joan-thumb,
.joan-thumb-large {
max-width: 200px;
} .joan-schedule-day-header {
padding: 12px 15px;
font-size: 16px;
}
.joan-schedule-day-table,
table.joan-schedule {
font-size: 14px;
}
.joan-schedule-day-table th,
.joan-schedule-day-table td,
table.joan-schedule th,
table.joan-schedule td {
padding: 8px;
}
.joan-timezone-selector {
font-size: 0.8em;
}
.joan-timezone-selector select {
width: 100%;
max-width: 200px;
}
.joan-timezone-selector {
padding: 8px;
margin: 10px 0;
}
.joan-timezone-selector .joan-timezone-time {
font-size: 0.8em;
margin-top: 6px;
}
.joan-schedule-controls {
padding: 10px;
}
.joan-schedule-controls select {
width: 100%;
max-width: 200px;
margin-top: 5px;
}
}
@media (max-width: 480px) {
.joan-now-playing {
padding: 10px;
margin: 5px 0;
}
.joan-thumb,
.joan-thumb-large {
max-width: 150px;
}
.joan-schedule-day-header {
padding: 10px 12px;
font-size: 15px;
}
.joan-schedule-day-table,
table.joan-schedule {
font-size: 12px;
} .joan-schedule-day-table th:nth-child(n+4),
.joan-schedule-day-table td:nth-child(n+4),
table.joan-schedule th:nth-child(n+4),
table.joan-schedule td:nth-child(n+4) {
display: none;
}
.joan-schedule-empty-day {
padding: 20px 15px;
font-size: 14px;
}
} @media print {
.joan-now-playing {
box-shadow: none;
border: 2px solid #000;
}
.joan-timezone-selector,
.joan-schedule-controls {
display: none;
}
.current-show a {
color: #000 !important;
text-decoration: none;
}
.current-show a:after {
content: " (" attr(href) ")";
font-size: 0.8em;
font-weight: normal;
}
.joan-schedule-day-header {
background: #000 !important;
color: #fff !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
} @media (prefers-color-scheme: dark) {
.joan-now-playing {
background: #2c3e50;
border-color: #34495e;
color: #ecf0f1;
}
.current-show {
color: #ecf0f1;
}
.current-show a {
color: #3498db;
}
.current-show a:hover {
color: #2980b9;
}
.joan-jock,
.upcoming-show {
color: #bdc3c7;
}
.show-time {
color: #95a5a6;
}
.upcoming-show {
border-top-color: #34495e;
}
.joan-timezone-selector select {
background: #34495e;
color: #ecf0f1;
border-color: #4a5c6a;
}
.joan-timezone-selector {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-timezone-selector .joan-timezone-time {
color: #bdc3c7;
}
.joan-schedule-day-table,
table.joan-schedule {
background: #2c3e50;
color: #ecf0f1;
}
.joan-schedule-day-table th,
table.joan-schedule th {
background: #34495e;
}
.joan-schedule-day-table td,
table.joan-schedule td {
border-bottom-color: #4a5c6a;
}
.joan-schedule-day-table tr:hover,
table.joan-schedule tr:hover {
background: #34495e;
}
.joan-schedule-day-table tr:nth-child(even),
table.joan-schedule tr:nth-child(even) {
background: #2c3e50;
}
.joan-schedule-empty-day {
background: #34495e;
border-color: #4a5c6a;
color: #bdc3c7;
}
.joan-schedule-controls {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-schedule-controls select {
background: #2c3e50;
border-color: #4a5c6a;
color: #ecf0f1;
}
} .joan-now-playing:focus-within {
outline: 2px solid #0073aa;
outline-offset: 2px;
}
.current-show a:focus {
outline: 2px solid #0073aa;
outline-offset: 1px;
border-radius: 2px;
}
.joan-schedule-controls select:focus {
outline: 2px solid #0073aa;
outline-offset: 1px;
} @media (prefers-reduced-motion: reduce) {
.joan-thumb,
.current-show a {
transition: none;
}
.joan-thumb:hover {
transform: none;
}
} @media (prefers-contrast: high) {
.joan-now-playing {
border-width: 2px;
border-color: #000;
}
.current-show a {
text-decoration: underline;
}
.joan-thumb {
border: 2px solid #000;
}
.joan-schedule-day-header {
border: 2px solid #000;
}
.joan-schedule-day-table,
table.joan-schedule {
border: 2px solid #000;
}
}.pvc_clear{clear:both}.clear{clear:both}.nobr{white-space:nowrap}.pvc_stats{float:left;padding:5px!important}.pvc_stats.total_only .views_today{display:none}.pvc_stats .pvc-stats-icon{vertical-align:middle}.pvc_stats .pvc-stats-icon svg{display:initial}.pvc_stats .pvc-stats-icon.small svg{width:18px}.pvc_stats .pvc-stats-icon.medium svg{width:24px}.pvc_stats .pvc-stats-icon.large svg{width:30px}@font-face {
font-family: 'vp-close-icon';
src:  url(//www.cityradiopattaya.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.eot?lv4qfq);
src:  url(//www.cityradiopattaya.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.eot?lv4qfq#iefix) format('embedded-opentype'),
url(//www.cityradiopattaya.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.ttf?lv4qfq) format('truetype'),
url(//www.cityradiopattaya.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.woff?lv4qfq) format('woff'),
url(//www.cityradiopattaya.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.svg?lv4qfq#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
.vp-close-button{
font-family: 'vp-close-icon' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.vp-close-button:before{
content: "\61";
}
 .YouTubePopUp-Wrap{
position:fixed;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,0.8);
top:0;
left:0;
z-index:2147483647;
}
.Video-PopUp-Content{
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content:center;
width:100%;
height:100%;
}
.vp-flex{
max-width:800px;
width:100%;
height:450px;
max-height:90%;
margin:0 40px;
position:relative;
background-color:#000;
}
.vp-flex iframe, .vp-flex video{
width:100%;
height:100%;
max-width:100% !important;
max-height:100%;
min-width:100%;
min-height:100%;
margin: 0 !important;
padding: 0 !important;
outline: none !important;
display:block;
border:5px solid #fff;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3);
background-color:#000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.YouTubePopUp-Close{
position:absolute;
top:0px;
cursor:pointer;
left:-36px;
margin:auto 0;
transition:all ease-in-out 0.3s;
-webkit-transition:all ease-in-out 0.3s;
-moz-transition:all ease-in-out 0.3s;
-o-transition:all ease-in-out 0.3s;
}
.YouTubePopUp-Close:before{
font-family: 'vp-close-icon' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
content: "\61";
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
font-size:26px;
color:#fff;
}
.YouTubePopUp-Close:hover{
opacity:0.5;
}
.vp-flex.vp-flex-no-border iframe,
.vp-flex.vp-flex-no-border video{
padding:0 !important;
border: 0 !important;
border-radius: 0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}
.vp-flex-no-border.vp-vt-locally,
.vp-flex-no-border.vp-vt-vimeo{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
} @media all and (max-width: 782px){
.vp-flex, .Video-PopUp-Content .vp-flex{
max-width:480px !important;
height:270px !important;
}
}
@media all and (max-width: 320px){
.vp-flex, .Video-PopUp-Content .vp-flex{
max-width:240px !important;
height:140px !important;
}
}@-webkit-keyframes ai-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ai-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes backgroundPosition{0%{background-position:-140px 0}100%{background-position:140px 0}}@keyframes backgroundPosition{0%{background-position:-140px 0}100%{background-position:140px 0}}.ai-wrap{padding:20px;background-color:#202020;color:#fff;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}.ai-wrap::after,.ai-wrap::before{-webkit-box-sizing:border-box;box-sizing:border-box}.ai-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box}.ai-wrap *::after,.ai-wrap *::before{-webkit-box-sizing:border-box;box-sizing:border-box}.ai-wrap img{max-width:100%;height:auto;border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.ai-wrap p{margin:0;padding:0;font-weight:normal;line-height:normal}.ai-wrap span{margin:0;padding:0;font-weight:normal;line-height:normal}.ai-wrap a{font-weight:normal;-webkit-box-shadow:none;box-shadow:none;border:0;text-decoration:none;text-transform:none}.ai-wrap svg{display:inline-block}.ai-wrap .ai-btn,.ai-wrap .ai-audio-control{display:inline-block;font-weight:normal;margin:0;padding:0;line-height:normal;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;min-width:0;max-width:100%;min-height:0;width:auto;height:auto;background-image:none;background-color:rgba(0,0,0,0)}.ai-wrap .ai-btn::before,.ai-wrap .ai-btn::after,.ai-wrap .ai-audio-control::before,.ai-wrap .ai-audio-control::after{display:none}.ai-wrap .ai-control-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:130px}.ai-wrap .ai-control-wrap-thumb{width:130px;height:100%;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;margin-right:20px;position:relative;line-height:0}.ai-wrap .ai-control-wrap-thumb::after{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;content:"";width:300%;height:100%;background:-webkit-gradient(linear, left top, right top, color-stop(8%, #3e3e3e), color-stop(18%, #4d4d4d), color-stop(33%, #3e3e3e));background:linear-gradient(to right, #3e3e3e 8%, #4d4d4d 18%, #3e3e3e 33%);background-size:500px;position:absolute;top:0;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}.ai-wrap .ai-control-wrap-thumb img{margin:0;border:0;-webkit-box-shadow:none;box-shadow:none}.ai-wrap .ai-control-wrap-controls{position:relative;width:100%}.ai-wrap .ai-audio-controls-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:16px}.ai-wrap .ai-audio-control{width:50px;height:50px;border-radius:50%;display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;vertical-align:middle;color:#fff;background-color:#f70f5d;opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;padding:0;position:relative}.ai-wrap .ai-audio-control:hover,.ai-wrap .ai-audio-control:focus{border:0;background-color:#f70f5d}.ai-wrap .ai-audio-control:focus,.ai-wrap .ai-audio-control:active{outline:0}.ai-wrap .ai-audio-control.ai-audio-playing svg{left:0}.ai-wrap .ai-audio-control svg{fill:#fff;height:16px;position:relative;left:2px;top:1px}.ai-wrap .ai-track-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:20px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:0}.ai-wrap .ai-track-title{margin:0 0 4px;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.ai-wrap .ai-track-title span{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.ai-wrap .ai-track-subtitle{margin:0;line-height:normal;opacity:.7;font-size:.8125em}.ai-wrap .ai-track-subtitle span{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.ai-wrap .ai-audio-controls-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.ai-wrap .ai-track-progress-bar{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:5px;cursor:pointer;background-color:#3e3e3e}.ai-wrap .ai-track .ai-track-progress-bar{position:absolute;top:auto;bottom:0;left:0;width:100%;height:3px;background-color:rgba(0,0,0,0)}.ai-wrap .ai-track .ai-track-progress-bar:hover{background-color:rgba(255,255,255,.3)}.ai-wrap .ai-track-progress{position:absolute;top:0;left:0;height:100%;pointer-events:none;background-color:#f70f5d;-webkit-transition:width .28s ease;transition:width .28s ease}.ai-wrap .ai-track .ai-track-progress{background-color:#fff;opacity:.5}.ai-wrap .ai-track-time{-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:13px;opacity:.7;width:65px;text-align:right;cursor:pointer}.ai-wrap .ai-audio-volume-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-wrap .ai-audio-volume-bars{float:left;margin-right:3px;height:34px}.ai-wrap .ai-audio-volume-bars::after{content:"";display:table;clear:both}.ai-wrap .ai-volume-bar{float:left;position:relative;width:4px;height:100%;background-color:#3e3e3e;cursor:pointer;border-right:1px solid #202020}.ai-wrap .ai-volume-bar::before{content:"";position:absolute;bottom:0;left:0;right:0;-webkit-transition:background-color .18s ease;transition:background-color .18s ease}.ai-wrap .ai-volume-bar.ai-volume-bar-active::before{background-color:#f70f5d}.ai-wrap .ai-volume-bar:nth-child(1)::before{height:0%}.ai-wrap .ai-volume-bar:nth-child(2)::before{height:10%}.ai-wrap .ai-volume-bar:nth-child(3)::before{height:20%}.ai-wrap .ai-volume-bar:nth-child(4)::before{height:30%}.ai-wrap .ai-volume-bar:nth-child(5)::before{height:40%}.ai-wrap .ai-volume-bar:nth-child(6)::before{height:50%}.ai-wrap .ai-volume-bar:nth-child(7)::before{height:60%}.ai-wrap .ai-volume-bar:nth-child(8)::before{height:70%}.ai-wrap .ai-volume-bar:nth-child(9)::before{height:80%}.ai-wrap .ai-volume-bar:nth-child(10)::before{height:90%}.ai-wrap .ai-volume-bar:nth-child(11)::before{height:100%}.ai-wrap .ai-audio-volume-control-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.ai-wrap .ai-audio-volume-control-btns .ai-btn{height:50%;font-size:10px}.ai-wrap .ai-audio-volume-control-btns .ai-btn:first-child{margin-bottom:1px}.ai-wrap .ai-audio-volume-control-btns .ai-btn:last-child{margin-top:1px}.ai-wrap .ai-audio-volume-control-btns .ai-btn svg{height:6px}.ai-wrap .ai-audio-controls-meta{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;opacity:1;-webkit-transition:opacity .36s ease;transition:opacity .36s ease}.ai-wrap .ai-audio-controls-meta::after{content:"";display:table;clear:both}.ai-wrap .ai-audio-controls-meta .ai-btn{margin-right:4px}.ai-wrap .ai-btn{width:32px;height:34px;font-size:14px;padding:0;background-image:none;background-color:#3e3e3e;color:#fff;-webkit-transition:color .18s ease;transition:color .18s ease;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;font-style:normal;text-transform:none}.ai-wrap .ai-btn svg{position:relative;fill:#fff;height:10px;-webkit-transition:fill .18s ease;transition:fill .18s ease}.ai-wrap .ai-btn:hover{background-color:#3e3e3e;border:0}.ai-wrap .ai-btn.ai-btn-active{color:#fff;background-color:#f70f5d}.ai-wrap .ai-btn.ai-btn-active svg{fill:#fff}.ai-wrap .ai-btn-repeat svg{height:17px;top:2px}.ai-wrap .ai-btn-shuffle svg{height:14px;top:2px;left:-1px}.ai-wrap .ai-tracklist-toggle{margin-left:auto;margin-right:0}.ai-wrap .ai-tracklist-toggle svg{height:16px;top:2px}.ai-wrap .ai-btn-skip-position,.ai-wrap .ai-btn-playback-rate{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:-0.05em}.ai-wrap .ai-tracklist-wrap{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.ai-wrap .ai-tracklist-open{margin-top:20px}.ai-wrap .ai-tracklist-open+.ai-footer{margin-top:-1px;border-top:0}.ai-wrap .ai-tracklist{margin:0;padding:0;list-style:none}.ai-wrap .ai-track{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 0 1px;padding:0;list-style:none;height:40px;cursor:pointer;background-color:#3e3e3e;-webkit-transition:background-color .18s ease;transition:background-color .18s ease}.ai-wrap .ai-track:hover,.ai-wrap .ai-track.ai-track-active{background-color:#f70f5d;color:#fff}.ai-wrap .ai-track:hover .ai-track-btn,.ai-wrap .ai-track.ai-track-active .ai-track-btn{color:#fff}.ai-wrap .ai-track:hover .ai-track-btn svg,.ai-wrap .ai-track.ai-track-active .ai-track-btn svg{fill:#fff}.ai-wrap .ai-track-control{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;border-left:1px solid #202020}.ai-wrap .ai-track-control:first-child{border-left:0}.ai-wrap .ai-track-thumb{display:inline-block;width:40px;max-height:100%;margin:0;overflow:hidden}.ai-wrap .ai-track-thumb img{width:40px;max-height:100%;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0}.ai-wrap .ai-track-no-thumb{display:block;width:130px;height:130px;line-height:150px;text-align:center;background-color:#3e3e3e}.ai-wrap .ai-track-no-thumb svg{fill:#fff;height:40px;opacity:.6}.ai-wrap .ai-track-no-thumb.ai-track-thumb{width:40px;height:40px;line-height:50px}.ai-wrap .ai-track-no-thumb.ai-track-thumb svg{height:16px}.ai-wrap .ai-track-name{display:inline-block;padding:0 10px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.ai-wrap .ai-track-control-buttons{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-wrap .ai-track-btn{display:inline-block;width:40px;height:40px;text-align:center;font-size:13px;line-height:40px;-webkit-box-shadow:none;box-shadow:none;border:0;border-left:1px solid #202020;color:#fff;background:none;cursor:pointer;margin:0;padding:0}.ai-wrap .ai-track-btn svg{position:relative;fill:#fff;height:15px;-webkit-transition:fill .18s ease;transition:fill .18s ease;top:3px}.ai-wrap .ai-track-btn-repeat:hover span{opacity:1 !important}.ai-wrap .ai-track-inline-play-btn{position:relative}.ai-wrap .ai-track-inline-play-btn:first-child{border-left:0}.ai-wrap .ai-track-inline-play-btn.ai-is-loading svg{opacity:0}.ai-wrap .ai-player-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;grid-gap:10px;margin-top:20px}.ai-wrap .ai-player-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:6px;font-size:13px;color:currentColor;width:auto;padding-left:15px;padding-right:15px}.ai-wrap .ai-player-button-icon-only{padding:0;width:32px}.ai-wrap .ai-player-button-icon{width:18px;height:18px;display:block}.ai-wrap .ai-player-button-icon svg{width:100%;height:100%;fill:currentColor}.ai-wrap .ai-player-button-icon svg rect,.ai-wrap .ai-player-button-icon svg path{fill:currentColor}.ai-wrap .ai-footer{border-top:1px solid #3e3e3e;margin-top:20px;padding-top:20px;text-align:center;font-size:11px}.ai-wrap .ai-footer a{color:#f70f5d;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;border:0;opacity:1}.ai-wrap .ai-footer a:hover{color:#f70f5d;border:0;opacity:1}.ai-wrap .ai-footer p{opacity:.7;margin:0;font-size:12px}.ai-wrap.ai-is-loading .ai-track-title{position:relative}.ai-wrap.ai-is-loading .ai-track-title span{opacity:0}.ai-wrap.ai-is-loading .ai-track-title::after{content:"";width:140px;height:8px;background:-webkit-gradient(linear, left top, right top, color-stop(8%, #3e3e3e), color-stop(18%, #4d4d4d), color-stop(33%, #3e3e3e));background:linear-gradient(to right, #3e3e3e 8%, #4d4d4d 18%, #3e3e3e 33%);background-size:500px;position:absolute;top:-10px;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ai-wrap.ai-is-loading .ai-track-subtitle{position:relative}.ai-wrap.ai-is-loading .ai-track-subtitle span{opacity:0}.ai-wrap.ai-is-loading .ai-track-subtitle::after{content:"";width:100px;height:6px;background:-webkit-gradient(linear, left top, right top, color-stop(8%, #3e3e3e), color-stop(18%, #4d4d4d), color-stop(33%, #3e3e3e));background:linear-gradient(to right, #3e3e3e 8%, #4d4d4d 18%, #3e3e3e 33%);background-size:500px;position:absolute;top:2px;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ai-wrap.ai-is-loading .ai-audio-controls-meta{opacity:0}.ai-wrap.ai-is-loading .ai-audio-control{opacity:.5}.ai-wrap.ai-is-loading .ai-control-wrap-thumb::after{opacity:1}.ai-wrap.ai-is-loading .ai-tracklist-wrap{opacity:1}.ai-wrap .ai-tracklist-enter{opacity:0}.ai-wrap .ai-tracklist-enter.ai-tracklist-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.ai-wrap .ai-scroll-wrap .ai-tracklist{margin-right:15px}.ai-wrap .ai-scroll-wrap>div:last-child{top:0 !important;bottom:0 !important;background-color:rgba(62,62,62,.5)}.ai-wrap .ai-scroll-wrap>div:last-child div{background-color:#f70f5d !important}.ai-wrap.ai-type-global-footer{width:100%;position:fixed;bottom:0;left:0;right:0;padding:0;margin:0;z-index:999}.ai-wrap.ai-type-global-footer .ai-control-wrap{min-height:70px}.ai-wrap.ai-type-global-footer .ai-control-wrap-thumb{width:80px;height:80px;margin:0;line-height:115px}.ai-wrap.ai-type-global-footer .ai-control-wrap-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ai-wrap.ai-type-global-footer .ai-audio-controls-main{padding:0 25px;margin:0;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.ai-wrap.ai-type-global-footer .ai-audio-controls-meta{width:auto;margin-left:20px;-webkit-box-flex:0;-ms-flex:none;flex:none}.ai-wrap.ai-type-global-footer .ai-audio-controls-meta-right{margin-left:auto}.ai-wrap.ai-type-global-footer .ai-track-progress-bar{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}.ai-wrap.ai-type-global-footer .ai-tracklist-toggle{margin-left:15px}.ai-wrap.ai-type-global-footer .ai-audio-controls-progress{margin-bottom:0}.ai-wrap.ai-type-global-footer .ai-tracklist-wrap{position:absolute;bottom:100%;width:100%;padding:20px;background-color:inherit;margin:0}.ai-control-spinner{border-radius:50%;position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);font-size:10px;text-indent:-9999em;border-top:5px solid rgba(255,255,255,.2);border-right:5px solid rgba(255,255,255,.2);border-bottom:5px solid rgba(255,255,255,.2);border-left:5px solid currentColor;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:ai-spin 1.1s infinite linear;animation:ai-spin 1.1s infinite linear;z-index:1;opacity:0;-webkit-transition:opacity .18s ease;transition:opacity .18s ease;-webkit-transition-delay:.2s;transition-delay:.2s}.ai-audio-loading .ai-control-spinner{opacity:.8}.ai-control-spinner::after{border-radius:50%;position:absolute;width:100%;height:100%}.ai-track-spinner{border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-10px !important;margin-top:-10px !important;width:20px;height:20px;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(255,255,255,.2);border-right:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-left:3px solid currentColor;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:ai-spin 1.1s infinite linear;animation:ai-spin 1.1s infinite linear;z-index:1;opacity:0}.ai-track-loading .ai-track-spinner{opacity:.8}.ai-track-spinner::after{border-radius:50%;position:absolute;width:100%;height:100%}.ReactModal__Body--open{overflow:hidden}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,.3)}.ai-modal{position:absolute;top:40px;width:460px;max-width:calc(100% - 30px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;color:#000;border-radius:4px;border:1px solid rgba(62,62,62,.4);outline:0;max-height:calc(100vh - 50px);overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.ai-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;margin-bottom:10px}.ai-modal-dismiss{display:inline-block;font-weight:normal;margin:0;padding:0;line-height:normal;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;min-width:0;max-width:100%;min-height:0;width:auto;height:auto;background-image:none;background-color:rgba(0,0,0,0);font-size:30px;margin-left:auto;padding-left:5px;padding-right:5px;line-height:1;color:#000}.ai-modal-dismiss::before,.ai-modal-dismiss::after{display:none}.ai-modal-dismiss:hover,.ai-modal-dismiss:active,.ai-modal-dismiss:focus{background:none;-webkit-box-shadow:none;box-shadow:none;border:0;color:#000}.ai-modal-content{padding:0 20px 20px;white-space:pre-wrap}.ai-with-typography{font-family:sans-serif;font-weight:normal;line-height:normal;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai-with-typography .ai-track-subtitle{font-size:13px}.ai-with-typography .ai-track-title{font-size:16px}.ai-modal-with-typography{font-family:sans-serif;font-weight:normal;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;letter-spacing:0}.ai-narrow .ai-control-wrap{height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-narrow .ai-control-wrap-thumb{width:100%;margin:0 0 20px}.ai-narrow .ai-audio-controls-meta{position:relative}.ai-narrow .ai-track-thumb{display:none}@media(max-width: 767px){.ai-wrap.ai-type-global-footer .ai-track-time,.ai-wrap.ai-type-global-footer .ai-thumb,.ai-wrap.ai-type-global-footer .ai-btn-repeat,.ai-wrap.ai-type-global-footer .ai-audio-volume-control,.ai-wrap.ai-type-global-footer .ai-btn-skip-position{display:none}.ai-wrap.ai-type-global-footer .ai-track-title{font-size:15px}.ai-wrap.ai-type-global-footer .ai-audio-controls-main{padding-left:10px;padding-right:10px}.ai-wrap.ai-type-global-footer .ai-track-info{padding-left:10px}.ai-wrap.ai-type-global-footer .ai-audio-controls-meta{margin-left:10px}.ai-wrap .ai-audio-volume-control .ai-btn{display:none}}@media(max-width: 480px){.ai-wrap .ai-control-wrap{height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-wrap .ai-control-wrap-thumb{width:100%;margin:0 0 20px}.ai-wrap .ai-audio-controls-meta{position:relative}.ai-wrap .ai-audio-volume-control{display:none}.ai-wrap .ai-scroll-wrap .ai-tracklist{margin-right:0}}@media(max-width: 320px){.ai-wrap .ai-track-thumb{display:none}}