@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@600;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;position:absolute;color:#858fad;font-family:Manrope,sans-serif}p{font-weight:600;font-size:15px}.title{margin:75px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;font-weight:800;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.title h1{color:#293356}.title p{margin-top:10px}.card{max-width:540px;height:auto;background-color:#fff;margin:0 auto 100px auto;border-radius:10px;box-shadow:0 6px 30px 0 rgba(99,99,99,.2)}.card .abbonement,.card .bottom,.card .infos{display:flex;justify-content:space-between}.card .top{border-bottom:1px solid #eaeefb;padding:60px 45px 35px 45px}.card .top .pageviews{text-transform:uppercase;font-weight:800;letter-spacing:1px}.card .top .month{display:flex;align-items:center;font-weight:800;margin-top:-20px}.card .top .price{color:#293356;font-weight:800;font-size:40px;margin:0 10px 0 0}.card .top .sliderContainer{width:100%;position:relative;margin:35px 0 50px 0}.card .top .slider{width:100%;-webkit-appearance:none;border:none;background:#eaeefb;border-radius:5px;outline:none;height:8px}.card .top .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;border:none;background:#10d5c2;box-shadow:0 15px 30px 5px #a5f3eb;cursor:pointer;position:relative;z-index:10;-webkit-transition:.2s ease;transition:.2s ease}.card .top .slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#10d5c2;box-shadow:0 15px 30px 5px #a5f3eb;cursor:pointer;position:relative;-moz-transition:.5s ease;transition:.5s ease;border:none}.card .top .progressBar{height:8px;border-radius:5px;background:#10d5c2;position:absolute;top:9px;left:0}.card .top .abbonement{justify-content:flex-end;align-items:center}.card .top .abbonement .year{display:flex;flex-wrap:wrap}.card .top .abbonement p{font-size:13px}.card .top .abbonement .switch{margin:0 20px;position:relative;display:inline-block;width:50px;height:25px}.card .top .abbonement .switch .switchSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd3e6;transition:.4s;height:100%}.card .top .abbonement .switch .switchSlider:before{position:absolute;content:"";height:19px;width:19px;left:4px;bottom:3px;background-color:#fff;transition:.4s}.card .top .abbonement .switch input{display:none}.card .top .abbonement .switch input:checked+.switchSlider{background-color:#10d5c2}.card .top .abbonement .switch input:focus+.switchSlider{box-shadow:0 0 1px #10d5c2}.card .top .abbonement .switch input:checked+.switchSlider:before{transform:translateX(110%)}.card .top .abbonement .switch .switchSlider.round{border-radius:34px}.card .top .abbonement .switch .switchSlider.round:before{border-radius:50%}.card .top .abbonement small{width:78px;height:18px;display:flex;justify-content:center;align-items:center;font-size:10px;background:#feece7;color:#ff8c66;border-radius:8px;font-weight:800;margin-left:10px}.card .bottom{align-items:center;padding:27px 45px}.card .bottom .left{display:flex;flex-direction:column}.card .bottom .left p{font-size:13px;margin:5px 0 5px 0}.card .bottom button{width:165px;height:40px;background:#293356;color:#bdccff;border:none;outline:none;cursor:pointer;border-radius:25px;font-weight:800;transition:.5s ease}.card .bottom button:hover{color:#fafbff}@media screen and (max-width:540px){.card{margin:0 25px 100px 25px}.card .top{padding:60px 20px 35px 20px}.card .bottom,.card .infos{flex-direction:column;text-align:center}.card .infos .month{margin-top:5px}.card .infos .month,.card .top .abbonement{justify-content:center}.card .top .abbonement .year{width:100px}.card .top .abbonement small{margin:5px 0 0 0}.card .bottom{padding:27px 20px}.card .bottom .right{margin-top:15px}}