.SearchInput{position:relative;display:flex;width:100%;align-items:center;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.SearchInput{font-size:.875rem;line-height:1.5rem}}.SearchInput .search-icon{pointer-events:none;position:absolute;left:0;display:flex;align-items:center;padding-left:.625rem}.SearchInput .search-icon svg{height:1rem;width:1rem}.SearchInput .search-field{width:100%;border-radius:.375rem;border-width:0px;--tw-bg-opacity: 1;background-color:hsl(var(--twc-shade-1) / var(--twc-shade-1-opacity, var(--tw-bg-opacity)));padding:.375rem 2rem;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-transparent) / var(--twc-transparent-opacity, var(--tw-ring-opacity))) }.SearchInput .search-field:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset }@media (min-width: 640px){.SearchInput .search-field{font-size:.875rem;line-height:1.5rem}}.SearchInput .clear-button{position:absolute;right:0;display:flex;cursor:pointer;align-items:center;padding-right:.5rem}.SearchInput .clear-button svg{height:1rem;width:1rem}.SearchInput,.SearchInput.tone-default{--tw-border-opacity: 1;border-color:hsl(var(--twc-shade-5) / var(--twc-shade-5-opacity, var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:hsl(var(--twc-shade-2) / var(--twc-shade-2-opacity, var(--tw-bg-opacity)))}.SearchInput .search-icon,.SearchInput.tone-default .search-icon{--tw-text-opacity: 1;color:hsl(var(--twc-shade-9) / var(--twc-shade-9-opacity, var(--tw-text-opacity)))}.SearchInput .search-field::-moz-placeholder,.SearchInput.tone-default .search-field::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-shade-9) / var(--twc-shade-9-opacity, var(--tw-text-opacity)))}.SearchInput .search-field::placeholder,.SearchInput.tone-default .search-field::placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-shade-9) / var(--twc-shade-9-opacity, var(--tw-text-opacity)))}.SearchInput .search-field:focus,.SearchInput.tone-default .search-field:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-primary-6) / var(--twc-primary-6-opacity, var(--tw-ring-opacity))) }.SearchInput .clear-button,.SearchInput.tone-default .clear-button{--tw-text-opacity: 1;color:hsl(var(--twc-shade-9) / var(--twc-shade-9-opacity, var(--tw-text-opacity)))}.SearchInput .clear-button:hover,.SearchInput.tone-default .clear-button:hover{--tw-text-opacity: 1;color:hsl(var(--twc-shade-11) / var(--twc-shade-11-opacity, var(--tw-text-opacity)))}.SearchInput.tone-danger{--tw-border-opacity: 1;border-color:hsl(var(--twc-danger-5) / var(--twc-danger-5-opacity, var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:hsl(var(--twc-danger-2) / var(--twc-danger-2-opacity, var(--tw-bg-opacity)))}.SearchInput.tone-danger .search-icon{--tw-text-opacity: 1;color:hsl(var(--twc-danger-9) / var(--twc-danger-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-danger .search-field::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-danger-8) / var(--twc-danger-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-danger .search-field::placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-danger-8) / var(--twc-danger-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-danger .search-field:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-danger-6) / var(--twc-danger-6-opacity, var(--tw-ring-opacity))) }.SearchInput.tone-danger .clear-button{--tw-text-opacity: 1;color:hsl(var(--twc-danger-9) / var(--twc-danger-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-danger .clear-button:hover{--tw-text-opacity: 1;color:hsl(var(--twc-danger-11) / var(--twc-danger-11-opacity, var(--tw-text-opacity)))}.SearchInput.tone-warning{--tw-border-opacity: 1;border-color:hsl(var(--twc-warning-5) / var(--twc-warning-5-opacity, var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:hsl(var(--twc-warning-2) / var(--twc-warning-2-opacity, var(--tw-bg-opacity)))}.SearchInput.tone-warning .search-icon{--tw-text-opacity: 1;color:hsl(var(--twc-warning-9) / var(--twc-warning-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-warning .search-field::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-warning-8) / var(--twc-warning-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-warning .search-field::placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-warning-8) / var(--twc-warning-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-warning .search-field:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-warning-6) / var(--twc-warning-6-opacity, var(--tw-ring-opacity))) }.SearchInput.tone-warning .clear-button{--tw-text-opacity: 1;color:hsl(var(--twc-warning-9) / var(--twc-warning-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-warning .clear-button:hover{--tw-text-opacity: 1;color:hsl(var(--twc-warning-11) / var(--twc-warning-11-opacity, var(--tw-text-opacity)))}.SearchInput.tone-success{--tw-border-opacity: 1;border-color:hsl(var(--twc-success-5) / var(--twc-success-5-opacity, var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:hsl(var(--twc-success-2) / var(--twc-success-2-opacity, var(--tw-bg-opacity)))}.SearchInput.tone-success .search-icon{--tw-text-opacity: 1;color:hsl(var(--twc-success-9) / var(--twc-success-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-success .search-field::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-success-8) / var(--twc-success-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-success .search-field::placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-success-8) / var(--twc-success-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-success .search-field:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-success-6) / var(--twc-success-6-opacity, var(--tw-ring-opacity))) }.SearchInput.tone-success .clear-button{--tw-text-opacity: 1;color:hsl(var(--twc-success-9) / var(--twc-success-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-success .clear-button:hover{--tw-text-opacity: 1;color:hsl(var(--twc-success-11) / var(--twc-success-11-opacity, var(--tw-text-opacity)))}.SearchInput.tone-info{--tw-border-opacity: 1;border-color:hsl(var(--twc-info-5) / var(--twc-info-5-opacity, var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:hsl(var(--twc-info-2) / var(--twc-info-2-opacity, var(--tw-bg-opacity)))}.SearchInput.tone-info .search-icon{--tw-text-opacity: 1;color:hsl(var(--twc-info-9) / var(--twc-info-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-info .search-field::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-info-8) / var(--twc-info-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-info .search-field::placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-info-8) / var(--twc-info-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-info .search-field:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-info-6) / var(--twc-info-6-opacity, var(--tw-ring-opacity))) }.SearchInput.tone-info .clear-button{--tw-text-opacity: 1;color:hsl(var(--twc-info-9) / var(--twc-info-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-info .clear-button:hover{--tw-text-opacity: 1;color:hsl(var(--twc-info-11) / var(--twc-info-11-opacity, var(--tw-text-opacity)))}.SearchInput.tone-neutral{--tw-border-opacity: 1;border-color:hsl(var(--twc-neutral-5) / var(--twc-neutral-5-opacity, var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:hsl(var(--twc-neutral-2) / var(--twc-neutral-2-opacity, var(--tw-bg-opacity)))}.SearchInput.tone-neutral .search-icon{--tw-text-opacity: 1;color:hsl(var(--twc-neutral-9) / var(--twc-neutral-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-neutral .search-field::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-neutral-8) / var(--twc-neutral-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-neutral .search-field::placeholder{--tw-text-opacity: 1;color:hsl(var(--twc-neutral-8) / var(--twc-neutral-8-opacity, var(--tw-text-opacity)))}.SearchInput.tone-neutral .search-field:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--twc-neutral-6) / var(--twc-neutral-6-opacity, var(--tw-ring-opacity))) }.SearchInput.tone-neutral .clear-button{--tw-text-opacity: 1;color:hsl(var(--twc-neutral-9) / var(--twc-neutral-9-opacity, var(--tw-text-opacity)))}.SearchInput.tone-neutral .clear-button:hover{--tw-text-opacity: 1;color:hsl(var(--twc-neutral-11) / var(--twc-neutral-11-opacity, var(--tw-text-opacity)))}