.header{margin-top:20px;height:100px;display:flex;align-items:center;justify-content:center}.logo{height:100px;margin-right:10px}.title{text-align:left;font-size:40px}.list{width:max-content;margin:25px auto}.letsgo{cursor:pointer;background-color:#149eca;color:#f3f3f3;border:none;font-family:Righteous,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.5em;height:50px;width:310px;border-radius:10px;margin-bottom:25px;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);user-select:none;-webkit-user-select:none;touch-action:manipulation}.letsgo:active{transform:scale(.97)}.form{position:relative;height:50px;width:310px;border-radius:10px;display:flex;align-items:center;margin-bottom:25px}.form-input{position:relative;background-color:#f3f3f3;color:#000;font-size:1em;height:50px;width:100%;border-radius:10px;outline:none;padding-left:20px;padding-right:85px}.form-input:focus{box-shadow:0 0 8px 3px #149ecab3;border:1px solid #149ECA}.form-btn{border:none;position:absolute;cursor:pointer;right:0;color:#f3f3f3;background-color:#149eca;font-size:1.4em;height:50px;width:75px;border-radius:10px;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);user-select:none;-webkit-user-select:none;touch-action:manipulation}.form-btn:active{transform:scale(.9)}.proposition{position:relative;background-color:#273a4d;height:50px;width:310px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:0 6px 0 22px;margin-bottom:5px}.proposition button{cursor:pointer;height:100%;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:transparent}.proposition button img{height:60%}.proposition button:active{transform:scale(.9)}.reset_list{display:block;cursor:pointer;margin:25px auto;height:50px;width:155px;border-radius:10px;font-size:1.1em;background-color:#dc143c;color:#f3f3f3;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);user-select:none;-webkit-user-select:none;touch-action:manipulation;opacity:0;transform:translateY(20px)}.reset_list:active{transform:scale(.97)}.load_saver{margin:25px 0 0;position:relative;display:flex;justify-content:space-between;width:100%;height:50px;border-radius:10px;transform:translateY(20px);opacity:0}.load_save_btn{margin:12px 0 0;position:relative;display:flex;justify-content:space-between;width:100%;height:50px;border-radius:50px;transform:translateY(20px);opacity:0}.input_saver{background-color:#f3f3f3;width:100%;height:50px;border-radius:10px;overflow:hidden;outline:none;text-align:left;padding-left:20px;padding-right:102px;font-family:Righteous,cursive,Helvetica,sans-serif;font-style:italic;font-size:1em}.save{position:absolute;right:0;cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:30%;height:100%;border-radius:10px;background-color:#41b883;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);color:#f3f3f3}.own_list{margin:15px 0 0}.a_list{position:relative;cursor:pointer;background-color:#224233;height:50px;width:310px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:0 6px 0 22px;margin-bottom:5px}.name_list{display:flex;justify-content:flex-start;align-items:center;height:100%;width:calc(100% - 60px);overflow:hidden;padding-left:4px;letter-spacing:1px}.name_list:active{transform:scale(.96)}.a_list button{cursor:pointer;height:100%;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:transparent}.a_list button img{height:40%;z-index:5}.a_list button:active{transform:scale(.85)}.load_saver{margin:15px 0 0;position:relative;display:flex;justify-content:space-between;width:100%;height:50px;border-radius:50px}.load{cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:100%;height:100%;border-radius:10px;background-color:#41b883;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);color:#f3f3f3}.hide{cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:100%;height:100%;border-radius:10px;background-color:#2a7653;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);color:#f3f3f3}footer{display:flex;justify-content:center;align-items:center;margin:100px auto 50px;width:310px}.coded{cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;font-size:1em;background-color:#149eca;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff8c,#fff0 89.79%,#fff0);color:#181818;border-radius:4px;padding:2px 8px;margin:0 8px 0 0}.active{transform:scale(1.1);background-color:#149eca;z-index:10}.bounce-enter-active{animation:bounce-in .5s}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.delete-item{animation:delete-out .5s forwards}@keyframes delete-out{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(0);display:none}}.slide-fade-enter{animation:slideIn .4s ease-out forwards}.slide-fade-leave{animation:slideOut .25s ease-in forwards}.disabled-click{pointer-events:none!important}@keyframes slideIn{0%{display:block;transform:translateY(20px);opacity:0}to{display:block;transform:translateY(0);opacity:1}}@keyframes slideOut{0%{display:block;transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0;display:none}}.animate{animation:animChoicer 2.5s ease-in-out backwards}.animate2{animation:animChoicer2 2.5s ease-in-out backwards}@keyframes animChoicer{0%{transform:scale(.95)}12.5%{transform:scale(1.05)}25%{transform:scale(.95)}37.5%{transform:scale(1.05)}50%{transform:scale(.95)}62.5%{transform:scale(1.05)}75%{transform:scale(.95)}87.5%{transform:scale(1.05)}to{transform:scale(.95)}}@keyframes animChoicer2{0%{transform:scale(1.05)}12.5%{transform:scale(.95)}25%{transform:scale(1.05)}37.5%{transform:scale(.95)}50%{transform:scale(1.05)}62.5%{transform:scale(.95)}75%{transform:scale(1.05)}87.5%{transform:scale(.95)}to{transform:scale(.925)}}.none{display:none}*,:before,:after{box-sizing:border-box;padding:0;margin:0;font-family:Righteous,cursive,Helvetica,sans-serif}body{overflow-x:hidden;min-width:375px;background-color:#242424;color:#f3f3f3;font-family:Righteous,cursive,Helvetica,sans-serif}a{text-decoration:none;color:#f3f3f3}a:hover{color:#149eca}ul,li{text-decoration:none;list-style-type:none}button,input{border:none}*{scrollbar-width:thin;scrollbar-color:rgb(24,24,24) rgb(243,243,243,.2)}*::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-track{background:#f3f3f333}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#149eca}::selection{background-color:#149eca;color:#fff}