.header{width:100%;padding:32px 40px 28px;box-sizing:border-box}.header__container{display:flex;justify-content:space-between;align-items:center;position:relative}.header__container_logo-date{display:flex;align-items:center;gap:24px}.header__logo-link{display:flex;text-decoration:none}.header__logo{width:89px;height:40px;display:block}.header__date-location{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;font-weight:700;line-height:24px;color:#000}.header__container_profile-details{display:flex;align-items:center;gap:20px}.header__container_profile-details_desktop{display:flex}.header__button{border:none;background:none;padding:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;font-weight:700;line-height:24px;cursor:pointer;color:#000}.header__profile-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#000}.header__name{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;font-weight:700;line-height:24px;color:#000}.header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__avatar-placeholder{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:1px solid #000}.header__mobile-menu-button{width:44px;height:44px;border:none;background:transparent;cursor:pointer;display:none;padding:0;border-radius:10px}.header__auth_mobile{display:flex;flex-direction:column;gap:12px}.header__container_profile-details_mobile-modal{display:none}.profile-modal__close-button{width:44px;height:44px;border:none;background:transparent;cursor:pointer;padding:0;align-self:flex-end}.header__auth{display:flex;gap:16px;align-items:center}.header__auth-button{border:none;background:transparent;padding:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;font-weight:700;line-height:24px;cursor:pointer;color:#000;transition:opacity .2s ease-in-out}.header__auth-button:hover{opacity:.7}@media screen and (max-width: 755px){.header{padding:18px 16px}.header__date-location{font-size:16px;line-height:20px}.header__container_profile-details_desktop{display:none}.header__mobile-menu-button{display:block}.header__container_profile-details_mobile-modal{display:flex;flex-direction:column;gap:24px;position:absolute;top:0;right:0;width:343px;padding:20px;box-sizing:border-box;background:#fff;border-radius:20px;z-index:1000}.header__details-mobile{width:100%;justify-content:space-between}}.weather-toggle{height:0;width:0;visibility:hidden}.weather-toggle__label{border:2px solid rgba(126,126,126,1);width:52px;height:24px;border-radius:20px;margin-right:20px;cursor:pointer;display:flex;align-items:center;position:relative}.weather-toggle__button{background:#000;width:28px;height:28px;border-radius:50%;position:absolute;top:-2px;left:-2px;transition:.3s}.weather-toggle:checked+.weather-toggle__label .weather-toggle__button{left:calc(100% + 2px);transform:translate(-100%)}.weather-toggle__label:active .weather-toggle__button{border:2px solid black}.weather-toggle__text{position:absolute;z-index:1000;color:#7e7e7e}.weather-toggle__text_color-white{color:#fff}.weather-toggle__text_fahrenheit{left:7px}.weather-toggle__text_celsius{right:7px}@media screen and (max-width: 755px){.weather-toggle__label{margin:0 0 40px}}.main{flex-grow:1}.cards{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0;justify-content:center}.cards__text{margin:0 0 40px}@media screen and (max-width: 755px){.cards__text{margin:0 0 20px}}.weather-card{position:relative;display:flex;height:80px;margin-bottom:40px}.weather-card__temp{font-size:36px;line-height:40px;color:#fff;position:absolute;top:20px;left:16px;margin:0}.weather-card__image{object-fit:cover;object-position:right top;width:100%;border-radius:12px}@media screen and (max-width: 755px){.weather-card{margin-bottom:32px}}.cards__list{display:grid;grid-template-columns:repeat(auto-fit,325px);margin:0;padding:0;gap:20px;justify-content:center}.item-card{list-style-type:none;width:323px;border-radius:20px;overflow:hidden;position:relative}.item-card__title{position:absolute;display:flex;left:50%;top:15px;transform:translate(-50%);color:#0009;background-color:#fff;font-size:16px;text-align:center;align-items:center;height:24px;border-radius:4px;margin:0;padding:2px 12px}.item-card__image{width:100%;height:328px;object-fit:cover;display:block;border-radius:20px;cursor:pointer}.item-card__image:hover{cursor:pointer;box-shadow:4px 4px 4px #00000080}.item-card__info{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:10px}.item-card__name{margin:0;padding:2px 10px;background:#ffffffe6;border-radius:4px;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;font-weight:700}.item-card__like-button{width:20px;height:20px;border:none;background:transparent;padding:0;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain}.item-card__like-button_hidden{display:none}@media screen and (max-width: 755px){.cards__list{grid-template-columns:repeat(auto-fit,164px);gap:15px}.item-card__image{width:164px;height:164px;object-fit:cover}.item-card{max-width:164px;height:164px}.item-card__title{top:7px}}.footer{display:flex;justify-content:space-between;margin:30px}.footer__copyright,.footer__year{font-size:16px;font-weight:500;font-family:Cabinet Grotesk Medium;margin:0}.sidebar{min-width:225px;display:flex;flex-direction:column;gap:16px}.sidebar__user{display:flex;align-items:center;gap:16px}.sidebar__avatar,.sidebar__avatar-placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.5);display:flex}.sidebar__avatar-placeholder{justify-content:center;align-items:center;background:#0003;color:#fff;font-weight:700;font-size:20px}.sidebar__username{font-size:20px;font-weight:700;margin:0}.sidebar__logout-button,.sidebar__edit-profile-button{border:none;background:transparent;padding:0;cursor:pointer;font-size:20px;font-weight:700;text-align:left;transition:opacity .2s ease-in-out}.sidebar__logout-button:hover,.sidebar__edit-profile-button:hover{opacity:.7}.clothes-section{width:100%}.clothes-section__header{display:flex;align-items:center;gap:20px;margin:0 0 16px}.clothes-section__title{margin:0;font-size:20px;font-weight:700}.clothes-section__add-btn{padding:0;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:700;opacity:.6}.clothes-section__add-btn:hover{opacity:1}.clothes-section__items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media screen and (max-width: 900px){.clothes-section__items{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 560px){.clothes-section__items{grid-template-columns:1fr}}.profile{display:flex}.profile__sidebar{width:230px}.form__title{margin-bottom:10px}.form__label{color:#000;margin:0;display:flex;flex-direction:column;gap:8px}.form__inputs{display:flex;flex-direction:column;gap:24px}.form__input{font-family:Cabinet Grotesk Bold,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1;padding-left:8px;margin:0;border:none;border-bottom:1px solid black}.form__input::placeholder{color:#00000080}.form__input_type_error{border-bottom-color:red}.form__error{color:red;font-family:Cabinet Grotesk Bold,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1}.form__input-error{color:red;font-size:16px}.form__radio-buttons{height:108px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:none;padding:0;gap:8px}.form__radio-input:checked+.form__radio-text{color:#000}.form__radio-label{color:#00000080;margin:0;display:flex;gap:11px}.form__legend{font-size:16px;margin-bottom:12px;padding:-10px}.modal{visibility:hidden;position:fixed;background-color:#0000004d;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:visibility .5s ease-in-out,opacity .5s ease-in-out}.modal__is-opened{visibility:visible;opacity:1;transition-delay:0s}.form-modal__container{background-color:#fff;max-width:440px;width:100%;border-radius:20px;display:flex;flex-direction:column;position:relative;padding:28px 28px 36px}.form-modal__close-btn{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%3crect%20width='20'%20height='20'%20fill='white'/%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='black'%20fill-opacity='0.3'/%3e%3c/svg%3e");height:20px;width:20px;border:none;position:absolute;top:5%;right:5%;padding:0;transition:opacity .3s ease-in-out}.form-modal__close-btn:hover{cursor:pointer;opacity:70%}.form-modal__title{font-family:Cabinet Grotesk Bold,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1;color:#000;margin:0;max-height:20px;max-width:95px}.form-modal__smt-btn{font-family:Cabinet Grotesk Bold,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1;color:#fff;border:none;border-radius:4px;height:36px;padding:0 16px;transition:background-color .3s ease-in-out;margin-top:32px}.form-modal__smt-btn:enabled{background-color:#000}.form-modal__smt-btn:disabled{background-color:#0000004d}.form-modal__smt-btn:hover{background-color:#0009}.form{display:flex;flex-direction:column;gap:24px}.form__fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.form__label{display:flex;flex-direction:column;gap:8px;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;font-weight:700;color:#000}.form__input{border:none;border-bottom:1px solid black;padding:6px 0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;font-weight:700;outline:none}.form__input::placeholder{color:#00000080;font-weight:700}.form__input:focus{border-bottom:1px solid rgba(0,0,0,.6)}.form-modal__secondary-button_registermodal{border:none;background:none}@media screen and (max-width: 755px){.form-modal__container{max-width:319px;width:100%;border-radius:20px}.form-modal__close-btn{background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1.41418'%20width='28'%20height='2'%20rx='1'%20transform='rotate(45%201.41418%200)'%20fill='black'/%3e%3crect%20y='20.0002'%20width='28'%20height='2'%20rx='1'%20transform='rotate(-45%200%2020.0002)'%20fill='black'/%3e%3c/svg%3e");background-color:transparent;top:3%;right:5%;background-size:contain}.form-modal__title{font-size:20px}.form-modal__smt-btn{width:319px}}.item-modal{visibility:hidden;position:fixed;background-color:#0000004d;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:visibility .5s ease-in-out,opacity .5s ease-in-out}.item-modal__is-opened{visibility:visible;opacity:1;transition-delay:0s}.item-modal__container{background-color:#fff;height:610px;max-width:498px;width:100%;border-radius:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.item-modal__close-button{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");background-color:transparent;height:20px;width:20px;border:none;position:absolute;top:5%;right:5%;padding:0;transition:opacity .3s ease-in-out}.item-modal__close-button:hover{cursor:pointer;opacity:.7}.item-modal__image{width:100%;height:498px;object-fit:cover}.item-modal__content{background-color:#fff;padding-left:32px;display:flex;justify-content:space-between;align-items:flex-start}.item-modal__title{font-size:20px;line-height:24px;margin:20px 0 12px}.item-modal__weather{font-size:20px;line-height:24px;margin:0 0 32px}.item-modal__delete-btn{margin:20px 33px 0 0;background:transparent;border:none;color:#ff4d00;font-size:16px;font-weight:700;line-height:20px;padding:0;cursor:pointer;transition:opacity .2s ease-in-out}.item-modal__delete-btn:hover{opacity:.7}@media screen and (max-width: 755px){.item-modal__container{max-width:343px;height:463px}.item-modal__close-button{background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1.41418'%20width='28'%20height='2'%20rx='1'%20transform='rotate(45%201.41418%200)'%20fill='black'/%3e%3crect%20y='20.0002'%20width='28'%20height='2'%20rx='1'%20transform='rotate(-45%200%2020.0002)'%20fill='black'/%3e%3c/svg%3e");top:3%;right:5%;background-size:contain}.item-modal__image{height:343px}}.delete-modal{visibility:hidden;position:fixed;background-color:#0000004d;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:visibility .5s ease-in-out,opacity .5s ease-in-out}.delete-modal__is-opened{visibility:visible;opacity:1;transition-delay:0s}.delete-modal__container{background-color:#fff;height:280px;max-width:670px;width:100%;border-radius:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.delete-modal__close-button{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%3crect%20width='20'%20height='20'%20fill='white'/%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='black'%20fill-opacity='0.3'/%3e%3c/svg%3e");background-color:transparent;height:20px;width:20px;border:none;position:absolute;top:20px;right:20px;padding:0;transition:opacity .3s ease-in-out}.delete-modal__close-button:hover{cursor:pointer;opacity:70%}.delete-modal__content{margin:0 auto;width:367px;text-align:center;display:flex;flex-direction:column}.delete-modal__text{margin:60px 0 40px;width:100%;padding:0;font-family:Cabinet Grotesk Bold,Arial,Helvetica,sans-serif;font-weight:700;font-style:Bold;font-size:20px;line-height:24px;letter-spacing:0%;text-align:center}.delete-modal__buttons{background:transparent;border:none;transition:opacity .2s ease-in-out;font-family:Cabinet Grotesk Bold,Arial,Helvetica,sans-serif;font-weight:700;font-style:Bold;font-size:20px;line-height:24px;letter-spacing:0%;text-align:center}.delete-modal__buttons:hover{cursor:pointer;opacity:70%}.delete-modal__confirm{color:red;margin:0 0 24px;padding:0}.delete-modal__cancel{margin:0 0 60px;padding:0}.page{font-family:Cabinet Grotesk,Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;line-height:1;color:#000;background-color:#f3f3f3;min-height:100vh;display:flex;justify-content:center}.page__content{width:100%;max-width:1360px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh}@media screen and (max-width: 755px){.page__content{padding:0 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}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:Cabinet Grotesk Medium;src:url(/assets/CabinetGrotesk-Medium-B0QoDuRO.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Cabinet Grotesk Bold;src:url(/assets/CabinetGrotesk-Bold-CLAvwUWO.woff) format("woff");font-style:bold;font-weight:700}