.search-input{display:inline-flex;flex-direction:column;align-items:flex-start;padding:0 10px;height:36px;border-radius:4px;border:1px solid var(--Gray-100);box-shadow:0 1px 2px #37415114;color:var(--Gray-500);transition:.3s}.search-input:hover{border-color:var(--Gray-300)}.search-input:focus{outline:none;box-shadow:0 0 0 1px #6c8eef inset,0 0 0 2px #d6ecff}.search-input:disabled{pointer-events:none;opacity:.5;background:var(--Gray-50)}.cities-container{display:flex;flex-direction:column;align-items:flex-start;list-style-type:none;background-color:#fff;border:1px solid var(--Gray-100);border-bottom-left-radius:20px;border-bottom-right-radius:30px;margin:0;padding:10px;min-height:70px;max-height:300px}.cities-item{all:unset;color:var(--Gray-500);width:100%;text-align:left;cursor:pointer}.cities-item--special{margin:auto}.cities-item:hover{background:var(--Gray-100);border:1px solid var(--Gray-100);opacity:.9}.search-container{display:flex;flex-direction:column;gap:0;position:relative;max-width:306px}.search-input{position:absolute;width:100%;top:-25px}.search-city-list{position:absolute;top:15px;width:100%;max-width:306px;z-index:1111}.logo-container{display:flex;align-items:center;gap:10px}.logo-text{color:#fff;font-size:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}.nav-link{text-decoration:none}.nav-container{position:relative;display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:400px;gap:10px}.loader{width:48px;height:48px;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader:after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.layout-container{display:flex;flex-direction:column;height:100%;gap:40px}.weather-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;height:300px;width:100%;max-width:280px;background-color:var(--Weather-color);border:1px solid var(--Weather-color);border-radius:28px;gap:10px}.weather-text{color:var(--Weather-text-color)}.weather-text--xl{font-size:40px;font-style:normal;font-weight:500;position:relative}.weather-text--xl:after{content:"°";font-size:20px;position:absolute}.weather-temp{display:flex;align-items:center;height:100px}.weather-icon-container{width:60px;height:60px}.weather-icon{width:100%;height:100%}.weather-additional{display:flex;align-items:center;gap:10px}.chart-container{width:100%;height:350px;max-width:300px}.modal{position:fixed;z-index:99999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#0006}.modal-container{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;border-radius:20px;width:80%;min-height:250px}.modal-close{all:unset;color:var(--Gray-300);float:inline-end;font-size:24px;font-weight:700;cursor:pointer}.modal-close:hover,.modal-close:focus{color:var(--Gray-500);text-decoration:none}.modal-close:active{color:#000}.modal-text{color:var(--Gray-500);font-size:25px}.modal-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.weather-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:100%}.weather-action{all:unset;font-weight:500;font-size:16px;cursor:pointer;transition:.3s}.weather-select:hover{color:#9acd32}.weather-select:active,.weather-selected{color:green}.weather-delete{color:red}.weather-delete:hover{color:#b22222}.weather-delete:active{color:#8b0000}.weather-content{display:flex;align-items:center;width:100%;gap:30px}@media (max-width: 1000px){.weather-content{flex-direction:column}}.modal-agreement-action{display:flex;align-items:center;gap:10px;margin-top:40px}.week-weather{border:1px solid transparent;border-radius:20px;background:var(--Weather-color);width:80%;padding:20px;display:flex;flex-direction:column;gap:20px}.week-weather-city{color:var(--Weather-text-color);margin:0 auto}.week-weather-list{display:flex;align-items:center;gap:10px}.week-weather-data{display:flex;flex-direction:column;gap:10px}.week-weather-day,.week-weather-avg-temp{color:#fff}.week-weather-avg-temp{position:relative}.week-weather-avg-temp:after{content:"°";position:absolute;right:2px}.selected-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px}.selected-day-list{display:flex;flex-wrap:wrap;width:100%;gap:10px}.selected-type-action{display:flex;align-items:center;gap:10px}.selected-week-list{display:flex;flex-direction:column;align-items:center;gap:10px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{margin:0;display:flex;min-width:360px;min-height:100vh;background-color:#0093e9;font-family:Arial,Helvetica,sans-serif}:root{--Gray-50: #f7fafc;--Gray-100: #e3e8ee;--Gray-300: #a3acb9;--Gray-500: #697386;--Weather-color: #40666a;--Weather-text-color: #c9e8e0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--Gray-100);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--Gray-300)}#app{width:100vw;max-width:1200px;margin:0 auto;padding:2rem;text-align:center;overflow-x:hidden}.btn{display:flex;justify-content:center;align-items:center;min-width:95px;height:32px;border:1px solid var(--Gray-100);border-radius:10px;background:#fff;cursor:pointer}.btn:hover,.btn:active{border-color:var(--Gray-300)}.btn:active{background:var(--Gray-50);color:var(--Gray-500)}.content-container{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background-color:#fff;padding:20px;border:1px solid transparent;border-radius:10px;max-width:800px}