.app{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.app__content{max-width:1360px;width:100%;margin:0 auto;padding:0 40px;flex:1}.header{display:flex;align-items:center;padding:32px 0 38px}.header__logo{margin-right:24px}.header__date-location{margin:0;font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;line-height:24px}.header__user-container{display:flex;align-items:center;gap:12px;font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;line-height:24px;margin:0 20px 0 auto}.header__add-clothes-btn{border:none;background-color:#fff;font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;line-height:24px;padding:0}.header__link{display:flex;align-items:center;flex-direction:row;text-decoration:none;color:#000}.header__username{margin-right:12px}.header__avatar{width:40px;height:40px;border-radius:50%}.switch{display:flex;position:relative;align-items:center}.switch__box{border-radius:25px;border:2px solid rgba(126,126,126,1);width:56px;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.switch__box:hover{border:2px solid rgba(0,0,0,1)}.switch__box:hover~.switch__temp-F{color:#000}.switch__slider{border-radius:20px;width:28px;height:28px;background-color:#000;color:#fff;text-align:center;cursor:pointer;position:absolute}.switch__slider-F{top:auto;left:30px}.switch__slider-C{top:auto;left:auto}.switch__active{color:#fff!important}.switch__temp-F{position:absolute;margin:0;left:40px;top:3px;color:#7e7e7e;font-family:Cabinet Grotesk Bold;font-size:14px;font-weight:700}.switch__temp-C{position:absolute;margin:0;left:8px;top:3px;color:#7e7e7e;font-family:Cabinet Grotesk Bold;font-size:14px;font-weight:700}.weather-card{position:relative;display:flex;height:80px;border-radius:12px;overflow:hidden}.weather-card__image{width:100%;object-fit:cover;object-position:right top}.weather-card__temp{color:#fff;font-family:Cabinet Grotesk Bold;font-size:36px;font-weight:700;line-height:40px;margin:0;position:absolute;top:20px;left:16px}.card{width:323px;height:326px;position:relative;display:flex;justify-content:center}.card__header{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background-color:#fff;padding:2px 12px;border-radius:4px;z-index:1;max-width:85%}.card__name{margin:0;font-family:Cabinet Grotesk Bold;font-size:16px;line-height:20px;font-weight:700;color:#0009;white-space:nowrap}.card__image{border:solid rgba(0,0,0,.3) 1px;border-radius:19px;width:100%}.card__like-btn{width:18px;height:15px;border:none;cursor:pointer;display:block;flex-shrink:0}.cards__text{font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;color:#000}.cards__list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:21px}.modal{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden}.modal__content_type_image{padding:0}.modal__close_item{background-image: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")}.modal__image{width:100%;border-top-left-radius:16px;border-top-right-radius:16px}.modal__footer{margin:0 0 32px 32px;font-family:Cabinet Grotesk Bold;font-size:20px;line-height:24px;font-weight:700;display:flex}.modal__caption{margin:20px 0 12px}.modal__weather{margin:0}.modal__delete-btn{margin:0 32px 0 auto;background:none;border:none;font-family:Cabinet Grotesk Bold;font-size:20px;line-height:24px;font-weight:700;color:#ff4d00;padding:0}.clothes-section__title-button{display:flex;margin-bottom:16px}.clothes-section__title{font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;width:94px;height:25px;color:#000;margin:0}.clothes-section__button{font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;color:#0009;background:none;border:none;padding:0;margin-left:20px;white-space:nowrap}.clothes-section__items{display:flex;flex-wrap:wrap;margin:auto;padding:0;list-style-type:none;gap:21px}.sidebar__user{display:flex;flex-direction:row;align-items:center;margin-bottom:24px}.sidebar__avatar{width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,0,0,.5)}.sidebar__username{height:25px;margin-left:16px;font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;color:#000}.sidebar__edit{display:flex;height:25px;font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;color:#0009;background:none;border:none;padding:0;text-align:start;cursor:pointer}.sidebar__logout{display:flex;height:25px;margin-top:8px;font-family:Cabinet Grotesk Bold;font-size:20px;font-weight:700;color:#0009;background:none;border:none;padding:0;text-align:start;cursor:pointer}.sidebar__options{display:flex;flex-direction:column;gap:8px}.profile{display:flex}.profile__sidebar{margin-right:116px}.footer{display:flex;justify-content:center;align-items:center;width:100%;margin-top:auto}.footer__content{max-width:1360px;width:100%;padding:0 40px;margin:85px 0 24px;display:flex;justify-content:space-between;font-family:Cabinet Grotesk Medium;font-size:16px;line-height:20px;font-weight:500}.footer__content_name,.footer__content_year{margin:0}.overlay{height:100%;width:100%}.modal{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:4}.modal_open{visibility:visible}.modal__title{margin-left:28px;margin-top:28px;font-family:Cabinet Grotesk Bold;font-size:16px;line-height:20px;font-weight:700;margin-bottom:24px}.modal__close{position:absolute;top:20px;right:28px;padding:0;margin:0;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.7023%201.70711C16.0929%201.31658%2016.0929%200.683417%2015.7023%200.292893C15.3118%20-0.0976311%2014.6787%20-0.0976311%2014.2881%200.292893L7.99805%206.58298L1.70796%200.292893C1.31744%20-0.0976311%200.684274%20-0.0976311%200.29375%200.292893C-0.096775%200.683417%20-0.096775%201.31658%200.29375%201.70711L6.58383%207.99719L0.292893%2014.2881C-0.0976311%2014.6787%20-0.0976311%2015.3118%200.292893%2015.7023C0.683417%2016.0929%201.31658%2016.0929%201.70711%2015.7023L7.99805%209.4114L14.289%2015.7023C14.6795%2016.0929%2015.3127%2016.0929%2015.7032%2015.7023C16.0937%2015.3118%2016.0937%2014.6787%2015.7032%2014.2881L9.41226%207.99719L15.7023%201.70711Z'%20fill='black'%20fill-opacity='0.3'/%3e%3c/svg%3e");border:none;width:20px;height:20px;background-color:transparent;background-repeat:no-repeat;background-size:cover}.modal__content{background-color:#fff;position:relative;max-width:496px;width:100%;box-sizing:border-box;border-radius:20px;border:solid 1px rgba(0,0,0,.3)}.modal__form{display:flex;flex-direction:column;margin:0 28px 36px}.modal__input{width:100%;padding:0;margin:8px 0 4px;display:block;border:none;background:none;color:#000;outline:none}.modal__label{margin-bottom:24px;font-family:Cabinet Grotesk Bold;font-size:16px;line-height:20px;border-bottom:solid 1px rgba(0,0,0,1)}.modal__fieldset{border:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column}.modal__legend{font-family:Cabinet Grotesk Bold;font-size:16px;line-height:20px;margin-bottom:12px}.modal__radio-input{margin-right:8px}.modal__submit{background-color:#0000004d;color:#fff;border:none;font-family:Cabinet Grotesk Medium;font-size:16px;font-weight:700;line-height:20px;border-radius:4px;height:36px;width:124px;padding:0}.modal__second-btn{background:none;font-family:Cabinet Grotesk Medium;font-size:16px;font-weight:700;line-height:20px;color:#00000080;border:none}.modal__submit:hover{background-color:#0009}.modal__label_type_radio{margin-bottom:8px;border:none;font-family:Cabinet Grotesk Bold;font-size:16px;line-height:20px;color:#00000080}.modal__radio-input:checked~label{color:#000}.modal__label_type_radio:last-child{margin:0}html{margin:0;padding:0;height:100%}body{margin:0;padding:0}