.header{max-width:1360px;width:100%;height:40px;display:flex;align-items:center;box-sizing:border-box;font-family:Cabinet Grotesk,sans-serif}.header__brand{display:inline-flex;align-items:center;gap:24px;margin-right:auto}.header__logo{width:89px;height:40px;display:block}.header__date{font-weight:700;font-size:20px;line-height:24px;color:#000;width:160px;height:24px;margin:11px 0 5px;display:flex;align-items:center;white-space:nowrap}.header__controls{display:inline-flex;align-items:center;gap:20px;width:auto;height:28px}.header__button{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000;background:none;border:none;padding:0;cursor:pointer;width:116px;height:24px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__button:hover{opacity:.7}.header__link{font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;color:#000;background:none;border:none;cursor:pointer;padding:0;text-decoration:none;white-space:nowrap}.header__link:hover{opacity:.7}.header__profile{display:inline-flex;align-items:center;gap:12px;margin-right:0}.header__username{font-weight:700;font-size:20px;line-height:24px;color:#000;text-decoration:none;cursor:pointer;white-space:nowrap}.header__username:hover{opacity:.7}.header__avatar-wrap{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__avatar--placeholder{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e6e6e6;color:#000;font-weight:700;font-size:16px;text-transform:uppercase}.toggle-switch{position:relative;width:56px;height:28px;background-color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;border:2px solid #7e7e7e}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;width:28px;height:28px;background-color:#000;border-radius:50%;transition:transform .3s ease;z-index:1;top:50%;left:0;transform:translateY(-50%)}.toggle-switch input:checked+.slider{transform:translate(28px,-50%)}.labels{display:flex;justify-content:space-between;width:100%;position:relative;z-index:2;font-weight:700;font-size:14px}.label{position:relative;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:14px;color:#000;width:28px;height:28px;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:all}.label.active{color:#fff}.toggle-switch input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;pointer-events:none}.main{width:100%;max-width:1360px;margin:0 auto;padding:0;box-sizing:border-box;flex:1}.main__text{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-style:normal;font-size:20px;line-height:100%;letter-spacing:0;color:#000;width:330px;height:25px;display:flex;align-items:center;margin-top:40px;margin-bottom:32px;white-space:nowrap}.main__clothing-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0 0 80px;margin:0;justify-items:center}@media (max-width: 1200px){.main__clothing-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.main__clothing-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.main__clothing-list{grid-template-columns:1fr}}.weather-card{position:relative;display:flex;align-items:center;width:100%;max-width:1360px;height:80px;margin:28px auto 40px;border-radius:12px;overflow:hidden;background-color:#cfcfcf;box-sizing:border-box;font-family:Cabinet Grotesk,sans-serif}.weather-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;image-rendering:auto}.weather-card__temp{position:relative;z-index:1;margin:0;padding-left:16px;font-weight:700;font-size:36px;line-height:40px;color:#fff}.item-card{position:relative;width:328px;height:328px;background:#e9e9e9;border:1px solid #0000001a;border-radius:19px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.item-card__top{position:absolute;top:15px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;z-index:2}.item-card__label{margin:0;padding:4px 12px;background:#fff;border-radius:8px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000;white-space:nowrap}.item-card__like{all:unset;display:inline-grid;place-items:center;width:24px;height:24px;cursor:pointer}.item-card__like:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:6px}.item-card__like-icon{width:24px;height:24px;display:block}.item-card__image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-card__image{width:100%;height:100%;object-fit:cover;border-radius:16px}.footer{display:flex;justify-content:space-between;align-items:center;max-width:1360px;margin:0 auto;padding:0;font-size:16px;font-weight:500;font-family:Cabinet Grotesk,sans-serif;box-sizing:border-box;width:100%}.footer__text,.footer__year{margin:0}.profile{max-width:1360px;margin:0 auto;padding-top:38px;padding-bottom:100px;display:grid;grid-template-columns:264px 1fr;column-gap:70px;align-items:start;box-sizing:border-box}.profile>.sidebar{margin-top:-12px}.sidebar{display:flex;flex-direction:column;align-items:flex-start;padding-right:0;margin-right:0}.sidebar__user{display:flex;align-items:center;gap:16px;margin-bottom:28px}.sidebar__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}.sidebar__username{margin:0;font-weight:700;font-size:20px;line-height:24px;color:#000}.sidebar__actions{list-style:none;margin:0;padding:0;display:grid;gap:12px}.sidebar__action{padding:0;border:0;background:none;cursor:pointer;font:inherit;font-weight:700;font-size:20px;line-height:100%;color:#000;text-align:left;opacity:.8}.sidebar__action:hover{opacity:1}.sidebar__avatar--fallback{width:56px;height:56px;border-radius:50%;background:#e6e6e6;display:grid;place-items:center;font-weight:700;font-size:20px;color:#000}.clothes{width:100%}.clothes__header{display:flex;align-items:center;gap:12px;margin:4px 0 20px}.clothes__title{margin:0;font-weight:700;font-size:20px;line-height:24px;color:#000}.clothes__add{padding:0;border:0;background:none;cursor:pointer;font:inherit;font-weight:700;font-size:20px;line-height:100%;color:#000;opacity:.7}.clothes__add:hover{opacity:1}.clothes__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1100px){.clothes__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.clothes__grid{grid-template-columns:1fr}}.item-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;font-family:Cabinet Grotesk,sans-serif}.item-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:0}.item-modal__content{position:relative;z-index:1;width:498px;height:610px;background:#fff;border-radius:16px;box-shadow:0 12px 32px #00000014;overflow:hidden;display:flex;flex-direction:column}.item-modal__close{position:absolute;top:16px;right:16px;border:none;cursor:pointer;padding:0;z-index:5;background:none}.item-modal__close-icon{display:block;pointer-events:none;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #fff)}.item-modal__image-wrap{width:100%;height:498px;flex:0 0 498px;background:#f5f5f5;overflow:hidden;display:grid;place-items:center;position:relative;z-index:1}.item-modal__image{width:100%;height:100%;object-fit:contain;display:block}.item-modal__image-wrap--cover .item-modal__image{object-fit:cover;object-position:center}.item-modal__bar{flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:20px 32px 32px;background:#fff}.item-modal__top-row{display:flex;justify-content:space-between;align-items:center}.item-modal__name,.item-modal__weather{margin:0;color:#000;font-weight:700;font-size:20px;line-height:24px}.item-modal__delete{border:none;background:none;padding:0;cursor:pointer;color:#ff4d00;font-weight:700;font-size:20px;line-height:24px;font-family:Cabinet Grotesk,sans-serif;transition:opacity .15s ease}.item-modal__delete:hover{opacity:.8;text-decoration:none}.form-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;font-family:Cabinet Grotesk,sans-serif}.form-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.form-modal__content{position:relative;z-index:1;width:496px;min-height:304px;background:#fff;border-radius:20px;box-shadow:0 12px 32px #00000014;padding:28px 28px 32px;box-sizing:border-box;display:flex;flex-direction:column}.form-modal__close{position:absolute;top:16px;right:16px;background:none;border:0;padding:0;cursor:pointer}.form-modal__close-icon{width:16px;height:16px;display:block}.form-modal__title{margin:0 0 16px;color:#000;font-weight:700;font-size:20px;line-height:24px}.form-modal__form{display:flex;flex-direction:column;gap:20px}.form-modal__label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:16px;line-height:20px;color:#000}.form-modal__input{width:100%;height:28px;padding:0 0 8px;background:transparent;font-weight:400;font-size:16px;line-height:20px;color:#000;border:none;border-bottom:1px solid #000;border-radius:0;outline:none;transition:border-bottom-color .15s ease,border-bottom-width .15s ease}.form-modal__input::placeholder{color:#00000080;opacity:1}.form-modal__input:focus{border-bottom-color:#000;box-shadow:none}:root{--field-error: #ff4d00}.form-modal__label.is-invalid{color:var(--field-error);gap:8px}.form-modal__input[aria-invalid=true]{border-bottom-color:var(--field-error);border-bottom-width:2px}.form-modal__error{margin:0;font-size:12px;line-height:16px;color:var(--field-error);font-weight:700}.form-modal__actions{margin-top:8px;display:inline-flex;align-items:center;gap:12px}.form-modal__submit{margin-top:0;height:36px;padding:0 16px;border:none;border-radius:4px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;text-align:center;background:#0000004d;color:#fff;cursor:default}.form-modal__submit:not(:disabled){background:#000;color:#fff;cursor:pointer}.form-modal__submit:not(:disabled):hover{opacity:.85}.form-modal__submit:disabled{background:#0000004d;cursor:default}.form-modal__alt{background:none;border:0;padding:0;cursor:pointer;color:#00000080;font-weight:700;font-size:16px;line-height:20px;opacity:.7;transition:opacity .15s ease}.form-modal__alt:hover{opacity:1}.form-modal__form-error{margin-top:4px;color:#ff4d00;font-weight:700;font-size:14px;line-height:20px}.modal__radio-group{flex-direction:column}@media (max-width: 520px){.form-modal__content{width:min(496px,calc(100% - 32px))}}.form-modal__content--confirm{width:670px;height:280px;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:20px;box-shadow:0 12px 32px #00000014}.form-modal__title--center{text-align:center;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-style:normal;font-size:20px;line-height:24px;letter-spacing:0;color:#000;margin:0}.form-modal__subtitle{display:block;margin-top:8px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;color:#000}.form-modal__actions--stack{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.form-modal__link-danger{background:none;border:none;color:#ff4d00;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;transition:opacity .2s ease}.form-modal__link-danger:hover{opacity:.8}.form-modal__link-danger:disabled{opacity:.5;cursor:not-allowed}.form-modal__alt--dark{background:none;border:none;color:#000;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;cursor:pointer;transition:opacity .2s ease}.form-modal__alt--dark:hover{opacity:.8}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-B0QoDuRO.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-CLAvwUWO.woff) format("woff");font-weight:700;font-style:normal}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#f3f3f3;color:#000;font-family:Cabinet Grotesk,sans-serif;display:block}#root{min-height:100%;display:flex;flex-direction:column}.page{width:100%;max-width:1440px;margin:0 auto;padding:32px 40px 24px;display:flex;flex-direction:column;flex:1 0 auto}