@ktjs/mui 0.17.2 → 0.17.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-no-label .mui-textfield-fieldset{top:0}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
1
+ :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.mui-checkbox-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-checkbox-wrapper:hover{background-color:rgba(0,0,0,.04)}.mui-checkbox-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-checkbox-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-checkbox-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-checkbox-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-checkbox-size-small .mui-checkbox-icon{padding:5px}.mui-checkbox-size-small .mui-checkbox-icon svg{font-size:1.25rem}.mui-checkbox-size-medium .mui-checkbox-icon{padding:9px}.mui-checkbox-size-medium .mui-checkbox-icon svg{font-size:1.5rem}.mui-checkbox-icon-checked,.mui-checkbox-icon-indeterminate,.mui-checkbox-icon-unchecked{display:flex}.mui-checkbox-color-primary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#1976d2}.mui-checkbox-color-primary:hover{background-color:rgba(25,118,210,.04)}.mui-checkbox-color-secondary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#dc004e}.mui-checkbox-color-secondary:hover{background-color:rgba(220,0,78,.04)}.mui-checkbox-color-success .mui-checkbox-input:checked~.mui-checkbox-icon{color:#2e7d32}.mui-checkbox-color-success:hover{background-color:rgba(46,125,50,.04)}.mui-checkbox-color-error .mui-checkbox-input:checked~.mui-checkbox-icon{color:#d32f2f}.mui-checkbox-color-error:hover{background-color:rgba(211,47,47,.04)}.mui-checkbox-color-warning .mui-checkbox-input:checked~.mui-checkbox-icon{color:#ed6c02}.mui-checkbox-color-warning:hover{background-color:rgba(237,108,2,.04)}.mui-checkbox-color-default .mui-checkbox-input:checked~.mui-checkbox-icon,.mui-checkbox-label{color:rgba(0,0,0,.87)}.mui-checkbox-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-checkbox-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-checkbox-group-row{flex-direction:row}.mui-checkbox-icon:after{background-color:currentColor;border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-checkbox-wrapper:active .mui-checkbox-icon:after{opacity:.12}.mui-checkbox-input:focus-visible~.mui-checkbox-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-checkbox-wrapper:hover{background-color:hsla(0,0%,100%,.08)}.mui-checkbox-icon{color:hsla(0,0%,100%,.7)}.mui-checkbox-color-primary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#90caf9}.mui-checkbox-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-checkbox-color-secondary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#f48fb1}.mui-checkbox-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-checkbox-color-success .mui-checkbox-input:checked~.mui-checkbox-icon{color:#66bb6a}.mui-checkbox-color-success:hover{background-color:rgba(102,187,106,.08)}.mui-checkbox-color-error .mui-checkbox-input:checked~.mui-checkbox-icon{color:#f44336}.mui-checkbox-color-error:hover{background-color:rgba(244,67,54,.08)}.mui-checkbox-color-warning .mui-checkbox-input:checked~.mui-checkbox-icon{color:#ffa726}.mui-checkbox-color-warning:hover{background-color:rgba(255,167,38,.08)}.mui-checkbox-color-default .mui-checkbox-input:checked~.mui-checkbox-icon,.mui-checkbox-label{color:hsla(0,0%,100%,.87)}.mui-checkbox-input:focus-visible~.mui-checkbox-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-no-label .mui-textfield-fieldset{top:0}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
package/dist/index.d.ts CHANGED
@@ -36,6 +36,41 @@ interface ButtonProps {
36
36
  */
37
37
  declare function Button(props: ButtonProps): KTHTMLElement;
38
38
 
39
+ interface CheckboxProps {
40
+ value: string;
41
+ text?: string | KTHTMLElement | HTMLElement;
42
+ checked?: boolean;
43
+ size?: 'small' | 'medium';
44
+ 'mui:change'?: (checked: boolean, value: string) => void;
45
+ disabled?: boolean;
46
+ color?: 'primary' | 'secondary' | 'default' | 'success' | 'error' | 'warning';
47
+ indeterminate?: boolean;
48
+ }
49
+ type KTMuiCheckbox = KTHTMLElement & {
50
+ checked: boolean;
51
+ value: string;
52
+ };
53
+ type KTMuiCheckboxGroup = KTHTMLElement & {
54
+ value: string[];
55
+ };
56
+ /**
57
+ * Checkbox component - mimics MUI Checkbox appearance and behavior
58
+ */
59
+ declare function Checkbox(props: CheckboxProps): KTMuiCheckbox;
60
+ interface CheckboxGroupProps {
61
+ class?: string;
62
+ style?: string;
63
+ value?: string[];
64
+ size?: 'small' | 'medium';
65
+ options: CheckboxProps[];
66
+ 'mui:change'?: (values: string[]) => void;
67
+ row?: boolean;
68
+ }
69
+ /**
70
+ * CheckboxGroup component - groups multiple checkboxes together
71
+ */
72
+ declare function CheckboxGroup(props: CheckboxGroupProps): KTMuiCheckboxGroup;
73
+
39
74
  interface DialogProps {
40
75
  open?: boolean;
41
76
  'mui:close'?: () => void;
@@ -109,10 +144,13 @@ interface TextFieldProps {
109
144
  'mui:blur'?: (value: string, event: Event) => void;
110
145
  'mui:focus'?: (value: string, event: Event) => void;
111
146
  }
147
+ type KTMuiTextField = KTHTMLElement & {
148
+ value: string;
149
+ };
112
150
  /**
113
151
  * TextField component - mimics MUI TextField appearance and behavior
114
152
  */
115
- declare function TextField(props: TextFieldProps): KTHTMLElement;
153
+ declare function TextField(props: TextFieldProps): KTMuiTextField;
116
154
 
117
155
  interface RadioProps {
118
156
  value: string;
@@ -211,5 +249,5 @@ declare function ContentCopyIcon(props: KTAttribute): JSX.Element;
211
249
 
212
250
  declare function SelectAllIcon(props: KTAttribute): JSX.Element;
213
251
 
214
- export { Alert, Button, ColorLensIcon, CompressIcon, ContentCopyIcon, ContentPasteIcon, DeleteIcon, Dialog, DownloadIcon, ExpandMoreIcon, FileOpenIcon as FileOpen, FileOpenIcon, FolderOpenIcon, FormLabel, HomeIcon, LinearProgress, MenuIcon, NewReleasesIcon, PlayArrowIcon, QueuePlayNextIcon, Radio, RadioGroup, SaveIcon, Select, SelectAllIcon, SettingsIcon, StopIcon, SubtitlesIcon, TextField, UploadFileIcon, VideoFileIcon, WallpaperIcon };
252
+ export { Alert, Button, Checkbox, CheckboxGroup, ColorLensIcon, CompressIcon, ContentCopyIcon, ContentPasteIcon, DeleteIcon, Dialog, DownloadIcon, ExpandMoreIcon, FileOpenIcon as FileOpen, FileOpenIcon, FolderOpenIcon, FormLabel, HomeIcon, LinearProgress, MenuIcon, NewReleasesIcon, PlayArrowIcon, QueuePlayNextIcon, Radio, RadioGroup, SaveIcon, Select, SelectAllIcon, SettingsIcon, StopIcon, SubtitlesIcon, TextField, UploadFileIcon, VideoFileIcon, WallpaperIcon };
215
253
  export type { KTMuiDialog, KTMuiLinearProgress };
@@ -1 +1 @@
1
- :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-no-label .mui-textfield-fieldset{top:0}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
1
+ :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.mui-checkbox-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-checkbox-wrapper:hover{background-color:rgba(0,0,0,.04)}.mui-checkbox-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-checkbox-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-checkbox-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-checkbox-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-checkbox-size-small .mui-checkbox-icon{padding:5px}.mui-checkbox-size-small .mui-checkbox-icon svg{font-size:1.25rem}.mui-checkbox-size-medium .mui-checkbox-icon{padding:9px}.mui-checkbox-size-medium .mui-checkbox-icon svg{font-size:1.5rem}.mui-checkbox-icon-checked,.mui-checkbox-icon-indeterminate,.mui-checkbox-icon-unchecked{display:flex}.mui-checkbox-color-primary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#1976d2}.mui-checkbox-color-primary:hover{background-color:rgba(25,118,210,.04)}.mui-checkbox-color-secondary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#dc004e}.mui-checkbox-color-secondary:hover{background-color:rgba(220,0,78,.04)}.mui-checkbox-color-success .mui-checkbox-input:checked~.mui-checkbox-icon{color:#2e7d32}.mui-checkbox-color-success:hover{background-color:rgba(46,125,50,.04)}.mui-checkbox-color-error .mui-checkbox-input:checked~.mui-checkbox-icon{color:#d32f2f}.mui-checkbox-color-error:hover{background-color:rgba(211,47,47,.04)}.mui-checkbox-color-warning .mui-checkbox-input:checked~.mui-checkbox-icon{color:#ed6c02}.mui-checkbox-color-warning:hover{background-color:rgba(237,108,2,.04)}.mui-checkbox-color-default .mui-checkbox-input:checked~.mui-checkbox-icon,.mui-checkbox-label{color:rgba(0,0,0,.87)}.mui-checkbox-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-checkbox-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-checkbox-group-row{flex-direction:row}.mui-checkbox-icon:after{background-color:currentColor;border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-checkbox-wrapper:active .mui-checkbox-icon:after{opacity:.12}.mui-checkbox-input:focus-visible~.mui-checkbox-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-checkbox-wrapper:hover{background-color:hsla(0,0%,100%,.08)}.mui-checkbox-icon{color:hsla(0,0%,100%,.7)}.mui-checkbox-color-primary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#90caf9}.mui-checkbox-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-checkbox-color-secondary .mui-checkbox-input:checked~.mui-checkbox-icon{color:#f48fb1}.mui-checkbox-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-checkbox-color-success .mui-checkbox-input:checked~.mui-checkbox-icon{color:#66bb6a}.mui-checkbox-color-success:hover{background-color:rgba(102,187,106,.08)}.mui-checkbox-color-error .mui-checkbox-input:checked~.mui-checkbox-icon{color:#f44336}.mui-checkbox-color-error:hover{background-color:rgba(244,67,54,.08)}.mui-checkbox-color-warning .mui-checkbox-input:checked~.mui-checkbox-icon{color:#ffa726}.mui-checkbox-color-warning:hover{background-color:rgba(255,167,38,.08)}.mui-checkbox-color-default .mui-checkbox-input:checked~.mui-checkbox-icon,.mui-checkbox-label{color:hsla(0,0%,100%,.87)}.mui-checkbox-input:focus-visible~.mui-checkbox-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-no-label .mui-textfield-fieldset{top:0}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
@@ -46,12 +46,12 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
46
46
  return alert;
47
47
  }
48
48
 
49
- const emptyFn$3 = () => { };
49
+ const emptyFn$4 = () => { };
50
50
  /**
51
51
  * Button component - mimics MUI Button appearance and behavior
52
52
  */
53
53
  function Button(props) {
54
- const { children, variant = 'text', color = 'primary', size = 'medium', disabled = false, fullWidth = false, iconOnly = false, startIcon, endIcon, type = 'button', 'on:click': onClick = emptyFn$3, } = props;
54
+ const { children, variant = 'text', color = 'primary', size = 'medium', disabled = false, fullWidth = false, iconOnly = false, startIcon, endIcon, type = 'button', 'on:click': onClick = emptyFn$4, } = props;
55
55
  const classes = [
56
56
  'mui-button',
57
57
  `mui-button-${variant}`,
@@ -93,6 +93,104 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
93
93
  return (jsxRuntime.jsxs("button", { class: classes, style: props.style ? props.style : '', type: type, disabled: disabled, "on:click": handleClick, children: [startIcon && jsxRuntime.jsx("span", { class: "mui-button-start-icon", children: startIcon }), jsxRuntime.jsx("span", { class: "mui-button-label", children: children }), endIcon && jsxRuntime.jsx("span", { class: "mui-button-end-icon", children: endIcon }), jsxRuntime.jsx("span", { class: "mui-button-ripple" })] }));
94
94
  }
95
95
 
96
+ const emptyFn$3 = () => { };
97
+ /**
98
+ * Checkbox component - mimics MUI Checkbox appearance and behavior
99
+ */
100
+ function Checkbox(props) {
101
+ const toggleIcon = (checked, indeterminate) => {
102
+ if (indeterminate) {
103
+ uncheckedIcon.style.display = 'none';
104
+ checkedIcon.style.display = 'none';
105
+ indeterminateIcon.style.display = '';
106
+ }
107
+ else {
108
+ uncheckedIcon.style.display = checked ? 'none' : '';
109
+ checkedIcon.style.display = checked ? '' : 'none';
110
+ indeterminateIcon.style.display = 'none';
111
+ }
112
+ };
113
+ // Handle change
114
+ const handleChange = () => {
115
+ if (disabled) {
116
+ return;
117
+ }
118
+ checked = inputRef.value.checked;
119
+ indeterminate = false;
120
+ toggleIcon(checked, indeterminate);
121
+ onChange(checked, value);
122
+ };
123
+ let { checked = false, value = '', text = '', size = 'medium', 'mui:change': onChange = emptyFn$3, disabled = false, color = 'primary', indeterminate = false, } = props;
124
+ const inputRef = kt_js.ref();
125
+ // Unchecked icon
126
+ const uncheckedIcon = (jsxRuntime.jsx("span", { class: "mui-checkbox-icon-unchecked", children: jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }) }) }));
127
+ // Checked icon
128
+ const checkedIcon = (jsxRuntime.jsx("span", { class: "mui-checkbox-icon-checked", children: jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }) }));
129
+ // Indeterminate icon
130
+ const indeterminateIcon = (jsxRuntime.jsx("span", { class: "mui-checkbox-icon-indeterminate", children: jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }) }) }));
131
+ // Initialize icon state
132
+ toggleIcon(checked, indeterminate);
133
+ const container = (jsxRuntime.jsxs("label", { class: `mui-checkbox-wrapper mui-checkbox-size-${size} ${disabled ? 'mui-checkbox-disabled' : ''} mui-checkbox-color-${color}`, children: [jsxRuntime.jsx("input", { ref: inputRef, type: "checkbox", class: "mui-checkbox-input", checked: checked, value: value, disabled: disabled, "on:change": handleChange }), jsxRuntime.jsxs("span", { class: "mui-checkbox-icon", children: [uncheckedIcon, checkedIcon, indeterminateIcon] }), text && jsxRuntime.jsx("span", { class: "mui-checkbox-label", children: text })] }));
134
+ Object.defineProperty(container, 'checked', {
135
+ get() {
136
+ return checked;
137
+ },
138
+ set(newChecked) {
139
+ checked = newChecked;
140
+ indeterminate = false;
141
+ inputRef.value.checked = checked;
142
+ toggleIcon(checked, indeterminate);
143
+ },
144
+ });
145
+ container.value = value;
146
+ return container;
147
+ }
148
+ /**
149
+ * CheckboxGroup component - groups multiple checkboxes together
150
+ */
151
+ function CheckboxGroup(props) {
152
+ let { value = [], size = 'medium', 'mui:change': onChange = emptyFn$3, row = false } = props;
153
+ let selectedValues = new Set(value);
154
+ const changeHandler = (checked, checkboxValue) => {
155
+ if (checked) {
156
+ selectedValues.add(checkboxValue);
157
+ }
158
+ else {
159
+ selectedValues.delete(checkboxValue);
160
+ }
161
+ onChange(Array.from(selectedValues));
162
+ };
163
+ const checkboxes = props.options.map((o) => {
164
+ o.size = size;
165
+ o.checked = selectedValues.has(o.value);
166
+ const originalChange = o['mui:change'];
167
+ if (originalChange) {
168
+ o['mui:change'] = (checked, value) => {
169
+ originalChange(checked, value);
170
+ changeHandler(checked, value);
171
+ };
172
+ }
173
+ else {
174
+ o['mui:change'] = changeHandler;
175
+ }
176
+ return Checkbox(o);
177
+ });
178
+ const container = (jsxRuntime.jsx("div", { class: `mui-checkbox-group ${row ? 'mui-checkbox-group-row' : ''} ${props.class ? props.class : ''}`, style: props.style ? props.style : '', role: "group", children: checkboxes }));
179
+ Object.defineProperty(container, 'value', {
180
+ get() {
181
+ return Array.from(selectedValues);
182
+ },
183
+ set(newValues) {
184
+ selectedValues = new Set(newValues);
185
+ for (let i = 0; i < checkboxes.length; i++) {
186
+ const checkbox = checkboxes[i];
187
+ checkbox.checked = selectedValues.has(checkbox.value);
188
+ }
189
+ },
190
+ });
191
+ return container;
192
+ }
193
+
96
194
  const noop = () => { };
