:root{--border-color: rgb(110, 130, 110);--scrollbar-width: 6px;--scrollbar-height: 6px;--active-input-border: rgb(36, 36, 100);--element-border: 1px solid rgb(33, 33, 33);--background-color: rgb(18, 18, 18);--color-background: rgb(18, 18, 18);--color-background2: rgb(38, 38, 38);--color-background3: rgb(63, 63, 63);--color-surface: #1e1e1e;--color-elevated: #2a2a2a;--color-primary: rgb(239, 239, 249);--color-primary2: rgb(200, 200, 200);--color-primary3: rgb(180, 180, 180);--color-action: rgb(36, 36, 100);--hightlight-border: 1px solid rgb(63, 63, 63);--color-primary-variant: #3700b3;--color-secondary: #bbbbbb;--color-error: rgb(230, 60, 60);--color-success: rgb(0, 249, 0);--color-warning: #f9a825;--color-info: #2196f3;--color-disabled: rgb(54, 59, 121);--color-placeholder: rgb(63, 63, 63);--color-element: rgb(35, 35, 36);--color-icon: var(--color-primary3);--border-color: #2c2c2c;--border-color-hover: #444;--border-radius: 6px;--input-label-color: var(--color-primary3);--input-background: #1c1c1c;--input-text: var(--color-primary);--input-placeholder: var(--color-placeholder);--input-border: 1px solid rgb(33, 33, 33);--input-focus-border: 1px solid rgb(36, 36, 100);--button-background: var(--color-primary);--button-text: var(--color-text-primary);--button-hover-background: #9c57f3;--button-disabled-background: #333;--button-disabled-text: #777;--elevation: 0 2px 8px rgba(0, 0, 0, .7);--elevation2: 0 4px 12px rgba(0, 0, 0, .7);--elevation3: 0 6px 16px rgba(0, 0, 0, .7);--transition-fast: .2s ease;--transition-slow: .4s ease}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height);border-radius:50%}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #a3a3a3;background:transparent;border-radius:6px}::-webkit-scrollbar-thumb{background:#797979;border-radius:6px}::-webkit-scrollbar-thumb:hover{cursor:pointer;background-color:#646464}*{font-family:Roboto,sans-serif;font-size:medium;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.title{color:var(--color-primary);font-size:1.6rem}.containerPaginas{position:relative;width:100%;height:100%;border-radius:8px;overflow-y:hidden;border:var(--element-border);box-shadow:var(--elevation)}body{position:relative;font-family:Roboto,sans-serif;font-style:normal;font-size:medium;height:100vh;overflow-y:hidden;overflow-x:hidden;padding:0;margin:0;background-color:var(--background-color)}.element{border:var(--element-border);background-color:var(--color-element)}.overlay{width:100%;height:100%;background:radial-gradient(circle,#0606061a);z-index:99;overflow:hidden}.backdrop{position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;background:#060606cc}.mainContent{margin:0 auto;width:100%;height:100%}.titulo{font-size:1.8rem;font-weight:700;color:#535361}.h-divider{display:flex;width:100%;border-top:var(--color-elevated)}.shadow{box-shadow:var(--elevation)}.subtitulo{font-size:1.2rem;font-weight:700;color:#535361}.text{color:var(--color-primary)}.text2{color:var(--color-primary2)}.elevated{background:var(--color-elevated)}.surface{background:var(--color-surface)}.solid{border:1px solid var(--border-color)}.dotted{border:1px dotted var(--border-color)}.circular{border-radius:50%}.r12{border-radius:12px}.r8{border-radius:8px}.r4{border-radius:4px}.margin12{margin:12px}.header{color:#fff;width:100%;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;border-top-left-radius:8px;border-top-right-radius:8px;background:linear-gradient(coral,red)}.margin20{margin:20px}.h-center{margin:auto 0}.h-80{min-height:80%}.h-70{min-height:70%}.h-fit{min-height:fit-content}.h-full{height:100%}.h-9{height:900px}.h-8{height:800px}.h-7{height:700px}.h-6{height:600px}.h-5{height:500px}.h-4{height:400px}.h-3{height:300px}.h-2{height:200px}.h-1{height:100px}.h-05{height:50px}.h-03{min-height:30px}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.gap4{gap:4px}.gap12{gap:12px}.gap18{gap:18px}.gap22{gap:22px}.column{display:flex;flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-space{justify-content:space-between}.justify-end{justify-content:end}.inputContainer{display:flex;flex-direction:column;justify-content:space-between;height:64px;padding:8px;border-radius:8px;border:1px solid lightgrey;color:#3f3f64;background-color:#fff;outline:none;font-size:1rem}.c-t{cursor:text}.areaContainer{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;padding:8px;border-radius:8px;border:1px solid lightgrey;color:#3f3f64;background-color:#fff;outline:none;font-size:1rem}.inputContainer:focus-within{border-color:var(--active-input-border)}.areaContainer:focus-within{border-color:var(--active-input-border)}.input{height:26px;border:none;outline:none;width:100%;background-color:transparent;color:#3f3f64}.input::placeholder{color:var(--color-placeholder)}.input::-ms-reveal,input::-ms-clear{display:none}.input:read-only{border-color:#f0f0f0;color:#8c8c8c;outline:none}.panel{padding:28px 12px 12px}.overtop{top:-10px;left:50%;transform:translate(-50%);padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;background-color:var(--background-color)}.card{display:flex;flex-direction:column;width:100%;padding:20px;min-width:400px;gap:26px;row-gap:26px;border-radius:8px;margin-left:auto;margin-right:auto}.w-80{width:80%}.w-center{margin:0 auto}.w-fit{width:fit-content}.w-full{width:100%}.w-9{width:900px}.w-8{width:800px}.w-7{width:700px}.w-6{width:600px}.w-5{width:500px}.w-4{width:400px}.w-3{width:300px}.w-2{width:200px;min-width:200px}.w-1{width:100px}.w-05{width:50px}.mh-620{max-height:620px}.gravity-down{margin-top:auto}.gravity-right{margin-left:auto}.gravity-left{margin-right:auto}.gravity-up{margin-bottom:auto}.relative{position:relative}.absolute{position:absolute}.padding12{padding:12px}.padding16{padding:16px}.padding22{padding:22px}.padding-h-12{padding:0 12px}.top-right{top:4px;right:4px}.padding-w-12{padding:0 12px}.self-center{margin:auto}.self-start{margin-right:auto}.self-end{margin-left:auto}.h-scroll{overflow-y:scroll}.sticky{position:sticky}.text-center{text-align:center}.btnLabel{min-height:40px;min-width:40px;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.3s ease;background:linear-gradient(#5d5d5d,#212121,#1a1a1a);border:var(--input-border);color:#c1c1c1}.btnLabel:hover{box-shadow:var(--elevation)}.delete{background:linear-gradient(#fc6464,#c80f0f);box-shadow:0 1px 2px #fc6464;border:none;color:#fff}.save{background:linear-gradient(#64fc64,#0fc80f);box-shadow:0 1px 2px #64fc64;border:none;color:#fff}.btnLabel:disabled{background-color:#000}.btn{min-height:40px;min-width:40px;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.3s ease-in}.b-link{background-color:transparent;border:none;color:var(--color-primary3);font-weight:500;text-decoration:underline;cursor:pointer;font-size:.8rem}.labelDivider{display:flex;align-items:center;justify-content:start;width:100%;color:var(--color-primary);font-size:1.6rem;font-weight:600}.h-divider{width:100%;border-bottom:1px solid darkgrey}.b-flat{padding:6px;color:var(--color-primary);font-size:.8rem;font-weight:400;height:30px;cursor:pointer;transition:all .3s ease;border:var(--input-border);border-radius:4px;background:var(--input-background)}.b-flat:disabled{background-color:transparent}.v-scroll{overflow-y:auto;overflow-x:hidden}.h-scroll{overflow-y:hidden;overflow-x:auto}.scroll{overflow:auto}.v-hide{overflow-x:hidden}.hide{overflow:hidden}.b-flat:disabled:hover{box-shadow:none;cursor:none}.b-flat:hover,.btn:hover{box-shadow:var(--elevation)}.b-flat-dng{background:var(--color-error)}.b-flat-info{background:var(--input-background)}.enter{animation:fade-enter .5s forwards}.enterGrowRight{animation:enter-grow-right .5s forwards}.invalidMessage{color:var(--color-error);font-size:.6rem;position:absolute;text-overflow:ellipsis}@media screen and (max-width:500px){.mainContent{width:90%;margin:0 auto}}@keyframes fade-enter{0%{opacity:0}to{opacity:1}}@keyframes slide-enter-right{0%{transform:translate(400px)}to{transform:translate(0)}}@keyframes enter-grow-right{0%{height:0px}to{height:300px}}