@import"https://fonts.googleapis.com/css2?family=Figtree:wght@100;200;300;400;500;600;700;800;900&display=swap";

@import"https://fonts.googleapis.com/css2?family=Oswald:wght@100;200;300;400;500;600;700;800;900&display=swap";



@font-face {

	font-family: Feather;

	src: url(/public/build/assets/Feather-4b4b4b5c.ttf?hjbn45) format("truetype"), url(/public/build/assets/Feather-faf117a9.woff?hjbn45) format("woff");

	font-weight: 400;

	font-style: normal

}



.fe {

	font-family: Feather !important;

	speak: none;

	font-style: normal;

	font-weight: 400;

	font-variant: normal;

	text-transform: none;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.fe-activity:before {

	content: ""

}



.fe-airplay:before {

	content: ""

}



.fe-alert-circle:before {

	content: ""

}



.fe-alert-octagon:before {

	content: ""

}



.fe-alert-triangle:before {

	content: ""

}



.fe-align-center:before {

	content: ""

}



.fe-align-justify:before {

	content: ""

}



.fe-align-left:before {

	content: ""

}



.fe-align-right:before {

	content: ""

}



.fe-anchor:before {

	content: ""

}



.fe-aperture:before {

	content: ""

}



.fe-archive:before {

	content: ""

}



.fe-arrow-down-circle:before {

	content: ""

}



.fe-arrow-down-left:before {

	content: ""

}



.fe-arrow-down-right:before {

	content: ""

}



.fe-arrow-down:before {

	content: ""

}



.fe-arrow-left-circle:before {

	content: ""

}



.fe-arrow-left:before {

	content: ""

}



.fe-arrow-right-circle:before {

	content: ""

}



.fe-arrow-right:before {

	content: ""

}



.fe-arrow-up-circle:before {

	content: ""

}



.fe-arrow-up-left:before {

	content: ""

}



.fe-arrow-up-right:before {

	content: ""

}



.fe-arrow-up:before {

	content: ""

}



.fe-at-sign:before {

	content: ""

}



.fe-award:before {

	content: ""

}



.fe-bar-chart-2:before {

	content: ""

}



.fe-bar-chart:before {

	content: ""

}



.fe-battery-charging:before {

	content: ""

}



.fe-battery:before {

	content: ""

}



.fe-bell-off:before {

	content: ""

}



.fe-bell:before {

	content: ""

}



.fe-bluetooth:before {

	content: ""

}



.fe-bold:before {

	content: ""

}



.fe-book-open:before {

	content: ""

}



.fe-book:before {

	content: ""

}



.fe-bookmark:before {

	content: ""

}



.fe-box:before {

	content: ""

}



.fe-briefcase:before {

	content: ""

}



.fe-calendar:before {

	content: ""

}



.fe-camera-off:before {

	content: ""

}



.fe-camera:before {

	content: ""

}



.fe-cast:before {

	content: ""

}



.fe-check-circle:before {

	content: ""

}



.fe-check-square:before {

	content: ""

}



.fe-check:before {

	content: ""

}



.fe-chevron-down:before {

	content: ""

}



.fe-chevron-left:before {

	content: ""

}



.fe-chevron-right:before {

	content: ""

}



.fe-chevron-up:before {

	content: ""

}



.fe-chevrons-down:before {

	content: ""

}



.fe-chevrons-left:before {

	content: ""

}



.fe-chevrons-right:before {

	content: ""

}



.fe-chevrons-up:before {

	content: ""

}



.fe-chrome:before {

	content: ""

}



.fe-circle:before {

	content: ""

}



.fe-clipboard:before {

	content: ""

}



.fe-clock:before {

	content: ""

}



.fe-cloud-drizzle:before {

	content: ""

}



.fe-cloud-lightning:before {

	content: ""

}



.fe-cloud-off:before {

	content: ""

}



.fe-cloud-rain:before {

	content: ""

}



.fe-cloud-snow:before {

	content: ""

}



.fe-cloud:before {

	content: ""

}



.fe-code:before {

	content: ""

}



.fe-codepen:before {

	content: ""

}



.fe-coffee:before {

	content: ""

}



.fe-command:before {

	content: ""

}



.fe-compass:before {

	content: ""

}



.fe-copy:before {

	content: ""

}



.fe-corner-down-left:before {

	content: ""

}



.fe-corner-down-right:before {

	content: ""

}



.fe-corner-left-down:before {

	content: ""

}



.fe-corner-left-up:before {

	content: ""

}



.fe-corner-right-down:before {

	content: ""

}



.fe-corner-right-up:before {

	content: ""

}



.fe-corner-up-left:before {

	content: ""

}



.fe-corner-up-right:before {

	content: ""

}



.fe-cpu:before {

	content: ""

}



.fe-credit-card:before {

	content: ""

}



.fe-crop:before {

	content: ""

}



.fe-crosshair:before {

	content: ""

}



.fe-database:before {

	content: ""

}



.fe-delete:before {

	content: ""

}



.fe-disc:before {

	content: ""

}



.fe-dollar-sign:before {

	content: ""

}



.fe-download-cloud:before {

	content: ""

}



.fe-download:before {

	content: ""

}



.fe-droplet:before {

	content: ""

}



.fe-edit-2:before {

	content: ""

}



.fe-edit-3:before {

	content: ""

}



.fe-edit:before {

	content: ""

}



.fe-external-link:before {

	content: ""

}



.fe-eye-off:before {

	content: ""

}



.fe-eye:before {

	content: ""

}



.fe-facebook:before {

	content: ""

}



.fe-fast-forward:before {

	content: ""

}



.fe-feather:before {

	content: ""

}



.fe-figma:before {

	content: ""

}



.fe-file-minus:before {

	content: ""

}



.fe-file-plus:before {

	content: ""

}



.fe-file-text:before {

	content: ""

}



.fe-file:before {

	content: ""

}



.fe-film:before {

	content: ""

}



.fe-filter:before {

	content: ""

}



.fe-flag:before {

	content: ""

}



.fe-folder-minus:before {

	content: ""

}



.fe-folder-plus:before {

	content: ""

}



.fe-folder:before {

	content: ""

}



.fe-frown:before {

	content: ""

}



.fe-gift:before {

	content: ""

}



.fe-git-branch:before {

	content: ""

}



.fe-git-commit:before {

	content: ""

}



.fe-git-merge:before {

	content: ""

}



.fe-git-pull-request:before {

	content: ""

}



.fe-github:before {

	content: ""

}



.fe-gitlab:before {

	content: ""

}



.fe-globe:before {

	content: ""

}



.fe-grid:before {

	content: ""

}



.fe-hard-drive:before {

	content: ""

}



.fe-hash:before {

	content: ""

}



.fe-headphones:before {

	content: ""

}



.fe-heart:before {

	content: ""

}



.fe-help-circle:before {

	content: ""

}



.fe-home:before {

	content: ""

}



.fe-image:before {

	content: ""

}



.fe-inbox:before {

	content: ""

}



.fe-info:before {

	content: ""

}



.fe-instagram:before {

	content: ""

}



.fe-italic:before {

	content: ""

}



.fe-key:before {

	content: ""

}



.fe-layers:before {

	content: ""

}



.fe-layout:before {

	content: ""

}



.fe-life-buoy:before {

	content: ""

}



.fe-link-2:before {

	content: ""

}



.fe-link:before {

	content: ""

}



.fe-linkedin:before {

	content: ""

}



.fe-list:before {

	content: ""

}



.fe-loader:before {

	content: ""

}



.fe-lock:before {

	content: ""

}



.fe-log-in:before {

	content: ""

}



.fe-log-out:before {

	content: ""

}



.fe-mail:before {

	content: ""

}



.fe-map-pin:before {

	content: ""

}



.fe-map:before {

	content: ""

}



.fe-maximize-2:before {

	content: ""

}



.fe-maximize:before {

	content: ""

}



.fe-meh:before {

	content: ""

}



.fe-menu:before {

	content: ""

}



.fe-message-circle:before {

	content: ""

}



.fe-message-square:before {

	content: ""

}



.fe-mic-off:before {

	content: ""

}



.fe-mic:before {

	content: ""

}



.fe-minimize-2:before {

	content: ""

}



.fe-minimize:before {

	content: ""

}



.fe-minus-circle:before {

	content: ""

}



.fe-minus-square:before {

	content: ""

}



.fe-minus:before {

	content: ""

}



.fe-monitor:before {

	content: ""

}



.fe-moon:before {

	content: ""

}



.fe-more-horizontal:before {

	content: ""

}



.fe-more-vertical:before {

	content: ""

}



.fe-mouse-pointer:before {

	content: ""

}



.fe-move:before {

	content: ""

}



.fe-music:before {

	content: ""

}



.fe-navigation-2:before {

	content: ""

}



.fe-navigation:before {

	content: ""

}



.fe-octagon:before {

	content: ""

}



.fe-package:before {

	content: ""

}



.fe-paperclip:before {

	content: ""

}



.fe-pause-circle:before {

	content: ""

}



.fe-pause:before {

	content: ""

}



.fe-pen-tool:before {

	content: ""

}



.fe-percent:before {

	content: ""

}



.fe-phone-call:before {

	content: ""

}



.fe-phone-forwarded:before {

	content: ""

}



.fe-phone-incoming:before {

	content: ""

}



.fe-phone-missed:before {

	content: ""

}



.fe-phone-off:before {

	content: ""

}



.fe-phone-outgoing:before {

	content: ""

}



.fe-phone:before {

	content: ""

}



.fe-pie-chart:before {

	content: ""

}



.fe-play-circle:before {

	content: ""

}



.fe-play:before {

	content: ""

}



.fe-plus-circle:before {

	content: ""

}



.fe-plus-square:before {

	content: ""

}



.fe-plus:before {

	content: ""

}



.fe-pocket:before {

	content: ""

}



.fe-power:before {

	content: ""

}



.fe-printer:before {

	content: ""

}



.fe-radio:before {

	content: ""

}



.fe-refresh-ccw:before {

	content: ""

}



.fe-refresh-cw:before {

	content: ""

}



.fe-repeat:before {

	content: ""

}



.fe-rewind:before {

	content: ""

}



.fe-rotate-ccw:before {

	content: ""

}



.fe-rotate-cw:before {

	content: ""

}



.fe-rss:before {

	content: ""

}



.fe-save:before {

	content: ""

}



.fe-scissors:before {

	content: ""

}



.fe-search:before {

	content: ""

}



.fe-send:before {

	content: ""

}



.fe-server:before {

	content: ""

}



.fe-settings:before {

	content: ""

}



.fe-share-2:before {

	content: ""

}



.fe-share:before {

	content: ""

}



.fe-shield-off:before {

	content: ""

}



.fe-shield:before {

	content: ""

}



.fe-shopping-bag:before {

	content: ""

}



.fe-shopping-cart:before {

	content: ""

}



.fe-shuffle:before {

	content: ""

}



.fe-sidebar:before {

	content: ""

}



.fe-skip-back:before {

	content: ""

}



.fe-skip-forward:before {

	content: ""

}



.fe-slack:before {

	content: ""

}



.fe-slash:before {

	content: ""

}



.fe-sliders:before {

	content: ""

}



.fe-smartphone:before {

	content: ""

}



.fe-smile:before {

	content: ""

}



.fe-speaker:before {

	content: ""

}



.fe-square:before {

	content: ""

}



.fe-star:before {

	content: ""

}



.fe-stop-circle:before {

	content: ""

}



.fe-sun:before {

	content: ""

}



.fe-sunrise:before {

	content: ""

}



.fe-sunset:before {

	content: ""

}



.fe-tablet:before {

	content: ""

}



.fe-tag:before {

	content: ""

}



.fe-target:before {

	content: ""

}



.fe-terminal:before {

	content: ""

}



.fe-thermometer:before {

	content: ""

}



.fe-thumbs-down:before {

	content: ""

}



.fe-thumbs-up:before {

	content: ""

}



.fe-toggle-left:before {

	content: ""

}



.fe-toggle-right:before {

	content: ""

}



.fe-trash-2:before {

	content: ""

}



.fe-trash:before {

	content: ""

}



.fe-trello:before {

	content: ""

}



.fe-trending-down:before {

	content: ""

}



.fe-trending-up:before {

	content: ""

}



.fe-triangle:before {

	content: ""

}



.fe-truck:before {

	content: ""

}



.fe-tv:before {

	content: ""

}



.fe-twitter:before {

	content: ""

}



.fe-type:before {

	content: ""

}



.fe-umbrella:before {

	content: ""

}



.fe-underline:before {

	content: ""

}



.fe-unlock:before {

	content: ""

}



.fe-upload-cloud:before {

	content: ""

}



.fe-upload:before {

	content: ""

}



.fe-user-check:before {

	content: ""

}



.fe-user-minus:before {

	content: ""

}



.fe-user-plus:before {

	content: ""

}



.fe-user-x:before {

	content: ""

}



.fe-user:before {

	content: ""

}



.fe-users:before {

	content: ""

}



.fe-video-off:before {

	content: ""

}



.fe-video:before {

	content: ""

}



.fe-voicemail:before {

	content: ""

}



.fe-volume-1:before {

	content: ""

}



.fe-volume-2:before {

	content: ""

}



.fe-volume-x:before {

	content: ""

}



.fe-volume:before {

	content: ""

}



.fe-watch:before {

	content: ""

}



.fe-wifi-off:before {

	content: ""

}



.fe-wifi:before {

	content: ""

}



.fe-wind:before {

	content: ""

}



.fe-x-circle:before {

	content: ""

}



.fe-x-octagon:before {

	content: ""

}



.fe-x-square:before {

	content: ""

}



.fe-x:before {

	content: ""

}



.fe-youtube:before {

	content: ""

}



.fe-zap-off:before {

	content: ""

}



.fe-zap:before {

	content: ""

}



.fe-zoom-in:before {

	content: ""

}



.fe-zoom-out:before {

	content: ""

}



.fe-sms:before {

	content: ""

}



.fe-mobile-alt:before {

	content: ""

}



.fe-mobile:before {

	content: ""

}



.fe-google-play:before {

	content: ""

}



.fe-google-drive:before {

	content: ""

}



.fe-google:before {

	content: ""

}



.fe-twitter-alt:before {

	content: ""

}



.fe-facebook-messenger:before {

	content: ""

}



.fe-facebook-square:before {

	content: ""

}



.fe-facebook-round:before {

	content: ""

}



.fe-facebook-alt:before {

	content: ""

}



.fe-steam:before {

	content: ""

}



.fe-fortumo:before {

	content: ""

}



.fe-lc:before {

	content: ""

}



.fe-lc-2:before {

	content: ""

}



.fe-paypal:before {

	content: ""

}



.fe-coins:before {

	content: ""

}



.fe-coins-alt:before {

	content: ""

}



.fe-coin:before {

	content: ""

}



.fe-coin-alt-2:before {

	content: ""

}



.fe-coin-alt:before {

	content: ""

}



.fe-youtube-alt:before {

	content: ""

}



.fe-envelope:before {

	content: ""

}



.fe-envelope-open:before {

	content: ""

}



.fe-apple:before {

	content: ""

}



.fe-apple-pay:before {

	content: ""

}



.fe-gofore:before {

	content: ""

}



.fe-dragon:before {

	content: ""

}



.fe-dragon-alt:before {

	content: ""

}



.fe-discord:before {

	content: ""

}



.fe-bell-2-slash:before {

	content: ""

}



.fe-bell-2:before {

	content: ""

}



.fe-inbox-alt:before {

	content: ""

}



.fe-sack:before {

	content: ""

}



.fe-rabbit:before {

	content: ""

}



.fe-angel:before {

	content: ""

}



.fe-claw-marks:before {

	content: ""

}



.fe-armor:before {

	content: ""

}



.fe-dove:before {

	content: ""

}



.fe-google-wallet:before {

	content: ""

}



.fe-freeze:before {

	content: ""

}



.fe-heart-pulse:before {

	content: ""

}



.fe-ski:before {

	content: ""

}



.fe-sparrow:before {

	content: ""

}



.fe-teleport:before {

	content: ""

}



.fe-user-solid:before {

	content: ""

}



.fe-horizontal-rule:before {

	content: ""

}



.fe-strikethrough:before {

	content: ""

}



.fe-paragraph-solid:before {

	content: ""

}



.fe-paragraph:before {

	content: ""

}



.fe-list-ul:before {

	content: ""

}



.fe-list-ol:before {

	content: ""

}



.fe-quote-left:before {

	content: ""

}



.fe-quote-right:before {

	content: ""

}



.fe-csgo:before {

	content: ""

}



.fe-cs16:before {

	content: ""

}



.fe-css3:before {

	content: ""

}



.fe-html5:before {

	content: ""

}



.fe-js:before {

	content: ""

}



.fe-laravel:before {

	content: ""

}



.fe-nuxt:before {

	content: ""

}



.fe-php:before {

	content: ""

}



.fe-tape:before {

	content: ""

}



.fe-react:before {

	content: ""

}



.fe-vue:before {

	content: ""

}



.fe-ubuntu:before {

	content: ""

}



.fe-bootstrap:before {

	content: ""

}



.fe-tailwindcss:before {

	content: ""

}



.fe-linkedin-alt:before {

	content: ""

}



.fe-github-square:before {

	content: ""

}



.fe-github-alt:before {

	content: ""

}



.fe-face-dizzy:before {

	content: ""

}



.fe-face-rolling-eyes:before {

	content: ""

}



.fe-face-smile:before {

	content: ""

}



.fe-face-grin:before {

	content: ""

}



.fe-face-angry:before {

	content: ""

}



.fe-face-flushed:before {

	content: ""

}



.fe-discord-alt:before {

	content: ""

}



[x-cloak] {

	display: none

}



.x-table {

	width: 100%;

	table-layout: auto;

	white-space: nowrap

}



.x-table th {

	padding: .75rem .5rem

}



.x-table td {

	padding: .5rem

}



.x-table thead tr {

	text-align: left

}



.x-table tbody tr {

	vertical-align: top

}



.x-table:not([class*="--simple"]) thead {

	border-top-width: 2px;

	border-bottom-width: 2px

}



.x-table:not([class*="--simple"]) tbody tr {

	border-bottom-width: 1px;

	vertical-align: top

}



.x-table:not([class*="--simple"]) tbody tr:hover {

	background-color: #3b82f60d

}



.x-table[class*=--last-right] th:last-child {

	text-align: right

}



.x-table[class*=--last-right] td:last-child {

	text-align: right

}



.x-delimiter:after {

	margin-top: 0;

	margin-bottom: 0;

	margin-left: .25rem;

	margin-right: .25rem;

	color: currentColor;

	content: attr(data-by)

}



.x-delimiter:last-child:after {

	display: none

}



.x-cr-descriptor--row {

	display: flex

}



.x-cr-descriptor--row>p {

	margin-right: .5rem;

	font-weight: 700

}



.x-cr-descriptor--column:not(:first-child) {

	margin-top: .75rem

}



.x-cr-descriptor>p,

.x-cr-descriptor>span {

	font-size: .875rem;

	line-height: 1.25rem

}



.x-cr-descriptor>p {

	display: flex;

	align-items: center;

	font-weight: 800

}



.x-cr-descriptor>p .fe {

	margin-right: .25rem;

	font-weight: 700;

	--tw-text-opacity: 1;

	color: rgb(59 130 246 / var(--tw-text-opacity))

}



.x-cr-descriptor>span {

	display: block

}



.x-breadcrumb {

	display: flex;

	align-items: center

}



.x-breadcrumb>* {

	margin-right: .5rem;

	--tw-border-opacity: 1;

	border-color: rgb(39 39 42 / var(--tw-border-opacity));

	font-size: .625rem;

	line-height: .75rem;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: -.05em

}



.x-breadcrumb>*:after {

	margin-left: .5rem;

	opacity: .5;

	content: "/"

}



.x-breadcrumb>*:last-child {

	margin-right: 0 !important

}



.x-breadcrumb>*:last-child [class*=delimiter] {

	display: none

}



.x-breadcrumb>*:last-child:after {

	content: ""

}



.ck-content {

	white-space: normal

}



.ck-content strong a {

	font-weight: 700

}



.ck-content h1,

.ck-content h2,

.ck-content h3,

.ck-content h4 {

	margin-bottom: .5rem;

	font-weight: 700;

	line-height: 1.25

}



.ck-content h1 {

	font-size: 1.875rem;

	line-height: 2.25rem

}



.ck-content h2 {

	font-size: 1.5rem;

	line-height: 2rem

}



.ck-content h3 {

	font-size: 1.25rem;

	line-height: 1.75rem

}



.ck-content h4 {

	font-size: 1.125rem;

	line-height: 1.75rem

}



.ck-content blockquote {

	border-left-width: 4px;

	padding-left: 1rem;

	font-style: italic

}



.ck-content ul,

.ck-content ol {

	padding-left: 1.25rem

}



.ck-content ul {

	list-style-type: disc;

	border-color: #3b82f633;

	--tw-text-opacity: 1;

	color: rgb(59 130 246 / var(--tw-text-opacity))

}



.ck-content ol {

	list-style-type: decimal

}



:root {

	--ck-font-size-base: 14px !important;

	--ck-widget-outline-thickness: 0 !important;

	--ck-color-base-background: #121821 !important;

	--ck-color-toolbar-background: #0f131b !important;

	--ck-color-base-color: #fff !important;

	--ck-color-toolbar-color: #fff !important;

	--ck-color-toolbar-border: #161D25 !important;

	--ck-color-base-border: #161D25 !important;

	--ck-border-radius: .375rem !important;

	--ck-color-base-focus-border: rgba(59, 130, 246, 1) !important;

	--ck-color-button-default-background: #121821 !important;

	--ck-color-button-default-hover-background: #121821 !important;

	--ck-color-button-default-focus-background: #121821 !important;

	--ck-color-button-on-hover-background: #121821 !important;

	--ck-color-button-on-focus-background: #121821 !important;

	--ck-color-button-on-background: #3e3e3e !important;

	--ck-color-text: #fff !important;

	--ck-color-focus-border: rgba(59, 130, 246, 1) !important

}



.tippy-box[data-animation=fade][data-state=hidden] {

	opacity: 0

}



[data-tippy-root] {

	max-width: calc(100vw - 10px)

}



.tippy-box {

	position: relative;

	background-color: #333;

	color: #fff;

	border-radius: 4px;

	font-size: 14px;

	line-height: 1.4;

	white-space: normal;

	outline: 0;

	transition-property: transform, visibility, opacity

}



.tippy-box[data-placement^=top]>.tippy-arrow {

	bottom: 0

}



.tippy-box[data-placement^=top]>.tippy-arrow:before {

	bottom: -7px;

	left: 0;

	border-width: 8px 8px 0;

	border-top-color: initial;

	transform-origin: center top

}



.tippy-box[data-placement^=bottom]>.tippy-arrow {

	top: 0

}



.tippy-box[data-placement^=bottom]>.tippy-arrow:before {

	top: -7px;

	left: 0;

	border-width: 0 8px 8px;

	border-bottom-color: initial;

	transform-origin: center bottom

}



.tippy-box[data-placement^=left]>.tippy-arrow {

	right: 0

}



.tippy-box[data-placement^=left]>.tippy-arrow:before {

	border-width: 8px 0 8px 8px;

	border-left-color: initial;

	right: -7px;

	transform-origin: center left

}



.tippy-box[data-placement^=right]>.tippy-arrow {

	left: 0

}



.tippy-box[data-placement^=right]>.tippy-arrow:before {

	left: -7px;

	border-width: 8px 8px 8px 0;

	border-right-color: initial;

	transform-origin: center right

}



.tippy-box[data-inertia][data-state=visible] {

	transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)

}



.tippy-arrow {

	width: 16px;

	height: 16px;

	color: #333

}



.tippy-arrow:before {

	content: "";

	position: absolute;

	border-color: transparent;

	border-style: solid

}



.tippy-content {

	position: relative;

	padding: 5px 9px;

	z-index: 1

}



/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */

*,

:before,

:after {

	box-sizing: border-box;

	border-width: 0;

	border-style: solid;

	border-color: #161d25

}



: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: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";

	font-feature-settings: normal;

	font-variation-settings: normal

}



body {

	margin: 0;

	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-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

}



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

}



[type=text],

[type=email],

[type=url],

[type=password],

[type=number],

[type=date],

[type=datetime-local],

[type=month],

[type=search],

[type=tel],

[type=time],

[type=week],

[multiple],

textarea,

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	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::-moz-placeholder,

textarea::-moz-placeholder {

	color: #6b7280;

	opacity: 1

}



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;

	padding-right: 2.5rem;

	-webkit-print-color-adjust: exact;

	print-color-adjust: exact

}



[multiple] {

	background-image: initial;

	background-position: initial;

	background-repeat: unset;

	background-size: initial;

	padding-right: .75rem;

	-webkit-print-color-adjust: unset;

	print-color-adjust: unset

}



[type=checkbox],

