.header{display:flex;justify-content:space-between;align-items:center;max-height:40px;margin-top:32px;margin-right:40px;margin-left:40px}.header__img{max-height:40px;max-width:40px}.header__datetime{font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:20px;line-height:24px;font-weight:700;margin-left:24px;max-width:160px;white-space:nowrap;text-overflow:ellipsis}.header__addclothes{height:25px;width:116px;padding-top:8px;padding-bottom:7px;appearance:none;border:none;background-color:#fff;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:20px;line-height:24px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;margin-right:20px}.header__name{max-height:25px;max-width:157px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:20px;line-height:100%;font-weight:700;white-space:nowrap;text-overflow:ellipsis;padding:8px 12px 7px 20px;display:flex;justify-content:center}.Toggle__container{margin-left:auto;margin-right:20px;height:28px;width:56px;display:flex;align-items:center;background-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='28'%20viewBox='0%200%2056%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='54'%20height='26'%20rx='13'%20fill='white'%20stroke='%237E7E7E'%20stroke-width='2'/%3e%3c/svg%3e");position:relative}.Toggle__input{appearance:none;border:none;height:28px;width:28px;background-image:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='28'%20height='28'%20rx='14'%20fill='black'/%3e%3c/svg%3e");background-repeat:no-repeat;margin-left:0;position:relative;z-index:1;padding:10px}.Toggle__input:checked{appearance:none;border:none;height:28px;width:28px;background-image:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='28'%20height='28'%20rx='14'%20fill='black'/%3e%3c/svg%3e");background-repeat:no-repeat;margin-right:0;margin-left:auto;position:relative;z-index:1;transition:margin-left 100s ease-in;padding:10px}.Toggle__fahrenheit-label{position:absolute;color:#fff;left:10px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;z-index:2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.Toggle__celsius-label{position:absolute;color:#00000080;right:10px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;z-index:2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.Toggle__input:checked~.Toggle__fahrenheit-label{color:#00000080}.Toggle__input:checked~.Toggle__celsius-label{color:#fff}.Toggle__input:not(:checked)~.Toggle__fahrenheit-label{color:#fff}.Toggle__input:not(:checked)~.Toggle__celsius-label{color:#00000080}.weather-card{height:80px;overflow:hidden;border-radius:12px;margin-top:28px;position:relative}.weather-card__image{width:100%;height:100%;object-fit:cover;object-position:right top}.weather-card__temp{position:absolute;bottom:20px;left:16px;margin:0;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:36px;line-height:40px;color:#fff}.item-modal{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;opacity:0;padding:10px;position:fixed;transition:opacity .3s linear,visibility .3s;visibility:hidden;z-index:1000}.item-modal_is-opened{opacity:1;visibility:visible}.item-modal__container{background-color:#fff;border-radius:16px;position:relative;max-width:498px;height:610px;display:flex;flex-direction:column;box-shadow:0 4px 10px #00000040}.item-modal__close-btn{position:absolute;top:16px;right:16px;width:24px;height:24px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.item-modal__image{width:100%;max-width:498px;height:auto;border-radius:12px 12px 0 0;object-fit:contain}.item-modal__text{margin-top:20px;margin-left:32px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:20px;line-height:24px;font-weight:700;letter-spacing:0;margin-bottom:0}.item-modal__text2{margin-top:12px;padding-left:32px;padding-bottom:32px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-size:20px;line-height:24px;font-weight:700;letter-spacing:0}.card{width:325px;height:328px;border-radius:20px;position:relative;display:flex;justify-content:center}.card__title{position:absolute;top:15px;background-color:#fff;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px;height:24px;width:73px;display:flex;justify-content:center;align-items:center;border-radius:4px}.card__image{width:100%;object-fit:cover;border-radius:20px}.main{margin-left:20px;margin-right:20px}.main__card-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.main__text{height:25px;width:330px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:20px;line-height:100%;margin-top:40px}@font-face{font-family:Cabinet-Grotesk;src:url(../assets/Cabinent-grotesk-font/CabinetGrotesk-Regular.woff) format("woff")}.body{margin:0}.footer__container{display:flex;justify-content:space-between;align-items:center;max-height:40px;margin-top:32px;margin-right:40px;margin-left:40px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:500;font-size:16px;line-height:20px}.modal{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;opacity:0;padding:10px;position:fixed;transition:opacity .5s linear;visibility:hidden}.modal_is-opened{opacity:1;visibility:visible}.modal__container{background-color:#fff;border-radius:8px;max-width:496px;max-height:436px;position:relative;height:100%;width:100%}.modal__close-btn{position:absolute;top:20px;right:28px;height:20px;width:20px;display:flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:10px}.modal__title{position:sticky;margin-top:28px;margin-left:28px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}.modal__form{margin-left:28px;margin-right:28px}.modal__form-title{margin-bottom:8px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}.modal__form-name{appearance:none;border-top:none;border-right:none;border-left:none;border-bottom:1px solid black;padding-left:0;width:100%;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}.modal__form-name:focus{outline:none}.modal__form2{margin-left:28px;margin-right:28px}.modal__form-title2{margin-bottom:8px;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}.modal__form-image{appearance:none;border-top:none;border-right:none;border-left:none;border-bottom:1px solid black;padding-left:0;width:100%;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}.modal__form-image:focus{outline:none}.modal__form3{margin-top:16px}.modal__weather-title{font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px;margin-top:0;margin-bottom:16px;margin-left:28px}.modal__radio-group{display:flex;flex-direction:column;gap:16px;margin-left:25px}.modal__radio-label{display:flex;align-items:center;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}.modal__radio-label input{margin-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #333;border-radius:50%;outline:none;cursor:pointer}.modal__radio-label input:checked{background-color:#fff;border-color:#000}.modal__radio-label input:checked:after{content:"";display:block;width:10px;height:10px;background:#000;border-radius:50%;border:10px;margin:3px}.modal__submit-btn{background-color:#ccc;color:#fff;border:none;border-radius:4px;padding:16px;margin-top:32px;margin-right:344px;max-width:124px;max-height:36px;white-space:nowrap;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center;font-family:Cabinet-Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:20px}