@layer bk.components{.input{font:var(--bk-type-body);height:2.75rem;padding:0 var(--space-md);background:var(--bk-field-background);border:1px solid var(--bk-field-border);border-radius:var(--radius-md);color:var(--bk-field-text);width:100%;transition:border-color var(--motion-fast-duration) var(--motion-standard-easing), box-shadow var(--motion-fast-duration) var(--motion-standard-easing);outline:none}.input:focus{border-color:var(--bk-focus-ring);outline:var(--bk-focus-width) solid var(--bk-focus-ring);outline-offset:var(--bk-focus-offset)}.input::placeholder{font:var(--bk-type-body);color:var(--text-dim)}.input:disabled{opacity:.4;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--bk-field-invalid-border);border-style:dashed}.input[aria-invalid=true]:focus{outline:var(--bk-focus-width) solid var(--bk-focus-ring);outline-offset:var(--bk-focus-offset)}select.input{appearance:none;padding-right:calc(var(--space-2xl) + var(--space-xs));background-image:linear-gradient(45deg, transparent calc(50% - .75px), color-mix(in srgb, currentColor 50%, transparent) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(-45deg, transparent calc(50% - .75px), color-mix(in srgb, currentColor 50%, transparent) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px));background-position:right 20px center,right 16px center;background-repeat:no-repeat;background-size:4px 4px}textarea.input{resize:vertical}.input-group{width:100%;display:block;position:relative}.input-group__icon{pointer-events:none;color:var(--text-dim);align-items:center;display:inline-flex;position:absolute;top:50%;left:.75em;transform:translateY(-50%)}.input-group__icon svg{width:1em;height:1em}.input-group__unit{font:var(--bk-type-caption);pointer-events:none;color:var(--text-dim);position:absolute;top:50%;right:.875em;transform:translateY(-50%)}.input-group[data-icon]>.input{padding-left:2.5em}.input-group[data-unit]>.input{padding-right:calc(1.5em + var(--input-unit-chars) * 1ch)}@container bk-screen (width<=68.75em){.input:not(textarea){height:var(--target-touch-size)}}@media (pointer:coarse){.input:not(textarea){height:var(--target-touch-size)}}.input::-webkit-calendar-picker-indicator{background:var(--text-dim);opacity:1;cursor:pointer;width:20px;height:20px;padding:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") 50%/20px 20px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") 50%/20px 20px no-repeat}.input:is([type=date],[type=datetime-local],[type=month],[type=week])::-webkit-calendar-picker-indicator{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3'/%3E%3Cpath d='M16 2v3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 13h.01'/%3E%3Cpath d='M12 13h.01'/%3E%3Cpath d='M16 13h.01'/%3E%3Cpath d='M8 17h.01'/%3E%3Cpath d='M12 17h.01'/%3E%3Cpath d='M16 17h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3'/%3E%3Cpath d='M16 2v3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 13h.01'/%3E%3Cpath d='M12 13h.01'/%3E%3Cpath d='M16 13h.01'/%3E%3Cpath d='M8 17h.01'/%3E%3Cpath d='M12 17h.01'/%3E%3Cpath d='M16 17h.01'/%3E%3C/svg%3E")}}