.cb-rounded-dots::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-image: radial-gradient(ellipse 2.4px 1.2px at center, #cbd5e1 98%, transparent 100%);
    background-size: 11px 3px;
    background-repeat: repeat-x;
    background-position: left bottom;
    pointer-events: none;
}

.dark .cb-rounded-dots::after {
    background-image: radial-gradient(ellipse 2.4px 1.3px at center, #cbd5e1 98%, transparent 100%);
}

.search-soft-shadow {
    box-shadow:
        inset 0 3px 3px rgba(0, 0, 0, 0.1),
        inset 0 -1px 2px rgba(255, 255, 255, 0.9),
        0 1px 3px 0px rgba(255, 255, 255, 1.0);
}

.cb-search-button {
    border: 1px solid #EFEFEF;
    background: #F2F3F5;
    color: #26365f;

    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.95),
    0px 1px 2px 0.5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease,
    transform 0.12s ease,
    box-shadow 0.2s ease;
}