@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);:root{--font-app:"Roboto",serif;--secondary-color:#dca714}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#eaeae61a,#eaeae61a),url(/static/media/bg.fe3d6856d07f7e72b5e6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Roboto,serif;font-family:var(--font-app);min-height:100vh;min-height:100svh;overflow:hidden scroll}.app{color:#f1f1f1;display:grid;grid-template-columns:30rem 1fr;min-height:100vh}.flex-row{align-items:center;display:flex;justify-content:space-between}.p-10{padding:1rem}.app .sidebar{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:#0e0e0e66;display:grid}.heading{border-bottom:2px solid #dffc06;font-size:clamp(1.2rem,2vw,1.6rem);padding-block:1rem}.heading h3{text-align:center;text-transform:uppercase}.date-details span{font-size:clamp(1.1rem,2vw,1.4rem)}.list{list-style:none;max-height:34rem;min-height:34rem;overflow-y:auto;padding-right:.8rem;&::-webkit-scrollbar{width:.3rem}&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10rem}&::-webkit-scrollbar-thumb{background:#dca714;background:var(--secondary-color);border-radius:10rem}&::-webkit-scrollbar-thumb:hover{background:#dca714d9}}.list__item{background-color:#afaaaacc;border-radius:.5rem;color:#10100f;cursor:pointer;font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:1rem;padding:1rem;transition:all .5s}.list--2 li{align-items:center;display:flex;justify-content:space-between}.list--2 li span{font-size:clamp(1.1rem,2vw,1.6rem)}.list__item.active{background-color:#dca714;background-color:var(--secondary-color)}.add-group-todo{align-self:flex-end}.add-group-todo label{font-size:1.05rem;letter-spacing:1px}.add-group-todo div{align-items:center;align-self:flex-end;display:flex;justify-content:space-between;margin-top:.5rem}.input-field{background:#eaeae61a;border:1px solid #0000;border-radius:.25rem;color:#dca714;color:var(--secondary-color);font-size:clamp(1.1rem,2vw,1.4rem);outline:none;padding:.5rem 1rem}.input-field:focus-visible{border:1px solid #dca714;border:1px solid var(--secondary-color)}.btn{background-color:#dca714;background-color:var(--secondary-color);border:none;border-radius:50%;color:#000c;cursor:pointer;font-size:clamp(1.1rem,5vw,1.6rem);font-weight:600;height:2.5rem;text-transform:uppercase;transition:all .2s;width:2.5rem}.btn--rounded{border-radius:.75rem;height:4rem;width:auto}.btn:hover{background-color:#000c;color:#dca714;color:var(--secondary-color)}.app .main{display:grid;padding:1rem 2rem}.checkbox__custom{background-color:initial;border:2px solid #f1f1f1;border-radius:50%;cursor:pointer;height:2rem;position:relative;width:2rem}.completed{filter:brightness(.4);.checkbox__custom:before{background:#fff;border-radius:inherit;content:"";height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}span{font-size:1.3rem!important;-webkit-text-decoration:2px solid line-through #dca714;text-decoration:2px solid line-through #dca714;-webkit-text-decoration:2px solid line-through var(--secondary-color);text-decoration:2px solid line-through var(--secondary-color)}}.add-todo-item{grid-gap:1rem;align-self:flex-end;display:grid;gap:1rem;grid-template-columns:1fr 10rem}@media (max-width:630px){.app{grid-template-columns:1fr}.heading{display:none}.app .sidebar{border-bottom:2px solid #dffc06}.add-group-todo .input-field{flex:0.95 1}.app .main{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:#0e0e0e66}.list{max-height:15rem;min-height:15rem}}
/*# sourceMappingURL=main.c4beb51a.css.map*/