*{margin:0;font-family:Manrope,sans-serif}#app{display:flex;padding:.5rem;gap:.5rem}:root{--white--coco: #ffffff;--black--coco: #0E1424;--shadow--coco: #0E142466;--green--coco: #00F872;--blue--coco: #00C1D1;--grey--coco: #E5E5E5;--disabled--coco: #B7B7B7;--alert--blue: #1247DB;--alert--green: #00CC58;--alert--red: #E02637;--alert--orange: #FFA800;--hover--blue: #0031B8;--hover--green: #00AC4A;--hover--red: #CC0300;--hover--orange: #E19401;--active--blue: #002384;--active--green: #00913E;--active--red: #B70300;--active--orange: #CF8801;--select--hover: #00F87225}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;margin:0;display:none}input[type=number]:hover,input[type=number]:focus{outline:none}.black_button{background-color:var(--black--coco);color:var(--white--coco);border:2px solid var(--black--coco);padding:.5rem 1rem;border-radius:3rem;font-weight:600;box-shadow:0 1px 4px #0e142466;cursor:pointer}.black_button:hover{color:var(--green--coco)}.black_button:active{border:2px solid var(--green--coco)}.black_button:disabled{background-color:var(--disabled--coco);border:2px solid var(--disabled--coco);color:var(--white--coco);cursor:not-allowed;box-shadow:none}.light_button{background-color:var(--white--coco);color:var(--black--coco);border:1px solid var(--white--coco);outline:1px solid var(--black--coco);padding:.5rem 1rem;border-radius:3rem;font-weight:600;box-shadow:0 1px 4px #0e142466;display:flex;align-items:center;justify-content:center;cursor:pointer}.light_button:hover{border:1px solid var(--black--coco)}.green_button{background-color:var(--white--coco);color:var(--black--coco);border:1px solid var(--white--coco);outline:1px solid var(--black--coco);padding:.5rem 1rem;border-radius:3rem;font-weight:600;box-shadow:0 1px 4px #0e142466;display:flex;align-items:center;justify-content:center;cursor:pointer}.green_button:hover{outline:1px solid var(--hover--green);border:1px solid var(--hover--green);color:var(--hover--green)}.orange_button{background-color:var(--white--coco);color:var(--black--coco);border:1px solid var(--white--coco);outline:1px solid var(--black--coco);padding:.5rem 1rem;border-radius:3rem;font-weight:600;box-shadow:0 1px 4px #0e142466;cursor:pointer;display:flex;align-items:center;justify-content:center}.orange_button:hover{outline:1px solid var(--hover--orange);border:1px solid var(--hover--orange);color:var(--hover--orange)}.red_button{background-color:var(--white--coco);color:var(--black--coco);border:1px solid var(--white--coco);outline:1px solid var(--black--coco);padding:.5rem 1rem;border-radius:3rem;font-weight:600;box-shadow:0 1px 4px #0e142466;cursor:pointer;display:flex;align-items:center;justify-content:center}.red_button:hover{outline:1px solid var(--hover--red);border:1px solid var(--hover--red);color:var(--hover--red)}.blue_button{background-color:var(--white--coco);color:var(--black--coco);border:1px solid var(--white--coco);outline:1px solid var(--black--coco);padding:.5rem 1rem;border-radius:3rem;font-weight:600;box-shadow:0 1px 4px #0e142466;cursor:pointer;display:flex;align-items:center;justify-content:center}.blue_button:hover{outline:1px solid var(--hover--blue);border:1px solid var(--hover--blue);color:var(--hover--blue)}.alert{display:flex;flex-direction:row;gap:.5rem;align-items:center;width:100%;padding:.8rem .8rem .8rem .5rem;border-radius:.55rem;background:#00c1d140}.alert .content_alert{font-size:.8rem}.alert .title_alert{display:flex;align-items:center;gap:20px}.alert .sub_title_alert{display:flex;flex-direction:column;gap:10px}.alert .img_alert{width:1.3rem}.alert.warning{background:#ffa80040}.alert.warning .sub_title_alert{font-weight:500;font-size:.8rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--white--coco);border:none;border-radius:10px;margin:3px}::-webkit-scrollbar-thumb{background:var(--grey--coco);border-radius:5px;border:2px solid var(--white--coco)}::-webkit-scrollbar-thumb:hover{background:var(--hover--green)}::-webkit-scrollbar-corner{background:var(--white--coco);border:none}.black_button:disabled,.light_button:disabled,.green_button:disabled,.orange_button:disabled,.red_button:disabled,.blue_button:disabled{opacity:.5;border:2px solid var(--grey--coco);color:var(--white--coco);cursor:not-allowed;box-shadow:none}