:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;color-scheme:light dark;color:#ffffffde;background-color:#f3f3f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;box-sizing:content-box}.header{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background-color:#f3f3f3;align-items:center;padding:32px 40px 0;color:#000;font-family:CabinetGrotesk-Bold,monospace;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0%}.header__left{display:flex;gap:24px;align-items:center}.header__logo{width:90px;height:40px}.header__datetime{margin-top:11px;margin-bottom:5px}.header__right{display:flex;align-items:center}.header__account-name{margin-top:6px;margin-bottom:9px;margin-right:88px}.header__add-button{margin-top:6px;margin-bottom:9px;margin-right:20px;padding:0;background-color:#f3f3f3;border:#f3f3f3;color:#000;font-family:CabinetGrotesk-Bold,monospace;line-height:24px;font-size:20px;cursor:pointer}.footer{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background-color:#f3f3f3;align-items:center;padding:0 40px 24px;color:#000;font-family:CabinetGrotesk-Bold,monospace;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0%;margin-top:85px}.item-modal{background-color:#0000004d;position:fixed;left:0;right:0;overflow:auto;width:100%;height:100%;z-index:1}.item-modal__container{transform:translateY(25%);width:500px;height:610px;background-color:#fff;margin:auto;position:relative;border-radius:16px}.item-modal__close-btn{position:absolute;display:inline-block;margin-left:auto;right:24px;top:24px;z-index:2;width:20px;height:20px}.item-modal__image{display:block;border-radius:16px 16px 0 0;width:100%;height:500px;object-fit:cover}.item-modal__description{color:#000;font-family:CabinetGrotesk-Bold,monospace;font-size:20px;line-height:24px;font-weight:700;padding:20px 32px;gap:12px;display:flex;flex-direction:column}.weather-card{height:80px;margin:28px 40px 40px}.weather-card_img{background-size:cover;background-repeat:no-repeat;width:100%;height:auto;color:#fff;font-family:CabinetGrotesk-Bold,monospace;border-radius:12px;background-position:right}.weather-card_temp{margin:0;color:#fff;font-family:CabinetGrotesk-Bold,monospace;font-weight:700;font-size:36px;line-height:40px;letter-spacing:0;padding:20px 0 20px 16px;text-align:left}.item-card{width:325px;height:325px;padding-top:15px;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;border-radius:15px;border:1px solid rgba(0,0,0,.3);cursor:pointer}.item-card_name{text-align:center;background-color:#fff;color:#000;padding:2px 12px;font-size:16px;font-family:CabinetGrotesk-Bold,monospace;line-height:20px;width:fit-content;border-radius:4px}.item-container{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style-type:none}.garment-modal{background-color:#0000004d;position:fixed;left:0;right:0;overflow:auto;width:100%;height:100%;z-index:1;transition:display .5s ease}.garment-modal__container{font-family:CabinetGrotesk-Bold,monospace;transform:translateY(25%);width:500px;height:auto;background-color:#fff;margin:auto;position:relative;border-radius:16px;color:#000}.garment-modal__title{margin:0;padding:28px 28px 0}.garment-modal__input{display:flex;flex-direction:column;gap:0px;padding:24px 28px 0}.garment-modal__input-txt{background-color:#fff;font-family:CabinetGrotesk-Medium,monospace;color:#000;border:none;border-bottom:solid rgba(0,0,0,1) 1px;padding:4px 0;font-size:16px;line-height:20px}.garment-modal__input-txt:focus{outline:none;background-color:#fff}.garment-modal__radio{font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;display:flex;flex-direction:column;padding:24px 28px 0;gap:8px;color:#000}.garment-modal__radio-btn:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;width:1em;height:1em;border-radius:100%;border:solid rgba(0,0,0,.5) 1px;background:#0000}.garment-modal__radio-label{transition:opacity .5s ease}.garment-modal__radio-label:has(input:not(:checked)){opacity:50%}.garment-modal__radio-btn{accent-color:black;margin:0 8px 0 0;transition:accent-color .5s ease,background-color .5s ease}.form-modal{background-color:#0000004d;position:fixed;left:0;right:0;overflow:auto;width:100%;height:100%;z-index:1;transition:display .5s ease}.form-modal__container{font-family:CabinetGrotesk-Bold,monospace;transform:translateY(25%);width:500px;height:auto;background-color:#fff;margin:auto;position:relative;border-radius:16px;color:#000}.item-modal__close-btn{position:absolute;display:inline-block;margin-left:auto;right:30px;top:22px;z-index:2;width:16px;height:16px;color:#0000004d}.form-modal__title{margin:0;padding:28px 28px 0}.form-modal__input{display:flex;flex-direction:column;gap:0px;padding:24px 28px 0}.form-modal__input-txt{background-color:#fff;font-family:CabinetGrotesk-Medium,monospace;color:#000;border:none;border-bottom:solid rgba(0,0,0,1) 1px;padding:4px 0;font-size:16px;line-height:20px}.form-modal__input-txt:focus{outline:none;background-color:#fff}.form-modal__radio{font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;display:flex;flex-direction:column;padding:24px 28px 0;gap:8px;color:#000}.form-modal__radio-btn:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;width:1em;height:1em;border-radius:100%;border:solid rgba(0,0,0,.5) 1px;background:#0000}.form-modal__radio-label{transition:opacity .5s ease}.form-modal__radio-label:has(input:not(:checked)){opacity:50%}.form-modal__radio-btn{accent-color:black;margin:0 8px 0 0;transition:accent-color .5s ease,background-color .5s ease}.form-modal__submit-btn{color:#fff;font-family:CabinetGrotesk-Medium,monospace;margin:28px 32px 36px;width:124px;height:36px;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;border-radius:4px;border:none;background-color:#000;transition:opacity .5s ease}.form-modal__submit-btn:disabled{opacity:30%}.form-modal__submit-btn:not(:disabled):hover{opacity:60%}*{box-sizing:border-box}body{margin:0;padding:0}html{width:auto;height:auto}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:CabinetGrotesk-Bold;src:local("CabinetGrotesk-Bold"),url(/se_project_react/assets/CabinetGrotesk-Bold-BAQZSB8G.otf) format("opentype")}@font-face{font-family:CabinetGrotesk-Medium;src:local("CabinetGrotesk-Medium"),url(/se_project_react/assets/CabinetGrotesk-Medium-DHJjXo9b.otf) format("opentype")}