.toggle-switch{position:relative;width:56px;height:28px;border:2px solid #7e7e7e;border-radius:20px;background:#fff;overflow:visible;display:flex;align-items:center;justify-content:space-between;padding:0 9px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease-in-out}.toggle-switch__checkbox{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.toggle-switch__circle{position:absolute;top:-2px;left:-2px;width:28px;height:28px;border-radius:50%;background:#000;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.toggle-switch__text{position:relative;z-index:1;font-size:14px;line-height:14px;font-weight:700;color:#7e7e7e;transition:color .2s ease-in-out}.toggle-switch__text_f{color:#fff}.toggle-switch__checkbox:checked~.toggle-switch__circle{transform:translate(28px)}.toggle-switch__checkbox:checked~.toggle-switch__text_f{color:#7e7e7e}.toggle-switch__checkbox:checked~.toggle-switch__text_c{color:#fff}.toggle-switch:hover{border-color:#000}.toggle-switch:hover .toggle-switch__text{color:#000}.toggle-switch:hover .toggle-switch__checkbox:not(:checked)~.toggle-switch__circle{transform:translate(2px);box-shadow:-2px 0 #000}.toggle-switch:hover .toggle-switch__checkbox:checked~.toggle-switch__circle{transform:translate(26px);box-shadow:2px 0 #000}.toggle-switch:hover .toggle-switch__checkbox:not(:checked)~.toggle-switch__text_f,.toggle-switch:hover .toggle-switch__checkbox:checked~.toggle-switch__text_c{color:#fff}.header{display:flex;align-items:center;padding:32px 40px 28px;background:#f3f3f3}.header__nav{display:flex;align-items:center;width:100%}.header__left{display:flex;align-items:baseline;gap:24px}.header__logo{margin:0;font-size:32px;line-height:1;font-weight:700;text-transform:lowercase;letter-spacing:-.02em}.header__logo-link{display:inline-flex;align-items:baseline;color:inherit;text-decoration:none}.header__logo-link:hover{opacity:.8}.header__date-location{margin:0;font-size:20px;line-height:1.2;font-weight:700}.header__right{margin-left:auto;display:flex;align-items:center;gap:20px}.header__add-button{border:none;background:transparent;padding:0;margin:0;font-size:20px;line-height:1.2;font-weight:700;cursor:pointer}.header__add-button:hover{opacity:.85}.header__add-button:active{transform:scale(.99)}.header__username{margin:0;font-size:20px;line-height:1.2;font-weight:700}.header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__avatar_placeholder{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:16px;font-weight:700;line-height:1;text-transform:uppercase}.header__profile-link{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.header__profile-link:hover{opacity:.8}.header__auth-actions{display:flex;align-items:center;gap:12px}.header__auth-button{min-width:96px;border-radius:999px;padding:10px 16px;font-size:16px;line-height:1;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.header__auth-button_type_secondary{border:1px solid #000;background:transparent;color:#000}.header__auth-button_type_secondary:hover{background:#00000014}.header__auth-button_type_primary{border:1px solid #000;background:#000;color:#fff}.header__auth-button_type_primary:hover{background:#545454}@media screen and (max-width: 768px){.header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 16px}.header__left{gap:12px}.header__right{margin-left:0;gap:12px;flex-wrap:wrap}.header__auth-actions{gap:8px}.header__nav{flex-direction:column;align-items:flex-start;gap:16px}.header__logo,.header__date-location,.header__add-button,.header__username,.header__auth-button{font-size:16px}}.main{padding:0 40px}.main__title{margin:0 0 34px;font-size:20px}.main__section{margin-top:40px}.main__items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:0;list-style:none}.main__items_gap_171{margin-bottom:171px}.main__items_gap_85{margin-bottom:85px}@media screen and (max-width: 1280px){.main{padding:0 24px}.main__items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width: 1024px){.main__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 768px){.main{padding:0 16px}.main__items{grid-template-columns:1fr;gap:12px}.main__items_gap_171,.main__items_gap_85{margin-bottom:24px}}.weather-card{height:80px;border-radius:12px;display:flex;align-items:center;padding-left:16px;color:#fff;font-weight:700;background-size:cover;background-position:center;background-repeat:no-repeat}.weather-card__temp{font-size:32px;margin:0}.item-card{position:relative;width:100%;height:328px;background:#e9e9e9;border:1px solid rgba(0,0,0,.2);border-radius:20px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.item-card:hover{border-color:#00000073}.item-card__image{width:100%;height:100%;object-fit:cover;display:block}.item-card__name{position:absolute;top:12px;left:50%;transform:translate(-50%);margin:0;padding:2px 12px;background:#fff;border-radius:4px;font-size:16px;font-weight:700;line-height:20px}.item-card__like-button{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffeb;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.item-card__like-button:hover{transform:scale(1.05);background:#fff}.item-card__like-button_active{background:#fffffffa}.item-card__like-icon{width:20px;height:20px;display:block}.profile{padding:24px 40px;display:flex;align-items:flex-start;gap:24px}@media screen and (max-width: 900px){.profile{padding:20px 16px;flex-direction:column;gap:16px}}.sidebar{width:230px;display:flex;align-items:center;gap:16px}.sidebar__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.sidebar__avatar_placeholder{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:20px;font-weight:700;line-height:1;text-transform:uppercase}.sidebar__name{margin:0;font-size:20px;font-weight:700;line-height:1.2}.sidebar__content{display:grid;gap:12px}.sidebar__actions{display:flex;flex-direction:column;gap:8px}.sidebar__button{border-radius:999px;padding:10px 16px;font-size:14px;line-height:1;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.sidebar__button_type_primary{border:1px solid #000;background:#000;color:#fff}.sidebar__button_type_primary:hover{background:#545454}.sidebar__button_type_secondary{border:1px solid #000;background:transparent;color:#000}.sidebar__button_type_secondary:hover{background:#00000014}@media screen and (max-width: 900px){.sidebar{width:100%}}.clothes-section{flex:1}.clothes-section__top{display:flex;align-items:baseline;gap:20px;margin-bottom:16px}.clothes-section__title{margin:0;font-size:20px;font-weight:700;line-height:1.2}.clothes-section__add-new{border:none;padding:0;margin:0;background:transparent;color:#000;font-size:20px;font-weight:700;line-height:1.2;cursor:pointer;opacity:.7}.clothes-section__add-new:hover{opacity:1}.clothes-section__items{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.clothes-section__items_gap_171{margin-bottom:171px}.clothes-section__items_gap_85{margin-bottom:85px}@media screen and (max-width: 1280px){.clothes-section__items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width: 900px){.clothes-section__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 640px){.clothes-section__items{grid-template-columns:1fr}.clothes-section__items_gap_171,.clothes-section__items_gap_85{margin-bottom:24px}}.footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding:0 40px 24px;font-size:16px;line-height:20px;font-weight:500;color:#000}.footer__developer,.footer__year{margin:0}@media screen and (max-width: 768px){.footer{padding:48px 16px 24px;font-size:14px;line-height:18px}}.modal_type_preview .modal__content{width:498px;max-width:calc(100% - 32px);padding:0;border-radius:16px;overflow:hidden}.modal_type_preview .modal__close{top:12px;right:12px;width:24px;height:24px;background:transparent;border-radius:0;z-index:1}.modal_type_preview .modal__close:before{content:"×";color:#fff;font-size:18px;line-height:24px;font-weight:700}.modal_type_preview .modal__image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.modal_type_preview .modal__caption{padding:20px 32px 24px}.modal_type_preview .modal__caption-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal_type_preview .modal__title{margin:0;font-size:20px;line-height:1.2;font-weight:700}.modal_type_preview .modal__weather{margin:12px 0 0;font-size:20px;line-height:1.2;font-weight:700}.modal_type_preview .modal__delete-button{border:none;background:transparent;padding:0;margin:0;font-size:20px;line-height:1.2;font-weight:700;color:#ff4d00;cursor:pointer}.modal_type_preview .modal__delete-button:hover{opacity:.75}@media screen and (max-width: 480px){.modal_type_preview .modal__content{max-width:calc(100% - 16px)}.modal_type_preview .modal__caption{padding:16px}.modal_type_preview .modal__title,.modal_type_preview .modal__weather,.modal_type_preview .modal__delete-button{font-size:18px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;visibility:hidden;opacity:0;pointer-events:none}.modal_is-opened{visibility:visible;opacity:1;pointer-events:auto}.modal__content{width:360px;max-width:calc(100% - 32px);background:#fff;border-radius:12px;padding:20px;position:relative}.modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#eee;border-radius:50%;cursor:pointer}.modal__close:hover{opacity:.75}.modal__close:before{content:"×";display:block;font-size:16px;line-height:32px;text-align:center}.modal__title{margin:0 0 16px}.modal__form{display:grid;gap:12px}.modal__actions{display:flex;align-items:center;gap:24px;margin-top:8px}.modal__submit{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:auto;min-width:132px;height:50px;padding:0 28px;border:none;border-radius:4px;font-size:16px;font-weight:700;background-color:#000;color:#fff;cursor:pointer;transition:background-color .2s ease}.modal__submit:disabled{background-color:#e5e5e5;cursor:not-allowed}.modal__submit:enabled:hover{background-color:#2b2b2b}.modal__secondary-button{border:none;background:transparent;padding:0;color:#7f7f7f;font-size:16px;font-weight:500;cursor:pointer;text-align:left}.modal__secondary-button:hover{color:#5f5f5f}@media screen and (max-width: 480px){.modal__content{width:calc(100% - 32px);margin:0 16px;padding:16px}.modal__actions{flex-wrap:wrap}}.modal_type_add-garment .modal__content{width:496px;max-width:calc(100% - 40px);padding:28px;border-radius:20px}.modal_type_add-garment .modal__title{margin:0 0 24px;font-size:20px;font-weight:700}.modal_type_add-garment .modal__form{gap:24px}.add-item__label{display:grid;gap:10px;font-size:16px;font-weight:700;color:#000}.add-item__input{border:none;border-bottom:1px solid #000;padding:0 0 8px;font-size:16px;font-weight:500;outline:none}.add-item__input_invalid{border-bottom-color:#d70015}.add-item__input::placeholder{color:#00000080;font-weight:500}.add-item__fieldset{border:none;padding:0;margin:0;display:grid;gap:12px}.add-item__legend{padding:0;margin:0 0 12px;font-size:16px;font-weight:700;color:#000}.add-item__radio-label{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:#00000080}.add-item__radio-label:has(.add-item__radio:checked){color:#000;font-weight:700}.add-item__radio{width:16px;height:16px;margin:0}.add-item__error{color:#d70015;font-size:14px;font-weight:500}.modal_type_add-garment .modal__submit{width:160px;height:44px;border:none;border-radius:4px;font-size:16px;font-weight:700;color:#fff;background:#000;cursor:pointer;transition:background-color .2s ease}.modal_type_add-garment .modal__submit:disabled{background:#bdbdbd;cursor:default}.modal_type_add-garment .modal__submit{justify-self:start}.modal_type_add-garment .modal__submit:enabled:hover{background:#545454}@media screen and (max-width: 520px){.modal_type_add-garment .modal__content{width:calc(100% - 32px);max-width:none;padding:20px;border-radius:16px}}.modal_type_confirm-delete .modal__content{width:670px;max-width:calc(100% - 32px);padding:60px 20px;border-radius:20px;display:grid;justify-items:center}.modal_type_confirm-delete .modal__close{top:20px;right:20px;width:24px;height:24px;border:none;border-radius:0;background:transparent}.modal_type_confirm-delete .modal__close:hover{opacity:.7}.modal_type_confirm-delete .modal__close:before{content:"×";display:block;color:#b4b4b4;font-size:26px;line-height:24px;text-align:center}.confirm-modal__text{margin:0;text-align:center;font-size:20px;font-weight:700;line-height:1.2}.confirm-modal__subtext{margin:8px 0 0;text-align:center;font-size:20px;font-weight:700;line-height:1.2}.confirm-modal__button{border:none;background:transparent;padding:0;cursor:pointer;font-size:20px;font-weight:700;line-height:1.2}.confirm-modal__button_type_delete{margin-top:40px;color:#ff4d00}.confirm-modal__button_type_delete:hover{opacity:.75}.confirm-modal__button_type_cancel{margin-top:24px;color:#000}.confirm-modal__button_type_cancel:hover{opacity:.7}@media screen and (max-width: 560px){.modal_type_confirm-delete .modal__content{max-width:calc(100% - 16px);padding:52px 16px 32px;border-radius:16px}.confirm-modal__text,.confirm-modal__subtext,.confirm-modal__button{font-size:18px}}.modal_type_register .modal__content{width:496px;max-width:calc(100% - 40px);padding:28px;border-radius:20px}.modal_type_register .modal__title{margin:0 0 24px;font-size:20px;font-weight:700}.modal_type_register .modal__form{gap:24px}.modal_type_register .modal__submit{border:none;border-radius:4px;font-size:16px;font-weight:700}@media screen and (max-width: 520px){.modal_type_register .modal__content{width:calc(100% - 32px);max-width:none;padding:20px;border-radius:16px}}.modal_type_login .modal__content{width:440px;max-width:calc(100% - 40px);padding:28px;border-radius:20px}.modal_type_login .modal__title{margin:0 0 24px;font-size:20px;font-weight:700}.modal_type_login .modal__form{gap:24px}.modal_type_login .modal__submit{border:none;border-radius:4px;font-size:16px;font-weight:700}@media screen and (max-width: 520px){.modal_type_login .modal__content{width:calc(100% - 32px);max-width:none;padding:20px;border-radius:16px}}.modal_type_edit-profile .modal__content{width:440px;max-width:calc(100% - 40px);padding:28px;border-radius:20px}.modal_type_edit-profile .modal__title{margin:0 0 24px;font-size:20px;font-weight:700}.modal_type_edit-profile .modal__form{gap:24px}.auth-modal__label{display:grid;gap:10px;font-size:16px;font-weight:700;color:#000}.auth-modal__input{border:none;border-bottom:1px solid #000;padding:0 0 8px;font-size:16px;font-weight:500;outline:none}.auth-modal__input_invalid{border-bottom-color:#d70015}.auth-modal__input::placeholder{color:#00000080;font-weight:500}.auth-modal__error{color:#d70015;font-size:14px;font-weight:500}.modal_type_edit-profile .modal__submit{width:100%;border:none;border-radius:4px;font-size:16px;font-weight:700;color:#fff;background:#000;cursor:pointer;transition:background-color .2s ease}.modal_type_edit-profile .modal__submit:disabled{background:#bdbdbd;cursor:default}.modal_type_edit-profile .modal__submit:enabled:hover{background:#545454}@media screen and (max-width: 520px){.modal_type_edit-profile .modal__content{width:calc(100% - 32px);max-width:none;padding:20px;border-radius:16px}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:Cabinet Grotesk;src:local("Cabinet Grotesk Medium"),local("CabinetGrotesk-Medium"),local("Cabinet Grotesk");font-weight:500;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:local("Cabinet Grotesk Bold"),local("CabinetGrotesk-Bold"),local("Cabinet Grotesk");font-weight:700;font-style:normal}*{box-sizing:border-box}:root{--font-family-ui: "Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--ui-text-style-2-size: 16px;--ui-text-style-2-line-height: 20px;--ui-text-style-2-weight: 500}body{margin:0;font-family:var(--font-family-ui);font-size:var(--ui-text-style-2-size);line-height:var(--ui-text-style-2-line-height);font-weight:var(--ui-text-style-2-weight);color:#000;background:#f3f3f3}.app{width:100%;min-height:100vh;max-width:1360px;margin:0 auto;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap}