.f-file{flex-direction:column;gap:.5rem;display:flex}.f-file__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.f-file__files{flex-wrap:wrap;gap:.5rem;display:flex}.f-file__file{background:var(--color-tertiary-400);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:.375rem;padding:.375rem .625rem;display:inline-flex}.f-file__filename{color:var(--color-text-500)}.f-file__remove{cursor:pointer;color:var(--color-text-400);background:0 0;border:none;justify-content:center;align-items:center;padding:.125rem;transition:color .2s;display:flex}.f-file__remove:hover{color:var(--color-error-500)}.f-file .f-error{color:var(--color-error-500);font-size:var(--font-size-sm)}
.f-checkbox-select{position:relative}.f-checkbox-select__header{background:var(--color-white);border:1px solid var(--color-tertiary-500);border-radius:var(--radius-2xl);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:border-color .2s;display:flex}.f-checkbox-select__header:hover{border-color:var(--color-text-400)}.f-checkbox-select.--open .f-checkbox-select__header{border-color:var(--color-conversion-600);border-bottom-color:var(--color-tertiary-500);border-bottom-right-radius:0;border-bottom-left-radius:0}.f-checkbox-select__label{color:var(--color-text-500);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.f-checkbox-select__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.f-checkbox-select__clear{background:var(--color-tertiary-400);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-500);cursor:pointer;border:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:500;transition:background-color .2s;display:inline-flex}.f-checkbox-select__clear:hover{background:var(--color-tertiary-500)}.f-checkbox-select__toggler{color:var(--color-text-400);justify-content:center;align-items:center;transition:transform .2s;display:flex}.f-checkbox-select.--open .f-checkbox-select__toggler{transform:rotate(180deg)}.f-checkbox-select__body{background:var(--color-white);border:1px solid var(--color-conversion-600);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);z-index:10;border-top:none;max-height:15.625rem;position:absolute;top:100%;left:0;right:0;overflow:hidden}.f-checkbox-select__body-inner{flex-direction:column;gap:.5rem;max-height:14.375rem;padding:1rem;display:flex;overflow-y:auto}