@layer components{.pk-file{gap:var(--pk-2);flex-direction:column;width:100%;min-width:0;display:flex}.pk-file__preview{padding:var(--pk-2);border:1px solid var(--pk-line);border-radius:var(--pk-radius);background:var(--pk-surface-sunk);color:var(--pk-ink-muted);font-size:var(--pk-text-sm);justify-content:center;align-items:center;display:flex}.pk-file__preview img{max-width:100%;max-height:6rem}.pk-file__control{align-items:center;gap:var(--pk-2);flex-wrap:wrap;min-width:0;display:flex}.pk-file__field{align-items:center;gap:var(--pk-2);min-width:0;padding:var(--pk-control-y) var(--pk-control-x);border:1px solid var(--pk-line);border-radius:var(--pk-radius);background:var(--pk-surface);color:var(--pk-ink);transition:border-color var(--pk-dur-fast), box-shadow var(--pk-dur-fast);flex:12rem;display:flex;position:relative}.pk-file__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pk-file__field:has(.pk-file__input:focus-visible){border-color:var(--pk-accent-strong);box-shadow:var(--pk-focus)}.pk-file__button{padding:var(--pk-1) var(--pk-3);border:1px solid var(--pk-line-strong);border-radius:var(--pk-radius-sm);background:var(--pk-surface-raise);color:var(--pk-ink);font-size:var(--pk-text-sm);transition:background var(--pk-dur-fast);flex:none;font-weight:500}.pk-file__field:hover .pk-file__button{background:var(--pk-surface-sunk)}.pk-file__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--pk-text-sm);color:var(--pk-ink);flex:auto;overflow:hidden}.pk-file__name--empty{color:var(--pk-ink-faint)}.pk-file__clear{flex:none}.pk-file--disabled .pk-file__field{background:var(--pk-surface-sunk);cursor:not-allowed}.pk-file--disabled .pk-file__input{cursor:not-allowed}.pk-file--disabled .pk-file__button,.pk-file--disabled .pk-file__name{background:var(--pk-surface-sunk);color:var(--pk-ink-faint)}.pk-field--ok .pk-file__field,.pk-field--advisory .pk-file__field,.pk-field--invalid .pk-file__field{border-color:var(--state)}.pk-field--ok .pk-file,.pk-field--advisory .pk-file,.pk-field--invalid .pk-file{padding-right:2.2rem}}