.big-player{display:block;height:calc(100vh/var(--ratio-player));width:calc(80.73vh/var(--ratio-player))}.big-player #quality-overlay,.big-player #share-overlay{height:calc(80.73vh/var(--ratio-player))}.big-player .close-container{position:fixed}.big-player .close-button{height:calc(6.31vh/var(--ratio-player));margin-right:calc(3.26vh/var(--ratio-player));margin-top:calc(3.26vh/var(--ratio-player))}.big-player #option-title-container{align-items:center;justify-content:center;margin-left:calc(15.36vh/var(--ratio-player));margin-right:calc(15.36vh/var(--ratio-player));margin-top:calc(31.51vh/var(--ratio-player));text-align:center}.big-player #option-title-container #title-quality{font-size:calc(3.64vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));margin-bottom:calc(5.2vh/var(--ratio-player))}.big-player .option-text-container{width:calc(50vh/var(--ratio-player))}.big-player #option-title-container>div:first-child{font-size:calc(3.64vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));margin-bottom:calc(5.2vh/var(--ratio-player))}.big-player .option-format{font-size:calc(3.3vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player))}.big-player .option-bitrate{font-size:calc(2.3vh/var(--ratio-player));line-height:calc(3.38vh/var(--ratio-player))}.big-player .option-check{height:calc(3.12vh/var(--ratio-player));margin-left:calc(1vh/var(--ratio-player));top:calc(.5vh/var(--ratio-player))}.big-player .path{border:calc(.26vh/var(--ratio-player)) solid #fff;height:calc(8.07vh/var(--ratio-player))}.big-player #share-container .share-input{border-radius:calc(1.04vh/var(--ratio-player));gap:calc(2.08vh/var(--ratio-player));height:calc(8.32vh/var(--ratio-player));padding:0 calc(2.08vh/var(--ratio-player))}.big-player #share-container{font-family:Roboto Regular,sans-serif;font-size:calc(3.64vh/var(--ratio-player));gap:calc(4.16vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));margin-top:calc(29.6vh/var(--ratio-player));text-align:center;width:inherit}.big-player #share-container div,.big-player #share-container p{word-break:break-word}.big-player #social-media-buttons{gap:calc(2.6vh/var(--ratio-player))}.big-player #social-media-buttons>a,.big-player #social-media-buttons>button{background-color:initial;border:none;color:inherit;cursor:pointer;font:inherit;height:calc(11.45vh/var(--ratio-player));outline:none;padding:0;-webkit-user-select:none;user-select:none;width:calc(11.45vh/var(--ratio-player))}.big-player #social-media-buttons img{height:inherit;width:inherit}.big-player #player-option{height:calc(80.73vh/var(--ratio-player));opacity:0;position:absolute;transition:opacity .5s ease-out;width:calc(80.73vh/var(--ratio-player));z-index:1}.big-player #player-option:hover{opacity:1}.big-player #player-option #player-option-background{background:linear-gradient(180deg,#000000b3,#00000042);display:flex;height:calc(80.73vh/var(--ratio-player));position:absolute;width:calc(80.73vh/var(--ratio-player));z-index:1}.big-player #player-option img{cursor:pointer}.big-player #player-option .col-right{float:right}.big-player .col-right .buttons svg{cursor:pointer;height:calc(3.64vh/var(--ratio-player));padding:0 calc(2.6vh/var(--ratio-player));width:calc(3.64vh/var(--ratio-player))}.big-player #player-config{font-size:calc(3.6vh/var(--ratio-player));position:absolute;right:calc(12vh/var(--ratio-player));top:calc(13.02vh/var(--ratio-player))}.big-player #button-history{cursor:pointer;height:calc(7.5vh/var(--ratio-player));padding:calc(2.8vh/var(--ratio-player));position:absolute;right:0;transition:transform .2s linear;z-index:2}.big-player .history-wrapper{height:95vh;margin:4vh 0 2vh}.big-player .history #top-shadow{height:calc(3.52vh/var(--ratio-player));top:0}.big-player .history .track-row{display:flex;gap:calc(3.15vh/var(--ratio-player));height:calc(10.52vh/var(--ratio-player))}.big-player .history .track-row:last-child{position:relative;z-index:2}.big-player .history .time{flex-shrink:0;font-family:Suisse Int\'l,sans-serif;font-size:calc(3.15vh/var(--ratio-player));font-weight:500;height:calc(3.15vh/var(--ratio-player));margin:auto 0;width:calc(8.42vh/var(--ratio-player))}.big-player .history .artist-title{gap:calc(1.58vh/var(--ratio-player))}.big-player .history .cover,.big-player .history .skeleton{border-radius:calc(1.05vh/var(--ratio-player))}.big-player .history .cover{height:calc(10.52vh/var(--ratio-player));width:calc(10.52vh/var(--ratio-player))}.big-player .history .artist{font-size:calc(3.15vh/var(--ratio-player));height:calc(3.15vh/var(--ratio-player));white-space:nowrap}.big-player .history .artist.skeleton{width:calc(18.72vh/var(--ratio-player))}.big-player .history .title{font-size:calc(3.15vh/var(--ratio-player));height:calc(3.15vh/var(--ratio-player));white-space:nowrap}.big-player .history .title.skeleton{width:calc(39.61vh/var(--ratio-player))}.big-player .history .animated-spectrum{height:calc(3.15vh/var(--ratio-player));width:calc(6.3vh/var(--ratio-player));z-index:1}.big-player .history #bottom-shadow{bottom:-1%;height:calc(3.52vh/var(--ratio-player));left:0}.big-player #player-image,.big-player #player-image #image,.big-player #player-image #image svg{display:block;height:calc(80.73vh/var(--ratio-player));position:relative;width:calc(80.73vh/var(--ratio-player))}.big-player #player{display:flex;height:calc(19.27vh/var(--ratio-player))}.big-player .col-left{flex-grow:1}.big-player .col-left>*{margin-left:calc(5.2vh/var(--ratio-player))}.big-player #title-container{height:calc(4.16vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));padding-bottom:calc(1.3vh/var(--ratio-player));padding-top:calc(2.6vh/var(--ratio-player));width:calc(39.5vh/var(--ratio-player))}.big-player #title{font-size:calc(3.64vh/var(--ratio-player))}.big-player #author-container{height:calc(3.38vh/var(--ratio-player));line-height:calc(3.38vh/var(--ratio-player));width:calc(39.5vh/var(--ratio-player))}.big-player #author{font-size:calc(2.86vh/var(--ratio-player))}.big-player #number-listener svg{height:calc(3.73vh/var(--ratio-player));width:calc(3.73vh/var(--ratio-player))}.big-player #number-listener{font-family:Roboto Regular,sans-serif;font-size:calc(3.81vh/var(--ratio-player));gap:calc(1.17vh/var(--ratio-player));height:calc(3.71vh/var(--ratio-player));letter-spacing:0;line-height:calc(3.71vh/var(--ratio-player));margin-top:calc(1.57vh/var(--ratio-player))}@-moz-document url-prefix(){.big-player #dot{top:calc(-1.2vh/var(--ratio-player))}}.big-player .col-right{display:flex;flex-grow:1;justify-content:flex-end}.big-player .col-right .buttons{display:flex;float:right;height:calc(3.64vh/var(--ratio-player));padding-bottom:calc(4.16vh/var(--ratio-player));padding-top:calc(5.2vh/var(--ratio-player))}.big-player .timeline-container .timeline-container-slider .MuiSlider-track{border:calc(.18vh/var(--ratio-player)) solid}.big-player .timeline-container .timeline-container-slider .MuiSlider-thumb{height:calc(4vh/var(--ratio-player));width:calc(4vh/var(--ratio-player))}.big-player .timeline-container{z-index:1}.big-player #volume-container{background-color:#383838;border-radius:calc(3.9vh/var(--ratio-player));bottom:calc(25vh/var(--ratio-player));display:block;height:calc(10.41vh/var(--ratio-player));left:calc(1vh/var(--ratio-player));padding:calc(4.16vh/var(--ratio-player)) 0;position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.big-player .volume-icon-container{align-items:center;display:flex;justify-content:center}.big-player #volume{padding:0 calc(3.35vh/var(--ratio-player));width:0}.big-player #volume .MuiSlider-rail{background-color:#9f9f9f;opacity:.5;top:0}.big-player #volume .MuiSlider-rail,.big-player #volume .MuiSlider-track{width:calc(.5vh/var(--ratio-player))}.big-player #volume .MuiSlider-thumb{height:calc(4vh/var(--ratio-player));width:calc(4vh/var(--ratio-player))}.big-player #volume .MuiSlider-active,.big-player #volume .MuiSlider-thumb:hover{box-shadow:none}.big-player .without-logo #player-buttons{padding-bottom:calc(7.81vh/var(--ratio-player));padding-top:calc(7.81vh/var(--ratio-player))}.big-player .col-right p{float:right}.big-player #logo{left:calc(50vh/var(--ratio-player));position:absolute;right:0;top:calc(93.6vh/var(--ratio-player))}.big-player .without-logo #logo{display:none}.big-player #powered-by{font-size:calc(2.34vh/var(--ratio-player));height:calc(2.6vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));padding-bottom:calc(2.86vh/var(--ratio-player));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.big-player #infomaniak{font-size:calc(2.6vh/var(--ratio-player));height:calc(3.64vh/var(--ratio-player));letter-spacing:calc(-.03vh/var(--ratio-player));line-height:calc(3.64vh/var(--ratio-player));padding-bottom:calc(2.6vh/var(--ratio-player));padding-left:calc(.52vh/var(--ratio-player));width:calc(15.62vh/var(--ratio-player))}.big-player .marquee p{animation:scroll-left 12s linear infinite;animation-delay:2s}.big-player .timeline-buffer .MuiLinearProgress-buffer{height:1vh;margin-left:1vh}.big-player .timeline-buffer{height:1vh;position:absolute;width:52.33vh}.big-player .timeline-container-slider{height:calc(1vh/var(--ratio-player));width:calc(62.23vh/var(--ratio-player))}.big-player .timeline-container{align-items:center;background:linear-gradient(182.23deg,#20202000 1.88%,#20202080 98.12%);bottom:0;display:flex;gap:calc(6vh/var(--ratio-player));margin-left:0;padding:calc(2vh/var(--ratio-player)) calc(4vh/var(--ratio-player));position:absolute;width:calc(72.8vh/var(--ratio-player))}.big-player .shown{animation:blink 1s ease-in-out}.big-player .hidden{animation:blink-out 1s ease-in-out;transition:all 1s;visibility:hidden}.big-player #on-air-block{align-items:center;border-radius:calc(.48vh/var(--ratio-player));cursor:pointer;display:flex;justify-content:center;padding:calc(.72vh/var(--ratio-player));text-align:center;z-index:1}.big-player #on-air{font-family:Roboto Regular,sans-serif;font-size:calc(2.6vh/var(--ratio-player));height:calc(2.86vh/var(--ratio-player));letter-spacing:0;line-height:calc(2.86vh/var(--ratio-player));white-space:nowrap;width:calc(12.97vh/var(--ratio-player));z-index:6}.big-player #timeline-tooltip{align-items:center;background:#666666b3;border-radius:calc(.96vh/var(--ratio-player));bottom:calc(6vh/var(--ratio-player));display:none;font-family:Roboto Regular,sans-serif;font-size:calc(2.7vh/var(--ratio-player));height:calc(6.7vh/var(--ratio-player));justify-content:center;position:absolute;width:calc(12.8vh/var(--ratio-player));z-index:10!important}body:has(.big-player) .history-wrapper:has(.history-extended){height:35.54vh;width:calc(80.23vh/var(--ratio-player))}body:has(.big-player) .history-extended{font-family:Suisse Int\'l,sans-serif}body:has(.big-player) .history-extended #top-shadow{height:3.51vh;top:0}body:has(.big-player) .history-extended .track-row{display:flex;gap:1.95vh;height:6.51vh}body:has(.big-player) .history-extended .track-row:last-child{position:relative;z-index:2}body:has(.big-player) .history-extended .time{flex-shrink:0;font-family:Suisse Int\'l,sans-serif;font-size:1.93vh;font-weight:500;height:1.93vh;margin:auto 0;width:5.53vh}body:has(.big-player) .history-extended .artist-title{gap:.97vh}body:has(.big-player) .history-extended .skeleton{border-radius:.65vh}body:has(.big-player) .history-extended .cover{border-radius:.65vh;height:6.51vh;width:6.51vh}body:has(.big-player) .history-extended .artist{font-size:1.95vh;height:1.95vh;white-space:nowrap}body:has(.big-player) .history-extended .artist.skeleton{width:9.12vh}body:has(.big-player) .history-extended .title{font-size:2.15vh;height:2.15vh;white-space:nowrap}body:has(.big-player) .history-extended .title.skeleton{width:20.19vh}body:has(.big-player) .history-extended .animated-spectrum{height:2vh;width:4vh}body:has(.big-player) .history-extended #bottom-shadow{bottom:0;height:3.51vh}body:has(.big-player) .history-marquee{animation:big-marquee 12s linear infinite}body:has(.big-player) .history-marquee-short{animation:big-marquee-short 12s linear infinite}body:has(.big-player) .extend-history-marquee{animation:big-extend-marquee 12s linear infinite}body:has(.big-player) .extend-history-marquee-short{animation:big-extend-marquee-short 12s linear infinite}@keyframes big-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(46vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(46vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes big-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(31vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(31vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes big-extend-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(27vh - 100%))}60%{transform:translateX(calc(27vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes big-extend-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(18vh - 100%))}60%{transform:translateX(calc(18vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}.super-player #player-extended{grid-gap:calc(2.6vh/var(--ratio-player));display:grid;font-family:Roboto Regular,sans-serif;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:auto auto auto;grid-template-rows:calc(18.22vh/var(--ratio-player));height:0;overflow:hidden;overflow-y:auto;padding:calc(2.6vh/var(--ratio-player));position:absolute;right:0;-webkit-transition:all .75s,height 0s;-moz-transition:all .75s,height 0s;-o-transition:all .75s,height 0s;white-space:nowrap;width:0;z-index:4}.super-player #player-extended[class~=close]{height:calc(75.53vh/var(--ratio-player));padding:calc(2.6vh/var(--ratio-player));right:calc(-8vh/var(--ratio-player))}.super-player #player-extended[class~=open]{height:calc(75.53vh/var(--ratio-player));padding:calc(2.6vh/var(--ratio-player));transition:all .65s ease-out;width:calc(62.5vh/var(--ratio-player))}.super-player #button-history{cursor:pointer;right:calc(14vh/var(--ratio-player));transition:transform .2s linear;z-index:2}.super-player .history #top-shadow{height:calc(3.52vh/var(--ratio-player));top:0}.super-player .history .track-row{display:flex;gap:calc(3.15vh/var(--ratio-player));height:calc(10.52vh/var(--ratio-player))}.super-player .history .track-row:last-child{position:relative;z-index:2}.super-player .history .time{font-family:Suisse Int\'l,sans-serif;font-size:calc(3.15vh/var(--ratio-player));font-weight:500;margin:auto 0}.super-player .history .cover{border-radius:calc(1.05vh/var(--ratio-player));height:calc(10.52vh/var(--ratio-player));width:calc(10.52vh/var(--ratio-player))}.super-player .history .artist,.super-player .history .title{font-size:calc(3.15vh/var(--ratio-player));height:calc(3.15vh/var(--ratio-player));white-space:nowrap}.super-player .history .animated-spectrum{height:calc(3.15vh/var(--ratio-player));width:calc(6.3vh/var(--ratio-player));z-index:1}.super-player .history #bottom-shadow{bottom:-1%;height:calc(3.52vh/var(--ratio-player))}.super-player #player-arrow{border-radius:0 0 0 calc(2.6vh/var(--ratio-player));cursor:pointer;padding:calc(2.8vh/var(--ratio-player));position:absolute;top:calc(-.2vh/var(--ratio-player));width:calc(7.5vh/var(--ratio-player));z-index:2}.super-player #player-arrow[class=close]{right:0;transition:all .55s cubic-bezier(.2,.22,.43,.86)}.super-player #player-arrow[class=open]{right:calc(67.7vh/var(--ratio-player));transition:all .65s cubic-bezier(0,-.15,.43,.86)}.super-player #player-arrow svg{transition:all .75s}.super-player #player-arrow[class=close] svg{transform:rotate(0)}.super-player #player-arrow[class=open] svg{transform:rotate(-180deg)}.super-player .station-thumbnail{border-radius:calc(2.6vh/var(--ratio-player));height:calc(16.5vh/var(--ratio-player));width:calc(16.5vh/var(--ratio-player))}.super-player .station-thumbnail img{border-radius:inherit;height:inherit;position:absolute;width:inherit}.super-player .station-thumbnail img[class=selected]{border:solid calc(1vh/var(--ratio-player));box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.super-player .play-station-overlay{border-radius:inherit;cursor:pointer;height:inherit;opacity:0;position:absolute;transition:all .75s;width:inherit}.super-player .play-station-overlay:hover{background-color:#0009;opacity:1}.super-player #play-station-image{background-color:#000;border-radius:100%;height:calc(7vh/var(--ratio-player));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(7vh/var(--ratio-player))}.super-player .play-station-overlay svg{height:calc(3.5vh/var(--ratio-player));left:50%;position:absolute;top:50%;transform:translate(-39%,-50%);width:calc(3.5vh/var(--ratio-player))}.super-player .col-extra-right{width:calc(12vh/var(--ratio-player))}.super-player #player-option .col-right{display:contents;float:right}.super-player .close-button{position:absolute}.super-player #player-image{overflow-x:hidden}.super-player .timeline-container{bottom:0;display:flex;gap:calc(6vh/var(--ratio-player));margin-left:0;padding:calc(2vh/var(--ratio-player)) calc(4vh/var(--ratio-player));position:absolute;width:calc(72.8vh/var(--ratio-player));z-index:1!important}.super-player .timeline-buffer{height:1vh;position:absolute;width:52.33vh}.super-player .timeline-buffer .MuiLinearProgress-buffer{height:1vh;margin-left:1vh}.super-player .timeline-container-slider{height:1vh;width:62.23vh}.super-player .shown{animation:blink 1s ease-in-out}.super-player .hidden{animation:blink-out 1s ease-in-out;transition:all 1s;visibility:hidden}.super-player .timeline-container .timeline-container-slider .MuiSlider-track{border:calc(.18vh/var(--ratio-player)) solid}.super-player .timeline-container .timeline-container-slider .MuiSlider-thumb{height:calc(4vh/var(--ratio-player));width:calc(4vh/var(--ratio-player))}.medium-player{display:flex;height:calc(100vh/var(--ratio-player));width:calc(350vh/var(--ratio-player))}.medium-player .close-container{display:inline;display:initial;position:fixed}.medium-player .close-button{height:calc(9.75vh/var(--ratio-player));margin:calc(6vh/var(--ratio-player))}.medium-player #option-container{margin-left:calc(50vh/var(--ratio-player));margin-right:calc(50vh/var(--ratio-player));margin-top:calc(22.37vh/var(--ratio-player))}.medium-player .option-text-container{width:calc(67.56vh/var(--ratio-player))}.medium-player .option-format{font-size:calc(17vh/var(--ratio-player));line-height:calc(21.62vh/var(--ratio-player))}.medium-player .option-bitrate{font-size:calc(13vh/var(--ratio-player));line-height:calc(17.56vh/var(--ratio-player))}.medium-player .option-check{height:calc(15vh/var(--ratio-player));margin-left:calc(5vh/var(--ratio-player));top:calc(2vh/var(--ratio-player))}.medium-player .path{border:calc(.7vh/var(--ratio-player)) solid #fff;height:calc(41.94vh/var(--ratio-player));margin:0 calc(15.54vh/var(--ratio-player))}.medium-player #share-container .share-input{border-radius:calc(2.78vh/var(--ratio-player));gap:calc(5.56vh/var(--ratio-player));height:calc(22.22vh/var(--ratio-player));padding:0 calc(5.56vh/var(--ratio-player))}.medium-player #share-container{font-family:Roboto Regular,sans-serif;font-size:calc(9.72vh/var(--ratio-player));gap:calc(6.11vh/var(--ratio-player));line-height:calc(11.11vh/var(--ratio-player));padding-top:calc(14vh/var(--ratio-player));text-align:center;width:inherit}.medium-player #social-media-buttons{gap:calc(3.47vh/var(--ratio-player));margin-top:calc(8vh/var(--ratio-player)) 0}.medium-player #social-media-buttons>a,.medium-player #social-media-buttons>button{background-color:initial;border:none;color:inherit;cursor:pointer;font:inherit;height:calc(30.55vh/var(--ratio-player));outline:none;padding:0;-webkit-user-select:none;user-select:none;width:calc(30.55vh/var(--ratio-player))}.medium-player #social-media-buttons img{height:inherit;width:inherit}.medium-player .buttons svg{cursor:pointer}.medium-player #player-option-image{display:flex;height:calc(100vh/var(--ratio-player))}.medium-player #player-option #player-option-background{background:linear-gradient(180deg,#000000b3,#00000042);display:flex;position:absolute;z-index:1}.medium-player #player-image,.medium-player #player-image #image,.medium-player #player-option #player-option-background{height:calc(100vh/var(--ratio-player));width:calc(100vh/var(--ratio-player))}.medium-player #circle-play{z-index:1}.medium-player #player-image #image div{height:calc(100vh/var(--ratio-player));overflow:hidden}.medium-player #player{width:calc(250vh/var(--ratio-player))}.medium-player #player-text{height:calc(32.58vh/var(--ratio-player));padding:calc(13.88vh/var(--ratio-player));padding-bottom:0}.medium-player #player-text,.medium-player #player-text>div,.medium-player #player-text>p{width:calc(222.24vh/var(--ratio-player))}.medium-player #title-share{display:flex;gap:4vh}.medium-player #title-container{float:left;height:calc(11.11vh/var(--ratio-player));line-height:calc(11.11vh/var(--ratio-player));padding-bottom:calc(3.47vh/var(--ratio-player));width:calc(200vh/var(--ratio-player))}.medium-player #title{font-size:calc(9.72vh/var(--ratio-player))}.medium-player #button-history{cursor:pointer;z-index:2}.medium-player #button-history,.medium-player #share{float:right;height:calc(9.72vh/var(--ratio-player));transition:transform .2s linear;width:calc(13.19vh/var(--ratio-player))}.medium-player #author-container{height:calc(7.64vh/var(--ratio-player));line-height:calc(7.64vh/var(--ratio-player));padding-bottom:calc(6.94vh/var(--ratio-player))}.medium-player #author{font-size:calc(7.64vh/var(--ratio-player))}.medium-player #number-listener svg{height:calc(8.64vh/var(--ratio-player));width:calc(8.64vh/var(--ratio-player))}.medium-player #number-listener{font-family:Roboto Regular,sans-serif;font-size:calc(9.64vh/var(--ratio-player));gap:calc(2.57vh/var(--ratio-player));height:calc(9.24vh/var(--ratio-player));letter-spacing:0;line-height:calc(9.24vh/var(--ratio-player))}.medium-player #player-buttons{align-items:center;display:flex;height:calc(9.72vh/var(--ratio-player));padding-left:calc(13.88vh/var(--ratio-player));padding-top:calc(11.91vh/var(--ratio-player));width:calc(235.24vh/var(--ratio-player))}.medium-player #player-buttons>*{padding-left:calc(5vh/var(--ratio-player));padding-right:calc(5vh/var(--ratio-player))}.medium-player .without-logo #player-buttons{width:calc(168.77vh/var(--ratio-player))!important}.medium-player .without-logo #logo{display:none}.medium-player #pause,.medium-player #play{padding-left:0}.medium-player #mute,.medium-player #pause,.medium-player #play,.medium-player #speaker{flex-grow:1;height:calc(9.72vh/var(--ratio-player));width:calc(9.72vh/var(--ratio-player))}.medium-player #volume{align-items:center;color:#0098ff;display:flex;flex-grow:1;height:calc(6.94vh/var(--ratio-player));padding:0;transition:transform .2s linear;width:calc(36.11vh/var(--ratio-player))}.medium-player .volume-icon-container{align-items:center;display:flex;justify-content:center;padding-top:calc(1vh/var(--ratio-player))}.medium-player .MuiSlider-rail{background-color:#9f9f9f;height:calc(1.38vh/var(--ratio-player));opacity:.5}.medium-player .MuiSlider-track{border:calc(.25vh/var(--ratio-player)) solid;height:calc(1.38vh/var(--ratio-player))}.medium-player .MuiSlider-thumb{height:calc(7vh/var(--ratio-player));width:calc(7vh/var(--ratio-player))}.medium-player #volume .MuiSlider-active,.medium-player .MuiSlider-thumb:hover{box-shadow:none}.medium-player #on-air-block{align-items:center;flex-grow:1}.medium-player #dot{color:#9f9f9f;font-size:calc(34.72vh/var(--ratio-player));line-height:0;position:relative;right:calc(2.08vh/var(--ratio-player));top:calc(-10vh/var(--ratio-player))}@-moz-document url-prefix(){.medium-player #dot{top:calc(-7vh/var(--ratio-player))}}.medium-player .on-air{-webkit-animation:blink .7s infinite alternate;-moz-animation:blink .7s infinite alternate;-ms-animation:blink .7s infinite alternate;color:#d9283a!important;display:flex;justify-content:center}.medium-player #on-air{font-family:Roboto Regular,sans-serif;font-size:calc(5.94vh/var(--ratio-player));letter-spacing:0;line-height:calc(7.63vh/var(--ratio-player));text-align:center;width:calc(40.97vh/var(--ratio-player))}.medium-player #cog{cursor:pointer;flex-grow:1;height:calc(9.72vh/var(--ratio-player));width:calc(9.72vh/var(--ratio-player))}.medium-player #player-config{font-size:calc(10vh/var(--ratio-player));position:absolute;right:calc(63vh/var(--ratio-player));top:calc(40vh/var(--ratio-player))}.medium-player #logo{flex-grow:1;padding-right:0;text-align:right;width:calc(53.47vh/var(--ratio-player))}.medium-player #powered-by{font-size:calc(6.25vh/var(--ratio-player));height:calc(9.02vh/var(--ratio-player));line-height:calc(11.11vh/var(--ratio-player));width:calc(15vh/var(--ratio-player))}.medium-player #infomaniak{font-size:calc(6.94vh/var(--ratio-player));height:calc(10.41vh/var(--ratio-player));letter-spacing:calc(-.13vh/var(--ratio-player));line-height:calc(9.72vh/var(--ratio-player))}.medium-player .marquee p{animation:scroll-left 12s linear infinite;animation-delay:2s}.medium-player .timeline-container{align-items:center;display:flex;gap:calc(8vh/var(--ratio-player));margin-left:6.25%;margin-right:6.25%;margin-top:6.25%;position:relative}.medium-player .shown{animation:blink 1s ease-in-out}.medium-player .hidden{animation:blink-out 1s ease-in-out;transition:all 1s;visibility:hidden}.medium-player .timeline-buffer .MuiLinearProgress-buffer{height:1vh;margin-left:1vh}.medium-player .timeline-buffer{height:1vh;position:absolute;width:174.45vh}.medium-player .timeline-container #timeline-range{padding:0;width:calc(175.31vh/var(--ratio-player))}.medium-player #on-air-block{border-radius:calc(.96vh/var(--ratio-player));cursor:pointer;display:flex;width:calc(36.1vh/var(--ratio-player))}.medium-player .timeline-container-slider{height:calc(8vh/var(--ratio-player))}.medium-player .timeline-container-slider .MuiSlider-thumb:after{height:auto!important;width:auto!important}@media screen and (max-height:120px) and (min-height:60px){.medium-player .timeline-container-slider{height:calc(25vh/var(--ratio-player))}.medium-player .timeline-container{margin-bottom:-3.75%;margin-top:3.25%}}.medium-player #timeline-tooltip{align-items:center;background:#666666b3;border-radius:calc(2.74vh/var(--ratio-player));bottom:calc(12vh/var(--ratio-player));display:none;font-family:Roboto Regular,sans-serif;font-size:calc(7.5vh/var(--ratio-player));height:calc(12.35vh/var(--ratio-player));justify-content:center;position:absolute;width:calc(38.18vh/var(--ratio-player));z-index:10!important}.medium-player #volume .MuiSlider-thumb:after{height:0;width:0}body:has(.medium-player) .history-wrapper{height:calc(90vh/var(--ratio-player));margin-top:calc(5vh/var(--ratio-player))}body:has(.medium-player) .history{font-family:Suisse Int\'l,sans-serif}.medium-player .history-wrapper{height:inherit}.medium-player .history-wrapper::-webkit-scrollbar{width:2vh}body:has(.medium-player) .history-wrapper:has(.history-extended){width:calc(348vh/var(--ratio-player))}body:has(.medium-player) .history #top-shadow{height:calc(11.25vh/var(--ratio-history));top:0}body:has(.medium-player) .history .track-row{display:flex;gap:calc(7.5vh/var(--ratio-history));height:calc(25vh/var(--ratio-history));margin:0 3% 1.4%}body:has(.medium-player) .history .time{flex-shrink:0;font-family:Suisse Int\'l,sans-serif;font-size:calc(7.5vh/var(--ratio-history));font-weight:500;height:calc(7.5vh/var(--ratio-history));margin:auto 0;width:calc(21.25vh/var(--ratio-history))}body:has(.medium-player) .history .artist-title{gap:4.28vh}body:has(.medium-player) .history-extended .artist-title{gap:2.14vh}body:has(.medium-player) .history .skeleton{border-radius:calc(2.5vh/var(--ratio-history))}body:has(.medium-player) .history .cover{border-radius:calc(2.5vh/var(--ratio-history));height:calc(25vh/var(--ratio-history));width:calc(25vh/var(--ratio-history))}body:has(.medium-player) .history .artist{font-size:calc(7.5vh/var(--ratio-history));height:calc(7.5vh/var(--ratio-history));white-space:nowrap}body:has(.medium-player) .history .artist.skeleton{width:72.96vh}body:has(.medium-player) .history-extended .artist.skeleton{width:36.48vh}body:has(.medium-player) .history .title{font-size:calc(7.5vh/var(--ratio-history));height:calc(7.5vh/var(--ratio-history));white-space:nowrap}body:has(.medium-player) .history .title.skeleton{width:161.92vh}body:has(.medium-player) .history-extended .title.skeleton{width:80.96vh}body:has(.medium-player) .history .animated-spectrum{height:calc(7.5vh/var(--ratio-history));width:calc(15vh/var(--ratio-history));z-index:1}body:has(.medium-player) .history #bottom-shadow{bottom:-1%;height:calc(11.25vh/var(--ratio-history))}body:has(.medium-player) .history-marquee{animation:medium-marquee 12s linear infinite}body:has(.medium-player) .history-marquee-short{animation:medium-marquee-short 12s linear infinite}body:has(.medium-player) .extend-history-marquee{animation:medium-extend-marquee 12s linear infinite}body:has(.medium-player) .extend-history-marquee-short{animation:medium-extend-marquee-short 12s linear infinite}@keyframes medium-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(272vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(272vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes medium-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(228vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(228vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes medium-extend-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(135vh - 100%))}60%{transform:translateX(calc(135vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes medium-extend-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(115vh - 100%))}60%{transform:translateX(calc(115vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}.small-player{display:flex;height:calc(100vh/var(--ratio-player));width:calc(418vh/var(--ratio-player))}.small-player .close-container{height:calc(20vh/var(--ratio-player));position:fixed}.small-player .close-button{height:calc(11.25vh/var(--ratio-player));margin:calc(10vh/var(--ratio-player))}.small-player .close-history{display:inline;display:initial}.small-player #option-container{margin-left:calc(50vh/var(--ratio-player));margin-right:calc(50vh/var(--ratio-player));margin-top:calc(22.37vh/var(--ratio-player))}.small-player .option-text-container{width:calc(67.56vh/var(--ratio-player))}.small-player .option-format{font-size:calc(17vh/var(--ratio-player));line-height:calc(21.62vh/var(--ratio-player))}.small-player .option-bitrate{font-size:calc(13vh/var(--ratio-player));line-height:calc(17.56vh/var(--ratio-player))}.small-player .option-check{height:calc(16.21vh/var(--ratio-player));margin-left:calc(5.45vh/var(--ratio-player));top:calc(2vh/var(--ratio-player))}.small-player .path{border:calc(1.35vh/var(--ratio-player)) solid #fff;height:calc(41.94vh/var(--ratio-player));margin:0 calc(15.54vh/var(--ratio-player))}.small-player #player-image #image div{height:calc(100vh/var(--ratio-player));overflow:hidden}.small-player #player-image,.small-player #player-image #image,.small-player #player-image #image svg{height:calc(100vh/var(--ratio-player));width:calc(100vh/var(--ratio-player))}.small-player #player{display:-webkit-flex;display:block;margin:calc(13.51vh/var(--ratio-player));width:calc(318.91vh/var(--ratio-player))}.small-player #title-container{height:calc(21.62vh/var(--ratio-player));line-height:calc(21.62vh/var(--ratio-player));padding-bottom:calc(6.75vh/var(--ratio-player));width:calc(291.89vh/var(--ratio-player))}.small-player #title{font-size:calc(18.91vh/var(--ratio-player))}.small-player .button-history-title{display:flex}.small-player #author-container{height:calc(17.56vh/var(--ratio-player));line-height:calc(17.56vh/var(--ratio-player));padding-bottom:calc(8vh/var(--ratio-player));width:calc(291.89vh/var(--ratio-player))}.small-player #author{font-size:calc(14.86vh/var(--ratio-player))}.small-player #controls{display:flex}.small-player .buttons{cursor:pointer;display:flex;height:calc(18.91vh/var(--ratio-player));width:calc(142vh/var(--ratio-player))}.small-player #button-history,.small-player .buttons svg{cursor:pointer;height:calc(20vh/var(--ratio-player));width:calc(20vh/var(--ratio-player));z-index:2}.small-player #button-history{cursor:pointer;float:right;position:relative;right:calc(18vh/var(--ratio-player));top:calc(-4.75vh/var(--ratio-player));z-index:2}.small-player #pause,.small-player #play{padding-right:calc(13.51vh/var(--ratio-player))}.small-player #mute,.small-player #speaker{padding:0 calc(13.51vh/var(--ratio-player))}.small-player #volume-container{left:calc(-3vh/var(--ratio-player));margin:auto;position:relative;top:calc(1vh/var(--ratio-player))}.small-player #volume{align-items:center;color:#0098ff;display:flex;flex-grow:1;height:calc(17vh/var(--ratio-player));padding:0;width:calc(60vh/var(--ratio-player))}.small-player #volume .MuiSlider-rail{background-color:#9f9f9f;height:calc(3vh/var(--ratio-player));opacity:.5}.small-player #volume .MuiSlider-track{height:calc(3vh/var(--ratio-player))}.small-player #volume .MuiSlider-thumb{height:calc(12vh/var(--ratio-player));margin-top:0;width:calc(12vh/var(--ratio-player))}.small-player #volume .MuiSlider-active,.small-player #volume .MuiSlider-thumb:hover{box-shadow:none}.small-player #cog{padding:0 calc(13.51vh/var(--ratio-player))}.small-player #logo{float:right;padding-left:calc(27vh/var(--ratio-player))}.small-player .without-logo #logo{display:none}.small-player #powered-by{font-size:calc(12.16vh/var(--ratio-player));height:calc(13.51vh/var(--ratio-player));line-height:calc(19vh/var(--ratio-player));padding-bottom:calc(17.56vh/var(--ratio-player));width:-webkit-max-content;width:max-content}.small-player #infomaniak{font-size:calc(13.51vh/var(--ratio-player));height:calc(18.91vh/var(--ratio-player));letter-spacing:calc(-.17vh/var(--ratio-player));line-height:calc(18.91vh/var(--ratio-player));padding-left:calc(2.7vh/var(--ratio-player));padding-right:calc(21.62vh/var(--ratio-player));width:calc(81.08vh/var(--ratio-player))}.small-player .marquee p{animation:scroll-left 12s linear infinite;animation-delay:2s}.small-player .history-wrapper{height:inherit}.small-player .history-wrapper::-webkit-scrollbar{width:2.3vh}body:has(.small-player) .history-wrapper:has(.history-extended){font-family:Suisse Int\'l,sans-serif;height:calc(92vh/var(--ratio-history));margin-top:calc(5vh/var(--ratio-player));width:calc(415vh/var(--ratio-player))}body:has(.small-player) .history #top-shadow{height:calc(8.25vh/var(--ratio-history));top:0}body:has(.small-player) .history .track-row{display:flex;gap:calc(7.5vh/var(--ratio-history));height:calc(25vh/var(--ratio-history));margin:0 3% 2%}body:has(.small-player) .history .time{flex-shrink:0;font-family:Suisse Int\'l,sans-serif;font-size:calc(7.5vh/var(--ratio-history));font-weight:500;height:calc(7.5vh/var(--ratio-history));margin:auto 0;width:calc(21.25vh/var(--ratio-history))}body:has(.small-player) .history-extended .artist-title{gap:5.96vh}body:has(.small-player) .history .artist-title{gap:2.98vh}body:has(.small-player) .history .skeleton{border-radius:calc(2.5vh/var(--ratio-history))}body:has(.small-player) .history .cover{border-radius:calc(2.5vh/var(--ratio-history));height:calc(25vh/var(--ratio-history));width:calc(25vh/var(--ratio-history))}body:has(.small-player) .history-extended .artist-title{flex-grow:1;width:calc(182vh/var(--ratio-history))}body:has(.small-player) .history .artist{font-size:calc(7.5vh/var(--ratio-history));height:calc(7.5vh/var(--ratio-history));white-space:nowrap}body:has(.small-player) .history .artist.skeleton{width:72.96vh}body:has(.small-player) .history-extended .artist.skeleton{width:36.48vh}body:has(.small-player) .history .title{font-size:calc(7.5vh/var(--ratio-history));height:calc(7.5vh/var(--ratio-history));white-space:nowrap}body:has(.small-player) .history .title.skeleton{width:161.92vh}body:has(.small-player) .history-extended .title.skeleton{width:80.96vh}body:has(.small-player) .history .animated-spectrum{display:none}body:has(.small-player) .history #bottom-shadow{bottom:-1%;height:calc(8.25vh/var(--ratio-history))}body:has(.small-player) .history-marquee{animation:small-marquee 12s linear infinite}body:has(.small-player) .history-marquee-short{animation:small-marquee-short 12s linear infinite}body:has(.small-player) .extend-history-marquee{animation:small-extend-marquee 12s linear infinite}body:has(.small-player) .extend-history-marquee-short{animation:small-extend-marquee-short 12s linear infinite}@keyframes small-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(345vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(345vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes small-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(345vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(345vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes small-extend-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(110vh - 100%))}60%{transform:translateX(calc(110vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes small-extend-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(110vh - 100%))}60%{transform:translateX(calc(110vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}.mini-player{height:100vh;width:620vh}.mini-player .buttons{cursor:pointer;display:flex}.mini-player .buttons svg{cursor:pointer}.mini-player #pause,.mini-player #play{height:100vh;padding-right:10.04vh}.mini-player #mute,.mini-player #speaker{height:100vh;padding-left:10.04vh;padding-right:20.83vh}.mini-player #mute:hover,.mini-player #pause:hover,.mini-player #play:hover,.mini-player #speaker:hover{transform:none}.mini-player #volume-container{left:-9vh;margin:auto;position:relative;top:1vh}.mini-player #volume{align-items:center;color:#0098ff;display:flex;flex-grow:1;height:104vh;padding:0;width:370vh}.mini-player #volume .MuiSlider-rail{background-color:#9f9f9f;border-radius:10.41vh;height:20.83vh;opacity:.5}.mini-player #volume .MuiSlider-track{border-radius:10.41vh;height:20.83vh;min-width:2%!important}.mini-player #volume .MuiSlider-thumb{display:none}.mini-player #volume .MuiSlider-active,.mini-player #volume .MuiSlider-thumb:hover{box-shadow:none}.mini-player .react-player,.mini-player video{display:none}#error-container{background:#fff;color:#333;font-family:Roboto,sans-serif;height:100%;padding:25vh;text-align:center}#error-container h1{display:block;font-size:2em;font-weight:700;margin-bottom:20px;margin-top:0}.super-extended-player{display:block;height:calc(100vh/var(--ratio-player));width:calc(148vh/var(--ratio-player))}.super-extended-player #quality-overlay,.super-extended-player #share-overlay{height:calc(80.54vh/var(--ratio-player));width:calc(80.54vh/var(--ratio-player))}.super-extended-player #number-listener svg{height:calc(3.73vh/var(--ratio-player));width:calc(3.73vh/var(--ratio-player))}.super-extended-player #number-listener{gap:calc(1.17vh/var(--ratio-player))}.super-extended-player .close-button{height:calc(3.64vh/var(--ratio-player));margin:calc(2.47vh/var(--ratio-player))}.super-extended-player #option-title-container{align-items:center;justify-content:center;margin-left:calc(15.36vh/var(--ratio-player));margin-right:calc(15.36vh/var(--ratio-player));margin-top:calc(31.51vh/var(--ratio-player));text-align:center}.super-extended-player #option-title-container #title-quality{font-size:calc(3.64vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));margin-bottom:calc(5.2vh/var(--ratio-player))}.super-extended-player .option-text-container{width:calc(50vh/var(--ratio-player))}.super-extended-player .option-format{font-size:calc(3.3vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player))}.super-extended-player .option-bitrate{font-size:calc(2.3vh/var(--ratio-player));line-height:calc(3.38vh/var(--ratio-player))}.super-extended-player .option-check{height:calc(3.12vh/var(--ratio-player));margin-left:calc(1vh/var(--ratio-player));top:calc(.5vh/var(--ratio-player))}.super-extended-player .path{border:calc(.26vh/var(--ratio-player)) solid #fff;height:calc(8.07vh/var(--ratio-player))}.super-extended-player #share-container .share-input{border-radius:calc(1.04vh/var(--ratio-player));gap:calc(2.08vh/var(--ratio-player));height:calc(8.32vh/var(--ratio-player));padding:0 calc(2.08vh/var(--ratio-player))}.super-extended-player #share-container{font-family:Roboto Regular,sans-serif;font-size:calc(3.64vh/var(--ratio-player));gap:calc(4.16vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));margin-top:calc(29.6vh/var(--ratio-player));text-align:center;width:inherit}.super-extended-player #share-container div,.super-extended-player #share-container p{word-break:break-word}.super-extended-player #social-media-buttons{gap:calc(2.6vh/var(--ratio-player))}.super-extended-player #social-media-buttons>a,.super-extended-player #social-media-buttons>button{background-color:initial;border:none;color:inherit;cursor:pointer;font:inherit;height:calc(11.45vh/var(--ratio-player));outline:none;padding:0;-webkit-user-select:none;user-select:none;width:calc(11.45vh/var(--ratio-player))}.super-extended-player #social-media-buttons img{height:inherit;width:inherit}.super-extended-player #player-option{height:calc(80.54vh/var(--ratio-player));opacity:0;position:absolute;transition:opacity .5s ease-out;width:calc(80.54vh/var(--ratio-player));z-index:1}.super-extended-player #player-option:hover{opacity:1}.super-extended-player #player-option #player-option-background{background:linear-gradient(180deg,#000000b3,#00000042);display:flex;height:calc(80.54vh/var(--ratio-player));position:absolute;width:calc(80.54vh/var(--ratio-player));z-index:1}.super-extended-player #player-option img{cursor:pointer}.super-extended-player #player-option .col-right{display:contents;float:right}.super-extended-player #cog{cursor:pointer;height:calc(3.64vh/var(--ratio-player));padding-right:0;width:calc(3.64vh/var(--ratio-player))}.super-extended-player #player-config{font-size:calc(3.6vh/var(--ratio-player));position:absolute;right:calc(12vh/var(--ratio-player));top:calc(13.02vh/var(--ratio-player))}.super-extended-player #circle-play{z-index:1}.super-extended-player #player-image,.super-extended-player #player-image #image,.super-extended-player #player-image #image svg{height:calc(80.54vh/var(--ratio-player));width:calc(80.54vh/var(--ratio-player))}.super-extended-player #playername{font-family:Roboto Medium,sans-serif;font-size:calc(4.15vh/var(--ratio-player));overflow:hidden;padding:calc(3.89vh/var(--ratio-player));position:absolute;text-overflow:ellipsis;white-space:nowrap;width:calc(72.76vh/var(--ratio-player));z-index:1}.super-extended-player #player{display:flex;height:calc(19.27vh/var(--ratio-player))}.super-extended-player .col-left{flex-grow:1}.super-extended-player .col-left>*{margin-left:calc(5.2vh/var(--ratio-player))}.super-extended-player .col-left #on-air-block{display:flex;padding-bottom:calc(3.12vh/var(--ratio-player))}.super-extended-player #title-container{height:calc(4.16vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));padding-bottom:calc(1.3vh/var(--ratio-player));padding-top:calc(2.6vh/var(--ratio-player));width:calc(100vh/var(--ratio-player))}.super-extended-player #title{font-size:calc(3.64vh/var(--ratio-player))}.super-extended-player #author-container{height:calc(3.38vh/var(--ratio-player));line-height:calc(3.38vh/var(--ratio-player));width:calc(100vh/var(--ratio-player))}.super-extended-player #author{font-size:calc(2.86vh/var(--ratio-player))}.super-extended-player #on-air-block{padding-top:calc(1.82vh/var(--ratio-player))}.super-extended-player #dot{color:#9f9f9f;font-size:calc(13.02vh/var(--ratio-player));line-height:0;position:relative;right:calc(.78vh/var(--ratio-player));top:calc(-2.2vh/var(--ratio-player))}@-moz-document url-prefix(){.super-extended-player #dot{top:calc(-1.2vh/var(--ratio-player))}}.super-extended-player .on-air{-webkit-animation:blink .7s infinite alternate;-moz-animation:blink .7s infinite alternate;-ms-animation:blink .7s infinite alternate;color:#d9283a!important}.super-extended-player .col-right{display:flex;flex-grow:1;justify-content:flex-end;margin-right:calc(3vh/var(--ratio-player))}.super-extended-player .col-right .buttons{float:right;height:calc(3.64vh/var(--ratio-player));padding-bottom:calc(4.16vh/var(--ratio-player));padding-top:calc(5.2vh/var(--ratio-player))}.super-extended-player .col-right .buttons svg{cursor:pointer;height:calc(3.64vh/var(--ratio-player));padding:0 calc(2.6vh/var(--ratio-player));width:calc(3.64vh/var(--ratio-player))}.super-extended-player #cog{border-left:calc(2.6vh/var(--ratio-player)) solid #0000;border-right:calc(2.6vh/var(--ratio-player)) solid #0000;padding:0}.super-extended-player #volume-container{background-color:#383838;border-radius:calc(3.9vh/var(--ratio-player));bottom:calc(25vh/var(--ratio-player));display:block;height:calc(10.41vh/var(--ratio-player));left:calc(1vh/var(--ratio-player));padding:calc(4.16vh/var(--ratio-player)) 0;position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.super-extended-player .volume-icon-container{align-items:center;display:flex;justify-content:center}.super-extended-player #volume{padding:0 calc(3.35vh/var(--ratio-player));width:0}.super-extended-player #volume .MuiSlider-rail{background-color:#9f9f9f;opacity:.5;top:0;width:calc(.8vh/var(--ratio-player))}.super-extended-player #volume .MuiSlider-track{width:calc(.5vh/var(--ratio-player))}.super-extended-player #volume .MuiSlider-thumb{height:calc(4vh/var(--ratio-player));width:calc(4vh/var(--ratio-player))}.super-extended-player #volume .MuiSlider-active,.super-extended-player #volume .MuiSlider-thumb:hover{box-shadow:none}.super-extended-player .without-logo #player-buttons{display:flex;padding-bottom:calc(7.81vh/var(--ratio-player));padding-top:calc(7.81vh/var(--ratio-player))}.super-extended-player #player-buttons{display:flex}.super-extended-player .col-right p{float:right}.super-extended-player #logo{bottom:calc(.5vh/var(--ratio-player));height:calc(5vh/var(--ratio-player));margin-right:calc(-2vh/var(--ratio-player));position:absolute;top:calc(93.6vh/var(--ratio-player))}.super-extended-player .without-logo #logo{display:none}.super-extended-player #powered-by{font-size:calc(2.34vh/var(--ratio-player));height:calc(2.6vh/var(--ratio-player));line-height:calc(4.16vh/var(--ratio-player));padding-bottom:calc(2.86vh/var(--ratio-player));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.super-extended-player #infomaniak{font-size:calc(2.6vh/var(--ratio-player));height:calc(3.64vh/var(--ratio-player));letter-spacing:calc(-.03vh/var(--ratio-player));line-height:calc(3.64vh/var(--ratio-player));padding-bottom:calc(2.6vh/var(--ratio-player));padding-left:calc(.52vh/var(--ratio-player));padding-right:calc(4.2vh/var(--ratio-player));width:calc(15.62vh/var(--ratio-player))}.super-extended-player .marquee p{animation:scroll-left 12s linear infinite;animation-delay:2s}.super-extended-player #player-extended{grid-gap:calc(2.6vh/var(--ratio-player));display:grid;font-family:Roboto Regular,sans-serif;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:auto auto auto;grid-template-rows:calc(18.22vh/var(--ratio-player));height:calc(77.96vh/var(--ratio-player));left:calc(80.54vh/var(--ratio-player));overflow:hidden;overflow-y:auto;padding:calc(2.6vh/var(--ratio-player)) calc(2.6vh/var(--ratio-player)) 0 calc(2.6vh/var(--ratio-player));position:absolute;top:0;transition:background-color 1s;white-space:nowrap;width:calc(62.26vh/var(--ratio-player))}.super-extended-player #history-overlay{height:calc(80.54vh/var(--ratio-player));left:calc(80.54vh/var(--ratio-player));top:0;width:calc(67.46vh/var(--ratio-player))}.super-extended-player .close-history{position:absolute;z-index:inherit}.super-extended-player .history-wrapper{height:inherit}.super-extended-player .history #top-shadow{height:calc(3.52vh/var(--ratio-player));top:0}.super-extended-player .history .track-row{display:flex;gap:calc(2.15vh/var(--ratio-player));height:calc(10.52vh/var(--ratio-player))}.super-extended-player .history .track-row:last-child{position:relative;z-index:2}.super-extended-player .history .time{flex-shrink:0;font-family:Suisse Int\'l,sans-serif;font-size:calc(3.15vh/var(--ratio-player));font-weight:500;height:calc(3.15vh/var(--ratio-player));margin:auto 0;width:calc(8.94vh/var(--ratio-player))}.super-extended-player .history .artist-title{gap:calc(1.57vh/var(--ratio-player))}.super-extended-player .history .cover,.super-extended-player .history .skeleton{border-radius:calc(1.05vh/var(--ratio-player))}.super-extended-player .history .cover{height:calc(10.52vh/var(--ratio-player));width:calc(10.52vh/var(--ratio-player))}.super-extended-player .history .artist-title{flex-grow:1;overflow-x:hidden;width:calc(38.8vh/var(--ratio-player))}.super-extended-player .history .artist{font-size:calc(3.15vh/var(--ratio-player));height:calc(3.15vh/var(--ratio-player));white-space:nowrap}.super-extended-player .history .artist.skeleton{width:calc(14.72vh/var(--ratio-player))}.super-extended-player .history .title{font-size:calc(3.15vh/var(--ratio-player));height:calc(3.15vh/var(--ratio-player));white-space:nowrap}.super-extended-player .history .title.skeleton{width:calc(32.61vh/var(--ratio-player))}.super-extended-player .history .animated-spectrum{height:calc(3.15vh/var(--ratio-player));width:calc(6.3vh/var(--ratio-player));z-index:1}.super-extended-player .history #bottom-shadow{bottom:-1%;height:calc(3.52vh/var(--ratio-player))}.super-extended-player .station-thumbnail{border-radius:calc(2.6vh/var(--ratio-player));height:calc(16.5vh/var(--ratio-player));width:calc(16.5vh/var(--ratio-player))}.super-extended-player .station-thumbnail img{border-radius:inherit;height:inherit;position:absolute;width:inherit}.super-extended-player .station-thumbnail img[class=selected]{border:solid calc(1vh/var(--ratio-player));box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.super-extended-player .play-station-overlay{border-radius:inherit;cursor:pointer;height:inherit;opacity:0;position:absolute;transition:all .5s;width:inherit;z-index:3}.super-extended-player .play-station-overlay:hover{background-color:#0009;opacity:1}.super-extended-player #play-station-image{background-color:#000;border-radius:100%;height:calc(7vh/var(--ratio-player));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(7vh/var(--ratio-player))}.super-extended-player .play-station-overlay svg{height:calc(3.5vh/var(--ratio-player));left:50%;position:absolute;top:50%;transform:translate(-39%,-50%);width:calc(3.5vh/var(--ratio-player))}.super-extended-player .col-extra-right{width:calc(12vh/var(--ratio-player))}.super-extended-player .timeline-container-slider{width:calc(62.23vh/var(--ratio-player))}.super-extended-player .timeline-buffer{height:1vh;position:absolute;width:52.33vh}.super-extended-player .timeline-buffer .MuiLinearProgress-buffer{height:1vh;margin-left:1vh}.super-extended-player .timeline-container-slider{height:1vh;width:62.23vh}.super-extended-player .timeline-container{align-items:center;background:linear-gradient(182.23deg,#20202000 1.88%,#20202080 98.12%);bottom:0;display:flex;gap:calc(6vh/var(--ratio-player));margin-left:0;padding:calc(2vh/var(--ratio-player)) calc(4vh/var(--ratio-player));position:absolute;width:calc(72.5vh/var(--ratio-player));z-index:1}.super-extended-player #timeline-tooltip{align-items:center;background:#666666b3;border-radius:calc(.96vh/var(--ratio-player));bottom:calc(6vh/var(--ratio-player));display:none;font-family:Roboto Regular,sans-serif;font-size:calc(2.7vh/var(--ratio-player));height:calc(6.7vh/var(--ratio-player));justify-content:center;position:absolute;width:calc(12.8vh/var(--ratio-player));z-index:10!important}.super-extended-player .timeline-container .timeline-container-slider .MuiSlider-track{border:calc(.18vh/var(--ratio-player)) solid}.super-extended-player .timeline-container .timeline-container-slider .MuiSlider-thumb{height:calc(4vh/var(--ratio-player));width:calc(4vh/var(--ratio-player))}.super-extended-player .shown{animation:blink 1s ease-in-out}.super-extended-player .hidden{animation:blink-out 1s ease-in-out;transition:all 1s;visibility:hidden}@keyframes blink-out{0%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:.1}to{opacity:1}}.super-extended-player #on-air-block{align-items:center;border-radius:calc(.48vh/var(--ratio-player));cursor:pointer;display:flex;justify-content:center;padding:calc(.72vh/var(--ratio-player));text-align:center;z-index:1}.super-extended-player #on-air{font-family:Roboto Regular,sans-serif;font-size:calc(2.6vh/var(--ratio-player));height:calc(2.86vh/var(--ratio-player));letter-spacing:0;line-height:calc(2.86vh/var(--ratio-player));white-space:nowrap;width:calc(12.97vh/var(--ratio-player));z-index:1}#value-description{display:none}input:hover+#value-description{display:inline}body:has(.super-extended-player) .history-wrapper:has(.history-extended){font-family:Suisse Int\'l,sans-serif;height:34.04vh;width:calc(148vh/var(--ratio-player))}body:has(.super-extended-player) .history-extended #top-shadow{height:2.71vh;top:0}body:has(.super-extended-player) .history-extended .track-row{display:flex;gap:1.95vh;height:6.51vh;margin:0 3% 2%}body:has(.super-extended-player) .history-extended .track-row:last-child{position:relative;z-index:2}body:has(.super-extended-player) .history-extended .time{flex-shrink:0;font-family:Suisse Int\'l,sans-serif;font-size:1.93vh;font-weight:500;height:1.93vh;margin:auto 0;width:5.53vh}body:has(.super-extended-player) .history-extended .artist-title{gap:.97vh}body:has(.super-extended-player) .history-extended .skeleton{border-radius:.65vh}body:has(.super-extended-player) .history-extended .cover{border-radius:.65vh;height:6.51vh;width:6.51vh}body:has(.super-extended-player) .history-extended .artist{font-size:1.95vh;height:1.95vh;white-space:nowrap}body:has(.super-extended-player) .history-extended .artist.skeleton{width:18.24vh}body:has(.super-extended-player) .history-extended .title{font-size:2.15vh;height:2.15vh;white-space:nowrap}body:has(.super-extended-player) .history-extended .title.skeleton{width:40.48vh}body:has(.super-extended-player) .history-extended .animated-spectrum{height:3vh;width:6vh;z-index:1}body:has(.super-extended-player) .history-extended #bottom-shadow{bottom:-1%;height:2.71vh}body:has(.super-extended-player) .history-marquee{animation:super-extended-marquee 12s linear infinite}body:has(.super-extended-player) .history-marquee-short{animation:super-extended-marquee-short 12s linear infinite}body:has(.super-extended-player) .extend-history-marquee{animation:super-extended-extend-marquee 12s linear infinite}body:has(.super-extended-player) .extend-history-marquee-short{animation:super-extended-extend-marquee-short 12s linear infinite}@keyframes super-extended-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(37.5vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(37.5vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes super-extended-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(22vh/var(--ratio-player) - 100%))}60%{transform:translateX(calc(22vh/var(--ratio-player) - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes super-extended-extend-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(70vh - 100%))}60%{transform:translateX(calc(70vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes super-extended-extend-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(60vh - 100%))}60%{transform:translateX(calc(60vh - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}a,audio,body,div,h1,h2,html,iframe,img,label,li,menu,nav,p,span,table,tbody,td,tfoot,th,thead,tr,ul,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-display:fallback;font-family:Roboto Regular;src:url(/2/static/media/Roboto-Regular.03523cf578d69fa92322.ttf) format("truetype")}@font-face{font-display:fallback;font-family:Roboto Medium;src:url(/2/static/media/Roboto-Medium.13a29228654d5c5ec9c4.ttf) format("truetype")}@font-face{font-display:fallback;font-family:Suisse Int\'l;src:url(/2/static/media/suisse-intl-500-normal.a1c711e75f2de7c776df.ttf) format("truetype")}body{--ratio-player:1;--ratio-history:1;--button-color:#fff;--scrollbar-color:#ffffff55;--background-color:#202020;--secondary-color:#0098ff;overflow:hidden}.app{background-color:#fff;font-weight:300;margin:auto;text-align:center}.app>.player-wrapper{overflow:hidden!important}.fadeIn{opacity:1!important}.fadeOut{opacity:0!important}.d-none{display:none!important}.player-wrapper{transition:background-color 1s}#history-overlay,#quality-overlay,#share-overlay{font-family:Roboto Regular,sans-serif;height:inherit;opacity:0;pointer-events:none;position:absolute;transition:all .5s,width 0s,height 0s;width:inherit;z-index:3}#history-overlay{z-index:5}#social-media-buttons{align-items:center;display:flex;justify-content:center}#share-container{align-items:center;display:flex;flex-direction:column}#share-container .share-label{color:var(--button-color)}#share-container .share-input{align-items:center;background:var(--button-color);color:var(--background-color);display:flex;font:inherit;justify-content:center;width:90%}#share-container .share-input svg{cursor:pointer;height:50%;overflow:visible}#share-container .share-input input{background:inherit;border:none;color:inherit;flex-grow:1;font:inherit;text-overflow:ellipsis}#share-container .share-input input:focus{outline:none}#social-media-buttons a,#social-media-buttons a img,#social-media-buttons button,#social-media-buttons button img{border-radius:18%}#social-media-buttons a:not(.focused),#social-media-buttons button:not(.focused){border:2px solid var(--button-color);box-sizing:initial}#social-media-buttons a.focused,#social-media-buttons button.focused{border:2px solid var(--secondary-color);box-sizing:initial}#social-media-buttons button#share-iframe-button svg{padding:30% 24% 24%}#social-media-buttons button#share-url-button svg{padding:28%}#social-media-buttons a#share-facebook-button svg{padding:26% 37%}#social-media-buttons a#share-x-button svg{padding:26% 24%}.show-overlay{opacity:1!important;pointer-events:inherit!important}.close-container{width:inherit;z-index:20}.close-button{cursor:pointer;float:right;right:0}#option-container{align-items:center;display:flex;justify-content:center;text-align:center}.option-text-container{cursor:pointer}.option-check{pointer-events:none;position:relative}.path{background-color:#fff;box-sizing:border-box;opacity:.6}#timeline-tooltip{pointer-events:none}#circle-play{height:100%;opacity:1;position:absolute;transition:opacity .5s ease-in-out .2s;width:100%;z-index:1}#circle-play:not(.never-played):not(:hover){opacity:0}#play-image{border-radius:100%;height:50%;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}#circle-play:has(#play-image:hover) svg{height:26%;opacity:1;width:26%}#circle-play svg{cursor:pointer;height:25%;left:50%;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s,opacity .5s;width:25%}#circle-play.never-played svg,#circle-play.paused svg{margin-left:2%}#title-container{overflow:hidden;transition:opacity 1s}#title{font-family:Roboto Medium,sans-serif;font-weight:500;letter-spacing:0;white-space:nowrap}#author-container{overflow:hidden;transition:opacity 1s}#author{font-family:Roboto Regular,sans-serif;letter-spacing:0;white-space:nowrap}#cog,#mute,#pause,#play,#share,#speaker{transition:transform .2s linear!important}#cog:hover,#mute:hover,#pause:hover,#play:hover,#share:hover,#speaker:hover{transform:scale(1.1)!important}#logo{color:inherit;display:flex;text-decoration:none}#powered-by{font-family:Roboto Regular,sans-serif;white-space:nowrap}#infomaniak{font-family:Arial Black,Gadget,sans-serif}.marquee p{width:-webkit-max-content;width:max-content}.cursor-pointer{cursor:pointer}#player-image{display:flex;position:relative;-webkit-user-select:none;user-select:none}#image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}#image,#spectrum{transition:opacity 1s}#spectrum{pointer-events:none;position:absolute;top:0}.history-wrapper{overflow-x:hidden;overflow-y:scroll}.history{display:flex;flex-direction:column;position:relative;width:inherit}.history #fade-shadow,.split-history #fade-shadow{height:100%;position:fixed;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;width:100%;z-index:15}#fade-shadow.hidden{opacity:0;visibility:hidden}#fade-shadow.visible{opacity:1;pointer-events:none;visibility:visible}.history .track-row.row-inserting,.split-history .track-row.row-inserting{animation:rowInsertion 1.5s ease-in,apparitionFade .5s linear 1.5s;opacity:0}.history #bottom-shadow,.history #top-shadow{pointer-events:none;position:-webkit-sticky;position:sticky;width:inherit;z-index:15}.history .track-row:nth-last-child(2){margin-bottom:0!important}.history .artist-title,.split-history .artist-title{display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;overflow-x:hidden}.history .track-row{align-items:center;margin:0 5% 3.6%}@supports selector(::-webkit-scrollbar-thumb){#player-extended::-webkit-scrollbar-thumb,.history-wrapper::-webkit-scrollbar-thumb,.split-history-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:10vh}}@supports selector(::-webkit-scrollbar-track){#player-extended::-webkit-scrollbar-track,.history-wrapper::-webkit-scrollbar-track,.split-history-wrapper::-webkit-scrollbar-track{background-color:initial}#player-extended::-webkit-scrollbar,.history-wrapper::-webkit-scrollbar,.split-history-wrapper::-webkit-scrollbar{display:block;width:.8vh;z-index:10}}@supports (scrollbar-color:var(--scrollbar-color ) transparent){#player-extended,.history-wrapper,.split-history-wrapper{scrollbar-color:var(--scrollbar-color) #0000;scrollbar-width:thin}}.text-fade{-webkit-mask-image:linear-gradient(270deg,#0000,#fff 15%,#fff);mask-image:linear-gradient(270deg,#0000,#fff 15%,#fff)}.animated-skeleton{background-color:#c1c1c160;display:block;height:100%;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:100}.animated-skeleton:not(.hidden){animation:apparitionFade .5s linear}.animated-skeleton.hidden{animation:disappearingFade .5s linear;opacity:0}.animated-skeleton.artist,.animated-skeleton.cover,.animated-skeleton.time,.animated-skeleton.title{position:relative;z-index:10}.animated-skeleton:not(.hidden):after{animation:skeleton-wave-animation 1.6s linear .5s infinite;background:linear-gradient(90deg,#0000,#ffffff60 40%,#ffffff60 60%,#0000);content:"";display:block;height:inherit;inset:0;position:absolute;transform:translateX(-100%);width:inherit}#number-listener{align-items:end;display:flex;font-family:Roboto Regular,sans-serif}#volume-container{transition:visibility .5s ease-in-out 1s,opacity .5s ease-in-out 1s;-webkit-transition:visibility .5s ease-in-out 1s,opacity .5s ease-in-out 1s;-moz-transition:visibility .5s ease-in-out 1s,opacity .5s ease-in-out 1s;-o-transition:visibility .5s ease-in-out 1s,opacity .5s ease-in-out 1s;z-index:4}#player-buttons:has(.volume-icon-container:hover) #volume-container,.volume-button-slider-container:hover #volume-container{opacity:1;transition-delay:0s;visibility:visible}#volume-container:not(:hover){opacity:0;visibility:hidden}.animated-spectrum{align-items:self-end;aspect-ratio:1;display:flex;flex-shrink:0;gap:round(down,9%,1px);justify-content:flex-end;transition:width 1s,opacity 1s,padding 1s}.animated-spectrum.visible{opacity:1;padding:0 2%}.animated-spectrum:not(.visible){opacity:0;padding:0;width:0!important}.animated-spectrum .animated-spectrum-item{animation:spectrum-animation 1.3s infinite;border-radius:50vh;flex-basis:round(down,16%,1px)}.animated-spectrum .animated-spectrum-item:first-child{animation-delay:.2s}.animated-spectrum .animated-spectrum-item:nth-child(2){animation-delay:.8s}.animated-spectrum .animated-spectrum-item:nth-child(3){animation-delay:1s}.animated-spectrum .animated-spectrum-item:nth-child(4){animation-delay:.5s}@keyframes spectrum-animation{0%{height:8%}50%{height:100%}to{height:8%}}@keyframes skeleton-wave-animation{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.spinner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.spinner-circle{animation:rotate 2s linear infinite;height:28%!important;width:28%!important;z-index:2}.spinner-circle .path{stroke-width:1.5;stroke-linecap:butt;animation:dash 1.5s ease-in-out infinite}.default-thumbnail{align-items:center;display:flex!important;flex-direction:column;flex-shrink:0;gap:8%;justify-content:center}.default-thumbnail span{font-family:Suisse Int\'l,sans-serif;margin:0 12%;text-align:center}.default-thumbnail:not(.cover){height:100%!important;width:100%!important}.default-thumbnail svg{height:28%!important;width:28%!important}.default-thumbnail.large-thumbnail svg{height:40%!important;width:40%!important}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes apparitionFade{0%{opacity:0}to{opacity:1}}@keyframes disappearingFade{0%{opacity:1}to{opacity:0}}@keyframes rowInsertion{0%{height:0;margin:0}66%{height:0;margin:0}}.super-small-player{display:flex;height:100vh;width:720vh}.super-small-player #player-image,.super-small-player #player-image #image,.super-small-player #player-image #image svg{height:100vh;width:100vh}.super-small-player #player{display:-webkit-flex;display:block;height:67vh;margin:13.51vh;width:620vh}.super-small-player #author-container{height:25vh;line-height:17.56vh;padding-bottom:8vh;width:620vh}.super-small-player #author{color:#0098ff;font-size:14.86vh}.super-small-player #controls{display:flex}.super-small-player .buttons{cursor:pointer;display:flex;height:75vh;width:150vh}.super-small-player .buttons svg{cursor:pointer;height:40vh;width:40vh}.super-small-player .volume-icon-container svg{width:26vh}.super-small-player #pause,.super-small-player #play{padding-right:12.5vh}.super-small-player #mute,.super-small-player #speaker{padding-left:12.5vh;padding-right:25vh;z-index:1}.super-small-player #volume-container{left:-9vh;margin:auto;position:relative;top:1vh}.super-small-player #volume{align-items:center;color:#0098ff;display:flex;flex-grow:1;height:40vh;padding:0;width:80vh}.super-small-player #volume .MuiSlider-rail{background-color:#9f9f9f;height:3vh;opacity:.5}.super-small-player #volume .MuiSlider-track{height:3vh}.super-small-player #volume .MuiSlider-thumb{height:12vh;margin-top:0;width:12vh}.super-small-player #volume .MuiSlider-thumb:after{height:0;width:0}.super-small-player #volume .MuiSlider-active,.super-small-player #volume .MuiSlider-thumb:hover{box-shadow:none}.super-small-player .marquee p{animation:scroll-left 12s linear infinite;animation-delay:2s}@keyframes scroll-left{0%{transform:translateX(0)}20%{transform:translateX(0)}70%{transform:translateX(-100%)}70.001%{display:none;transform:translateX(-100%)}70.0019%{display:block;transform:translateX(-100%)}71%{transform:translateX(-100%)}71.001%{transform:translateX(120%)}to{transform:translateX(0)}}#app,body,html{height:100%}.split-history .artist,.split-history .time,.split-history .title{font-family:Suisse Int\'l,sans-serif;font-weight:500}.split-history-wrapper::-webkit-scrollbar{width:calc(1.8vw/var(--ratio-history))}.player-split-history{box-sizing:border-box;height:100%;padding:2% 0;width:100%}.split-history-wrapper{height:100%;overflow-x:hidden;overflow-y:scroll;width:99%}.split-history{display:flex;flex-direction:column;position:relative}.split-history .track-row{display:flex;gap:calc(3.87vw/var(--ratio-history));height:calc(12.9vw/var(--ratio-history));position:relative}.split-history .track-row:nth-last-child(2){margin-bottom:0}.split-history .track-row{align-items:center;margin:0 calc(5%/var(--ratio-history)) calc(3.6%/var(--ratio-history)) calc(5%/var(--ratio-history))}.split-history .artist-title{flex-grow:1;gap:calc(1.94vw/var(--ratio-history));overflow:hidden}.split-history .artist.skeleton{width:calc(18.06vw/var(--ratio-history))}.split-history .title.skeleton{width:calc(40vw/var(--ratio-history))}.split-history .artist,.split-history .time{font-size:calc(3.87vw/var(--ratio-history));height:calc(3.87vw/var(--ratio-history))}.split-history .animated-spectrum{height:calc(3.87vw/var(--ratio-history));width:calc(7.74vw/var(--ratio-history));z-index:1}.split-history .title{font-size:calc(4.52vw/var(--ratio-history));height:calc(4.52vw/var(--ratio-history));white-space:nowrap}.split-history .artist{white-space:nowrap}.split-history .time{flex-shrink:0;height:calc(3.87vw/var(--ratio-history));width:calc(11vw/var(--ratio-history))}.split-history .cover,.split-history .skeleton{border-radius:calc(1vw/var(--ratio-history))}.split-history .cover{height:calc(12.9vw/var(--ratio-history));width:calc(12.9vw/var(--ratio-history))}.split-history #bottom-shadow{bottom:-1%}.split-history #bottom-shadow,.split-history #top-shadow{height:calc(4vw/var(--ratio-history));pointer-events:none;position:-webkit-sticky;position:sticky;width:100%;z-index:15}.split-history #top-shadow{top:0}.split-history .history-marquee{animation:split-history-marquee 12s linear infinite}.split-history .history-marquee-short{animation:split-history-marquee-short 12s linear infinite}@keyframes split-history-marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(58vw - 100%))}60%{transform:translateX(calc(58vw - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes split-history-marquee-short{0%{transform:translateX(0)}10%{transform:translateX(0)}40%{transform:translateX(calc(39vw - 100%))}60%{transform:translateX(calc(39vw - 100%))}90%{transform:translateX(0)}to{transform:translateX(0)}}
/*# sourceMappingURL=main.48cc6b5c.css.map*/