welcome-ui/dist/Search.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@charset "UTF-8";@layer components{._wrapper_5psb0_3{position:relative}._indicators_5psb0_6{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, var(--searchPaddingInline));display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_5psb0_15{position:relative;height:100%;width:var(--searchClearSize);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_5psb0_28{position:relative}._input-wrapper_5psb0_28:has(>._icon-placement-right_5psb0_31) ._indicators_5psb0_6{--indicatorsRight: calc(var(--searchPaddingInline) + var(--searchIconSize, var(--size-icon-md)))}._root_5psb0_34{border-radius:var(--input-border-radius);border-style:solid;border-width:var(--input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--searchBackgroundColor, var(--input-color-background-default));color:var(--searchColor, var(--input-color-text-default));border-color:var(--searchBorderColor, var(--input-color-border-default));box-shadow:var(--searchBoxShadow, var(--inset-10)) inset;height:var(--searchHeight);padding-inline:var(--searchPaddingInline);padding-block:var(--searchPaddingBlock)}._root_5psb0_34._icon-placement-left_5psb0_61{padding-left:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)))}._root_5psb0_34._icon-placement-right_5psb0_31{padding-right:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)) + var(--button-size-icon-sm))}._root_5psb0_34:not(._icon-placement-right_5psb0_31):not(:placeholder-shown){padding-right:calc(var(--searchPaddingInline) * 2 + var(--button-size-icon-sm))}._root_5psb0_34:disabled,._root_5psb0_34[aria-disabled]{--searchBackgroundColor: var( --searchBackgroundColorDisabled, var(--input-color-background-disabled) );--searchColor: var(--input-color-text-disabled);cursor:not-allowed}._root_5psb0_34:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--searchBoxShadow: var(--inset-20)}._root_5psb0_34:active,._root_5psb0_34:focus{--searchBorderColor: var(--input-color-border-focused)}._root_5psb0_34::placeholder{color:var(--input-color-text-placeholder)}._root_5psb0_34 br{display:none}._variant-danger_5psb0_91{--searchBorderColor: var(--input-color-border-error)}._variant-warning_5psb0_94{--searchBorderColor: var(--input-color-border-warning)}._variant-success_5psb0_97{--searchBorderColor: var(--input-color-border-success)}._transparent_5psb0_100{--borderColor: transparent;--searchBackgroundColor: var(--input-color-background-transparent);--borderColorHover: var(--input-color-border-hover-transparent)}._size-lg_5psb0_105{--searchHeight: var(--input-max-height-lg);--searchPaddingBlock: var(--input-padding-block-lg);--searchPaddingInline: var(--input-padding-inline-lg);--searchIconSize: var(--size-icon-lg)}._size-md_5psb0_111{--searchHeight: var(--input-max-height-md);--searchPaddingBlock: var(--input-padding-block-md);--searchPaddingInline: var(--input-padding-inline-md);--searchIconSize: var(--size-icon-md)}._size-sm_5psb0_117{--searchHeight: var(--input-max-height-sm);--searchPaddingBlock: var(--input-padding-block-sm);--searchPaddingInline: var(--input-padding-inline-sm);--searchIconSize: var(--size-icon-sm)}._icon-wrapper_5psb0_123{position:absolute;top:0;bottom:0;left:var(--searchIconLeft);right:var(--searchIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--searchIconColor, var(--input-color-icon-placeholder));gap:var(--input-padding-block-sm);--searchIconLeft: auto;--searchIconRight: auto}._icon-wrapper_5psb0_123>button{pointer-events:auto}._icon-wrapper_5psb0_123._disabled_5psb0_144{--searchIconColor: var(--input-color-icon-disabled)}._icon-placement-left-sm_5psb0_147{--searchIconLeft: var(--input-padding-inline-sm)}._icon-placement-left-md_5psb0_150{--searchIconLeft: var(--input-padding-inline-md)}._icon-placement-left-lg_5psb0_153{--searchIconLeft: var(--input-padding-inline-lg)}._icon-placement-right-sm_5psb0_156{--searchIconRight: var(--input-padding-inline-sm)}._icon-placement-right-md_5psb0_159{--searchIconRight: var(--input-padding-inline-md)}._icon-placement-right-lg_5psb0_162{--searchIconRight: var(--input-padding-inline-lg)}._menu_5psb0_165{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);box-shadow:var(--elevation-20);color:var(--color-background-neutral-primary-fixed);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;position:absolute;z-index:2;right:0;left:0;margin-top:var(--border-radius-lg);transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:hidden}._menu_5psb0_165:hover>*{cursor:pointer}._menu-scroller_5psb0_191{max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0}._item_5psb0_198{color:var(--itemTextColor, var(--color-icon-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--border-radius-lg);list-style:none;text-decoration:none;font-size:var(--font-size-14);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_5psb0_198._highlighted_5psb0_212{background-color:var(--color-background-warm-primary)}._item_5psb0_198._selected_5psb0_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_5psb0_198._selected_5psb0_215._highlighted_5psb0_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}