html{line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*,::after,::before{box-sizing:border-box}body,html{height:100%}*{margin:0}fieldset,legend{padding:0}fieldset,iframe{border-width:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;overflow-wrap:break-word}address{font-style:normal;line-height:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{padding:0;border-width:0;font-size:100%;font-family:inherit;line-height:inherit;color:inherit}input:focus,textarea:focus{outline:0}textarea{resize:vertical}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;display:inline-block;vertical-align:middle}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}progress{vertical-align:baseline}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden]{display:none}dd,dl,ol,ul{list-style:none;padding:0}table{border-collapse:collapse;max-width:100%}tbody,td,th,thead,tr{border-width:0;text-align:inherit}tr>*{padding:.75rem;word-break:normal}canvas,img,svg,video{height:auto}source{display:none}canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}audio,video{width:100%}body{font-family:Montserrat,sans-serif;overflow-x:hidden;font-size:16px;line-height:1.5}.player-onair{text-transform:uppercase;font-size:.875vw;display:flex;align-items:center;gap:.5vw}.player-onair strong{padding:.2vw .5vw;display:inline-flex;background-color:var(--player-onair-bg,var(--player-primary-color));color:var(--player-onair-color,#fff);border-radius:.5vw;line-height:1.5;font-size:.75vw}.image{flex:none;width:var(--image-size,10vw);aspect-ratio:1;border-radius:var(--image-radius,2vw);background-color:var(--player-big-border-color);padding:.5vw;position:relative}.image-wrapper{position:relative;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--image-radius,2vw) - .5vw)}.image img{width:100%;height:auto;border-radius:calc(var(--image-radius,2vw) - .5vw);position:absolute;aspect-ratio:1;inset:0;object-fit:cover;background-color:#000;transition:top 1s ease-in-out}@keyframes fadeInOut{0%,100%{opacity:1}50%{opacity:var(--fade-opacity-end, 0)}}.skeleton-text{--fade-opacity-end:0.5;color:transparent;background-color:var(--skeleton-bg,rgba(255,255,255,.1));border-radius:1vw;animation:2s linear infinite fadeInOut;display:inline-flex}.player-time{text-align:right}.player-day{font-size:1.5vw;font-weight:700;text-transform:capitalize}.player-hour{font-size:1.25vw}@keyframes endless{from{transform:translateX(-.2vw)}to{transform:translateX(.2vw)}}@keyframes wag{from{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@keyframes fadeInY{from{opacity:0;transform:translateY(-2vw)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{from{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.05)}80%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.header-left,.header-right{opacity:0;animation:1s .3s forwards bounceIn}.image-change{opacity:0;animation:1s .3s forwards fadeIn}.player{--player-bg:oklch(0.141 0.005 285.823);--player-big-border-color:rgb(255 255 255 / 25%);--player-primary-color:#e91e63;padding:4vw;color:#fff;font-size:1vw;display:flex;flex-direction:column;position:fixed;inset:0;background:var(--player-bg);z-index:100}.player::before{background:linear-gradient(180deg,transparent,#000);inset:auto 0 0;position:absolute;z-index:-1;height:35vw;content:""}.player-logo{animation:1.5s ease-in-out infinite alternate endless}.player-brand{width:100vw;max-width:10vw;display:block;animation:2s ease-in-out infinite alternate wag}.player-header{display:flex;justify-content:space-between}.player-background{position:absolute;inset:0;pointer-events:none;z-index:-2}.player-background img{width:100vw;height:100vh;position:absolute;inset:0;object-fit:cover;transition:top 1s}.player-main{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;animation:1s fadeInY}.player-footer{margin-top:2vw;animation:1s fadeIn}.player-left{display:flex;align-items:flex-end;gap:1.5vw}.player-right{display:flex;align-items:center;gap:1.5vw}.player-progress{height:.5vw;border-radius:1vw;background-color:var(--player-big-border-color)}.player-progress::before{content:"";height:100%;display:block;border-radius:1vw;width:var(--song-progress,0);background-color:var(--player-primary-color);transition:width 1s linear}.player-button-play{width:3vw;margin:1vw;position:absolute;bottom:0;right:0}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--marquee-gap,1.5rem)/ 2))}}.player-fix{overflow:hidden;display:inline-flex}.player-title{font-size:1.875vw;white-space:nowrap}.player-title.is-infinite-scrolling{--marquee-gap:1vw;gap:var(--marquee-gap);display:flex;animation:marquee var(--text-scroll-duration,5s) linear infinite}.player-title.is-backwards{animation-direction:reverse}.player-content{text-transform:uppercase;font-weight:700;line-height:1;margin-top:1vw;display:flex;flex-direction:column;gap:.5vw;max-width:30vw;overflow:hidden}.player-station{--player-onair-bg:#FFC107;--player-onair-color:#332600}.player-station-data{display:flex;flex-direction:column;align-items:end;gap:.5vw;line-height:1}.player-station-picture{--image-size:6vw;--image-radius:55vw}.player-station-title{font-weight:700;font-size:1.25vw}.player-station-onair{font-size:1.125vw}.visualizer{position:absolute;inset:auto 0 0;z-index:-2;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-around;height:100%;opacity:.25}@media (width <= 768px){.player{padding:1rem}.player .player-button.player-button-play{width:3rem;margin:1rem}.player-brand{max-width:7rem}.player,.player-hour{font-size:1rem}.player-day,.player-title{font-size:1.25rem}.player-left{gap:1rem;flex-direction:column;align-items:flex-start}.image{width:var(--image-size,10rem);padding:.5rem}.image,.image img,.image-wrapper{border-radius:1.5rem}.player-onair{font-size:.875rem;white-space:nowrap;gap:.5rem}.player-onair strong{padding:.2rem .5rem;border-radius:.5rem;font-size:.75rem}.player-right{display:none}.player-content{gap:.5rem;margin-top:.75rem;max-width:90vw}.player-meta{width:100%}.player-progress{height:.5rem}.player-progress::before{border-radius:1rem}.player-footer{margin-top:1rem}}

@keyframes zoomInBounce {
  0% {
      transform: scale(0)
  }

  50% {
      transform: scale(1.2)
  }

  100% {
      transform: scale(1)
  }
}

.install-buttons {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.75);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem
}

.install-buttons:not(.is-active) {
  display: none
}

.install-buttons-wrapper {
    animation: .5s zoomInBounce;
    position: relative;
    border-radius: 1rem;
    max-width: 600px;
    text-align: center;
    padding: 2rem;
    color: #fff;
    background-color: #fff3;
    backdrop-filter: blur(1rem);
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.install-buttons-wrapper h4 {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: .5rem
}

.install-buttons-wrapper p {
  margin-bottom: 1rem
}

.close-install {
  position: absolute;
  top: -.5rem;
  right: -.5rem;
  padding: .5rem
}
.install-button {
  white-space: nowrap;
}

.install-button svg {
  width: 24px;
  height: 24px;
}



.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--btn-gap, 0.5rem);
  background-color: var(--btn-bg, var(--bg-transparent));
  padding: var(--btn-padding, 0.75rem);
  color: var(--btn-color, var(--color-title));
  font-size: var(--btn-fs, 0.875rem);
  font-weight: 700;
  border-radius: 999px;
  line-height: 1.5;
  transition-property: box-shadow, background-color, color;
  transition-duration: var(--duration);
  text-transform: uppercase;
}
.btn:hover {
  color: var(--btn-color-hover, var(--color-title));
}
.btn-full {
  width: 100%;
  justify-content: center;
}
@media (min-width: 992px) {
  .btn {
    --btn-fs: 0.875vw;
    --btn-padding: 0.75vw;
    --i-size: 1.25vw;
    --btn-gap: 0.5vw;
  }
}