.btn{display:flex;height:100%;color:#ebdddd}.btn button{height:100%;width:65px;background:hsla(0,0%,100%,.1);border-radius:0;outline:none}ul li span{display:inline-block;padding:2px 8px;border-radius:50%;background:#5f9ea0;margin-left:25px}.toolbar{display:flex;height:35px;max-width:1600px;background:teal;position:fixed;right:0;left:0;margin:auto;justify-content:space-around;z-index:2}.category1{position:relative;z-index:2}.category1 ul li:first-child{border-bottom:1px solid #14b3b3}.item{-webkit-column-break-inside:avoid;margin-bottom:1em;-moz-column-break-inside:avoid;break-inside:avoid;padding:8px 14px;background:teal;color:#fff;position:relative;cursor:pointer;overflow:hidden}.item:before{content:"";position:absolute;top:0;left:0;border:0 solid;border-color:#089999 #fff;transition:border .5s ease}.item:hover:before{border-left-width:40px;border-bottom-width:30px}.titlestle{display:flex;justify-content:space-between}.titlestle span{display:flex;justify-content:end}.itemlist{position:absolute;right:0;left:0;top:55px;margin:auto;height:auto;max-width:1600px;-moz-column-count:auto;column-count:auto;-moz-column-width:480px;column-width:480px;-moz-column-gap:1em;column-gap:1em}.buttoninput{height:35px;width:65px;margin:0 8px;background:#089999;outline:none}.buttoninput:hover{background:#14b3b3}.inputbox{position:fixed;border-radius:27px;top:60px;right:0;left:0;margin:auto;z-index:3;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:16px;width:700px;box-shadow:.5px .5px 5px rgba(49,49,49,.3)}input{outline:none}textarea{outline:1px dashed rgba(0,99,77,.4)}.category{margin:5px 0;position:relative;width:90px;padding:4px 6px;font-size:18px;background:#089999;color:#ebd9d9;height:auto;cursor:pointer}.category:hover{background:#14b3b3}button{cursor:pointer;border:none;color:hsla(0,0%,100%,.6)}.buttonicon{margin:0 8px;background:rgba(8,153,153,0);transition:color .3s ease}.buttonicon:hover{color:orange}h2,ul{padding:0;margin:0}h2{color:#fff}ul{position:absolute;list-style:none;left:0;background:#089999}ul li{width:90px;padding:4px 6px;cursor:pointer}ul li:hover{background:#14b3b3}input{height:35px;font-size:21px;border:none;border-bottom:2px solid #089999}input,textarea{width:700px;background:hsla(0,0%,100%,0)}textarea{font-size:18px;max-width:700px;height:350px;border:none;margin-bottom:5px}.list-complete-item{transition:all 1s}.list-complete-enter,.list-complete-leave-to{opacity:0;transform:translateY(-30px)}.list-complete-leave-active{position:absolute}.blurstyle{-webkit-filter:blur(5px);filter:blur(5px)}.noblur{transition:-webkit-filter 1s ease;transition:filter 1s ease;transition:filter 1s ease,-webkit-filter 1s ease}