[type=radio] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	padding: 0;

	-webkit-print-color-adjust: exact;

	print-color-adjust: exact;

	display: inline-block;

	vertical-align: middle;

	background-origin: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

	flex-shrink: 0;

	height: 1rem;

	width: 1rem;

	color: #2563eb;

	background-color: #fff;

	border-color: #6b7280;

	border-width: 1px;

	--tw-shadow: 0 0 #0000

}



[type=checkbox] {

	border-radius: 0

}



[type=radio] {

	border-radius: 100%

}



[type=checkbox]:focus,

[type=radio]:focus {

	outline: 2px solid transparent;

	outline-offset: 2px;

	--tw-ring-inset: var(--tw-empty, );

	--tw-ring-offset-width: 2px;

	--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)

}



[type=checkbox]:checked,

[type=radio]:checked {

	border-color: transparent;

	background-color: currentColor;

	background-size: 100% 100%;

	background-position: center;

	background-repeat: no-repeat

}



[type=checkbox]:checked {

	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")

}



[type=radio]:checked {

	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")

}



[type=checkbox]:checked:hover,

[type=checkbox]:checked:focus,

[type=radio]:checked:hover,

[type=radio]:checked:focus {

	border-color: transparent;

	background-color: currentColor

}



[type=checkbox]:indeterminate {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");

	border-color: transparent;

	background-color: currentColor;

	background-size: 100% 100%;

	background-position: center;

	background-repeat: no-repeat

}



