.product-search-input {
    position: relative;
}

.product-search-dialog-root {
    width: min(70vw, 520px);
    margin: 0 auto;
}

.product-search-input input,
.product-search-input .rz-textbox {
    width: 100%;
}

.product-search-spinner {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: var(--rz-primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.product-search-loading {
    width: 100%;
}

.spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: translateY(-50%) rotate(0deg);
    }
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.product-search-dialog .rz-dialog {
    width: min(70vw, 520px);
    max-width: 520px;
}