*{border:0;box-sizing:border-box}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header.header{align-items:center;background-color:#1a97fe;color:#fff;display:flex;justify-content:space-between;min-height:160px}header.header h1{font-family:Arial,Helvetica,sans-serif;font-size:50px;font-weight:500;margin:0 50px}header.header .input-section{align-items:flex-start;display:flex;flex-direction:column;font-weight:600;margin:0 35px}header.header .input-section input[type=file]{display:none}header.header .input-section .button-container{display:flex}header.header .input-section .button-container .custom-button{background-color:#fff;border-radius:10px;color:#1a97fe;cursor:pointer;display:inline-block;margin:5px 0;padding:10px 15px;transition:all .3s}header.header .input-section .button-container .custom-button:hover{background-color:#f5f5f5;box-shadow:0 3px 8px rgba(0,0,0,.24)}header.header .input-section .button-container .clear-data{margin-left:15px}header.header .input-section .select-section{display:flex;flex-direction:column;font-size:15px;font-weight:600}header.header .input-section .select-section select{border-radius:5px;color:#1a97fe;cursor:pointer;font-weight:600;margin:5px 0;padding:5px}main{background-color:#f5f5f5}main .container-value{display:flex;overflow:scroll;padding:15px}main .container-value .keys{background-color:#fff;border-radius:20px;box-shadow:0 3px 8px rgba(0,0,0,.24);height:calc(100vh - 280px);margin:15px;min-height:500px;min-width:500px;overflow:scroll}main .container-value .keys .title{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:100px;justify-content:center;position:-webkit-sticky;position:sticky;top:0}main .container-value .keys .title h3{font-size:20px;font-weight:500}main .container-value .keys .title .uppercase{text-transform:uppercase}main .container-value .keys .title.keysTab{flex-direction:column}main .container-value .keys .addKeyBox{height:30px;margin-top:10px;padding:0 15px;width:100%}main .container-value .keys .addKeyBox input.addKey{border:1px solid gray;border-radius:8px;font-size:15px;height:30px;padding:0 8px;width:70%}main .container-value .keys .addKeyBox button.addKey{height:30px}main .container-value .keys .content-box{align-items:flex-end;display:flex;flex-direction:column;width:100%}main .container-value .keys .content-box .row{overflow:scroll;padding:5px 15px;width:100%}main .container-value .keys .content-box .row div{align-items:center;border-top:1px solid #d3d3d3;display:flex;height:30px}main .container-value .keys .content-box .row div input{color:#000;font-size:15px;height:25px;padding:2px;width:100%}main .container-value .keys .content-box .row div input.error{border:1px solid #ff3f3f;border-radius:5px}main .container-value .keys .content-box .row div svg{color:tomato;cursor:pointer;font-size:20px;padding:5px;transition:all .2s}main .container-value .keys .content-box .row div svg:hover{color:red}main .container-value .keys .content-box .row div h3{font-size:15px;font-weight:400;margin:5px 0;overflow-y:scroll;white-space:nowrap;width:calc(100% - 20px)}main .container-value .keys .content-box .row div h3::-webkit-scrollbar{display:none}main .container-value .keys .content-box .row div h3{-ms-overflow-style:none;scrollbar-width:none}main .container-value .keys .content-box .row div:first-child{border:none}main .container-value .keys .content-box p{display:table;white-space:nowrap;width:100%}main .bottom-section{height:60px;text-align:center}main button{background-color:#1a97fe;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin:10px 5px;padding:10px 15px;transition:all .3s}main button.saved{background-color:#56b3ff}main button:hover{background-color:#368ace}main button.addKey{font-size:15px;margin:0 5px;padding:5px 10px;width:calc(30% - 10px)}
/*# sourceMappingURL=main.e4e81895.css.map*/