[type=checkbox]:indeterminate:hover,

[type=checkbox]:indeterminate:focus {

	border-color: transparent;

	background-color: currentColor

}



[type=file] {

	background: unset;

	border-color: inherit;

	border-width: 0;

	border-radius: 0;

	padding: 0;

	font-size: unset;

	line-height: inherit

}



[type=file]:focus {

	outline: 1px solid ButtonText;

	outline: 1px auto -webkit-focus-ring-color

}



*,

: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:

}



html {

	font-size: 1rem;

	line-height: 1.5rem

}



body {

	--tw-bg-opacity: 1;

	background-color: rgb(13 17 24 / var(--tw-bg-opacity));

	--tw-text-opacity: 1;

	color: rgb(255 255 255 / var(--tw-text-opacity))

}



a {

	--tw-text-opacity: 1;

	color: rgb(59 130 246 / var(--tw-text-opacity));

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-timing-function: cubic-bezier(.4, 0, .2, 1);

	transition-duration: .1s

}



a:disabled,

a.disabled {

	pointer-events: none;

	cursor: default;

	opacity: .75

}



a:hover,

a.active {

	--tw-text-opacity: 1;

	color: rgb(96 165 250 / var(--tw-text-opacity))

}



a.link-muted {

	--tw-text-opacity: 1;

	color: rgb(113 113 122 / var(--tw-text-opacity))

}



.text-gradient {

	-webkit-background-clip: text;

	background-clip: text;

	-webkit-text-fill-color: transparent

}



.custom-shadow-theme {

	filter: drop-shadow(0px 0px 6px #004cff)

}



.custom-shadow-green {

	filter: drop-shadow(0px 0px 6px #38cb76)

}



.custom-shadow-red {

	filter: drop-shadow(0px 0px 6px #cb3855)

}



.container {

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	padding-right: 1rem;

	padding-left: 1rem

}



@media (min-width: 640px) {

	.container {

		max-width: 640px

	}

}



@media (min-width: 768px) {

	.container {

		max-width: 768px

	}

}



@media (min-width: 1024px) {

	.container {

		max-width: 1024px

	}

}



@media (min-width: 1280px) {

	.container {

		max-width: 1280px

	}

}



@media (min-width: 1536px) {

	.container {

		max-width: 1536px

	}

}



.team-table-container {

    display: flex;

    justify-content: space-around;

    margin-top: 50px;

}



.team-table-inner {

    flex: 1;

    margin-right: 50px;

}



.team-title-t {

    font-size: 32px;

    font-weight: bold;

    text-align: justify;

    color: #ba0d19;

    margin-bottom: 30px;

    margin-top: 30;

}



.team-title-ct {

    font-size: 32px;

    font-weight: bold;

    text-align: justify;

    color: #1c7de6;

    margin-bottom: 30px;

}



.player-table {

    width: 100%;

    border-collapse: collapse;

    border-radius: 5px;

    overflow: hidden;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}



.player-table th {

    font-size: 18px;

    font-weight: bold;

   	background-color: rgb(26, 38, 59);

    color: #00000;

    padding: 10px;

    text-align: center;

    white-space: nowrap;

    vertical-align: bottom;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.player-table td {

    font-size: 18px;

    font-weight: normal;

    background: #ffffff;

    padding: 10px;

    text-align: center;

    vertical-align: top;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background-color: rgb(13, 17, 24);

}



.player-table.ct tbody tr:hover td a .steam-avatar

{

	transition: background-color 0.3s;

	border: 2.5px solid rgb(255, 0, 0, 0.7);

	border-radius: 50%;

}



.player-table.tero tbody tr:hover td .steam-avatar 

{

	transition: background-color 0.3s;

    border: 2.5px solid rgb(9, 255, 0, 0.7);

    border-radius: 50%;

}



.player-table thead th:first-child {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.player-table.ct tbody tr:hover td {

    transition: background-color 0.3s;

    background-color:rgb(2, 235, 247, 0.2)

}

.table-transition tr:hover td {
	transition: background-color 0.3s !important;

	background-color:rgb(2, 235, 247, 0.2) !important;
}

.player-table.tero tbody tr:hover td {

    transition: background-color 0.3s;

    background-color:rgb(250, 0, 0, 0.2)

}



.match-body {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100px;

  border-radius: 10px;

}



.match-team {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-weight: bold;

}



.match-team-title-ct {

  font-size: 18px;

  margin-bottom: 5px;

  margin-right: 40px;

  margin-left: 40px;

  color: #1c7de6;

}



.match-team-title-t {

  font-size: 18px;

  margin-bottom: 5px;

  margin-right: 40px;

  margin-left: 40px;

  color: #ba0d19;

}



.match-won {

  background-color: #3ecf8e;

  color: #1f2124;

  padding: 3px 8px;

  border-radius: 5px;

  font-size: 12px;

  margin-bottom: 5px;

  margin-top: 15px;

}



.match-lost {

  background-color: #e74c3c;

  color: #1f2124;

  padding: 3px 8px;

  border-radius: 5px;

  font-size: 12px;

  margin-bottom: 5px;

  margin-top: 15px;

}



.match-status-info {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  color: #fff;

}



.match-score {

  font-size: 24px;

  margin-bottom: 10px;

}



.match-score-won {

  color: #3ecf8e;

  margin-top: 15px;

}

 

.match-score-lost {

  color: #e74c3c;

  margin-top: 15px;

}



.match-info {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}



.match-status {

  font-size: 12px;

  margin-bottom: 5px;

  text-align: center;

}



.match-status-server {

	margin-bottom: 5px;

	text-align: center;

	background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);

    background-size: 600% 100%;

    background-clip: text;

    -webkit-background-clip: text;

    color: transparent;

    animation: statusserver 3s infinite;

}



@keyframes statusserver {

    0% {

        background-position: 0% 50%;

    }

    100% {

        background-position: 100% 50%;

    }

}



.player-dropped 

{

	color: rgb(255, 0, 0);

}



.text-silver-500 {
	--tw-text-opacity: 1 !important;

	color: rgb(168 168 168 / var(--tw-text-opacity)) !important
}



.pointer-events-none {

	pointer-events: none !important

}



.collapse {

	visibility: collapse !important

}



.fixed {

	position: fixed !important

}



.absolute {

	position: absolute !important

}



.relative {

	position: relative !important

}



.inset-0 {

	inset: 0px !important

}



.inset-x-0 {

	left: 0px !important;

	right: 0px !important

}



.-left-64 {

	left: -16rem !important

}



.-right-10 {

	right: -2.5rem !important

}



.-right-12 {

	right: -3rem !important

}



.bottom-0 {

	bottom: 0px !important

}



.left-0 {

	left: 0px !important

}



.right-0 {

	right: 0px !important

}



.right-1 {

	right: .25rem !important

}



.right-2 {

	right: .5rem !important

}



.top-0 {

	top: 0px !important

}



.top-1 {

	top: .25rem !important

}



.top-2 {

	top: .5rem !important

}



.top-4 {

	top: 1rem !important

}



.z-0 {

	z-index: 0 !important

}



.z-10 {

	z-index: 10 !important

}



.z-50 {

	z-index: 50 !important

}



.z-\[1\] {

	z-index: 1 !important

}



.z-\[2\] {

	z-index: 2 !important

}



.col-span-2 {

	grid-column: span 2 / span 2 !important

}



.col-span-3 {

	grid-column: span 3 / span 3 !important

}



.mx-0 {

	margin-left: 0 !important;

	margin-right: 0 !important

}



.mx-1 {

	margin-left: .25rem !important;

	margin-right: .25rem !important

}



.mx-auto {

	margin-left: auto !important;

	margin-right: auto !important

}



.my-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important

}



.my-10 {

	margin-top: 2.5rem !important;

	margin-bottom: 2.5rem !important

}



.my-4 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important

}



.my-6 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important

}



.my-8 {

	margin-top: 2rem !important;

	margin-bottom: 2rem !important

}



.-ml-px {

	margin-left: -1px !important

}



.-mt-1 {

	margin-top: -.25rem !important

}



.-mt-4 {

	margin-top: -1rem !important

}



.mb-1 {

	margin-bottom: .25rem !important

}



.mb-12 {

	margin-bottom: 3rem !important

}



.mb-2 {

	margin-bottom: .5rem !important

}



.mb-3 {

	margin-bottom: .75rem !important

}



.mb-4 {

	margin-bottom: 1rem !important

}



.mb-6 {

	margin-bottom: 1.5rem !important

}



.mb-8 {

	margin-bottom: 2rem !important

}



.ml-1 {

	margin-left: .25rem !important

}



.ml-11 {

	margin-left: 2.75rem !important

}



.ml-2 {

	margin-left: .5rem !important

}



.ml-3 {

	margin-left: .75rem !important

}



.ml-4 {

	margin-left: 1rem !important

}



.ml-64 {

	margin-left: 16rem !important

}



.ml-auto {

	margin-left: auto !important

}



.mr-1 {

	margin-right: .25rem !important

}



.mr-2 {

	margin-right: .5rem !important

}



.mr-3 {

	margin-right: .75rem !important

}



.mr-4 {

	margin-right: 1rem !important

}



.mt-1 {

	margin-top: .25rem !important

}



.mt-10 {

	margin-top: 2.5rem !important

}



.mt-12 {

	margin-top: 3rem !important

}



.mt-2 {

	margin-top: .5rem !important

}



.mt-20 {

	margin-top: 5rem !important

}



.mt-3 {

	margin-top: .75rem !important

}



.mt-4 {

	margin-top: 1rem !important

}



.mt-6 {

	margin-top: 1.5rem !important

}



.mt-8 {

	margin-top: 2rem !important

}



.mt-auto {

	margin-top: auto !important

}



.mt-px {

	margin-top: 1px !important

}



.block {

	display: block !important

}



.inline {

	display: inline !important

}



.flex {

	display: flex !important

}



.inline-flex {

	display: inline-flex !important

}



.table {

	display: table !important

}



.grid {

	display: grid !important

}



.server-container {

	display: grid !important

}



.hidden {

	display: none !important

}



.aspect-square {

	aspect-ratio: 1 / 1 !important

}



.h-10 {

	height: 2.5rem !important

}



.h-12 {

	height: 3rem !important

}



.h-16 {

	height: 4rem !important

}



.h-3 {

	height: .75rem !important

}



.h-32 {

	height: 8rem !important

}



.h-4 {

	height: 1rem !important

}



.h-5 {

	height: 1.25rem !important

}



.h-6 {

	height: 1.5rem !important

}



.h-7 {

	height: 1.75rem !important

}



.h-8 {

	height: 2rem !important

}



.h-\[80px\] {

	height: 80px !important

}



.h-fit {

	height: -moz-fit-content !important;

	height: fit-content !important

}



.h-full {

	height: 100% !important

}



.h-screen {

	height: 100vh !important

}



.min-h-screen {

	min-height: 100vh !important

}



.w-1\/3 {

	width: 33.333333% !important

}



.w-10 {

	width: 2.5rem !important

}



.w-12 {

	width: 3rem !important

}



.w-16 {

	width: 4rem !important

}



.w-2\/3 {

	width: 66.666667% !important

}



.w-3 {

	width: .75rem !important

}



.w-36 {

	width: 9rem !important

}



.w-4 {

	width: 1rem !important

}



.w-48 {

	width: 12rem !important

}



.w-5 {

	width: 1.25rem !important

}



.w-56 {

	width: 14rem !important

}



.w-6 {

	width: 1.5rem !important

}



.w-64 {

	width: 16rem !important

}



.w-7 {

	width: 1.75rem !important

}



.w-8 {

	width: 2rem !important

}



.w-9 {

	width: 2.25rem !important

}



.w-\[130px\] {

	width: 130px !important

}



.w-full {

	width: 100% !important

}



.min-w-\[12rem\] {

	min-width: 12rem !important

}



.min-w-\[256px\] {

	min-width: 256px !important

}



.max-w-2xl {

	max-width: 42rem !important

}



.max-w-7xl {

	max-width: 80rem !important

}



.max-w-\[20rem\] {

	max-width: 20rem !important

}



.max-w-lg {

	max-width: 32rem !important

}



.flex-1 {

	flex: 1 1 0% !important

}



.flex-shrink-0,

.shrink-0 {

	flex-shrink: 0 !important

}



.origin-top {

	transform-origin: top !important

}



.origin-top-left {

	transform-origin: top left !important

}



.origin-top-right {

	transform-origin: top right !important

}



.scale-100 {

	--tw-scale-x: 1 !important;

	--tw-scale-y: 1 !important;

	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)) !important

}



