.page{background-size:200vw 200vh;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.page__content{max-width:100vw;margin:0 auto;padding:0 40px}@media (max-width: 1070px){.page{background-position:center}}@media (max-width: 620px){.page{background-size:cover}}@media (max-width: 400px){.page__content{padding:0 10px}}.page.cold.day{--text-bg: rgba(176, 194, 209, .8);--text-color: #3e5a7a;--accent-color: #a86d5f}.page.cold.night{--text-bg: rgba(10, 30, 61, .8);--text-color: white;--accent-color: #513534}.page.clear.day{--text-bg: rgba(148, 191, 198, .8);--text-color: #364c1f;--accent-color: #767d21}.page.clear.night{--text-bg: rgba(0, 0, 139, .4);--text-color: white;--accent-color: rgba(255, 255, 0, .6)}.page.clouds.day{--text-bg: rgba(208, 198, 169, .8);--text-color: #413814;--accent-color: #75775e}.page.clouds.night{--text-bg: rgba(36, 35, 35, .745);--text-color: #bdab69;--accent-color: #461405}.page.mist.day{--text-bg: rgba(223, 223, 211, .8);--text-color: #4c482c;--accent-color: #a85633}.page.mist.night{--text-bg: rgba(29, 77, 106, .8);--text-color: #b0dee0;--accent-color: #631e10}.page.rain.day{--text-bg: rgba(105, 110, 92, .8);--text-color: white;--accent-color: #952d04 }.page.rain.night{--text-bg: rgba(25, 25, 112, .4);--text-color: white;--accent-color: rgba(138, 43, 226, .6)}.page.snow.day{--text-bg: rgba(192, 204, 212, .8);--text-color: #556e84;--accent-color: white}.page.snow.night{--text-bg: rgba(18, 62, 97, .8);--text-color: #d2ddd9;--accent-color: white}.page.storm.day{--text-bg: rgba(47, 79, 79, .4);--text-color: white;--accent-color: #6e2204}.page.storm.night{--text-bg: rgba(0, 0, 0, .4);--text-color: white;--accent-color: #812102}.page{--text-bg: rgba(255, 255, 255, .4);--text-color: black;--accent-color: rgba(0, 0, 0, .6)}.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-container{width:100px;height:35px;overflow:hidden;margin-right:24px;background-color:var(--text-bg);border:2px solid var(--accent-color);border-radius:5px;display:flex;justify-content:center;align-items:center;padding:5px}.header__logo{width:50px;height:40px;object-fit:cover;transform:scale(3.2);transform-origin:center}.header__date-and-location{margin:0;width:auto;max-width:200px;min-width:150px;height:45px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--text-bg);color:var(--text-color);padding:5px;border:2px solid var(--accent-color);border-radius:10px}.header__add-clothes-btn{width:140px;height:43px;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--text-bg);color:var(--text-color);padding:10px;border:2px solid var(--accent-color);border-radius:5px}.header__user-container{display:flex;align-items:center;gap:12px}.header__username{margin:0;line-height:24px;width:100%;height:25px;display:flex;justify-content:center;align-items:center;background-color:var(--text-bg);color:var(--text-color);padding:8px;border:2px solid var(--accent-color);border-radius:5px}.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__avatar{height:45px;width:45px;border:2px solid var(--accent-color);border-radius:50%;object-fit:cover}.header__group-right{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:20px}.header__login-btn,.header__register-btn{background-color:var(--text-bg);color:var(--text-color);border:2px solid var(--accent-color);border-radius:5px;padding:8px 16px;font-family:Cabinet Grotesk;font-weight:700;font-size:16px;line-height:20px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.header__login-btn:hover,.header__register-btn:hover{background-color:var(--accent-color);color:var(--text-bg)}.header--profile{justify-content:center;gap:20px}.header--profile .header__group-right{margin-left:0}.header--home{gap:10px}@media (max-width: 840px){.header__date-and-location{font-size:18px}.header--home{justify-content:space-between}.header--home .header__logo-container{margin:0}.header--home .header__date-and-location{justify-content:center;text-align:center}}@media (max-width: 800px){.header--home{flex-direction:column;gap:10px}.header--home .header__group-right{margin:0 auto}}@media (max-width: 680px){.header{align-items:center;padding:16px 0;font-size:16px;line-height:20px}.header__logo-container{margin-right:0;margin-bottom:8px}.header__date-and-location{width:auto;text-align:center;margin-bottom:8px}.header__group-right{margin:8px 0}}@media (max-width: 470px){.header--home .header__group-right{flex-direction:column}.header--profile{flex-direction:column;gap:10px;padding-bottom:10px}}.toggle-switch{width:56px;height:28px;border:2px solid var(--accent-color);border-radius:20px;cursor:pointer;overflow:hidden;position:relative}.toggle-switch__checkbox{opacity:0}.toggle-switch__circle{background-color:var(--accent-color);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:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));justify-content:center;place-items:center;margin:0;padding:0;list-style-type:none;gap:15px;width:100%}.cards__text{font-family:Cabinet Grotesk;font-size:20px;line-height:100%;padding:40px 0 34px 10px;margin:0;background-color:var(--text-bg);color:var(--text-color);border:2px solid var(--accent-color);border-radius:10px}@media (max-width: 780px){.cards__list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4px}}.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;border:2px solid var(--accent-color)}.card{width:300px;height:328px;position:relative;display:flex;justify-content:center;font-family:Cabinet Grotesk;cursor:pointer;overflow:hidden;background:transparent;border-radius:10px;transition:transform .3s ease}.card__name{position:absolute;top:15px;margin:0;font-weight:700;font-size:16px;line-height:20px;background-color:var(--text-bg);color:var(--text-color);padding:2px 12px;border-radius:4px;border:2px solid var(--accent-color)}.card__image{display:block;width:100%;height:220px;object-fit:cover;background:transparent;background-color:transparent;border:none;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:transparent;border:none;cursor:pointer;width:16px;height:18px;padding:10px;position:absolute;right:15px;top:17px;transition:transform .3s ease}.item-card__like-button:hover{transform:scale(1.1)}.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:transparent;border:none;cursor:pointer;width:16px;height:18px;padding:10px;position:absolute;right:15px;top:17px}.card:hover{transform:scale(1.05)}@media (max-width: 780px){.card__image{width:300px}}@media (max-width: 400px){.card,.card__image{width:280px}}.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;background-color:var(--text-bg);color:var(--text-color);border:2px solid var(--accent-color);border-radius:5px}.footer__name-surname,.footer__date{padding:0 10px}.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");background-color:transparent;height:16px;width:16px;top:26px;right:26px;cursor:pointer;transition:transform .3s ease}.modal__close-preview:hover{transform:scale(1.1)}.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{width:101px;height:24px;right:32px;bottom:68px;position:absolute;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;background-color:transparent;color:#ff4d00;border:none;white-space:nowrap;cursor:pointer}@media (max-width: 320px){.modal__content.modal__content_type_image{width:calc(100% - 24px);height:auto;margin:12px;padding:0;max-width:320px}.modal__image{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px}.modal__footer{width:calc(100% - 24px);height:auto}}.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;top:170px;left:0;font-size:20px;padding:0;margin:0 auto;cursor:pointer}.confirm-delete-modal .modal__cancel{background-color:#fff;border:none;margin:0 auto;padding:0;bottom:60px;cursor:pointer}.clothes-section{display:flex;flex-direction:column}.clothes-section__content{display:flex;flex-direction:row}.clothes-section__title{display:flex;justify-content:center;align-items:center;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;margin:0;padding:5px;background-color:var(--text-bg);color:var(--text-color);border:2px solid var(--accent-color);border-radius:5px}.clothes-section__button{display:flex;justify-content:center;align-items:center;font-family:Cabinet Grotesk;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;margin-left:20px;padding:5px;cursor:pointer;background-color:var(--text-bg);color:var(--text-color);border:2px solid var(--accent-color);border-radius:5px}.clothes-section__items{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;padding:0}@media (max-width: 1111px){.clothes-section__items{gap:5px}}.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;justify-content:center;align-items:center;font-family:Cabinet Grotesk;font-size:20px;background-color:var(--text-bg);color:var(--text-color);border:2px solid var(--accent-color);border-radius:5px;padding:5px;white-space:nowrap}.profile__sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:10px}@media (max-width: 680px){.sidebar{width:229px;justify-content:center;align-items:center}}.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;background-color:transparent;position:absolute;top:20px;right:28px;width:16px;height:16px;border:none;transition:transform .3s ease;cursor:pointer}.modal__close:hover{transform:rotate(90deg)}.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{display:flex;justify-content:center;align-items:center;width:229px;height:30px;font-family:Cabinet Grotesk;font-size:20px;color:var(--text-color);background-color:var(--text-bg);border:2px solid var(--accent-color);border-radius:5px;padding:5px;margin-top:10px;cursor:pointer;text-align:center}@media (max-width: 780px){.profile{gap:40px}}@media (max-width: 680px){.profile{flex-direction:column;gap:20px;align-items:center}.profile__clothes-section{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.clothes-section__items,.clothes-section__content{justify-content:center}}.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}