.page-lecteur-radio{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:var(--section-padding-bottom);padding-top:var(--section-padding-top)}.page-lecteur-radio .page-width{width:100%}.page-lecteur-radio__header{margin-bottom:6rem;text-align:center}@media screen and (max-width:1199.98px){.page-lecteur-radio__header{margin-bottom:4rem}}.page-lecteur-radio__title{font-size:clamp(4.8rem,10vw,10rem);font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.page-lecteur-radio__content{width:100%}.page-lecteur-radio .radio-player__main-button{font-size:1.2rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;width:100%!important}.page-lecteur-radio .radio-player__main-button .svg-wrapper{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.page-lecteur-radio .radio-player__main-button .svg-wrapper svg{height:100%;width:100%;fill:currentColor}.page-lecteur-radio .radio-player__main-button .icon-player-pause{height:1.6rem;width:1.6rem}.page-lecteur-radio__status-info{margin:1.6rem auto 0;position:relative;text-align:center}@media screen and (min-width:1200px){.page-lecteur-radio__status-info{max-width:40vw}}.page-lecteur-radio__status{background:rgba(var(--color-foreground),.05);border:2px solid transparent;font-size:1.2rem;font-weight:700;padding:1rem;transition:all .3s ease}.page-lecteur-radio__status.success{color:#22c55e}.page-lecteur-radio__status.error{color:#df3e3e}.page-lecteur-radio__success-message{animation:slideInSuccess .5s ease-out;background:linear-gradient(45deg,rgba(34,197,94,.1),rgba(34,197,94,.15));border:2px solid rgba(34,197,94,.3);color:#22c55e;font-size:1.2rem;font-weight:700;overflow:hidden;padding:1rem;position:relative;text-align:center}.page-lecteur-radio__success-message:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.page-lecteur-radio__success-message.success-show{display:block!important}.page-lecteur-radio__success-message.success-hide{animation:slideOutSuccess .5s ease-in}.page-lecteur-radio .footer__content-top{padding:unset!important;position:relative}.page-lecteur-radio .footer__blocks-wrapper{--grid-desktop-horizontal-spacing:4.8rem;align-items:center;display:flex;justify-content:center}.page-lecteur-radio .footer__vinyl-container{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%}.page-lecteur-radio .footer__vinyl-container__vinyl{align-items:center;display:flex;justify-content:center;max-width:30vw;position:relative;z-index:2}@media screen and (max-width:1199.98px){.page-lecteur-radio .footer__vinyl-container__vinyl{max-width:66vw}}.page-lecteur-radio .footer__vinyl-container__vinyl-button{bottom:-1.4rem;height:4vw;position:absolute;width:4vw;z-index:3}@media screen and (max-width:1199.98px){.page-lecteur-radio .footer__vinyl-container__vinyl-button{bottom:-1.4rem;height:10vw;width:10vw}}@media screen and (max-width:749.98px){.page-lecteur-radio .footer__vinyl-container__vinyl-button{bottom:-2.4rem;height:16vw;width:16vw}}.page-lecteur-radio .footer__vinyl-container__vinyl-button-left{left:2.8rem}@media screen and (max-width:749.98px){.page-lecteur-radio .footer__vinyl-container__vinyl-button-left{left:1.6rem}}.page-lecteur-radio .footer__vinyl-container__vinyl-button-right{right:2.8rem}.page-lecteur-radio .vinyl-player{overflow:hidden}.page-lecteur-radio .vinyl-player-ui{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:3.1rem}@media screen and (max-width:749.98px){.page-lecteur-radio .vinyl-player-ui{margin-bottom:5.7rem}}.page-lecteur-radio .vinyl-player .footer__vinyl-container__vinyl{animation:spin 13s linear infinite;animation-play-state:paused}.page-lecteur-radio .vinyl-player .footer__vinyl-container__vinyl-button-left{left:1rem}.page-lecteur-radio .vinyl-player .footer__vinyl-container__vinyl-button-right{right:0}.page-lecteur-radio .vinyl-player__volume-slider{background:rgb(var(--color-foreground));border-radius:5px;height:18.5vw;margin:0 2rem;position:relative;width:4px}@media screen and (max-width:1199.98px){.page-lecteur-radio .vinyl-player__volume-slider{height:66vw;margin:0 1rem}}.page-lecteur-radio .vinyl-player__volume-track{background:rgb(var(--color-foreground));border-radius:5px;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.page-lecteur-radio .vinyl-player__volume-thumb{background:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-background));cursor:pointer;display:block;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:36px;z-index:2}.page-lecteur-radio .vinyl-player__volume-thumb:after{content:"";height:calc(100% + 20px);left:-10px;position:absolute;top:-10px;width:calc(100% + 20px);z-index:-1}.page-lecteur-radio .vinyl-player__volume-ticks{display:flex;flex-direction:column;height:100%;justify-content:space-between;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:32px}.page-lecteur-radio .vinyl-player__volume-tick{background:rgba(var(--color-foreground),.5);height:2px;margin:0 auto;width:24px}.page-lecteur-radio .vinyl-player__waveform{margin:.8rem auto;width:100%}.page-lecteur-radio .vinyl-player__waveform-top{align-items:center;display:flex;gap:1rem;justify-content:space-between}.page-lecteur-radio .vinyl-player__waveform-top__track-number span{opacity:.6}.page-lecteur-radio .vinyl-player__waveform-bottom{height:30px;margin-top:.8rem;min-height:30px;overflow:hidden;width:100%}.page-lecteur-radio .vinyl-player__waveform-bottom>div{display:block}.page-lecteur-radio .vinyl-player__trackinfo{align-items:center;display:flex;gap:.8rem;justify-content:space-between;margin:.8rem 0 1.6rem 1.8rem;position:relative}.page-lecteur-radio .vinyl-player__trackinfo:before{animation:pulse 2s infinite;background:#df3e3e;border-radius:50%;content:"";display:block;height:6px;left:-1.8rem;position:absolute;top:50%;transform:translateY(-50%);width:6px}.page-lecteur-radio .vinyl-player__trackinfo .vinyl-player__track{text-transform:uppercase}.page-lecteur-radio .footer-block{width:100%}@media screen and (max-width:749.98px){.page-lecteur-radio .footer-block.grid__item{margin:0}}.page-lecteur-radio .footer-block--middle{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:40vw!important}@media screen and (max-width:1199.98px){.page-lecteur-radio .footer-block--middle{gap:2.4rem;max-width:900px!important}}.page-lecteur-radio radio-player[data-play=true] .icon-player-play{display:none!important}.page-lecteur-radio radio-player[data-play=true] .icon-player-pause{display:block!important}.page-lecteur-radio radio-player[data-play=true] .footer__vinyl-container__vinyl,.page-lecteur-radio radio-player[data-play=true] .footer__vinyl-container__vinyl-button,.page-lecteur-radio radio-player[data-play=true] .vinyl-player__trackinfo:before{animation-play-state:running}.page-lecteur-radio radio-player[data-play=false] .icon-player-play{display:block!important}.page-lecteur-radio radio-player[data-play=false] .icon-player-pause{display:none!important}.page-lecteur-radio radio-player[data-play=false] .footer__vinyl-container__vinyl,.page-lecteur-radio radio-player[data-play=false] .footer__vinyl-container__vinyl-button{animation-play-state:paused}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1;transform:scale(1) translateY(-50%)}50%{opacity:.5;transform:scale(1.2) translateY(-50%)}to{opacity:1;transform:scale(1) translateY(-50%)}}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutSuccess{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}