.switch{align-items:center;background-color:#ccc;border-radius:1.875rem;cursor:pointer;display:flex;height:1.875rem;position:relative;transition:.4s;width:3.75rem}.switch-icon{stroke:#ff0;pointer-events:none;position:absolute;right:10px}.switch-icon line,.switch-icon>circle{fill:#ff0;stroke:#ff0}.switch-slider{background:#2b3e51;border-radius:50%;display:block;height:1.25rem;left:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .5s ease-in-out;width:1.25rem}.switch-input:checked+.switch-icon{stroke:#2b3e51;left:10px}.switch-input:checked+.switch-icon line,.switch-input:checked+.switch-icon>circle{fill:#2b3e51;stroke:#2b3e51}.switch-input:checked+.switch-icon+.switch-slider{-webkit-transform:translate(30px,-10px);transform:translate(30px,-10px)}.header-content.container{align-items:center;display:flex;justify-content:space-around;padding:1.25rem .9375rem}.header-title{font-size:2rem;font-weight:700}.search-content{align-items:center;display:flex;justify-content:center;position:relative}.search-content.container{max-width:21.25rem}.search-input{border-radius:.625rem;height:2.5rem;padding:.625rem 2.1875rem .625rem .625rem;width:100%}.search-icon{cursor:pointer;height:1.0625rem;opacity:.5;position:absolute;right:1.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.0625rem}.error-msg{color:var(--color);font-weight:600;text-align:center}.current-content{box-shadow:0 14px 37px #212121;overflow:hidden}.current-city{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem}.current-weather{-webkit-column-gap:1.875rem;column-gap:1.875rem;display:flex}.current-weather__wrap{display:flex;flex-direction:column;width:50%}.current-weather__temp{align-items:center;display:flex;font-size:5rem}.current-weather__icon{max-width:9.375rem}.current-weather__txt{font-size:1.25rem;font-weight:600;text-align:center}.current-weather__feel{margin-bottom:1.875rem}.current-weather__feel span{font-size:1.25rem;font-weight:600}.current-weather__feel span:not(:last-of-type){margin-right:.3125rem}.option{align-items:center;display:flex}.option:not(:last-of-type){margin-bottom:.625rem}.option-icon{fill:var(--color);margin-right:.625rem}.option-txt{font-size:1.25rem;font-weight:600}.option-txt .txt{display:inline-block;min-width:7.5rem}@media screen and (max-width:575px){.current-weather{flex-direction:column}.current-weather__wrap{width:100%}.current-weather__wrap:first-of-type{align-items:center;flex-direction:row}.current-weather__txt{margin-left:1.875rem}}@media screen and (max-width:420px){.current-weather__temp{font-size:10vw}.current-weather__feel{margin-bottom:.625rem}.current-weather__feel span{font-size:5vw}.current-weather__wrap:nth-of-type(2){margin-top:.625rem}.current-weather__option .option-txt{font-size:4vw}}.forecast-item{align-items:center;display:flex;flex-direction:column;min-width:8.75rem;scroll-snap-align:start}.forecast-item__date,.forecast-item__day{font-weight:700}.forecast-item__date{font-size:.875rem;margin-top:.1875rem}.forecast-item__icon{max-width:3.75rem}.forecast-item__txt{font-size:.875rem;font-weight:600;margin-bottom:.3125rem;max-width:10rem;text-align:center}.forecast-item__temp{font-size:.875rem;font-weight:700}.forecast-item__temp .separate{display:inline-block;margin:0 .1875rem}.forecast-item--skeleton{min-width:8.75rem}.forecast{margin-bottom:1.875rem}.forecast-content{box-shadow:0 14px 37px #212121}.forecast-wrap{align-items:center;display:flex}.forecast-list{-webkit-column-gap:1.25rem;column-gap:1.25rem;display:flex;margin-top:1.875rem;overflow-x:auto;padding-bottom:.9375rem;scroll-snap-type:x proximity}.forecast-list::-webkit-scrollbar{height:8px;-webkit-transition:all .5s ease;transition:all .5s ease;width:6px}.forecast-list::-webkit-scrollbar-track{background-color:#f3f3f3;border-radius:5px;-webkit-box-shadow:inset 5px 5px 5px -5px #464444}.forecast-list::-webkit-scrollbar-thumb{background-color:#273e91;border-radius:5px}.forecast-btn:not(:last-of-type){margin-right:.9375rem}.forecast-btn.active{background:green}.forecast-btn.active:hover{background:green;opacity:.8}.footer-copyright{text-align:center}.footer-copyright__link{display:inline-block;margin-left:.3125rem}html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;text-rendering:optimizeSpeed;width:100%}*,:after,:before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{max-width:100%;vertical-align:middle}img,picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background:transparent;border:0;cursor:pointer}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{background:transparent;border:0}textarea{overflow:auto;resize:vertical;vertical-align:top}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{background:#000;border:0;box-sizing:initial;height:1px;line-height:0;margin:0;overflow:visible;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:initial}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{border:0;color:inherit;display:block;max-width:100%;white-space:normal;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/static/media/Montserrat-Bold.d28745f2b8e5c12d3607.woff2) format("woff2"),url(/static/media/Montserrat-Bold.3155f256200b7d559607.woff) format("woff")}@font-face{font-display:swap;font-family:Marcellus;font-style:normal;font-weight:400;src:url(/static/media/Marcellus-Regular.8ae4aad691a9cb5c462f.woff2) format("woff2"),url(/static/media/Marcellus-Regular.62064e40266e38ef50e2.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-Regular.4ada7f2f580c676690f0.woff2) format("woff2"),url(/static/media/Montserrat-Regular.4a3d63613a362f90a9e6.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/static/media/Montserrat-SemiBold.165aed18e64970167ee7.woff2) format("woff2"),url(/static/media/Montserrat-SemiBold.411a4d1469b75e0248ff.woff) format("woff")}:root,[data-theme=light]{--body-background-color:linear-gradient(hsla(0,0%,100%,0),#37c9e6);--block-background-color:#f0faff;--color:#2a3d50;--btn-background-color:#273e91}:root,[data-theme=dark]{--body-background-color:linear-gradient(#2b3e51,#111a1c);--block-background-color:#101213;--color:#f2f2f2;--btn-background-color:#273e91}.visually-hidden:not(:focus):not(:active),input[type=checkbox].visually-hidden,input[type=radio].visually-hidden{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body{background-size:cover;background:linear-gradient(#2b3e51,#111a1c);background:var(--body-background-color);color:#f2f2f2;color:var(--color);font-family:Montserrat,sans-serif;line-height:1.4;min-height:100vh;padding-bottom:.9375rem}body::-webkit-scrollbar{height:8px;-webkit-transition:all .5s ease;transition:all .5s ease;width:6px}body::-webkit-scrollbar-track{background-color:#f3f3f3;border-radius:5px;-webkit-box-shadow:inset 5px 5px 5px -5px #464444}body::-webkit-scrollbar-thumb{background-color:#273e91;border-radius:5px}a,button{cursor:pointer}a{text-decoration:none}a,button{color:#f3f3f3}button{background:none;border:none;display:block;padding:0;transition:all .3s ease-in-out}button:disabled{opacity:.3}img{display:block;font-size:.625rem;height:auto;object-fit:cover;width:100%}input{border:1px solid #7e7e7e;box-sizing:border-box}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:Montserrat,sans-serif}input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{font-family:Montserrat,sans-serif}input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:Montserrat,sans-serif}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}input:focus:-moz-placeholder,input:focus::-moz-placeholder,textarea:focus:-moz-placeholder,textarea:focus::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease;transition:opacity .3s ease}input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{opacity:0;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.container{margin:0 auto;max-width:50rem}.block,.container{padding:0 .9375rem}.block{margin-top:1.875rem}.block>.container{background:#101213;background:var(--block-background-color);border-radius:.625rem;padding:1.5625rem 1.875rem}.block-title{font-size:1.5rem;font-weight:700;margin-bottom:.9375rem}.btn{background:#273e91;background:var(--btn-background-color);border-radius:.625rem;padding:.625rem .9375rem;transition:all .5s ease-in-out}.btn:hover{background:#23367b}.link{color:#273e91;color:var(--btn-background-color);position:relative;transition:all 265ms ease-in}.link:after{bottom:0;content:"";display:block;height:1px;position:absolute;transition:width .3s;width:0}.link:hover{color:#273e91}.link:hover:after{background-color:#273e91;width:100%}@media screen and (max-width:420px){.block>.container{padding:1.25rem .9375rem}}
/*# sourceMappingURL=main.50eadd0d.css.map*/