.v-grid-default-theme {
    /* custom variables */

    /* global */
    --primary-color: #0091ea;
    --border-color: #bdc3c7;
    --default-font-size: 12px;
    --background-color: #ffffff;
    --loading-background: rgba(255, 255, 255, 0.8);
    --loading-forground: #0091ea;
    /* headers */
    --header-background-color: #f8f8f8;
    --header-foreground-color: rgba(0, 0, 0, 0.5);
    --header-resizer-active-color: var(--primary-color);
    /* rows */
    --row-stripe-background: #f9fafb;
    --row-hover-background: #ecf0f1;
    --row-select-background: rgba(0, 145, 234, 0.1);
    /* cells */
    --cell-padding: 0 12px;
    --cell-selected-background: rgba(0, 145, 234, 0.2);
    --cell-selected-boundary-color: var(--primary-color);
    --cell-filling-background: rgba(245, 223, 25, 0.2);
    --cell-filling-boundary-color: #f8b013;
    --cell-editing-popup-background: #fafafa;
    --cell-editing-popup-border: none;
    /* menus */
    --cell-menu-padding: 4px 0;
    /* z-index */
    --pinned-z-index: 1;
    --horizontal-scroll-z-index: 1;
    --cell-editing-z-index: 2;
    --menu-z-index: 2;
    --column-z-index: 2;
    --column-resizer-z-index: 2;
    --loading-z-index: 9;

    /* global styles */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;;
}

.v-grid-default-theme [class^='v-grid-'], .v-grid-default-theme [class^='v-grid-']:focus, .v-grid-default-theme [class^='v-grid-']:after, .v-grid-default-theme [class^='v-grid-']:before {
    box-sizing: border-box;
    outline: none;
}

.v-grid-default-theme [class^='v-grid-']::selection {
    background-color: rgba(0, 145, 234, 0.2);
}