body{margin:0}.demo{max-width:80rem;margin:0 auto;padding:1rem}.demo-component{text-align:left;color:#000;background-color:#fff;border:2px solid #edeff3;border-radius:10px;margin:5rem 0 1rem;padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;position:relative}.demo-component *{color:inherit;font-family:inherit;font-weight:initial}.demo-component strong{font-weight:700}.demo-component form input+button,.demo-component form input+input{margin-top:1rem}.demo-component input{background-color:#fff;border:1px solid #a6afbd;border-radius:5px;width:100%;padding:.25rem .5rem;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Monospace,Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace;line-height:1.5}.demo-component input:focus{outline-color:#9333ea}.demo-component button{color:#fff;cursor:pointer;background:#a855f7;border:2px solid #a855f7;border-radius:5px;outline:none;padding:.15rem .5rem;font-size:1rem}.demo-component button:active{background:#9333ea}.demo-component button.demo-component__button--deactivate{background-color:color("red");border-color:color("red")}.demo-component button.demo-component__button--activate{background-color:color("teal","dark");border-color:color("teal","dark")}.demo-component button.demo-component__button--logout{background-color:color("gray");border-color:color("gray")}.demo-component code,.demo-component pre{color:#5f6e86;border-width:1px;border-color:currentColor;padding:4px 6px 2px;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Monospace,Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace}.demo-component table{border-collapse:collapse;border-spacing:0;width:100%;margin:0;padding:0;font-size:.875rem;position:relative}.demo-component table tr{white-space:nowrap;border-bottom:1px solid #f3f3f3;display:table-row}.demo-component table tr:last-of-type{border-bottom:0}.demo-component table tr:last-of-type td{padding-bottom:0}.demo-component table th,.demo-component table td{text-align:left;padding:1rem 2.5rem 1rem 0}.demo-component table th{background:#fff;font-weight:700;position:sticky;top:0;box-shadow:0 -1px #e2e2e2,0 1px #e2e2e2}.demo-component table th,.demo-component table td{font-size:.875rem;display:table-cell}.demo-component table th:last-of-type,.demo-component table td:last-of-type{text-align:right;padding-right:0}.demo-component table td input{width:auto}.demo-component table button{margin:0;font-size:.875rem}.demo-component h2{margin:0 0 1rem}.demo-component h2 small{text-transform:uppercase;color:#a6afbd;margin-bottom:.25rem;font-size:.875rem;font-weight:400;display:block}.demo-component h3{margin:0 0 1rem}.demo-component h3 small{text-transform:uppercase;color:#a6afbd;margin-bottom:.25rem;font-size:.875rem;font-weight:400;display:block}.demo-component--alert h2,.demo-component--alert h3,.demo-component--alert code{color:#fe0000}.demo-component--alert button{background:#fe0000;border:2px solid #c52712}.demo-component--alert button:active{background:#c52712}.demo-component__info{margin-top:0}.demo-component__table{border-top:1px solid #e2e2e2;overflow-x:auto}.demo-component__tag{color:#fff;background:#12c570;border-radius:1rem;margin-left:.5rem;padding:.25em .75rem;font-size:1rem;font-weight:400;position:relative;top:-4px}.demo-component__tag--valid{background:#12c570}.demo-component__tag--invalid{background:#fe0000}.demo-component__tag--small{padding:.15rem .5rem;font-size:.75rem;top:-2px}.modal{z-index:9910;text-align:center;background-color:#fff;border:2px solid #edeff3;border-radius:10px;flex-direction:column;width:90%;max-width:30rem;padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 6px #0000001a}.modal-overlay{z-index:9909;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-header{color:#333;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.modal-content input{border:1px solid #a6afbd;border-radius:5px;width:100%;margin:1rem 0;padding:.5rem;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Monospace,Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace}.modal-content input:focus{outline:2px solid #9333ea}.modal-actions{justify-content:center;gap:1rem;display:flex}.modal-actions .confirm-button{color:#fff;cursor:pointer;background:#a855f7;border:2px solid #a855f7;border-radius:5px;padding:.5rem 1.5rem;font-size:1rem;transition:background .2s}.modal-actions .confirm-button:hover{background:#9333ea}.modal-actions .cancel-button{color:#333;cursor:pointer;background:#f8f9fa;border:1px solid #ddd;border-radius:5px;padding:.5rem 1.5rem;font-size:1rem;transition:background .2s,color .2s}.modal-actions .cancel-button:hover{color:#000;background:#e2e2e2}
/*# sourceMappingURL=index.376666d5.css.map */