@font-face{font-family:"roboto-mono-regular-normal";src:url("../fonts/roboto/mono/regular/normal.ttf")}@font-face{font-family:"roboto-mono-regular-italic";src:url("../fonts/roboto/mono/regular/italic.ttf")}@font-face{font-family:"roboto-mono-bold-normal";src:url("../fonts/roboto/mono/bold/normal.ttf")}@font-face{font-family:"roboto-mono-bold-italic";src:url("../fonts/roboto/mono/bold/italic.ttf")}.flex,.flex-column,.flex-column-center,.flex-row,.flex-row-right,.flex-row-left,.flex-row-bottom,.flex-row-center,.element-title text{display:flex;flex-wrap:wrap;text-align:center}.flex-row,.flex-row-right,.flex-row-left,.flex-row-bottom,.flex-row-center,.element-title text{flex-direction:row}.flex-row-center,.element-title text{justify-content:center;align-items:center}.flex-row-bottom{justify-content:center;align-items:flex-end}.flex-row-left{justify-content:left;align-items:center}.flex-row-right{justify-content:right;align-items:center}.flex-column,.flex-column-center{flex-direction:column}.flex-column-center{justify-content:center;align-items:center}*{outline:none;-webkit-tap-highlight-color:transparent;font-family:"roboto-mono-regular-normal",monospace;font-size:calc(4px * 4);padding:0;margin:0;transition-duration:400ms;-o-transition-duration:400ms;-moz-transition-duration:400ms;-webkit-transition-duration:400ms}html{display:flex;min-height:100%;min-width:calc( calc(800px - calc(calc(4px * 4) * 1.1) * 2) + calc(calc(4px * 4) * 1.1) * 2 )}body{width:calc(100% - calc(calc(4px * 4) * 1.1) * 2);min-width:calc(800px - calc(calc(4px * 4) * 1.1) * 2);padding:calc(calc(4px * 4) * 1.1)}::selection{background-color:#7e57c2;color:rgba(255,255,255,.87)}::-moz-focus-inner,::-moz-focus-outer{border:none}input:hover,textarea:hover{border-color:#9575cd}input:focus,textarea:focus{border-color:#7e57c2}.data-input,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:calc(calc(4px * 4) + 4px * 2);width:calc(calc(calc(4px * 4) / 1.59) * 10)}.data-textarea,textarea{resize:none;line-height:calc( calc(4px * 4) + 4px * 2 ) !important;height:calc(calc( calc(4px * 4) + 4px * 2 ) * 10);width:calc(calc(calc(4px * 4) / 1.59) * 10)}.data-all,input,textarea{border:2px solid rgba(0,0,0,.15);padding-left:calc(calc(4px * 2 * 1.5) + 1px);padding-right:calc(4px * 2 * 1.5);padding-top:calc(4px * 1.5 * 1.5);padding-bottom:calc(4px * 1.5 * 1.5);border-radius:calc(calc(4px * 4) / 2);overflow:-moz-hidden-unscrollable;scrollbar-width:none}.data-all::-webkit-scrollbar,input::-webkit-scrollbar,textarea::-webkit-scrollbar{width:0 !important}label:hover{cursor:pointer}text{background-color:transparent !important;pointer-events:none}button text,.delete text,.update text,.create text{color:rgba(0,0,0,.87)}button,.delete,.update,.create{-webkit-user-drag:none;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;visibility:visible;background-color:#ede7f6;color:rgba(0,0,0,.87);border:2px solid rgba(0,0,0,.15);border-color:#d1c4e9;border-radius:calc(calc(4px * 4) / 2);text-align:center;cursor:pointer;padding:calc(calc(4px * 4) * 1.1);margin-left:calc(4px * 4);margin-right:calc(4px * 4);margin-top:calc(4px * 4);margin-bottom:calc(calc(4px * 4) / 2)}button:hover,.delete:hover,.update:hover,.create:hover,button:hover text,.delete:hover text,.update:hover text,.create:hover text{background-color:#9575cd;color:rgba(255,255,255,.87);border-color:#5e35b1}button:active,.delete:active,.update:active,.create:active,button:active text,.delete:active text,.update:active text,.create:active text{background-color:#7e57c2;color:rgba(255,255,255,.87);border-color:#512da8}table,thead,th,tbody,tr,td,tfoot,caption{font-weight:unset}table{margin:calc(4px * 4);border-collapse:collapse}td,th{border:2px solid #d3d3d3;padding:calc(4px * 4) calc(calc(4px * 4) * 2)}text,th,td{word-wrap:break-word;overflow:hidden;overflow-wrap:break-word}td{word-break:break-all}hr{margin:calc(4px * 4);border:none;border-bottom:2px solid rgba(0,0,0,.15)}.separator{color:rgba(0,0,0,.45)}p{margin:calc(4px * 4)}a,a text{text-decoration:none !important;color:#1e88e5 !important;border-bottom:2px solid transparent !important;margin:0 !important}a:hover,a text:hover{border-bottom:2px solid #1e88e5 !important}a:active,a text:active{color:#1565c0 !important;border-color:#1565c0 !important}img{-webkit-user-drag:none;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.icon{width:calc(4px * 4)}.space{width:calc(4px * 4);height:calc(4px * 4)}.transparent{color:transparent}@media only screen and (min-width: 0px){.data-small{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 2);width:calc(calc(calc(4px * 4) / 1.59) * 12)}.data-normal{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 5);width:calc(calc(calc(4px * 4) / 1.59) * 12)}}@media only screen and (min-width: 320px){.data-small{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 2);width:calc(calc(calc(4px * 4) / 1.59) * 18)}.data-normal{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 5);width:calc(calc(calc(4px * 4) / 1.59) * 18)}}@media only screen and (min-width: 640px){.data-small{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 2);width:calc(calc(calc(4px * 4) / 1.59) * 24)}.data-normal{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 5);width:calc(calc(calc(4px * 4) / 1.59) * 24)}}@media only screen and (min-width: 768px){.data-small{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 2);width:calc(calc(calc(4px * 4) / 1.59) * 48)}.data-normal{height:calc(calc( calc(4px * 4) + 4px * 2 ) * 5);width:calc(calc(calc(4px * 4) / 1.59) * 48)}}.font-bold-normal,.delete text,.delete,.update text,.update,.create text,.create,table th{font-family:"roboto-mono-bold-normal",monospace}.font-bold-italic{font-family:"roboto-mono-bold-italic",monospace}.font-regular-normal{font-family:"roboto-mono-regular-normal",monospace}.font-regular-italic{font-family:"roboto-mono-regular-italic",monospace}.element-default{text-align:center;border:2px solid rgba(0,0,0,.15);border-radius:calc(calc(4px * 4) * 1.1);margin:calc(calc(4px * 4) * 1.1);padding:calc(calc(4px * 4) * 1.1);-webkit-box-shadow:0 calc(calc(calc(4px * 4) / 2) / 8) calc(calc(calc(4px * 4) / 2) / 8) 2px rgba(0,0,0,.025);-moz-box-shadow:0 calc(calc(calc(4px * 4) / 2) / 8) calc(calc(calc(4px * 4) / 2) / 8) 2px rgba(0,0,0,.025);box-shadow:0 calc(calc(calc(4px * 4) / 2) / 8) calc(calc(calc(4px * 4) / 2) / 8) 2px rgba(0,0,0,.025)}.element-title text{font-family:"roboto-mono-bold-normal",monospace;font-size:1.4em;margin-left:calc(4px * 4);margin-right:calc(4px * 4);margin-top:calc(calc(4px * 4) / 2);margin-bottom:calc(4px * 4)}.element-subtitle{color:rgba(0,0,0,.55)}.element-items{margin:calc(calc(4px * 4) / 2)}.element-items text,.element-items label,.element-items input,.element-items textarea{margin:calc(calc(4px * 4) / 2)}table th{min-width:120px;background-color:#e3f2fd;color:#0d47a1;border-color:#bbdefb;font-size:calc(calc(4px * 4) * 1.3)}table td{background-color:#f5f5f5;color:rgba(0,0,0,.87);border:2px solid rgba(0,0,0,.15);border-color:#cfd8dc;border-radius:0;text-align:center;cursor:text;padding:calc(calc(4px * 4) * 1.1);margin-left:calc(calc(4px * 4) / 2);margin-right:calc(calc(4px * 4) / 2);margin-top:calc(4px * 4);margin-bottom:calc(calc(4px * 4) / 2)}table td:hover,table td:hover text{background-color:rgba(255,255,255,.87);color:rgba(0,0,0,.87);border-bottom-color:#b0bec5}table td:active,table td:active text,table td:focus{background-color:rgba(255,255,255,.87);color:rgba(0,0,0,.87);border-bottom-color:#90caf9}.table-transparent{min-width:80px !important;background-color:transparent;color:transparent;border-color:transparent;font-size:calc(calc(4px * 4) * 1.25)}.create{background-color:#e8f5e9;color:#1b5e20;border-color:#c8e6c9}.create text{color:#1b5e20}.create:hover,.create:hover text{background-color:#e8f5e9;color:#1b5e20;border-color:#81c784}.create:active,.create:active text{background-color:#c8e6c9;color:#1b5e20;border-color:rgba(255,255,255,.87)}.update{background-color:#e3f2fd;color:#0d47a1;border-color:#bbdefb}.update text{color:#0d47a1}.update:hover,.update:hover text{background-color:#e3f2fd;color:#0d47a1;border-color:#64b5f6}.update:active,.update:active text{background-color:#bbdefb;color:#0d47a1;border-color:rgba(255,255,255,.87)}.delete{background-color:#fff3e0;color:#e65100;border-color:#ffe0b2}.delete text{color:#e65100}.delete:hover,.delete:hover text{background-color:#fff3e0;color:#e65100;border-color:#ffb74d}.delete:active,.delete:active text{background-color:#ffe0b2;color:#e65100;border-color:rgba(255,255,255,.87)}#first-name,#second-name,#e-mail{background-color:#fafafa;color:#212121;border-color:#cfd8dc}#first-name:hover,#first-name:hover text,#second-name:hover,#second-name:hover text,#e-mail:hover,#e-mail:hover text{background-color:rgba(255,255,255,.87);color:#212121;border-bottom-color:#b0bec5}#first-name:active,#first-name:active text,#first-name:focus,#second-name:active,#second-name:active text,#second-name:focus,#e-mail:active,#e-mail:active text,#e-mail:focus{background-color:rgba(255,255,255,.87);color:#212121;border-bottom-color:#a5d6a7}