.app{background-color:#f3f3f3;padding:0 20px;font-family:CabinetGrotesk,Arial,sans-serif;font-weight:700}.app__content{min-height:100vh;max-width:1440px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column}.footer{text-align:center;padding:10px;color:#555;display:flex;justify-content:space-between;font-size:16px}.footer__text{margin:0;font-family:CabinetGrotesk,Arial,sans-serif;font-weight:500}.footer__date{margin:0}.header{display:flex;align-items:center;padding:32px 0 28px;max-height:40px;font-size:20px}.header__logo{margin-right:24px}.header__info{display:flex;margin:0}.header__date,.header__location{margin:0}.header__add-button{margin:0 20px;border:none;background-color:transparent}.header__add-button:hover{cursor:pointer}.header__link{text-decoration:none;color:#000}.header__user{display:flex;margin:0;align-items:center;gap:12px}.header__username{margin:0}.header__avatar{width:50px;height:50px;border-radius:50%}.header__avatar:hover{cursor:pointer}.header__login-container{display:flex;gap:20px}.header__signup-button{background-color:transparent;border:none;border-radius:8px;cursor:pointer;padding:0;margin-left:20px}.header__login-button{background-color:transparent;border:none;border-radius:8px;cursor:pointer;padding:0}.switch{position:relative;width:56px;height:28px;margin-left:auto;border:2px solid #000;border-radius:20px;overflow:hidden;cursor:pointer}.switch__input{opacity:0}.switch__slider{position:absolute;left:0;width:28px;height:28px;background-color:#000;border-radius:50%;transition:.4s}.switch__slider:hover{transform:scale(1.1);transition:.4s}.switch__text{color:gray;position:absolute;font-size:14px;top:6px}.switch__text_f{left:9px;transition:.4s}.switch__text_c{right:9px;transition:.4s}.switch__input:checked~.switch__slider{transform:translate(28px)}.switch__input:not(:checked)~.switch__text_f{color:#fff}.switch__input:checked~.switch__text_c{color:#fff}.modal__content_type_image{background-color:#f0f8ff;position:relative;border-radius:16px;font-size:20px}.modal__image{border-radius:16px 16px 0 0;max-width:498px;width:100%;object-fit:cover;object-position:center;max-height:498px;height:100%}.modal__footer{padding-left:32px;display:flex;justify-content:space-between}.modal__caption{margin:0;padding:20px 0 12px}.modal__weather{margin:0;padding-bottom:32px}.modal__delete-btn{cursor:pointer;padding:20px 10px 0 0;color:#ff4d00;border:none;background-color:transparent;max-height:20px}.modal__label_error{color:red}.modal__input_error{border-bottom:1px solid red;color:red}.modal__input_error::placeholder{color:red}.modal__signup-btn{background-color:transparent;border:none}.modal__signup-btn:hover{cursor:pointer}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s .3s}.modal_open{visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s 0s}.modal__content{background:#fff;padding:28px 28px 36px;border-radius:20px;max-width:496px;width:100%;position:relative;box-sizing:border-box;font-size:16px}.modal__label{padding-top:24px;display:flex;flex-direction:column}.modal__input{display:block;border:none;border-bottom:1px solid;width:100%;padding-top:8px}.modal__close-btn{position:absolute;top:10px;right:10px;border:none;background:none;font-size:24px;cursor:pointer}.modal__title{margin:0;font-size:16px}.modal__legend{padding-top:24px;padding-bottom:12px}.modal__label_type_radio{margin:0;color:#00000080;flex-direction:row;padding:0 0 4px}.modal__label_type_radio:has(input:checked){color:#000}.modal__radio-btns{display:flex;flex-direction:column;border:none;gap:5px;padding:0 0 32px;margin:0}.modal__radio-input{margin-right:5px;accent-color:black}.modal__submit-btn{background-color:#000;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;max-width:124px}.modal__submit-btn:disabled{background-color:gray;cursor:not-allowed;opacity:.6}.modal__submit-btn:hover{background-color:#0009}.modal__error{color:#ff4d00;margin-top:5px}.modal__button-container{display:flex;gap:2px;margin-top:32px}.modal__login-btn{background-color:transparent;border:none}.modal__login-btn:hover{cursor:pointer}.modal__profile-submit-btn{background-color:#000;color:#fff;padding:10px;border:none;border-radius:4px;max-width:124px;margin-top:32px}.modal__profile-submit-btn:disabled{background-color:gray;cursor:not-allowed;opacity:.6}.modal__profile-submit-btn:hover{background-color:#0009;cursor:pointer}.weather__card{position:relative;border-radius:12px;text-align:center;display:flex;height:80px;overflow:hidden}.weather__logo{object-fit:cover;object-position:right top;width:100%}.weather__temp{margin:0;position:absolute;top:20px;left:10px;font-size:36px;line-height:40px}.item__card{position:relative;display:flex;justify-content:center;border-radius:8px;text-align:center;cursor:pointer;transition:transform .2s;width:323px}.item__card:hover{transform:scale(1.05)}.item__card-image{width:100%;object-fit:cover;border-radius:8px}.item__card-container{position:absolute;top:15px;display:flex;gap:10px}.item__card-name{border-radius:4px;margin:0;padding:2px 12px;font-size:14px;font-weight:700;background-color:#f3f3f3;font-size:16px}.item__like-button{background:transparent;border:none;cursor:pointer;padding:0;font-size:20px;transition:transform .2s ease-in-out}.item__like-button_active .item__like-button-content{content:"❤️"}.item__like-button:not(.item__like-button_active):hover .item__like-button-content:before{content:"❤️";position:absolute}.item__like-button_active:hover .item__like-button-content:before{content:"🤍";position:absolute}.main{flex-grow:1;font-size:20px}.main__items{list-style:none;display:flex;flex-wrap:wrap;gap:21px;justify-content:center;margin:0;padding:0}.main__weather-info{padding:40px 0 34px;margin:0}.profile{display:flex;gap:116px;flex-grow:1}.sidebar__profile-container{display:flex;gap:16px;margin-bottom:24px}.sidebar__button-container{display:flex;flex-direction:column;gap:8px}.sidebar__edit-button,.sidebar__logout-button{background-color:transparent;border:none;border-radius:8px;cursor:pointer}.sidebar__avatar{width:56px;height:56px;border-radius:50%;transition:transform .3s ease}.sidebar__avatar:hover{transform:scale(1.3)}.clothes-section__title-button{display:flex;align-items:center;padding-bottom:16px;gap:20px}.clothes-section__title{margin:0}.clothes-section__button{border:none;color:#0009}.clothes-section__button:hover{color:#000;cursor:pointer;transition:.4s}.clothes-section__items{display:flex;flex-wrap:wrap;gap:21px;padding:0;margin:0}.modal__content_type_delete{background-color:#fff;border-radius:20px;position:relative;max-width:670px;width:100%;max-height:280px;height:100%;font-weight:700}.modal__delete-container{display:flex;flex-direction:column;align-items:center;padding:80px}.modal__close-btn{position:absolute;top:22px;right:22px;border:none;background-color:transparent;cursor:pointer}.modal__delete-message,.modal__delete-message-name{margin:0}.modal__delete-actions{display:flex;gap:24px;flex-direction:column}.modal__delete-cancel-btn{border:none;background-color:transparent;color:#000;padding:10px;border-radius:4px;cursor:pointer;max-width:124px}/*! 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}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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:CabinetGrotesk;font-weight:500;font-display:swap;font-style:normal;src:url(/assets/CabinetGrotesk-Medium-DHJjXo9b.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-weight:700;font-display:swap;font-style:normal;src:url(/assets/CabinetGrotesk-Bold-BAQZSB8G.otf) format("opentype")}