.page{background-color:#f3f3f3}.page__content{max-width:1360px;margin:0 auto;padding:0 20px}.header{display:flex;align-items:center;padding:32px 0 28px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;font-size:20px}.header__logo{margin-right:24px}.header__date-and-location{margin:0}.header__add-clothes-btn,.header__signup-btn,.header__login-btn{border:none;background:none;outline:none;padding:0;font-weight:700;font-size:20px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;cursor:pointer}.header__user-container{display:flex;align-items:center;gap:12px}.header__username{margin:0}.header__link{text-decoration:none;color:inherit}.header__actions{display:flex;align-items:center;margin:0 20px 0 auto;gap:12px}.toggle-switch{width:56px;height:28px;border:2px solid black;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;display:flex}.toggle-switch_checkbox{opacity:0}.toggle-switch__circle{background-color:#000;width:28px;height:28px;position:absolute;border-radius:50%;left:0;transition:all .3s ease-in-out}.toggle-switch__text{color:gray;position:absolute;top:3px}.toggle-switch__text_F{left:7px}.toggle-switch__text_C{right:7px}.toggle-switch_checkbox:checked~.toggle-switch__circle{left:28px}.toggle-switch_checkbox:not(:checked)~.toggle-switch__text_F{color:#fff}.toggle-switch_checkbox:checked~.toggle-switch__text_C{color:#fff}.cards__list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:21px}.weather-card{position:relative;display:flex;height:80px;border-radius:12px;overflow:hidden}.weather-card__temp{font-size:36px;line-height:40px;margin:0;position:absolute;top:20px;left:16px;color:#fff;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700}.weather-card__image{object-fit:cover;object-position:right top;width:100%}.cards__text{font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;font-size:20px;line-height:100%;margin:40px 0 34px}.card{width:323px;height:326px;position:relative;display:flex;justify-content:center}.card__name{top:15px;margin:0;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;background:#fff;border-radius:4px;padding:2px 12px}.card__image{width:100%;border-width:1px;border-radius:19px;cursor:pointer}.card__item-like-btn{background:none;border:none}.card__overlay{display:flex;align-items:center;position:absolute;top:15px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden;transition:visibility .3s,opacity .3s ease-in;opacity:0}.modal_opened{visibility:visible;opacity:1}.modal__title{margin:0 0 24px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-size:16px;font-weight:700}.modal__label{font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-size:16px;font-weight:700;display:block;width:100%}.modal__close{position:absolute;top:20px;right:28px;cursor:pointer;background:none;border:none}.modal__close-btn{cursor:pointer;background:none;border:none}.modal__content{background-color:#fff;position:relative;padding:28px 28px 36px;max-width:496px;height:436px;box-sizing:border-box;width:100%;border-radius:20px}.modal__form{display:flex;flex-direction:column;align-items:flex-start;width:100%}.modal__input{display:block;background:none;border:none;outline:none;box-shadow:none;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-size:16px;font-weight:700;width:100%;border-bottom:1px solid #000;padding-bottom:4px;margin-bottom:12px;margin-top:8px}.modal__legend{font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-size:16px;font-weight:700;margin-bottom:12px}.modal__radio-buttons{border:none;padding:0;display:flex;flex-direction:column}.modal__submit{display:inline-block;background:#b3b3b3;border-radius:4px;border:none;padding:8px 16px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;font-size:16px;line-height:20px;cursor:pointer;margin-top:32px;color:#fff}.modal__label_type_radio{margin-bottom:8px}.modal__label_type_radio:last-child{margin-bottom:0}.modal__button-row{display:flex;gap:12px}.modal__submit_alt{background:none;color:gray}.footer{display:flex;justify-content:space-between;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0%;margin-top:171px}.modal__content_type_image{width:498px;height:610px;display:flex;flex-direction:column;margin:0 auto;padding:0;border-radius:16px;overflow:hidden}.modal__image{width:100%;max-height:558px;object-fit:cover;display:block}.modal__caption,.modal__weather{font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;font-size:20px;margin:0}.modal__close-btn{background:none;border:none}.modal__delete-button{background:none;border:none;color:#ff4d00;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;font-size:20px;display:flex;cursor:pointer}.modal__footer{display:flex;align-items:center;justify-content:space-between;margin:auto 32px 20px}.modal__info{display:flex;flex-direction:column;gap:12px}.sidebar{font-size:20px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700}.sidebar__credentials{display:flex;gap:16px}.sidebar__options{display:flex;flex-direction:column;font-size:20px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700;cursor:pointer}.sidebar__option-btn{margin:8px}.clothes-section{font-size:20px;font-family:Cabinet Grotesk,Arial,Times New Roman,sans-serif;font-weight:700}.clothes-section__header{display:flex;gap:20px}.clothes-section__items{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:21px}.clothes-section__add-button{all:unset;box-sizing:border-box;cursor:pointer;color:gray}.profile{display:flex;gap:100px}body{margin:0}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:700;src:url(/assets/CabinetGrotesk-Bold-CqXPKury.ttf) format("truetype")}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:500;src:url(/assets/CabinetGrotesk-Medium-Dj9j7eKb.ttf) format("truetype")}