.op-search[data-v-5c3da799]{position:relative;width:100%}.op-search__icon[data-v-5c3da799]{color:var(--ol-text-muted);display:inline-flex;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.op-search__input[data-v-5c3da799]{background:var(--ol-surface);border:1px solid var(--ol-border);border-radius:var(--ol-radius-sm);box-sizing:border-box;color:var(--ol-text-strong);font-family:var(--ol-font-sans);font-size:var(--ol-text-base);outline:none;padding:9px 34px;transition:box-shadow var(--ol-motion-hover),border-color var(--ol-motion-hover);width:100%}.op-search__input[data-v-5c3da799]::-moz-placeholder{color:var(--ol-text-muted)}.op-search__input[data-v-5c3da799]::placeholder{color:var(--ol-text-muted)}.op-search__input[data-v-5c3da799]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.op-search__input[data-v-5c3da799]:focus{border-color:var(--ol-color-accent);box-shadow:var(--ol-focus-ring)}.op-search__clear[data-v-5c3da799]{align-items:center;background:transparent;border:none;border-radius:var(--ol-radius-pill);color:var(--ol-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:3px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background var(--ol-motion-hover),color var(--ol-motion-hover)}.op-search__clear[data-v-5c3da799]:hover{background:var(--ol-surface-hover);color:var(--ol-text-strong)}.op-search__clear[data-v-5c3da799]:focus-visible{box-shadow:var(--ol-focus-ring);outline:none}