@layer core{.Search__m7ln9{position:relative}.Search__m7ln9 input{background-position:0;background-size:var(--icon-size-xxs);width:100%;height:100%;text-indent:var(--space-6);appearance:none;border:1px solid var(--form-input-border);border-radius:var(--radius);padding:var(--space-2);font:var(--font-preset-sm);text-overflow:ellipsis;background-repeat:no-repeat}.Search__m7ln9 input::placeholder{color:var(--form-input-text-placeholder)}.Search__m7ln9 input:disabled{cursor:not-allowed;background-color:var(--form-input-surface-disabled);color:var(--text-muted)}.Search__m7ln9 input:focus-visible{border-color:var(--form-input-border-selected);background-color:var(--form-input-surface-selected);outline:none}.Search__m7ln9 input:enabled{cursor:pointer;background-color:var(--form-input-surface);color:var(--form-input-text)}.Search__m7ln9 input:enabled:hover{border-color:var(--form-input-border-hover);background-color:var(--form-input-surface-hover)}.Search__m7ln9 input[data-invalid]{border-color:var(--border-warning);background-color:var(--surface-warning);color:var(--text-warning)}.Search__m7ln9.Search__secondary__m7ln9{border-radius:revert}.Search__m7ln9.Search__secondary__m7ln9 input{border-color:transparent transparent var(--form-input-border) transparent;border-radius:revert}.Search__m7ln9 .Search__icon__m7ln9{top:50%;left:var(--space-2);pointer-events:none;position:absolute;translate:0 -50%}.Search__m7ln9 .Search__clear__m7ln9{opacity:0;padding:var(--space-2);transition:all .2s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.Search__m7ln9 .Search__clear__m7ln9:not(.Search__active__m7ln9){pointer-events:none}.Search__m7ln9 .Search__clear__m7ln9 .Search__clearButton__m7ln9{border-radius:var(--radius-sm);aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:80%;flex:1;animation-fill-mode:forwards}.Search__m7ln9 .Search__clear__m7ln9 .Search__clearButton__m7ln9:hover{background-color:var(--surface-highlight)}.Search__m7ln9 .Search__clear__m7ln9.Search__active__m7ln9{opacity:1}.Search__m7ln9 .Search__clear__m7ln9.Search__active__m7ln9 .Search__clearButton__m7ln9{animation:.3s ease-out both Search__popIn__m7ln9}.Search__m7ln9 .Search__clear__m7ln9:after{top:var(--space-2);background-color:var(--border);width:1px;height:calc(100% - var(--space-2) * 2);content:"";position:absolute;left:0}@keyframes Search__popIn__m7ln9{0%{opacity:0;animation-timing-function:ease-in;transform:scale(0)}95%{opacity:1;animation-timing-function:ease-in;transform:scale(1.1)}to{opacity:1;animation-timing-function:ease-out;transform:scale(1)}}}