@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--cor-texto:#ffe5ec;--cor-fundo:#fb6f92;--cor-fundo-claro:#ffaabf;--cor-fundo-descanso:#0096c7;--cor-deletar:#d41e1e;--fonte-primaria:"Poppins", sans-serif}*{box-sizing:border-box}body{font-size:16px;font-family:var(--fonte-primaria);color:var(--cor-texto)}#app{background-color:var(--cor-fundo);flex-direction:column;align-items:center;gap:5dvh;min-height:100dvh;padding:10dvh 1.5rem 7dvh;display:flex}header,main{width:100%}button{font-family:var(--fonte-primaria)}#header-container{justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:auto;display:flex;position:relative}#titulo{font-size:2rem;font-weight:700;display:flex}.btn-editar-tempos{width:32px;height:32px;color:var(--cor-texto);cursor:pointer;background-color:#0000;border:1px solid #0000}.btn-editar-tempos svg{width:24px;height:24px}#main-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.contador-container{background-color:var(--cor-fundo-claro);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:500px;height:300px;padding:1rem;display:flex}.modos-container{gap:4%;width:100%;display:flex}.btn-modo{width:48%;height:40px;font-family:var(--fonte-primaria);cursor:pointer;border:1px solid #0000;border-radius:8px}.modo-ativo{background-color:var(--cor-fundo)}.tempo{text-align:center;width:100%;font-size:5rem;font-weight:600}.btn-controle-tempo{width:130px;height:40px;font-family:var(--fonte-primaria);cursor:pointer;border:1px solid #0000;border-radius:4px}.botoes-controle{justify-content:space-between;width:100%;max-width:280px;display:flex}.editor-tempos-container{background-color:var(--cor-texto);width:100%;max-width:350px;height:120px;color:var(--cor-fundo);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;top:40px;right:0}.editor-tempos-container:before{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:20px solid var(--cor-texto);width:0;height:0;position:absolute;top:-12px;right:5px}.container-foco,.container-descanso{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.titulo-tempo{width:100px}.tempo-foco,.tempo-descanso{text-align:center;width:30px;font-size:1.1rem;font-weight:600}.btn-controle{background-color:var(--cor-fundo);width:80px;height:30px;color:var(--cor-texto);border:1px solid #0000;border-radius:16px}.lista-tarefas-container{flex-direction:column;gap:.7rem;width:100%;max-width:500px;display:flex}.titulo-tarefas{text-align:center;font-size:1.5rem;font-weight:600}.lista-tarefas{flex-direction:column;gap:.7rem;display:flex}.item-tarefa{background-color:var(--cor-texto);width:100%;height:40px;color:var(--cor-fundo);border-radius:4px;justify-content:space-between;align-items:center;padding-left:1rem;display:flex}.texto-tarefa{text-overflow:ellipsis;width:90%;height:24px;line-height:24px;overflow:hidden}.btn-excluir-tarefa{background-color:var(--cor-deletar);width:40px;height:100%;color:var(--cor-texto);cursor:pointer;border-color:#0000;border-radius:0 4px 4px 0}.btn-excluir-tarefa svg{pointer-events:none}.btn-add-tarefa{background-color:var(--cor-texto);width:100%;height:40px;color:var(--cor-fundo);font-family:var(--fonte-primaria);cursor:pointer;border:1px solid #0000;border-radius:4px;font-weight:600}#tarefa{background-color:var(--cor-texto);width:100%;height:40px;color:var(--cor-fundo);font-family:var(--fonte-primaria);border:1px solid #0000;border-radius:4px;outline:none;padding:1rem;font-weight:600}.botoes-criar-tarefa{justify-content:space-between;align-items:center;margin:.5rem 0;display:flex}.btn-tarefa{cursor:pointer;border:1px solid #0000;border-radius:6px;width:46%;height:30px}