button{--background-color:var(--color-11);--text-color:var(--color-6);--border-color:var(--color-6);background-color:var(--background-color);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--border-radius-2);justify-content:center;align-items:center;gap:var(--sizing-3);white-space:nowrap;color:var(--text-color);transition-duration:var(--timing-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}::-webkit-file-upload-button{--background-color:var(--color-11);--text-color:var(--color-6);--border-color:var(--color-6);background-color:var(--background-color);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--border-radius-2);justify-content:center;align-items:center;gap:var(--sizing-3);white-space:nowrap;color:var(--text-color);transition-duration:var(--timing-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}::file-selector-button{--background-color:var(--color-11);--text-color:var(--color-6);--border-color:var(--color-6);background-color:var(--background-color);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--border-radius-2);justify-content:center;align-items:center;gap:var(--sizing-3);white-space:nowrap;color:var(--text-color);transition-duration:var(--timing-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}button:hover{border-color:color-mix(in srgb,var(--border-color)80%,transparent 20%);background-color:color-mix(in srgb,var(--background-color)80%,transparent 20%)}::-webkit-file-upload-button:hover{border-color:color-mix(in srgb,var(--border-color)80%,transparent 20%);background-color:color-mix(in srgb,var(--background-color)80%,transparent 20%)}::file-selector-button:hover{border-color:color-mix(in srgb,var(--border-color)80%,transparent 20%);background-color:color-mix(in srgb,var(--background-color)80%,transparent 20%)}.mainColorButton{--background-color:var(--color-1);--text-color:var(--color-14);--border-color:var(--color-1)}.secondaryColorButton{--background-color:var(--color-2);--text-color:var(--color-14);--border-color:var(--color-2)}
a{--text-color:var(--color-6);color:var(--text-color);transition-duration:var(--timing-1);text-decoration-color:#0000}a:not(.buttonTypeLink):hover{-webkit-text-decoration-color:var(--text-color);text-decoration-color:var(--text-color)}a.color-1-link{--text-color:var(--color-1)}a.color-2-link{--text-color:var(--color-2)}.buttonTypeLink{background-color:var(--background-color);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--border-radius-2);justify-content:center;align-items:center;gap:var(--sizing-3);white-space:nowrap;color:var(--text-color);transition-duration:var(--timing-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.buttonTypeLink:hover{border-color:color-mix(in srgb,var(--border-color)80%,transparent 20%);background-color:color-mix(in srgb,var(--background-color)80%,transparent 20%)}
.dropdown{place-items:center;display:grid;position:relative}.dropdownContent{opacity:0;background-color:var(--color-14);transition-duration:var(--timing-2);z-index:calc(var(--z-index-3) + 3);position:absolute;translate:0 -50%;scale:1 0}.dropdown:focus-within .dropdownContent{opacity:1;translate:0;scale:1;box-shadow:0 4px 16px #a5a3ae73}.dropdownContentHeader{align-items:center;width:100%;display:flex}
.badge{padding:var(--sizing-2)var(--sizing-4);border-radius:var(--border-radius-1);background-color:color-mix(in hsl,var(--badge-color)20%,transparent 80%);text-transform:capitalize;line-height:1.4rem;font-size:var(--font-size-2);color:var(--badge-color)}.badge.color1{--badge-color:var(--color-2)}.badge.color2{--badge-color:var(--color-4)}.badge.color3{--badge-color:var(--color-1);color:var(--color-9)}.badge.color4{--badge-color:var(--color-5)}.badge.color5{--badge-color:var(--color-8)}
.tableWrapper{margin-top:var(--sizing-6);overflow:auto}.tableContainer{width:100%;overflow:auto}.table{border-collapse:collapse;width:100%;position:relative}.tableHeader{z-index:var(--z-index-3);position:sticky;top:0;left:0}.columnTitleCell{background-color:var(--color-14)}.columnTitle{padding:var(--sizing-6)var(--sizing-9);border-style:solid;border-width:1px 0;border-color:var(--color-11);line-height:1.5rem;font-size:var(--font-size-2);font-weight:var(--font-weight-2);text-transform:uppercase;white-space:nowrap;display:block}.columnInputCell{padding:var(--sizing-6)var(--sizing-9);background-color:var(--color-14)}.tableRow{border-style:solid;border-width:0 0 1px;border-color:var(--color-11)}.tableCell{padding:var(--sizing-6)var(--sizing-9);white-space:nowrap;font-weight:var(--font-weight-1)}
select{--border-color:var(--color-11);padding-inline:var(--sizing-6);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--border-radius-1);appearance:none;transition-duration:var(--timing-1);outline:none}select:focus{--border-color:var(--color-1)}
textarea{--border-color:var(--color-11);resize:none;padding:var(--sizing-2)var(--sizing-3);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:var(--border-radius-1);transition-duration:border-color var(--timing-1);outline:none}textarea:focus{--border-color:var(--color-1)}