html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

body{
	--event-primary: #0076D5;
	--events-width: 1344px;
	--primary-btn:#0076D5;
	--primary-btn-hover:#045CA4;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: rgb(0,80,160);
}

label {
	display: block;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
}

input:disabled {
	color: #ccc;
}

button {
	border-width: 0;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

p {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

ul,li{
	list-style: none;
	padding-inline-start: 0px;
}
ul{
	margin-block-start: 0;
    margin-block-end: 0;
}

h1,h2,h3,h4{
	margin-block-start: 0;
    margin-block-end: 0;
}

:focus-visible{
	outline: none;
}

.events_wrap{
	width: 1344px;
	max-width: 100%;
	margin:0 auto
}

.loading-wrap{
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom: 0;
}

.loading-wrap::after{
	content:'';
	background-color: rgb(255,255,255);
	opacity: 0.4;
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

.events_wrap{
	width: var(--events-width);
	max-width: 100%;
	margin:0 auto;
}

.events_form_item_title{
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	color: #212529;
	margin-bottom: 8px;
	display: block;
}

.events_form_item_tip{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #707273;
	margin-top:12px;
}

.events_form_item_second-title{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #414344;
	margin-bottom: 12px;
	display: block;
}

.events_form_item input,.events_form_item textarea{
	border:none;
	width:100%;
}

.events_form_item{
	border: 1px solid #E2E2E2;
    border-radius: 4px;
	padding: 12px 16px;
	display: inline-flex;
	width: 100%;
	box-sizing: border-box;
}

.events_form_item_error{
	border-color: #a94442;
}

.events_form_item_error_message{
	color: #a94442;
	font-size: 16px;
	margin-top: 10px;
}

a.events_header-link{
	color: #414344;
	font-weight: 400;
}
a.events_header-link:hover{
	color: var(--event-primary);
}

/* reset css */
.events_container .pagination.svelte-r3vf1m>.page.current{
	background-color: transparent;
	border: 1px solid var(--event-primary);
	color:var(--event-primary)
}

.events_container .pagination.svelte-r3vf1m>.page.current:hover{
	background-color: var(--event-primary);
	color:#fff
}

.events_container .pagination.svelte-r3vf1m>.page.current:focus{
	background-color: var(--event-primary);
	color:#fff
}

.events_container .text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28, .events_container .text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{
	border-color: var(--event-primary);
}

.events_container .text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus, .events_container .text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{
	border-color: var(--event-primary);
}

.events_container .spinner{
	width: 50px;
    height: 50px;
	border-bottom-color: rgb(0 118 213 / 70%);
	border-right-color: rgb(0 118 213 / 70%);
	z-index:1;
}

.events_container .spinner.svelte-5lyar3.svelte-5lyar3{
	color: transparent;
}

#app .modal-overlay.svelte-rafkre{
	overflow: scroll;
}