97
195
  /**
98
196
  * Dialog component - mimics MUI Dialog appearance and behavior
@@ -280,6 +378,15 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
280
378
  const container = (jsxRuntime.jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxRuntime.jsxs("div", { class: "mui-textfield-wrapper", children: [jsxRuntime.jsxs("label", { "k-if": label, class: "mui-textfield-label", children: [label, required && jsxRuntime.jsx("span", { class: "mui-textfield-required", children: "*" })] }), jsxRuntime.jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsxRuntime.jsx("fieldset", { class: "mui-textfield-fieldset", children: jsxRuntime.jsx("legend", { "k-if": label, class: "mui-textfield-legend", children: jsxRuntime.jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsxRuntime.jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
281
379
  // Initialize classes
282
380
  setTimeout(() => updateClasses(), 0);
381
+ Object.defineProperty(container, 'value', {
382
+ get() {
383
+ return inputRef.value.value;
384
+ },
385
+ set(newValue) {
386
+ inputRef.value.value = newValue;
387
+ updateClasses();
388
+ },
389
+ });
283
390
  return container;
284
391
  }
285
392
 
@@ -538,6 +645,8 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
538
645
 
539
646
  exports.Alert = Alert;
540
647
  exports.Button = Button;
648
+ exports.Checkbox = Checkbox;
649
+ exports.CheckboxGroup = CheckboxGroup;
541
650
  exports.ColorLensIcon = ColorLensIcon;
542
651
  exports.CompressIcon = CompressIcon;
543
652
  exports.ContentCopyIcon = ContentCopyIcon;
package/dist/index.mjs CHANGED
@@ -46,12 +46,12 @@ function Alert(props) {
46
46
  return alert;
47
47
  }
48
48
 
49
- const emptyFn$3 = () => { };
49
+ const emptyFn$4 = () => { };
50
50
  /**
51
51
  * Button component - mimics MUI Button appearance and behavior
52
52
  */
