:root{--cds-duration-fast-02:110ms;--cds-ease-productive-standard:cubic-bezier(0.2,0,0.38,0.9)}.dp-search{--dp-search-h:2.5rem;box-sizing:border-box;position:relative;display:flex;align-items:center;height:var(--dp-search-h);min-height:var(--dp-search-h);max-height:var(--dp-search-h);min-width:0;max-width:360px;flex:1 1 220px;align-self:flex-start;overflow:hidden;border-radius:0;border:none;border-block-end:1px solid var(--cds-border-strong);background:var(--cds-field);transition:background-color var(--cds-duration-fast-02) var(--cds-ease-productive-standard),outline var(--cds-duration-fast-02) var(--cds-ease-productive-standard)}.dp-search__icon{position:absolute;inset-inline-start:calc((var(--dp-search-h) - 1rem) / 2);color:var(--cds-icon-secondary);pointer-events:none}.dp-search__input{flex:1;min-width:0;width:100%;height:100%;padding-inline:var(--dp-search-h);border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--font-ui-size);color:var(--cds-text-primary)}.dp-search__input::-moz-placeholder{color:var(--cds-text-placeholder)}.dp-search__input::placeholder{color:var(--cds-text-placeholder)}.dp-search__input::-webkit-search-cancel-button,.dp-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.dp-search__input::-ms-clear{display:none;width:0;height:0}.dp-search:has(.dp-search__input:focus-visible){outline:2px solid var(--cds-focus);outline-offset:-2px}.dp-search:has(.dp-search__input:disabled){border-block-end-color:transparent}.dp-search__input:disabled{color:var(--cds-text-disabled);cursor:not-allowed}.dp-search__clear{flex:none;display:flex;align-items:center;justify-content:center;block-size:var(--dp-search-h);inline-size:var(--dp-search-h);border:none;border-radius:0;background:transparent;color:var(--cds-icon-primary);cursor:pointer}.dp-search__clear:hover{background:var(--cds-field-hover)}.dp-search__clear:focus-visible{outline:2px solid var(--cds-focus);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.dp-search{transition:none}}@media (max-width:767px){.dp-search{--dp-search-h:2.75rem;height:44px;min-height:44px;max-height:44px}}