@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-DHJjXo9b.otf);font-weight:400;font-style:normal}.page{background-color:#f3f3f3}.page__content{max-width:1360px;margin:0 auto;padding:0 40px}.header{display:flex;justify-content:space-between;align-items:center;padding:32px 0 28px;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%}.header__logo{margin-right:24px}.header__date-and-location{margin:0;width:160px;height:24px;display:flex;flex-direction:row}.header__add-clothes-btn{margin:0 20px 0 auto;width:123px;height:24px;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;border:none;display:flex;align-items:center;cursor:pointer}.header__user-container{display:flex;align-items:center;gap:12px}.header__username{margin:0;line-height:24px;width:157px;height:25px}.header__link{text-decoration:none;color:#000}.header__avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:#888;color:#fff;font-weight:700;font-size:16px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.header__group-right{margin-left:auto;display:flex;align-items:center;gap:20px}.header__login-btn,.header__register-btn{border:none;background:none;outline:none;box-shadow:none}.header__avatar{height:40px;width:40px}.toggle-switch{width:56px;height:28px;border:2px solid black;border-radius:20px;cursor:pointer;overflow:hidden;position:relative}.toggle-switch__checkbox{opacity:0}.toggle-switch__circle{background-color:#000;width:28px;height:28px;position:absolute;border-radius:50%;left:0;transition:all .2s}.toggle-switch__text{position:absolute;color:gray;top:5px}.toggle-switch__text_F{left:9px}.toggle-switch__text_C{right:9px}.toggle-switch__checkbox:checked~.toggle-switch__circle{left:28px}.toggle-switch__text_color_white{color:#fff}.cards__list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:21px}.cards__text{font-family:Cabinet Grotesk;font-size:20px;line-height:100%;padding:40px 0 34px;margin:0}.weather-card{position:relative;display:flex;height:80px;border-radius:12px;overflow:hidden;padding:0}.weather-card__temp{font-size:36px;line-height:40px;margin:0;position:absolute;top:20px;left:16px;color:#fff;padding:0 0 20px 16px}.weather-card__image{width:100%;height:auto}.card{width:325px;height:328px;display:flex;justify-content:center;font-family:Cabinet Grotesk;cursor:pointer;position:relative;overflow:visible}.card__name{position:absolute;top:15px;margin:0;font-weight:700;font-size:16px;line-height:20px;background-color:#fff;padding:2px 12px;border-radius:4px}.card__image{width:100%;border:1px solid #0000004d;border-radius:10px}.item-card__like-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgBnZOtUsNAFIVvCJgKTBAVQVABhhlqECAwRVILtk+AwSKxGHQF7wAWJBhEEUXUIKgAURNBBIZ7mrPNnZ2k2/bMnGR/7n579y+SUon6VH3A8q96rH5RvzJmV91Vp+oG+7/UD+oJAiIGIuCKQVV65P+sph+T32KCiNlcEzZQP6lHbG+rz72B6H9mGYl01Mes38T6uVC3uKy+S12Vqz85yaH6j1m8sQxl6ncms4eGmBmg4Z4BvtA25IRjqdY3M22uc2kyJzjUB7lVNdZMJZXVte3AAA5Y6crq6vA/wh5i/UecBXs5lOWEMziR4pT7AOaE4CRxUlsm65B6BoYb8BOzIzPQ1oLQnhQrm11qNMYmwEH3pXhi2IIPKe+cE7blUopLjwO9E3MLYi84Y2ZtZgq4vciA4YnuEDZdpgX4QCg30KaBbhCWGtjEHxxJvRICEg7MQ7C6DKsyBXQzBAsBfWgegi2jRMo3P1f/lT9gb7LlYisAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;background-color:#fff;border:none;cursor:pointer;width:16px;height:18px;padding:10px;position:absolute;right:75px;top:17px}.item-card__like-button_active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACrSURBVHgBrZPBDYMwDEVNe+kYHqHHHjtKN+kIHaEzMAFswAhmg4wAP5IJAQUIxF96KCLOk6MkRHMY/ICAATjQgE9U89Z/Tms68Ne1izyjohRfZWveqSN0tifLxTv4rtt8UXkeoPIDMegudFnpwCw30JNdei+syS6t/zAZnvJkPrqHObJwD0ulSVkslRMy2ZNN4UypUOINX5Wekh1JL8m2pEWytdREFks5p3AEnXydv+ze+YUAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;background-color:#fff;border:none;cursor:pointer;width:16px;height:18px;padding:10px;position:absolute;right:75px;top:17px}.footer{display:flex;justify-content:space-between;align-items:center;font-family:Cabinet Grotesk;font-weight:500;font-size:16px;line-height:20px;padding:0 2px 24px 0}.modal__content.modal__content_type_image{height:610px;width:498px;margin:0;position:relative;padding:0}.modal__close-preview{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='white'/%3e%3c/svg%3e");height:16px;width:16px;top:26px;right:26px;cursor:pointer}.modal__image{height:498px;width:498px;object-fit:contain;border-radius:10px 10px 0 0;padding:0}.modal__footer{height:112px;width:498px}.modal__caption{font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;padding:20px 0 0 32px;margin:0}.modal__weather{font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;padding:12px 0 32px 32px;margin:0}.modal__delete-item{color:#ff4d00;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;background-color:#fff;width:101px;height:24px;position:absolute;right:32px;bottom:68px;border:none;white-space:nowrap}.confirm-delete-modal{display:flex;position:absolute}.confirm-delete-modal .modal__content{display:flex;justify-content:center;height:280px;width:670px;text-align:center;padding:0;margin:0 auto}.confirm-delete-modal .modal__close{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='white'/%3e%3c/svg%3e");height:24px;width:61px;top:26px;right:26px;cursor:pointer}.confirm-delete-modal .modal__content-text{height:48px;width:367px;font-family:Cabinet Grotesk;font-style:Bold;font-size:20px;line-height:24px;color:#000;margin-top:60px}.confirm-delete-modal .modal__delete-item{width:138px;height:24px;font-size:20px;top:170px;left:0;padding:0;margin:0 auto}.confirm-delete-modal .modal__cancel{background-color:#fff;border:none;margin:0 auto;padding:0;bottom:60px}.clothes-section{display:flex;flex-direction:column}.clothes-section__content{display:flex;flex-direction:row}.clothes-section__title{display:flex;flex-direction:row;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;margin:0;padding:0}.clothes-section__button{border:none;opacity:60%;display:flex;flex-direction:row;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;margin:0;padding:0 0 0 20px;cursor:pointer}.clothes-section__items{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;padding:0}.sidebar{display:flex;flex-direction:row;margin:0;padding:0;flex-wrap:nowrap}.sidebar__avatar{padding:0 16px 0 0;margin:0;width:55px;height:55px}.sidebar__username{display:flex;flex-direction:row;flex-wrap:nowrap;white-space:nowrap;font-family:Cabinet Grotesk;font-size:20px}.modal__submit.modal__submit--edit-profile{height:36px;width:128px;background-color:#000;font-family:Cabinet Grotesk;color:#fff;font-size:16px;line-height:20px;border-radius:10%;margin-top:32px;opacity:100%}.modal__input{font-family:Cabinet Grotesk;font-size:16px;line-height:20px;font-style:bold}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden;transition:visibility .3s,opacity .3s ease-in;opacity:1}.modal_opened{visibility:visible;opacity:1}.modal__content{position:relative;background:#fff;max-width:496px;width:100%;border-radius:20px;padding:28px 28px 36px;box-sizing:border-box;margin:20px;box-shadow:0 0 25px #00000026;font-family:Cabinet Grotesk;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%}.modal__title{margin:0;font-size:16px}.modal__close{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");background-repeat:no-repeat;background-position:center;position:absolute;top:20px;right:28px;width:16px;height:16px;border:none}.modal__form{display:flex;flex-direction:column;width:100%}.modal__label{padding:24px 0 0}.modal__input{display:block;width:100%;border:none;border-bottom:1px solid #000;outline:none;background:transparent;padding:8px 0 4px}.modal__input:focus{border-bottom:2px solid #000}.modal__legend{padding:24px 0 12px}.modal__label.modal__label_type_radio{margin:0;padding:0 0 8px}.modal__radio-buttons{border:none;padding:0;display:flex;flex-direction:column}.modal__radio-buttons:inactive{opacity:50%}.modal__submit{width:auto;height:36px;font-family:Cabinet Grotesk;font-weight:700;font-size:16px;line-height:20px;color:#fff;background-color:#000;border-radius:10%;border:0;transition:opacity .2s ease;cursor:pointer}.modal__submit_active{opacity:1}.modal__submit:hover:not(:disabled){opacity:.6}.modal__submit:disabled{cursor:not-allowed;opacity:.3}.profile{display:flex;gap:116px;padding:0;margin:0 auto}.profile__button,.profile__logout-button{font-family:Cabinet Grotesk;text-align:left;color:#000;margin-top:10px;border:none;cursor:pointer;font-size:20px;padding:0;width:229px}.modal__label_type_radio{opacity:.5}.modal__label_type_radio:has(.modal__radio-input:checked){opacity:1}.modal__submit--add-item{width:124px;height:36px;margin:24px 0 0;font-family:Cabinet Grotesk;font-weight:700;font-size:16px;line-height:20px;color:#fff;background-color:#000;border-radius:10%;border:0;transition:opacity .2s ease;cursor:pointer}.modal__submit--add-item_active{opacity:100%}.modal__submit--add-item:hover{opacity:60%}.modal__submit--add-item:disabled{cursor:not-allowed;opacity:30%}.modal__submit--register{width:80px;height:36px;margin:0 auto;border-radius:8px}.modal__login-button{width:86px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;opacity:.7;cursor:pointer;font:inherit}.modal__login-button:hover{opacity:1}.modal__button-container{width:168px;height:40px;display:flex;justify-content:center;align-items:center;gap:2px;margin-top:34px}.modal__submit--login{width:73px;height:36px;margin:0;border-radius:8px}.modal__signup-button{width:85px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;opacity:.7;cursor:pointer;font:inherit}.modal__signup-button:hover{opacity:1}.modal__error{color:#ff4d00}