.scale-95 {

	--tw-scale-x: .95 !important;

	--tw-scale-y: .95 !important;

	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)) !important

}



.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)) !important

}



.cursor-default {

	cursor: default !important

}



.cursor-pointer {

	cursor: pointer !important

}



.grid-cols-2 {

	grid-template-columns: repeat(2, minmax(0, 1fr)) !important

}



.grid-cols-3 {

	grid-template-columns: repeat(3, minmax(0, 1fr)) !important

}



.col-start-1 {

    grid-column-start: auto;

}



.col-end-2 {

	grid-column-end: auto;

}



.flex-col {

	flex-direction: column !important

}



.flex-wrap {

	flex-wrap: wrap !important

}



.place-items-center {

	place-items: center !important

}



.items-start {

	align-items: flex-start !important

}



.items-end {

	align-items: flex-end !important

}



.items-center {

	align-items: center !important

}



.justify-start {

	justify-content: flex-start !important

}



.justify-end {

	justify-content: flex-end !important

}



.justify-center {

	justify-content: center !important

}



.justify-between {

	justify-content: space-between !important

}



.justify-items-center {

	justify-items: center !important

}



.gap-1 {

	gap: .25rem !important

}



.gap-2 {

	gap: .5rem !important

}



.gap-3 {

	gap: .75rem !important

}



.gap-4 {

	gap: 1rem !important

}



.gap-5 {

	gap: 1.25rem !important

}



.gap-6 {

	gap: 1.5rem !important

}



.space-x-1>:not([hidden])~:not([hidden]) {

	--tw-space-x-reverse: 0 !important;

	margin-right: calc(.25rem * var(--tw-space-x-reverse)) !important;

	margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))) !important

}



.space-x-2>:not([hidden])~:not([hidden]) {

	--tw-space-x-reverse: 0 !important;

	margin-right: calc(.5rem * var(--tw-space-x-reverse)) !important;

	margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) !important

}



.space-x-px>:not([hidden])~:not([hidden]) {

	--tw-space-x-reverse: 0 !important;

	margin-right: calc(1px * var(--tw-space-x-reverse)) !important;

	margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))) !important

}



.space-y-1>:not([hidden])~:not([hidden]) {

	--tw-space-y-reverse: 0 !important;

	margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))) !important;

	margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) !important

}

.space-y-1>:not([hidden])~:not([hidden]) {

	--tw-space-y-reverse: 0 !important;

	margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))) !important;

	margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) !important

}



.overflow-hidden {

	overflow: hidden !important

}



.overflow-x-auto {

	overflow-x: auto !important

}



.overflow-scroll {

	overflow: scroll !important

}



.overflow-y-auto {

	overflow-y: auto !important

}



.text-ellipsis {

	text-overflow: ellipsis !important

}



.whitespace-normal {

	white-space: normal !important

}



.whitespace-nowrap {

	white-space: nowrap !important

}



.whitespace-pre-wrap {

	white-space: pre-wrap !important

}



.rounded {

	border-radius: .25rem !important

}



.rounded-full {

	border-radius: 9999px !important

}



.rounded-lg {

	border-radius: .5rem !important

}



.rounded-md {

	border-radius: .375rem !important

}



.rounded-l-md {

	border-top-left-radius: .375rem !important;

	border-bottom-left-radius: .375rem !important

}



.rounded-r-md {

	border-top-right-radius: .375rem !important;

	border-bottom-right-radius: .375rem !important

}



.border {

	border-width: 1px !important

}



.border-2 {

	border-width: 2px !important

}



.border-b {

	border-bottom-width: 1px !important

}



.border-b-2 {

	border-bottom-width: 2px !important

}



.border-r {

	border-right-width: 1px !important

}



.border-r-2 {

	border-right-width: 2px !important

}



.border-t {

	border-top-width: 1px !important

}



.border-dashed {

	border-style: dashed !important

}



.border-app-border {

	--tw-border-opacity: 1 !important;

	border-color: rgb(22 29 37 / var(--tw-border-opacity)) !important

}



.border-blue-500 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important

}



.border-gray-300 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important

}



.border-gray-900 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important

}



.border-green-400 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(74 222 128 / var(--tw-border-opacity)) !important

}



.border-red-500 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important

}



.border-theme-500 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important

}



.border-theme-500\/10 {

	border-color: #3b82f61a !important

}



.border-theme-700 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(29 78 216 / var(--tw-border-opacity)) !important

}



.border-transparent {

	border-color: transparent !important

}



.border-yellow-500 {

	--tw-border-opacity: 1 !important;

	border-color: rgb(234 179 8 / var(--tw-border-opacity)) !important

}



.bg-app-bg {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(10, 14, 17 / var(--tw-bg-opacity)) !important

}



.bg-app-bg\/80 {

	background-color: #0d1118cc !important

}