53
53
  function Button(props) {
54
- const { children, variant = 'text', color = 'primary', size = 'medium', disabled = false, fullWidth = false, iconOnly = false, startIcon, endIcon, type = 'button', 'on:click': onClick = emptyFn$3, } = props;
54
+ const { children, variant = 'text', color = 'primary', size = 'medium', disabled = false, fullWidth = false, iconOnly = false, startIcon, endIcon, type = 'button', 'on:click': onClick = emptyFn$4, } = props;
55
55
  const classes = [
56
56
  'mui-button',
57
57
  `mui-button-${variant}`,
@@ -93,6 +93,104 @@ function Button(props) {
93
93
  return (jsxs("button", { class: classes, style: props.style ? props.style : '', type: type, disabled: disabled, "on:click": handleClick, children: [startIcon && jsx("span", { class: "mui-button-start-icon", children: startIcon }), jsx("span", { class: "mui-button-label", children: children }), endIcon && jsx("span", { class: "mui-button-end-icon", children: endIcon }), jsx("span", { class: "mui-button-ripple" })] }));
94
94
  }
95
95
 
96
+ const emptyFn$3 = () => { };
97
+ /**
98
+ * Checkbox component - mimics MUI Checkbox appearance and behavior
99
+ */
100
+ function Checkbox(props) {
101
+ const toggleIcon = (checked, indeterminate) => {
102
+ if (indeterminate) {
103
+ uncheckedIcon.style.display = 'none';
104
+ checkedIcon.style.display = 'none';
105
+ indeterminateIcon.style.display = '';
106
+ }
107
+ else {
108
+ uncheckedIcon.style.display = checked ? 'none' : '';
109
+ checkedIcon.style.display = checked ? '' : 'none';
110
+ indeterminateIcon.style.display = 'none';
111
+ }
112
+ };
113
+ // Handle change
114
+ const handleChange = () => {
115
+ if (disabled) {
116
+ return;
117
+ }
118
+ checked = inputRef.value.checked;
119
+ indeterminate = false;
120
+ toggleIcon(checked, indeterminate);
121
+ onChange(checked, value);
122
+ };
123
+ let { checked = false, value = '', text = '', size = 'medium', 'mui:change': onChange = emptyFn$3, disabled = false, color = 'primary', indeterminate = false, } = props;
124
+ const inputRef = ref$1();
125
+ // Unchecked icon
126
+ const uncheckedIcon = (jsx("span", { class: "mui-checkbox-icon-unchecked", children: jsx("svg", { viewBox: "0 0 24 24", children: jsx("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }) }) }));
127
+ // Checked icon
128
+ const checkedIcon = (jsx("span", { class: "mui-checkbox-icon-checked", children: jsx("svg", { viewBox: "0 0 24 24", children: jsx("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }) }));
129
+ // Indeterminate icon
130
+ const indeterminateIcon = (jsx("span", { class: "mui-checkbox-icon-indeterminate", children: jsx("svg", { viewBox: "0 0 24 24", children: jsx("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }) }) }));
131
+ // Initialize icon state
132
+ toggleIcon(checked, indeterminate);
133
+ const container = (jsxs("label", { class: `mui-checkbox-wrapper mui-checkbox-size-${size} ${disabled ? 'mui-checkbox-disabled' : ''} mui-checkbox-color-${color}`, children: [jsx("input", { ref: inputRef, type: "checkbox", class: "mui-checkbox-input", checked: checked, value: value, disabled: disabled, "on:change": handleChange }), jsxs("span", { class: "mui-checkbox-icon", children: [uncheckedIcon, checkedIcon, indeterminateIcon] }), text && jsx("span", { class: "mui-checkbox-label", children: text })] }));
134
+ Object.defineProperty(container, 'checked', {
135
+ get() {
136
+ return checked;
137
+ },
138
+ set(newChecked) {
139
+ checked = newChecked;
140
+ indeterminate = false;
141
+ inputRef.value.checked = checked;
142
+ toggleIcon(checked, indeterminate);
143
+ },
144
+ });
145
+ container.value = value;
146
+ return container;
147
+ }
148
+ /**
149
+ * CheckboxGroup component - groups multiple checkboxes together
150
+ */
151
+ function CheckboxGroup(props) {
152
+ let { value = [], size = 'medium', 'mui:change': onChange = emptyFn$3, row = false } = props;
153
+ let selectedValues = new Set(value);
154
+ const changeHandler = (checked, checkboxValue) => {
155
+ if (checked) {
156
+ selectedValues.add(checkboxValue);
157
+ }
158
+ else {
159
+ selectedValues.delete(checkboxValue);
160
+ }
161
+ onChange(Array.from(selectedValues));
162
+ };
163
+ const checkboxes = props.options.map((o) => {
164
+ o.size = size;
165
+ o.checked = selectedValues.has(o.value);
166
+ const originalChange = o['mui:change'];
167
+ if (originalChange) {
168
+ o['mui:change'] = (checked, value) => {
169
+ originalChange(checked, value);
170
+ changeHandler(checked, value);
171
+ };
172
+ }
173
+ else {
174
+ o['mui:change'] = changeHandler;
175
+ }
176
+ return Checkbox(o);
177
+ });
178
+ const container = (jsx("div", { class: `mui-checkbox-group ${row ? 'mui-checkbox-group-row' : ''} ${props.class ? props.class : ''}`, style: props.style ? props.style : '', role: "group", children: checkboxes }));
179
+ Object.defineProperty(container, 'value', {
180
+ get() {
181
+ return Array.from(selectedValues);
182
+ },
183
+ set(newValues) {
184
+ selectedValues = new Set(newValues);
185
+ for (let i = 0; i < checkboxes.length; i++) {
186
+ const checkbox = checkboxes[i];
187
+ checkbox.checked = selectedValues.has(checkbox.value);
188
+ }
189
+ },
190
+ });
191
+ return container;
192
+ }
193
+
96
194
  const noop = () => { };
97
195
  /**
98
196
  * Dialog component - mimics MUI Dialog appearance and behavior
@@ -280,6 +378,15 @@ function TextField(props) {
280
378
  const container = (jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxs("div", { class: "mui-textfield-wrapper", children: [jsxs("label", { "k-if": label, class: "mui-textfield-label", children: [label, required && jsx("span", { class: "mui-textfield-required", children: "*" })] }), jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsx("fieldset", { class: "mui-textfield-fieldset", children: jsx("legend", { "k-if": label, class: "mui-textfield-legend", children: jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
281
379
  // Initialize classes
282
380
  setTimeout(() => updateClasses(), 0);
381
+ Object.defineProperty(container, 'value', {
382
+ get() {
383
+ return inputRef.value.value;
384
+ },
385
+ set(newValue) {
386
+ inputRef.value.value = newValue;
387
+ updateClasses();
388
+ },
389
+ });
283
390
  return container;
284
391
  }
285
392
 
@@ -536,4 +643,4 @@ function SelectAllIcon(props) {
536
643
  return (jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "1em", height: "1em", ...props, children: jsx("path", { d: "M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z" }) }));
537
644
  }
538
645
 
539
- export { Alert, Button, ColorLensIcon, CompressIcon, ContentCopyIcon, ContentPasteIcon, DeleteIcon, Dialog, DownloadIcon, ExpandMoreIcon, FileOpenIcon as FileOpen, FileOpenIcon, FolderOpenIcon, FormLabel, HomeIcon, LinearProgress, MenuIcon, NewReleasesIcon, PlayArrowIcon, QueuePlayNextIcon, Radio, RadioGroup, SaveIcon, Select, SelectAllIcon, SettingsIcon, StopIcon, SubtitlesIcon, TextField, UploadFileIcon, VideoFileIcon, WallpaperIcon };
646
+ export { Alert, Button, Checkbox, CheckboxGroup, ColorLensIcon, CompressIcon, ContentCopyIcon, ContentPasteIcon, DeleteIcon, Dialog, DownloadIcon, ExpandMoreIcon, FileOpenIcon as FileOpen, FileOpenIcon, FolderOpenIcon, FormLabel, HomeIcon, LinearProgress, MenuIcon, NewReleasesIcon, PlayArrowIcon, QueuePlayNextIcon, Radio, RadioGroup, SaveIcon, Select, SelectAllIcon, SettingsIcon, StopIcon, SubtitlesIcon, TextField, UploadFileIcon, VideoFileIcon, WallpaperIcon };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ktjs/mui",
3
- "version": "0.17.2",
3
+ "version": "0.17.4",
4
4
  "description": "Material-UI inspired components for kt.js - pre-styled UI components",
5
5
  "type": "module",
6
6
  "module": "./dist/index.mjs",