*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:#f3f3f3;height:100%;width:100%;overflow-x:hidden}#root{min-height:100vh;width:100%;overflow-x:hidden}.page{background-color:#f3f3f3;min-height:100vh;width:100%;overflow-x:hidden}.page__content{max-width:1360px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}@media screen and (max-width: 767px){.page__content{padding:0 16px}}.header__nav{display:flex;align-items:center;margin-left:auto}.header__profile-link{text-decoration:none;color:inherit;cursor:pointer}.header__nav .toggle-switch{margin-right:20px}.header{display:flex;align-items:center;padding:32px 0 28px}.header__logo{margin-right:24px;cursor:pointer}.header__date-and-location{margin:0;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif}.header__add-clothes-btn{margin:0 20px 0 auto;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%;border:none;cursor:pointer;padding:0}.header__add-clothes-btn:hover:not(:disabled){opacity:.6}.header__user-container{display:flex;align-items:center;gap:12px}.header__username{margin:0;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif}.header__menu-btn{display:none;background:none;border:none;cursor:pointer;padding:0}.header__menu-icon{width:44px;height:44px}.header__user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #00000080}.header__avatar{width:40px;height:40px;border-radius:50%;background-color:#0003;border:1px solid rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;color:#fff}.header__signup-btn{margin-right:20px;background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%;cursor:pointer;color:#000;padding:0;padding-block:0;padding-inline:0}.header__signin-btn{background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%;cursor:pointer;color:#000;padding:0;padding-block:0;padding-inline:0}@media screen and (max-width: 767px){.header{flex-direction:column;align-items:stretch;position:relative;padding:18px 16px 0;min-height:auto;width:100%;box-sizing:border-box}.header__logo{position:static;margin:0;height:40px;width:auto;flex-shrink:0}.header__date-and-location{font-size:18px;line-height:22px;margin:0;position:static;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.header__menu-btn{display:block;position:static;margin:0;flex-shrink:0}.header__nav{display:none}.header__top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;width:100%;gap:8px}.header:after{content:"";width:100%;height:1px;background-color:#0000001a;display:block}.header__add-clothes-btn,.header__user-container{display:none}}.menu-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:flex-end;align-items:flex-start;visibility:hidden;z-index:100;padding:18px 16px}.menu-modal_opened{visibility:visible}.menu-modal__content{background-color:#fff;padding:24px;border-radius:16px;box-sizing:border-box;width:200px;position:relative;display:flex;flex-direction:column;gap:20px}.menu-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:4px;z-index:10}@media screen and (max-width: 767px){.menu-modal{background-color:#0000004d;justify-content:center;align-items:flex-start;padding:18px 16px}.menu-modal__content{background-color:#fff;padding:0;border-radius:10px;width:343px;height:240px;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;box-sizing:border-box;box-shadow:0 2px 8px #0000001a;overflow:hidden}.menu-modal__close{top:16px;right:16px;padding:0}}.menu-modal__close img{width:21px;height:21px}.menu-modal__user-section{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:0;box-sizing:border-box;margin-top:60px}.menu-modal__user-container{display:flex;align-items:center;gap:12px;flex-direction:row}.menu-modal__user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #00000080}.menu-modal__avatar{width:40px;height:40px;border-radius:50%;background-color:#0003;border:1px solid rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:18px;color:#fff}.menu-modal__username{margin:0;padding:0;border:none;background:none;font-weight:700;font-size:20px;line-height:24px;font-family:Cabinet Grotesk,Arial,sans-serif;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);cursor:pointer;text-align:left;transition:opacity .2s ease}.menu-modal__username:hover{opacity:.6}.menu-modal__temperature-switch{display:flex;justify-content:center;align-items:center;margin-top:24px;margin-bottom:40px}.menu-modal__add-clothes-btn{background-color:#fff;color:#000;font-weight:700;font-size:16px;line-height:20px;border-radius:4px;cursor:pointer;font-family:Cabinet Grotesk,Arial,sans-serif;width:100%;height:40px;border:none;padding:0;margin-top:24px}.menu-modal__add-clothes-btn:hover:not(:disabled){opacity:.6}.menu-modal__logout-btn{background-color:#fff;color:#000;font-weight:700;font-size:16px;line-height:20px;border-radius:4px;cursor:pointer;font-family:Cabinet Grotesk,Arial,sans-serif;width:100%;height:40px;border:none}.menu-modal__logout-btn:hover{opacity:.8}.menu-modal__signup-btn{background-color:#fff;color:#000;font-weight:700;font-size:16px;line-height:20px;border-radius:4px;cursor:pointer;font-family:Cabinet Grotesk,Arial,sans-serif;width:100%;height:40px;border:none;margin-top:8px}.menu-modal__login-btn{background-color:#fff;color:#000;font-weight:700;font-size:16px;line-height:20px;border-radius:4px;cursor:pointer;font-family:Cabinet Grotesk,Arial,sans-serif;width:100%;height:40px;border:none}.toggle-switch{width:56px;height:28px;border:2px solid #7e7e7e;border-radius:20px;cursor:pointer;position:relative}.toggle-switch:hover{border-color:#000}.toggle-switch__checkbox{opacity:0}.toggle-switch__circle{width:28px;height:28px;background:#000;position:absolute;border-radius:50%;left:-2px;top:50%;transform:translateY(-50%);transition:left .2s;z-index:2}.toggle-switch__text{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:14px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle;color:#7e7e7e;position:absolute}.toggle-switch__text_F{left:8px;top:50%;transform:translateY(-50%);z-index:3}.toggle-switch__text_C{right:8px;top:50%;transform:translateY(-50%);z-index:3}.toggle-switch__checkbox:checked+.toggle-switch__circle{left:calc(100% - 26px)}.toggle-switch:hover .toggle-switch__circle{left:0}.toggle-switch:hover .toggle-switch__checkbox:checked+.toggle-switch__circle{left:calc(100% - 28px)}.toggle-switch__text_color_white{color:#fff}.cards{min-width:1360px}.cards__list{max-width:1360px;display:grid;grid-template-columns:repeat(4,325px);justify-content:center;margin:0;padding:0;list-style-type:none;gap:20px}.cards__text{font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif;color:#000;margin-top:40px}@media screen and (max-width: 767px){.cards{min-width:unset;width:100%;padding:0 16px;box-sizing:border-box}.cards__text{font-size:18px;line-height:22px;text-align:center;margin:32px auto 20px;padding:0;max-width:calc(100vw - 32px)}.cards__list{justify-content:center;gap:16px;padding:0;margin:0;grid-template-columns:repeat(2,1fr);max-width:100%;width:100%}}.weather-card{position:relative;display:flex;height:80px;border-radius:12px;overflow:hidden;width:100%;max-width:1360px}.weather-card__temp{font-size:36px;line-height:40px;position:absolute;margin:0;top:20px;left:16px;color:#fff;font-family:Cabinet Grotesk,Arial,sans-serif}.weather-card__image{object-fit:cover;object-position:right top;width:100%}@media screen and (max-width: 767px){.weather-card{height:70px;margin:0;width:100%}.weather-card__temp{font-size:32px;line-height:36px;top:17px;left:16px}}.card{width:325px;height:328px;position:relative;display:flex;justify-content:center;cursor:pointer}.card__name{margin:0;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif;background-color:#fff;height:24px;display:flex;align-items:center;justify-content:center;text-align:center;opacity:.6;border-radius:4px;padding:2px 12px;white-space:nowrap;width:auto}.card__image{width:325px;height:328px;border-radius:19px;border:1px solid rgba(0,0,0,.3);object-fit:cover;object-position:center}.card__image-placeholder{width:325px;height:328px;border-radius:19px;border:1px solid rgba(0,0,0,.3);background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;cursor:pointer;flex-shrink:0}.card__image-error{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#666;margin:0 0 10px}.card__image-name{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:#333;margin:0}.card__header{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:1}.card__like-button{width:18px;height:15px;background:none;border:none;cursor:pointer;padding:0;margin:0}.card__like-icon{width:18px;height:15px;object-fit:contain}@media screen and (max-width: 767px){.card{width:164px;height:164px}.card__image{width:164px;height:164px;object-fit:cover}.card__image-placeholder{width:164px;height:164px}.card__name{width:70px;height:20px;font-size:14px;line-height:18px;top:12px}}.footer{display:flex;justify-content:space-between;align-items:center;background-color:transparent;width:100%;box-sizing:border-box;margin-top:171px;padding:20px 0}.footer__container{max-width:1360px;width:100%;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.footer__text,.footer__year{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:14px;color:#000}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:1000}.modal_opened{visibility:visible}.modal__title{top:28px;left:28px;margin-bottom:24px;font-size:16px;line-height:20px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700}.modal__close{position:absolute;top:20px;right:28px;background:none;border:none;cursor:pointer}.modal__content{background-color:#fff;padding:28px 28px 36px;position:relative;max-width:496px;box-sizing:border-box;width:100%}.modal__content_type_new-clothes{border-radius:20px}.modal__form{display:flex;flex-direction:column;width:100%}.modal__label{font-size:16px;line-height:20px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700}.modal__input{margin-bottom:24px;display:block;border:none;border-bottom:1px solid #000000;width:100%;padding-bottom:4px;padding-top:8px;padding-left:0;background:transparent;font-size:16px;line-height:20px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.modal__legend{margin-bottom:12px;font-size:16px;line-height:20px;letter-spacing:0%;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700}.modal__radio-buttons{display:flex;flex-direction:column;gap:8px;border:none;padding:0;margin-bottom:32px}.modal__radio-input{opacity:.5;accent-color:#000000;margin-inline-start:0!important;margin-inline-end:0!important;margin:0!important;box-sizing:border-box}.modal__radio-input:checked{opacity:1}.modal__label_type_radio{opacity:.5;color:#000}.modal__radio-input:checked+.modal__label_type_radio,.modal__label_type_radio:has(.modal__radio-input:checked){opacity:1}.modal__submit{background-color:#000;color:#fff;font-size:16px;line-height:20px;letter-spacing:0%;border-radius:4px;cursor:pointer;opacity:.3;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;width:73px;height:36px;border:none;margin-top:24px;padding:8px 16px;box-sizing:border-box}.modal__submit:not(:disabled){opacity:1}.modal__submit:hover{opacity:.6}.modal__submit:disabled{opacity:.3;cursor:not-allowed;background-color:#000}.modal__buttons-row{display:flex;align-items:center;gap:12px;margin-top:0}.modal__buttons-row .modal__submit{width:auto;margin:0}.modal__link{background:none;border:none;color:#000;opacity:.5;text-decoration:none;cursor:pointer;font-size:16px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;margin:0;padding:0;line-height:20px;letter-spacing:0%}.modal__link:hover{opacity:.6}.modal__form[name=edit-profile] .modal__submit{width:128px;height:36px;padding:8px 16px;box-sizing:border-box;white-space:nowrap;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;font-weight:700;letter-spacing:0%;text-align:center;display:flex;align-items:center;justify-content:center}.modal__form[name=add-garment] .modal__submit{width:124px;height:36px;padding:8px 16px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#000;color:#fff;opacity:.3;white-space:nowrap;margin-top:0;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;box-sizing:border-box}.modal__form[name=add-garment] .modal__submit:not(:disabled){opacity:1}.modal__form[name=add-garment] .modal__submit:hover:not(:disabled){opacity:.6}.modal__error{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;color:#ff4d00;background:transparent;padding:0;border:none;margin-bottom:32px;text-align:left;word-wrap:break-word;box-sizing:border-box}@media screen and (max-width: 767px){.modal__content{width:375px;min-height:auto;max-width:none;min-width:375px;position:relative;margin:0 auto;border-radius:20px;padding:28px 28px 36px;display:flex;flex-direction:column}.modal{align-items:flex-end;padding:0 16px}.modal__close{top:20px;right:20px}.modal__error{font-size:14px;line-height:18px;padding:0;margin-top:0;margin-bottom:32px}}@media screen and (max-width: 407px){.modal{justify-content:stretch;padding:0}.modal__content{width:100%;margin:0;min-width:unset}.modal__error{font-size:14px;line-height:18px;padding:0;margin:0 0 24px}}.modal__content_type_image{width:498px;height:610px;padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:16px}.modal__image{width:498px;height:498px;object-fit:cover;object-position:center;margin:0;padding:0;border:none;flex-shrink:0}.modal__image-placeholder{width:498px;height:498px;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;padding:20px;border:none;flex-shrink:0;box-sizing:border-box}.modal__image-error{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#666;margin:0 0 16px}.modal__image-name{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:400;font-size:18px;line-height:22px;color:#333;margin:0}.modal__image_caption{margin:16px 0 0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000}.modal__footer{height:112px;background-color:#fff;padding:20px 32px 32px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.modal__caption-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:12px}.modal__caption{margin:0 0 12px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000;letter-spacing:0%}.modal__weather{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;color:#000;font-weight:700;line-height:24px;letter-spacing:0%}.modal__close{position:absolute;top:12px;right:12px;background:#ffffff80;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:12px;z-index:1}.modal__close_type_preview{top:24px;right:24px;background:transparent;border:none;display:flex;align-items:center;justify-content:center}.modal__close_type_preview img{width:16px;height:16px}.modal__delete-btn{background:none;border:none;color:#ff4d00;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;line-height:20px;cursor:pointer;font-size:20px;line-height:24px;letter-spacing:0%}@media screen and (max-width: 767px){.modal{padding:0 16px;align-items:center;justify-content:center}.modal__content_type_image{min-width:343px;min-height:463px;max-width:343px;max-height:463px}}.clothes-section__add-btn{background:none;border:none;color:#0009;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;cursor:pointer;padding:0;font-size:20px;line-height:100%;letter-spacing:0%}.clothes-section__header-row{display:flex;flex-direction:row;align-items:center;gap:20px;margin-top:35px;margin-bottom:20px}.clothes-section__title{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%}.clothes-section__cards__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));gap:20px;list-style:none;padding:0;margin:0}@media screen and (max-width: 767px){.clothes-section__header-row{margin-top:20px;margin-bottom:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);justify-content:space-between}.clothes-section__cards__list{grid-template-columns:repeat(2,1fr);gap:16px 15px}}.sidebar__profile{display:flex;flex-direction:column;align-items:flex-start;margin-top:19px}.sidebar__user-info{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:0}.sidebar__username{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;letter-spacing:0%;line-height:24px;margin:0}.sidebar__avatar{width:56px;height:56px;border:1px solid rgba(0,0,0,.5);border-radius:50%;object-fit:cover}.sidebar__avatar_placeholder{background-color:#0003;display:flex;align-items:center;justify-content:center;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;color:#fff;font-size:24px}.sidebar__edit-btn{margin-top:24px;margin-bottom:8px;background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;color:#000;cursor:pointer;padding:0;text-align:left}.sidebar__signout-btn{margin-top:0;background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;color:#000;cursor:pointer;padding:0;text-align:left}@media (max-width: 767px){.sidebar__user-info{align-items:flex-start;width:100%;max-width:280px}.sidebar__username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px;min-width:0}.sidebar__profile{position:relative;min-height:80px}.sidebar__edit-btn{position:absolute;top:36px;left:72px;margin-top:0;margin-bottom:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;color:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}.sidebar__signout-btn{position:absolute;top:60px;left:72px;margin-top:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;color:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}}.profile{display:flex}.profile__clothing-items{flex:1;margin-left:116px;display:flex;flex-direction:column}@media screen and (max-width: 767px){.profile{flex-direction:column;padding:0 16px}.profile__clothing-items{margin-left:0;margin-top:0}}.modal__content_type_confirmation{width:670px;height:280px;padding:40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background-color:#fff}.confirmation__content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.confirmation__title{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%;color:#000;margin:0}.confirmation__subtitle{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:20px;letter-spacing:0%;color:#000;margin:0}.confirmation__buttons{display:flex;flex-direction:column;gap:24px;margin-top:20px;align-items:center}.confirmation__delete-btn{background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:20px;letter-spacing:0%;color:#ff4d00;cursor:pointer;padding:0}.confirmation__delete-btn:hover{opacity:.6}.confirmation__cancel-btn{background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:20px;letter-spacing:0%;color:#000;cursor:pointer;padding:0}.confirmation__cancel-btn:hover{opacity:.6}@media screen and (max-width: 767px){.modal__content_type_confirmation{width:375px;height:240px;padding:28px 20px}.confirmation__title{font-size:20px;line-height:22px}.confirmation__subtitle{font-size:20px;line-height:18px}.confirmation__buttons{flex-direction:column;gap:20px;align-items:center}}@media screen and (max-width: 407px){.modal__content_type_confirmation{width:100%;margin:0;min-width:unset}}