{"version":3,"file":"SearchBar.module.cjs","names":[],"sources":["../../../src/components/SearchBar/SearchBar.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 360px;\n    font-family: var(--tempest-font-sans);\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 36px 0 36px;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:focus):not(:disabled) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.iconLeft,\n.clear {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text-muted);\n}\n\n.iconLeft {\n    left: 12px;\n    pointer-events: none;\n}\n\n.clear {\n    right: 8px;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-full);\n    transition: var(--tempest-transition-color);\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .clear:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.clear:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n"],"mappings":";"}