.header{display:flex;flex-direction:row;justify-content:space-between;background-color:#f3f3f3;max-width:100%;margin:0 auto;height:40px;border-radius:4px}.header__left{display:flex;justify-content:flex-start}.header__right{display:flex;justify-content:flex-end}.header__logo{display:flex;flex-wrap:wrap;width:89px;height:40px;font-family:CabinetGrotesk-Extrabold;color:#000;font-size:32px;margin-right:24px}.header__info{display:flex;justify-content:center;align-items:center;font-family:CabinetGrotesk-Bold;font-size:20px;height:40px}.header__date,.header__location{flex-wrap:wrap;align-content:center;flex-direction:row;width:auto;height:40px}.header__user{display:flex;justify-content:space-between;font-family:CabinetGrotesk-Bold;font-size:20px;height:40px}.header__add-button{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:auto;height:40px;border:none;background-color:#f3f3f3;font-family:CabinetGrotesk-Bold;font-size:20px;padding:0;margin-right:20px}.header__user-name{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:center;font-family:CabinetGrotesk-Bold;font-size:20px;margin-right:12px}.header__avatar{display:flex;justify-content:center;width:40px;height:40px;border:1px}.header__logo_mobile{display:none;width:89px;height:40px}.mobile__menu,.mobile__menu_opened,.mobile__menu_close-btn,.header__top-row,.header__bottom-row,.header__info_mobile,.mobile__menu_lines-container,.mobile__menu_line,.mobile__menu_content,.header__add-button_mobile,.header__user-name_mobile,.header__avatar_mobile,.mobile__menu_top-row,.mobile__menu_bottom-row,.mobile__menu-btn{display:none}@media screen and (max-width: 720px){.header{display:flex;justify-content:flex-start;flex-wrap:wrap;align-content:space-between;align-items:flex-end;height:118px;max-width:auto}.header__top-row{display:flex;justify-content:space-between;width:100%}.header__bottom-row{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.header__info,.header__user{display:none}.header__info_mobile{display:flex;flex-wrap:wrap;justify-content:space-between;font-family:CabinetGrotesk-Bold;font-size:20px;width:100%}.header__date-location_mobile{display:flex;font-family:CabinetGrotesk-Bold;font-size:20px}.header__logo{display:none}.header__logo_mobile{display:flex;align-self:flex-start;width:89px;height:40px}.header__date-location_mobile{display:flex;width:auto}.header__date-location_mobile-content{width:100%;display:flex;height:24px}.header__date,.header__location{display:flex;font-family:CabinetGrotesk-Bold;font-size:20px;text-align:center;height:auto;margin:0}.header__add-button{text-align:center;justify-content:center}.header__user-name{align-self:center;text-align:right}.header__avatar{align-self:center;justify-content:flex-end}.mobile__menu{display:flex;justify-content:center;flex-wrap:wrap;align-content:center;width:44px;height:44px;border-radius:10px;background-color:#fff}.mobile__menu,.mobile__menu_opened{display:flex}.mobile__menu_lines-container{display:flex;flex-wrap:wrap;align-content:space-around;width:28px;height:12px}.mobile__menu_line{display:flex;width:28px;height:2px;border-radius:1px;background-color:#000}.mobile__menu_opened{display:flex;justify-content:flex-end;width:100%;height:208px;background-color:#fff;border-width:1px;border-radius:10px;padding:11px}.mobile__menu_content{display:flex;position:relative;flex-wrap:wrap;align-content:center;width:100%;height:auto;gap:24px}.mobile__menu_top-row{display:flex;justify-content:center;width:100%;height:auto;gap:12px}.mobile__menu_bottom-row{display:flex;justify-content:center;width:100%;height:auto}.header__add-button_mobile{display:flex;width:auto;flex-wrap:wrap;align-content:center;height:auto;font-size:20px}.header__user-name_mobile{display:flex;flex-wrap:wrap;align-content:center;font-family:CabinetGrotesk-Bold;font-size:20px;width:auto;height:auto;margin:0}.header__avatar_mobile{display:flex;width:40px;height:40px;border-width:1px}.mobile__menu-btn{display:flex;position:absolute;justify-content:flex-end;flex-direction:row;width:100%;height:auto}.mobile__menu_close-btn{display:flex;position:absolute;border-style:none;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;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;width:21px;height:21px}}.footer{display:flex;justify-content:space-between;background-color:#f3f3f3;border-radius:4px;max-width:100%;margin-top:40px;height:40px}.footer__left{display:flex;flex-wrap:wrap;justify-content:flex-start;align-self:center;height:20px;width:204px;font-family:CabinetGrotesk}.footer__right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-self:center;height:20px;width:38px;font-family:CabinetGrotesk}.footer__name,.footer__year{font-weight:500;font-style:Medium;font-size:16px}@media screen and (max-width: 720px){.footer{justify-content:space-between;border-radius:4px;max-width:100%;margin:0;gap:10px}.footer__left{height:20px;width:204px;font-family:CabinetGrotesk;font-size:16px}.footer__right{height:20px;width:38px;font-family:CabinetGrotesk;font-size:16px}}#root{min-height:100vh;margin:0 auto;padding:20px;background-color:#f3f3f3}.page{max-width:1360px;margin:0 auto;background-color:#f3f3f3}.card{display:flex;position:relative;flex-direction:column;background-color:#f3f3f3;border-radius:8px;height:323px;width:325px;margin-bottom:20px;font-family:CabinetGrotesk;font-size:16px;border:#0000004D;border-width:1px;border-style:solid;letter-spacing:0%}.card__name{display:flex;flex-wrap:wrap;align-content:center;align-self:center;justify-content:center;position:absolute;text-align:center;width:73px;height:24px;border-radius:4px;font-family:CabinetGrotesk-Bold;font-size:16px;background-color:#fff;color:#0009}.card__image{display:block;border-radius:8px;height:323px;width:325px;object-fit:cover;cursor:pointer}.card__view-btn{display:flex;position:absolute;border-radius:8px;height:323px;width:325px;background-color:#00000080;visibility:visible}.card__label{font-size:16px;line-height:16px;width:74px;height:24px}@media screen and (max-width: 720px){.card,.card__image{height:164px;width:164px}}.item__modal .modal__container{display:flex;box-sizing:border-box;flex-direction:column;background-color:#fff;margin:0 auto;width:498px;height:610px;gap:20px;border-radius:16px}.modal__container_type_image{display:flex;position:relative;width:498px;height:498px;background-color:#fff;margin:0 auto;border-top-left-radius:16px;border-top-right-radius:16px}.modal__image{display:flex;justify-content:center;width:498px;height:498px;margin:0 auto;border-top-left-radius:16px;border-top-right-radius:16px}.modal__close-btn{display:flex;border-style:none;position:absolute;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;color:#000;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;padding:0;width:20px;height:20px;top:24px;right:24px}.modal__footer{display:flex;flex-direction:column;justify-content:flex-start;justify-self:center;width:498px;margin:0 auto;height:112px;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal__text-container{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;align-content:flex-start;margin:32px;width:auto}.modal__caption,.modal__weather{font-family:CabinetGrotesk-Bold;margin:0;font-size:20px;line-height:24px}@media screen and (max-width: 720px){.item__modal .modal__container{width:343px;height:343px;gap:10px;border-radius:8px;font-size:16px;line-height:16px}.modal__text-container{margin-top:20px;margin-left:20px;gap:12px}.modal__footer{width:343px;height:120px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal__container_type_image{width:343px;height:343px;border-top-left-radius:8px;border-top-right-radius:8px}.modal__close-btn{width:21px;height:21px;border-radius:1px;top:12px;right:13px}.modal__image{display:flex;justify-content:center;width:343px;height:343px;margin:0 auto;border-top-left-radius:8px;border-top-right-radius:8px}}.content{max-width:100%;background-color:#f3f3f3;margin:33px 0}.cards__page-section{max-width:100%;margin:0 auto;background-color:#f3f3f3}.cards__list{list-style-type:none;justify-content:center;display:grid;margin:0 auto;gap:0 20px;grid-template-columns:repeat(auto-fit,323px);padding:0;background-color:#f3f3f3}.cards__list_menu-open{display:none;list-style-type:none;justify-content:center;display:grid;margin:0 auto;gap:0 20px;grid-template-columns:repeat(auto-fit,323px);padding:0;background-color:#f3f3f3}.cards__list-temp{display:flex;justify-content:flex-start;margin-top:40px;margin-bottom:34px;border-radius:4px;max-width:auto;background-color:#f3f3f3;font-family:CabinetGrotesk-Bold}.cards__list-temp_menu-open{display:none}.cards__list-temp--writing{font-family:CabinetGrotesk-Bold;margin:0;font-size:20px;color:#000}@media screen and (max-width: 720px){.content{margin:16px 0}.cards__list{grid-template-columns:repeat(auto-fit,164px);max-width:100%;margin:0}.cards__list_menu-open{display:flex;padding-top:20px}.cards__list-temp{display:flex;max-width:100%;margin-bottom:20px}.cards__list-temp_menu-open{display:flex;justify-content:center;grid-template-columns:repeat(auto-fit,164px);max-width:100%;margin:0;padding-top:120px}}.modal{display:flex;flex-direction:column;justify-content:center;visibility:hidden;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;opacity:0;transition:visibility .3s ease-in,opacity .3s ease-out}.modal_opened{visibility:visible;opacity:1;transition-delay:0}.add__modal-with-form{font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px;color:#000;max-width:auto;max-height:auto;border-radius:20px}.add__modal_content{display:flex;box-sizing:border-box;flex-direction:column;position:relative;width:496px;height:436px;background-color:#fff;border-radius:20px;padding:28px 28px 36px;margin:0 auto}.modal__title{display:flex;flex-wrap:wrap;flex-direction:row;margin:0;width:auto;height:auto;font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px}.add__modal_close-btn{display:flex;position:absolute;border-style:none;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;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;padding:0;opacity:.3;width:20px;height:20px;top:20px;right:28px}.add__modal_close-btn:hover{opacity:1;transition-duration:1s;cursor:pointer}.modal__form{display:flex;flex-direction:column;width:auto;height:auto;margin-top:24px;gap:24px}.modal__label{display:flex;flex-direction:column;justify-self:flex-start;width:auto;height:52px;gap:8px;font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px}.modal__input{display:flex;justify-content:center;width:auto;height:24px;border:none;border-bottom:1px solid #000;font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px}.modal__submit-btn{text-align:center;width:124px;height:36px;font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px;background-color:#000;color:#fff;opacity:.3;border:none;border-radius:4px}.modal__submit-btn:hover{opacity:1;transition-duration:1s;cursor:pointer}.radio-group input[type=radio]:checked{accent-color:black}.radio-group input[type=radio]:checked+label{color:#000;font-weight:700}.modal__radio-fieldset{display:flex;flex-direction:column;justify-content:flex-start;border:none;gap:8px;padding:0;margin:24px 0 32px;width:173px;height:108px}.modal__radio-input{display:flex;margin-right:8px;font-family:CabinetGrotesk-Bold;height:auto;font-size:16px;line-height:20px;accent-color:gray}.modal__radio-input:checked{accent-color:black}.modal__label_radio{display:flex;width:50px;height:20px;border:1px;font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px;color:gray;cursor:pointer}.modal__radio-input:checked+.modal__label_radio,.modal__label_radio:has(.modal__radio-input:checked){color:#000;font-weight:700}.modal__legend{margin-bottom:10px;font-family:CabinetGrotesk-Bold;font-size:16px;line-height:20px}@media screen and (max-width: 720px){.add__modal-with-form{font-family:CabinetGrotesk-Bold;font-size:16px;border-radius:4px}.add__modal_content{display:flex;box-sizing:border-box;flex-direction:column;position:relative;width:auto;height:auto;background-color:#fff;border-radius:20px;padding:32px 16px;margin:0}.add__modal_close-btn{opacity:1;top:20px;right:21px}.modal__label{width:auto;height:52px;gap:4px}.modal__form{width:auto;gap:10px}.modal__input{width:auto}.modal__submit-btn{width:auto;height:36px}.modal__legend{height:20px;font-size:16px;margin-bottom:12px}.modal__radio-fieldset{width:auto;height:auto}}.weather__card{display:flex;position:relative;justify-items:flex-start;max-width:100%;height:80px;background-color:#f3f3f3;border-radius:8px}.weather-card__temp{display:flex;flex-wrap:wrap;position:absolute;color:#fff;border-radius:8px;height:auto;top:auto;left:auto;margin:20px 0 20px 16px;background-color:transparent;font-family:CabinetGrotesk-Bold;font-size:36px}.weather-card__image{object-fit:cover;object-position:right top;max-width:100%;height:80px;background-color:#f3f3f3;border-radius:8px}@media screen and (max-width: 720px){.weather-card{justify-content:center;justify-self:center;height:80px;border-radius:12px;width:auto;margin:16px 0 32px}.weather-card__temp{align-content:center;border-radius:4px;font-size:18px;line-height:40px;font-family:CabinetGrotesk-Bold;font-size:36px}.weather-card__image{width:auto;height:80px;border-radius:12px}}/*! 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:CabinetGrotesk;src:url(/se_project_react/assets/CabinetGrotesk-Regular-D175tNtc.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:CabinetGrotesk-Bold;src:url(/se_project_react/assets/CabinetGrotesk-Bold-CLAvwUWO.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:CabinetGrotesk-Extrabold;font-weight:900;font-style:normal;src:url(/se_project_react/assets/CabinetGrotesk-Extrabold-CKEzQ2Fo.woff) format("woff")}