.input-checkbox{display:flex;position:relative}.input-checkbox,.input-checkbox .label{align-items:center;display:flex;gap:var(--spacing-3)}.input-checkbox label{flex:1}.input-checkbox .label{display:inline}.input-checkbox .input{position:relative}.input-checkbox .input:has(+label .subtitle){align-self:start;margin-top:var(--spacing-1)}.input-checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-border);border-radius:4px;color:currentColor;display:grid;flex-shrink:0;margin:0;place-content:center}.input-checkbox input:checked{border-color:var(--color-success)}.input-checkbox input:checked+.check{color:var(--color-success);transform:scale(1)}.input-checkbox .check,.input-checkbox input{height:1.125rem;width:1.125rem}.input-checkbox .check{align-items:center;color:var(--color-border);display:flex;justify-content:center;padding:3px;pointer-events:none;position:absolute;top:0;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.input-checkbox .check>svg{height:.85em;width:.85em}.input-checkbox.border{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-3)}.input-checkbox.disabled{--disabled-color:var(--color-input-hl);background-color:var(--color-background-darker);color:var(--disabled-color)}.input-checkbox.disabled>input{border-color:var(--disabled-color)}.input-checkbox.disabled>input:before{background-color:var(--disabled-color)}.input-checkbox.disabled input:hover,.input-checkbox.disabled:hover{cursor:not-allowed}.input-checkbox:not(.disabled) :hover,.input-checkbox:not(.disabled):hover{cursor:pointer}.field.error .input-checkbox input{border-color:var(--color-error)}.field.error .input-checkbox .check{color:var(--color-error)}.input-radio,.input-radio label{align-items:center;display:flex;gap:var(--spacing-3)}.input-radio label{width:100%}.input-radio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-border);border-radius:50%;color:currentColor;display:grid;flex-shrink:0;height:1.125rem;margin:0;place-content:center;width:1.125rem}.input-radio input:before{background-color:var(--color-success);border-radius:50%;content:"";height:.6em;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:.6em}.input-radio input:checked{border-color:var(--color-success)}.input-radio input:checked:before{transform:scale(1)}.input-radio.border{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-3)}.input-radio.disabled{--disabled-color:var(--color-input-hl);background-color:var(--color-background-darker);color:var(--disabled-color)}.input-radio.disabled>input{border-color:var(--disabled-color)}.input-radio.disabled>input:before{background-color:var(--disabled-color)}.input-radio.disabled input:hover,.input-radio.disabled:hover{cursor:not-allowed}.input-radio:not(.disabled) :hover,.input-radio:not(.disabled):hover{cursor:pointer}.select-options{--focus-outline-color:var(--color-input-hl);--focus-outline-offset:calc(var(--spacing-1)*-1);--focus-outline-radius:var(--border-radius-card);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-card);box-shadow:0 2px 10px #21212126;margin-top:var(--spacing-2);max-width:90vw;min-width:100%;outline:none;overflow:hidden}.select-options ul{list-style:none;max-height:calc(var(--spacing-3)*2*5 + 110px);overflow-y:auto}.select-options.dialog{margin-top:var(--spacing-6);width:90vw}.select-options.dialog ul{max-height:85dvh;padding:var(--spacing-3)}.select-options.dialog:has(.filter) ul{max-height:calc(85dvh - 72px)}.select-options.standalone{border:none;box-shadow:none;margin-top:0;width:100%}.select-options .filter,.select-options .option{padding:var(--spacing-3)}.select-options .option{--focus-outline-offset:calc(var(--spacing-1)*-1);--focus-outline-animation-min-offset:-3px;align-items:center;border-radius:var(--border-radius-card);display:flex;gap:var(--spacing-3);transition:background-color .3s cubic-bezier(.4,0,.2,1)}.select-options .option.selected,.select-options .option:hover{background-color:var(--color-selection);cursor:pointer}.select-options .empty{padding:var(--spacing-3);text-align:center}.select-options.disabled .option .input-checkbox,.select-options.disabled .option .input-radio{background-color:transparent}.select-options.disabled .option input:hover,.select-options.disabled .option:hover{cursor:not-allowed}