.header{margin:32px 40px 0;display:flex;max-width:100%;justify-content:space-between;align-items:center;height:40px}.header-container{display:flex;flex-direction:row}.header-button-and-user-container{align-items:center}.header__logo{height:40px;width:89px;margin-right:24px}.header__date{font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;height:24px;margin:0;align-self:center}.header__button{padding:0;height:24px;margin-right:20px;margin-left:20px;background-color:transparent;border-style:none;font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.header__user{align-items:center}.header__user__name{margin:0 12px 0 0;font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.header__user__avatar{height:40px;width:40px;border-radius:50%}.header__user__avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.header__link{text-decoration:none;color:inherit}.header__login,.header__signin{margin-left:20px}.switch__checkbox{height:0;width:0;visibility:hidden}.switch__label{display:flex;align-items:center;justify-content:space-around;cursor:pointer;width:56px;height:28px;background:#fff;border-style:solid;border-radius:20px;border-width:2px;border-color:#7e7e7e;position:relative;transition:background-color .2s}.switch__text{justify-self:center;z-index:999;color:#fff;font-family:Cabinet Grotesk,sans-serif,serif;font-size:14px;font-weight:700;transition:color .3s ease}.switch__checkbox:checked~.switch__label .switch__text_F{color:#7e7e7e}.switch__checkbox:not(:checked)~.switch__label .switch__text_C{color:#7e7e7e}.switch__checkbox:hover+.switch__label{border-color:#000}.switch__checkbox:checked~.switch__label:hover .switch__text_F{color:#000}.switch__checkbox:not(:checked)~.switch__label:hover .switch__text_C{color:#000}.switch__label .switch__button{content:"";position:absolute;left:-1px;width:28px;height:28px;border-radius:20px;transition:.2s;background:#000;z-index:998}.switch__checkbox:hover~.switch__label .switch__button{width:30px}.switch__checkbox:checked+.switch__label .switch__button{left:calc(100% + 1px);transform:translate(-100%)}.switch__label:active .switch__button{width:28px}.main{margin:28px 40px 0}.main__title__text{margin:40px 0 34px;font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24.8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.main__gallery{margin:0;padding:0;display:grid;list-style-type:none;grid-template-columns:repeat(4,auto);grid-template-rows:auto;grid-gap:20px 20px;justify-content:center}.main__form-container{z-index:998}.main__form{z-index:999}.form__title{margin:0}.weather-card{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVAAAABQCAYAAAD/Rl7vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARYSURBVHgB7d1BThtXHMfx30BEunSXabowJyicIHACOEJyguQGwAmSnKC9QdsTQE4QboDbQljG27qF12dXSFGEpUSZMZ7R5yONPWPPYtZf/d+bJgAAAAAAK1Cu8r5+7eThTdPkvH7/lr/ze7OdybIbmwAAAAAAdKxc5k2tkS+znn7JLCf3hVQBFQAAAADoVI2nz2uJ/DnrbZpSI+qPNfR+QkAFAAAAADpTrjOuYfK0HuP0w0nzNMd3FxsBAAAAAOjKbY56FE/njsplXt1dmEAFAAAAADpR/sxhNvNr+meaWXbne6KaQAUAAAAAuvEor9NPozz+f89WE6gAAAAAQOvKX9nLRk7TZ7N8bwIVAAAAAGjfZo7Sd1t5aQIVAAAAAGhVuc44t7lI3zU5M4EKAAAAALSr5CBDUDIWUAEAAACAth1mGMaW8AMAAAAArSkXGWUrHzMQJlABAAAAgPY8yk4GREAFAAAAANqzkWcZEAEVAAAAAGiTCVQAAAAAgHs1GWVABFQAAAAAoE3jDEgTAAAAAICWlKuUDIgJVAAAAACAJQRUAAAAAIAlBFQAAAAAgCUEVAAAAACgPU0mGRABFQAAAABoT8k0AyKgAgAAAABtOs+ACKgAAAAAQHsaARUAAAAA4H7/5o8MiIAKAAAAALTnJmcZEAEVAAAAAGhNs51pmuFEVAEVAAAAAGhXGU5AbQIAAAAA0KJykVG28jEDYAIVAAAAAGjVkJbxC6gAAAAAQPtucpIBsIQfAAAAAOhE+ZDTlOylx0ygAgAAAADdGMAUqglUAAAAAKAzfZ9CNYEKAAAAAHSnyYv6OU1PCagAAAAAQGeaJ5mk9HcpvyX8AAAAAEDnyoe8riH1VXpGQAUAAAAAOlcuMspWTuvpTnpEQAUAAAAAVmIRUR/nfUrG6YeJPVABAAAAgJVotjNNk/16TLL+JpllX0AFAAAAAFZm8VKpeURNzrO+zms83a3B1wQqAAAAALBa84jaPM1uDalvsm5KfaZZ9hfTsrEHKgAAAADwgMplnmcjR2uwL+p8e4Hj5oe8/fRHARUAAAAAeFDlusbT2xpRU2PqgzxAzvJPXsyX7H/+l4AKAAAAAKyFcpWDxbL+VU2jzsPpZo6bJ3m37BYBFQAAAABYK+U6z3KT41ov99KFLwindwRUAAAAAGAtLZb2lxzkNoffHFPn0bSpxyxv714Q9SUEVAAAAABg7ZWLjPJdfqoxda9e7tQgOqp1c1zPx5/dOsn8hVAl59moR6nXs7z7mmgKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANBf/wHNGqeAMQLbEgAAAABJRU5ErkJggg==) center no-repeat;background-size:cover;height:80px;background-color:#00a3ff;border-radius:15px;display:flex;align-items:center;max-width:100%}.weather-card__temperature{font-family:Cabinet Grotesk,sans-serif,serif;font-size:36px;font-weight:700;line-height:40px;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;margin:0 0 0 16px}.item-card{list-style:none;height:328px;width:325px;display:flex;position:relative;text-align:center;justify-content:center}.item-card__wrapper{display:flex;flex-direction:row;position:absolute;text-align:center;justify-content:center;height:24px;width:1vw;list-style-type:none;padding:0;top:15px;align-items:center}.item-card__like-button{height:15px;width:18px;align-self:center;margin-left:10px;border-width:2px;border-color:#0009}.item-card__like-button_hidden{visibility:0;opacity:0}.item-card__picture{border-radius:15px;height:100%;width:100%}.item-card_title-container{height:24px;display:flex;align-items:center}.item-card__title{font-family:Cabinet Grotesk,sans-serif,serif;font-style:medium;font-size:16px;font-weight:700;line-height:20px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;background-color:#fff;z-index:999;margin:0;padding:2px 12px;border-radius:4px;height:20px}.footer{display:flex;margin:auto 40px 24px;justify-content:space-between;height:20px;align-items:center}.footer__text{margin:0;font-family:Cabinet Grotesk,sans-serif,serif;font-size:16px;font-weight:500;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.form__radio-field{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;margin-top:8px;color:#0000004d}.form__radio-field:first-child{margin-top:12px}.form__radio-input{display:flex;margin:0 8px 0 0;border-style:none}.form__radio-field:has(.form__radio-input:checked){color:#000}.modal{z-index:999;background-color:#0000004d;position:fixed;max-width:1440px;width:100%;height:100%;margin:auto;padding:0;display:flex;visibility:hidden;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out,visibility 0s .3s;top:calc(50% + var(--div-height))}.modal_type_garment_open,.modal_type_item_open,.modal_type_login_open,.modal_type_edit_open,.modal_type_signup_open{visibility:visible;opacity:1;transition:opacity .3s ease-in-out}.modal__container{background-color:#fff;position:relative;display:flex;flex-direction:column;border-radius:20px;height:fit-content}.modal__button_close{height:20px;width:20px;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACuSURBVHgBlZNLDsIwDESdWl3QE3AVNmw4fC/CAi5AFkUKHpGIkNSOO9L0E+tN3VgJRHSjr1bxi3xaxBc8TOIkPuWF5QAMJrFcHuJzLuD+FG8OGN2uCHg7QzpYHDkXRyG7MApcfUELmTUYCtSr3tBYrXVw24HWyazB0ET7CvTfXftudtBu2EbGdHgAo+07GSPmAYx/NkfMA7hIDWEHbIYg4OqA1ZByGj1wUaTf0U8fyilQs644PTQAAAAASUVORK5CYII=) center no-repeat;top:20px;right:28px;border-style:none;padding:0}.modal__title{margin-top:28px;margin-left:28px;font-family:Cabinet Grotesk,sans-serif,serif;font-size:16px;font-weight:700;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.modal__form{border-style:none;margin-top:24px}.modal__button_save{font-family:Cabinet Grotesk,sans-serif,serif;font-size:16px;font-weight:700;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin:32px 0 36px 28px;color:#fff;height:36px;width:124px;border-radius:4px;padding:0;background-color:#000;border-style:none;text-align:center;transition:background-color .2s linear}.modal__button_save:hover{background-color:#0009;transition:background-color .2s linear}.modal__button_save:disabled{background-color:#0000004d;transition:background-color .2s linear}.modal_type_garment__button_delete{font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:20px;border-style:none;background-color:transparent;position:absolute;color:#ff4d00;right:32px;bottom:68px;margin:0;padding:0}.form__signup{position:absolute;font-family:Cabinet Grotesk,sans-serif,serif;font-size:16px;font-weight:700;line-height:20px;text-align:center;margin:0;padding:0;height:40px;width:80px;display:flex;align-items:center;justify-content:center;bottom:34px;left:164px;color:#0000004d}.form__input{border-style:none;border-bottom-style:solid;padding:0;margin:8px 0 0;align-items:center;border-width:1px}.form__login{position:absolute;font-family:Cabinet Grotesk,sans-serif,serif;font-size:16px;font-weight:700;line-height:20px;text-align:center;margin:0;padding:0;height:40px;width:80px;display:flex;align-items:center;justify-content:center;bottom:34px;left:164px;color:#0000004d}.item__image{height:498px;width:498px;overflow:hidden}p{margin:20px 0 12px 32px;padding:0;font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.item__image{border-top-left-radius:20px;border-top-right-radius:20px}.item__weather{margin-top:0;margin-bottom:32px}.profile{display:flex;margin:0 40px;align-items:flex-start}.side-bar{display:flex;flex-direction:column;margin-top:47px;margin-right:116px;justify-content:flex-start}.side-bar__profile{display:flex;width:229px;height:56px;align-items:center;gap:15px}.side-bar__user__name{margin:0;font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.side-bar__user__avatar{height:56px;width:56px;border-radius:50%}.side-bar__user__avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.side-bar__edit-profile,.sida-bar__logout-user{margin:0;padding:0;font-family:Cabinet Grotesk,sans-serif,serif;font-style:medium;font-size:20px;font-weight:700;line-height:25px;text-underline-position:from-font;text-decoration-skip-ink:none}.side-bar__edit-profile{margin-top:24px;margin-bottom:8px}.section{display:flex;margin-top:63px;flex-direction:column;align-items:flex-start}.section__list{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:16px}.section__list__text{margin:0 20px 0 0;font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.section__list__button{font-family:Cabinet Grotesk,sans-serif,serif;font-size:20px;font-weight:700;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#0009;background-color:transparent;border-style:none;padding:0}.section__gallery{margin:0;padding:0;display:grid;list-style-type:none;grid-template-columns:repeat(3,auto);grid-template-rows:auto;grid-gap:20px 20px;justify-content:center}.form__set{border-style:none;display:flex;flex-direction:column;margin:0 28px;padding:0}.form__set:last-child{margin-bottom:32px;padding:0}.form__field{display:flex;flex-direction:column;margin-bottom:24px;width:440px;height:52px}.form__input{border-style:none;border-bottom-style:solid;padding:0;margin:8px 0 0;align-items:center;border-width:1px;text-wrap:wrap}.form__legend__title{margin:0}.app{display:flex;flex-direction:column;min-height:100vh;font-family:Cabinet Grotesk,sans-serif,serif;background-color:#f3f3f3;max-width:1440px;margin:auto}