@layer theme, base, components, utilities;

@theme {
	/* #region GLOBAL_VARIABLES */
	/*BEGIN_GLOBAL_VARIABLES*/
	/*END_GLOBAL_VARIABLES*/
	/* #endregion */
}

@layer base {
	/* #region BASE_LAYER */
	/*BEGIN_BASE_LAYER*/

	:root {
		--svg_chevron_up_green: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzQgNiAxNiAxMS40MScgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSIjMTZhMzRhIiBkPSJNNy40MSAxNS40MUwxMiAxMC44M2w0LjU5IDQuNThMMTggMTRsLTYtNmwtNiA2eiIvPjwvc3ZnPg==");
		--svg_chevron_down_red: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzQgNi41OCAxNiAxMS40Micgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSIjZGMyNjI2IiBkPSJNNy40MSA4LjU4TDEyIDEzLjE3bDQuNTktNC41OUwxOCAxMGwtNiA2bC02LTZ6Ii8+PC9zdmc+");
		--font_family: "Inter";
		--font_size: 16px;
		--line_height: 1.5;
		--spacing: 4px;
		--primary_color: #1b1c1d;
		--primary_color_rgb: 27,28,29;
		--secondary_color: #1b1c1d;
		--secondary_color_rgb: 27,28,29;
		--text_color: #cccccc;
		--text_color_rgb: 204,204,204;
		--text_dark_color: #c2c2c2;
		--text_dark_color_rgb: 194,194,194;
		--text_very_dark_color: #b3b3b4;
		--text_very_dark_color_rgb: 179,179,180;
		--text_light_color: #dbdbdb;
		--text_light_color_rgb: 219,219,219;
		--text_very_light_color: #e5e5e5;
		--text_very_light_color_rgb: 229,229,229;
		--text_active_color: #eec683;
		--text_active_color_rgb: 238,198,131;
		--text_active_dark_color: #e7a550;
		--text_active_dark_color_rgb: 231,165,80;
		--text_active_very_dark_color: #e18c2e;
		--text_active_very_dark_color_rgb: 225,140,46;
		--text_active_light_color: #f5deb3;
		--text_active_light_color_rgb: 245,222,179;
		--text_active_very_light_color: #fbf0da;
		--text_active_very_light_color_rgb: 251,240,218;
		--heading_color: #eec683;
		--heading_color_rgb: 238,198,131;
		--bg_color: #4a4b4c;
		--bg_color_rgb: 74,75,76;
		--bg_light_color: #525354;
		--bg_light_color_rgb: 82,83,84;
		--bg_very_light_color: #5b5c5d;
		--bg_very_light_color_rgb: 91,92,93;
		--bg_dark_color: #424343;
		--bg_dark_color_rgb: 66,67,67;
		--bg_very_dark_color: #3a3a3b;
		--bg_very_dark_color_rgb: 58,58,59;
		--bg_surface_color: #1b1c1d;
		--bg_surface_color_rgb: 27,28,29;
		--bg_surface_dark_color: #191a1b;
		--bg_surface_dark_color_rgb: 25,26,27;
		--bg_surface_very_dark_color: #171819;
		--bg_surface_very_dark_color_rgb: 23,24,25;
		--bg_surface_light_color: #222324;
		--bg_surface_light_color_rgb: 34,35,36;
		--bg_surface_very_light_color: #2a2b2c;
		--bg_surface_very_light_color_rgb: 42,43,44;
		--border_color: #424343;
		--border_color_rgb: 66,67,67;
		--link_color: #bfdbfe;
		--link_color_rgb: 191,219,254;
		--link_hover_color: #60a5fa;
		--link_hover_color_rgb: 96,165,250;
		--fill_color: #6d6d6e;
		--fill_color_rgb: 109,109,110;
		--stroke_color: #6d6d6e;
		--stroke_color_rgb: 109,109,110;
		--ring_color: #222324;
		--ring_color_rgb: 34,35,36;
		--outline_color: #222324;
		--outline_color_rgb: 34,35,36;
		--placeholder_color: #b3b3b4;
		--placeholder_color_rgb: 179,179,180;
		--caret_color: #cccccc;
		--caret_color_rgb: 204,204,204;
		--input_text_color: #c2c2c2;
		--input_text_color_rgb: 194,194,194;
		--input_active_text_color: #cccccc;
		--input_active_text_color_rgb: 204,204,204;
		--input_bg_color: #222324;
		--input_bg_color_rgb: 34,35,36;
		--input_border_color: #424343;
		--input_border_color_rgb: 66,67,67;
		--input_text_error_color: #c2c2c2;
		--input_text_error_color_rgb: 194,194,194;
		--input_bg_error_color: #ef4444;
		--input_bg_error_color_rgb: 239,68,68;
		--input_border_error_color: #ef4444;
		--input_border_error_color_rgb: 239,68,68;
		--input_font_size: 16px;
		--input_line_height: 1.375;
		--input_border_radius: 4px;
		--input_border_width: 1px;
		--input_border_style: solid;
		--scrollbar_thumb_color: #6d6d6e;
		--scrollbar_thumb_color_rgb: 109,109,110;
		--scrollbar_thumb_hover_color: #424343;
		--scrollbar_thumb_hover_color_rgb: 66,67,67;
		--scrollbar_track_color: #1b1c1d;
		--scrollbar_track_color_rgb: 27,28,29;
		--header_topbar_bg_color: #2a2b2c;
		--header_topbar_bg_color_rgb: 42,43,44;
		--header_mainbar_bg_color: #1b1c1d;
		--header_mainbar_bg_color_rgb: 27,28,29;
		--header_bottombar_bg_color: #2a2b2c;
		--header_bottombar_bg_color_rgb: 42,43,44;
		--footer_bg_color: #1b1c1d;
		--footer_bg_color_rgb: 27,28,29;
		--checkbox_checked_color: #fff;
		--checkbox_checked_color_rgb: 255,255,255;
		--checkbox_checked_bg_color: #3b82f6;
		--checkbox_checked_bg_color_rgb: 59,130,246;
		--checkbox_border_color: #464747;
		--checkbox_border_color_rgb: 70,71,71;
		--red_color: #dc2626;
		--red_color_rgb: 220,38,38;
		--green_color: #16a34a;
		--green_color_rgb: 22,163,74;
		--blue_color: #2563eb;
		--blue_color_rgb: 37,99,235;
		--gray_color: #4b5563;
		--gray_color_rgb: 75,85,99;
		--orange_color: #ea580c;
		--orange_color_rgb: 234,88,12;
		--svg_check: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzAuNzkgMi44OCAyMi45MiAxOS41NCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtOSAyMC40MmwtNi4yMS02LjIxbDIuODMtMi44M0w5IDE0Ljc3bDkuODgtOS44OWwyLjgzIDIuODN6Ii8+PC9zdmc+");
		--svg_chevron_down: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzQgNi41OCAxNiAxMS40Micgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSIjYjNiM2I0IiBkPSJNNy40MSA4LjU4TDEyIDEzLjE3bDQuNTktNC41OUwxOCAxMGwtNiA2bC02LTZ6Ii8+PC9zdmc+");
		--svg_calendar: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzEgLTEgMjIgMjQnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZmlsbD0iI2IzYjNiNCIgZD0iTTkgMTB2Mkg3di0yem00IDB2MmgtMnYtMnptNCAwdjJoLTJ2LTJ6bTItN2EyIDIgMCAwIDEgMiAydjE0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0yVjVhMiAyIDAgMCAxIDItMmgxVjFoMnYyaDhWMWgydjJ6bTAgMTZWOEg1djExek05IDE0djJIN3YtMnptNCAwdjJoLTJ2LTJ6bTQgMHYyaC0ydi0yeiIvPjwvc3ZnPg==");
		--svg_bars: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzEgNCAyMiAxNicgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSIjYzJjMmMyIiBkPSJNMyA2aDE4djJIM3ptMCA1aDE4djJIM3ptMCA1aDE4djJIM3oiLz48L3N2Zz4=");
	}

	html {
		font-size: var(--font_size);
		background-color: var(--bg_color);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		overflow-x: clip;
	}

	body {
		font-family: var(--font_family);
		line-height: var(--line_height);
		color: var(--text_color);
		background-color: transparent;
		margin: 0;
		position: relative;
		min-height: 100dvh;
		overscroll-behavior: none;
	}

	input, select, textarea, button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box;
		outline: none;
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		letter-spacing: inherit;
		line-height: inherit;
		background-color: transparent;
		-webkit-tap-highlight-color: transparent;
		overflow: hidden;
		border-style: solid;
		border-width: 1px;
		border-color: currentColor;
	}

	i, .uix.icon, .icon, [class*='-icon'] {
		font-style: normal !important;
	}

		i::before, i::after, .uix.icon::before, .uix.icon::after, .icon::before, .icon::after, [class*='-icon']::before, [class*='-icon']::after {
			font-style: normal !important;
			text-decoration: none !important;
		}

	button {
		cursor: pointer;
	}

		button::-moz-focus-inner {
			border-width: 0 !important;
			padding: 0;
		}

	input[type="search"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

		input[type="search"]::-webkit-search-cancel-button {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

		input[type="search"]::-webkit-search-decoration {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

	input[type="number"] {
		-webkit-appearance: textfield;
		-moz-appearance: textfield;
		appearance: textfield;
	}

		input[type="number"]::-webkit-inner-spin-button {
			margin: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

		input[type="number"]::-webkit-outer-spin-button {
			margin: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}

	input[type="file"] {
		cursor: pointer;
	}

	input[type="checkbox"], input[type="radio"] {
		display: inline-block;
		vertical-align: middle;
		flex-shrink: 0;
		min-width: 0;
		min-height: 0;
	}

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 0 !important;
	}

		table thead tr:first-child th:first-child, table thead tr:first-child td:first-child, table tbody tr:first-child th:first-child, table tbody tr:first-child td:first-child {
			border-top-left-radius: inherit;
		}

		table thead tr:first-child th:last-child, table thead tr:first-child td:last-child, table tbody tr:first-child th:last-child, table tbody tr:first-child td:last-child {
			border-top-right-radius: inherit;
		}

		table tbody tr:last-child th:first-child, table tbody tr:last-child td:first-child, table tfoot tr:last-child th:first-child {
			border-bottom-left-radius: inherit;
		}

		table tbody tr:last-child th:last-child, table tbody tr:last-child td:last-child, table tfoot tr:last-child th:last-child {
			border-bottom-right-radius: inherit;
		}

	::-webkit-scrollbar {
		width: 12px;
		height: 12px;
		background-color: var(--scrollbar_track_color);
		border-radius: 6px;
	}

	body::-webkit-scrollbar {
		border-radius: 0 !important;
	}

	::-webkit-scrollbar-track {
		background-color: var(--scrollbar_track_color);
		border-radius: 6px;
	}

	::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar_thumb_color);
		border-radius: 6px;
		border-width: 0;
		border-style: solid;
		border-color: transparent;
		background-clip: padding-box;
	}

		::-webkit-scrollbar-thumb:hover {
			background-color: var(--scrollbar_thumb_hover_color);
		}

	::-webkit-scrollbar-button {
		display: none;
		width: 0;
		height: 0;
	}

	input:not([type="checkbox"]):not([type="radio"]), select, textarea {
		display: block;
		width: 100%;
		vertical-align: middle;
		padding: calc(var(--spacing) * 2.5);
		font-size: var(--input_font_size);
		line-height: var(--input_line_height);
		color: var(--input_text_color);
		background-color: var(--input_bg_color);
		border-style: var(--input_border_style);
		border-width: var(--input_border_width);
		border-color: var(--input_border_color);
		border-radius: var(--input_border_radius);
	}

		input:not([type="checkbox"]):not([type="radio"]).error, select.error, textarea.error {
			color: var(--input_text_error_color);
			background-color: rgba(var(--input_bg_error_color_rgb),0.2);
			border-color: var(--input_border_error_color);
		}

		input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill, input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:hover, input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:focus, input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
			-webkit-text-fill-color: var(--input_text_color) !important;
			box-shadow: inset 0 0 0 1000px var(--input_bg_color) !important;
			transition-property: background-color;
			transition-duration: 5000s;
			transition-timing-function: ease-in-out;
			transition-delay: 0s;
		}

			input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill::first-line, input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:hover::first-line, input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:focus::first-line, input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:active::first-line, select:-webkit-autofill::first-line, select:-webkit-autofill:hover::first-line, select:-webkit-autofill:focus::first-line, select:-webkit-autofill:active::first-line, textarea:-webkit-autofill::first-line, textarea:-webkit-autofill:hover::first-line, textarea:-webkit-autofill:focus::first-line, textarea:-webkit-autofill:active::first-line {
				color: var(--input_text_color) !important;
			}

		input:not([type="checkbox"]):not([type="radio"]).error:-webkit-autofill, select.error:-webkit-autofill, textarea.error:-webkit-autofill {
			box-shadow: inset 0 0 0 1000px #fee2e2 !important;
			-webkit-text-fill-color: var(--input_text_error_color) !important;
		}

			input:not([type="checkbox"]):not([type="radio"]).error:-webkit-autofill::first-line, select.error:-webkit-autofill::first-line, textarea.error:-webkit-autofill::first-line {
				color: var(--input_text_error_color) !important;
			}

	select {
		background-image: var(--svg_chevron_down);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 14px;
		padding-right: 35px !important;
		cursor: pointer;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

		select:hover, select:focus, select:active {
			background-image: var(--svg_chevron_down);
		}

		select option {
			background-color: var(--input_bg_color);
			color: var(--input_text_color);
		}

	textarea {
		height: auto;
		min-height: 80px;
		line-height: normal;
		resize: vertical;
		overflow: auto;
	}

	input[type="checkbox"] {
		width: 1.50em;
		height: 1.50em;
		cursor: pointer;
		border-radius: var(--input_border_radius);
		border-style: solid;
		border-width: 2px;
		border-color: var(--input_border_color);
		background-color: var(--input_bg_color);
	}

		input[type="checkbox"]:checked {
			border-color: transparent;
			background-color: var(--blue_color);
			background-size: 80%;
			background-position: center;
			background-repeat: no-repeat;
			background-image: var(--svg_check);
		}

	input[type="radio"] {
		width: 1.50em;
		height: 1.50em;
		cursor: pointer;
		border-radius: 50%;
		border-width: 2px;
		border-style: solid;
		border-color: var(--input_border_color);
		background-color: var(--input_bg_color);
		display: inline-block;
		vertical-align: middle;
	}

		input[type="radio"]:checked {
			border-color: var(--blue_color);
			background-image: radial-gradient(circle, var(--blue_color) 40%, transparent 50%);
		}

	input[type="date"] {
		cursor: pointer;
		background-image: var(--svg_calendar);
		background-repeat: no-repeat;
		background-position: right 5px center;
		background-size: 20px;
		padding-right: 25px !important;
		line-height: 1.250 !important;
	}

		input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active {
			background-image: var(--svg_calendar);
		}

		input[type="date"]::-webkit-calendar-picker-indicator {
			opacity: 0;
			cursor: pointer;
		}

	h1, h2, h3, h4, b, strong {
		font-weight: 600;
	}

	h1 {
		font-size: 1.25rem;
		font-weight: 500;
	}

	h2 {
		font-size: 1.125rem;
		font-weight: 500;
	}

	h3 {
		font-size: 1.125rem;
		font-weight: 500;
	}

	*, *::before, *::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

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

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

	img, picture, video, canvas, svg {
		display: block;
		max-width: 100%;
	}

	@font-face {
		font-family: 'icons';
		src: url('/icons/icons.woff2') format('woff2');
		font-weight: 400;
		font-style: normal;
		font-display: block;
	}
	/*END_BASE_LAYER*/
	/* #endregion */
}


