body{font-family:sans-serif}li{list-style:none}.app{box-sizing:border-box;background-color:#f0f2f5;padding:1rem;min-height:100vh}.modal-open:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000041}.button-volume,.button{background-color:transparent;border:none;touch-action:manipulation;cursor:pointer}.button-volume{padding:6px 14px;background-color:#fff;border-radius:8px;box-shadow:0 .5px 2px 1px #0000001a}.button-volume:active{box-shadow:inset -2px -2px 5px #0000001a,inset 2px 2px 5px #0000001a;background-color:#0000000e}.remember-me{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.9rem;color:#000000bd}.editable-element:hover{background-color:#0000001a}.editable-element:hover .delete-icon,.editable-element:hover .users-icon{display:block}.delete-icon,.users-icon{flex-shrink:0;display:none;margin-right:.3rem;cursor:pointer}.tabs-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:80vw;margin:auto;margin-top:5vh}@media (min-width: 768px){.tabs-container{width:50vw}}.tabs-header{display:flex;justify-content:center;position:relative}.tabs-content{padding:1rem;text-align:center}.tab-header{cursor:pointer;width:50%;background-color:transparent;border:none;padding:.5rem}.tab-header.inactive{box-sizing:border-box;box-shadow:inset -2px -2px 5px #0000001a,inset 2px 2px 5px #0000001a}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel-mandatory-fields{font-style:italic;font-size:.7em}.tab-panel-messages{padding-left:0;margin-top:1rem}.tab-panel-message{margin:.3rem auto 0;padding:.3rem .5rem;width:max-content;background-color:#f080806b;color:#c00202;border-radius:8px;font-size:.8rem}.tab-panel-button,.field{margin-top:1rem}.password-recovery{font-size:.75rem}.dashboard{margin:0 2rem}@media (min-width: 576px){.dashboard{display:grid;column-gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.dashboard{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.dashboard{grid-template-columns:repeat(4,1fr)}}.dashboard-section{background-color:#fff;margin-bottom:1rem;padding:1rem 1rem .5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;cursor:grab}.delete-warning-modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem 1rem .5rem;min-width:70%;min-height:30%;text-align:center}.delete-warning-modal-title{margin-bottom:2rem}.delete-warning-modal-button{margin:1rem}.delete-warning-modal-button--confirm{background-color:green;color:#fff}.delete-warning-modal-button--cancel{background-color:red;color:#fff}.user-icon{border-radius:50%;height:1.5rem;width:1.5rem}.user-icon:hover{cursor:pointer;opacity:.5}.user-icon:hover .user-icon-delete{display:block}.user-icon-delete{display:none}.user-icon-initials{line-height:1.5rem;font-size:.7em;text-align:center;vertical-align:middle;font-weight:600;color:#fff}.add-contact-modal{position:fixed;padding:2rem 2rem 2rem .3rem;margin-top:-2.2rem;border-radius:8px}.add-contact-modal-container{background-color:#fff;border-radius:0 8px 8px;box-shadow:0 2px 4px #0000001a;padding:.3rem}.add-contact-modal-item{line-height:1.3rem}.add-contact-modal-item:hover{background-color:#0000001a}.add-contact-modal-item-name{background:none;border:none;padding:0;width:100%;text-align:left;cursor:pointer}.section-title{line-height:1.1;margin-bottom:.5rem;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.section-title :focus-within{color:#000}.section0{color:#d3d3d3}.section-tasks{padding:0 .5rem}.section-task{padding-left:.3rem;display:flex;align-items:center;gap:.3rem}.section-task-contacts{display:flex;gap:.2rem;padding-left:0}.section-task-add{color:#d3d3d3}.section-task-add :focus-within{color:#000}.section-update{display:block;text-align:right;font-style:italic;font-size:.8em;color:#d3d3d3;margin-top:.5rem}.input{width:100%;border:none;outline:none;background-color:transparent;color:inherit;overflow:hidden;text-overflow:ellipsis}.checkbox-icon{cursor:pointer;flex-shrink:0}.settings-title{text-align:center}.settings-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:90vw;margin:auto;margin-top:5vh;padding:.5rem}.settings-container h2{text-align:center}.settings-contacts-form{margin-bottom:1rem;text-align:center}.settings-contacts-form-base{display:flex;align-items:baseline;justify-content:center;gap:1rem}.settings-contacts-form-error{color:red;font-size:.9rem;margin-top:.3rem}.settings-contacts-list{display:flex;flex-direction:column;align-items:center;margin:auto;padding:0}.settings-contacts-item{display:flex;align-items:center;justify-content:space-between;padding-left:.5rem}.settings-contacts-item-name{margin-right:.5rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-account,.header-dashboard{display:flex}.header-account-button,.header-dashboard-button{display:flex;gap:.3rem}.header-account-button-icon,.header-dashboard-button-icon{margin-top:2px}.header-logout{display:flex;justify-content:flex-end}.header-logout-button{display:flex;gap:.3rem}.header-logout-button-icon{margin-top:3px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}