body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}img,picture{display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-yJmHbigL.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Regular-CsLkCdiI.woff2) format("woff2");font-weight:400;font-style:normal}:root{--font-main: "Cabinet Grotesk", Arial, sans-serif;--color-primary: #000;--color-accent: #007bff;--color-bg: #f5f5f5}.page{flex:1;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}button{font-family:inherit;font-size:1rem;border:none;background:none;cursor:pointer}body{font-family:var(--font-main);background:var(--color-bg)}#root{width:100%;max-width:1440px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.App{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;display:flex;flex-direction:column}.modal{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background:#0000004d;z-index:2000}.modal_is-opened{opacity:1;pointer-events:auto}.modal__content_type_preview{margin:0}@media (max-width: 768px){.main{margin-bottom:40px}body{font-size:20px}.main__clothing-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.main__subtitle{font-size:16px;line-height:20px}}.header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;max-width:1440px;margin:0 auto;width:100%}.header__left,.header__logo-block{display:flex;align-items:center;gap:24px}.header__date-location{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000;margin:0}.header__right{display:flex;align-items:center;gap:20px}.header__add-btn{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#000;border:none;background:none;cursor:pointer}.header__user{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;display:flex;align-items:center;gap:12px}.header__username{font-size:16px;line-height:25px;color:#000}.header__avatar{width:40px;height:40px;border-radius:50%;border:1px solid #000;object-fit:cover}.header__login-btn,.header__register-btn{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;color:#000;text-decoration:none;cursor:pointer}.header__login-btn{padding-left:20px}.header__login-btn:hover,.header__register-btn:hover{opacity:.6}.header__mobile-btn{display:none}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;padding:10px 26px 0;gap:0;position:relative;z-index:20}.header__logo{padding-top:18px}.header__left{flex-direction:column;align-items:flex-start}.header__mobile-btn{display:block;width:44px;height:44px;border:none;background:none;padding:0;cursor:pointer;position:absolute;top:18px;right:16px}.header__date-location{align-self:flex-end;font-size:20px;margin-bottom:16px;text-align:right}.header__right{display:none}.header__popup{position:absolute;top:18px;left:16px;width:343px;height:208px;border:1px solid rgba(0,0,0,.3);border-radius:10px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;z-index:1000}.header__popup-line{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.header__popup-username{font-size:20px;font-weight:700}.header__popup-avatar{width:40px;height:40px;border-radius:50%;border:1px solid #000;object-fit:cover}.header__mobile-btn{right:32px}.header__popup-add-btn{font-size:20px;font-weight:700;border:none;background:none;cursor:pointer}.header__overlay{position:fixed;inset:0;background:#0000004d;z-index:999;display:flex;justify-content:flex-start;align-items:flex-start}.header__popup-close{position:absolute;top:11px;right:11px;width:21px;height:21px;border:none;background:transparent;cursor:pointer;padding:0}.header__popup-close img{width:100%;height:100%;display:block}.header__popup-close:hover{opacity:.6}}@media (max-width: 768px){.header.header--profile-mobile{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:52px;gap:0;position:relative;z-index:20}.header.header--profile-mobile .header__left{flex-direction:row;width:100%;justify-content:flex-start;align-items:center;gap:12px}.header.header--profile-mobile .header__date-location{font-size:20px;line-height:24px;font-weight:700;padding-top:0;margin:0}.header.header--profile .header__popup{height:240px}}.toggle{display:flex;align-items:center;justify-content:center;width:56px;height:28px;position:relative;cursor:pointer;opacity:1;transition:transform .25s ease-in-out,opacity .2s ease;z-index:2}.toggle:hover{transform:scale(1.05)}.toggle__image{width:56px;height:28px;object-fit:contain;display:block;transition:all .3s ease-in-out;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1}.toggle--move .toggle__image{transform:translate(2px);transition:transform .25s ease-in-out}.main{width:100%;max-width:1440px;margin:0 auto}.clothing-section{width:100%;max-width:1440px;padding:0 40px;margin:0 auto;box-sizing:border-box}.clothing-section__subtitle{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:100%;margin:40px 0;color:#000;text-align:left}.clothing-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 768px){.main{display:flex;flex-direction:column;align-items:center;width:100%}.clothing-section{width:343px;padding:0}.clothing-section__subtitle{margin:32px 0 20px;width:340px;line-height:20px;overflow-wrap:break-word}.clothing-section__grid{grid-template-columns:repeat(2,164px);gap:16px;justify-content:center;margin:0 auto}}.weather-card-container{width:100%;justify-content:center;padding:0 40px;max-width:1440px}.weather-card{max-width:1440px;width:100%;height:80px;margin:0 auto;position:relative;overflow:hidden;border-radius:12px}.weather-card__background{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:0}.weather-card__temp{position:relative;z-index:1;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:36px;line-height:40px;color:#fff;padding:20px 0 20px 16px}@media (max-width: 768px){.weather-card-container{padding:0}.weather-card{width:100%;max-width:343px;height:80px}.weather-card__background{object-fit:cover;object-position:right center}}.item-card{width:100%;max-width:323px;height:326px;border:1px solid rgba(0,0,0,.3);border-radius:16px;position:relative;overflow:hidden;background:#fff;cursor:pointer;transition:transform .2s ease}.item-card:hover{transform:translateY(-4px)}.item-card__image{width:100%;height:100%;object-fit:cover}.item-card__label{min-width:73px;height:24px;padding:0 8px;background:#ffffffe6;border-radius:4px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:24px;text-align:center;color:#0009;white-space:nowrap}.item-card__label-row{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:2}.item-card__like-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.item-card__like-icon{width:18px;height:18px;transition:transform .2s ease}.item-card__like-btn:hover .item-card__like-icon{transform:scale(1.2)}@media (max-width: 768px){.item-card{max-width:164px;max-height:164px}.item-card__label{top:8px;font-size:16px;line-height:20px}}.profile{display:flex;align-items:flex-start;gap:80px;width:100%;padding:72px 40px}.profile__info{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.profile__user{display:flex;align-items:center;gap:20px}.profile__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.profile__username{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000}.profile__sidebar{width:250px}.profile__top{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile__actions{display:flex;flex-direction:column;gap:8px}.profile__content{flex:1}.profile__header-row{display:flex;align-items:center;padding-top:14px}.profile__title{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:100%;margin-right:20px;color:#000}.profile__add-btn{background:none;border:none;cursor:pointer;padding:0}.profile__add-icon{width:88px;height:25px;object-fit:contain}.profile__edit,.profile__logout{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:20px;cursor:pointer;color:#000}.profile__edit:hover,.profile__logout:hover{opacity:.6}.clothes-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-items:start;margin-bottom:0;padding-top:20px}.profile__sidebar-visible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.profile{display:flex;width:343px;flex-wrap:wrap;align-items:center;margin:0 0 16px 16px;padding:0;gap:40px}.profile__content{margin:0 auto;padding:0 0 24px;width:343px;height:auto}.profile__user{display:flex;align-items:stretch;gap:20px;color:#0009;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);padding:20px 0;width:343px}.profile__username{font-size:24px}.profile__info{display:flex;flex-direction:column;align-items:flex-start}.profile__info .profile__tagline{margin-top:12px;line-height:100%}.profile__info .profile__logout{margin-top:8px;line-height:100%}.clothes-section__grid{grid-template-columns:repeat(2,164px);gap:16px;margin:0 auto}.profile__header-row{justify-content:space-between;margin-top:20px}.profile__tagline,.profile__logout{display:block}.profile__sidebar-visible{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}}.sidebar{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:1440px;padding:40px 0 0 385px;box-sizing:border-box}.sidebar__row{display:flex;align-items:center;justify-content:flex-start;width:100%}.sidebar__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-right:20px}.sidebar__username{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:100%;color:#000;margin-right:166px}.sidebar__title{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:100%;color:#000;margin-right:20px}.sidebar__add-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.sidebar__add-icon{width:88px;height:25px;object-fit:contain}.clothes-section__more{margin-top:20px;background:none;border:1px solid #000;border-radius:6px;padding:8px 16px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:600;cursor:pointer;transition:background .3s}.clothes-section__empty{grid-column:1 / -1;justify-self:start;text-align:left}.clothes-section__more:hover{background:#0000000d}.clothes-section__grid{transition:all .3s ease}.item-card{transition:opacity .3s ease,transform .3s ease}.footer{width:100%;max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;padding:32px 40px;font-family:Cabinet Grotesk,sans-serif;font-weight:500;font-size:16px;line-height:20px;color:#000}.footer__left{text-align:left}.footer__right{text-align:right}@media (max-width: 768px){.footer{width:343px;margin:12px auto 32px;padding:0}}.modal__content_type_preview{width:498px;height:610px;border-radius:20px;border:1px solid rgba(0,0,0,.3);background:#fff;padding:0;display:flex;flex-direction:column;overflow:hidden;position:absolute}.modal__info{display:flex;flex-direction:column;gap:8px}.modal__caption-row{display:flex;align-items:flex-start;justify-content:space-between;margin-top:20px;padding-left:32px}.modal__delete{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;background:none;border:none;color:#ff4d00;cursor:pointer;transition:opacity .2s ease;margin-right:32px}.modal__delete:hover{opacity:.6}.modal__image{width:100%;height:498px;object-fit:cover;display:block}.modal__caption{display:flex;flex-direction:column;align-items:flex-start;padding:16px 28px 28px;box-sizing:border-box}.modal__title,.modal__weather{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px}.modal__title{margin-bottom:16px}@media (max-width: 768px){.modal__content_type_preview{width:343px;max-height:463px;height:auto;border-radius:12px;display:flex;flex-direction:column}.modal__caption-row{padding-left:20px}.modal__image{flex:0 0 auto;width:343px;height:343px;object-fit:cover}.modal__title{padding-left:0;margin-bottom:12px}.modal__caption{padding:20px}.modal__info{padding-bottom:16px;gap:0px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal__overlay{position:absolute;inset:0;background:#0000004d;z-index:1}.modal__content{position:relative;z-index:2;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:20px}.modal__fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column}.modal__fieldset legend{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;margin-bottom:12px}.modal__fieldset label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px}.modal__fieldset label span{font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;font-weight:400;color:#00000080}.modal__fieldset input[type=radio]:checked+span{color:#000;font-weight:700}.modal__fieldset input[type=radio]{accent-color:#000}.modal__content_type_add-garment{padding:24px 32px;box-sizing:border-box;width:100%;max-width:440px;margin:0 auto}.modal__content_type_add-garment .modal__label input{width:100%;margin-top:8px;font-size:16px;font-family:inherit;box-sizing:border-box}.modal__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal__title{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px}.modal__close{position:absolute;top:22px;right:30px;width:20px;height:20px;border:none;background:none;cursor:pointer}.modal__close-icon{width:16px;height:16px}.modal__form{margin:0;padding:0}.modal__label{display:flex;flex-direction:column;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;margin-bottom:24px}.modal__label input{margin-top:8px;border:none;border-bottom:1px solid #000;padding:4px 0;width:100%;box-sizing:border-box;font-family:inherit}.modal__submit{width:124px;height:36px;border:none;border-radius:4px;display:flex;justify-content:center;align-items:center;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;background:#000;color:#fff;cursor:pointer;transition:background .2s ease}.modal__submit:hover:not(:disabled){background:#0009}.modal__submit:disabled{background:#0000004d;color:#fff;cursor:not-allowed}.modal__content_type_register{width:496px;padding:28px 32px;box-sizing:border-box}.modal__content_type_register .modal__title{font-size:16px;line-height:20px;padding-left:0;margin:0}.modal__content_type_register .modal__label{font-size:12px;line-height:15px;margin-bottom:24px}.modal__content_type_register .modal__label input{padding:0;height:20px;line-height:20px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;background:transparent}.modal__actions{display:flex;align-items:center;gap:12px;margin-top:34px}.modal__switch{background:none;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;color:#00000080;cursor:pointer}.modal__switch:hover{color:#000}.modal__content_type_login{width:496px;min-height:304px;padding:28px 32px;box-sizing:border-box}.modal__content_type_login .modal__title{font-size:16px;line-height:20px;padding-left:0}.modal__content_type_login .modal__label{font-size:12px;line-height:15px;margin-bottom:24px}.modal__content_type_login .modal__label input{padding:0;height:20px;line-height:20px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;background:transparent}.modal__content_type_login .modal__close-icon,.modal__content_type_register .modal__close-icon{opacity:.7}.modal__error{color:#ff4d00;font-size:14px;margin-top:8px;margin-bottom:16px;font-family:Cabinet Grotesk,Arial,sans-serif}@media (max-width: 768px){.modal__content_type_add-garment{padding:16px;position:fixed;bottom:0;border-radius:20px 20px 0 0;width:375px;height:455px}.modal__submit{width:100%;height:44px}}.modal__content_type_delete{width:670px;height:280px;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.3);padding:40px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;box-sizing:border-box;align-items:center}.modal__close_type_delete{position:absolute;top:20px;right:24px;background:none;border:none;cursor:pointer}.modal__text-group{text-align:left;margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.modal__text-title{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px}.modal__text-sub{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;margin-bottom:12px}.modal__buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px}.modal__confirm-btn{color:#ff4d00;border:none;height:44px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;cursor:pointer;transition:opacity .2s ease}.modal__confirm-btn:hover{opacity:.8}.modal__cancel-btn{background:none;border:none;color:#000;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;height:44px;cursor:pointer;transition:opacity .2s ease}.modal__cancel-btn:hover{opacity:.6}@media (max-width: 768px){.modal__content_type_delete{width:343px;height:auto;padding:32px 24px}.modal__buttons{max-width:100%}.modal__text-group{margin-bottom:0}.modal__text-title{flex-direction:column;text-align:center;align-items:center;justify-content:center;margin:20px 0}}.modal__content_type_edit-profile{width:496px;min-height:304px;border-radius:20px;border:1px solid rgba(0,0,0,.3);background:#fff;padding:32px}.modal__content_type_edit-profile form{display:flex;flex-direction:column}.modal__content_type_edit-profile .modal__label{display:flex;flex-direction:column;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;font-weight:700}.modal__content_type_edit-profile .modal__input{margin-top:8px;border:none;border-bottom:1px solid #000;padding:4px 0;font-size:16px;outline:none}.modal__content_type_edit-profile .modal__input::placeholder{color:#0006}.modal__content_type_edit-profile .modal__submit{width:124px;height:36px;border-radius:4px;background:#000;color:#fff;border:none;cursor:pointer}.modal__content_type_edit-profile .modal__submit:hover{opacity:.8}.modal__actions{margin-top:12px}