.bg-app-box {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(5 8 11 / var(--tw-bg-opacity)) !important

}



.bg-blue-400 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(96 165 250 / var(--tw-bg-opacity)) !important

}



.bg-blue-500 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(59 130 246 / var(--tw-bg-opacity)) !important

}



.bg-gray-900 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important

}



.bg-green-400 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(74 222 128 / var(--tw-bg-opacity)) !important

}



.bg-green-500 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important

}



.bg-green-600 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(22 163 74 / var(--tw-bg-opacity)) !important

}



.bg-lime-500 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(132 204 22 / var(--tw-bg-opacity)) !important

}



.bg-pink-500\/20 {

	background-color: #ec489933 !important

}



.bg-red-400 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important

}



.bg-red-500 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important

}



.bg-red-600 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important

}



.bg-theme-500\/20 {

	background-color: #3b82f633 !important

}



.bg-theme-500\/5 {

	background-color: #3b82f60d !important

}



.bg-theme-500\/50 {

	background-color: #3b82f680 !important

}



.bg-theme-600 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important

}



.bg-white {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important

}



.bg-yellow-400 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(250 204 21 / var(--tw-bg-opacity)) !important

}



.bg-yellow-500 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(234 179 8 / var(--tw-bg-opacity)) !important

}



.bg-yellow-600 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(202 138 4 / var(--tw-bg-opacity)) !important

}



.bg-zinc-100\/5 {

	background-color: #f4f4f50d !important

}



.bg-zinc-500 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(113 113 122 / var(--tw-bg-opacity)) !important

}



.bg-zinc-500\/5 {

	background-color: #71717a0d !important

}



.bg-zinc-600 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(82 82 91 / var(--tw-bg-opacity)) !important

}



.bg-zinc-800 {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(39 39 42 / var(--tw-bg-opacity)) !important

}



.bg-opacity-50 {

	--tw-bg-opacity: .5 !important

}



.bg-gradient-to-r {

	background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important

}



.from-cyan-300 {

	--tw-gradient-from: #67e8f9 var(--tw-gradient-from-position) !important;

	--tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important

}



.from-lime-300 {

	--tw-gradient-from: #bef264 var(--tw-gradient-from-position) !important;

	--tw-gradient-to: rgb(190 242 100 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important

}



.from-pink-300 {

	--tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position) !important;

	--tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important

}



.from-yellow-300 {

	--tw-gradient-from: #fde047 var(--tw-gradient-from-position) !important;

	--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important

}



.from-red-300 {

	--tw-gradient-from: #ff0a1e var(--tw-gradient-from-position) !important;

	--tw-gradient-to: rgb(255 10 30 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important

}



.via-cyan-500 {

	--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to) !important

}



.via-lime-500 {

	--tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), #84cc16 var(--tw-gradient-via-position), var(--tw-gradient-to) !important

}



.via-pink-500 {

	--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to) !important

}



.via-yellow-500 {

	--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to) !important

}



.via-red-500 {

	--tw-gradient-to: rgb(163 5 5 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), #a30505 var(--tw-gradient-via-position), var(--tw-gradient-to) !important

}



.to-cyan-800 {

	--tw-gradient-to: #155e75 var(--tw-gradient-to-position) !important

}



.to-lime-800 {

	--tw-gradient-to: #3f6212 var(--tw-gradient-to-position) !important

}



.to-pink-800 {

	--tw-gradient-to: #9d174d var(--tw-gradient-to-position) !important

}



.to-yellow-800 {

	--tw-gradient-to: #854d0e var(--tw-gradient-to-position) !important

}



.to-red-800 {

	--tw-gradient-to: #80330a var(--tw-gradient-to-position) !important

}



.bg-cover {

	background-size: cover !important

}



.bg-bottom {

	background-position: bottom !important

}



.object-cover {

	-o-object-fit: cover !important;

	object-fit: cover !important

}



.p-auto {

	padding: 1rem !important

}



.p-1 {

	padding: .25rem !important

}



.p-2 {

	padding: .5rem !important

}



.p-3 {

	padding: .75rem !important

}



.p-4 {

	padding: 1rem !important

}



.p-6 {

	padding: 1.5rem !important

}



.px-1 {

	padding-left: .25rem !important;

	padding-right: .25rem !important

}



.px-2 {

	padding-left: .5rem !important;

	padding-right: .5rem !important

}



.px-3 {

	padding-left: .75rem !important;

	padding-right: .75rem !important

}



.px-4 {

	padding-left: 1rem !important;

	padding-right: 1rem !important

}



.py-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important

}



.py-0\.5 {

	padding-top: .125rem !important;

	padding-bottom: .125rem !important

}



.py-1 {

	padding-top: .25rem !important;

	padding-bottom: .25rem !important

}



.py-2 {

	padding-top: .5rem !important;

	padding-bottom: .5rem !important

}



.py-2\.5 {

	padding-top: .625rem !important;

	padding-bottom: .625rem !important

}



.py-3 {

	padding-top: .75rem !important;

	padding-bottom: .75rem !important

}



.py-4 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important

}



.py-6 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important

}



.py-8 {

	padding-top: 2rem !important;

	padding-bottom: 2rem !important

}



.py-px {

	padding-top: 1px !important;

	padding-bottom: 1px !important

}



.pb-2 {

	padding-bottom: .5rem !important

}



.pb-3 {

	padding-bottom: .75rem !important

}



.pr-4 {

	padding-right: 1rem !important

}



.pt-0 {

	padding-top: 0 !important

}



.pt-12 {

	padding-top: 3rem !important

}



.pt-16 {

	padding-top: 4rem !important

}



.text-center {

	text-align: center !important

}



.text-right {

	text-align: right !important

}



.font-oswald {

	font-family: Oswald !important

}



.text-2xl {

	font-size: 1.5rem !important;

	line-height: 2rem !important

}



.text-3xl {

	font-size: 1.875rem !important;

	line-height: 2.25rem !important

}



.text-base {

	font-size: 1rem !important;

	line-height: 1.5rem !important

}



.text-lg {

	font-size: 1.125rem !important;

	line-height: 1.75rem !important

}



.text-sm {

	font-size: .875rem !important;

	line-height: 1.25rem !important

}



.text-xl {

	font-size: 1.25rem !important;

	line-height: 1.75rem !important

}



.text-xs {

	font-size: .75rem !important;

	line-height: 1rem !important

}



.text-xxs {

	font-size: .625rem !important;

	line-height: .75rem !important

}



.font-black {

	font-weight: 900 !important

}



.font-bold {

	font-weight: 700 !important

}



.font-light {

	font-weight: 300 !important

}



.font-medium {

	font-weight: 500 !important

}



.font-semibold {

	font-weight: 600 !important

}



.font-thin {

	font-weight: 100 !important

}



.uppercase {

	text-transform: uppercase !important

}



.capitalize {

	text-transform: capitalize !important

}



.leading-5 {

	line-height: 1.25rem !important

}



.tracking-wider {

	letter-spacing: .05em !important

}



.tracking-widest {

	letter-spacing: .1em !important

}



.text-app-text {

	--tw-text-opacity: 1 !important;

	color: rgb(255 255 255 / var(--tw-text-opacity)) !important

}



.text-silver-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(192 192 192 / var(--tw-text-opacity)) !important

}



.text-bronze-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(205 127 50 / var(--tw-text-opacity)) !important

}



.text-gold-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(255 215 0 / var(--tw-text-opacity)) !important

}



.text-blue-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(59 130 246 / var(--tw-text-opacity)) !important

}



.text-cyan-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(6 182 212 / var(--tw-text-opacity)) !important

}



.text-gray-300 {

	--tw-text-opacity: 1 !important;

	color: rgb(209 213 219 / var(--tw-text-opacity)) !important

}



.text-gray-400 {

	--tw-text-opacity: 1 !important;

	color: rgb(156 163 175 / var(--tw-text-opacity)) !important

}



.text-gray-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(107 114 128 / var(--tw-text-opacity)) !important

}



.text-gray-600 {

	--tw-text-opacity: 1 !important;

	color: rgb(75 85 99 / var(--tw-text-opacity)) !important

}



.text-gray-700 {

	--tw-text-opacity: 1 !important;

	color: rgb(55 65 81 / var(--tw-text-opacity)) !important

}



.text-green-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(34 197 94 / var(--tw-text-opacity)) !important
}



.text-lime-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(132 204 22 / var(--tw-text-opacity)) !important

}



.text-pink-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(236 72 153 / var(--tw-text-opacity)) !important

}

.text-purple-700 {
	
	--tw-text-opacity: 1 !important;

	color: rgb(184 50 128 / var(--tw-text-opacity)) !important
}



.text-red-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(239 68 68 / var(--tw-text-opacity)) !important

}


.text-red-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(239 68 68 / var(--tw-text-opacity)) !important

}


.text-red-600 {

	--tw-text-opacity: 1 !important;

	color: rgb(220 38 38 / var(--tw-text-opacity)) !important

}



