.x-toggle-button{position:relative}.x-toggle-input{appearance:none;opacity:0;z-index:1;cursor:pointer;outline:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.x-toggle-box{width:100%;height:100%;color:var(--severity-color);transition:all .15s}.x-toggle-button.p-highlight>.x-toggle-box{background:var(--severity-color);color:var(--neutral-99)}.x-toggle-icon{font-family:Material Symbols Outlined}.x-toggle-icon:before{content:var(--toggle-icon);font-size:1.5em}
.x-radio{background:var(--neutral-95);border:none;border-radius:6px;gap:1px;padding:2px;display:flex}.x-radio .x-radio-button{--option-color:var(--severity-color);width:-webkit-fill-available;width:-moz-available;width:stretch;min-width:2em;height:initial;color:var(--neutral-40);white-space:nowrap;background:0 0;border-radius:5px;gap:1px;margin:0 auto;padding:0;transition:background .12s,color .12s,box-shadow .12s;display:flex;overflow:hidden;border:none!important}.x-radio .x-radio-button:hover{background:var(--neutral-90);color:var(--text-default)}.x-radio-button.p-highlight{background:var(--neutral-99);color:var(--text-default);outline:1px solid var(--border-default);font-weight:600}.select-button-option{width:100%;height:100%;color:inherit;font-size:11px;font-weight:inherit;font-family:var(--font-body);background:0 0;justify-content:center;align-items:center;gap:5px;padding:3px 10px;display:flex}.select-button-option i{color:var(--option-color)}.compact .select-button-option{height:auto}
.x-switch{align-items:center;width:100%;display:flex;position:relative}.x-switch-input{appearance:none;opacity:0;z-index:1;cursor:pointer;border-radius:30px;outline:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.x-switch-slider{cursor:pointer;background:var(--neutral-50);border:1px solid #0000;border-radius:30px;outline-color:#0000;align-items:center;width:100%;height:1em;transition:all .2s;display:flex}.x-switch-slider:before{content:"";background:var(--neutral-90);border-radius:50%;width:calc(1em - 5px);height:calc(1em - 5px);transition:margin .2s;transform:translate(2px)}.x-switch.p-highlight>.x-switch-slider{background:var(--severity-color)}.x-switch.p-highlight>.x-switch-slider:before{margin-left:calc(100% - 1em)}
.x-slider.horizontal{width:auto;height:1.5em;margin:1.5em var(--space-4) 0;border-top:2px solid var(--neutral-90)}.x-slider-range{background:var(--selected-color);height:3px}.horizontal>.x-slider-range{top:-2px}.x-slider-handle{background:color-mix(in hsl, var(--severity-color) 10%, var(--neutral-99));border:1px solid var(--severity-color);min-width:2em;height:2em;color:var(--severity-color);border-radius:1em;justify-content:center;align-items:center;padding:0 .5em;display:flex;top:-1em;translate:-50%}.p-slider-handle:after{content:var(--slider-content)}.p-slider-handle-start:after{content:var(--start-content)}.p-slider-handle-end:after{content:var(--end-content)}
.x-calendar{border-radius:0 5px 5px 0}.x-calendar-panel{background:var(--panel-bg);border:1px solid var(--border-subtle);box-shadow:var(--dropdown-shadow);border-radius:0 0 10px 10px}.p-calendar>.p-datepicker-trigger{border-radius:0 5px 5px 0;height:auto}.p-datepicker-header{background:var(--bg-muted);height:3em;padding:0 .5em}.p-datepicker table thead tr{height:3em}.p-datepicker table td{padding:.5rem}.p-datepicker table td span{border-radius:var(--radius-full);width:2.5rem;height:2.5rem}.p-datepicker table td span:hover{background:var(--bg-hover-strong);color:var(--text-on-color)}.p-datepicker table td span.p-highlight{background:var(--selected-color);color:var(--text-on-color)}td.p-datepicker-today>span{border:1px solid var(--border-strong)}.x-calendar-day{color:var(--text-default);font-weight:500}.x-calendar-day.p-datepicker-other-month{font-weight:300}.x-calendar-day:has(.p-disabled){color:var(--text-disabled);cursor:not-allowed;font-style:italic}.p-monthpicker{grid-gap:5px;grid-template-columns:1fr 1fr 1fr;padding:5px;display:grid}.p-monthpicker-month,.p-yearpicker-year{width:100%;max-width:100px;margin:0 auto}.p-yearpicker{grid-gap:5px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.p-datepicker-buttonbar{padding:3px}.p-timepicker{font-size:1.75em}