.container{margin:auto;max-width:1728px;min-height:1117px;background-color:#ebf3fe;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.container--bg{position:absolute;background-image:url(../icons/neige/neige-gros.svg);background-position:center;background-size:cover;background-repeat:no-repeat;width:1099px;height:1099px;top:-218px;left:-415px;filter:opacity(.3)}.headline{z-index:1;margin-top:81px;margin-bottom:56px}.headline__title{font-size:56px;text-align:center;margin-bottom:24px;font-weight:600}.headline__title span{font-weight:900}.headline__text{font-size:18px;text-align:center}.container__live{z-index:2;min-width:1386px;min-height:748px;display:flex;gap:40px}.container__live .liveForm{display:flex;gap:20px;flex-direction:column;width:434px;height:748px;background-color:#fff;border-radius:20px;padding:20px}.container__live .liveForm form{display:flex;gap:10px}.container__live .liveForm form input{z-index:3;padding:10px;flex:1;height:48px;border-radius:10px;background-color:#ebf3fe;border:none;font-size:16px;color:#0065f2}.container__live .liveForm form input::placeholder{color:#0065f266}.container__live .liveForm form input:focus{outline:solid 1px #0065F2}.container__live .liveForm form button{height:48px;font-size:16px;padding:12px 22px;border-radius:10px;background-color:#0065f2;color:#fff;border:none}.container__live .liveForm #likesHealt p{text-align:center;width:100%;font-size:22px;font-weight:700}.container__live .liveForm ul{max-height:90%;overflow-y:auto;overflow-x:hidden;margin-top:20px;display:flex;flex-direction:column;gap:20px}.container__live .liveForm ul li p{font-size:18;font-weight:700;pointer-events:none}.container__live .liveForm ul li img{width:24px;height:auto}.container__live .liveForm ul .active{background-color:#0065f2}.container__live .liveForm ul .active p{color:#fff}.container__live .liveForm ul .active img{content:url(../icons/Eye/trashwhite.svg)}.container__live .liveForm ul .active:hover{background-color:#0065f2be}.container__live .liveForm ul::-webkit-scrollbar{width:5px}.container__live .liveForm ul::-webkit-scrollbar-track{background:#ebf3fe;border-radius:10px}.container__live .liveForm ul::-webkit-scrollbar-thumb{background:#0065f266;border-radius:10px;position:relative;right:-15px}.container__live .liveForm ul::-webkit-scrollbar-thumb:hover{background:#0065f2}.container__live .liveContent{padding:30px;width:912px;height:748px;background-color:#fff;border-radius:20px}.container__live .liveContent .contentCity{display:flex;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1px rgba(0,101,242,.4)}.container__live .liveContent .contentCity #contentCity_name{margin-left:20px;font-weight:600;font-size:22px}.container__live .liveContent .contentCity #contentCity_country{font-weight:600;font-size:22px;margin-left:auto}.container__live .liveContent .contentWeather{display:flex;gap:40px;box-shadow:7px 4px 23px #0000000d;border-radius:20px}.container__live .liveContent .contentWeather .iconWeather{background-color:#ebf3fe;padding:70px 90px;border-radius:20px}.container__live .liveContent .contentWeather .iconWeather #iconWeather__image{width:235px;height:235px}.container__live .liveContent .contentWeather .infoDay{display:flex;flex-direction:column;justify-content:center;gap:20px}.container__live .liveContent .contentWeather .infoDay #infoDay__currentDate{font-size:24px}.container__live .liveContent .contentWeather .infoDay #infoDay__currentWeather{font-size:40px;font-weight:700}.container__live .liveContent .contentWeather .infoDay #infoDay__currentTemperature{font-size:32px;font-weight:600}.container__live .liveContent .contentNextday{display:flex;margin-top:20px;justify-content:space-between}.container__live .liveContent .contentNextday .card{border-radius:20px;box-shadow:inset 0 4px 21px #0065f221;padding:20px;width:198px;height:225px;background-color:#ebf3fe;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.container__live .liveContent .contentNextday .card__date{font-size:16px}.container__live .liveContent .contentNextday .card__image{width:78px;height:auto}.container__live .liveContent .contentNextday .card__weather{font-size:16px;font-weight:700;text-align:center}.container__live .liveContent .contentNextday .card__temperature{font-size:22px;font-weight:700}*{margin:0;padding:0;font-family:Inter,sans_serif;color:#0065f2;box-sizing:border-box}li{list-style:none}.btn{width:100%;cursor:pointer;height:68px;display:flex;border-radius:10px;background-color:#ebf3fe;align-items:center;justify-content:space-between;padding:20px}.btn:hover{background-color:#ced8e780}