.text-theme-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(59 130 246 / var(--tw-text-opacity)) !important

}



.text-theme-700 {

	--tw-text-opacity: 1 !important;

	color: rgb(29 78 216 / var(--tw-text-opacity)) !important

}



.text-white {

	--tw-text-opacity: 1 !important;

	color: rgb(255 255 255 / var(--tw-text-opacity)) !important

}



.text-yellow-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(234 179 8 / var(--tw-text-opacity)) !important

}



.text-yellow-600 {

	--tw-text-opacity: 1 !important;

	color: rgb(202 138 4 / var(--tw-text-opacity)) !important

}



.text-zinc-100 {

	--tw-text-opacity: 1 !important;

	color: rgb(244 244 245 / var(--tw-text-opacity)) !important

}



.text-zinc-200 {

	--tw-text-opacity: 1 !important;

	color: rgb(228 228 231 / var(--tw-text-opacity)) !important

}



.text-zinc-300 {

	--tw-text-opacity: 1 !important;

	color: rgb(212 212 216 / var(--tw-text-opacity)) !important

}



.text-zinc-400 {

	--tw-text-opacity: 1 !important;

	color: rgb(161 161 170 / var(--tw-text-opacity)) !important

}



.text-zinc-500 {

	--tw-text-opacity: 1 !important;

	color: rgb(113 113 122 / var(--tw-text-opacity)) !important

}



.text-zinc-600 {

	--tw-text-opacity: 1 !important;

	color: rgb(82 82 91 / var(--tw-text-opacity)) !important

}



.text-zinc-700 {

	--tw-text-opacity: 1 !important;

	color: rgb(63 63 70 / var(--tw-text-opacity)) !important

}



.opacity-0 {

	opacity: 0 !important

}



.opacity-100 {

	opacity: 1 !important

}



.opacity-50 {

	opacity: .5 !important

}



.opacity-75 {

	opacity: .75 !important

}



.shadow-sm {

	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;

	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;

	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important

}



.outline-none {

	outline: 2px solid transparent !important;

	outline-offset: 2px !important

}



.ring {

	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;

	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important

}



.ring-1 {

	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;

	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important

}

.hover\:ring-4:hover {
	--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(4px + 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);
}

.ring-black {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) !important

}



.ring-gray-300 {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)) !important

}



.ring-red-200 {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity)) !important

}

.hover\:ring-red-500:hover {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)) /* #ef4444 */;
}



.ring-theme-200 {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity)) !important

}



.ring-theme-500 {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) !important

}



.ring-opacity-20 {

	--tw-ring-opacity: .2 !important

}



.ring-opacity-5 {

	--tw-ring-opacity: .05 !important

}



.ring-opacity-50 {

	--tw-ring-opacity: .5 !important

}



.brightness-50 {

	--tw-brightness: brightness(.5) !important;

	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important

}



.grayscale {

	--tw-grayscale: grayscale(100%) !important;

	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important

}



.transition {

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;

	transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;

	transition-duration: .15s !important

}



.transition-all {

	transition-property: all !important;

	transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;

	transition-duration: .15s !important

}



.transition-colors {

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;

	transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;

	transition-duration: .15s !important

}



.duration-150 {

	transition-duration: .15s !important

}



.duration-200 {

	transition-duration: .2s !important

}



.duration-300 {

	transition-duration: .3s !important

}



.duration-500 {

	transition-duration: .5s !important

}



.duration-75 {

	transition-duration: 75ms !important

}



.ease-in {

	transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important

}



.ease-in-out {

	transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important

}



.ease-out {

	transition-timing-function: cubic-bezier(0, 0, .2, 1) !important

}



.before\:absolute:before {

	content: var(--tw-content) !important;

	position: absolute !important

}



.before\:-left-5:before {

	content: var(--tw-content) !important;

	left: -1.25rem !important

}



.before\:bottom-0:before {

	content: var(--tw-content) !important;

	bottom: 0px !important

}



.before\:left-0:before {

	content: var(--tw-content) !important;

	left: 0px !important

}



.before\:right-0:before {

	content: var(--tw-content) !important;

	right: 0px !important

}



.before\:top-0:before {

	content: var(--tw-content) !important;

	top: 0px !important

}



.before\:top-1:before {

	content: var(--tw-content) !important;

	top: .25rem !important

}



.before\:top-1\.5:before {

	content: var(--tw-content) !important;

	top: .375rem !important

}



.before\:z-10:before {

	content: var(--tw-content) !important;

	z-index: 10 !important

}



.before\:h-full:before {

	content: var(--tw-content) !important;

	height: 100% !important

}



.before\:h-px:before {

	content: var(--tw-content) !important;

	height: 1px !important

}



.before\:w-3:before {

	content: var(--tw-content) !important;

	width: .75rem !important

}



.before\:w-\[50px\]:before {

	content: var(--tw-content) !important;

	width: 50px !important

}



.before\:bg-app-bg\/90:before {

	content: var(--tw-content) !important;

	background-color: #0d1118e6 !important

}



.before\:bg-blue-400:before {

	content: var(--tw-content) !important;

	--tw-bg-opacity: 1 !important;

	background-color: rgb(96 165 250 / var(--tw-bg-opacity)) !important

}



.before\:bg-gradient-to-r:before {

	content: var(--tw-content) !important;

	background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important

}



.before\:from-app-bg:before {

	content: var(--tw-content) !important;

	--tw-gradient-from: #0D1118 var(--tw-gradient-from-position) !important;

	--tw-gradient-to: rgb(13 17 24 / 0) var(--tw-gradient-to-position) !important;

	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important

}



.before\:to-transparent:before {

	content: var(--tw-content) !important;

	--tw-gradient-to: transparent var(--tw-gradient-to-position) !important

}



.last\:mb-0:last-child {

	margin-bottom: 0 !important

}



.last\:mr-0:last-child {

	margin-right: 0 !important

}



.checked\:bg-theme-600:checked {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important

}



.hover\:border-theme-500:hover {

	--tw-border-opacity: 1 !important;

	border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important

}



.hover\:border-theme-600:hover {

	--tw-border-opacity: 1 !important;

	border-color: rgb(37 99 235 / var(--tw-border-opacity)) !important

}



.hover\:bg-blue-400:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(96 165 250 / var(--tw-bg-opacity)) !important

}



.hover\:bg-lime-400:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(163 230 53 / var(--tw-bg-opacity)) !important

}



.hover\:bg-red-400:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important

}



.hover\:bg-theme-500\/10:hover {

	background-color: #3b82f61a !important

}



.hover\:bg-theme-500\/30:hover {

	background-color: #3b82f64d !important

}



.hover\:bg-theme-500\/5:hover {

	background-color: #3b82f60d !important

}



.hover\:bg-theme-700:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(29 78 216 / var(--tw-bg-opacity)) !important

}



.hover\:bg-transparent:hover {

	background-color: transparent !important

}



.hover\:bg-white:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important

}



.hover\:bg-yellow-400:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(250 204 21 / var(--tw-bg-opacity)) !important

}



.hover\:bg-zinc-100:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(244 244 245 / var(--tw-bg-opacity)) !important

}



.hover\:bg-zinc-400:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(161 161 170 / var(--tw-bg-opacity)) !important

}



.hover\:bg-zinc-400\/5:hover {

	background-color: #a1a1aa0d !important

}



.hover\:bg-zinc-500:hover {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(113 113 122 / var(--tw-bg-opacity)) !important

}



.hover\:bg-opacity-5:hover {

	--tw-bg-opacity: .05 !important

}



.hover\:text-gray-400:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(156 163 175 / var(--tw-text-opacity)) !important

}

.hover\:text-lime-500:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(132 204 22 / var(--tw-text-opacity)) !important

}


.hover\:text-gray-500:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(107 114 128 / var(--tw-text-opacity)) !important

}



.hover\:text-red-300:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(252 165 165 / var(--tw-text-opacity)) !important

}



.hover\:text-theme-500:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(59 130 246 / var(--tw-text-opacity)) !important

}



.hover\:text-theme-600:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(37 99 235 / var(--tw-text-opacity)) !important

}



.hover\:text-zinc-100:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(244 244 245 / var(--tw-text-opacity)) !important

}



.hover\:text-zinc-500:hover {

	--tw-text-opacity: 1 !important;

	color: rgb(113 113 122 / var(--tw-text-opacity)) !important

}



.focus\:z-10:focus {

	z-index: 10 !important

}



.focus\:border-blue-300:focus {

	--tw-border-opacity: 1 !important;

	border-color: rgb(147 197 253 / var(--tw-border-opacity)) !important

}



.focus\:border-red-500:focus {

	--tw-border-opacity: 1 !important;

	border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important

}



.focus\:border-theme-500:focus {

	--tw-border-opacity: 1 !important;

	border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important

}



