@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.side-form{position:fixed;height:92vh;left:0;top:3rem;width:15rem;border-right:1px black solid;display:flex;flex-direction:column;padding:.4rem;overflow:auto}.input-letter-list{font-size:1rem;margin:.6rem 0}.input-type{border-radius:5px;border:1px black solid;font-size:1.2rem;padding:0 .4rem;margin-top:.3rem}.container{position:fixed;top:0;left:0;width:100%;height:3rem;background-color:#1f2121;display:flex;color:#fff;align-items:center;padding:0 1rem;z-index:999}.title-app{color:#fff;font-size:1.5rem}.icon-container{cursor:pointer;color:#fff;padding-left:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.icon-container:hover{color:#a5a500}.icon{font-size:1.3rem}.icon-text{margin-top:.3rem;font-size:.7rem}.main-container{width:100vw;height:100vh}.side-form{position:fixed;left:0;height:92vh;top:3rem;width:15rem;border-right:1px black solid;padding:.4rem;overflow:auto;z-index:40;background-color:#fff}.side-form-title{font-size:1.5rem}.input-container{display:flex;flex-direction:column;margin:.5rem 0}.file-name{width:100%;text-align:center;font-size:1.2rem;padding:.4rem 0;background-color:#cdcdf9;border-radius:3px}.label-upload{margin-top:.5rem;cursor:pointer;border-radius:6px;text-align:center;background-color:#3434de;padding:.4rem;color:#fff}.input-type{border-radius:5px;border:1px black solid;font-size:1.2rem;padding:0 .4rem}.input-letter{font-size:1rem}.main-panel{display:flex;padding-left:16.5rem;padding-top:4rem;flex-direction:column;align-items:start}.prop-container{display:flex;width:100%;margin-top:.6rem}.prop-input{width:100%;border-radius:5px;border:1px black solid}.prop-list-container{display:flex;flex-direction:column}.prop-span-keys{width:100%;border:1px black solid;display:flex;margin-bottom:.5rem;border-radius:5px}.prop-button{border:none;background-color:#000067;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:.4rem;cursor:pointer;border-radius:3px}.prop-button-delete{border:none;background-color:#83001c;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:.4rem;cursor:pointer;border-radius:3px}.check-container{margin-top:.5rem;display:flex;align-items:center}.warning{font-size:.7rem;align-items:center;display:flex}.button-submit{border:none;background-color:#065706;color:#fff;font-size:.9rem;padding:.7rem;border-radius:5px;cursor:pointer}.button-submit :disabled{cursor:not-allowed}.file-container{display:flex;justify-content:space-around;flex-wrap:wrap}.item-container{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;height:9rem;width:9rem;border:1px black solid;position:relative}.file-title{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;width:100%;background-color:#3535d1;color:#fff;text-align:center;height:auto}.file-icon{font-size:3rem}.close-icon{color:red;font-size:2rem;position:absolute;right:2px;top:2px;cursor:pointer}.close-icon :hover{color:#ec6868}.grid-container{gap:3rem;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.roboto-thin{font-family:Roboto,sans-serif;font-weight:100;font-style:normal}.roboto-light{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}.roboto-black{font-family:Roboto,sans-serif;font-weight:900;font-style:normal}.roboto-thin-italic{font-family:Roboto,sans-serif;font-weight:100;font-style:italic}.roboto-light-italic{font-family:Roboto,sans-serif;font-weight:300;font-style:italic}.roboto-regular-italic{font-family:Roboto,sans-serif;font-weight:400;font-style:italic}.roboto-medium-italic{font-family:Roboto,sans-serif;font-weight:500;font-style:italic}.roboto-bold-italic{font-family:Roboto,sans-serif;font-weight:700;font-style:italic}.roboto-black-italic{font-family:Roboto,sans-serif;font-weight:900;font-style:italic}