*{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}.App{display:flex;flex-direction:row;justify-content:space-between;height:100vh}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid black;width:50%;background-color:#fff;z-index:1000;box-shadow:0 0 0 9999px #0000001a;font-size:20px}@media only screen and (max-width: 768px){.App{flex-direction:column-reverse}}.main-block{width:65%;padding:20px 40px 40px;display:flex;flex-direction:column;justify-content:space-between}.main-block-header{font-weight:400}.search-trip-input{background-color:#f0f0f3c7;padding:15px;border:none;border-radius:3px;font-size:16px}.search-trip-input::placeholder{color:#000;opacity:1}@media only screen and (max-width: 768px){.main-block{width:100%;padding:10px 0;gap:10px}.main-block>*{padding-left:15px}}@media only screen and (max-width: 375px){.main-block{gap:5px}}.trips-cards-btn-container{display:flex;flex-direction:row;justify-content:flex-start}::-webkit-scrollbar{height:25px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:18px}::-webkit-scrollbar-thumb{background-color:#98989ac7;border-radius:10px;border:7px solid transparent;background-clip:padding-box}.trips-cards-container{display:flex;flex-direction:row;gap:45px;overflow:auto;max-width:890px}.trip-card{border:1px solid lightgray;border-radius:3px;cursor:pointer}.trip-card:focus{border:1px solid rgba(98,177,208,.99);box-shadow:0 1px 16px 2px #d2d2d2bf}.trip-card-city-image-wrapper{width:250px;height:230px;padding:0}.trip-card-city-image{width:250px;height:230px;max-width:100%;max-height:100%}.trip-card-address,.trip-card-dates{margin:16px}.trip-card-address{font-weight:bolder}.trip-card-dates{color:gray}.add-trip-button{margin-left:20px;width:250px;height:230px;background-color:#f0f0f3c7;text-align:center;border:1px solid rgba(232,232,234,.78);font-weight:700;font-size:20px;cursor:pointer;transition:background-color .3s ease-in}.add-trip-button:hover{background-color:#c2c2c4c7}@media only screen and (max-width: 2560px){.trips-cards-container{max-width:1180px}}@media only screen and (max-width: 1440px){.trips-cards-container{max-width:580px}}@media only screen and (max-width: 1024px){.add-trip-button{font-size:16px}}@media only screen and (max-width: 768px){.trips-cards-btn-container{flex-direction:column}.trips-cards-container{max-width:730px}.add-trip-button{margin:0;width:730px;height:55px}}@media only screen and (max-width: 435px){.trips-cards-container{max-width:400px}.add-trip-button{width:400px}.trip-card-city-image-wrapper,.trip-card-city-image{width:175px;height:161px}}@media only screen and (max-width: 380px){.trips-cards-container{max-width:335px;max-height:140px;flex-direction:column;gap:15px;scroll-behavior:smooth;scroll-margin:20px}.trip-card{display:flex;flex-direction:row}.add-trip-button{width:335px}.trip-card-city-image-wrapper,.trip-card-city-image{width:100%;height:129px}}.modal-header{display:flex;flex-direction:row;justify-content:space-between;padding:10px 15px;border-bottom:1px solid lightgray}.modal-header-cross{color:transparent;text-shadow:0 0 0 #afacac;cursor:pointer}.add-trip-form{display:flex;flex-direction:column;gap:10px}.add-trip-form>*{display:flex;flex-direction:column}.add-trip-form-label{margin:15px}.add-trip-form-fields{margin-bottom:50px}.add-trip-form-field{font-size:24px;padding:3px;margin-top:15px;border:1px solid rgba(210,210,210,.75)}.add-trip-btns-wrapper{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;margin:15px}.btn-modal{padding:10px 20px;font-size:16px;border-radius:3px;cursor:pointer}.btn-close-modal{border:1px solid rgba(210,210,210,.75);background-color:transparent}.btn-save-modal{border:none;background-color:#535bf2;color:#fff}@media only screen and (max-width: 380px){.btn-modal{padding:10px 20px;font-size:12px;border-radius:3px}}.week-forecast-wrapper{max-width:850px;display:flex;flex-direction:column}.week-forecast-container{display:grid;grid-template-columns:repeat(7,1fr);gap:20px;overflow-x:hidden;height:310px;scroll-margin:20px;scroll-behavior:smooth;margin-top:20px}.week-forecast-placeholder{color:gray;font-size:20px;align-self:center;width:max-content}.week-forecast-card{display:flex;flex-direction:column;text-align:center;align-items:center;gap:15px}.week-forecast-card-weekday-wrapper{color:gray}.week-forecast-card-icon-wrapper{height:70px;width:70px;padding:0}.week-forecast-card-icon{max-height:100%;max-width:100%}.week-forecast-card-temps-wrapper{font-size:22px}@media only screen and (max-width: 1024px){.week-forecast-container{grid-template-columns:repeat(4,1fr);height:155px}}@media only screen and (max-width: 768px){.week-forecast-wrapper{width:fit-content}.week-forecast-container{grid-template-columns:repeat(5,1fr);height:155px}}@media only screen and (max-width: 435px){.week-forecast-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 380px){.week-forecast-container{align-self:center}.week-forecast-card{gap:7px}.week-forecast-card-icon-wrapper{height:45px;width:45px}.week-forecast-card-icon{height:45px;width:45px;max-height:100%;max-width:100%}.week-forecast-card-temps-wrapper{font-size:16px}.week-forecast-container{height:96px}}.selected-trip-weather-wrapper{background-color:#0a0444;color:#fff;width:35%;box-shadow:0 1px 16px 2px #d2d2d2bf;display:flex}.selected-trip-weather-card-placeholder{font-size:32px;align-self:center;margin:auto}.selected-trip-weather-wrapper-masking{width:100%;background-position:200% 80%,-30% -10%,-60% 110%;background-repeat:no-repeat;background-size:450px;height:100%}.selected-trip-weather-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding-top:25%;font-weight:400;z-index:1000}.selected-trip-weather-card-weather-info{display:flex;flex-direction:column;text-align:center;align-items:center}.selected-trip-weather-card-weekday{font-weight:700;font-size:40px}.selected-trip-weather-card-icon-temp-wrapper{display:flex;flex-direction:row;width:220px;align-items:center;justify-content:space-around}.selected-trip-weather-card-icon{width:100px;height:100px}.selected-trip-weather-card-temp{font-size:50px}.selected-trip-weather-card-temp-celcius{font-weight:100}.selected-trip-weather-card-city{font-size:40px;font-weight:lighter}.selected-trip-weather-card-timer-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:55px;margin-top:150px}.selected-trip-weather-card-timer-today{font-size:50px;font-weight:700}.selected-trip-weather-card-timer-element-wrapper{display:flex;flex-direction:column;text-align:center;gap:7px}.selected-trip-weather-card-timer-element-time{font-weight:900;font-size:40px}.selected-trip-weather-card-timer-element-type{font-size:16px;font-weight:100;opacity:.8}@media only screen and (max-width: 2560px){.selected-trip-weather-wrapper-masking{background-position:150% 60%,-15% -10%,-30% 100%}}@media only screen and (max-width: 1440px){.selected-trip-weather-card-placeholder{font-size:20px}.selected-trip-weather-wrapper-masking{background-position:-600% 50%,500% 10%,400% 100%}.selected-trip-weather-card{padding-top:70%}.selected-trip-weather-card-timer-today{font-size:40px}.selected-trip-weather-card-timer-element-time{font-weight:900;font-size:35px}.selected-trip-weather-card-timer-wrapper{gap:30px}}@media only screen and (max-width: 1024px){.selected-trip-weather-wrapper-masking{background-size:270px}.selected-trip-weather-card-placeholder{font-size:16px}.selected-trip-weather-card-weekday{font-size:35px}.selected-trip-weather-card-city{font-size:30px}.selected-trip-weather-card-timer-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:100px}.selected-trip-weather-card-timer-today{font-size:24px;grid-column:1 / -1}}@media only screen and (max-width: 768px){.selected-trip-weather-wrapper{width:100%;height:30%}.selected-trip-weather-card{justify-content:flex-start;gap:0;padding:10px}.selected-trip-weather-card-timer-wrapper{margin-top:30px}.selected-trip-weather-wrapper-masking{background-position:120% 50%,center 220%,left -100%}.selected-trip-weather-card{display:flex;flex-direction:row;justify-content:space-around}.selected-trip-weather-card-weather-info{padding-top:20px}}@media only screen and (max-width: 435px){.selected-trip-weather-wrapper{height:50%}.selected-trip-weather-wrapper-masking{background-position:150% 20%}.selected-trip-weather-card-weather-info{padding-top:40px}.selected-trip-weather-card-weekday{font-weight:700;font-size:24px}.selected-trip-weather-card-icon-temp-wrapper{display:flex;flex-direction:row;width:fit-content;align-items:center;justify-content:space-around}.selected-trip-weather-card-icon{width:50px;height:50px}.selected-trip-weather-card-temp{font-size:26px}.selected-trip-weather-card-city{font-size:24px;font-weight:lighter}.selected-trip-weather-card-timer-element-time{font-size:24px}.selected-trip-weather-card-timer-element-type{font-size:12px}}