.live-rooms[data-v-e28cec2a] {
	color: #0177e5;
	font-weight: 700;
	font-size: 16px
}
@keyframes loadingSkeletonAnimation-774e3475 {
0% {
	width: 0%
}
to {
	width: 100%
}
}
.snap-list[data-v-1f3c7ac7] {
	width: 100%;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	display: flex;
	gap: 1rem;
	align-items: center;
	scroll-behavior: smooth
}
.snap-list-child[data-v-1f3c7ac7] {
	scroll-snap-align: start;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex: 0 0 calc(20% - 1rem)
}
@media (max-width:640px) {
.snap-list-child[data-v-1f3c7ac7] {
	scroll-snap-align: center;
	flex: 0 0 calc(100% - 1rem)
}
}
@media (min-width:640px) {
.snap-list-child[data-v-1f3c7ac7] {
	scroll-snap-align: start;
	flex: 0 0 calc(50% - 1rem)
}
}
@media (min-width:1280px) {
.snap-list-child[data-v-1f3c7ac7] {
	scroll-snap-align: start;
	flex: 0 0 calc(25% - 1rem)
}
}
@media (min-width:1536px) {
.snap-list-child[data-v-1f3c7ac7] {
	scroll-snap-align: start;
	flex: 0 0 calc(20% - 1rem)
}
}
[data-v-1f3c7ac7]::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px gray;
	border-radius: 10px
}
.filter-select[data-v-3da3a44f] {
	width: 60px;
	padding: 0 10px;
	box-sizing: border-box
}
:root {
	--toastify-color-light: #fff;
	--toastify-color-dark: #121212;
	--toastify-color-info: #3498db;
	--toastify-color-success: #07bc0c;
	--toastify-color-warning: #f1c40f;
	--toastify-color-error: #e74c3c;
	--toastify-color-transparent: hsla(0,0%,100%,.7);
	--toastify-icon-color-info: var(--toastify-color-info);
	--toastify-icon-color-success: var(--toastify-color-success);
	--toastify-icon-color-warning: var(--toastify-color-warning);
	--toastify-icon-color-error: var(--toastify-color-error);
	--toastify-toast-width: 320px;
	--toastify-toast-background: #fff;
	--toastify-toast-min-height: 64px;
	--toastify-toast-max-height: 800px;
	--toastify-font-family: sans-serif;
	--toastify-z-index: 9999;
	--toastify-text-color-light: #757575;
	--toastify-text-color-dark: #fff;
	--toastify-text-color-info: #fff;
	--toastify-text-color-success: #fff;
	--toastify-text-color-warning: #fff;
	--toastify-text-color-error: #fff;
	--toastify-spinner-color: #616161;
	--toastify-spinner-color-empty-area: #e0e0e0;
--toastify-color-progress-light: linear-gradient(90deg,
#4cd964,
#5ac8fa,
#007aff,
#34aadc,
#5856d6,
	#ff2d55);
	--toastify-color-progress-dark: #bb86fc;
	--toastify-color-progress-info: var(--toastify-color-info);
	--toastify-color-progress-success: var(--toastify-color-success);
	--toastify-color-progress-warning: var(--toastify-color-warning);
	--toastify-color-progress-error: var(--toastify-color-error);
	--toastify-color-progress-colored: #ddd
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:480px) {
}
@-webkit-keyframes Toastify__trackProgress {
0% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
to {
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
}
@keyframes Toastify__trackProgress {
0% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
to {
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
}
@-webkit-keyframes Toastify__bounceInRight {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(3000px,0,0);
	transform: translate3d(3000px,0,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px,0,0);
	transform: translate3d(-25px,0,0)
}
75% {
	-webkit-transform: translate3d(10px,0,0);
	transform: translate3d(10px,0,0)
}
90% {
	-webkit-transform: translate3d(-5px,0,0);
	transform: translate3d(-5px,0,0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes Toastify__bounceInRight {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(3000px,0,0);
	transform: translate3d(3000px,0,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px,0,0);
	transform: translate3d(-25px,0,0)
}
75% {
	-webkit-transform: translate3d(10px,0,0);
	transform: translate3d(10px,0,0)
}
90% {
	-webkit-transform: translate3d(-5px,0,0);
	transform: translate3d(-5px,0,0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@-webkit-keyframes Toastify__bounceOutRight {
20% {
	opacity: 1;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px,0,0);
	transform: translate3d(2000px,0,0)
}
}
@keyframes Toastify__bounceOutRight {
20% {
	opacity: 1;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px,0,0);
	transform: translate3d(2000px,0,0)
}
}
@-webkit-keyframes Toastify__bounceInLeft {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(-3000px,0,0);
	transform: translate3d(-3000px,0,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(25px,0,0);
	transform: translate3d(25px,0,0)
}
75% {
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0)
}
90% {
	-webkit-transform: translate3d(5px,0,0);
	transform: translate3d(5px,0,0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes Toastify__bounceInLeft {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(-3000px,0,0);
	transform: translate3d(-3000px,0,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(25px,0,0);
	transform: translate3d(25px,0,0)
}
75% {
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0)
}
90% {
	-webkit-transform: translate3d(5px,0,0);
	transform: translate3d(5px,0,0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@-webkit-keyframes Toastify__bounceOutLeft {
20% {
	opacity: 1;
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px,0,0);
	transform: translate3d(-2000px,0,0)
}
}
@keyframes Toastify__bounceOutLeft {
20% {
	opacity: 1;
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px,0,0);
	transform: translate3d(-2000px,0,0)
}
}
@-webkit-keyframes Toastify__bounceInUp {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(0,3000px,0);
	transform: translate3d(0,3000px,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0)
}
75% {
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0)
}
90% {
	-webkit-transform: translate3d(0,-5px,0);
	transform: translate3d(0,-5px,0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes Toastify__bounceInUp {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(0,3000px,0);
	transform: translate3d(0,3000px,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0)
}
75% {
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0)
}
90% {
	-webkit-transform: translate3d(0,-5px,0);
	transform: translate3d(0,-5px,0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes Toastify__bounceOutUp {
20% {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0)
}
40%, 45% {
	opacity: 1;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0,-2000px,0);
	transform: translate3d(0,-2000px,0)
}
}
@keyframes Toastify__bounceOutUp {
20% {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0)
}
40%, 45% {
	opacity: 1;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0,-2000px,0);
	transform: translate3d(0,-2000px,0)
}
}
@-webkit-keyframes Toastify__bounceInDown {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(0,-3000px,0);
	transform: translate3d(0,-3000px,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0)
}
75% {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0)
}
90% {
	-webkit-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes Toastify__bounceInDown {
0%, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity: 0;
	-webkit-transform: translate3d(0,-3000px,0);
	transform: translate3d(0,-3000px,0)
}
60% {
	opacity: 1;
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0)
}
75% {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0)
}
90% {
	-webkit-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@-webkit-keyframes Toastify__bounceOutDown {
20% {
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0)
}
40%, 45% {
	opacity: 1;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0,2000px,0);
	transform: translate3d(0,2000px,0)
}
}
@keyframes Toastify__bounceOutDown {
20% {
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0)
}
40%, 45% {
	opacity: 1;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0,2000px,0);
	transform: translate3d(0,2000px,0)
}
}
@-webkit-keyframes Toastify__zoomIn {
0% {
	opacity: 0;
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
50% {
	opacity: 1
}
}
@keyframes Toastify__zoomIn {
0% {
	opacity: 0;
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
50% {
	opacity: 1
}
}
@-webkit-keyframes Toastify__zoomOut {
0% {
	opacity: 1
}
50% {
	opacity: 0;
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
to {
	opacity: 0
}
}
@keyframes Toastify__zoomOut {
0% {
	opacity: 1
}
50% {
	opacity: 0;
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
to {
	opacity: 0
}
}
@-webkit-keyframes Toastify__flipIn {
0% {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg)
}
40% {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-transform: perspective(400px) rotateX(-20deg);
	transform: perspective(400px) rotateX(-20deg)
}
60% {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(10deg);
	transform: perspective(400px) rotateX(10deg)
}
80% {
	-webkit-transform: perspective(400px) rotateX(-5deg);
	transform: perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes Toastify__flipIn {
0% {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg)
}
40% {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-transform: perspective(400px) rotateX(-20deg);
	transform: perspective(400px) rotateX(-20deg)
}
60% {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(10deg);
	transform: perspective(400px) rotateX(10deg)
}
80% {
	-webkit-transform: perspective(400px) rotateX(-5deg);
	transform: perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@-webkit-keyframes Toastify__flipOut {
0% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
30% {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(-20deg);
	transform: perspective(400px) rotateX(-20deg)
}
to {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg)
}
}
@keyframes Toastify__flipOut {
0% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
30% {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(-20deg);
	transform: perspective(400px) rotateX(-20deg)
}
to {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg)
}
}
@-webkit-keyframes Toastify__slideInRight {
0% {
	-webkit-transform: translate3d(110%,0,0);
	transform: translate3d(110%,0,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes Toastify__slideInRight {
0% {
	-webkit-transform: translate3d(110%,0,0);
	transform: translate3d(110%,0,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes Toastify__slideInLeft {
0% {
	-webkit-transform: translate3d(-110%,0,0);
	transform: translate3d(-110%,0,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes Toastify__slideInLeft {
0% {
	-webkit-transform: translate3d(-110%,0,0);
	transform: translate3d(-110%,0,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes Toastify__slideInUp {
0% {
	-webkit-transform: translate3d(0,110%,0);
	transform: translate3d(0,110%,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes Toastify__slideInUp {
0% {
	-webkit-transform: translate3d(0,110%,0);
	transform: translate3d(0,110%,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes Toastify__slideInDown {
0% {
	-webkit-transform: translate3d(0,-110%,0);
	transform: translate3d(0,-110%,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes Toastify__slideInDown {
0% {
	-webkit-transform: translate3d(0,-110%,0);
	transform: translate3d(0,-110%,0);
	visibility: visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes Toastify__slideOutRight {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(110%,0,0);
	transform: translate3d(110%,0,0);
	visibility: hidden
}
}
@keyframes Toastify__slideOutRight {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(110%,0,0);
	transform: translate3d(110%,0,0);
	visibility: hidden
}
}
@-webkit-keyframes Toastify__slideOutLeft {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(-110%,0,0);
	transform: translate3d(-110%,0,0);
	visibility: hidden
}
}
@keyframes Toastify__slideOutLeft {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(-110%,0,0);
	transform: translate3d(-110%,0,0);
	visibility: hidden
}
}
@-webkit-keyframes Toastify__slideOutDown {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(0,500px,0);
	transform: translate3d(0,500px,0);
	visibility: hidden
}
}
@keyframes Toastify__slideOutDown {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(0,500px,0);
	transform: translate3d(0,500px,0);
	visibility: hidden
}
}
@-webkit-keyframes Toastify__slideOutUp {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(0,-500px,0);
	transform: translate3d(0,-500px,0);
	visibility: hidden
}
}
@keyframes Toastify__slideOutUp {
0% {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
to {
	-webkit-transform: translate3d(0,-500px,0);
	transform: translate3d(0,-500px,0);
	visibility: hidden
}
}
@-webkit-keyframes Toastify__spin {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0)
}
to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}
}
@keyframes Toastify__spin {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0)
}
to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}
}
*,:before,:after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}
:before,:after {
	--tw-content: ""
}
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	font-feature-settings: normal;
	font-variation-settings: normal
}
body {
	margin: 0;
	line-height: inherit
}
a {
	color: inherit;
	text-decoration: inherit
}
button, input, select {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}
button, select {
	text-transform: none
}
button, [type=button] {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}
:-moz-focusring {
	outline: auto
}
:-moz-ui-invalid {
	box-shadow: none
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height: auto
}
::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
h1, p {
	margin: 0
}
input::placeholder, textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}
button {
	cursor: pointer
}
:disabled {
	cursor: default
}
img, svg {
	display: block;
	vertical-align: middle
}
img {
	max-width: 100%;
	height: auto
}
[type=text], select {
	appearance: none;
	background-color: #fff;
	border-color: #6b7280;
	border-width: 1px;
	border-radius: 0;
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	--tw-shadow: 0 0#0000
}
[type=text]:focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty, );
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #2563eb;
	--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);
	border-color: #2563eb
}
input::placeholder, textarea::placeholder {
	color: #6b7280;
	opacity: 1
}
::-webkit-datetime-edit-fields-wrapper {
	padding: 0
}
::-webkit-date-and-time-value {
	min-height: 1.5em
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
	padding-top: 0;
	padding-bottom: 0
}
select {
	background-image: url(data: image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'none\'\ viewBox=\'0\ 0\ 20\ 20\'%3e%3cpath\ stroke=\'%236b7280\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'\ stroke-width=\'1.5\'\ d=\'M6\ 8l4\ 4\ 4-4\'/%3e%3c/svg%3e);
	background-position: right .5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	print-color-adjust: exact
}
*,: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-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:
}
@media (min-width:640px) {
}
@media (min-width:768px) {
}
@media (min-width:1024px) {
}
@media (min-width:1280px) {
}
@media (min-width:1536px) {
}
.aspect-h-3 {
	--tw-aspect-h: 3
}
.aspect-w-4 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w: 4
}
.aspect-w-4>* {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.fixed {
	position: fixed
}
.absolute {
	position: absolute
}
.relative {
	position: relative
}
.bottom-0 {
	bottom: 0px
}
.left-0 {
	left: 0px
}
.right-0 {
	right: 0px
}
.right-1 {
	right: .25rem
}
.right-12 {
	right: 3rem
}
.right-\[5rem\] {
	right: 5rem
}
.top-0 {
	top: 0px
}
.top-28 {
	top: 7rem
}
.top-\[24px\] {
	top: 24px
}
.z-10 {
	z-index: 10
}
.z-50 {
	z-index: 50
}
.z-\[60\] {
	z-index: 60
}
.my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem
}
.my-5 {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem
}
.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}
.mb-3 {
	margin-bottom: .75rem
}
.mb-5 {
	margin-bottom: 1.25rem
}
.ml-2 {
	margin-left: .5rem
}
.ml-auto {
	margin-left: auto
}
.mr-4 {
	margin-right: 1rem
}
.mt-10 {
	margin-top: 2.5rem
}
.mt-2 {
	margin-top: .5rem
}
.mt-3 {
	margin-top: .75rem
}
.mt-5 {
	margin-top: 1.25rem
}
.mt-auto {
	margin-top: auto
}
.block {
	display: block
}
.inline-block {
	display: inline-block
}
.flex {
	display: flex
}
.inline-flex {
	display: inline-flex
}
.grid {
	display: grid
}
.hidden {
	display: none
}
.aspect-4\/3 {
	aspect-ratio: 4/3
}
.\!h-full {
	height: 100%!important
}
.h-10 {
	height: 2.5rem
}
.h-12 {
	height: 3rem
}
.h-3 {
	height: .75rem
}
.h-32 {
	height: 8rem
}
.h-4 {
	height: 1rem
}
.h-5 {
	height: 1.25rem
}
.h-6 {
	height: 1.5rem
}
.h-\[24px\] {
	height: 24px
}
.h-\[min-content\] {
	height: min-content
}
.h-full {
	height: 100%
}
.h-screen {
	height: 100vh
}
.min-h-screen {
	min-height: 100vh
}
.w-1\/2 {
	width: 50%
}
.w-10 {
	width: 2.5rem
}
.w-12 {
	width: 3rem
}
.w-3 {
	width: .75rem
}
.w-4 {
	width: 1rem
}
.w-5 {
	width: 1.25rem
}
.w-56 {
	width: 14rem
}
.w-6 {
	width: 1.5rem
}
.w-full {
	width: 100%
}
.w-screen {
	width: 100vw
}
.max-w-full {
	max-width: 100%
}
.flex-grow {
	flex-grow: 1
}
.rotate-180 {
	--tw-rotate: 180deg;
	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))
}
.transform {
	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))
}
@keyframes pulse {
50% {
	opacity: .5
}
}
@keyframes spin {
to {
	transform: rotate(360deg)
}
}
.\!cursor-pointer {
	cursor: pointer!important
}
.cursor-pointer {
	cursor: pointer
}
.grid-cols-2 {
	grid-template-columns: repeat(2,minmax(0,1fr))
}
.flex-col {
	flex-direction: column
}
.flex-wrap {
	flex-wrap: wrap
}
.items-end {
	align-items: flex-end
}
.items-center {
	align-items: center
}
.justify-end {
	justify-content: flex-end
}
.justify-center {
	justify-content: center
}
.justify-between {
	justify-content: space-between
}
.justify-evenly {
	justify-content: space-evenly
}
.gap-2 {
	gap: .5rem
}
.gap-3 {
	gap: .75rem
}
.gap-4 {
	gap: 1rem
}
.gap-5 {
	gap: 1.25rem
}
.overflow-hidden {
	overflow: hidden
}
.overflow-y-hidden {
	overflow-y: hidden
}
.overflow-y-scroll {
	overflow-y: scroll
}
.overflow-ellipsis {
	text-overflow: ellipsis
}
.whitespace-nowrap {
	white-space: nowrap
}
.rounded-full {
	border-radius: 9999px
}
.rounded-md {
	border-radius: .375rem
}
.rounded-sm {
	border-radius: .125rem
}
.border {
	border-width: 1px
}
.border-white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-border-opacity))
}
.\!bg-primary-color {
	--tw-bg-opacity: 1!important;
	background-color: rgb(1 119 229/var(--tw-bg-opacity))!important
}
.\!bg-transparent {
	background-color: transparent!important
}
.bg-\[\#252526\] {
	--tw-bg-opacity: 1;
	background-color: rgb(37 37 38/var(--tw-bg-opacity))
}
.bg-bg-color {
	--tw-bg-opacity: 1;
	background-color: rgb(37 37 38/var(--tw-bg-opacity))
}
.bg-primary-color {
	--tw-bg-opacity: 1;
	background-color: rgb(1 119 229/var(--tw-bg-opacity))
}
.bg-secondary-color {
	--tw-bg-opacity: 1;
	background-color: rgb(13 13 13/var(--tw-bg-opacity))
}
.bg-third-color {
	--tw-bg-opacity: 1;
	background-color: rgb(64 64 64/var(--tw-bg-opacity))
}
.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-opacity-50 {
	--tw-bg-opacity: .5
}
.\!bg-cover {
	background-size: cover!important
}
.bg-contain {
	background-size: contain
}
.bg-cover {
	background-size: cover
}
.\!bg-no-repeat {
	background-repeat: no-repeat!important
}
.bg-no-repeat {
	background-repeat: no-repeat
}
.object-cover {
	object-fit: cover
}
.object-fill {
	object-fit: fill
}
.\!p-0 {
	padding: 0!important
}
.p-0\.5 {
	padding: .125rem
}
.p-2 {
	padding: .5rem
}
.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}
.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}
.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}
.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}
.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}
.py-\[0\.4rem\] {
	padding-top: .4rem;
	padding-bottom: .4rem
}
.\!pr-\[5rem\] {
	padding-right: 5rem!important
}
.pl-3 {
	padding-left: .75rem
}
.pr-3 {
	padding-right: .75rem
}
.pr-\[16px\] {
	padding-right: 16px
}
.pt-10 {
	padding-top: 2.5rem
}
.pt-\[90px\] {
	padding-top: 90px
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}
.text-\[12px\] {
	font-size: 12px
}
.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}
.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
}
.uppercase {
	text-transform: uppercase
}
.leading-4 {
	line-height: 1rem
}
.text-black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}
.text-gray-300 {
	--tw-text-opacity: 1;
	color: rgb(209 213 219/var(--tw-text-opacity))
}
.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(107 114 128/var(--tw-text-opacity))
}
.text-green-400 {
	--tw-text-opacity: 1;
	color: rgb(74 222 128/var(--tw-text-opacity))
}
.text-red-400 {
	--tw-text-opacity: 1;
	color: rgb(248 113 113/var(--tw-text-opacity))
}
.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}
.opacity-0 {
	opacity: 0
}
.opacity-100 {
	opacity: 1
}
.opacity-30 {
	opacity: .3
}
.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0/.05);
	--tw-shadow-colored: 0 1px 2px 0 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
}
.duration-700 {
	transition-duration: .7s
}
.ease-in-out {
	transition-timing-function: cubic-bezier(.4,0,.2,1)
}
html {
	font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	font-size: 16px;
	word-spacing: 1px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	scroll-behavior: smooth
}
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	scroll-behavior: smooth
}
.title {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}
.my-container {
	padding-left: 1rem;
	padding-right: 1rem
}
@media (min-width:768px) {
.my-container {
	padding-left: 4rem;
	padding-right: 4rem
}
}
/*!* Admin global styles *!*/
.hover\:z-10:hover {
	z-index: 10
}
.hover\:scale-100:hover {
	--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))
}
.hover\:scale-105:hover {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	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))
}
.hover\:cursor-pointer:hover {
	cursor: pointer
}
.hover\:bg-grid-color:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(1 119 229/var(--tw-bg-opacity))
}
.hover\:bg-secondary-color:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(13 13 13/var(--tw-bg-opacity))
}
.hover\:bg-third-color:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(64 64 64/var(--tw-bg-opacity))
}
.hover\:bg-white:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.hover\:text-secondary-color:hover {
	--tw-text-opacity: 1;
	color: rgb(13 13 13/var(--tw-text-opacity))
}
.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}
.hover\:opacity-75:hover {
	opacity: .75
}
@media (prefers-color-scheme:dark) {
}
@media (min-width:640px) {
.sm\: inline-block {
	display: inline-block
}
.sm\:hidden {
	display: none
}
}
@media (min-width:768px) {
.md\: sticky {
	position: sticky
}
.md\:top-\[6rem\] {
	top: 6rem
}
.md\:my-0 {
	margin-top: 0;
	margin-bottom: 0
}
.md\:mb-0 {
	margin-bottom: 0
}
.md\:mr-0 {
	margin-right: 0
}
.md\:mt-0 {
	margin-top: 0
}
.md\:flex {
	display: flex
}
.md\:hidden {
	display: none
}
.md\:w-72 {
	width: 18rem
}
.md\:grid-cols-3 {
	grid-template-columns: repeat(3,minmax(0,1fr))
}
}
@media (min-width:1024px) {
.lg\: mr-5 {
	margin-right: 1.25rem
}
.lg\:flex {
	display: flex
}
.lg\:flex-grow-0 {
	flex-grow: 0
}
.lg\:grid-cols-5 {
	grid-template-columns: repeat(5,minmax(0,1fr))
}
.lg\:pr-6 {
	padding-right: 1.5rem
}
@media (prefers-color-scheme:dark) {
}
}
@media (min-width:1280px) {
.xl\: inline-flex {
	display: inline-flex
}
.xl\:w-\[70\%\] {
	width: 70%
}
.xl\:grid-cols-6 {
	grid-template-columns: repeat(6,minmax(0,1fr))
}
.xl\:pr-12 {
	padding-right: 3rem
}
}
@media (min-width:1536px) {
.\32xl\: w-\[50\%\] {
	width: 50%
}
.\32xl\:grid-cols-8 {
	grid-template-columns: repeat(8,minmax(0,1fr))
}
}
@keyframes multiselect-spin{
0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.sf-hidden{
display:none!important
}