@font-face {
    font-family: 'Montserrat-Bold';
    src: url('./fonts/Montserrat-Bold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('./fonts/Montserrat-Regular.ttf') format('truetype');
    font-style: normal;
}

.WidgetEventsView {
    --remarked-widget-accent-color: #DAF13F !important;
    --remarked-widget-surface-color: #09000A;
    --remarked-widget-bg-color: #09000A;
    --remarked-widget-text-color: #ffffff;
    --remarked-widget-on-accent-color: #000000;
    --remarked-widget-muted-text-color: #ffffff;
    --remarked-widget-input-bg-color: #09000A;
    --remarked-widget-font-family: "Montserrat-Regular", sans-serif;
}

.WidgetEventsView__event-gallery__dot--active {
    outline: 2px solid var(--remarked-widget-bg-color);
}

.WidgetEventsView__event-gallery__dot {
    background-color: var(--remarked-widget-bg-color);
}

.WidgetEventsView__empty-icon > svg > path:nth-child(1) {
    fill: var(--remarked-widget-accent-color);
}

.WidgetEventsView__empty-icon > svg > g > path {
    fill: var(--remarked-widget-on-accent-color);
}

#Vector {
    fill: var(--remarked-widget-text-color);
}