@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: alte;
    src: url(../fonts/AlteHaasGroteskBold.ttf);
}
@font-face {
    font-family: vice-city;
    src: url(../fonts/GTVCS-Book.otf);
}
html {
	overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
html::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
body {
	background-color: #282828;
	font-family: 'Roboto';
}
p {
	margin-bottom: 0.25rem;
}
.phone-container {
	min-width: 375px; /* Standard mobile width */
	max-width: 540px; /* Standard mobile width */
	margin: 0 auto;
	height: 100vh;
	background: #ffc2c2;
	background: linear-gradient(136deg,rgba(255, 194, 194, 1) 0%, rgba(255, 250, 250, 1) 16%, rgba(255, 254, 254, 1) 89%, rgba(255, 194, 194, 1) 100%);
	padding: 20px;
	position: relative;
	/* border-left: 1px solid #282828;
	border-right: 1px solid #282828; */
	overflow-y: auto;
}
.logo {
	max-width: 150px;
	margin: 40px auto;
}
.text-gradient-primary {
    position: relative;
    display: inline-block;
    color: transparent;
    /* background: linear-gradient(74deg, #93c3ff 0, #9ea9fd 9%, #d2a8a8 20%, #ff8f8f 24%, #9ea9fd 35%, #93c3ff 44%, #9ea9fd 50%, #ffc5c5 56%, #d2a8a8 75%, #ffc5c5 100%); */
	background: linear-gradient(74deg, #6d91be 0, #7a83c5 9%, #f48d8d 20%, #ff8f8f 24%, #7a83c5 35%, #6d91be 44%, #7a83c5 50%, #ffc5c5 56%, #f48d8d 75%, #ffc5c5 100%);
    background-size: 400% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.text-gradient-golden {
    position: relative;
    display: inline-block;
    color: #ffe889;
    font-weight: bold;
    text-shadow: 
        -1px -1px 0 black,
         1px -1px 0 black,
        -1px  1px 0 black,
         1px  1px 0 black,
        0 -1px 0 black,
        0  1px 0 black,
        -1px 0 0 black,
         1px 0 0 black;
}
.form-control {
	border: 1px solid #282828;
}
.form-control:disabled {
	/* background-color: #eccbcb; */
	opacity: 0.2;
}
.form-control:focus-visible, .form-control:focus, .form-control:active {
	outline: none !important;
	box-shadow: none !important;
	border-color: inherit !important;
}
.form-floating label::after {
	background-color: transparent !important;
}
.group-container {
	--animate-duration: 0.24s;
}
.animate__durationExcluded {
	--animate-duration: 1s !important;
}

.card-bg-extreme_aces {

}

.card-bg-unstoppable_closers {
	background: rgb(54,83,48);
	background: -moz-linear-gradient(347deg, rgba(54,83,48,0.07886904761904767) 0%, rgba(88,200,54,0.2945553221288515) 60%, rgba(45,214,72,0.5214460784313726) 91%);
	background: -webkit-linear-gradient(347deg, rgba(54,83,48,0.07886904761904767) 0%, rgba(88,200,54,0.2945553221288515) 60%, rgba(45,214,72,0.5214460784313726) 91%);
	background: linear-gradient(347deg, rgba(54,83,48,0.07886904761904767) 0%, rgba(88,200,54,0.2945553221288515) 60%, rgba(45,214,72,0.5214460784313726) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#365330",endColorstr="#2dd648",GradientType=1);
}

.btn {
	position: relative;
	font-weight: bold;
	overflow: hidden;
	transition: 0.08s;
}
.btn-lg {
	/* font-family: 'vice-city'; */
	font-size: 16px;
	padding: 12px;
}

.btn:focus-visible {
	outline: none;
}

.btn-primary {
	border-color: #282828;
	background-color: #ffe889;
	color: #282828 !important;
}

.btn-primary:hover {
	background-color: #fef0b5 !important;
	color: #282828 !important;
	border: 1px solid #282828 !important;
}

.btn-primary:active {
	background-color: #fef0b5 !important;
	color: #282828 !important;
	border: 1px solid #282828 !important;
}

.btn-outline-primary {
	border-color: #282828;
	background-color: #ffe889;
	color: #282828 !important;
}

.btn-outline-primary:hover {
	background-color: #fef0b5 !important;
	color: #282828 !important;
	border: 1px solid #282828 !important;
}

.btn-outline-primary:active {
	background-color: #fef0b5 !important;
	color: #282828 !important;
	border: 1px solid #282828 !important;
}

span.ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	animation: ripple 800ms linear;
	background-color: rgba(255, 255, 255, 0.7);
}

@keyframes ripple {
	to {
		transform: scale(4);
		opacity: 0;
	}
}

.team-name-a {
	font-weight: bold;
	font-size: 24px;
}

.team-name-b {
	font-weight: bold;
	font-size: 40px;
}

.backdrop-image {
	position: absolute;
    left: 100px;
    top: 15px;
	z-index: 0;
	pointer-events: none;
	filter: blur(12px);
}

#range-leaderboard-table-container {
	/* font-family: "IBM Plex Mono", serif; */
}

#range-leaderboard-table-container .grand-total {
	font-family: "IBM Plex Mono", serif;
	font-size: 38px;
}

#range-leaderboard-table-container .grand-total td.extreme_aces {
	background: rgb(253,255,216);
	background: -moz-radial-gradient(circle, rgba(253,255,216,1) 0%, rgba(142,123,63,1) 91%);
	background: -webkit-radial-gradient(circle, rgba(253,255,216,1) 0%, rgba(142,123,63,1) 91%);
	background: radial-gradient(circle, rgba(253,255,216,1) 0%, rgba(142,123,63,1) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffd8",endColorstr="#8e7b3f",GradientType=1);
}

#range-leaderboard-table-container .grand-total td.unstoppable_closers {
	background: rgb(253,255,216);
	background: -moz-radial-gradient(circle, rgba(253,255,216,1) 0%, rgba(76,142,63,1) 91%);
	background: -webkit-radial-gradient(circle, rgba(253,255,216,1) 0%, rgba(76,142,63,1) 91%);
	background: radial-gradient(circle, rgba(253,255,216,1) 0%, rgba(76,142,63,1) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffd8",endColorstr="#4c8e3f",GradientType=1);
}

#range-leaderboard-table-container .grand-total td.mk9 {
	background: rgb(253,255,216);
	background: -moz-radial-gradient(circle, rgba(253,255,216,1) 0%, #ddba4a 91%);
	background: -webkit-radial-gradient(circle, rgba(253,255,216,1) 0%, #ddba4a 91%);
	background: radial-gradient(circle, rgba(253,255,216,1) 0%, #ddba4a 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdffd8",endColorstr="#8e7b3f",GradientType=1);
}

.page-container {
	padding: 20px;
	background-color: #f8f9fa;
}

.loader {
	height: 100px;
	aspect-ratio: 1;
	box-sizing: border-box;
	transform: rotate(45deg);
	display: grid;
	place-content: center;
	/*  clip-path: polygon(50% 0%, 100% 49%, 50% 100%, 0% 50%); */
	mask: conic-gradient(#000 0 10%), conic-gradient(#000 0 0) content-box exclude;
	overflow: hidden;
}
.loader:before {
	content: "";
	position: absolute;
	inset: 0;
	transform: scale(1.5);
	
	background: linear-gradient(
	0,
	transparent 0%,
	transparent 10%,
	transparent 40%,
	#DAA520 50%,
	#FFDF00 60%,
	#B8860B 60%
	);
	filter: blur(8px);
	animation: l3 3s linear infinite;
}

@keyframes l3 {
	to {
		rotate: 1turn;
	}
}

.item {
	background: linear-gradient(45deg, #FFDF00, #FFD700, #B8860B, #DAA520, #B8860B);
	height: 70px;
	width: 70px;
	border: 5px solid #f8f9fa;
	box-shadow: inset -8px -8px 0 #f8f9fa, inset 8px 8px 0 #f8f9fa;
	aspect-ratio: 1;
	z-index: 2;
	filter: unset;
	position: relative;
}
.item::after {
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-color: red;
	border: 5px solid red;
}

.text-muted {
	color: #282828 !important;
}

table {
    border-collapse: collapse;
}

table td, table th {
    border: 1px solid #d2d2d263;
}

table tr:first-child th,
table tr:first-child td {
    border-top: 1px solid #282828;
}

table tr:last-child th,
table tr:last-child td {
    border-bottom: 1px solid #282828;
}

table tr th:first-child,
table tr td:first-child {
    border-left: 1px solid #282828;
}

table tr th:last-child,
table tr td:last-child {
    border-right: 1px solid #282828;
}