.interactions{position:relative;height:85px}.bar{border:1.5px solid black;position:absolute;width:100%;top:10px;opacity:1;z-index:-10}.btn-dop-submit{width:40%;border:1px solid rgb(109,109,109);border-radius:20px;background-color:#a8ff92;font-size:.9em;font-family:Prata,Cormorant Garamond,serif,sans-serif;left:30%;top:10px;position:absolute}.btn-dop-submit:hover{background-color:#8fda7d;transition:.1s}.btn-dop-submit:active{background-color:#86c975}.clicked_once{background-color:gray;opacity:.7}.clicked_twice{opacity:.7}.card{position:absolute;left:0;top:0;height:100%;width:100%}.num_card{position:absolute;left:0;top:0;height:100%;opacity:.6;width:100%;font-size:6rem;color:#393e7c;line-height:110%;font-family:Roboto,sans-serif}.button_card{position:relative;box-shadow:0 4px 8px gray,0 6px 20px gray;border:0px;transition:.2s;height:110px;width:72px}button.button_card:hover{transform:scale(1.02)}button.button_card:active{transform:scale(.95);transition:.1s}.popup{background-color:#92a8ff;border:1px solid grey;border-radius:30px;box-shadow:0 4px 8px #3b3b3b;padding:0 4px;color:#000;width:90%;height:70%;left:5%;top:17%;position:absolute;z-index:3}.close{left:35%;bottom:3%;position:absolute}.result-bar{height:30px;font-size:13px;position:relative;z-index:15}.zero-indicator{vertical-align:middle;display:inline;line-height:30px;z-index:10;position:inherit}.all-indicator{float:right;line-height:30px;z-index:10;position:inherit}.progress-bar{position:absolute;height:100%;background-color:#ecff95;box-shadow:0 0 1em gold}.fillAnimation{animation-name:fillProgressBar;animation-duration:1s;animation-delay:.2s;animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-fill-mode:both}.showNumAnimation{animation-name:showNum;animation-duration:.5s;animation-delay:.2s}@keyframes showNum{0%{opacity:0;transform:translate(-20px)}to{opacity:1}}@keyframes fillProgressBar{0%{width:0%}}.color-0{background-color:#ff3d3d;box-shadow:0 0 1em #ca2323}.color-1{background-color:#ff5a3d;box-shadow:0 0 1em #c94d2e}.color-2{background-color:#ff843d;box-shadow:0 0 1em #be622c}.color-3{background-color:#ffe240;box-shadow:0 0 1em #c0ab31}.color-4{background-color:#ecff40;box-shadow:0 0 1em #aebd2e}.color-5{background-color:#f2ff40;box-shadow:0 0 1em #7fbd2d}.color-6{background-color:#ccff40;box-shadow:0 0 1em #7fbd2d}.color-7{background-color:#c6ff40;box-shadow:0 0 1em #7fbd2d}.color-8{background-color:#a6ff40;box-shadow:0 0 1em #76b62c}.color-9{background-color:#86ff40;box-shadow:0 0 1em #5db12c}.color-10{background-color:#38ff38;box-shadow:0 0 1em #26be26}.btn-dop-close{width:15%;border:1px solid rgb(109,109,109);border-radius:20px;background-color:#e2e2e2;font-size:.9em;font-family:Prata,Cormorant Garamond,serif,sans-serif;left:43%;top:10px;position:absolute}.btn-dop-close:hover{background-color:#c4c4c4;transition:.1s}.btn-dop-close:active{background-color:#aaa}.card_list{border:0px;transition:.2s;height:80px;width:32px;object-fit:cover;object-position:0px 50%}.list_struct{margin:10px 10px 0;cursor:pointer}body{margin:0;background:#f0f0f0;font-family:Prata,Cormorant Garamond,serif,sans-serif;font-size:1.3em;height:100%}.background{position:fixed;width:100%;height:100%;background-color:#7a7a7a80;z-index:2;top:0;padding:5 5 5 5}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.open-enter-active,.open-leave-active{transition:all .3s ease-in-out}.open-enter-from,.open-leave-to{transform:scale(.5);opacity:0}.message-style{background-color:#ffe240;top:30%;z-index:40;box-shadow:0 0 1em #c0ab31;left:20%;width:60%;border-radius:20px}.message-enter-active,.message-leave-active{transition:all .4s cubic-bezier(.3,1.3,1,1)}.message-enter-from,.message-leave-to{transform:translateY(-400px)}