/* Keep checkout search focus inside the rounded field, clear of the Find button. */
.cashier-container .ioe-search:focus-within {
    outline: none;
}

.cashier-container .ioe-search .search-field__group {
    border-radius: inherit;
}

.cashier-container .ioe-search:focus-within .search-field__group {
    border-color: color-mix(in srgb, var(--accent) 55%, var(--separator));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);
}

.cashier-container .input-group:has(> .ioe-search) {
    align-items: stretch;
    flex-wrap: nowrap;
}

.cashier-container .input-group > .ioe-search, .cashier-container .input-group > .ioe-search .search-field__group, .cashier-container .input-group:has(> .ioe-search) > .button {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    margin-block: 0;
}

.cashier-container .input-group > .ioe-search .search-field__input {
    height: 34px !important;
    min-height: 0;
    padding-block: 6px;
}

.cashier-container .input-group:has(> .ioe-search) > .button--icon-only {
    width: 36px;
    min-width: 36px;
}