@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Rubik+Dirt&display=swap";.chart-skeleton[data-v-43b22f8b]{width:100%;height:250px;background-color:#f4f4f4;border-radius:8px;overflow:hidden;position:relative}.chart-skeleton-header[data-v-43b22f8b]{display:flex;justify-content:space-between;padding:10px}.skeleton-legend[data-v-43b22f8b]{width:180px;height:20px;margin:0 auto;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:loading-43b22f8b 1.5s infinite;border-radius:4px}.chart-skeleton-body[data-v-43b22f8b]{position:relative;height:calc(100% - 60px)}.skeleton-grid[data-v-43b22f8b]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.grid-line[data-v-43b22f8b]{position:absolute;background-color:#c8c8c84d}.grid-line.vertical[data-v-43b22f8b]{width:1px;height:100%;left:calc(20% * var(--index))}.grid-line.horizontal[data-v-43b22f8b]{width:100%;height:1px;top:calc(25% * var(--index))}.skeleton-line[data-v-43b22f8b]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.skeleton-line svg[data-v-43b22f8b]{width:100%;height:100%}.animated-path[data-v-43b22f8b]{stroke:#e0e0e0;stroke-width:3;fill:none;animation:dash-43b22f8b 1.5s linear infinite,color-change-43b22f8b 3s infinite alternate}@keyframes loading-43b22f8b{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dash-43b22f8b{0%{stroke-dasharray:0 100;stroke-dashoffset:0}50%{stroke-dasharray:50 100;stroke-dashoffset:-25}to{stroke-dasharray:0 100;stroke-dashoffset:-100}}@keyframes color-change-43b22f8b{0%{stroke:#e0e0e0}50%{stroke:#f0f0f0}to{stroke:#e0e0e0}}.search_input[data-v-31d2cf74]{padding:.5rem;max-width:200px;font-size:1rem;background-color:#f5f5f5;color:var(--color-text-);border:1px solid #ccc;border-radius:var(--border-radius-small)}.search_block[data-v-31d2cf74]{text-align:left;margin-bottom:1rem}.search_block-label_city[data-v-31d2cf74]{display:inline-block;width:100%;text-align:left}.city-list[data-v-31d2cf74]{list-style:none;margin:0;padding:0;position:absolute;width:100%;max-width:200px;background-color:#fff;border:1px solid #ccc;border-radius:5px;z-index:1000;max-height:125px;overflow-y:auto}.city-item[data-v-31d2cf74]{padding:.5rem;cursor:pointer}.city-item[data-v-31d2cf74]:hover{background-color:#f0f0f0}.card-temperature_container[data-v-56ababb7]{display:flex;justify-content:space-evenly;gap:10px;flex-direction:column}.description[data-v-56ababb7]{margin-top:-24px}.feels[data-v-56ababb7]{font-weight:300;font-size:14px;color:var(--color-gray)}.daylight[data-v-56ababb7]{display:flex;width:100%;justify-content:space-between;align-items:center}.min_max_temp[data-v-56ababb7]{display:flex;justify-content:space-between}.btn[data-v-56ababb7]{position:absolute;color:#fff;font-size:2rem;border:1px solid transparent;top:0;right:0;padding:0 10px 5px 15px;font-weight:900;width:46px;border-bottom-left-radius:80px;border-top-right-radius:15px;cursor:pointer;transition:all .3s ease;opacity:.8}.btn-favorite[data-v-56ababb7]{background-color:var(--color-success)}.btn-unfavorite[data-v-56ababb7]{background-color:var(--color-danger)}.btn[data-v-56ababb7]:hover{opacity:1;transition:all .3s ease}@media screen and (max-width: 420px){.card-temperature_container[data-v-56ababb7]{flex-direction:column}}@media screen and (max-width: 1040px){.weather-card[data-v-56ababb7]{max-width:300px}}.skeleton[data-v-f668f7f4]{background:var(--color-gray-light);border-color:var(--color-grayish);max-width:350px}.skeleton-text[data-v-f668f7f4]{background:linear-gradient(90deg,var(--color-grayish) 25%,var(--color-gray-light) 50%,var(--color-grayish) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;display:inline-block}.skeleton-text.skeleton-title[data-v-f668f7f4]{width:30%;height:28px}.skeleton-text.skeleton-line[data-v-f668f7f4]{width:100%;height:20px;margin:.5rem 0}.weather-container[data-v-f668f7f4]{display:flex;gap:10px}.middle[data-v-f668f7f4],.bottom[data-v-f668f7f4]{width:100%;justify-content:space-between;display:flex}.middle[data-v-f668f7f4],.bottom[data-v-f668f7f4]{margin-top:-10px}.bottom .skeleton-line[data-v-f668f7f4]{margin:0;height:15px}.bottom .skeleton-line[data-v-f668f7f4]:first-of-type{margin-bottom:10px}.left[data-v-f668f7f4],.right[data-v-f668f7f4]{width:30%}.icon[data-v-f668f7f4]{margin-left:15px}.icon_right[data-v-f668f7f4]{margin-top:10px;width:50%}.skeleton-icon[data-v-f668f7f4]{width:70px;height:70px;background:linear-gradient(90deg,var(--color-grayish) 25%,var(--color-gray-light) 50%,var(--color-grayish) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:50%}.skeleton-btn[data-v-f668f7f4]{position:absolute;top:0;right:0;width:46px;height:46px;background:linear-gradient(90deg,var(--color-grayish) 25%,var(--color-gray-light) 50%,var(--color-grayish) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-bottom-left-radius:80px;border-top-right-radius:15px}@media screen and (max-width: 420px){.bottom[data-v-f668f7f4]{margin-top:-14px}.skeleton-text.skeleton-line[data-v-f668f7f4]{height:12px}}.chart-container[data-v-759a5d5b]{width:100%;flex:1}.weather-card[data-v-25a35a9d]{max-width:370px;height:fit-content}.dashboard[data-v-25a35a9d]{display:flex;gap:1rem}.chart-container[data-v-25a35a9d]{position:relative;width:100%;height:400px}@media screen and (max-width: 870px){.dashboard[data-v-25a35a9d]{flex-direction:column}.weather-card[data-v-25a35a9d]{width:100%;max-width:460px}}@media screen and (max-width: 420px){.dashboard[data-v-25a35a9d]{flex-direction:column}.weather-card[data-v-25a35a9d]{font-size:14px}.weather-container[data-v-25a35a9d]{gap:5px}}.skeleton_card[data-v-25a35a9d]{width:400px!important}footer[data-v-25a35a9d]{text-align:center;margin-top:2rem;padding:1rem;background-color:#4caf50;color:#fff}.empty[data-v-afe599dc]{position:relative;background:var(--color-gray-light);border-color:var(--color-grayish);border-style:dashed;border-width:2px}.empty-text[data-v-afe599dc]{position:absolute;top:25%;left:50%;transform:translate(-50%);width:100%;color:var(--color-grayish);font-size:2rem;font-weight:700;animation:shimmer 1.5s infinite}.card_list-container[data-v-d47865a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:10px}.weather-card[data-v-d47865a0]{min-width:320px;width:100%;max-width:560px;height:250px}@media screen and (max-width: 800px){.card_list-container[data-v-d47865a0]{width:fit-content;margin:0 auto}.weather-card[data-v-d47865a0]{width:100%;max-width:460px}}@media screen and (max-width: 420px){.card_list-container[data-v-d47865a0]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.weather-card[data-v-d47865a0]{font-size:14px;height:220px}}.switcher[data-v-1ec8e9bc]{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.switcher-title[data-v-1ec8e9bc]{font-size:16px;margin:0 0 7px;line-height:normal;color:var(--color-primary-dark)}@media screen and (max-width: 600px){.switcher-title[data-v-1ec8e9bc]{display:none}}.switch_container[data-v-1ec8e9bc]{position:relative;display:inline-block;width:50px;height:24px}.switch_container .checkbox[data-v-1ec8e9bc]{opacity:0;width:0;height:0}.slider[data-v-1ec8e9bc]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-primary-dark);transition:.4s;border-radius:34px}.slider[data-v-1ec8e9bc]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.checkbox:checked+.slider[data-v-1ec8e9bc]{background-color:var(--color-primary)}.checkbox:checked+.slider[data-v-1ec8e9bc]:before{transform:translate(26px)}.text[data-v-1ec8e9bc]{font-size:16px;font-weight:500;padding:0 5px 2px;font-weight:700}.text-inside[data-v-1ec8e9bc]{text-transform:uppercase}.text-inside.left[data-v-1ec8e9bc]{float:left;color:var(--color-primary-dark)}.text-inside.right[data-v-1ec8e9bc]{float:right;color:var(--color-primary)}@media screen and (max-width: 600px){switcher-title[data-v-1ec8e9bc]{display:none}}.language_container[data-v-405b425e]{position:absolute;border:1px solid var(--color-primary);border-radius:var(--border-radius-standart);padding:5px;bottom:16px;right:19px}@media screen and (max-width: 600px){.language_container[data-v-405b425e]{border:none;bottom:22px}}@media screen and (max-width: 420px){.language_container[data-v-405b425e]{bottom:17px}}.router-link-active[data-v-ced9b35e]{font-weight:700;color:var(--color-primary-dark)}.container[data-v-9435d107]{background:var(--color-primary-light);padding:20px;border-radius:0 0 10px 10px;box-shadow:var(--shadow-medium);width:100%}.logo_container[data-v-9435d107]{background-color:var(--color-primary);border-radius:50%;width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;text-align:center;padding:10px;position:relative}.logo_image[data-v-9435d107]{height:120px}.logo_text[data-v-9435d107]{font-size:16px;line-height:1.5;color:var(--color-primary);margin:0}.description{font-size:12px;color:var(--color-gray);margin-bottom:10px}.modal[data-v-b2c0db53]{position:fixed;top:50%;transform:translateY(-50%);padding:20px;border:1px solid #ccc;border-radius:5px;width:400px;max-width:90%;z-index:1050}.backdrop[data-v-b2c0db53]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1040}.title[data-v-b2c0db53]{margin-top:-10px}.actions[data-v-b2c0db53]{display:flex;justify-content:space-between;margin-top:35px}.one_button[data-v-b2c0db53]{margin:0 auto}:root{--color-text: #222;--color-primary: #fdc401;--color-primary-light: #fef1c5;--color-primary-dark: #946a00;--color-secondary: #bbdefb;--color-secondary-dark: #1a73e8;--color-light: #f1f5f9;--color-night: #001632;--color-danger: #96180f;--color-success: #23a428;--color-gray: #80868b;--color-gray-light: #f3f3f3;--color-grayish: #dadce0;--shadow-normal: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);--shadow-medium: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);--shadow-large: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);--font-family-title: "Rubik Dirt", sans-serif;--font-family-standard: inter, system-ui, avenir, helvetica, arial, sans-serif;--border-radius-standart: 10px;--border-radius-small: 5px;--border-radius-large: 25px;--track-color: var(--color-grayish);--track-width: 40px;--thumb-size: 20px}:root{font-family:var(--font-family-standard);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#aaa transparent}html::-webkit-scrollbar{width:4px}html::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:6px}html::-webkit-scrollbar-track{background:transparent}body{margin:0;box-sizing:border-box}header{width:100%}main{border-radius:var(--border-radius-standart);flex:1;width:100%;margin:1rem auto;padding:1rem;background-color:#fff;box-shadow:0 2px 5px #0000001a}input,button{border-radius:var(--border-radius-small)}h1,h2,h3,h4,h5,h6{color:var(--color-primary-dark)}h1{font-size:4rem;margin:0;line-height:normal;font-family:var(--font-family-title)}p{margin:0}button{margin-left:.5rem;padding:.5rem 1rem;font-size:1rem;color:var(--color-text);background-color:var(--color-primary);opacity:.9;border:none;border-radius:var(--border-radius-small);cursor:pointer}button:hover{outline:1px solid var(--color-primary-dark);opacity:1}button:disabled{opacity:1;background-color:var(--color-primary-dark);color:var(--color-primary-light);outline:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}nav ul{font-family:var(--font-family-title);display:flex;list-style:none;line-height:normal;padding:0;margin:0;gap:1rem}a{font-size:1.8rem;color:var(--color-primary)}a:hover{color:var(--color-gray)}hr{background:var(--color-primary);border:none;height:5px;border-radius:var(--border-radius-standart)}.container{position:relative}.overflow-hidden{overflow:hidden}#app{display:flex;text-align:center;flex-direction:column;margin:0 auto;min-width:349px;max-width:1200px;width:100%;min-height:100vh}.weather-card{position:relative;border:1px solid var(--color-secondary-dark);border-radius:8px;padding:1rem;text-align:center;min-width:320px;background:var(--color-secondary);box-shadow:0 2px 5px #0000001a}@media screen and (width <= 870px){.weather-card{padding:1rem .5rem}}.weather-container{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;width:100%}canvas{width:100%!important}.card{padding:2em}.card-title{font-weight:900;margin:0;padding:0 45px}.card-icon_container{margin-top:-20px}.card-icon_container .icon{height:100px}@media screen and (width <= 420px){.card-icon_container .icon{height:90px}}@media screen and (width <= 870px){h1{font-size:3rem}weather-card{padding:1rem .5rem}}@media screen and (width <= 420px){a{font-size:1.5rem}h1{font-size:2rem}}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}