@font-face {
    font-family: 'Muller';
    src: url('https://remarked.ru/widgetEvents/202223/MullerLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('https://remarked.ru/widgetEvents/202223/MullerRegular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.WidgetEventsView {
    --remarked-widget-font-family: 'Muller', sans-serif;
    --remarked-widget-accent-color: #B8155E;
    --remarked-widget-text-color: #FFFFFF;
    --remarked-widget-bg-color: #1B1B1B;
    --remarked-widget-surface-color: #1B1B1B;
    --remarked-widget-muted-text-color: #C9B299;
    --remarked-widget-danger-color: #f12a2a;
    --remarked-widget-placeholder-bg-color: #2A2A2A;
    --remarked-widget-past-bg-color: #151515;
    --remarked-widget-media-bg-color: #000000;
    --remarked-widget-divider-color: rgba(255, 255, 255, 0.15);
    --remarked-widget-input-bg-color: #1B1B1B;
    --remarked-widget-disabled-bg-color: #4A4A4A;
    --remarked-widget-shadow-color: rgba(0, 0, 0, 0.35);
    --remarked-widget-shadow-subtle-color: rgba(0, 0, 0, 0.4);
    --remarked-widget-popover-shadow-color: rgba(0, 0, 0, 0.5);
    --remarked-widget-overlay-color: rgba(0, 0, 0, 0.6);
    --remarked-widget-overlay-weak-color: rgba(255, 255, 255, 0.08);
    --remarked-widget-overlay-strong-color: rgba(0, 0, 0, 0.9);
    --remarked-widget-on-accent-color: #FFFFFF;
    --remarked-widget-contrast-text-color: #FFFFFF;
}

.WidgetEventsView * {
    font-family: 'Muller', sans-serif;
    font-weight: 300;
}

.WidgetEventsView__title,
.WidgetEventsView__formwrapper-title,
.WidgetEventsView__formwrapper-title-mobile,
.WidgetEventsView__event-title,
.WidgetEventsView__calendar-date,
.WidgetEventsView__notice-title,
.WidgetEventsView__order-title,
.WidgetEventsView__calendar-item-count-event,
.WidgetEventsView__calendar-item-title,
.WidgetEventsView__order-list-item-value,
.WidgetEventsView__order-total-value {
    font-weight: 400;
}

.WidgetEventsView__body,
.WidgetEventsView__content,
.WidgetEventsView__header {
    background-color: #1B1B1B !important;
}

.WidgetEventsView__title,
.WidgetEventsView__close svg path,
.WidgetEventsView__prev svg path,
.WidgetEventsView__calendar-left svg,
.WidgetEventsView__calendar-right svg {
    color: #FFFFFF;
    fill: #FFFFFF !important;
}

.WidgetEventsView__event-content,
.WidgetEventsView__formwrapper-info,
.WidgetEventsView__form,
.WidgetEventsView__order,
.WidgetEventsView__notice,
.WidgetEventsView__calendar-date,
.WidgetEventsView__calendar-left,
.WidgetEventsView__calendar-right,
.WidgetEventsView__calendar-tabs,
.WidgetEventsView__calendar-item,
.WidgetEventsView__dropdown-toggle,
.WidgetEventsView__dropdown-list {
    background-color: #1B1B1B;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.WidgetEventsView__calendar-tab {
    color: #C9B299;
}

.WidgetEventsView__calendar-tab--active {
    background-color: #d03d13;
    color: #FFFFFF;
}

.WidgetEventsView__inputblock-input input,
.WidgetEventsView__inputblock-input select {
    background-color: #1B1B1B;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
}

.WidgetEventsView__inputblock-input input::placeholder,
.WidgetEventsView__inputblock-input select::placeholder {
    color: #C9B299;
}

.WidgetEventsView__inputblock-label,
.WidgetEventsView__formwrapper-item-label {
    color: #C9B299;
}

.WidgetEventsView__formwrapper-item-value,
.WidgetEventsView__formwrapper-description {
    color: #FFFFFF;
}

.WidgetEventsView__policy-checkbox label {
    border-color: #FFFFFF;
}

.WidgetEventsView__policy-checkbox input[type=checkbox]:checked + label {
    background-color: #B8155E;
    border-color: #B8155E;
}

.WidgetEventsView__policy-text {
    color: #FFFFFF;
}

.WidgetEventsView__policy-text a {
    color: #B8155E;
    text-decoration: underline;
}

.WidgetEventsView__event-count-place {
    color: #FFFFFF;
}

.WidgetEventsView__event-count-place span.WidgetEventsView__event-count-place-free {
    color: #B8155E;
}

.WidgetEventsView__submit,
.WidgetEventsView__order-submit,
.WidgetEventsView__notice-button,
.WidgetEventsView__event-total {
    background: #d03d13;
    border-radius: 50px;
    color: #FFFFFF;
}

.WidgetEventsView__submit:disabled {
    background: #4A4A4A;
}

.WidgetEventsView__formwrapper-more {
    color: #B8155E;
}

.WidgetEventsView__formwrapper-more:after {
    border-color: #B8155E;
}

.WidgetEventsView__event-gallery__dot {
    background-color: rgba(255, 255, 255, 0.4);
    width: 15px;
    height: 15px;
}

.WidgetEventsView__event-gallery__dot--active {
    background-color: #FFFFFF;
    outline: 2px solid #B8155E;
    outline-offset: 2px;
}

.WidgetEventsView__event-gallery__arrow {
    background: rgba(27, 27, 27, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.WidgetEventsView__event-gallery__arrow svg path {
    stroke: #FFFFFF;
}

.WidgetEventsView__event-gallery__arrow:hover {
    background: #B8155E;
}

.WidgetEventsView__event-gallery__arrow:hover svg path {
    stroke: #FFFFFF;
}

.WidgetEventsView__calendar-item-title {
    overflow: hidden;
}

.WidgetEventsView__calendar-item {
    min-height: max-content;
}

.WidgetEventsView__calendar-item--last-seen {
    border-color: #B8155E;
}

.WidgetEventsView__calendar-item--today {
    background-color: #B8155E;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.WidgetEventsView__calendar-item--today .WidgetEventsView__calendar-item-dot-mobile {
    background: #FFFFFF;
}

.WidgetEventsView__dropdown-item:hover {
    background: #B8155E;
    color: #FFFFFF;
}

.WidgetEventsView__dropdown-item--active,
.WidgetEventsView__dropdown-item:active {
    background: rgba(224, 122, 95, 0.15);
    color: #B8155E;
}

.iti__country-list {
    background-color: #1B1B1B;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.iti__country.iti__highlight {
    background-color: rgba(224, 122, 95, 0.15);
}

.iti .iti__selected-dial-code,
.iti__country-name,
.iti__dial-code {
    color: #FFFFFF;
}

.WidgetEventsView__loader .loader {
    border-color: #FFFFFF #FFFFFF transparent;
}