.focus\:bg-gray-100:focus {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important

}



.focus\:bg-opacity-5:focus {

	--tw-bg-opacity: .05 !important

}



.focus\:outline-none:focus {

	outline: 2px solid transparent !important;

	outline-offset: 2px !important

}



.focus\:ring:focus {

	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;

	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important

}



.focus\:ring-red-200:focus {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity)) !important

}



.focus\:ring-theme-200:focus {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity)) !important

}



.focus\:ring-theme-300:focus {

	--tw-ring-opacity: 1 !important;

	--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)) !important

}



.focus\:ring-opacity-20:focus {

	--tw-ring-opacity: .2 !important

}



.focus\:ring-offset-0:focus {

	--tw-ring-offset-width: 0px !important

}



.active\:bg-gray-100:active {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important

}



.active\:bg-theme-900:active {

	--tw-bg-opacity: 1 !important;

	background-color: rgb(30 58 138 / var(--tw-bg-opacity)) !important

}



.active\:text-gray-500:active {

	--tw-text-opacity: 1 !important;

	color: rgb(107 114 128 / var(--tw-text-opacity)) !important

}



.active\:text-gray-700:active {

	--tw-text-opacity: 1 !important;

	color: rgb(55 65 81 / var(--tw-text-opacity)) !important

}



.disabled\:opacity-25:disabled {

	opacity: .25 !important

}



@media (prefers-color-scheme: dark) {

	.dark\:border-theme-700 {

		--tw-border-opacity: 1 !important;

		border-color: rgb(29 78 216 / var(--tw-border-opacity)) !important

	}



	.dark\:text-zinc-300 {

		--tw-text-opacity: 1 !important;

		color: rgb(212 212 216 / var(--tw-text-opacity)) !important

	}



	.dark\:text-zinc-500 {

		--tw-text-opacity: 1 !important;

		color: rgb(113 113 122 / var(--tw-text-opacity)) !important

	}

}



@media (min-width: 640px) {

	.sm\:flex {

		display: flex !important

	}



	.sm\:hidden {

		display: none !important

	}



	.sm\:flex-1 {

		flex: 1 1 0% !important

	}



	.sm\:items-center {

		align-items: center !important

	}



	.sm\:justify-between {

		justify-content: space-between !important

	}



	.sm\:text-2xl {

		font-size: 1.5rem !important;

		line-height: 2rem !important

	}



	.sm\:text-lg {

		font-size: 1.125rem !important;

		line-height: 1.75rem !important

	}



	.sm\:text-sm {

		font-size: .875rem !important;

		line-height: 1.25rem !important

	}

}



@media (min-width: 768px) {

	.md\:fixed {

		position: fixed !important

	}



	.md\:relative {

		position: relative !important

	}



	.md\:left-0 {

		left: 0px !important

	}



	.md\:col-span-1 {

		grid-column: span 1 / span 1 !important

	}



	.md\:my-8 {

		margin-top: 2rem !important;

		margin-bottom: 2rem !important

	}



	.md\:mb-4 {

		margin-bottom: 1rem !important

	}



	.md\:mb-6 {

		margin-bottom: 1.5rem !important

	}



	.md\:mb-8 {

		margin-bottom: 2rem !important

	}



	.md\:mt-0 {

		margin-top: 0 !important

	}



	.md\:mt-10 {

		margin-top: 2.5rem !important

	}



	.md\:mt-12 {

		margin-top: 3rem !important

	}



	.md\:mt-6 {

		margin-top: 1.5rem !important

	}



	.md\:block {

		display: block !important

	}



	.md\:flex {

		display: flex !important

	}



	.md\:hidden {

		display: none !important

	}



	.md\:w-1\/3 {

		width: 33.333333% !important

	}



	.md\:w-1\/4 {

		width: 25% !important

	}



	.md\:w-2\/3 {

		width: 66.666667% !important

	}



	.md\:w-3\/4 {

		width: 75% !important

	}



	.md\:w-auto {

		width: auto !important

	}



	.md\:grid-cols-1 {

		grid-template-columns: repeat(1, minmax(0, 1fr)) !important

	}



	.md\:grid-cols-2 {

		grid-template-columns: repeat(2, minmax(0, 1fr)) !important

	}



	.md\:grid-cols-4 {

		grid-template-columns: repeat(4, minmax(0, 1fr)) !important

	}

	.md\:grid-cols-7 {

		grid-template-columns: repeat(7, minmax(0, 1fr)) !important

	}



	.md\:flex-row {

		flex-direction: row !important

	}



	.md\:flex-wrap {

		flex-wrap: wrap !important

	}



	.md\:items-center {

		align-items: center !important

	}



	.md\:justify-between {

		justify-content: space-between !important

	}



	.md\:gap-12 {

		gap: 3rem !important

	}



	.md\:gap-6 {

		gap: 1.5rem !important

	}



	.md\:border {

		border-width: 1px !important

	}



	.md\:p-4 {

		padding: 1rem !important

	}



	.md\:p-8 {

		padding: 2rem !important

	}



	.md\:px-4 {

		padding-left: 1rem !important;

		padding-right: 1rem !important

	}



	.md\:py-10 {

		padding-top: 2.5rem !important;

		padding-bottom: 2.5rem !important

	}



	.md\:py-16 {

		padding-top: 4rem !important;

		padding-bottom: 4rem !important

	}



	.md\:py-6 {

		padding-top: 1.5rem !important;

		padding-bottom: 1.5rem !important

	}



	.md\:pb-6 {

		padding-bottom: 1.5rem !important

	}



	.md\:pl-10 {

		padding-left: 2.5rem !important

	}



	.md\:text-left {

		text-align: left !important

	}



	.md\:text-2xl {

		font-size: 1.5rem !important;

		line-height: 2rem !important

	}



	.md\:text-3xl {

		font-size: 1.875rem !important;

		line-height: 2.25rem !important

	}



	.md\:text-5xl {

		font-size: 3rem !important;

		line-height: 1 !important

	}



	.md\:text-7xl {

		font-size: 4.5rem !important;

		line-height: 1 !important

	}



	.md\:text-base {

		font-size: 1rem !important;

		line-height: 1.5rem !important

	}



	.md\:text-lg {

		font-size: 1.125rem !important;

		line-height: 1.75rem !important

	}



	.md\:text-sm {

		font-size: .875rem !important;

		line-height: 1.25rem !important

	}



	.md\:text-xs {

		font-size: .75rem !important;

		line-height: 1rem !important

	}



	.md\:before\:bg-app-bg\/70:before {

		content: var(--tw-content) !important;

		background-color: #0d1118b3 !important

	}

}



@media (min-width: 1280px) {

	.xl\:w-1\/4 {

		width: 25% !important

	}



	.xl\:w-2\/6 {

		width: 33.333333% !important

	}



	.xl\:w-3\/4 {

		width: 75% !important

	}



	.xl\:w-4\/6 {

		width: 66.666667% !important

	}



	.server-container > *:nth-child(odd):last-child {

		width: 50%;

	    grid-column: 1 / -1;

	    justify-self: center;

	}

}



@media (min-width: 1536px) {

	.\32xl\:w-\[25\%\] {

		width: 25% !important

	}



	.\32xl\:w-\[75\%\] {

		width: 75% !important

	}



	.\32xl\:grid-cols-3 {

		grid-template-columns: repeat(3, minmax(0, 1fr)) !important

	}

}



@media screen and (max-width: 1024px) 

{

	.team-table-container 

	{

		flex-direction: column;

		overflow-x: auto;

	}



	.team-table-inner 

	{

		margin: 0 10px 30px;

	}

	.player-table 

	{

		width: 100%;

	    min-width: 600px;

	    font-size: 14px;

	}



	.team-title-t,

	.team-title-ct 

	{

		font-size: 20px;

		margin-bottom: 20px;

		overflow-block: clip;

	}



	.match-team-title {

		font-size: 18px;

		text-align: center;

		text-wrap: nowrap;

	}



	.p-auto {

		padding: .20rem !important

	}

}

.user-row:hover .avatar {
	box-shadow: 0 0 0 4px rgba(2, 235, 247, 0.5);
}

.playerAvatar img[alt="avatar"] {
	object-fit: cover;
	border-radius: 500px;
	border: 3px dashed #e6a309;
	padding: 3px;
}

@media screen and (max-width: 800px) {
	.stats-player {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 979px) {
	.stats-player {
		grid-template-columns: repeat(3, 1fr);
	}
}

.stats-player {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 10px;
	border-bottom: 1px solid #191c23;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.stats-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #191c23;
	padding: 20px;
	border-radius: 3px;
}

.popup-text {
	display: none !important;
}

.hover-container:hover .popup-text {
	display: block !important;
}

[title="TSViewer for Android"],

[title="TSViewer for TeamSpeak 3 by TSViewer.com"] {

	display: none

}