.page{width:100%;display:flex;justify-content:center;align-items:flex-start}.app-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:1360px;box-sizing:border-box;margin:32px 40px 24px;padding:0}@media screen and (max-width: 1440px){.app-wrapper{margin:24px 32px 20px}}@media screen and (max-width: 768px){.app-wrapper{margin:16px 20px 12px}}@media screen and (max-width: 480px){.app-wrapper{margin:12px 16px 8px}}@media screen and (max-width: 320px){.app-wrapper{margin:8px 12px 6px}}.home-page,.profile-page{width:100%;display:flex;flex-direction:column;align-items:center}.header{box-sizing:border-box;min-height:40px;display:flex;align-items:center;justify-content:space-between;background:transparent;width:100%;height:40px;margin-bottom:28px;position:relative;z-index:1;gap:20px}.header__left{display:flex;align-items:center;flex-shrink:0}.header__logo{width:89px;height:40px;object-fit:contain;flex-shrink:0}.header__date-location{margin-left:24px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__right{display:flex;align-items:center;gap:20px;flex-shrink:0}@media screen and (max-width: 1200px){.header__right{gap:16px}.header__date-location{margin-left:16px;font-size:18px}}@media screen and (max-width: 768px){.header{gap:12px;margin-bottom:20px}.header__right{gap:12px}.header__date-location{margin-left:12px;font-size:16px}.header__logo{width:70px;height:32px}.header__add-clothes,.header__user-name,.header__auth-btn{font-size:18px}}@media screen and (max-width: 480px){.header{gap:8px;margin-bottom:16px}.header__right{gap:8px}.header__date-location{margin-left:8px;font-size:14px;display:none}.header__logo{width:60px;height:28px}.header__add-clothes{font-size:16px}.header__user-name{font-size:16px;display:none}.header__auth-btn{font-size:16px}.header__profile-photo,.header__avatar-placeholder{width:32px;height:32px;font-size:16px}}.header__add-clothes{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;background:none;border:none;cursor:pointer;color:inherit}.header__user-name{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0}.header__profile-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#2f80ed;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px}.header__profile-link{display:flex;align-items:center;text-decoration:none;color:inherit;gap:12px}.header__profile-link:hover{opacity:.8}.header__auth-btn{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;background:none;border:none;cursor:pointer;color:inherit;padding:0;transition:opacity .2s ease}.header__auth-btn:hover{opacity:.7}.temperature-toggle{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.temperature-toggle__container{position:relative;cursor:pointer}.temperature-toggle__input{opacity:0;position:absolute}.temperature-toggle__track{width:52px;height:24px;background-color:#ffffff4d;border-radius:20px;border:2px solid #7e7e7e;position:relative}.temperature-toggle__option{font-family:Cabinet Grotesk;font-weight:700;font-size:14px;line-height:100%;position:absolute;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:3;top:-2px}.temperature-toggle__option_fahrenheit{left:-2px;color:#fff}.temperature-toggle__option_celsius{right:-2px;color:#00000080}.temperature-toggle__selector{position:absolute;width:28px;height:28px;background-color:#000;border-radius:50%;left:-2px;top:-2px;transition:transform .3s ease;z-index:2}.temperature-toggle__input:checked+.temperature-toggle__track .temperature-toggle__selector{transform:translate(28px)}.temperature-toggle__input:checked+.temperature-toggle__track .temperature-toggle__option_fahrenheit{color:#00000080}.temperature-toggle__input:checked+.temperature-toggle__track .temperature-toggle__option_celsius{color:#fff}.temperature-toggle__container:hover .temperature-toggle__track{border-color:#000}.temperature-toggle__container:hover .temperature-toggle__option_fahrenheit{color:#fff}.temperature-toggle__container:hover .temperature-toggle__option_celsius{color:#000}.temperature-toggle__input:checked+.temperature-toggle__track:hover .temperature-toggle__option_fahrenheit{color:#000}.temperature-toggle__input:checked+.temperature-toggle__track:hover .temperature-toggle__option_celsius{color:#fff}.footer{width:100%;background:transparent;position:static;left:unset;bottom:unset;display:flex;justify-content:center;align-items:flex-end;z-index:0}.footer__content{width:100%;max-width:100vw;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.footer__developer,.footer__year{font-family:Cabinet Grotesk,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0}@media screen and (max-width: 768px){.footer__content{flex-direction:column;gap:8px;text-align:center}.footer__developer,.footer__year{font-size:14px}}@media screen and (max-width: 480px){.footer__developer,.footer__year{font-size:12px}}.main__title{width:100%;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-style:normal;font-size:20px;line-height:100%;letter-spacing:0;margin-bottom:14px}.main{flex:1;background:transparent;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;width:100%;box-sizing:border-box;margin-bottom:85px}.main__empty-state{width:100%;text-align:center;margin-top:24px;color:#888}@media screen and (max-width: 768px){.main{gap:16px;justify-content:center;margin-bottom:60px}.main__title{font-size:18px;margin-bottom:12px}}@media screen and (max-width: 480px){.main{gap:12px;margin-bottom:40px}.main__title{font-size:16px;margin-bottom:10px}}.item-card{width:325px;height:328px;border-radius:20px;cursor:pointer;transition:box-shadow .2s;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}@media screen and (max-width: 768px){.item-card{width:280px;height:280px;border-radius:16px}}@media screen and (max-width: 480px){.item-card{width:250px;height:250px;border-radius:12px}.item-card__name{font-size:14px;line-height:18px}}@media screen and (max-width: 320px){.item-card{width:100%;max-width:220px;height:220px}}.item-card:hover{box-shadow:0 2px 8px #00000026}.item-card__header{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.item-card__name-wrapper{background:#fff;border-radius:4px;padding:2px 12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000014}.item-card__name{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:20px;letter-spacing:0;color:#0009;background:transparent;border-radius:4px;padding:0}.item-card__like-btn{width:18px;height:15px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.item-card__like-btn:hover{transform:scale(1.2);opacity:.8}.item-card__like-btn_active{opacity:1}.item-card__like-icon{width:18px;height:15px;object-fit:contain}.weather-card{width:100%;height:80px;display:flex;align-items:center;background:url("data:image/svg+xml,%3csvg%20width='1360'%20height='80'%20viewBox='0%200%201360%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='1360'%20height='80'%20rx='12'%20fill='%2300A3FF'/%3e%3cmask%20id='mask0_568_305'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1360'%20height='80'%3e%3crect%20width='1360'%20height='80'%20rx='12'%20fill='%2300A3FF'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_568_305)'%3e%3ccircle%20cx='1344'%20cy='20'%20r='30'%20fill='%23FFE600'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1238.22%2052.0106C1241.61%2028.2594%201262.04%2010%201286.73%2010C1302.81%2010%201317.09%2017.7519%201326.02%2029.7239C1329.88%2028.4864%201334%2027.8182%201338.27%2027.8182C1360.41%2027.8182%201378.36%2045.7675%201378.36%2067.9091C1378.36%2090.0507%201360.41%20108%201338.27%20108H1286.73H1239H1235.18V107.742C1221.52%20105.88%201211%2094.1688%201211%2080C1211%2064.7962%201223.12%2052.4227%201238.22%2052.0106Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") right center/cover no-repeat,#fff;border-radius:8px;box-sizing:border-box;margin-bottom:40px}.weather-card__temp{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:36px;line-height:40px;letter-spacing:0;color:#fff;background:transparent;vertical-align:middle;padding:0 24px;border-radius:8px;display:flex;align-items:center}@media screen and (max-width: 768px){.weather-card{height:70px;margin-bottom:32px}.weather-card__temp{font-size:32px;line-height:36px;padding:0 20px}}@media screen and (max-width: 480px){.weather-card{height:60px;margin-bottom:24px}.weather-card__temp{font-size:28px;line-height:32px;padding:0 16px}}.profile{display:flex;width:100%;gap:20px;box-sizing:border-box;margin-bottom:85px}.profile__sidebar{min-width:200px;flex-shrink:0}.profile__clothing-section{flex:1}@media screen and (max-width: 768px){.profile{flex-direction:column;gap:16px;align-items:center;margin-bottom:60px}.profile__sidebar{min-width:unset;width:100%;max-width:400px}.profile__clothing-section{width:100%}}@media screen and (max-width: 480px){.profile{gap:12px;margin-bottom:40px}.profile__sidebar{max-width:100%}}.sidebar{display:flex;flex-direction:column;align-items:flex-start;width:229px;opacity:1;gap:20px;box-sizing:border-box}.sidebar__user-info{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%}.sidebar__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar__avatar-placeholder{width:56px;height:56px;border-radius:50%;background-color:#2f80ed;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:24px;line-height:28px;flex-shrink:0}.sidebar__username{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0;margin:0;color:#000}.sidebar__buttons{display:flex;flex-direction:column;gap:12px;width:100%}.sidebar__btn{width:171px;height:25px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0;background:none;border:none;cursor:pointer;color:#000;padding:0;transition:opacity .2s ease;text-align:left}.sidebar__btn:hover{opacity:.7}@media screen and (max-width: 768px){.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.sidebar__user-info{flex:1}.sidebar__avatar{width:32px;height:32px}.sidebar__username{font-size:18px;line-height:22px}.sidebar__buttons{flex-direction:row;gap:8px;width:auto}.sidebar__btn{width:auto;height:auto;padding:8px 12px;font-size:14px}}.clothes-section{flex:1;width:100%}.clothes-section__header{display:flex;align-items:center;gap:20px;margin-bottom:14px}.clothes-section__title{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:100%;margin:0;color:inherit}.clothes-section__add-button{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;background:none;border:none;cursor:pointer;color:#0009;padding:0}.clothes-section__add-button:hover{opacity:.8}.clothes-section__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));gap:20px}.clothes-section__empty{font-family:Cabinet Grotesk,sans-serif;font-size:16px;color:#fff9;text-align:center;margin-top:40px}@media screen and (max-width: 768px){.clothes-section__header{flex-direction:column;align-items:flex-start;gap:12px}.clothes-section__items{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.clothes-section__title,.clothes-section__add-button{font-size:18px;line-height:22px}}@media screen and (max-width: 480px){.clothes-section__items{grid-template-columns:1fr;gap:12px}}.modal-with-form{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal__content{background:#fff;position:relative;width:496px;height:436px;box-shadow:0 2px 16px #0000001a;display:flex;flex-direction:column;align-items:flex-start;padding:28px 28px 36px;border:1px solid rgba(0,0,0,.3);border-radius:20px;box-sizing:border-box}.modal__close{font-size:20px;font-weight:700;position:absolute;top:20px;right:28px;width:20px;height:20px;background:none;border:none;cursor:pointer;opacity:.3;transition:opacity .2s}.modal__close:hover{opacity:.6}.modal__title{margin:0 0 24px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000}.modal__form{display:flex;flex-direction:column;gap:24px;width:100%}.modal__input-group{display:flex;flex-direction:column;gap:8px}.modal__label{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000}.modal__input{width:440px;height:24px;border:none;border-bottom:1px solid #000;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#00000080;box-sizing:border-box}.modal__input::placeholder{color:#0000004d}.modal__input:focus{outline:none;color:#000}.modal__image-input-wrapper{position:relative;display:flex;align-items:center}.modal__input--with-button{padding-right:120px}.modal__input--error{border-bottom:1px solid #ff4d00}.modal__upload-switch-btn{position:absolute;right:0;background:none;border:none;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:14px;color:#00000080;text-decoration:underline;transition:color .2s;padding:4px 8px}.modal__upload-switch-btn:hover{color:#000}.modal__file-input-wrapper{display:flex;flex-direction:column;gap:8px}.modal__file-input{display:none}.modal__file-input-plain{width:440px;height:32px;border:none;border-bottom:1px solid #000;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#00000080;box-sizing:border-box;padding:4px 0;background:transparent}.modal__file-input-plain:focus{outline:none;color:#000}.modal__file-input-label{display:inline-block;padding:12px 16px;background:#f4f4f4;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:14px;color:#333;transition:background-color .2s;text-align:center;min-height:20px;box-sizing:border-box}.modal__file-input-label:hover{background:#eee}.modal__url-switch-link{background:none;border:none;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:14px;color:#00000080;text-decoration:underline;transition:color .2s;padding:0;align-self:flex-start}.modal__url-switch-link:hover{color:#000}.modal__file-selected{font-size:14px;color:#666;font-style:italic}.modal__weather-group{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.modal__weather-options{display:flex;flex-direction:column;gap:8px}.modal__weather-row{display:flex;align-items:center;gap:10px}.modal__weather-btn{width:16px;height:16px;border-radius:50%;border:1px solid #000;background:#fff;margin:0;padding:0;cursor:pointer;position:relative;transition:border-color .2s}.modal__weather-btn.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#000}.modal__weather-text{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#00000080;text-transform:capitalize}.modal__weather-btn.selected+.modal__weather-text{color:#000}.modal__submit{align-self:flex-start;border-radius:4px;border:none;background:#0000004d;color:#fff;font-family:Cabinet Grotesk,sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:20px;letter-spacing:0%;cursor:not-allowed;padding:8px 16px;box-sizing:border-box;transition:background .2s}.modal__submit:not(:disabled){background:#000;cursor:pointer}.modal__submit:hover:not(:disabled){background:#000c}.modal__error{color:#ff4d00;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;margin-left:8px}.modal__redirect{margin-top:16px;text-align:center;display:flex;align-items:center;gap:12px}.modal__redirect-btn{background:none;border:none;color:#0009;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0;text-decoration:none;padding:0;transition:color .2s}.modal__redirect-btn:hover{color:#000c}.modal_type_edit-profile .modal__content{height:304px}.modal_type_register .modal__content{width:496px;height:456px}.modal_type_login .modal__content{width:496px;height:304px}@media screen and (max-width: 768px){.modal__content{width:90vw;max-width:400px;height:auto;min-height:300px;margin:20px;padding:24px 20px 28px}.modal__input{width:100%;font-size:14px}.modal__title{font-size:18px;margin-bottom:20px}.modal__close{right:20px;top:16px}.modal_type_register .modal__content,.modal_type_login .modal__content{width:90vw;max-width:400px;height:auto}}@media screen and (max-width: 480px){.modal__content{width:95vw;max-width:320px;padding:20px 16px 24px;margin:16px}.modal__title{font-size:16px;margin-bottom:16px}.modal__input,.modal__weather-text,.modal__label{font-size:14px}.modal__submit{font-size:14px;padding:8px 12px}.modal__close{right:16px;top:12px;font-size:18px}}.item-details__info{display:flex;flex-direction:column;gap:12px;margin-left:32px;margin-right:32px;margin-top:20px;width:calc(100% - 64px)}.item-details__name-row{display:flex;justify-content:space-between;align-items:center;width:100%}.item-details__name{margin:0;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0;flex-shrink:0}.item-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.item-modal__content{background:#fff;border-radius:16px;width:498px;height:610px;box-shadow:0 4px 32px #0000002e;position:relative;display:flex;flex-direction:column;align-items:flex-start;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0}.close-btn{position:absolute;top:24px;right:24px;width:20px;height:20px;background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.7023%203.70711C18.0929%203.31658%2018.0929%202.68342%2017.7023%202.29289C17.3118%201.90237%2016.6787%201.90237%2016.2881%202.29289L9.99805%208.58298L3.70796%202.29289C3.31744%201.90237%202.68427%201.90237%202.29375%202.29289C1.90322%202.68342%201.90322%203.31658%202.29375%203.70711L8.58383%209.99719L2.29289%2016.2881C1.90237%2016.6787%201.90237%2017.3118%202.29289%2017.7023C2.68342%2018.0929%203.31658%2018.0929%203.70711%2017.7023L9.99805%2011.4114L16.289%2017.7023C16.6795%2018.0929%2017.3127%2018.0929%2017.7032%2017.7023C18.0937%2017.3118%2018.0937%2016.6787%2017.7032%2016.2881L11.4123%209.99719L17.7023%203.70711Z'%20fill='white'/%3e%3c/svg%3e") center/cover no-repeat;border:none;cursor:pointer;opacity:1;transition:filter .2s}.close-btn:hover{filter:brightness(.7)}.item-details{width:100%;display:flex;flex-direction:column;align-items:flex-start}.item-details__image{width:498px;height:498px;object-fit:cover;border-radius:16px 16px 0 0;align-self:center}.item-details__weather{margin:0;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0;color:#555}.item-details__delete-btn{background:none;border:none;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#ff4d00;cursor:pointer;padding:0;transition:opacity .2s;flex-shrink:0}.item-details__delete-btn:hover{opacity:.8}.delete-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1001}.delete-modal__content{background:#fff;border-radius:20px;width:670px;height:280px;box-shadow:0 2px 16px #0000001a;border:1px solid rgba(0,0,0,.3);position:relative;box-sizing:border-box}.delete-modal__close-btn{font-size:20px;font-weight:700;position:absolute;top:20px;right:28px;width:20px;height:20px;background:none;border:none;cursor:pointer;opacity:.3;transition:opacity .2s}.delete-modal__close-btn:hover{opacity:.6}.delete-modal__body{display:flex;flex-direction:column;align-items:center;text-align:center}.delete-modal__title{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;text-align:center;padding-top:60px;margin:0 0 40px;color:#000}.delete-modal__buttons{display:flex;flex-direction:column;gap:24px;width:100%}.delete-modal__confirm-btn{background:none;color:#ff4d00;border:none;padding:0;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;cursor:pointer;transition:opacity .2s}.delete-modal__confirm-btn:hover{opacity:.7}.delete-modal__cancel-btn{background:none;color:#000;border:none;padding:0;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;cursor:pointer;transition:opacity .2s}.delete-modal__cancel-btn:hover{opacity:.6}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-BAQZSB8G.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-DHJjXo9b.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Regular-D9cmwbIg.otf) format("opentype");font-weight:400;font-style:normal}html{width:100%;height:100%}body{margin:0;padding:0;width:100%;min-height:100vh;box-sizing:border-box;background-color:#f3f3f3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#root{width:100%;display:flex;flex-direction:column;align-items:center}