html{height:100%}body{margin:0;padding:0;box-sizing:border-box;height:100%}/**
* @license
*
* Font Family: Cabinet Grotesk
* Designed by: ITF
* URL: https://www.fontshare.com/fonts/cabinet-grotesk
* © 2025 Indian Type Foundry
*
* Cabinet Grotesk Thin 
* Cabinet Grotesk Extralight 
* Cabinet Grotesk Light 
* Cabinet Grotesk Regular 
* Cabinet Grotesk Medium 
* Cabinet Grotesk Bold 
* Cabinet Grotesk Extrabold 
* Cabinet Grotesk Black 
* Cabinet Grotesk Variable (Variable font)

*
*/@font-face{font-family:CabinetGrotesk-Thin;src:url(/assets/CabinetGrotesk-Thin-BCb4Hv5h.woff2) format("woff2"),url(/assets/CabinetGrotesk-Thin-C426nH48.woff) format("woff"),url(/assets/CabinetGrotesk-Thin-81Wj851L.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Extralight;src:url(/assets/CabinetGrotesk-Extralight-DNeyIn9N.woff2) format("woff2"),url(/assets/CabinetGrotesk-Extralight-Bv4iG1U6.woff) format("woff"),url(/assets/CabinetGrotesk-Extralight-M8pE4I-j.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Light;src:url(/assets/CabinetGrotesk-Light-BLNLsF1d.woff2) format("woff2"),url(/assets/CabinetGrotesk-Light-D1ra5xiS.woff) format("woff"),url(/assets/CabinetGrotesk-Light-Bb-444FT.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Regular;src:url(/assets/CabinetGrotesk-Regular-CsLkCdiI.woff2) format("woff2"),url(/assets/CabinetGrotesk-Regular-dUh5YKtM.woff) format("woff"),url(/assets/CabinetGrotesk-Regular-B1rPRR9y.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Medium;src:url(/assets/CabinetGrotesk-Medium-pUr7ULKA.woff2) format("woff2"),url(/assets/CabinetGrotesk-Medium-C7kGvbj6.woff) format("woff"),url(/assets/CabinetGrotesk-Medium-Dj9j7eKb.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Bold;src:url(/assets/CabinetGrotesk-Bold-yJmHbigL.woff2) format("woff2"),url(/assets/CabinetGrotesk-Bold-BPymWjLi.woff) format("woff"),url(/assets/CabinetGrotesk-Bold-CqXPKury.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Extrabold;src:url(/assets/CabinetGrotesk-Extrabold-oMN7HQ6L.woff2) format("woff2"),url(/assets/CabinetGrotesk-Extrabold-BKrEXMji.woff) format("woff"),url(/assets/CabinetGrotesk-Extrabold-B7wOawNH.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Black;src:url(/assets/CabinetGrotesk-Black-CAyc48s7.woff2) format("woff2"),url(/assets/CabinetGrotesk-Black-CNKBb8y9.woff) format("woff"),url(/assets/CabinetGrotesk-Black-CT6wN0af.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Variable;src:url(/assets/CabinetGrotesk-Variable-DI2t1LFl.woff2) format("woff2"),url(/assets/CabinetGrotesk-Variable-DRyS-JTJ.woff) format("woff"),url(/assets/CabinetGrotesk-Variable-DZ-mBhZu.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}*{font-family:CabinetGrotesk-Medium,CabinetGrotesk-Variable,sans-serif}h1,h2,h3,h4,h5,h6{font-family:CabinetGrotesk-Bold,CabinetGrotesk-Variable,sans-serif;font-weight:700}button{font-family:CabinetGrotesk-Medium,CabinetGrotesk-Variable,sans-serif;font-weight:500}.header{display:flex;flex-direction:row;align-items:center;padding:32px 0 28px;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;color:#000;letter-spacing:0}.header__user-container{display:flex;flex-direction:row;align-items:center;margin-left:auto;gap:20px}.header__add-clothes-btn{padding:8px 0;border:none;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;cursor:pointer;background:none}.header__auth-btn{padding:8px 16px;border-radius:4px;background:none;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;cursor:pointer;transition:background-color .3s ease;border:none;color:#000}.header__auth-btn:hover{background-color:#0000000d}.header__username{margin:0;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;color:#000}.header__profile-link{display:flex;align-items:center;text-decoration:none;color:#000}.header__user-avatar{margin-left:12px;flex:0 0 40px;height:40px;border-radius:50%;object-fit:cover;display:block}.header__logo{margin-right:24px}.header__date-and-location{padding:11px 0 5px;margin:0;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;color:#000}.toggle-switch{width:56px;height:28px;border-radius:20px;overflow:hidden;border:2px solid black;cursor:pointer;position:relative;margin:0 20px 0 auto}.toggle-switch__checkbox{opacity:0}.toggle-switch__slider{background-color:#000;height:28px;width:28px;position:absolute;border-radius:50%;left:0;transition:all .4s;transform:translate(0);mix-blend-mode:multiply}.toggle-switch__text{font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-size:14px;line-height:100%;letter-spacing:0;font-weight:700;position:absolute;top:7px;color:gray}.toggle-switch__text_type_f{left:9px}.toggle-switch__text_type_c{right:9px}.toggle-switch__checkbox:checked~.toggle-switch__slider{left:28px}.toggle-switch__text_color_white{color:#fff}.weather-card{position:relative;display:flex;height:80px;border-radius:12px;overflow:hidden}.weather-card__temp{font-size:36px;font-weight:700;line-height:40px;margin:0;position:absolute;top:20px;left:16px;color:#fff}.weather-card__image{width:100%;object-fit:cover;object-position:right top}.card{display:flex;width:323px;height:326px;justify-content:center;position:relative;cursor:pointer}.card__header{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.card__title{margin:0;font-weight:700;line-height:20px;font-size:16px;padding:2px 12px;background-color:#fff;border-radius:4px;color:#0009;font-family:CabinetGrotesk-Bold,Arial,sans-serif}.card__image{width:100%;border-radius:14px;border:1px solid rgba(0,0,0,.3)}.card__like-button{background:none;border:none;cursor:pointer;padding:0;width:24px;height:24px;transition:opacity .3s ease}.card__like-icon{width:100%;height:100%}.cards__list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:21px}.cards__text{font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:100%;font-size:20px;color:#000;letter-spacing:0;margin:40px auto 32px;padding:0}.modal{font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;letter-spacing:0}.modal__content_type_image{padding:0!important;display:flex;flex-direction:column;max-width:498px;max-height:80vh}.modal__image{width:100%;height:auto;object-fit:cover;border-radius:12px 12px 0 0}.modal__footer{padding:20px 32px 24px;background-color:#fff;border-radius:0 0 12px 12px;display:flex;justify-content:space-between;align-items:flex-start}.modal__caption{margin:0 0 12px;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;letter-spacing:0}.modal__weather{margin:0;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;letter-spacing:0}.modal__close{position:absolute;top:24px;right:24px;z-index:1;border:none;background-color:transparent;cursor:pointer}.modal__close-icon{color:#fff}.modal__delete{cursor:pointer;border:none;color:#ff4d00;background-color:transparent;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:24px;font-size:20px;letter-spacing:0}.footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;border-radius:12px;margin:auto 0 24px;max-width:1360px;width:100%;font-family:CabinetGrotesk-Medium,Arial,sans-serif;line-height:20px;font-size:16px;letter-spacing:0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:20px;font-size:16px;letter-spacing:0}.modal_open{visibility:visible}.modal__title{font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:20px;font-size:16px;letter-spacing:0}.modal__label{font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:20px;font-size:16px;letter-spacing:0;cursor:pointer}.modal__label_title{margin:24px auto 8px 0}.modal__label_type_radio{margin:12px auto 0 0;color:#00000080}.modal__label_type_radio:has(.modal__radio-input:checked){color:#000}.modal__radio-input{accent-color:#000}.modal__input{width:100%;height:24px;border:none;border-bottom:1px solid rgba(0,0,0,1);background:#f7f7f7;box-sizing:border-box;display:block;background-color:transparent;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:20px;font-size:16px;letter-spacing:0}.modal__content{position:relative;background-color:#fff;border-radius:12px;padding:28px 28px 36px;max-width:496px;width:100%}.modal__close{position:absolute;top:20px;right:28px}.modal__form{display:flex;flex-direction:column}.modal__title{margin:0}.modal__legend{font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:20px;font-size:16px;letter-spacing:0}.modal__radio-buttons{display:flex;flex-direction:column;border:none;padding:0;margin:24px auto 32px 0}.modal__submit{cursor:pointer;background-color:#000;color:#fff;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:700;line-height:20px;font-size:16px;letter-spacing:0;width:124px;height:36px;border-radius:6px;border:none}.modal__submit:hover{background-color:#0009}.modal__content_type_confirmation{max-width:670px;max-height:280px;padding:20px;border-radius:12px;box-shadow:0 4px 20px #00000026}.modal__body{text-align:center;padding:20px 0}.modal__title{font-size:20px;font-weight:700;margin:0;color:#000;line-height:24px}.modal__buttons{display:flex;gap:12px;flex-direction:column}.modal__button{padding:12px 24px;border:none;border-radius:6px;font-size:20px;line-height:24px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:120px}.modal__button_cancel{color:#0009;background-color:transparent}.modal__button_cancel:hover{opacity:.6}.modal__button_delete{background-color:transparent;color:#ff4d00}.modal__button_delete:hover{opacity:.6}.clothes-section_row{display:flex}.clothes-section__items{display:flex;flex-wrap:wrap;gap:20px;padding:0}.clothes-section{margin:0 0 auto 80px;padding:0;font-family:CabinetGrotesk-Bold,Arial,sans-serif;line-height:20px;font-size:20px;letter-spacing:0;font-weight:700}.clothes-section__title{margin-right:20px}.clothes-section__add-btn{border:none;background:none;cursor:pointer;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-weight:500;line-height:20px;font-size:20px;letter-spacing:0;color:#00000080;font-weight:700}.sidebar__profile{display:flex;flex-direction:row-reverse;align-items:center;gap:16px}.sidebar__username{font-size:20px;font-weight:700;white-space:nowrap}.sidebar__avatar{margin-left:12px;flex:0 0 40px;height:56px;border-radius:50%;object-fit:cover;display:block}.sidebar__avatar_none{height:40px;background-color:#0003;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:20px;width:40px}.sidebar__buttons{display:flex;flex-direction:column;gap:20px;margin-top:24px}.sidebar__button{background:transparent;border:none;font-family:CabinetGrotesk-Bold,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.2;text-align:left;cursor:pointer;padding:0;color:#00000080;transition:color .3s ease}.sidebar__button:hover{color:#000}.profile{display:flex;margin-top:40px}.profile .sidebar__button{color:#000}.profile .sidebar__button:hover{opacity:.6}.modal__redirect-button{border:none;background:none;color:#00000080;font-size:14px;padding:0;margin-top:16px;cursor:pointer;text-decoration:underline}.modal__redirect-button:hover{color:#000c}#edit-profile-avatar.modal__input{margin-bottom:32px}.page{background-color:#f3f3f3;min-height:100vh;display:flex;flex-direction:column}.page__content{max-width:1360px;width:100%;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;box-sizing:border-box}