@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";::-webkit-scrollbar{width:5px}:root{color:#262626;font-family:Quicksand,sans-serif}body{overflow-x:hidden;width:100vw;height:100vh;min-height:100vh;max-width:100vw;margin:0}body:has(.dark){background-color:#262626;color:#ffffffde}#root{position:relative;width:100%;height:100%}.homepage{padding:60px}@media (max-width: 480px){.homepage{padding:50px 10px}}button,input{all:unset}svg{font-size:2rem}.header{display:flex;justify-content:space-between;margin-bottom:40px}.header form{display:flex;flex:1;border:1px solid #262626;padding:15px 20px;border-radius:20px}.header form:hover{outline:1px solid #262626}.header form input{all:unset;width:100%}.header__title-wrapper{display:flex;column-gap:10px;flex:1;position:relative}.header__title-wrapper__img-wrapper{width:auto;height:auto;max-width:40px;max-height:40px;position:absolute;z-index:100;top:-25px;left:18px}.header__title-wrapper__img-wrapper img{object-fit:contain;width:100%;height:100%}.header__title-wrapper__title{font-size:36px;font-weight:700;z-index:200}.header__title-wrapper .toggle-btn{cursor:pointer}.header__menu{display:flex;column-gap:20px;margin-right:20px;flex:1;justify-content:end}.header__menu .select-btn,.header__menu .toggle-btn{padding:10px;border-radius:15px;cursor:pointer}.header__menu .select-btn:hover,.header__menu .toggle-btn:hover{background-color:#f9f9f9!important}@media (max-width: 480px){.header{flex-direction:column;row-gap:20px;margin-bottom:20px}.header__menu{margin-right:0}}.dark .header form{border-color:#ffffffde}.dark .header form:hover{outline-color:#ffffffde}.dark .header__menu .select-btn:hover,.dark .header__menu .toggle-btn:hover{background-color:#171717!important}.modal{border:none;position:fixed;top:0;margin-right:0;background-color:#f9f9f9;max-width:350px;height:100%;padding:20px 30px;overflow-y:auto;z-index:1000;border-radius:20px}@media (max-width: 480px){.modal{position:absolute;width:100%;padding:0;max-width:unset;border-radius:unset}}.modal__content{padding:12px}.modal__content__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.modal__content__header__title{font-size:1.7rem}.modal__content__header__close{cursor:pointer}.card-date-update{display:flex;flex-direction:column;row-gap:30px}.card-date-update__date{display:flex;flex-direction:column;row-gap:2px}.card-date-update__date>input{width:min-content;background-color:#ffffffde;border-radius:5px;padding:10px}.card-date-update__colors{display:flex;flex-direction:column;row-gap:15px}.card-date-update__colors__colors{display:flex;gap:20px;flex-wrap:wrap}.card-date-update__colors__colors .color-circle{height:25px!important;width:25px;display:inline-block;border-radius:50%;cursor:pointer;transform:scale(1);transition:transform .3s ease-in-out}.card-date-update__colors__colors .color-circle:hover{transform:scale(1.2)}.select-list{list-style:none;padding:0 0 40px;display:flex;flex-direction:column;row-gap:20px}.select-list__option{background-color:#0000001a;border-radius:10px;padding:10px 15px;cursor:pointer}.select-list__active{background-color:#262626;color:#fff}.cards{width:100%}.cards__add-event{background-color:#f9f9f9;display:flex;align-items:center;justify-content:center!important;cursor:pointer;border-radius:20px}.cards__add-event:hover{box-shadow:inset 1px 1px 6px #ffffffde}.cards__add-event,.cards .card{min-height:100px}.cards-view-list{display:flex;flex-direction:column;gap:0px;row-gap:30px}.cards-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;animation:slideIn .4s ease-in 0s}@media (max-width: 480px){.cards-view-grid{display:flex;flex-direction:column}}.cards-view-grid .card,.cards-view-list .card{border-radius:20px;cursor:pointer;display:flex;justify-content:space-between;position:relative;box-shadow:5px 3px 15px #0000004d;width:100%;height:140px}.cards-view-grid .card__party,.cards-view-list .card__party{position:absolute;right:-10px;top:-20px}.cards-view-grid .card__party>svg,.cards-view-list .card__party>svg{font-size:3rem}.cards-view-grid .card__content,.cards-view-list .card__content{display:flex;flex:1;width:100%;border-radius:10px}.cards-view-grid .card__content form,.cards-view-list .card__content form{flex:1;margin-right:10px;margin-left:10px}.cards-view-grid .card__content>div:first-of-type,.cards-view-list .card__content>div:first-of-type{display:flex;flex-direction:column;row-gap:5px;width:100%;flex:2}.cards-view-grid .card__content>div:first-of-type .desc,.cards-view-list .card__content>div:first-of-type .desc{font-weight:600;color:#171717;font-size:1.1rem;background-color:transparent;border:none;font-family:Quicksand,sans-serif;outline:none;resize:none;flex:1;width:100%;margin-top:20px}.cards-view-grid .card__content>div:first-of-type>span,.cards-view-list .card__content>div:first-of-type>span{font-weight:400;font-size:.9rem;color:#262626;flex:none;margin-top:auto;margin-left:15px;margin-bottom:15px}.cards-view-grid .card__content .count,.cards-view-list .card__content .count{display:flex;align-items:center;font-size:1.2rem;background-color:#ffffffde;border-top-right-radius:20px;border-bottom-right-radius:20px;text-align:center;justify-content:center;flex:1;color:#262626}.cards-view-grid .card__check,.cards-view-list .card__check{background-color:#262626;top:-25px;left:-10px;position:absolute;border-radius:50px;padding:5px}.cards-view-grid .card__check>svg,.cards-view-list .card__check>svg{fill:#ffffffde}@media (max-width: 480px){.cards-view-grid .card__check,.cards-view-list .card__check{margin-top:20px}}.dark .cards__add-event{background-color:#171717}.dark .cards__add-event:hover{box-shadow:inset 1px 1px 6px #262626}.dark .cards .card__check{background-color:#ffffffde}.dark .cards .card__check>svg{fill:#262626}.dark .cards .card__party svg{fill:#262626;stroke:#ffffffde;stroke-width:6px}@keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.pulsate-bck{animation:pulsate-bck .5s ease-in-out infinite both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-in-center{animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.scale-out-center{animation:scale-out-center .5s cubic-bezier(.55,.085,.68,.53) both}.color-circle--D9E9CF{background-color:#d9e9cf}.color-circle--C7D9DD{background-color:#c7d9dd}.color-circle--F2E2B1{background-color:#f2e2b1}.color-circle--FCE7C8{background-color:#fce7c8}.color-circle--E2E0C8{background-color:#e2e0c8}.color-circle--DAB88B{background-color:#dab88b}.color-circle--F1C6D3{background-color:#f1c6d3}.color-circle--F1AE89{background-color:#f1ae89}.color-circle--FCE2DB{background-color:#fce2db}