.weather-card{height:80px;overflow:hidden;border-radius:12px;position:relative}.weather-card img{height:100%;width:100%;object-fit:cover;object-position:right top}.weather-card__temp{position:absolute;bottom:20px;left:16px;font-size:36px;line-height:1.1;margin:0;color:#fff}.card{position:relative;width:325px;height:328px;border-radius:20px;overflow:hidden;background:#f5f5f5;display:flex;align-items:flex-end;justify-content:center}.card__image{width:100%;height:100%;object-fit:cover;display:block}.card__title{position:absolute;top:15px;left:50%;transform:translate(-50%);background:#fffc;padding:8px 16px;border-radius:12px;font-size:1.2rem;font-weight:600;margin:0;text-align:center}.main__card-list{display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:0;list-style-type:none}.header{display:flex;align-items:center;padding-top:40px}.header-title{font-family:CabinetGrotesk,sans-serif;font-weight:700}.header__logo{margin-right:24px}.header__place{margin-right:20px}.header__username{margin-right:16px;font-weight:700}.header__avatar{width:40px;height:40px;border-radius:50%}.header__add-clothes-btn{margin-left:auto;border:none;background:#fff;font-family:CabinetGrotesk,Arial,sans-serif;font-weight:700;font-size:16px}.header__controls{display:flex;align-items:center;margin-left:auto;gap:16px}.header__link{display:flex;align-items:center;text-decoration:none;color:inherit}.header__register-btn,.header__login-btn{background:none;border:none;font-family:CabinetGrotesk,Arial,sans-serif;font-weight:700;font-size:16px;cursor:pointer;color:#000;padding:8px 16px}.header__register-btn:hover,.header__login-btn:hover{opacity:.7}.header__avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#ccc;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.toggle__switch{width:56px;height:28px;border:2px solid #7e7e7e;border-radius:20px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative}.toggle__switch--checkbox{visibility:hidden;position:absolute}.toggle__switch__circle{position:absolute;width:28px;height:28px;border-radius:50%;background-color:#000;top:-2px;left:-2px;transition:left .3s}.toggle__switch__value{color:#7e7e7e;font-size:14px;font-weight:700;font-family:CabinetGrotesk;line-height:1}.toggle__switch--checkbox:checked~.toggle__switch__circle{left:27px}.toggle__switch__value__left{position:relative;z-index:1;color:#fff;transition:color .2s;margin-right:12px}.toggle__switch__value__right{position:relative;z-index:1;color:#7e7e7e;transition:color .2s;margin-left:4px;left:-2px}.toggle__switch--checkbox:checked~.toggle__switch__value__left{color:#7e7e7e}.toggle__switch--checkbox:checked~.toggle__switch__value__right{color:#fff}.footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:16px 20px;position:relative;left:0;bottom:0;z-index:100;box-sizing:border-box;font-family:CabinetGrotesk,Arial,sans-serif;font-size:1rem}.footer__left{align-self:flex-start}.footer__right{align-self:flex-end}.item-modal__container{position:relative}.item-modal__close-btn{position:absolute;top:28px;right:28px;outline:none;background-color:transparent;border:none;font-size:24px;color:#a9a9a9;z-index:1}.item-modal__image{display:block;width:498px;height:498px;object-fit:cover;border-radius:16px 16px 0 0;background:#f5f5f5}.item-modal__footer{background:#fff;padding:16px;border-radius:0 0 16px 16px}.item-modal__text{font-size:24px;margin:8px 0;color:#333;font-weight:700}.item-modal__text_bold{font-weight:700;font-size:24px}.modal__delete-btn{background:none;border:none;color:#ff4d00;font-size:16px;cursor:pointer;padding:8px 0;margin-top:150px;display:block}.profile{display:flex;padding:20px}.profile__sidebar{width:200px;padding:20px;background-color:#f0f0f0;border-radius:8px;margin-right:20px}.profile__content{flex:1;padding:20px}.sidebar{min-width:229px;display:flex;flex-direction:column}.sidebar__row{display:flex;align-items:center;gap:16px}.sidebar__avatar{width:40px;height:40px;border-radius:50%}.sidebar__username{font-weight:700}.sidebar__actions{display:flex;flex-direction:column;gap:16px;margin-top:32px}.sidebar__btn{background:none;border:none;text-align:left;font-size:16px;cursor:pointer;padding:0;color:#000}.sidebar__btn_type_edit{font-weight:500}.sidebar__btn_type_logout{color:#ff4d00;font-weight:500}.sidebar__btn:hover{opacity:.7}.close-section{flex-grow:1}.close-section__row{display:flex;align-items:center;gap:20px;margin-bottom:20px}.close-section__text{font-weight:700}.close-section__button{border:none;background:#fff;font-family:CabinetGrotesk,Arial,sans-serif;font-weight:700;font-size:16px}.close-section__card-list{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.modal_is-opened{opacity:1;pointer-events:auto}.modal__container{background:#fff;border-radius:20px;box-shadow:0 4px 32px #00000026;position:relative;padding:28px 28px 36px;max-width:496px;width:100%;display:flex;flex-direction:column}.modal__close-btn{position:absolute;top:28px;right:28px;background:none;border:none;font-size:24px;cursor:pointer;color:#888;z-index:1}.modal__title{margin:0 0 24px;font-size:1.5rem;font-weight:700;text-align:left}.modal__form{display:flex;flex-direction:column;gap:16px}.modal__label{font-size:1rem;font-weight:500;display:block}.modal__input{width:100%;padding:8px 0;border:none;border-bottom:2px solid #888;font-size:1rem;background:transparent;outline:none}.modal__submit-btn{margin-top:24px;padding:8px 16px;border-radius:4px;background:#000;color:#fff;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:background .2s,color .2s;width:fit-content}.modal__submit-btn:hover{background-color:#888;color:#fff}.modal__fieldset{border:none;padding:0;margin:0}.modal__legend{font-size:1rem;font-weight:600;margin-bottom:8px}.modal__radio-group{display:flex;flex-direction:column;gap:8px}.modal__radio-input{margin-right:8px}.modal__delete-btn{color:#ff4d00;background:#fff;border:none;position:absolute;top:370px;right:60px;font-size:16px;cursor:pointer;z-index:1;padding:0;width:auto;height:auto}.modal__button-row{display:flex;align-items:center;margin-top:32px;margin-left:0;justify-content:flex-start}.modal__submit-btn{background:#000;color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:1rem;font-weight:700;cursor:pointer;margin-right:12px;transition:background .2s,color .2s}.modal__submit-btn:hover{background:#888;color:#fff}.modal__or-login-btn{background:transparent;border:none;color:#888;font-size:1rem;font-weight:700;-webkit-user-select:none;user-select:none;margin:25px 0 0;cursor:pointer;transition:color .2s,background .2s;padding:0 0 0 8px}.modal__or-login-btn:hover{color:#222}.modal__or-login{color:#888;font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none;margin:0}.modal__alt-action-btn{background:transparent;border:none;color:#888;font-size:1rem;font-weight:700;-webkit-user-select:none;user-select:none;margin:25px 0 0;cursor:pointer;transition:color .2s,background .2s;padding-left:8px}@font-face{font-family:CabinetGrotesk;src:url(/assets/CabinetGrotesk-Bold-BAQZSB8G.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:CabinetGrotesk;src:url(/assets/CabinetGrotesk-Medium-DHJjXo9b.otf) format("opentype");font-weight:500;font-style:normal}body{font-family:CabinetGrotesk,Arial,sans-serif}.app{max-width:1360px;margin:0 auto}