@layer components {
	/* #region COMPONENT_LAYER */
	/*BEGIN_COMPONENT_LAYER*/
	.uix.button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: auto;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: calc(var(--spacing) * 2);
		text-align: center;
		line-height: 1;
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		padding: calc(var(--spacing) * 3.25);
		color: white;
		background-color: #e0e1e2;
		border-radius: var(--input_border_radius);
		cursor: pointer;
		font-weight: 600;
		transition-property: background-color;
		transition-duration: 200ms;
		transition-timing-function: ease-in-out;
	}

		.uix.button:hover {
			filter: brightness(110%);
		}

		.uix.button:active {
			filter: brightness(110%);
		}

		.uix.button.red {
			background-color: var(--red_color);
		}

		.uix.button.blue {
			background-color: var(--blue_color);
		}

		.uix.button.green {
			background-color: var(--green_color);
		}

		.uix.button.gray {
			background-color: var(--gray_color);
		}

		.uix.button.orange {
			background-color: var(--orange_color);
		}

		.uix.button.yellow {
			background-color: var(--yellow_color);
		}

		.uix.button.primary {
			background-color: var(--primary_color);
		}

		.uix.button.small, .uix.button.mini {
			font-size: 0.875rem;
			padding: calc(var(--spacing) * 2.5);
		}

		.uix.button.large {
			font-size: 1.125rem;
		}

		.uix.button.basic {
			margin: 0 !important;
			padding: 0 !important;
			background-color: transparent;
			background-image: none;
		}

		.uix.button.icon {
			padding: calc(var(--spacing) * 2.25);
		}

		.uix.button.fluid {
			width: 100%;
		}

	.uix.dropdown {
		width: 100%;
		position: relative;
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		outline: none;
		box-sizing: border-box;
	}

		.uix.dropdown .hidden {
			display: none !important;
		}

		.uix.dropdown .menu {
			position: absolute;
			top: 100%;
			left: -1px;
			right: -1px;
			margin-top: calc(var(--spacing) * 0.5);
			background-color: var(--bg_surface_color);
			border-style: solid;
			border-width: 1px;
			border-color: var(--border_color);
			border-radius: calc(var(--spacing) * 2);
			box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			max-height: 250px;
			overflow-y: auto;
			display: none;
			cursor: default;
		}

			.uix.dropdown .menu .item {
				position: relative;
				display: flex;
				justify-items: space-between;
				align-items: center;
				padding-top: calc(var(--spacing) * 2);
				padding-bottom: calc(var(--spacing) * 2);
				padding-left: calc(var(--spacing) * 3);
				padding-right: calc(var(--spacing) * 3);
				cursor: pointer;
				color: var(--input_text_color);
				font-size: 0.875rem;
				transition-property: background-color;
				transition-duration: 200ms;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: var(--input_border_color);
			}

				.uix.dropdown .menu .item:hover, .uix.dropdown .menu .item.focused, .uix.dropdown .menu .item.selected {
					background-color: var(--bg_surface_light_color);
				}

				.uix.dropdown .menu .item.selected {
					color: var(--text_active_color);
					font-weight: 500;
				}

				.uix.dropdown .menu .item.filtered {
					display: none;
				}

				.uix.dropdown .menu .item.favorite .item-button {
					opacity: 1;
					color: #fbbf24;
				}

				.uix.dropdown .menu .item:hover .item-button {
					opacity: .6;
				}

				.uix.dropdown .menu .item.favorite:hover .item-button {
					opacity: 1;
				}

				.uix.dropdown .menu .item:last-child {
					border-width: 0 !important;
				}

				.uix.dropdown .menu .item .item-text {
					flex: 1;
					pointer-events: none;
				}

				.uix.dropdown .menu .item .item-button {
					display: flex;
					align-items: center;
					justify-content: center;
					height: 24px;
					width: 24px;
					margin-left: calc(var(--spacing) * 2);
					cursor: pointer;
					opacity: .3;
					font-size: 1.125rem;
					line-height: 1;
					user-select: none;
					text-decoration: none;
				}

					.uix.dropdown .menu .item .item-button:hover {
						opacity: .6;
					}

			.uix.dropdown .menu .header {
				padding-top: calc(var(--spacing) * 2);
				padding-bottom: calc(var(--spacing) * 2);
				padding-left: calc(var(--spacing) * 3);
				padding-right: calc(var(--spacing) * 3);
				font-size: 0.875rem;
				font-weight: 600;
				text-transform: uppercase;
				color: var(--text_very_dark_color);
				letter-spacing: 0.05em;
				background-color: var(--bg_surface_very_light_color);
				pointer-events: none;
			}

			.uix.dropdown .menu .message {
				padding: calc(var(--spacing) * 5);
				text-align: center;
				color: var(--text_very_dark_color);
				font-style: italic;
			}

		.uix.dropdown input.search-input {
			flex: 1;
			padding: calc(var(--spacing) * 1) !important;
			min-width: 100px;
			border-width: 0 !important;
			outline: none !important;
			background-color: transparent !important;
		}

		.uix.dropdown.selection, .uix.dropdown.tags.input {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			min-width: 100px;
			min-height: 40px;
			height: auto;
			padding: calc(var(--spacing) * 1.5);
			padding-right: 38px;
			gap: calc(var(--spacing) * 1);
			border-style: solid;
			border-width: 1px;
			border-color: var(--input_border_color);
			border-radius: var(--input_border_radius);
			background-color: var(--input_bg_color);
			color: var(--input_text_color);
			cursor: pointer;
		}

			.uix.dropdown.selection.disabled, .uix.dropdown.tags.input.disabled {
				opacity: 60;
				pointer-events: none;
				background-color: var(--bg_surface_very_light_color);
			}

		.uix.dropdown.context-menu {
			backface-visibility: hidden;
			position: fixed;
			display: none;
			z-index: 1000;
			font-size: 0.875rem;
			height: 0;
			padding: 0;
			margin: 0;
			min-width: 260px;
			width: auto;
			border-width: 0 !important;
			pointer-events: none;
		}

			.uix.dropdown.context-menu.active {
				display: block;
			}

			.uix.dropdown.context-menu .menu {
				display: block !important;
				position: absolute;
				top: 0;
				left: 0;
				overflow-y: auto;
				min-width: 100%;
				max-height: 250px;
				max-width: 300px;
				pointer-events: auto;
			}

				.uix.dropdown.context-menu .menu .header {
					display: block !important;
				}

		.uix.dropdown .dropdown-icon {
			position: absolute;
			right: 12px;
			top: 50%;
			pointer-events: none;
			transform: translateY(-50%) rotate(0deg);
			transform-origin: center;
			transition-duration: 300ms;
			display: block;
			font-family: 'icons';
			line-height: 1;
		}

			.uix.dropdown .dropdown-icon::before {
				content: "\f0d7";
			}

		.uix.dropdown.active .dropdown-icon {
			transform: translateY(-50%) rotate(180deg);
		}

		.uix.dropdown .clear-icon {
			position: absolute;
			right: 32px;
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			font-size: 1.125rem;
			color: var(--text_very_dark_color);
			opacity: 50;
			font-weight: normal;
			line-height: 1;
			z-index: 2;
		}

			.uix.dropdown .clear-icon:hover {
				opacity: 1;
				color: #ef4444;
			}

		.uix.dropdown .label {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			background-color: var(--bg_surface_very_light_color);
			color: var(--text_active_color);
			padding-top: calc(var(--spacing) * 1) !important;
			padding-bottom: calc(var(--spacing) * 1) !important;
			padding-left: calc(var(--spacing) * 2) !important;
			padding-right: calc(var(--spacing) * 2) !important;
			line-height: var(--input_line_height);
			margin: 0 !important;
			border-width: 0 !important;
			border-radius: calc(var(--spacing) * 1);
			font-weight: normal;
			max-width: 250px;
			overflow: hidden;
		}

			.uix.dropdown .label .label-text {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 !important;
				padding: 0 !important;
			}

			.uix.dropdown .label .delete.icon {
				cursor: pointer;
				opacity: 60;
				font-weight: 600;
				line-height: normal;
				margin: 0 !important;
				padding: 0 !important;
				margin-left: calc(var(--spacing) * 2) !important;
			}

				.uix.dropdown .label .delete.icon:hover {
					opacity: 1;
					color: #ef4444;
				}

		.uix.dropdown > div.text {
			display: flex;
			align-items: center;
			color: var(--text_color);
			pointer-events: none;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width: 100%;
			padding: calc(var(--spacing) * 1) !important;
			line-height: var(--input_line_height);
		}

			.uix.dropdown > div.text.default {
				color: var(--placeholder_color);
			}

			.uix.dropdown > div.text > i {
				margin-right: calc(var(--spacing) * 2);
				flex-shrink: 0;
			}

		.uix.dropdown.tags.input {
			cursor: text;
			padding-right: 30px;
		}

			.uix.dropdown.tags.input .dropdown-icon {
				display: none;
			}

			.uix.dropdown.tags.input .clear-icon {
				right: 12px;
			}

		.uix.dropdown.search {
			cursor: text;
		}

		.uix.dropdown.upward .menu {
			top: auto;
			bottom: 100%;
			margin-top: 0;
			margin-bottom: calc(var(--spacing) * 1);
			box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
		}

		.uix.dropdown.borderless {
			border-color: transparent !important;
		}

		.uix.dropdown.small {
			font-size: 0.875rem;
			padding-top: calc(var(--spacing) * 1);
			padding-bottom: calc(var(--spacing) * 1);
		}

			.uix.dropdown.small .text {
				padding-top: calc(var(--spacing) * 1) !important;
				padding-bottom: calc(var(--spacing) * 1) !important;
			}

	.uix.checkbox {
		display: flex;
		gap: calc(var(--spacing) * 2);
		align-items: center;
		cursor: pointer;
	}

		.uix.checkbox.small {
			font-size: 0.875rem;
		}

		.uix.checkbox label {
			cursor: pointer;
		}

		.uix.checkbox input {
			align-self: start;
		}

	.uix.table {
		font-size: 0.875rem;
		width: 100%;
	}

		.uix.table th:not(:last-child), .uix.table td:not(:last-child) {
			border-right-style: solid;
			border-right-width: 1px;
			border-right-color: rgba(var(--border_color_rgb),0.5);
		}

		.uix.table thead th {
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom-color: rgba(var(--border_color_rgb),0.5);
		}

		.uix.table tbody tr:not(:last-child) td {
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom-color: rgba(var(--border_color_rgb),0.5);
		}

		.uix.table .sperator {
			padding: calc(var(--spacing) * 1);
			background-color: var(--bg_color);
		}

		.uix.table td, .uix.table th {
			padding-left: calc(var(--spacing) * 2.5);
			padding-right: calc(var(--spacing) * 2.5);
			padding-top: calc(var(--spacing) * 2.5);
			padding-bottom: calc(var(--spacing) * 2.5);
		}

	.header-main {
		position: sticky;
		top: 0;
		z-index: 50;
		width: 100%;
		color: var(--text_dark_color);
		fill: var(--fill_color);
		background-color: var(--bg_color);
		box-shadow: 0 5px 5px -5px rgba(0,0,0,1);
	}

		.header-main a.header-link {
			padding-left: calc(var(--spacing) * 3);
			padding-right: calc(var(--spacing) * 3);
			padding-top: calc(var(--spacing) * 2);
			padding-bottom: calc(var(--spacing) * 2);
			font-size: 0.875rem;
			color: var(--text_dark_color);
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.header-main a.header-link:hover, .header-main a.header-link.active {
				border-radius: calc(var(--spacing) * 1);
				background-color: var(--bg_surface_light_color);
				color: var(--text_light_color);
			}

		.header-main .header-topbar-outer {
			background-color: var(--header_topbar_bg_color);
		}

			.header-main .header-topbar-outer .header-topbar {
				font-size: 0.875rem;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				padding: calc(var(--spacing) * 3);
			}

				.header-main .header-topbar-outer .header-topbar[data-fluidheader='false'] {
					max-width: 1280px;
					margin-left: auto;
					margin-right: auto;
				}

				.header-main .header-topbar-outer .header-topbar[data-fluidheader='true'] {
					padding-left: calc(var(--spacing) * 3);
					padding-right: calc(var(--spacing) * 3);
				}

				.header-main .header-topbar-outer .header-topbar svg {
					flex-shrink: 0;
					width: 20px;
					height: auto;
					margin-right: calc(var(--spacing) * 2);
				}

		.header-main .header-mainbar-outer {
			background-color: var(--header_mainbar_bg_color);
		}

			.header-main .header-mainbar-outer .header-mainbar {
				height: 80px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-left: calc(var(--spacing) * 3);
				padding-right: calc(var(--spacing) * 3);
			}

				.header-main .header-mainbar-outer .header-mainbar[data-fluidheader='false'] {
					max-width: 1280px;
					margin-left: auto;
					margin-right: auto;
				}

				.header-main .header-mainbar-outer .header-mainbar[data-fluidheader='true'] {
					padding-left: calc(var(--spacing) * 3);
					padding-right: calc(var(--spacing) * 3);
				}

				.header-main .header-mainbar-outer .header-mainbar svg {
					height: calc(var(--spacing) * 6);
					width: calc(var(--spacing) * 6);
				}

				.header-main .header-mainbar-outer .header-mainbar .main-menu {
					display: none;
				}

				.header-main .header-mainbar-outer .header-mainbar .member-menu {
					display: flex;
					align-items: center;
					gap: calc(var(--spacing) * 1);
					max-width: 220px;
				}

				.header-main .header-mainbar-outer .header-mainbar a:has(svg) {
					display: flex;
					justify-content: center;
				}

		.header-main .header-bottombar-outer {
			display: flex;
			background-color: var(--header_bottombar_bg_color);
			padding-left: calc(var(--spacing) * 3);
			padding-right: calc(var(--spacing) * 3);
			padding-top: calc(var(--spacing) * 2.5);
			padding-bottom: calc(var(--spacing) * 2.5);
		}

			.header-main .header-bottombar-outer a#btn_mobile_menu {
				cursor: pointer;
				display: flex;
				align-items: center;
				gap: calc(var(--spacing) * 2);
			}

				.header-main .header-bottombar-outer a#btn_mobile_menu span {
					font-size: 1.25rem;
					font-weight: 600;
					line-height: 1;
				}

		.header-main .member-menu-authenticated {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: calc(var(--spacing) * 1);
			align-items: center;
		}

			.header-main .member-menu-authenticated[data-start-stop-goster='true'] {
				grid-template-columns: repeat(4, minmax(0, 1fr));
			}

			.header-main .member-menu-authenticated a {
				cursor: pointer;
			}

			.header-main .member-menu-authenticated svg {
				height: calc(var(--spacing) * 8);
				width: calc(var(--spacing) * 8);
			}

			.header-main .member-menu-authenticated .credit-info-container {
				grid-column: span 2 / span 2;
				display: flex;
				flex-direction: column;
				gap: calc(var(--spacing) * 1);
			}

		.header-main .indent-container {
			display: none;
		}

		.header-main .whatsapp.button {
			display: flex;
			align-items: center;
		}

			.header-main .whatsapp.button:hover {
				color: var(--text_light_color);
			}

			.header-main .whatsapp.button span:last-child {
				display: none;
			}

		.header-main .last-update-container {
			display: flex;
			align-items: center;
		}

			.header-main .last-update-container .desc-1 {
				display: inline-block;
				font-weight: 500;
				padding-right: calc(var(--spacing) * 1);
			}

			.header-main .last-update-container .desc-2 {
				display: block;
			}

			.header-main .last-update-container .desc-3 {
				display: none;
			}

		.header-main a.logo img {
			filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 1));
			width: 100%;
			max-width: 180px;
		}

	.site-main {
		min-height: 50dvh;
		margin-left: calc(var(--spacing) * 5);
		margin-right: calc(var(--spacing) * 5);
		margin-top: calc(var(--spacing) * 5);
		margin-bottom: calc(var(--spacing) * 5);
	}

		.site-main.fluid-content {
			margin-left: 0;
			margin-right: 0;
		}

		.site-main.blog-detail-page {
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			gap: calc(var(--spacing) * 6);
		}

		.site-main.blog-page > section {
			margin-bottom: calc(var(--spacing) * 5);
		}

	.homepage-main-section {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

		.homepage-main-section > .segment {
			grid-column: span 1 / span 1;
		}

		.homepage-main-section > .menu-container {
			grid-column: span 1 / span 1;
			overflow: hidden;
		}

			.homepage-main-section > .menu-container > .sm-container {
				overflow: hidden;
				padding: 0 !important;
			}

				.homepage-main-section > .menu-container > .sm-container a {
					display: flex;
					flex-direction: row;
					align-items: center;
					gap: calc(var(--spacing) * 5);
					padding: calc(var(--spacing) * 4);
					border-bottom-style: solid;
					border-bottom-width: 1px;
					border-bottom-color: rgba(var(--border_color_rgb),0.3);
				}

					.homepage-main-section > .menu-container > .sm-container a:hover {
						background-color: var(--bg_surface_light_color);
					}

						.homepage-main-section > .menu-container > .sm-container a:hover span {
							color: var(--text_light_color);
						}

					.homepage-main-section > .menu-container > .sm-container a:last-child {
						border-bottom: none;
					}

				.homepage-main-section > .menu-container > .sm-container div {
					display: flex;
					flex-direction: column;
					justify-content: center;
				}

				.homepage-main-section > .menu-container > .sm-container h2 {
					font-size: 1.125rem;
					font-weight: 500;
					color: var(--heading_color);
				}

				.homepage-main-section > .menu-container > .sm-container span {
					color: var(--text_dark_color);
				}

				.homepage-main-section > .menu-container > .sm-container img {
					width: 40px;
					height: auto;
				}

				.homepage-main-section > .menu-container > .sm-container svg {
					height: calc(var(--spacing) * 14);
					width: calc(var(--spacing) * 14);
					padding: calc(var(--spacing) * 2);
					border-style: solid;
					border-width: 1px;
					border-color: var(--border_color);
					border-radius: calc(var(--spacing) * 3);
				}

	.segment {
		background-color: var(--bg_surface_color);
		padding: calc(var(--spacing) * 6);
		margin-bottom: calc(var(--spacing) * 4);
		border-radius: calc(var(--spacing) * 2);
		overflow: hidden;
	}

		.segment:last-child {
			margin-bottom: 0;
		}

	.my-prose {
		line-height: 1.7;
		color: var(--text_dark_color);
		max-width: 100%;
	}

		.my-prose h1 {
			font-size: 1.25rem;
			font-weight: 500;
			color: var(--heading_color);
			margin-bottom: calc(var(--spacing) * 2);
		}

		.my-prose h2 {
			font-size: 1.125rem;
			font-weight: 500;
			margin-bottom: calc(var(--spacing) * 1);
		}

		.my-prose h3 {
			font-size: 1.125rem;
			font-weight: 500;
			margin-bottom: calc(var(--spacing) * 1);
		}

		.my-prose .active.header {
			color: var(--text_active_color);
		}

		.my-prose ul {
			list-style-type: disc;
			list-style-position: inside;
			margin-left: calc(var(--spacing) * 5);
			margin-bottom: calc(var(--spacing) * 5);
			line-height: normal;
			font-size: 0;
		}

			.my-prose ul > li {
				font-size: 1rem;
				line-height: 1.5;
			}

		.my-prose a:not(.uix.button) {
			color: var(--link_color);
			text-decoration: none;
		}

			.my-prose a:not(.uix.button):hover {
				color: var(--link_hover_color);
			}

		.my-prose .divider {
			background-color: var(--border_color);
			flex: none;
			width: 100%;
			height: 1px;
			margin-top: calc(var(--spacing) * 5);
			margin-bottom: calc(var(--spacing) * 5);
		}

		.my-prose .upper {
			text-transform: uppercase;
		}

		.my-prose .bold {
			font-weight: 500;
		}

	.infobox-yardim .odds-info-grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.infobox-yardim .game-info-grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.side-menu {
		overflow: hidden;
		display: flex;
		flex-direction: column;
		padding: 0 !important;
	}

		.side-menu > strong {
			padding-left: calc(var(--spacing) * 5);
			padding-right: calc(var(--spacing) * 5);
			padding-top: calc(var(--spacing) * 3);
			padding-bottom: calc(var(--spacing) * 3);
		}

		.side-menu a {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing) * 5);
			padding-left: calc(var(--spacing) * 5);
			padding-right: calc(var(--spacing) * 5);
			padding-top: calc(var(--spacing) * 3);
			padding-bottom: calc(var(--spacing) * 3);
			color: var(--text_dark_color);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom-color: rgba(var(--border_color_rgb),0.3);
		}

			.side-menu a:last-child {
				border-bottom: none;
			}

			.side-menu a:hover, .side-menu a.active {
				color: var(--text_light_color);
				background-color: var(--bg_surface_light_color);
			}

			.side-menu a svg {
				height: calc(var(--spacing) * 3);
				width: calc(var(--spacing) * 3);
			}

			.side-menu a::before {
				font-family: 'icons';
				content: "\f054";
				padding-left: calc(var(--spacing) * 2);
			}

	.footer-main {
		background-color: var(--footer_bg_color);
		padding-top: calc(var(--spacing) * 7);
		padding-bottom: calc(var(--spacing) * 7);
	}

		.footer-main h3 {
			color: var(--text_dark_color);
			font-size: 1.125rem;
			font-weight: 600;
		}

		.footer-main a {
			padding-top: calc(var(--spacing) * 1);
			padding-bottom: calc(var(--spacing) * 1);
			font-weight: normal;
			color: var(--text_dark_color);
		}

			.footer-main a:hover {
				color: var(--text_light_color);
			}

		.footer-main .divider {
			background-color: var(--border_color);
			flex: none;
			width: 100%;
			height: 1px;
			margin-top: calc(var(--spacing) * 5);
			margin-bottom: calc(var(--spacing) * 5);
		}

		.footer-main nav {
			display: flex;
			flex-direction: column;
		}

		.footer-main .footer-main-topbar {
			padding-left: calc(var(--spacing) * 5);
			padding-right: calc(var(--spacing) * 5);
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			gap: calc(var(--spacing) * 5);
		}

		.footer-main .footer-main-bottombar {
			padding-left: calc(var(--spacing) * 5);
			padding-right: calc(var(--spacing) * 5);
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 4);
			align-items: center;
			text-align: center;
		}

		.footer-main .sm-container {
			display: none;
		}

		.footer-main .logo > img {
			width: 100%;
			max-width: 180px;
		}

		.footer-main .desc {
			font-size: 0.875rem;
		}

	.flyout-menu {
		box-sizing: border-box;
		width: 100%;
		max-width: 480px;
		height: 100dvh;
		backface-visibility: hidden;
		position: fixed;
		top: 0;
		left: -500px;
		z-index: 100;
		background-color: var(--bg_surface_color);
		box-shadow: 4px 0 10px rgba(0,0,0,0.5);
		transition-property: left;
		transition-duration: 600ms;
		transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
	}

		.flyout-menu.active {
			left: 0;
		}

		.flyout-menu .flyout-menu-header {
			padding-top: calc(var(--spacing) * 5);
			padding-bottom: calc(var(--spacing) * 5);
			padding: calc(var(--spacing) * 3);
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 5);
		}

			.flyout-menu .flyout-menu-header > .uix.dropdown {
				max-width: 160px;
			}

		.flyout-menu .flyout-menu-close-button {
			color: var(--text_dark_color);
			cursor: pointer;
			margin-left: auto;
		}

			.flyout-menu .flyout-menu-close-button:hover {
				color: var(--text_light_color);
			}

		.flyout-menu .flyout-menu-content {
			overflow: hidden;
			flex: 1;
			min-height: 0;
		}

		.flyout-menu .flyout-menu-close-button-svg {
			height: calc(var(--spacing) * 8);
			width: calc(var(--spacing) * 8);
		}

		.flyout-menu img.flyout-menu-logo {
			width: 100%;
			max-width: 180px;
		}

	.uix.container {
		padding-left: calc(var(--spacing) * 5);
		padding-right: calc(var(--spacing) * 5);
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}

		.uix.container.basic {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

	.welcome-message {
		max-width: 300px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(var(--spacing) * 2);
		min-height: 50vh;
		padding-top: calc(var(--spacing) * 5);
	}

		.welcome-message > h3 {
			font-weight: 600;
			font-size: 1.25rem;
		}

	.member-form {
		max-width: 500px;
		margin: 0 auto;
		margin-top: calc(var(--spacing) * 8);
		margin-bottom: calc(var(--spacing) * 16);
	}

		.member-form h3.member-form-header {
			font-size: 1.125rem;
			font-weight: 500;
			text-align: center;
			color: var(--heading_color);
		}

		.member-form a:not(.uix.button) {
			padding-top: calc(var(--spacing) * 3);
			padding-bottom: calc(var(--spacing) * 3);
			font-weight: normal;
		}

			.member-form a:not(.uix.button):hover {
				color: var(--text_light_color);
			}

		.member-form form {
			width: 100%;
			display: flex;
			flex-direction: column;
			row-gap: calc(var(--spacing) * 5);
		}

			.member-form form .form-field {
				width: 100%;
				display: flex;
				flex-direction: column;
				row-gap: calc(var(--spacing) * 2);
			}

			.member-form form .phone-field {
				display: flex;
				flex-direction: row;
				align-items: center;
				gap: calc(var(--spacing) * 3);
			}

				.member-form form .phone-field .form-field:first-child {
					flex-basis: calc((1 / 3) * 100%);
				}

				.member-form form .phone-field .form-field:last-child {
					flex-basis: calc((2 / 3) * 100%);
				}

			.member-form form .info.text {
				margin-top: -8px;
				color: var(--text_very_dark_color);
			}

			.member-form form .button.field {
				display: flex;
				align-items: center;
				gap: calc(var(--spacing) * 5);
				justify-content: space-between;
			}

	.country-code-textbox-container {
		position: relative;
	}

		.country-code-textbox-container input {
			text-indent: calc(var(--spacing) * 12);
		}

		.country-code-textbox-container i.flag {
			display: flex;
			align-items: center;
			font-size: 1.875rem;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
		}

	.custom-page-index {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

		.custom-page-index > nav.side-menu, .custom-page-index > .side-menu {
			display: none;
		}

		.custom-page-index > section, .custom-page-index > .section {
			grid-column: span 6 / span 6;
		}

	.credit-page-hero-section h3 {
		color: var(--text_active_color);
		text-transform: uppercase;
	}

	.credit-page-hero-section .divider {
		background-color: var(--border_color);
		flex: none;
		width: 100%;
		height: 1px;
		margin-top: calc(var(--spacing) * 5);
		margin-bottom: calc(var(--spacing) * 5);
	}

	.credit-page-hero-section .price-detail-container {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: calc(var(--spacing) * 5);
	}

		.credit-page-hero-section .price-detail-container div:first-child {
			grid-column: span 2 / span 2;
		}

		.credit-page-hero-section .price-detail-container div:last:child {
			grid-column: span 3 / span 3;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.credit-page-hero-section .price-detail-container div:last:child img {
				width: auto;
				max-height: 300px;
			}

	.credit-page-hero-section a.whatsapp.button, .credit-page-hero-section a.facebook.button {
		display: block;
	}

	.tarife-section {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: calc(var(--spacing) * 3);
		justify-content: center;
		align-items: center;
	}

		.tarife-section .btn_show_payment_dialog {
			background-color: var(--bg_surface_light_color);
			cursor: pointer;
			border-radius: calc(var(--spacing) * 2);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: calc(var(--spacing) * 3);
			padding: calc(var(--spacing) * 10);
		}

		.tarife-section .title {
			text-align: center;
			font-size: 1.25rem;
			color: var(--text_active_color);
			font-weight: 600;
		}

		.tarife-section .sub-title {
			font-size: 1.25rem;
			color: white;
			font-weight: 600;
		}

		.tarife-section .desc {
			text-align: center;
			color: white;
			opacity: .5;
			line-height: 1.5;
		}

		.tarife-section .dummy-button {
			font-size: 1rem;
			border-radius: calc(var(--spacing) * 2);
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			padding-top: calc(var(--spacing) * 3);
			padding-bottom: calc(var(--spacing) * 3);
			padding-left: calc(var(--spacing) * 2);
			padding-right: calc(var(--spacing) * 2);
			color: white;
			background-color: #1d4ed8;
		}

	.payment-modal-section {
		display: none;
		max-width: 600px;
		position: relative;
	}

		.payment-modal-section .btn_payment_modal_close:not(.uix.button) {
			color: var(--text_color);
			cursor: pointer;
			position: absolute;
			right: 20px;
			top: 20px;
		}

		.payment-modal-section h3 {
			color: var(--text_active_color);
		}

		.payment-modal-section .desc-1 {
			font-size: 0.875rem;
			line-height: 1.7;
			margin-bottom: calc(var(--spacing) * 5);
		}

		.payment-modal-section .payment-form {
			display: grid;
			grid-template-columns: 80px 1fr;
			gap: calc(var(--spacing) * 3);
			align-items: center;
		}

			.payment-modal-section .payment-form h4 {
				color: var(--text_active_color);
				grid-column-start: 2;
			}

			.payment-modal-section .payment-form .title.field {
				text-align: right;
			}

			.payment-modal-section .payment-form .name.field {
				grid-column-start: 2;
			}

			.payment-modal-section .payment-form .button.field {
				grid-column-start: 2;
				display: flex;
				flex-direction: row;
				gap: calc(var(--spacing) * 2);
			}

		.payment-modal-section .info.field {
			min-width: 400px;
		}

		.payment-modal-section .login.buttons.field {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 2);
			margin-top: calc(var(--spacing) * 5);
		}

	.member-register-section > .segment {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		margin-bottom: calc(var(--spacing) * 5);
	}

		.member-register-section > .segment .member-form-header {
			grid-column: 1 / -1;
		}

	.member-register-section ul {
		list-style-type: disc;
		list-style-position: outside;
		margin-left: calc(var(--spacing) * 5);
	}

		.member-register-section ul li {
			padding-top: calc(var(--spacing) * 2);
			padding-bottom: calc(var(--spacing) * 2);
			line-height: 1.8;
		}

	.member-register-section .summary.message {
		margin-top: calc(var(--spacing) * 5);
		font-size: 1.125rem;
	}

	.member-register-section .register.button {
		grid-column: 1 / -1;
		line-height: 1.5;
	}

	.captcha-container {
		display: flex;
		flex-direction: row;
		gap: calc(var(--spacing) * 2);
	}

		.captcha-container > input {
			width: 100%;
			flex-basis: calc((2 / 3) * 100%);
		}

		.captcha-container > div {
			flex-basis: calc((1 / 3) * 100%);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.5rem;
			color: white;
			text-align: center;
			background-color: #dc2626;
			font-weight: 600;
			border-radius: calc(var(--spacing) * 2);
			letter-spacing: 0.1em;
		}

	.member-confirm-section h4 {
		font-weight: 500;
		font-size: 1.125rem;
		text-transform: uppercase;
	}

		.member-confirm-section h4.phone {
			color: #3b82f6;
		}

		.member-confirm-section h4.mail {
			color: #eab308;
		}

	.member-confirm-section .info.text {
		text-transform: uppercase;
	}

	.member-confirm-section > .segment {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		margin-bottom: calc(var(--spacing) * 5);
	}

		.member-confirm-section > .segment .member-form-header {
			grid-column: 1 / -1;
		}

	.member-confirm-section .segment.phone, .member-confirm-section .segment.mail {
		display: block;
		display: flex;
		flex-direction: row;
		gap: calc(var(--spacing) * 5);
	}

	.member-confirm-section a.segment.phone:hover, .member-confirm-section a.segment.mail:hover {
		background-color: rgba(var(--bg_surface_light_color_rgb),0.7);
	}

	.member-confirm-section .svg-envelope {
		color: #eab308;
		height: calc(var(--spacing) * 16);
		width: calc(var(--spacing) * 16);
	}

	.member-confirm-section .svg-check {
		color: #22c55e;
		height: calc(var(--spacing) * 16);
		width: calc(var(--spacing) * 16);
	}

	.member-confirm-section .svg-mobile-screen {
		color: #3b82f6;
		height: calc(var(--spacing) * 16);
		width: calc(var(--spacing) * 16);
	}

	.member-confirm-section ul {
		list-style-type: disc;
		list-style-position: outside;
		margin-left: calc(var(--spacing) * 5);
	}

		.member-confirm-section ul li {
			padding-top: calc(var(--spacing) * 2);
			padding-bottom: calc(var(--spacing) * 2);
			line-height: 1.8;
		}

	.member-confirm-section .summary.message {
		margin-top: calc(var(--spacing) * 5);
		font-size: 1.125rem;
	}

	.member-confirm-section .login.button {
		margin-top: calc(var(--spacing) * 3);
	}

	.credit-page-section h3 {
		color: var(--text_active_color);
		text-transform: uppercase;
	}

	.credit-page-section .divider {
		background-color: var(--border_color);
		flex: none;
		width: 100%;
		height: 1px;
		margin-top: calc(var(--spacing) * 5);
		margin-bottom: calc(var(--spacing) * 5);
	}

	.credit-page-section .price-detail-container {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: calc(var(--spacing) * 5);
	}

		.credit-page-section .price-detail-container div:first-child {
			grid-column: span 2 / span 2;
		}

		.credit-page-section .price-detail-container div:last-child {
			grid-column: span 3 / span 3;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.credit-page-section .price-detail-container div:last-child img {
				width: auto;
				max-height: 300px;
			}

		.credit-page-section .price-detail-container ul {
			margin-top: 0 !important;
			margin-bottom: calc(var(--spacing) * 5);
		}

	.credit-page-section a.whatsapp.button, .credit-page-section a.facebook.button {
		display: block;
		margin-top: calc(var(--spacing) * 2);
		margin-bottom: calc(var(--spacing) * 2);
	}

	i.uix.icon {
		display: inline-block;
		font-family: 'icons';
		font-size: 1.5em;
		line-height: 1;
		font-style: normal;
		font-weight: 400;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 1.18em;
		height: 1em;
		opacity: 1;
		speak: none;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		vertical-align: middle;
	}

		i.uix.icon::before {
			background-color: transparent;
			background-image: none;
		}

		i.uix.icon.yellow {
			color: var(--yellow_color);
		}

		i.uix.icon.green {
			color: var(--green_color);
		}

		i.uix.icon.circular {
			border-radius: 500rem !important;
			width: 2em !important;
			height: 2em !important;
			line-height: 2em !important;
			padding: 0 !important;
			text-align: center;
			display: inline-block;
			box-shadow: inset 0 0 0 0.1em rgba(0, 0, 0, 0.1);
		}

		i.uix.icon.large {
			font-size: 1.5em;
		}

		i.uix.icon.map.marker::before {
			content: "\f041";
		}

		i.uix.icon.close::before {
			content: "\f00d";
		}

		i.uix.icon.calendar.alternate.outline::before {
			content: "\f073";
		}

		i.uix.icon.chevron.down::before {
			content: "\f078";
		}

		i.uix.icon.chevron.left::before {
			content: "\f053";
		}

		i.uix.icon.chevron.right::before {
			content: "\f054";
		}

		i.uix.icon.chevron.up::before {
			content: "\f077";
		}

		i.uix.icon.caret.down::before {
			content: "\f0d7";
		}

		i.uix.icon.caret.left::before {
			content: "\f0d9";
		}

		i.uix.icon.caret.right::before {
			content: "\f0da";
		}

		i.uix.icon.caret.up::before {
			content: "\f0d8";
		}

		i.uix.icon.angle.down::before {
			content: "\f107";
		}

		i.uix.icon.angle.left::before {
			content: "\f104";
		}

		i.uix.icon.angle.right::before {
			content: "\f105";
		}

		i.uix.icon.angle.up::before {
			content: "\f106";
		}

		i.uix.icon.arrow.down::before {
			content: "\f063";
		}

		i.uix.icon.arrow.left::before {
			content: "\f060";
		}

		i.uix.icon.arrow.right::before {
			content: "\f061";
		}

		i.uix.icon.arrow.up::before {
			content: "\f062";
		}

		i.uix.icon.whatsapp::before {
			content: "\f232";
		}

		i.uix.icon.home::before {
			content: "\f015";
		}

		i.uix.icon.user::before {
			content: "\f007";
		}

		i.uix.icon.lock::before {
			content: "\f023";
		}

		i.uix.icon.search::before {
			content: "\f002";
		}

		i.uix.icon.trash::before {
			content: "\f1f8";
		}

		i.uix.icon.edit::before {
			content: "\f044";
		}

		i.uix.icon.info.circle::before {
			content: "\f05a";
		}

		i.uix.icon.spinner::before {
			content: "\f110";
		}

		i.uix.icon.sign.out::before {
			content: "\f2f5";
		}

		i.uix.icon.eye::before {
			content: "\f06e";
		}

		i.uix.icon.facebook::before {
			content: "\f09a";
		}

		i.uix.icon.instagram::before {
			content: "\f16d";
		}

		i.uix.icon.youtube::before {
			content: "\f167";
		}

		i.uix.icon.checkmark::before {
			content: "\f00c";
		}

		i.uix.icon.mail::before {
			content: "\f0e0";
		}

		i.uix.icon.bars::before {
			content: "\f0c9";
		}

		i.uix.icon.phone::before {
			content: "\f095";
		}

		i.uix.icon.list.layout::before {
			content: "\f00b";
		}

		i.uix.icon.plus::before {
			content: "\f067";
		}

		i.uix.icon.minus::before {
			content: "\f068";
		}

		i.uix.icon.question.circle::before {
			content: "\f059";
		}

	.bulten-section {
		min-height: 70dvh;
	}

		.bulten-section .menu.container {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 2);
			padding: calc(var(--spacing) * 2);
			background-color: var(--bg_surface_dark_color);
		}

			.bulten-section .menu.container .topbar {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: start;
				gap: calc(var(--spacing) * 2);
			}

			.bulten-section .menu.container .bottombar {
				display: grid;
				grid-template-columns: repeat(12, minmax(0, 1fr));
				gap: calc(var(--spacing) * 2);
			}

			.bulten-section .menu.container .uix.youtube.button, .bulten-section .menu.container .uix.help.button, .bulten-section .menu.container .uix.search.button {
				grid-column: span 1 / span 1;
				background-color: var(--bg_surface_light_color);
				color: var(--text_very_dark_color);
			}

				.bulten-section .menu.container .uix.youtube.button svg, .bulten-section .menu.container .uix.help.button svg, .bulten-section .menu.container .uix.search.button svg {
					height: calc(var(--spacing) * 6);
					width: calc(var(--spacing) * 6);
				}

			.bulten-section .menu.container .uix.tags.input.dropdown {
				grid-column: span 9 / span 9;
			}

		.bulten-section #menu_gamelist_container_inner {
			overflow: auto;
			margin-right: -24px;
			padding: calc(var(--spacing) * 2);
		}

		.bulten-section .divider {
			height: 8px;
			width: 100%;
			background-color: var(--bg_color);
		}

		.bulten-section .bottom.section {
			padding: calc(var(--spacing) * 5);
			background-color: var(--header_topbar_bg_color);
		}

	.search-help-modal {
		display: none;
		max-width: 780px;
		position: relative;
	}

		.search-help-modal .btn_search_help_modal_close {
			color: var(--text_color);
			cursor: pointer;
			position: absolute;
			right: calc(var(--spacing) * 5);
			top: calc(var(--spacing) * 5);
		}

			.search-help-modal .btn_search_help_modal_close svg {
				height: calc(var(--spacing) * 7);
				width: calc(var(--spacing) * 7);
			}

		.search-help-modal .samples-container {
			max-height: 50Dvh;
			overflow: auto;
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 5);
		}

		.search-help-modal .segment {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 5);
		}

		.search-help-modal article {
			padding: calc(var(--spacing) * 5);
			background-color: var(--bg_surface_light_color);
		}

		.search-help-modal h3 {
			color: var(--text_active_color);
		}

		.search-help-modal h4 {
			color: #22c55e;
		}

		.search-help-modal .samples-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: calc(var(--spacing) * 2);
			max-width: 640px;
		}

			.search-help-modal .samples-grid h4 {
				grid-column: span 1 / span 1;
			}

			.search-help-modal .samples-grid p {
				grid-column: span 3 / span 3;
			}

			.search-help-modal .samples-grid .divider {
				grid-column: span 4 / span 4;
				margin-top: calc(var(--spacing) * 1);
				margin-bottom: calc(var(--spacing) * 1);
			}

		.search-help-modal .oddname-list {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: calc(var(--spacing) * 5);
			height: 400px;
			overflow: auto;
		}

			.search-help-modal .oddname-list .oddname-item {
				background-color: var(--bg_surface_dark_color);
				padding: calc(var(--spacing) * 5);
				border-radius: calc(var(--spacing) * 2);
			}

				.search-help-modal .oddname-list .oddname-item > h4 > span {
					font-weight: normal;
				}

	.bulten-dynamic-height {
		height: 50dvh;
	}

	.glist-table {
		color: var(--text_dark_color);
		background-color: var(--bg_surface_color);
		border-radius: calc(var(--spacing) * 2);
	}

		.glist-table td:not(.sperator), .glist-table th:not(.sperator) {
			padding-left: calc(var(--spacing) * 5);
			padding-right: calc(var(--spacing) * 5);
			padding-top: calc(var(--spacing) * 2);
			padding-bottom: calc(var(--spacing) * 2);
			text-align: center;
		}

		.glist-table .td-odd {
			min-width: 80px;
		}

		.glist-table td.oddwin {
			color: var(--text_light_color);
			background-color: var(--bg_surface_very_dark_color);
		}

		.glist-table div.th-bmname {
			color: var(--text_very_dark_color) !important;
			font-weight: normal;
			text-align: center;
		}

		.glist-table div.team-info {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 2);
			min-width: 400px;
		}

		.glist-table div.team-name-col {
			flex-basis: calc((3 / 5) * 100%);
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 1);
			justify-content: space-evenly;
			align-items: start;
		}

		.glist-table div.goal-minutes-col {
			min-width: 150px;
			flex-basis: calc((1 / 5) * 100%);
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 1);
			justify-content: space-evenly;
			align-items: start;
		}

		.glist-table div.events-col {
			flex-basis: calc((1 / 5) * 100%);
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 1);
			justify-content: space-evenly;
			align-items: end;
		}

		.glist-table div.events {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 1);
			justify-content: space-evenly;
			align-items: end;
		}

		.glist-table td.td-iy {
			font-size: 1.125rem;
			color: #eab308;
		}

		.glist-table td.td-ms {
			font-size: 1.125rem;
			color: #22c55e;
		}

		.glist-table th.th-iy {
			min-width: 80px;
		}

		.glist-table th.th-ms {
			min-width: 80px;
		}

		.glist-table th.th-odd-desc {
			min-width: 140px;
		}

		.glist-table th.th-title {
			text-align: left;
			color: var(--text_color);
		}

		.glist-table div.team-name {
			max-width: 200px;
			text-align: left;
			cursor: pointer;
		}

		.glist-table div.team-win {
			color: var(--text_color);
			font-weight: 500;
		}

		.glist-table div.goal-minutes {
			color: #14b8a6;
			font-size: 0.875rem;
			text-align: left;
			cursor: pointer;
		}

		.glist-table div.event-container {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 1);
			align-items: center;
			justify-content: end;
		}

		.glist-table span.event-icon {
			width: 12px;
			height: 16px;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			font-size: 0.75rem;
			color: white;
			cursor: pointer;
		}

			.glist-table span.event-icon.pagol {
				background-color: rgba(59,130,246,0.6);
			}

			.glist-table span.event-icon.kkgol {
				background-color: rgba(107,114,128,0.6);
			}

			.glist-table span.event-icon.skart {
				background-color: rgba(234,179,8,0.6);
			}

			.glist-table span.event-icon.kkart {
				background-color: rgba(239,68,68,0.6);
			}

			.glist-table span.event-icon.penalti-kacti {
				background-color: rgba(0,0,0,0.6);
			}

		.glist-table .game-detail.lig {
			cursor: pointer;
		}

		.glist-table th.game-detail.lig {
			min-width: 100px;
		}

		.glist-table th.game-detail.tarih {
			min-width: 120px;
		}

		.glist-table td.odd-up, .glist-table td.odd-down {
			background-repeat: no-repeat;
			background-size: 12px;
			background-position: center top 8px;
			cursor: pointer;
		}

		.glist-table td.odd-up {
			background-image: var(--svg_chevron_up_green);
		}

		.glist-table td.odd-down {
			background-image: var(--svg_chevron_down_red);
		}

		.glist-table .uix.button {
			background-color: var(--bg_surface_very_light_color);
			color: var(--text_dark_color);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 16px;
			height: 32px;
			width: 32px;
			background-image: var(--svg_bars);
		}

			.glist-table .uix.button:hover {
				color: var(--text_light_color) !important;
			}

	.excelsmart-index {
		padding: calc(var(--spacing) * 2);
		min-height: 50vh;
		min-height: 50dvh;
	}

		.excelsmart-index > .btn_show_gamelist_menu {
			margin-top: calc(var(--spacing) * 5);
			margin-left: calc(var(--spacing) * 5);
			max-width: 160px;
		}

	.menu-gamelist .input-filters-container {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: calc(var(--spacing) * 3);
		align-items: start;
		padding-left: calc(var(--spacing) * 3);
		padding-right: calc(var(--spacing) * 3);
		padding-bottom: calc(var(--spacing) * 3);
	}

		.menu-gamelist .input-filters-container .colspan-1 {
			grid-column: span 1 / span 1;
		}

		.menu-gamelist .input-filters-container .colspan-2 {
			grid-column: span 2 / span 2;
		}

		.menu-gamelist .input-filters-container .colspan-3 {
			grid-column: span 3 / span 3;
		}

		.menu-gamelist .input-filters-container .colspan-4 {
			grid-column: span 4 / span 4;
		}

		.menu-gamelist .input-filters-container .colspan-5 {
			grid-column: span 5 / span 5;
		}

		.menu-gamelist .input-filters-container > .search-container {
			grid-column: span 5 / span 5;
			display: grid;
			grid-template-columns: repeat(7, minmax(0, 1fr));
			gap: calc(var(--spacing) * 2);
			align-items: start;
		}

			.menu-gamelist .input-filters-container > .search-container svg {
				height: calc(var(--spacing) * 6);
				width: calc(var(--spacing) * 6);
			}

			.menu-gamelist .input-filters-container > .search-container > .uix.button {
				grid-column: span 1 / span 1;
			}

			.menu-gamelist .input-filters-container > .search-container > .uix.dropdown {
				grid-column: span 5 / span 5;
			}

	.menu-gamelist #menu_gamelist_container_inner {
		min-height: 0;
		flex: 1;
		overflow-y: auto;
	}

		.menu-gamelist #menu_gamelist_container_inner > .no-data {
			font-size: 1.125rem;
			text-align: center;
			color: var(--text_dark_color);
		}

	.excelsmart-gamelist-menu-dynamic-height {
		height: 50dvh;
	}

	.menu-gamelist-table {
		width: 100%;
		background-color: var(--bg_surface_color);
	}

		.menu-gamelist-table td, .menu-gamelist-table th {
			padding-left: calc(var(--spacing) * 3);
			padding-right: calc(var(--spacing) * 3);
			padding-top: calc(var(--spacing) * 2);
			padding-bottom: calc(var(--spacing) * 2);
		}

			.menu-gamelist-table td:not(.not-center) {
				text-align: center;
			}

			.menu-gamelist-table td.td-checkbox {
				width: 40px;
				padding-left: calc(var(--spacing) * 2);
			}

		.menu-gamelist-table tr.hoverable {
			cursor: pointer;
		}

			.menu-gamelist-table tr.hoverable:hover {
				background-color: rgba(var(--bg_surface_very_light_color_rgb),0.3);
			}

		.menu-gamelist-table .td-header {
			font-weight: 600;
			background-color: var(--bg_surface_light_color);
			color: var(--heading_color);
		}

		.menu-gamelist-table .gamelist-menu-header.selected {
			color: #86efac;
		}

		.menu-gamelist-table td.td-odd {
			max-width: 50px;
		}

		.menu-gamelist-table .bmid-container {
			color: var(--bg_very_light_color);
			font-size: 0.75rem;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.menu-gamelist-table td.td-ms {
			color: #22c55e;
			font-size: 1rem;
		}

		.menu-gamelist-table td.td-iy {
			color: #eab308;
			font-size: 1rem;
		}

		.menu-gamelist-table div.oran-aciklama {
			color: var(--text_very_dark_color);
			border-top-style: solid;
			border-top-width: 1px;
			border-top-color: var(--border_color);
			margin-top: calc(var(--spacing) * 1);
			padding-top: calc(var(--spacing) * 1);
			overflow-wrap: break-word;
		}

		.menu-gamelist-table .lbl_game {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 1);
			cursor: pointer;
		}

		.menu-gamelist-table .lig-container {
			max-width: 85px;
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 1);
			cursor: pointer;
		}

	.excel-smart-game-container {
		display: grid;
		column-gap: calc(var(--spacing) * 5);
		grid-template-columns: 400px minmax(0,1fr);
	}

		.excel-smart-game-container .gamelist_container {
			overflow: auto;
			margin-right: -24px;
			padding-right: calc(var(--spacing) * 4);
		}

	.game-menu {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 2);
		justify-items: start;
		padding: calc(var(--spacing) * 5);
		width: 100%;
		background-color: var(--bg_surface_color);
		border-radius: calc(var(--spacing) * 2);
	}

		.game-menu .game-menu-flex-row {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 2);
		}

		.game-menu .uix.button:not(#btn_begin_analiz) {
			background-color: var(--bg_surface_light_color);
			font-size: 0.75rem;
			color: var(--text_dark_color);
			width: 100%;
			line-height: normal;
		}

		.game-menu .btn-svg {
			height: calc(var(--spacing) * 4);
			width: calc(var(--spacing) * 4);
		}

	.bm-buttons-container {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 2);
	}

		.bm-buttons-container .uix.dropdown {
			border-width: 0 !important;
		}

	.game-menu-button-container {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 2);
		justify-items: start;
	}

		.game-menu-button-container #btn_begin_analiz {
			background-color: #7f1d1d;
			color: var(--text_color);
		}

		.game-menu-button-container #btn_remove_odd_filter.active {
			background-color: #14532d !important;
		}

		.game-menu-button-container #btn_remove_game_filter.active {
			background-color: #713f12 !important;
		}

		.game-menu-button-container #btn_remove_event_filter.active {
			background-color: #1e3a8a !important;
		}

		.game-menu-button-container .uix.button.active[data-tab='oddlist'] {
			background-color: #14532d !important;
		}

		.game-menu-button-container .uix.button.active[data-tab='gamefilterlist'] {
			background-color: #713f12 !important;
		}

		.game-menu-button-container .uix.button.active[data-tab='eventfilterlist'] {
			background-color: #1e3a8a !important;
		}

	.game-menu-tab-container {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 2);
		height: 500px;
	}

		.game-menu-tab-container .game-menu-tab {
			height: inherit;
		}

			.game-menu-tab-container .game-menu-tab:not(.active) {
				display: none;
			}

		.game-menu-tab-container .btn_show_odds.active[data-bmid='b3'], .game-menu-tab-container .btn_show_odds:hover[data-bmid='b3'] {
			background-color: #126e51 !important;
		}

		.game-menu-tab-container .btn_show_odds.active[data-bmid='ub'], .game-menu-tab-container .btn_show_odds:hover[data-bmid='ub'] {
			background-color: #014c33 !important;
		}

		.game-menu-tab-container .btn_show_odds.active[data-bmid='x1'], .game-menu-tab-container .btn_show_odds:hover[data-bmid='x1'] {
			background-color: #0c304c !important;
		}

		.game-menu-tab-container .odd-filters-container {
			display: flex;
			flex: 1;
			flex-direction: column;
			gap: calc(var(--spacing) * 2);
			height: inherit;
		}

	.userog-dropdown-container {
		display: flex;
		flex-direction: row;
		gap: calc(var(--spacing) * 2);
	}

		.userog-dropdown-container .uix.dropdown {
			flex-basis: calc((4 / 5) * 100%);
			border-width: 0 !important;
		}

		.userog-dropdown-container .uix.button {
			flex-basis: calc((1 / 5) * 100%);
		}

	.oddfilter-tab {
		height: inherit;
		overflow: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

		.oddfilter-tab::-webkit-scrollbar {
			display: none;
		}

		.oddfilter-tab .tbl-oddlist:not(.active) {
			display: none;
		}

		.oddfilter-tab .tbl-oddlist-og {
			display: grid;
			grid-template-columns: repeat(7, minmax(0, 1fr));
			gap: calc(var(--spacing) * 2);
			padding-bottom: calc(var(--spacing) * 2);
		}

			.oddfilter-tab .tbl-oddlist-og:not(.active) {
				display: none;
			}

		.oddfilter-tab .odd-header {
			grid-column: span 7 / span 7;
			background-color: var(--bg_surface_light_color);
			border-radius: calc(var(--spacing) * 2);
			padding: calc(var(--spacing) * 2);
			text-align: center;
			color: var(--text_dark_color);
			font-size: 0.875rem;
		}

			.oddfilter-tab .odd-header[data-bmid='b3'] {
				background-color: rgba(18,110,81,0.5);
			}

			.oddfilter-tab .odd-header[data-bmid='ub'] {
				background-color: rgba(1,76,51,0.5);
			}

			.oddfilter-tab .odd-header[data-bmid='x1'] {
				background-color: rgba(12,48,76,0.5);
			}

		.oddfilter-tab .odd-col-1 {
			grid-column: span 1 / span 1;
			color: var(--text_dark_color);
			align-self: center;
			justify-self: center;
		}

		.oddfilter-tab .odd-col-2 {
			grid-column: span 3 / span 3;
			color: var(--text_dark_color);
		}

		.oddfilter-tab .odd-header-col {
			text-align: center;
		}

		.oddfilter-tab .odd-input-container {
			overflow: hidden;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: calc(var(--spacing) * 2);
			width: 100%;
			border-style: solid;
			border-width: 1px;
			border-color: var(--border_color);
			font-size: 1.125rem;
		}

			.oddfilter-tab .odd-input-container .odd-input {
				font-size: inherit;
				border-width: 0 !important;
				border-radius: 0 !important;
				padding: calc(var(--spacing) * 1) !important;
				height: auto !important;
				background-color: transparent !important;
			}

				.oddfilter-tab .odd-input-container .odd-input[data-selected='true'] {
					color: #22c55e;
				}

			.oddfilter-tab .odd-input-container .odd-input-checkbox {
				height: 100% !important;
				width: 2.5em;
				border-radius: 0 !important;
				border-width: 0 !important;
			}

				.oddfilter-tab .odd-input-container .odd-input-checkbox:checked[data-bmid='b3'] {
					background-color: #126e51;
				}

				.oddfilter-tab .odd-input-container .odd-input-checkbox:checked[data-bmid='ub'] {
					background-color: #014c33;
				}

				.oddfilter-tab .odd-input-container .odd-input-checkbox:checked[data-bmid='x1'] {
					background-color: #0c304c;
				}

	.gamefilter-tab {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 2);
		height: inherit;
		overflow: auto;
	}

		.gamefilter-tab::-webkit-scrollbar {
			display: none;
		}

		.gamefilter-tab .game-filter-label {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 2);
			align-items: center;
			flex-basis: calc((3 / 7) * 100%);
			background-color: var(--bg_surface_light_color);
			border-radius: calc(var(--spacing) * 1);
			padding: calc(var(--spacing) * 2);
			cursor: pointer;
		}

			.gamefilter-tab .game-filter-label.active {
				background-color: #713f12;
			}

		.gamefilter-tab .game-filter-row {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 2);
			padding: calc(var(--spacing) * 2);
			border-radius: calc(var(--spacing) * 2);
			background-color: var(--bg_surface_dark_color);
		}

		.gamefilter-tab .game-filter-input {
			flex-basis: calc((4 / 7) * 100%);
		}

			.gamefilter-tab .game-filter-input.active {
				color: #eab308 !important;
			}

		.gamefilter-tab .game-filter-checkbox:checked {
			background-color: #713f12;
		}

	.event-tab-section {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 4);
	}

		.event-tab-section .event-row {
			padding: calc(var(--spacing) * 2);
			border-radius: calc(var(--spacing) * 2);
			background-color: var(--bg_surface_dark_color);
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 2);
		}

	.excelsmart-gamelist-dynamic-height {
		height: 50dvh;
	}

	.excel-smart-admin-analiz-tablosu .gamelist_container_outer {
		margin-bottom: 15px;
	}

	.excel-smart-admin-analiz-tablosu .gamelist-table {
		margin-top: 0 !important;
	}

	.excel-smart-admin-analiz-tablosu .filter-container {
		display: flex;
		flex-direction: row;
		gap: calc(var(--spacing) * 2);
		align-items: center;
		z-index: 99;
		padding: 5px;
		background-color: black;
		backface-visibility: hidden;
		position: fixed;
		width: 100%;
		top: 60px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.excel-smart-admin-analiz-tablosu .src-dest-container {
		margin-top: 10px;
		position: relative;
		overflow: auto;
		max-width: 1220px;
		max-height: 220px;
	}

		.excel-smart-admin-analiz-tablosu .src-dest-container.ortak-analiz {
			color: var(--green_color) !important;
		}

		.excel-smart-admin-analiz-tablosu .src-dest-container .src-dest-item {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 5);
		}

	.yapay-zeka-index {
		padding: calc(var(--spacing) * 2);
		min-height: 50vh;
		min-height: 50dvh;
	}

	.yapay-zeka-game-container {
		display: grid;
		column-gap: calc(var(--spacing) * 5);
		grid-template-columns: 420px minmax(0,1fr);
	}

		.yapay-zeka-game-container .gamelist_container {
			overflow: auto;
			margin-right: -24px;
			padding-right: calc(var(--spacing) * 4);
		}

	@keyframes analiz-loader-spin {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}

	.yapayzeka-menu-section > nav {
		margin-top: calc(var(--spacing) * 3);
		margin-bottom: calc(var(--spacing) * 3);
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: calc(var(--spacing) * 2);
	}

		.yapayzeka-menu-section > nav .uix.button {
			background-color: var(--bg_surface_light_color);
		}

	.yapayzeka-menu-section .disabled {
		pointer-events: none;
		opacity: .4;
	}

	.yapayzeka-menu-section .analiz-loader-container {
		display: flex;
		flex-direction: row;
		align-items: start;
		gap: calc(var(--spacing) * 2);
		border-style: solid;
		border-width: 1px;
		border-color: var(--border_color);
		border-radius: calc(var(--spacing) * 1);
		margin: 0;
		padding: calc(var(--spacing) * 5);
		min-height: 100px;
	}

		.yapayzeka-menu-section .analiz-loader-container #analiz_loader {
			display: none;
		}

			.yapayzeka-menu-section .analiz-loader-container #analiz_loader.active {
				display: block;
				height: 40px;
				width: 40px;
				border-style: solid;
				border-width: 4px;
				border-color: #bfdbfe;
				border-top-color: #2563eb;
				border-radius: 9999px;
				animation: analiz-loader-spin 1s linear infinite;
			}

		.yapayzeka-menu-section .analiz-loader-container > div:first-child {
			min-width: 50px;
			align-self: center;
		}

		.yapayzeka-menu-section .analiz-loader-container > div:last-child {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 2);
		}

			.yapayzeka-menu-section .analiz-loader-container > div:last-child > div {
				min-height: 20px;
				font-size: 0.875rem;
			}

				.yapayzeka-menu-section .analiz-loader-container > div:last-child > div:first-child > label:last-child {
					padding-left: calc(var(--spacing) * 2);
				}

	.yapayzeka-menu-section #btn_begin_analiz {
		margin-top: calc(var(--spacing) * 3);
		margin-bottom: calc(var(--spacing) * 3);
	}

		.yapayzeka-menu-section #btn_begin_analiz > span {
			display: block;
			text-align: left;
			min-width: 140px;
		}

		.yapayzeka-menu-section #btn_begin_analiz > svg {
			height: calc(var(--spacing) * 4);
			width: calc(var(--spacing) * 4);
			display: none;
		}

			.yapayzeka-menu-section #btn_begin_analiz > svg.play {
				display: block;
			}

		.yapayzeka-menu-section #btn_begin_analiz.active > svg.pause {
			display: block;
		}

		.yapayzeka-menu-section #btn_begin_analiz.active > svg.play {
			display: none;
		}

	.yapayzeka-menu-section .uflist-container {
		min-height: 500px;
	}

		.yapayzeka-menu-section .uflist-container .uflist {
			margin-top: calc(var(--spacing) * 5);
			margin-bottom: calc(var(--spacing) * 5);
			overflow: auto;
			overflow-x: hidden;
			height: 300px;
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 2);
		}

			.yapayzeka-menu-section .uflist-container .uflist .uf-item {
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: var(--border_color);
				padding-bottom: calc(var(--spacing) * 2);
				margin-bottom: calc(var(--spacing) * 2);
			}

				.yapayzeka-menu-section .uflist-container .uflist .uf-item label {
					cursor: pointer;
					font-size: 0.875rem;
				}

				.yapayzeka-menu-section .uflist-container .uflist .uf-item.admin {
					display: none;
				}

	.yapayzeka-menu-section .info.message {
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: var(--border_color);
		padding-top: calc(var(--spacing) * 5);
		color: var(--text_very_dark_color);
	}

	.yapayzeka-gamelist-dynamic-height {
		height: 50dvh;
	}

	.yapayzeka-gamelist-menu-dynamic-height {
		height: 50dvh;
	}

	.yapay-zeka-result-container {
		margin-bottom: calc(var(--spacing) * 3);
	}

	.filter-assistant-index {
		padding: calc(var(--spacing) * 3);
		min-height: 50vh;
		min-height: 50dvh;
	}

	.filter-assistant-edit-container {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: calc(var(--spacing) * 5);
	}

	.filter-assistant-menu-section {
		min-height: 600px;
	}

		.filter-assistant-menu-section .uf-container {
			overflow: auto;
			height: 550px;
		}

			.filter-assistant-menu-section .uf-container .uf-item {
				display: flex;
				flex-direction: row;
				align-items: start;
				gap: calc(var(--spacing) * 3);
				margin-bottom: calc(var(--spacing) * 3);
				padding-bottom: calc(var(--spacing) * 3);
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: var(--border_color);
			}

				.filter-assistant-menu-section .uf-container .uf-item .edit {
					font-size: 0.875rem;
					cursor: pointer;
					flex-basis: calc((6 / 7) * 100%);
				}

				.filter-assistant-menu-section .uf-container .uf-item .remove {
					cursor: pointer;
					flex-basis: calc((1 / 7) * 100%);
					align-self: center;
				}

		.filter-assistant-menu-section .no-data {
			font-size: 1.125rem;
			text-align: center;
		}

	.filter-assistant-edit-section {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 3);
	}

		.filter-assistant-edit-section .segment {
			margin: 0;
		}

		.filter-assistant-edit-section .form-grid {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 3);
		}

		.filter-assistant-edit-section .edit-form {
			overflow: visible !important;
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 3);
			grid-column: span 2 / span 2;
			margin-bottom: calc(var(--spacing) * 20) !important;
		}

		.filter-assistant-edit-section .form-field {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 3);
			align-items: center;
		}

			.filter-assistant-edit-section .form-field label {
				flex-basis: calc((1 / 3) * 100%);
				text-align: right;
				white-space: nowrap;
			}

			.filter-assistant-edit-section .form-field select {
				flex-basis: calc((2 / 3) * 100%);
			}

			.filter-assistant-edit-section .form-field .button-container {
				flex-basis: calc((2 / 3) * 100%);
				display: flex;
				flex-direction: row;
				gap: calc(var(--spacing) * 2);
			}

		.filter-assistant-edit-section form .form-field label {
			flex-basis: calc((1 / 5) * 100%);
		}

		.filter-assistant-edit-section form .form-field select, .filter-assistant-edit-section form .form-field input, .filter-assistant-edit-section form .form-field .uix.dropdown, .filter-assistant-edit-section form .form-field .uix.button {
			flex-basis: calc((4 / 5) * 100%);
		}

		.filter-assistant-edit-section .filter-list {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing) * 5);
			padding-bottom: calc(var(--spacing) * 2);
			padding-right: calc(var(--spacing) * 2);
			overflow: auto;
			height: 400px;
		}

			.filter-assistant-edit-section .filter-list .filter-item {
				display: grid;
				grid-template-columns: repeat(6, minmax(0, 1fr));
				justify-content: center;
				align-items: start;
				padding: calc(var(--spacing) * 2);
				border-radius: calc(var(--spacing) * 2);
			}

				.filter-assistant-edit-section .filter-list .filter-item.b3 {
					background-color: #007b5b !important;
				}

					.filter-assistant-edit-section .filter-list .filter-item.b3 .bm-text {
						color: yellow;
					}

				.filter-assistant-edit-section .filter-list .filter-item.ub {
					background-color: #26911f !important;
				}

					.filter-assistant-edit-section .filter-list .filter-item.ub .bm-text {
						color: #10ff00;
					}

				.filter-assistant-edit-section .filter-list .filter-item.x1 {
					background-color: #002e5a !important;
				}

					.filter-assistant-edit-section .filter-list .filter-item.x1 .bm-text {
						color: #119cf5;
					}

				.filter-assistant-edit-section .filter-list .filter-item .degisim-field {
					grid-column: span 1 / span 1;
					text-align: center;
					font-weight: 600;
					color: white;
					font-size: 1.25rem;
				}

				.filter-assistant-edit-section .filter-list .filter-item .detail-field {
					grid-column: span 4 / span 4;
					display: flex;
					flex-direction: column;
					gap: calc(var(--spacing) * 1);
					font-size: 0.875rem;
				}

					.filter-assistant-edit-section .filter-list .filter-item .detail-field .filter-text {
						font-size: 1rem;
						font-weight: 600;
						color: white;
					}

					.filter-assistant-edit-section .filter-list .filter-item .detail-field .bm-text {
						font-weight: 600;
					}

				.filter-assistant-edit-section .filter-list .filter-item .filter-remove-button {
					grid-column: span 1 / span 1;
					justify-self: end;
				}
	/* --- AUTOMATICALLY GROUPED MEDIA QUERIES --- */
	@media (width >= 80rem) {
		.header-main .header-topbar-outer .header-topbar {
			padding-left: 0;
			padding-right: 0;
		}

		.header-main .header-mainbar-outer .header-mainbar {
			padding-left: 0;
			padding-right: 0;
		}

			.header-main .header-mainbar-outer .header-mainbar .main-menu {
				display: flex;
				align-items: stretch;
				justify-content: space-between;
				gap: calc(var(--spacing) * 1);
			}

		.header-main .header-bottombar-outer {
			display: none;
		}

		.footer-main .footer-main-topbar {
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: calc(var(--spacing) * 8);
			padding-left: 0;
			padding-right: 0;
		}

		.footer-main .footer-main-bottombar {
			padding-left: 0;
			padding-right: 0;
		}

		.uix.container {
			padding-left: 0;
			padding-right: 0;
		}
	}

	@media (width >= 48rem) {
		.header-main .member-menu-authenticated {
			gap: calc(var(--spacing) * 2);
		}

		.header-main .indent-container {
			display: flex;
			align-items: center;
		}

		.header-main .whatsapp.button span:last-child {
			display: inline;
			padding-left: calc(var(--spacing) * 1);
		}

		.header-main .last-update-container .desc-2 {
			display: none;
		}

		.header-main .last-update-container .desc-3 {
			display: block;
		}

		.header-main a.logo img {
			max-width: 220px;
		}

		.homepage-main-section {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: calc(var(--spacing) * 5);
		}

			.homepage-main-section > .segment {
				grid-column: span 2 / span 2;
				margin-bottom: 0 !important;
			}

		.footer-main .sm-container {
			display: block;
			grid-column: span 2 / span 2;
		}

		.footer-main .sm-container-inner {
			display: flex;
			flex-direction: row;
			gap: calc(var(--spacing) * 8);
		}

		.footer-main .logo > img {
			max-width: 220px;
		}

		.footer-main .desc {
			font-size: 1rem;
		}

		.flyout-menu img.flyout-menu-logo {
			max-width: 220px;
		}

		.credit-page-hero-section .price-detail-container {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

		.tarife-section {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

			.tarife-section .title {
				font-size: 1.5rem;
			}

			.tarife-section .sub-title {
				font-size: 1.875rem;
			}

		.credit-page-section .price-detail-container {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

		.bulten-section .menu.container .topbar {
			flex-direction: row;
		}

		.bm-buttons-container {
			flex-direction: row;
			justify-content: center;
			max-width: 550px;
		}
	}

	@media (width >= 64rem) {
		.site-main {
			max-width: 1280px;
			margin-left: auto;
			margin-right: auto;
			margin-top: calc(var(--spacing) * 5);
			margin-bottom: calc(var(--spacing) * 5);
		}

			.site-main.fluid-content {
				width: 100%;
				max-width: 100%;
				margin-top: 0;
				margin-bottom: 0;
			}

			.site-main.blog-detail-page {
				grid-template-columns: repeat(6, minmax(0, 1fr));
			}

		.infobox-yardim .odds-info-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.infobox-yardim .game-info-grid {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

			.infobox-yardim .game-info-grid ul:first-child {
				grid-column: span 2 / span 2;
			}

			.infobox-yardim .game-info-grid ul:last-child {
				grid-column: span 3 / span 3;
			}

		.side-menu a span {
			font-weight: 500;
		}

		.custom-page-index {
			grid-template-columns: repeat(8, minmax(0, 1fr));
			gap: calc(var(--spacing) * 5);
			align-items: start;
		}

			.custom-page-index > nav.side-menu, .custom-page-index > .side-menu {
				display: flex;
				grid-column: span 2 / span 2;
			}

		.tarife-section {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.member-register-section {
			max-width: 920px;
		}

			.member-register-section > .segment {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				column-gap: calc(var(--spacing) * 10);
				row-gap: calc(var(--spacing) * 5);
			}

		.member-confirm-section {
			max-width: 850px;
		}

			.member-confirm-section > .segment {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				column-gap: calc(var(--spacing) * 10);
				row-gap: calc(var(--spacing) * 5);
			}

		.filter-assistant-edit-container {
			column-gap: calc(var(--spacing) * 5);
			grid-template-columns: 420px minmax(0,1fr);
		}

		.filter-assistant-edit-section {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: calc(var(--spacing) * 3);
			min-height: 50dvh;
		}
	}

	@media (height>=600px) {
		.bulten-dynamic-height {
			height: 59dvh;
		}

		.excelsmart-gamelist-menu-dynamic-height {
			height: 68dvh;
		}

		.excelsmart-gamelist-dynamic-height {
			height: 75dvh;
		}

		.yapayzeka-gamelist-dynamic-height {
			height: 75dvh;
		}

		.yapayzeka-gamelist-menu-dynamic-height {
			height: 64dvh;
		}
	}

	@media (height>=700px) {
		.bulten-dynamic-height {
			height: 64dvh;
		}

		.excelsmart-gamelist-menu-dynamic-height {
			height: 72dvh;
		}

		.excelsmart-gamelist-dynamic-height {
			height: 80dvh;
		}

		.yapayzeka-gamelist-dynamic-height {
			height: 80dvh;
		}

		.yapayzeka-gamelist-menu-dynamic-height {
			height: 67dvh;
		}
	}

	@media (height>=800px) {
		.bulten-dynamic-height {
			height: 69dvh;
		}

		.excelsmart-gamelist-menu-dynamic-height {
			height: 75dvh;
		}

		.excelsmart-gamelist-dynamic-height {
			height: 85dvh;
		}

		.yapayzeka-gamelist-dynamic-height {
			height: 85dvh;
		}

		.yapayzeka-gamelist-menu-dynamic-height {
			height: 69dvh;
		}
	}
	/*END_COMPONENT_LAYER*/
	/* #endregion */
	/* #region TAGSINPUT */
	/* Container styling */
	.tags-input-container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: flex-start;
		gap: var(--spacing);
		width: 100%;
		/*min-height: calc(var(--input_height) - ((var(--input_padding_y) * 2) + (var(--input_border_width) * 2)));*/
		padding-block: calc(var(--spacing) * 2);
		padding-right: 25px;
		padding-left: calc(var(--spacing) * 2);
		border-width: var(--input_border_width);
		border-style: var(--input_border_style);
		border-color: var(--input_border_color);
		border-radius: var(--input_border_radius);
		background-color: var(--input_bg_color);
		position: relative;
		box-sizing: border-box;
	}
		/* Isolated Tag Items */
		.tags-input-container .tag-item {
			display: flex;
			align-items: center;
			gap: var(--spacing);
			background-color: var(--blue_color);
			color: white;
			padding-block: var(--spacing);
			padding-inline: var(--spacing);
			border-radius: calc(var(--radius) / 2);
			transition: filter 0.2s ease;
			user-select: none;
			font-size: var(--text-sm);
		}

			.tags-input-container .tag-item:hover {
				filter: brightness(1.1);
			}

			.tags-input-container .tag-item .tag-close {
				cursor: pointer;
				font-weight: bold;
				font-size: 16px;
				line-height: 1;
			}
		/* Isolated Input Field */
		.tags-input-container .tag-input-field {
			border: none !important;
			outline: none !important;
			background: transparent !important;
			padding: var(--spacing);
			color: inherit;
			font-family: inherit;
			font-size: inherit;
			line-height: var(--input_line_height);
			flex: 1;
			/*height: calc(var(--input_height) - ((var(--input_padding_y) * 2) + (var(--input_border_width) * 2)));*/
			min-width: 80px;
			margin: 0;
		}
		/* Clear All Button */
		.tags-input-container .tag-clear-all {
			position: absolute;
			right: 12px;
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			font-size: 20px;
			color: #999;
			font-weight: bold;
			display: none;
			transition: color 0.2s ease;
		}

			.tags-input-container .tag-clear-all:hover {
				color: #e74c3c;
			}
	/* #endregion */
}