*{box-sizing:border-box}body{margin:0}@font-face{font-family:CabinetGrotesk-Medium;font-weight:500;font-display:swap;font-style:normal;src:url(/assets/CabinetGrotesk-Variable-DZ-mBhZu.ttf) format("truetype"),url(data:font/woff;base64,Q2FiaW5ldEdyb3Rlc2stUmVndWxhci53b2Zm) format("woff")}#root{min-height:100vh}.page{margin:0;padding:0;font-family:CabinetGrotesk-Medium,Arial,Helvetica,sans-serif;background-color:#f3f3f3;color:#000}.page__wrapper{box-sizing:border-box;margin:0 auto;padding:32px 40px 24px;width:100%;max-width:1440px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:0 5px}.header__left{display:flex;align-items:center;gap:16px}.header__right{display:flex;gap:6px;align-items:center;margin-left:auto}.header__user-info{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;margin-right:0;text-decoration:none}.header__username{font-family:Cabinet Grotesk,sans-serif;margin-right:0;font-size:20px;gap:8px;font-weight:700;color:#000}.header__add-clothes-btn{background:none;border:none;padding:0;cursor:pointer;width:auto;white-space:nowrap;font-weight:500;font-size:20px;z-index:10;position:relative;margin-right:12px;font-weight:700}@media screen and (max-width: 480px){.header{grid-template-columns:1fr auto;grid-template-areas:"logo menu" "date date" "add user";align-items:center;gap:12px;padding:16px;flex-direction:column}.header__logo{grid-area:logo;width:89px;height:40px}.header__date{grid-area:date;margin:0}.header__add-clothes-btn{grid-area:add;justify-self:start;width:auto}.header__user-info{grid-area:user;justify-self:end;display:flex;align-items:center;gap:8px}}.toggle-switch{position:relative;display:inline-block;width:64px;height:30px;margin-right:8px;margin-top:-35px}.toggle-switch__checkbox{opacity:0;width:0;height:0}.toggle-switch__slider{position:relative;display:block;width:100%;height:100%;background-color:#fff;border:2px solid #7e7e7e;border-radius:20px;cursor:pointer;box-sizing:border-box}.toggle-switch__slider:before{content:"";position:absolute;width:32px;height:29px;left:-2px;top:-2px;background-color:#000;border-radius:20px;transition:.3s}.toggle-switch__checkbox:checked+.toggle-switch__slider:before{transform:translate(30px)}.toggle-switch__text{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-family:Cabinet Grotesk;font-size:14px;font-weight:700;line-height:1}.toggle-switch__text_type_f{left:10px;color:#fff}.toggle-switch__text_type_c{right:10px;color:#7e7e7e}.toggle-switch__checkbox:checked+.toggle-switch__slider .toggle-switch__text_type_f{color:#7e7e7e}.toggle-switch__checkbox:checked+.toggle-switch__slider .toggle-switch__text_type_c{color:#fff}.container{background-color:#f3f3f3;width:100%}.main__top-bar{font-family:CabinetGrotesk-Medium,Arial,Helvetica,sans-serif;height:40px;display:flex;justify-content:space-between;align-items:center}.main__left{display:flex;align-items:center;gap:16px}.main__date-location{margin:0;font-size:20px;font-weight:700}.main__items{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px;list-style:none;margin-left:-45px}@media screen and (max-width: 480px){.main__top-bar{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.main__left{display:flex;flex-direction:column;gap:4px}.main__right{width:100%;display:flex;justify-content:space-between;align-items:center}.main__items{grid-template-columns:repeat(2,1fr);grid-auto-rows:50vw-47px}}.item__card{position:relative}.item__card-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px}.item__card-title{position:absolute;top:10px;left:145px;margin:0;z-index:2;background-color:#fff;color:#000;padding:4px 8px;border-radius:4px;font-family:Cabinet Grotesk,sans-serif;font-weight:700}.weather__card-info{color:red;font-size:20px}@media screen and (max-width: 480px){.item__card{width:100%}.item__card-img{width:100%;height:auto;display:block}.item__card-title{font-size:16px}}.weather__card{border-radius:12px;font-size:36px;font-weight:700;margin-bottom:32px;position:relative;overflow:hidden}.weather__card-img{width:100%;height:80px;object-fit:cover;object-position:right top;display:block}.weather__card-temp{position:absolute;z-index:3;left:20px;top:-15px;color:#fff}.weather__card-info{margin-top:40px;color:#000;z-index:4}@media screen and (max-width: 480px){.weather__card{width:100%}.weather__card-img{width:100%;height:80px}}.item-modal__footer{display:flex;justify-content:space-between;align-items:flex-start}.item-modal__text{display:flex;flex-direction:column;margin-top:25px}.item-modal__delete{color:#ff4d00;background:none;border:none;cursor:pointer;font-size:16px;font-weight:700;margin-top:30px;width:98.12px;height:13.62px;margin-right:20px}.profile{display:flex;flex-direction:row;align-items:flex-start;gap:116px;padding:40px 0 0}.sidebar{width:229px;flex-shrink:0;display:flex;align-items:center;gap:12px;margin-top:2px;font-size:20px;font-family:Cabinet Grotesk,sans-serif}.sidebar__avatar{width:56px;height:56px}.clothes-section__items{display:flex;flex-wrap:wrap;gap:16px;padding:0;margin:2px 0 0;list-style:none}.clothes-section__items li{width:300px}.clothes-section__add-btn{color:gray;border:none;font-size:20px;outline:none;background:none;font-family:Cabinet Grotesk,sans-serif;margin-left:8px;font-weight:700}.clothes-section__header{display:flex;align-items:center;font-size:20px;margin-left:0}.clothes-section__title{margin-right:15px;font-size:20px;font-family:Cabinet Grotesk,sans-serif}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000;border-radius:1px}.modal_is-opened{display:flex}.modal__content{width:496px;height:auto;background-color:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.3);padding:20px;position:relative;font-family:Cabinet Grotesk,sans-serif}.modal__title{margin:0 0 24px;font-size:16px;line-height:20px;font-weight:700}.modal__form{display:flex;flex-direction:column}.modal__label{margin:0 0 24px;font-size:16px;line-height:20px;font-weight:700}.modal__input{display:block;width:100%;margin-top:8px;padding:0 0 4px;border:none;border-bottom:1px solid #000;font-size:16px;line-height:20px;outline:none;box-sizing:border-box}.modal__input::placeholder{color:#00000080}.modal__legend{margin:0 0 12px;padding:0;border:none;font-size:16px;line-height:20px;font-weight:700}.modal__fieldset{margin:0 0 32px;padding:0;border:none}.modal__radio-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.modal__radio-label{display:flex;align-items:center;gap:8px;font-size:16px;line-height:20px;color:#00000080}.modal__radio-input{margin:0}.modal__radio-input:checked+.modal__radio-text{color:#000}.modal__submit{width:124px;height:36px;border:none;border-radius:4px;background:#0000004d;color:#fff;font-size:16px;line-height:20px;font-weight:700;cursor:pointer;padding:0}.modal__submit:hover{background-color:#0009!important}.modal__submit:disabled{background-color:#0000004d!important;cursor:not-allowed}.modal__close-btn{position:absolute;top:20px;right:28px;width:20px;height:20px;border:none;background:transparent;padding:0;cursor:pointer}.modal__close-btn:before,.modal__close-btn:after{content:"";position:absolute;top:9px;left:0;width:20px;height:2px;background-color:#00000080}.modal__close-btn:before{transform:rotate(45deg)}.modal__close-btn:after{transform:rotate(-45deg)}.modal__content_type_preview{width:498px;height:610px;padding:0;border-radius:16px;overflow:hidden;background-color:#fff;position:relative}.modal__preview-image{display:block;width:100%;height:498px;object-fit:cover}.modal__footer{padding:10px 16px 20px;background-color:#fff}.modal__caption{font-size:20px;line-height:24px;font-weight:700;margin:0 0 8px 25px}.modal__weather{font-size:20px;line-height:24px;font-weight:700;margin:0 0 0 25px}.modal__close-btn{position:absolute;top:16px;right:16px;width:20px;height:20px;border:none;background:transparent;color:#fff;font-size:20px;line-height:20px;cursor:pointer;padding:0;z-index:1}@media screen and (max-width: 480px){.modal__content{width:100%;margin:0 16px;padding:16px}.modal__content_type_preview{width:100%;height:auto;margin:0 16px}.modal__preview-image{width:100%;height:auto}.modal__footer{padding:16px}.modal__caption,.modal__weather{margin-left:0}.modal__submit{width:100%}}