@font-face{font-family:CabinetGrotesk;src:url(/assets/CabinetGrotesk-500-C5QPuM92.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CabinetGrotesk;src:url(/assets/CabinetGrotesk-700-f2nQLakA.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CabinetGrotesk;src:url(/assets/CabinetGrotesk-900-DejXz4Mz.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--primary-color: #f3f3f3;--bg-color: #ffffff;--text-color: #000;--button-hover: #00000099;--button-disabled: #ccc;--accent-color: #00a3ff;--accent-error-color: #ff4d00;--font-family: "CabinetGrotesk";--base-font-size: 1.6rem;--primary-font-size: 2rem}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family);font-size:var(--base-font-size);color:var(--text-color)}html{scroll-behavior:smooth;font-size:62.5%}button{background:none;border:none;cursor:pointer}.page{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--base-font-size);margin:0 auto;transition:background-color .3s ease-in-out}@media screen and (max-width: 768px){.page{max-width:100%;overflow-x:hidden}}@media screen and (max-width: 1440px){.page{width:100%;margin:0}}.container{margin-inline:4rem}@media screen and (min-width: 120rem){.container{margin-inline:0}}@media screen and (max-width: 768px){.container{margin-inline:2rem}}.header{padding:.8rem 0}.navbar{display:flex;justify-content:space-between;gap:1.2rem}.navbar__menu{margin:2rem 0 0;display:none;align-items:center;cursor:pointer;width:3.7rem;height:3.7rem;background:#0000001a;padding:.5rem;border-radius:50%}.navbar__menu-item{display:block;background-color:var(--text-color);height:.2rem;width:2.5rem;border-radius:2rem;border-radius:1px;transition:all .3s ease-in-out;transform-origin:center}.navbar__menu-open .navbar__menu-item:nth-child(1){transform:rotate(45deg);position:absolute}.navbar__menu-open .navbar__menu-item:nth-child(2){opacity:0}.navbar__menu-open .navbar__menu-item:nth-child(3){transform:rotate(-45deg);position:absolute}.navbar__list,.navbar__item{list-style:none}.navbar__list{display:flex;justify-content:space-between;align-items:center}.navbar__list:nth-child(2){flex-grow:1}.navbar__item:nth-child(1){display:flex;gap:1.4rem}.navbar__item:nth-child(2){display:flex;gap:1.4rem}.navbar__logo{width:8.9rem;height:4rem;font-family:CabinetGrotesk,sans-serif;font-weight:900;font-size:3.2rem;line-height:100%}.navbar__weather-text{font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:var(--primary-font-size);line-height:2.4rem;padding:1.1rem 0 .5rem}.navbar__add-button{display:block;font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:var(--primary-font-size);line-height:2.4rem;padding:.8rem 0}.navbar__username{font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:var(--primary-font-size);line-height:100%;padding:.8rem 0 .7rem}.navbar__avatar{display:block;width:4rem;height:4rem}@media (max-width: 768px){.navbar{position:relative}.navbar__menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin:auto 0;cursor:pointer}.navbar__list-main{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;width:100%;gap:1.2rem;padding:1rem 1.5rem;box-shadow:0 2px 8px #0000001a;z-index:1000;height:0;overflow:hidden;padding:0}.navbar__list-open{max-height:50rem;transition:max-height .3s ease-in-out;height:auto;border-radius:.2rem;padding:1rem;background-color:var(--primary-color)}.navbar__list:nth-child(2){flex-grow:0}.navbar__item:nth-child(1){display:flex;gap:1rem}.navbar__item:nth-child(2){display:flex;gap:.5rem}.navbar__item{flex-direction:column;align-items:flex-start}.navbar__list:nth-child(3){display:flex;align-items:center;position:relative}}.main-container{display:flex;flex-direction:column}.footer{margin:0 0 2.4rem}.footer__content{display:flex;justify-content:space-between}.footer__text{font-family:CabinetGrotesk,sans-serif;font-weight:500;font-size:1.6rem;line-height:2rem;letter-spacing:0%;vertical-align:bottom;color:var(--secondary-color)}.layout{max-width:136rem;width:100%;margin-inline:auto;min-height:100vh}.weather{padding:2rem 2rem 1.6rem;border-radius:1.2rem;margin:2.8rem 0 4rem;position:relative;overflow:hidden}.weather__icon{width:8rem;height:8rem;display:block;position:absolute;top:0;right:0;transform:translate(31%,-35%);transition:transform .3s ease}.weather__text{font-family:var(--font-family);color:var(--primary-color);font-weight:700;font-style:Bold;font-size:3.6rem;line-height:4rem;vertical-align:middle}.card{margin:3.4rem 0 17.1rem}.modal_opened{overflow:hidden}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.modal_opened.modal{opacity:1;pointer-events:auto}.modal__content{display:flex;flex-direction:column;gap:2.4rem;background:var(--bg-color);position:relative;border-radius:1.6rem;box-shadow:0 0 2rem #0003;animation:slideUp .3s ease}.modal__close-button{width:2rem;height:2rem;position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:var(--primary-font-size);cursor:pointer;line-height:1;z-index:1001}.modal__close-icon{width:2rem;height:2rem;object-fit:cover}.modal__content_size_small{max-width:49.8rem;width:clamp(20rem,50vw,30rem)}.modal__content_size_medium{max-width:49.6rem;width:clamp(30rem,75vw,40rem)}.modal__content_size_large{width:clamp(50rem,90vw,80rem)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.item__image{display:block;width:100%;height:100%;flex-grow:1;object-fit:cover;border-radius:1.6rem 1.6rem 0 0;transition:transform .3s ease,border-radius .3s ease}.item__caption{display:flex;flex-direction:column;gap:1.2rem;padding:0 0 3.2rem 3.2rem}.item__caption-text{font-family:CabinetGrotesk,sans-serif;font-weight:700;color:var(--secondary-color);font-size:2rem;line-height:2.4rem}.item__caption-weather{font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:2rem;line-height:2.4rem}.card__list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0;margin:0 auto}.card__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--bg-color);border-radius:.4rem;overflow:hidden;height:32.6rem;width:100%;box-sizing:border-box;position:relative}.card__title{background-color:var(--bg-color);font-family:var(--font-family);font-weight:700;font-size:1.6rem;line-height:2rem;color:#0009;padding:.2rem 1.2rem;border-radius:.2rem;margin-bottom:1.2rem;text-align:center;position:absolute;margin:1.5rem 0 0;z-index:1}.card__img{display:block;width:100%;height:100%;flex-grow:1;object-fit:cover;border-radius:1.6rem 1.6rem 0 0;transition:transform .3s ease,border-radius .3s ease}.card__img:hover{transform:scale(1.05);border-radius:1.6rem;transition:transform .3s ease}@media (max-width: 1200px){.card__list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.card__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.card__list{grid-template-columns:1fr}.card__item{aspect-ratio:1 / 2}}.home__text{font-family:var(--font-family),sans-serif;font-weight:700;font-size:var(--primary-font-size);line-height:100%}.form{display:flex;flex-direction:column;gap:2.4rem;padding:2.8rem}.form__title{font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:var(--base-font-size);line-height:2rem}.form__submit{display:inline-block;width:100%;padding:.8rem 1.6rem;background-color:var(--text-color);color:var(--bg-color);border:none;border-radius:.4rem;cursor:pointer;font-size:1.4rem;align-self:flex-end;transition:background-color .3s ease}.form__submit:hover{background-color:var(--button-hover)}.form__submit:disabled{background-color:var(--button-disabled);cursor:not-allowed;pointer-events:none;opacity:.5}.form__group{display:flex;flex-direction:column;gap:.8rem}.form__label{display:block;font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:var(--base-font-size);line-height:2rem}.form__label-checkbox{color:#00000080;display:flex;align-items:center;font-family:CabinetGrotesk,sans-serif;text-transform:capitalize;font-weight:700;font-size:var(--base-font-size);line-height:2rem}.form__input-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.form__group-checkbox{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.2rem;transition:background-color .3s ease}.form__group-checkbox:hover{background-color:#0000000a}.form__group-checkbox.active{background-color:#00000014}.form__group-checkbox:focus-within{outline:.2rem solid rgba(0,0,0,.04);outline-offset:.1rem}.form__checkbox-custom{position:relative;display:inline-block;width:2rem;height:2rem;border:.2rem solid var(--text-color);border-radius:50%;box-sizing:border-box;margin-right:.5rem;transition:border-color .2s ease,background-color .2s ease}.form__input-checkbox:checked+.form__checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;background-color:var(--text-color);border-radius:50%;transform:translate(-50%,-50%)}.form__input{border:none;padding-bottom:.4rem;border-bottom:1px solid var(--text-color)}.form__input::placeholder{font-family:CabinetGrotesk,sans-serif;font-weight:700;font-size:var(--base-font-size);line-height:2rem}.form__input:focus{border-color:var(--accent-color);outline:none;transition:border-color .2s ease}.form__input-error{border-color:var(--accent-error-color)}.form__error{color:var(--accent-error-color);font-size:.875rem;margin-top:.25rem}.spinner{position:fixed;top:50%;left:50%;display:flex;gap:.5rem;transform:translate(-50%,-50%);z-index:1000}.spinner__circle{width:12px;height:12px;background-color:#ff6b6b;border-radius:50%;animation:bounce .6s infinite ease-in-out}.spinner__circle:nth-child(2){animation-delay:.1s}.spinner__circle:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}.api-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--base-font-size);text-align:center;padding:2rem;box-sizing:border-box;border-radius:8px;box-shadow:0 .2rem 1rem #0000001a;position:fixed;top:0;left:0;z-index:1000;animation:fadeIn .3s ease-in-out}.api-error__message{margin:0;font-size:var(--primary-font-size);font-family:var(--font-family);font-weight:500;color:var(--accent-error-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}