*,
:before,
:after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: currentColor
}

:before,
:after {
	--tw-content: ""
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: Arial, sans-serif;
	font-feature-settings: normal;
	font-variation-settings: normal
}

body {
	margin-right: 300px;
	margin-left: 300px;
	line-height: inherit
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0;
	padding: 0
}

legend {
	padding: 0
}

ol,
ul,
menu {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

button,
[role=button] {
	cursor: pointer
}

:disabled {
	cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle
}

img,
video {
	max-width: 100%;
	height: auto
}

[hidden] {
	display: none
}

*,
:before,
:after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia:
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

@media (min-width: 900px) {
	.container {
		max-width: 900px
	}
}

.navigation-link {
	--tw-bg-opacity: 1;
	background-color: rgb(40 50 55 / var(--tw-bg-opacity));
	padding-top: .75rem;
	padding-bottom: .75rem
}

.navigation-link:hover {
	--tw-shadow: 0px -3px 0px 0px rgba(228, 154, 73, 1) inset;
	--tw-shadow-colored: inset 0px -3px 0px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 768px) {
	.navigation-link {
		width: calc(20% - 1px);
		flex-grow: 1
	}
}

@media (max-width: 768px) {
	.navigation-link {
		flex-basis: calc(50% - 1px)
	}
}

.\!absolute {
	position: absolute !important
}

.relative {
	position: relative
}

.mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.mx-6 {
	margin-left: 1.5rem;
	margin-right: 1.5rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.my-2\.5 {
	margin-top: .625rem;
	margin-bottom: .625rem
}

.my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem
}

.my-5 {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem
}

.-mt-px {
	margin-top: -1px
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-\[-1px\] {
	margin-bottom: -1px
}

.ml-1 {
	margin-left: .25rem
}

.ml-2 {
	margin-left: .5rem
}

.ml-4 {
	margin-left: 1rem
}

.mr-1 {
	margin-right: .25rem
}

.mt-1 {
	margin-top: .25rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-16 {
	margin-top: 4rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.line-clamp-1 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.\!hidden {
	display: none !important
}

.hidden {
	display: none
}

.h-16 {
	height: 4rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-7 {
	height: 1.75rem
}

.h-\[132px\] {
	height: 132px
}

.h-\[14px\] {
	height: 14px
}

.h-\[175px\] {
	height: 175px
}

.h-\[20px\] {
	height: 20px
}

.h-\[24px\] {
	height: 24px
}

.h-\[32px\] {
	height: 32px
}

.h-\[33\.5px\] {
	height: 33.5px
}

.h-\[35px\] {
	height: 35px
}

.h-\[52px\] {
	height: 52px
}

.h-\[64px\] {
	height: 64px
}

.max-h-\[52px\] {
	max-height: 52px
}

.min-h-\[16px\] {
	min-height: 16px
}

.min-h-screen {
	min-height: 100vh
}

.w-16 {
	width: 4rem
}

.w-5 {
	width: 1.25rem
}

.w-6 {
	width: 1.5rem
}

.w-7 {
	width: 1.75rem
}

.w-\[132px\] {
	width: 132px
}

.w-\[14px\] {
	width: 14px
}

.w-\[150px\] {
	width: 150px
}

.w-\[20px\] {
	width: 20px
}

.w-\[24px\] {
	width: 24px
}

.w-\[28px\] {
	width: 28px
}

.w-\[300px\] {
	width: 300px
}

.w-\[50px\] {
	width: 50px
}

.w-\[64px\] {
	width: 64px
}

.w-auto {
	width: auto
}

.w-full {
	width: 100%
}

.min-w-\[16px\] {
	min-width: 16px
}

.min-w-\[32px\] {
	min-width: 32px
}

.min-w-\[375px\] {
	min-width: 375px
}

.min-w-full {
	min-width: 100%
}

.max-w-7xl {
	max-width: 80rem
}

.max-w-\[33\%\] {
	max-width: 33%
}

.max-w-\[34\%\] {
	max-width: 34%
}

.flex-0 {
	flex: 1 0 33%
}

.shrink-0 {
	flex-shrink: 0
}

.grow {
	flex-grow: 1
}

.grow-\[0\] {
	flex-grow: 0
}

.basis-8 {
	flex-basis: 2rem
}

.basis-\[10\%\] {
	flex-basis: 10%
}

.basis-\[100\%\] {
	flex-basis: 100%
}

.basis-\[11\%\] {
	flex-basis: 11%
}

.basis-\[12\.5\%\] {
	flex-basis: 12.5%
}

.basis-\[14px\] {
	flex-basis: 14px
}

.basis-\[15\%\] {
	flex-basis: 15%
}

.basis-\[20\%\] {
	flex-basis: 20%
}

.basis-\[200px\] {
	flex-basis: 200px
}

.basis-\[25\%\] {
	flex-basis: 25%
}

.basis-\[33\%\] {
	flex-basis: 33%
}

.basis-\[34\%\] {
	flex-basis: 34%
}

.basis-\[35\%\] {
	flex-basis: 35%
}

.basis-\[42\%\] {
	flex-basis: 42%
}

.basis-\[45\%\] {
	flex-basis: 45%
}

.basis-\[5\%\] {
	flex-basis: 5%
}

.basis-\[50\%\] {
	flex-basis: 50%
}

.basis-\[55\%\] {
	flex-basis: 55%
}

.scale-100 {
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
	cursor: pointer
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-row {
	flex-direction: row
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-evenly {
	justify-content: space-evenly
}

.gap-1 {
	gap: .25rem
}

.gap-2 {
	gap: .5rem
}

.gap-4 {
	gap: 1rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-\[1px\] {
	gap: 1px
}

.self-end {
	align-self: flex-end
}

.self-center {
	align-self: center
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rounded-full {
	border-radius: 9999px
}

.rounded-lg {
	border-radius: .5rem
}

.rounded-sm {
	border-radius: .125rem
}

.rounded-xl {
	border-radius: .75rem
}

.border {
	border-width: 1px
}

.border-b,
.border-b-\[1px\] {
	border-bottom-width: 1px
}

.border-\[\#13181B\],
.border-black-main {
	--tw-border-opacity: 1;
	border-color: rgb(19 24 27 / var(--tw-border-opacity))
}

.border-gray-light {
	--tw-border-opacity: 1;
	border-color: rgb(244 244 244 / var(--tw-border-opacity))
}

.border-gray-med_light {
	--tw-border-opacity: 1;
	border-color: rgb(204 204 204 / var(--tw-border-opacity))
}

.bg-\[\#E49A49\] {
	--tw-bg-opacity: 1;
	background-color: rgb(228 154 73 / var(--tw-bg-opacity))
}

.bg-black-main {
	--tw-bg-opacity: 1;
	background-color: rgb(19 24 27 / var(--tw-bg-opacity))
}

.bg-gray-light {
	--tw-bg-opacity: 1;
	background-color: rgb(244 244 244 / var(--tw-bg-opacity))
}

.bg-gray-med_light {
	--tw-bg-opacity: 1;
	background-color: rgb(204 204 204 / var(--tw-bg-opacity))
}

.bg-gray-medium {
	--tw-bg-opacity: 1;
	background-color: rgb(40 50 55 / var(--tw-bg-opacity))
}

.bg-euro {
	--tw-bg-opacity: 1;
	background-color: rgb(50 50 255 / var(--tw-bg-opacity))
}

.bg-red-dark {
	--tw-bg-opacity: 1;
	background-color: rgb(170 48 38 / var(--tw-bg-opacity))
}

.bg-transparent {
	background-color: transparent
}

.bg-euro-main {
	--tw-bg-opacity: 1;
	background-color: rgb(224 229 255 / var(--tw-bg-opacity))
}

.bg-white-main {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-adult {
	background-image: url(adult-16a5ff57.svg)
}

.bg-ball {
	background-image: url(https://www.soccervista.com/build/assets/ball-0db1e61b.svg)
}

.bg-calendar {
	background-image: url(https://www.soccervista.com/build/assets/calendar-8ec5b6b7.svg)
}

.bg-draw {
	background-image: url(https://www.soccervista.com/build/assets/draw-01391dce.svg)
}

.bg-emptystar {
	background-image: url(https://www.soccervista.com/build/assets/empty-star-d3e1cb3b.svg)
}

.bg-england {
	background-image: url(https://www.soccervista.com/build/assets/en-235d5897.png)
}

.bg-europe {
	background-image: url(https://www.soccervista.com/build/assets/world-9feb5b18.png)
}

.bg-france {
	background-image: url(https://www.soccervista.com/build/assets/fr-bfaab64b.png)
}

.bg-germany {
	background-image: url(https://www.soccervista.com/build/assets/de-1bcd0567.png)
}

.bg-italy {
	background-image: url(https://www.soccervista.com/build/assets/it-8521ebf4.png)
}

.bg-loser {
	background-image: url(https://www.soccervista.com/build/assets/loser-8832984f.svg)
}

.bg-redcard {
	background-image: url(https://www.soccervista.com/build/assets/redcard-9038a286.svg)
}

.bg-spain {
	background-image: url(https://www.soccervista.com/build/assets/es-2c28484d.png)
}

.bg-star {
	background-image: url(https://www.soccervista.com/build/assets/star-1f4cca37.svg)
}

.bg-substitute {
	background-image: url(https://www.soccervista.com/build/assets/substitute-ae54ac5b.svg)
}

.bg-winner {
	background-image: url(https://www.soccervista.com/build/assets/winner-cdabf3ad.svg)
}

.bg-yellowcard {
	background-image: url(https://www.soccervista.com/build/assets/yellow-card-de904071.svg)
}

.via-transparent {
	--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.bg-cover {
	background-size: cover
}

.bg-center {
	background-position: center
}

.bg-no-repeat {
	background-repeat: no-repeat
}

.p-1 {
	padding: .25rem
}

.p-2 {
	padding: .5rem
}

.p-6 {
	padding: 1.5rem
}

.px-0 {
	padding-left: 0;
	padding-right: 0
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.px-2\.5 {
	padding-left: .625rem;
	padding-right: .625rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.px-7 {
	padding-left: 1.75rem;
	padding-right: 1.75rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.py-2\.5 {
	padding-top: .625rem;
	padding-bottom: .625rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.pb-2 {
	padding-bottom: .5rem
}

.pb-5 {
	padding-bottom: 1.25rem
}

.pl-1 {
	padding-left: .25rem
}

.pl-2 {
	padding-left: .5rem
}

.pl-2\.5 {
	padding-left: .625rem
}

.pl-4 {
	padding-left: 1rem
}

.pl-5 {
	padding-left: 1.25rem
}

.pr-2 {
	padding-right: .5rem
}

.pr-3 {
	padding-right: .75rem
}

.pt-2 {
	padding-top: .5rem
}

.pt-5 {
	padding-top: 1.25rem
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-\[0\.75rem\] {
	font-size: .75rem
}

.text-\[10px\] {
	font-size: 10px
}

.text-\[11px\] {
	font-size: 11px
}

.text-\[14px\] {
	font-size: 14px
}

.text-\[15px\] {
	font-size: 15px
}

.text-\[1rem\] {
	font-size: 1rem
}

.text-\[2rem\] {
	font-size: 2rem
}

.text-\[9px\] {
	font-size: 9px
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.font-bold {
	font-weight: 700
}

.font-normal {
	font-weight: 400
}

.font-semibold {
	font-weight: 600
}

.uppercase {
	text-transform: uppercase
}

.leading-\[0\.85rem\] {
	line-height: .85rem
}

.leading-relaxed {
	line-height: 1.625
}

.\!text-white-main {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.text-\[\#0F2D37\] {
	--tw-text-opacity: 1;
	color: rgb(15 45 55 / var(--tw-text-opacity))
}

.text-\[\#555E61\] {
	--tw-text-opacity: 1;
	color: rgb(85 94 97 / var(--tw-text-opacity))
}

.text-\[\#999999\] {
	--tw-text-opacity: 1;
	color: rgb(153 153 153 / var(--tw-text-opacity))
}

.text-\[\#CC3300\] {
	--tw-text-opacity: 1;
	color: rgb(204 51 0 / var(--tw-text-opacity))
}

.text-black-main {
	--tw-text-opacity: 1;
	color: rgb(19 24 27 / var(--tw-text-opacity))
}

.text-gray-medium {
	--tw-text-opacity: 1;
	color: rgb(40 50 55 / var(--tw-text-opacity))
}

.text-orange-main {
	--tw-text-opacity: 1;
	color: rgb(228 154 73 / var(--tw-text-opacity))
}

.text-white-main {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

.underline {
	text-decoration-line: underline
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.shadow-2xl {
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[8px_0px_0px_1px_rgba\(200\,205\,205\,1\)_inset\] {
	--tw-shadow: 8px 0px 0px 1px rgba(200, 205, 205, 1) inset;
	--tw-shadow-colored: inset 8px 0px 0px 1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
	pointer-events: none
}

input[type=date]::-webkit-datetime-edit-day-field,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-year-field {
	pointer-events: none
}

input[type=date]::-webkit-input-placeholder {
	visibility: hidden !important
}

#emailText {
	resize: none
}

.p1,
div.legendSquare.p1 {
	background-color: #23a0ff !important
}

.p2,
div.legendSquare.p2 {
	background-color: #6cbce5 !important
}

.p3,
div.legendSquare.p3 {
	background-color: #7f0029 !important
}

.p4,
div.legendSquare.p4 {
	background-color: #b5184c !important
}

.p5,
div.legendSquare.p5 {
	background-color: #b8860b !important
}

.p6,
div.legendSquare.p6 {
	background-color: #daa520 !important
}

.q1,
div.legendSquare.q1 {
	background-color: #23a0ff !important
}

.q2,
div.legendSquare.q2 {
	background-color: #c71585 !important
}

.q3,
div.legendSquare.q3 {
	background-color: #6cbce5 !important
}

.q4,
div.legendSquare.q4 {
	background-color: #7f0029 !important
}

.q5,
div.legendSquare.q5 {
	background-color: #b8860b !important
}

.q6,
div.legendSquare.q6 {
	background-color: #daa520 !important
}

.q7,
div.legendSquare.q7 {
	background-color: #f2bd38 !important
}

.q8 {
	background-color: #f59d45 !important
}

.q9 {
	background-color: #ef7e4c !important
}

.r1,
div.legendSquare.r1 {
	background-color: #bd0000 !important
}

.r2,
div.legendSquare.r2,
.r3,
div.legendSquare.r3,
.r4,
div.legendSquare.r4 {
	background-color: #ff4141 !important
}

.a1,
div.legendSquare.a1 {
	color: #fff !important;
	background-color: #63cb7b !important
}

.last\:border-0:last-child {
	border-width: 0px
}

.hover\:bg-gray-med_light:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(204 204 204 / var(--tw-bg-opacity))
}

.hover\:underline:hover {
	text-decoration-line: underline
}

.hover\:shadow-\[8px_0px_0px_0px_rgba\(40\,50\,55\,1\)_inset\]:hover {
	--tw-shadow: 8px 0px 0px 0px rgba(40, 50, 55, 1) inset;
	--tw-shadow-colored: inset 8px 0px 0px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:rounded-sm:focus {
	border-radius: .125rem
}

.focus\:outline:focus {
	outline-style: solid
}

.focus\:outline-2:focus {
	outline-width: 2px
}

@media (prefers-reduced-motion: no-preference) {
	.motion-safe\:hover\:scale-\[1\.01\]:hover {
		--tw-scale-x: 1.01;
		--tw-scale-y: 1.01;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
}

@media (prefers-color-scheme: dark) {
	.dark\:bg-gradient-to-bl {
		background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
	}

	.dark\:shadow-none {
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.dark\:ring-1 {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
	}

	.dark\:ring-inset {
		--tw-ring-inset: inset
	}
}

@media (min-width: 768px) {
	.min-md\:order-first {
		order: -9999
	}

	.min-md\:order-last {
		order: 9999
	}

	.min-md\:ml-1 {
		margin-left: .25rem
	}

	.min-md\:ml-5 {
		margin-left: 1.25rem
	}

	.min-md\:mr-1 {
		margin-right: .25rem
	}

	.min-md\:mr-3 {
		margin-right: .75rem
	}

	.min-md\:w-\[70\%\] {
		width: 70%
	}

	.min-md\:min-w-\[140px\] {
		min-width: 140px
	}

	.min-md\:max-w-\[550px\] {
		max-width: 550px
	}

	.min-md\:basis-\[50\%\] {
		flex-basis: 50%
	}

	.min-md\:flex-row {
		flex-direction: row
	}

	.min-md\:justify-center {
		justify-content: center
	}

	.min-md\:border-r {
		border-right-width: 1px
	}

	.min-md\:px-1 {
		padding-left: .25rem;
		padding-right: .25rem
	}

	.min-md\:pr-3 {
		padding-right: .75rem
	}

	.min-md\:pr-3\.5 {
		padding-right: .875rem
	}
}

@media (max-width: 425px) {
	.max-sm\:\!left-0 {
		left: 0 !important
	}

	.max-sm\:\!right-0 {
		right: 0 !important
	}

	.max-sm\:m-auto {
		margin: auto
	}
}

@media (max-width: 768px) {
	.max-md\:mb-3 {
		margin-bottom: .75rem
	}

	.max-md\:mr-1 {
		margin-right: .25rem
	}

	.max-md\:min-h-\[32px\] {
		min-height: 32px
	}

	.max-md\:w-\[10px\] {
		width: 10px
	}

	.max-md\:w-\[20px\] {
		width: 20px
	}

	.max-md\:max-w-\[20px\] {
		max-width: 20px
	}

	.max-md\:max-w-\[60px\] {
		max-width: 60px
	}

	.max-md\:basis-6 {
		flex-basis: 1.5rem
	}

	.max-md\:basis-7 {
		flex-basis: 1.75rem
	}

	.max-md\:basis-\[10\%\] {
		flex-basis: 10%
	}

	.max-md\:basis-\[128px\] {
		flex-basis: 128px
	}

	.max-md\:basis-\[16\.5\%\] {
		flex-basis: 16.5%
	}

	.max-md\:basis-\[200px\] {
		flex-basis: 200px
	}

	.max-md\:basis-\[30\%\] {
		flex-basis: 30%
	}

	.max-md\:basis-\[33\%\] {
		flex-basis: 33%
	}

	.max-md\:basis-\[34\%\] {
		flex-basis: 34%
	}

	.max-md\:basis-\[35\%\] {
		flex-basis: 35%
	}

	.max-md\:basis-\[45\%\] {
		flex-basis: 45%
	}

	.max-md\:basis-\[5\%\] {
		flex-basis: 5%
	}

	.max-md\:flex-col {
		flex-direction: column
	}

	.max-md\:gap-2 {
		gap: .5rem
	}

	.max-md\:gap-\[3px\] {
		gap: 3px
	}

	.max-md\:p-3 {
		padding: .75rem
	}

	.max-md\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.max-md\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.max-md\:pl-\[1px\] {
		padding-left: 1px
	}

	.max-md\:pl-\[2px\] {
		padding-left: 2px
	}

	.max-md\:text-\[11px\] {
		font-size: 11px
	}
}

.vanilla-calendar {
	position: relative;
	display: flex;
	height: -moz-max-content;
	height: max-content;
	width: -moz-max-content;
	width: max-content;
	min-width: 275px;
	flex-direction: column;
	border-radius: .75rem;
	padding: 1rem
}

.vanilla-calendar button:focus-visible {
	border-radius: .5rem;
	outline-style: solid;
	outline-width: 1px
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month,
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year {
	cursor: default
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month.vanilla-calendar-month_disabled,
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year.vanilla-calendar-year_disabled {
	pointer-events: auto
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
	flex-grow: 0
}

.vanilla-calendar_hidden {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.vanilla-calendar_to-input {
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: .25rem
}

.vanilla-calendar-input-wrapper {
	position: relative
}

.vanilla-calendar-controls {
	pointer-events: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 20;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1.25rem
}

.vanilla-calendar-arrow {
	pointer-events: auto;
	position: relative;
	display: block;
	height: 1.5rem;
	width: 1.5rem;
	cursor: pointer;
	border-width: 0px;
	background-color: transparent
}

.vanilla-calendar-arrow:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: var(--tw-content);
	content: "";
	-webkit-mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');
	mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	mask-position: 50% 50%
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
	transform: rotate(90deg)
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
	transform: rotate(-90deg)
}

.vanilla-calendar-grid {
	display: grid;
	flex-grow: 1;
	grid-auto-flow: column;
	gap: 1.75rem
}

.vanilla-calendar-column {
	display: flex;
	min-width: -moz-min-content;
	min-width: min-content;
	flex-direction: column
}

.vanilla-calendar-header {
	position: relative;
	margin-bottom: .75rem;
	display: flex;
	align-items: center;
	padding-left: .25rem;
	padding-right: .25rem
}

.vanilla-calendar-header__content {
	display: grid;
	flex-grow: 1;
	grid-auto-columns: max-content;
	grid-auto-flow: column;
	align-items: center;
	justify-content: center;
	white-space: pre-wrap;
	padding-left: 1rem;
	padding-right: 1rem
}

.vanilla-calendar-month,
.vanilla-calendar-year {
	cursor: pointer;
	border-radius: .25rem;
	border-width: 0px;
	background-color: transparent;
	padding: .25rem;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 700
}

.vanilla-calendar-month.vanilla-calendar-month_disabled,
.vanilla-calendar-year.vanilla-calendar-year_disabled {
	pointer-events: none
}

.vanilla-calendar-months {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: center;
	row-gap: 1rem;
	-moz-column-gap: .5rem;
	column-gap: .5rem
}

.vanilla-calendar-years {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: center;
	row-gap: 1rem;
	-moz-column-gap: .5rem;
	column-gap: .5rem
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
	cursor: pointer
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled {
	cursor: default
}

.vanilla-calendar-months__month,
.vanilla-calendar-years__year {
	display: flex;
	height: 2.5rem;
	align-items: center;
	justify-content: center;
	word-break: break-all;
	border-radius: .5rem;
	border-width: 0px;
	padding: .25rem;
	text-align: center;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 600
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
	pointer-events: none
}

.vanilla-calendar-week-numbers {
	display: flex;
	flex-grow: 1;
	flex-direction: column
}

.vanilla-calendar-week-numbers__title {
	margin-bottom: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 700
}

.vanilla-calendar-week-numbers__content {
	display: grid;
	grid-auto-flow: row;
	align-items: center;
	justify-items: center;
	row-gap: .25rem
}

.vanilla-calendar-week-number {
	display: flex;
	height: 100%;
	min-height: 1.875rem;
	width: 100%;
	min-width: 1.875rem;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 600
}

.vanilla-calendar-wrapper {
	display: flex;
	flex-grow: 1
}

.vanilla-calendar-content {
	display: flex;
	flex-grow: 1;
	flex-direction: column
}

.vanilla-calendar-week {
	margin-bottom: .5rem;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	justify-items: center
}

.vanilla-calendar-week__day {
	display: flex;
	height: 100%;
	width: 100%;
	min-width: 1.875rem;
	align-items: center;
	justify-content: center;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 700
}

.vanilla-calendar-days {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(7, 1fr);
	align-items: center;
	justify-items: center;
	row-gap: .25rem
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
	cursor: pointer
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
	cursor: default
}

.vanilla-calendar-day {
	position: relative;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
	pointer-events: auto;
	opacity: 1
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem
}

.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_intermediate {
	border-radius: 0
}

.vanilla-calendar-day__btn {
	display: flex;
	height: 100%;
	min-height: 1.875rem;
	width: 100%;
	min-width: 1.875rem;
	cursor: default;
	align-items: center;
	justify-content: center;
	border-radius: .5rem;
	border-width: 0px;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400
}

.vanilla-calendar-day__btn_today {
	font-weight: 700
}

.vanilla-calendar-day__btn_disabled {
	pointer-events: none
}

.vanilla-calendar-day__popup {
	transform: translate(-50%);
	pointer-events: none;
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 20;
	width: 8rem;
	padding: 1rem .75rem .5rem;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
	opacity: 0
}

.vanilla-calendar-day__popup:before {
	content: var(--tw-content);
	position: absolute
}

.vanilla-calendar-day__popup:after {
	content: var(--tw-content);
	position: absolute
}

.vanilla-calendar-day__popup:hover {
	pointer-events: auto;
	opacity: 1
}

.vanilla-calendar-day__popup:before {
	content: "";
	left: 0;
	bottom: 0;
	z-index: -10;
	display: block;
	height: calc(100% - 8px);
	width: 100%;
	border-radius: .5rem
}

.vanilla-calendar-day__popup:after {
	content: "";
	transform: translate(-50%);
	left: 50%;
	top: 1px;
	z-index: -10;
	display: block;
	height: 0px;
	width: 0px;
	border-left-width: 8px;
	border-right-width: 8px;
	border-top-width: 0px;
	border-bottom-width: 8px;
	border-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent
}

.vanilla-calendar-time {
	margin-top: .75rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .75rem;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	padding-top: .75rem
}

.vanilla-calendar-time__content {
	display: grid;
	grid-auto-flow: column;
	align-items: center
}

.vanilla-calendar-time__hours {
	position: relative;
	margin-right: .35rem;
	width: 1.75rem
}

.vanilla-calendar-time__hours:after {
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: calc(-50% + 1px);
	display: block;
	--tw-content: ":";
	content: var(--tw-content)
}

.vanilla-calendar-time__minutes {
	width: 1.75rem
}

.vanilla-calendar-time__hours input,
.vanilla-calendar-time__minutes input {
	position: relative;
	margin: 0;
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-radius: .25rem;
	border-width: 0px;
	padding: .125rem;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.125rem
}

.vanilla-calendar-time__hours input:focus-visible,
.vanilla-calendar-time__minutes input:focus-visible {
	outline-style: solid;
	outline-width: 1px
}

.vanilla-calendar-time__hours input:disabled,
.vanilla-calendar-time__minutes input:disabled {
	cursor: default
}

.vanilla-calendar-time__hours input:hover:disabled,
.vanilla-calendar-time__minutes input:hover:disabled {
	background-color: transparent
}

.vanilla-calendar-time__keeping {
	margin-left: 1px;
	margin-top: .25rem;
	width: 22px;
	cursor: pointer;
	border-radius: .25rem;
	border-width: 0px;
	background-color: transparent;
	padding: 0;
	font-size: 11px
}

.vanilla-calendar-time__keeping:focus-visible {
	outline-style: solid;
	outline-width: 1px
}

.vanilla-calendar-time__keeping:disabled {
	cursor: default
}

.vanilla-calendar-time__keeping:hover:disabled {
	background-color: transparent
}

.vanilla-calendar-time__ranges {
	display: grid;
	grid-auto-flow: row
}

.vanilla-calendar-time__range {
	position: relative;
	z-index: 10;
	font-size: 0
}

.vanilla-calendar-time__range:before {
	content: var(--tw-content);
	left: 0
}

.vanilla-calendar-time__range:after {
	content: var(--tw-content);
	right: 0
}

.vanilla-calendar-time__range:before,
.vanilla-calendar-time__range:after {
	content: "";
	transform: translateY(-50%);
	pointer-events: none;
	position: absolute;
	top: 50%;
	z-index: 10;
	height: .5rem;
	width: 1px
}

.vanilla-calendar-time__range input {
	position: relative;
	margin: 0;
	height: 1.25rem;
	width: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline-width: 0px
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
	position: relative;
	z-index: 20;
	margin-top: -.5rem;
	box-sizing: border-box;
	height: 1rem;
	width: .75rem;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	border-width: 1px;
	border-style: solid;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.vanilla-calendar-time__range input::-moz-range-thumb {
	position: relative;
	z-index: 20;
	box-sizing: border-box;
	height: 1rem;
	width: .75rem;
	cursor: pointer;
	border-radius: .25rem;
	border-width: 1px;
	border-style: solid;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
	margin-top: 1px;
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	cursor: pointer;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.vanilla-calendar-time__range input::-moz-range-track {
	margin-top: 1px;
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	cursor: pointer;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

[data-calendar-theme=light].vanilla-calendar {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

[data-calendar-theme=light].vanilla-calendar button:focus-visible {
	outline-color: #fdba74
}

[data-calendar-theme=light].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month,
[data-calendar-theme=light].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year,
[data-calendar-theme=light].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month:hover,
[data-calendar-theme=light].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year:hover,
[data-calendar-theme=light].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme=light].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year.vanilla-calendar-year_disabled {
	color: #0f172a
}

[data-calendar-theme=light] .vanilla-calendar-arrow:before {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-arrow:hover:before {
	--tw-bg-opacity: 1;
	background-color: rgb(100 116 139 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-header__content,
[data-calendar-theme=light] .vanilla-calendar-month,
[data-calendar-theme=light] .vanilla-calendar-year {
	color: #0f172a
}

[data-calendar-theme=light] .vanilla-calendar-month:hover,
[data-calendar-theme=light] .vanilla-calendar-year:hover {
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_not-active {
	color: #94a3b8
}

[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_disabled {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-months__month {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-months__month:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-years__year {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-years__year:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled,
[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-week-numbers__title,
[data-calendar-theme=light] .vanilla-calendar-week-number {
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-week-number:hover {
	color: #475569
}

[data-calendar-theme=light] .vanilla-calendar-week__day {
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-week__day_weekend {
	color: #f43f5e
}

[data-calendar-theme=light] .vanilla-calendar-day__btn {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	color: #0f172a
}

[data-calendar-theme=light] .vanilla-calendar-day__btn:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity));
	color: #06b6d4
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover {
	color: #06b6d4
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_next {
	color: #94a3b8
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_disabled {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_hover {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday {
	color: #f43f5e
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 241 242 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
	color: #f43f5e
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	color: #94a3b8
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
	color: #94a3b8
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
	color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(244 63 94 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
	background-color: rgb(244 63 94 / var(--tw-bg-opacity));
	--tw-bg-opacity: .7;
	color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(203 213 225 / var(--tw-bg-opacity));
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(226 232 240 / var(--tw-bg-opacity));
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
	--tw-bg-opacity: .7;
	color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(203 213 225 / var(--tw-bg-opacity));
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_intermediate:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(226 232 240 / var(--tw-bg-opacity));
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-day__popup {
	color: #0f172a
}

[data-calendar-theme=light] .vanilla-calendar-day__popup:before {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-shadow: 0 3px 15px rgba(85, 85, 85, .2);
	--tw-shadow-colored: 0 3px 15px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

[data-calendar-theme=light] .vanilla-calendar-day__popup:after {
	border-bottom-color: #fff
}

[data-calendar-theme=light] .vanilla-calendar-time {
	border-color: #cbd5e1
}

[data-calendar-theme=light] .vanilla-calendar-time__hours:after {
	content: var(--tw-content);
	color: #0f172a
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	color: #0f172a
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 237 213 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input:focus-visible {
	outline-color: #fdba74
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
	--tw-bg-opacity: 1;
	background-color: rgb(255 237 213 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping {
	color: #64748b
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 237 213 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping:focus-visible {
	outline-color: #fdba74
}

[data-calendar-theme=light] .vanilla-calendar-time__range input {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__range:before,
[data-calendar-theme=light] .vanilla-calendar-time__range:after {
	--tw-bg-opacity: 1;
	background-color: rgb(203 213 225 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
	border-color: #94a3b8
}

[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
	border-color: #94a3b8
}

[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
	border-color: #fdba74
}

[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
	border-color: #fdba74
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-thumb {
	border-color: #cbd5e1;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-thumb {
	border-color: #cbd5e1;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
	--tw-bg-opacity: 1;
	background-color: rgb(203 213 225 / var(--tw-bg-opacity))
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-track {
	--tw-bg-opacity: 1;
	background-color: rgb(203 213 225 / var(--tw-bg-opacity))
}

/*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */
[data-calendar-theme=dark].vanilla-calendar {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark].vanilla-calendar button:focus-visible {
	outline-color: #fdba74
}

[data-calendar-theme=dark].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month,
[data-calendar-theme=dark].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year,
[data-calendar-theme=dark].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month:hover,
[data-calendar-theme=dark].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year:hover,
[data-calendar-theme=dark].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme=dark].vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year.vanilla-calendar-year_disabled {
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-arrow:before {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-arrow:hover:before {
	--tw-bg-opacity: 1;
	background-color: rgb(100 116 139 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-header__content,
[data-calendar-theme=dark] .vanilla-calendar-month,
[data-calendar-theme=dark] .vanilla-calendar-year {
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-month:hover,
[data-calendar-theme=dark] .vanilla-calendar-year:hover,
[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_not-active {
	color: #64748b
}

[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_disabled {
	color: #334155;
	opacity: .8
}

[data-calendar-theme=dark] .vanilla-calendar-months__month,
[data-calendar-theme=dark] .vanilla-calendar-years__year {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-months__month:hover,
[data-calendar-theme=dark] .vanilla-calendar-years__year:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(100 116 139 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
	color: #334155;
	opacity: .8
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
	color: #334155
}

[data-calendar-theme=dark] .vanilla-calendar-week-numbers__title,
[data-calendar-theme=dark] .vanilla-calendar-week-number {
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-week-number:hover {
	color: #cbd5e1
}

[data-calendar-theme=dark] .vanilla-calendar-week__day {
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-week__day_weekend {
	color: #f43f5e
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	color: #94a3b8
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity));
	color: #e2e8f0
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity));
	color: #06b6d4
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today:hover {
	color: #06b6d4
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_next {
	color: #475569
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_disabled {
	color: #334155;
	opacity: .8
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday {
	color: #f43f5e
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity));
	color: #f43f5e
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
	color: #334155;
	opacity: .8
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
	color: #f43f5e
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
	color: #334155
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	color: #475569
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity));
	color: #cbd5e1
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
	color: #94a3b8
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
	color: #334155;
	opacity: .8
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(244 63 94 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
	background-color: rgb(244 63 94 / var(--tw-bg-opacity));
	--tw-bg-opacity: .8;
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(51 65 85 / var(--tw-bg-opacity));
	color: #cbd5e1
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity));
	color: #cbd5e1
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
	--tw-bg-opacity: .8;
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(51 65 85 / var(--tw-bg-opacity));
	color: #cbd5e1
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_intermediate,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_intermediate:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_intermediate:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity));
	color: #cbd5e1
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup {
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup:before {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	--tw-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
	--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup:after {
	border-bottom-color: #334155
}

[data-calendar-theme=dark] .vanilla-calendar-time {
	border-color: #1e293b
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours:after {
	content: var(--tw-content);
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	color: #fff
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input:focus-visible {
	outline-color: #fdba74
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
	--tw-bg-opacity: 1;
	background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping {
	color: #64748b
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(51 65 85 / var(--tw-bg-opacity));
	color: #94a3b8
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping:focus-visible {
	outline-color: #fdba74
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:before,
[data-calendar-theme=dark] .vanilla-calendar-time__range:after {
	--tw-bg-opacity: 1;
	background-color: rgb(71 85 105 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
	border-color: #94a3b8
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
	border-color: #94a3b8
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
	border-color: #fdba74
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
	border-color: #fdba74
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-thumb {
	border-color: #475569;
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-thumb {
	border-color: #475569;
	--tw-bg-opacity: 1;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
	--tw-bg-opacity: 1;
	background-color: rgb(71 85 105 / var(--tw-bg-opacity))
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-track {
	--tw-bg-opacity: 1;
	background-color: rgb(71 85 105 / var(--tw-bg-opacity))
}
.carousel {
	max-width: 1200px;
	margin: auto;
	/* padding: 0 30px; */
}

.carousel .card {
	color: #fff;
	text-align: center;
	margin: 20px 0;
	/* line-height: 250px; */
	font-size: 90px;
	font-weight: 600;
	border-radius: 10px;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
	width: 248px; 
}

.owl-dots {
	text-align: center;
	margin-top: 40px;
}


/* Supaya dots/nav tidak menutupi banner */
.owl-dots,
.owl-nav {
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Pastikan stage tetap bisa menerima pointer jika perlu */
.owl-stage-outer {
    pointer-events: auto !important;
}




.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: 1;
	color: #1159b6;
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img { /* display: block; */}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block;height: 200px;}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

@media (max-width: 480px) {

       #matches-container .match-card {

        width: 100%;

      }

    }
 
    #matches-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      height: 200px;
    }

    #matches-container .match-card {
      background-color: #f9eacd;
      border-radius: 12px;
      padding: 15px 15px 10px 15px;
      width: 240px;
      box-shadow: 0 0 10px rgba(255,255,255,0.03);
    }

    #matches-container .match-header {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      color: #000000;
      margin-bottom: 10px;
    }

    #matches-container .teams {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin: 10px 0;
      height: 60px;
    }

    #matches-container .team-flag {
      width: 24px;
      height: 16px;
      object-fit: cover;
      border-radius: 3px;
    }

    #matches-container .vs {
      font-weight: 600;
      font-size: 14px;
    }

    #matches-container .match-result-label {
      text-align: center;
      font-size: 13px;
      color: #8899a6;
      margin: 10px 0;
    }
    
    #matches-container .match-result-label a {
    color: #ededed;
    background: #aa3026;
    padding: 5px;
    border-radius: 55px;
    font-size: 13px;
    text-decoration: none;
}

    #matches-container .odds {
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }

   #matches-container .odd {
    flex: 1;
    background-color: #a38e78;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    transition: 0.2s;
    /* margin: 10px 0 0 0; */
    color: #fff;
}

    #matches-container .odd:hover {
      background-color: #30363d;
    }
    #matches-container .red {color: red;}
    #matches-container .liga {
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}
#matches-container span {color: #00000;}
#matches-container .time {top: 10px;position: relative;}