.licenseRow,
.transactionRow {
	position: relative;
	padding: 5px 14px;
	border-bottom: 1px solid #000000;
	line-height: 18px;
}

.licenseRow.even,
.transactionRow.even {
	background-color: rgba(0, 0, 0, 0.2)
}

.licenseRow.odd,
.transactionRow.odd {
	background-color: rgba(0, 0, 0, 0.1)
}

.licenseLegend,
.transactionLegend {
	background: #0197cf;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 14px;
}

.licenseRowRight {
	position: absolute;
	right: 14px;
}

.transactionRowDate {
	position: absolute;
	left: 14px;
}

.transactionRowEvent {
	position: absolute;
	left: 451px;
}

.transactionRowPrice {
	position: absolute;
	right: 14px;
}

.transactionRowItems {
	padding-left: 121px;
}

.transactionRowTitle {
	padding-right: 162px;
}

.transactionRowItems .itemSubtext {
	color: #626366;
}

.transactionRowName {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	width: 45%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.transactionRowName .itemSubtext {
	color: #ff9900;
	font-size: 10px;
}

.transactionRowDueDate {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: center;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.transactionRowAmountDue {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: center;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.transactionRowUpdateStatus {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: center;
	width: 15%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.updateSubscriptionTitle {
	color: #ffffff;
}

.updateSubscriptionOption {
	color: #ffffff;
}

.updateSubscriptionOptionPrice {
	color: #8bc53f;
}

.updateSubscriptionOption input {
	margin-right: 8px;
	margin-top: 5px;
}

.transactions .transactionRow .transactionRowAmountDue {
	color: #ff9900;
}

.transactionTable {
	width: 100%;
	border: none;
	border-spacing: 0px;
}

.accountInfoBlock .block_content {
	color: #8f98a0;
	line-height: 17px;
}

.accountRow {
	position: relative;
}

.accountRow .accountData {
	position: absolute;
	right: 0px;
}

.accountData a {
	color: #b0aeac;
}

.accountRow.accountBalance {
	margin-top: 15px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 7px;
	color: #66c0f4;
}

.accountBalance .price {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-size: 24px;
}

.account_row .account_data,
.account_row a.item_action {
	float: right;
}

.account_row .account_label {
	float: left;
}

.account_row.account_balance {
	height: 30px;
	line-height: 22px;
	margin-bottom: 7px;
	color: #66c0f4;
}

.account_balance .price {
	color: 66c0f4;
	font-size: 18px;
}

.payment_method_box {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 5px;
}

.payment_method_box a {
	color: #B0AEAC;
}

.youraccount_tabs {
	margin-bottom: 16px;
}

.youraccount_tab {
	float: left;
	padding: 0px 16px;
	text-transform: uppercase;
	cursor: pointer;
	color: #B0AEAC;
}

.youraccount_tab:hover {
	color: #D6D7D8;
}

.youraccount_tab.active {
	color: #FFFFFF;
	cursor: default;
}

.transaction_footer {
	margin-top: 1px;
	color: #626366;
	font-size: 10px;
	text-transform: uppercase;
}

.transaction_footer div.transaction_footer_element {
	float: right;
	padding: 5px 8px;
}

.transaction_footer div.transaction_footer_element.show_all_link {
	color: #898a8c;
	background-color: rgba(0, 0, 0, 0.2);
	margin-left: 1px;
	cursor: pointer;
}

.redeem_wallet_code_form,
.registerkey_form {
	background-color: rgba(103, 193, 245, 0.2);
	padding: 20px;
	margin-top: 16px;
	margin-right: 16px;
	border-radius: 2px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* .redeem_wallet_code_form ::placeholder {
	font-style: italic;
	font-size: 13px;
	color: #6b7378;
} */

.redeem_wallet_code_form .button_row {
	min-height: 40px;
}

.redeem_wallet_code_login {
	padding: 20px 14px 20px 14px;
}

.redeem_wallet_form_description {
	padding-top: 8px;
	padding-bottom: 5px;
}

.redeem_form_row {
	padding-top: 8px;
	padding-bottom: 8px;
}

.redeem_form_row .dselect_container {
	float: left;
	width: 212px;
	margin-top: 10px;
	padding: 0px;
	display: inline;
}

.redeem_form_row .dselect_container button.trigger,
.dselect_container button.activetrigger {
	padding-right: 30px;
}

.upsell_and_graphic {
	justify-content: space-between;
	gap: 2%;
}

.redeem_wallet_code_upsell {
	padding-top: 40px;
	flex: 1;
}

.redeem_wallet_code_upsell_header,
.registerkey_instructions_header {
	font-size: 15px;
	color: #FFFFFF !important;
}

.redeem_wallet_code_upsell div {
	padding-top: 15px;
}

.redeem_wallet_code_upsell a {
	color: #67C1F5;
}

.redeem_wallet_code_upsell a:hover {
	color: #ffffff;
}

.redeem_wallet_code_upsell div b {
	color: #ffffff;
}

body.redeemwalletcode .page_content_ctn .page_content {
	background-repeat: no-repeat;
	background-position: bottom right;
	display: flex;
	flex-direction: row;
}

body.registerkey .page_content_ctn .page_content {
	display: flex;
}

.redeem_wallet_conversion_box {
	width: 100%;
	border: 1px solid #28394d;
	background: rgba(0, 0, 0, 0.2);
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
}

.redeem_wallet_conversion_box_row {
	width: 284px;
	margin: 0px auto;
}

.redeem_wallet_conversion_text {
	float: left;
	color: #ffffff;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.redeem_wallet_conversion_text_equal {
	width: 20px;
}

.redeem_wallet_conversion_text_box {
	width: 130px;
	border: 1px solid #28394d;
	background: rgba(0, 0, 0, 0.2);
}

.redeem_wallet_code_form h3#receipt_confirmation_amount_message {
	padding-top: 15px;
}

.redeem_wallet_receipt_form_text {
	padding-top: 15px;
}

.redeem_input_box_text {
	width: 200px;
}

#product_key {
	width: 450px;
}

.block.registerkey_productlist {
	width: 100%;
	padding: 10px;
	margin-top: 10px;
}

.registerkey_form #purchase_confirm_ssa {
	float: left;
	margin-top: 10px;
}

.registerkey_keyexamples {
	margin-top: 10px;
}

.registerkey_keyexample_header {
	font-size: 15px;
}

.registerkey_keyexample {
	margin-left: 10px;
}

.redeem_wallet_background {
	background-image: url('/public/images/account/redeem_code_background.jpg');
	background-repeat: no-repeat;
	background-position: center 220px;
	background-origin: content-box;
}

.redeem_wallet_background_DE {
	background-image: url('/public/images/account/redeem_code_background_de.jpg');
}

.redeem_wallet_background_ES {
	background-image: url('/public/images/account/redeem_code_background_es.jpg');
}

.redeem_wallet_background_FR {
	background-image: url('/public/images/account/redeem_code_background_fr.jpg');
}

.redeem_wallet_background_IE {
	background-image: url('/public/images/account/redeem_code_background_ie.jpg');
}

.redeem_wallet_background_PT {
	background-image: url('/public/images/account/redeem_code_background_pt.jpg');
}

.redeem_wallet_background_eur {
	background-image: url('/public/images/account/redeem_code_background_eur.jpg');
}

.redeem_wallet_background_gbp {
	background-image: url('/public/images/account/redeem_code_background_gbp.jpg');
}

.redeem_wallet_receipt {
	background-image: url('/public/images/account/redeem_code_complete.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 350px;
}

.redeem_shop_now_button {
	position: absolute;
	top: 240px;
	left: 475px;
}

.redeem_purchase_store_image {
	padding: 4px;
}

.modal_top_band {
	background-image: url('/public/images/got_steam_top.jpg');
	background-repeat: no-repeat;
	width: 508px;
	height: 25px;
	margin-bottom: 1px;
}

.modal_close {
	float: right;
	width: 9px;
	height: 9px;
	margin-right: 9px;
	margin-top: 7px;
}

.modal_box {
	border-color: #4d4b49;
	border-style: solid;
	border-width: 2px 1px;
	width: 466px;
	background-color: #262626;
	padding: 20px;
}

#modalBG {
	position: absolute;
	z-index: 900;
	background-color: #000000;
	filter: alpha(opacity=60);
	opacity: 0.8;
}

.modal_frame {
	width: 508px;
	position: absolute;
	z-index: 1000;
	background-color: #000000;
}

.redeem_modal_header {
	height: 50px;
}

.redeem_modal_header_title {
	padding-left: 20px;
	padding-top: 5px;
}

#redeem_wallet_success_description {
	font-size: 14px;
}

.redeem_modal_header_title_text {
	font-size: 22px;
}

.redeem_wallet_success_image {
	padding-top: 10px;
}

#redeem_wallet_success_upsell_text {
	padding-top: 4px;
}

.redeem_wallet_upsell_button {
	padding-left: 10px;
}

.redeem_wallet_link_bar {
	margin-top: 20px;
}

div.tx_record_row_holder {
	width: 100%;
	overflow: hidden;

}

div.transactions>div.tx_record_row_holder {
	border: 1px solid #1a1a1a;
	border-top: 1px solid #565656;
	padding: 1em 0;
	background: #2f2f30;


	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49494b), to(#3d3d3e));

	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49494b', EndColorStr='#3d3d3e');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#49494b',EndColorStr='#3d3d3e')";
}


div.tx_record_row_activity {
	/* No styling now, just acts like a normal div */
}

div.tx_record_row_blurb {
	padding-left: 5em;
	padding-top: 1em;
}

div.tx_record_row_cost {
	width: 75px;
	float: right;
}

div.tx_record_row_event {
	width: 115px;
	float: right;
}

div.tx_record_row_date {
	width: 100px;
	float: right;
}

div.transactions div.tx_record_row_activity {
	padding-left: 1em;
	font-weight: bold;
	color: #cdcac1;
	font-size: 1.2em;

}

div.youraccount_history_home {
	width: 100%;
	overflow: hidden;
}

.account .breadcrumbs,
.account_preferences .breadcrumbs {
	padding-top: 24px;
}

div.youraccount_history_home>div.breadcrumbs_nav {
	float: left;
}

div.youraccount_history_home>div.account_wallet {
	float: right;
	width: 400px;
}

.cancel_purchase_dialog {
	border: 1px solid #ff9900;
	background-color: #000000;
	color: #cdcac1;
	margin: 15px;
	padding: 11px 15px 11px 19px;
}

.cancel_purchase_button {
	display: inline-block;
	border: none;
	border-radius: 3px;
	color: #e1e1e1;
	text-decoration: none;

	padding: 3px 8px 3px 8px;

	font-size: 11px;

	background-repeat: repeat-x;

	background-color: #e5e2df;
	background-image: url('/public/images/v5/client_btn.png');
	background-position: top;
}

.cancel_purchase_button:hover {
	color: #fff;
	text-decoration: none;
}

.email_pref_ctn {
	padding-top: 8px;
	transition: opacity 0.25s;
}

.email_pref_ctn.individual_pref {
	padding: 14px 8px 8px 13px;
	margin-left: 16px;
	background: rgba(0, 0, 0, 0.2);
	margin-top: 4px;
	border-radius: 3px;
}

.send_choice_inner.email_pref_ctn.individual_pref label {
	width: calc(100% - 20px);
}

.email_pref_ctn.disabled {
	opacity: 0.5;
}

.email_footer_notes {
	padding-top: 8px;
}

.accountTable {
	width: 100%;
	border-collapse: collapse;

}

.accountTable>thead>tr {
	background-color: #2c405b;
}

.accountTable th {
	color: #808891;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	padding: 4px 14px;
}

.accountTable>tbody>tr:nth-child(even) {
	background-color: rgba(42, 63, 90, 0.4);
}

.accountTable>tbody>tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.4);
}

.accountTable td {
	padding: 5px 14px;
}

.accountTable tr.long_values td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-word;
}

.accountTable tr.long_values:hover {
	color: white;
}

.account_table th.license_date_col,
.account_table td.license_date_col {
	text-align: right;
}

.free_license_remove_link {
	float: right;
}

.grey_overlay {
	background-color: #000000;
	opacity: 0.2;
	filter: alpha(opacity=20);
}


.errormsg {
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #a81a28;
	background-color: #4a0b12;
}

.account_table {
	width: 100%;
	border-collapse: collapse;
}

.block_content.account_table_ctn {
	margin-bottom: 80px;
}

.account_table th {
	text-align: left;
	text-transform: uppercase;
	background-color: #0197cf;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 14px;
	font-weight: normal;
}

.account_table tr {
	border-bottom: 1px solid #000000;
	line-height: 18px;
}

.account_table td {
	padding: 5px 14px;
}

.account_table tr>*:last-child {
	text-align: right;
}

.account_table a:hover {
	color: #fff;
}

.account_table tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.2);
}

.account_table tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.1);
}

.wallet_alert_table_ctn {
	margin-bottom: 80px;
}

.wallet_alert_table {
	border-collapse: collapse;
	width: 40%;
}

.wallet_alert_table th {
	text-align: center;
	text-transform: uppercase;
	background-color: rgb(177, 141, 22);
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 14px;
	font-weight: normal;
}

.wallet_alert_table th.expired {
	text-align: center;
	text-transform: uppercase;
	background-color: #690009;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 14px;
	font-weight: normal;
}

.wallet_alert_table tr {
	border-bottom: 1px solid #000000;
	line-height: 18px;
}

.wallet_alert_table td {
	padding: 5px 14px;
}

.wallet_alert_table tr>*:last-child {
	text-align: right;
}

.wallet_alert_table a:hover {
	color: #fff;
}

.wallet_alert_table tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.2);
}

.wallet_alert_table tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.1);
}

.wallet_alert_table {
	border-collapse: collapse;
}

.cached_payment_method_name {
	width: 100%;
}

.cached_payment_method_exists {
	color: #d6d7d8;
}

.cached_payment_method_description {
	color: #626366;
	font-size: 9px;
}

.block a.linkbar {
	height: 22px;

	padding-top: 4px;
	padding-left: 8px;
	line-height: 17px;
	background: rgba(103, 193, 245, 0.1);
	color: #67c1f5;
	border-radius: 1px;
	display: block;
	margin: 8px 0;
}

.block a.linkbar:hover {
	text-decoration: none;
	color: #ffffff;
	background: #67c1f5;
	/* Old browsers */
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}


#usercountrycurrency_dselect_container {
	margin: 8px 0;
}

.wallet_history_table {
	border-spacing: 0;
	border: solid 1px #2c405b;
}

.wallet_history_table td {
	padding: 10px;
}

.wallet_history_table tr:nth-child(even) {}

.wallet_history_table tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.2);
}

.wallet_history_table tr:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.wallet_history_table th {
	background-color: #0197cf;
}

.wallet_table_row {
	cursor: pointer;
}

td.wht_date {
	text-align: right;
	padding: 6px;
	min-width: 66px;
	width: 10%;
	font-size: 10px;
	color: #7092A5;
}

.wht_items {
	text-align: left;
	width: 60%;
	padding-left: 10px;
}

.wht_item_refunded {}

.wht_type {
	text-align: left;
	min-width: 130px;
	padding-left: 10px;
}

.wht_wallet {
	text-align: center;
}

th.wht_wallet_change {
	text-align: right;
	padding-right: 8px;
}

th.wht_wallet_balance {
	text-align: right;
	padding-right: 16px;
}

.wth_item_refunded {
	color: #7092A5;
	font-size: 80%;
}

td.wht_wallet_change {
	color: #7092A5;
	text-align: right;
	width: 5%;
	white-space: nowrap;
	border-left: solid 1px #2c405b;
}

td.wht_wallet_balance {
	color: #7092A5;
	text-align: right;
	width: 5%;
	padding-right: 20px;
	white-space: nowrap;
}

td.wht_wallet_pending {
	text-align: center;
	color: #9f9f9f;
	border-left: solid 1px #2c405b;
}

.wallet_entry_highlight {
	background-color: rgba(255, 255, 255, 0.2);
}

td.wht_wallet_balance.wallet_entry_highlight {
	color: #fdfdfd;
}

td.wht_wallet_change.wallet_entry_highlight {
	color: #fdfdfd;
}

.wth_payment {
	color: #7092A5;
	font-size: 80%;
}

.wht_refunded {
	text-decoration: line-through;
}

.wht_original_price {
	text-decoration: line-through;
	color: #738895;
}

.wht_discounted_price {
	color: #BEEE11;
}

.wht_discount_pct {
	display: flex;
	align-items: center;
	padding: 0 4px;
	border-radius: 1px;
	color: #BEEE11;
	background: #4c6b22;
	margin-right: 2px;
}

td.wht_base_price {
	width: 5%;
}

.wht_base_price_discounted {
	display: flex;
	flex-direction: row;
}

td.wht_total {
	width: 5%;
	padding-right: 2em;
	text-align: right;
	white-space: nowrap;
}

.load_more_history_area {
	margin: 30px 0 60px;
	text-align: center;
}

#load_more_button {
	width: 300px;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}

#load_more_button:hover {
	background-color: #62b5e6;
	cursor: pointer;
	color: white;
}

.help_purchase_img {
	float: left;
}

.help_purchase_img img {
	float: left;
	margin: 0 3px 0 0;
	width: 10px;
}

.wallet_history_click_hint {
	padding: 0 0 6px 0;
	color: #68c1f5;
}

.account_header_line {
	background-color: #223D5A;
	padding: 0 0 0px 4px;
	font-size: 14px;

	line-height: 31px;


	color: #ffffff;
}

.account_header_line.noicon {
	padding-left: 12px;
}

.account_header_line img {
	height: 24px;
	vertical-align: middle;
	padding: 0 6px 2px 0;
}

.account_header_title {
	padding-top: 4px;
}

.account_setting_block {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	padding-bottom: 10px;
	min-height: 124px;
}

.account_setting_block_short {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	padding-bottom: 10px;
	min-height: 64px;
}

.account_setting_sub_block {
	width: 50%;
	padding: 1em;
	float: left;
	color: #808891;
	box-sizing: border-box;
}

.account_setting_sub_block_long {
	padding: 1em;
	color: #808891;
	box-sizing: border-box;
}

.account_setting_sub_block_1-2 {
	width: 45%;
	padding: 1em;
	float: left;
	color: #808891;
}

.account_setting_sub_block_2-3 {
	width: 60%;
	padding: 1em;
	float: left;
	color: #808891;
}

.account_setting_sub_block_full {
	width: 100%;
	padding: 1em;
	color: #808891;
}

.account_setting_parenthetical {
	color: #97a0ab;
	display: block;
	margin-left: 21px;
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}

.account_manage_subtitle {
	color: #fff;
	margin: 5px 0 0px;
	font-size: 15px;
	text-transform: none;
	font-weight: 500;
}

.account_manage_link {
	margin: 5px 0;
	display: inline-block;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 2px;
	background-color: #f0f8ff12;
}

.account_manage_link:hover {
	color: #ffffff;
	background-color: rgba(240, 248, 255, 0.151);
}

.account_manage_label {
	line-height: 20px;
	padding: 0 6px 0 0;
}

.accountData.price a {
	color: #66c0f4;
}

.accountData.price a:hover {
	color: #66c0f4;
	text-decoration: underline;
}


.account_data_field {
	color: #c6d4df;
}

.account_security_block {
	margin: 3px 10px 10px 0;
}

.account_security_block img {
	height: 100%;
	vertical-align: middle;
	float: left;
	padding: 0 4px 0 4px;
}

.account_setting_sub_block .payment_method_box {
	padding: 5px;
	font-size: 10px;
}

.account_setting_sub_block .payment_method_box a {
	color: #67c1f5;
}

.account_setting_sub_block .payment_method_box a:hover {
	color: #ffffff;
}

.account_setting_sub_block .cached_payment_method_description {
	font-size: inherit;
	color: #d6d7d8;
}

.spacer {
	height: 100px;
}

.account .page_header_ctn,
.account_preferences .page_header_ctn {
	background: rgba(0, 0, 0, 0) url("/public/images/v6/temp/cluster_bg_40.png") no-repeat scroll center bottom;
}

.phone_header_description img {
	padding: 0 4px 0 4px;
	vertical-align: top;
	margin-top: 1px;
}

.account .inner_rule {
	margin: 20px 0 20px 0;
}

.subscription_header_info {
	font-size: 14px;
	margin: 4px 0 8px 0;
	color: #C6D4DF;
}

.account_change_country_content {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	min-height: 324px;
	float: left;
	color: #808891;
	width: inherit;
}

.account_change_country_block {
	margin: 20px;
}

.wallet_card_image {
	flex: 1;

	img {
		max-width: 100%;
	}
}

.wallet_card_image_mobile {
	display: none;
}

body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form .redeem_input_box_text#wallet_code {
	max-width: 300px;
}

.registerkey_input_and_button {
	display: flex;
	align-items: center;
}

#registerkey_examples_text {
	margin-top: 20px;
}

@media screen and (max-width: 910px) {
	html.responsive table.account_table {
		table-layout: fixed;
		/* this forces the table to stay within the screen, but disables some autosizing behavior */
	}

	html.responsive table.account_table td {
		word-wrap: break-word;
	}

	html.responsive th.license_date_col,
	html.responsive td.license_date_col {
		width: 7em;
	}

	html.responsive th.license_acquisition_col,
	html.responsive td.license_acquisition_col {
		width: 8em;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content,
	html.responsive body.registerkey .page_content_ctn .page_content {
		flex-direction: column;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form {
		margin-top: unset;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form,
	html.responsive body.registerkey .page_content_ctn .page_content .registerkey_form {
		display: flex;
		flex-direction: column;
		margin-right: unset;
	}


	html.responsive body.redeemwalletcode .page_content_ctn .page_content .wallet_code_ctn {
		background: rgba(0, 0, 0, 0.2);
		padding: 12px;
	}


	html.responsive body.redeemwalletcode .page_content_ctn .page_content .wallet_code_input_ctn {
		justify-self: center;
	}

	html.responsive body.redeemwalletcode .wallet_card_image_mobile {
		display: contents;

		img {
			max-width: 100%;
		}
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .wallet_card_image {
		display: none;
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .redeem_wallet_code_upsell {
		max-width: 80%;
	}


}

@media screen and (max-width: 724px) {
	html.responsive .account_setting_sub_block {
		width: calc(50% - 2em);
	}
}

@media screen and (max-width: 500px) {
	html.responsive .account_setting_sub_block {
		float: none;
		width: auto;
	}

	html.responsive .account_table td {
		padding: 5px 1.5%;
	}

	html.responsive .account_table th.license_acquisition_col,
	html.responsive .account_table td.license_acquisition_col {
		display: none;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content {
		flex-direction: column;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form .wallet_code_input_ctn {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .block_content.checkout_content_box.wallet_code_content_box {
		background: rgba(0, 0, 0, 0.2);
		display: flex;
		flex-direction: column;
		padding: 0px 16px 20px 16px;
		justify-content: center;
		align-items: center;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form,
	html.responsive body.redeemwalletcode .page_content_ctn .page_content .registerkey_form {}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .registerkey_form {
		margin-right: unset;
	}

	html.responsive #product_key {
		max-width: 100%;
		width: 100%;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content .redeem_wallet_code_form .redeem_input_box_text#wallet_code {
		max-width: 100%;
		margin-right: unset;
	}

	html.responsive body.redeemwalletcode .page_content_ctn .page_content #error_display {
		width: 100%;
		text-align: center;
		margin: unset;
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .wallet_card_image {
		display: none;
	}

	html.responsive body.redeemwalletcode .wallet_card_image_mobile {
		display: contents;

		img {
			max-width: 100%;
		}
	}

	html.responsive body.redeemwalletcode .redeem_wallet_code_upsell a {
		display: flex;
		justify-content: center;
		text-align: center;
	}

	html.responsive body.redeemwalletcode .upsell_and_graphic.page_content .redeem_wallet_code_upsell {
		max-width: unset;
	}

	html.responsive body.redeemwalletcode #redirectStorePageModal,
	html.responsive .modal_box {
		width: 90%;
	}

	html.responsive .modal_top_band {
		width: 101%;
	}

	html.responsive body.redeemwalletcode #redeem_wallet_success_default_image {
		img {
			width: 100%;
		}
	}

	html.responsive body.redeemwalletcode .redeem_wallet_upsell_button {
		justify-self: center;
		padding-left: unset;
	}

	html.responsive body.redeemwalletcode #redeem_wallet_success_button {
		width: 200px;
		text-align: center;
	}

	html.responsive body.redeemwalletcode #redeem_wallet_success_button_text {
		padding: 5px;
	}
}


#enter_address .form_row {
	margin: 8px 8px 18px 0;
}

#enter_address label {
	display: block;
}

#enter_address input {
	background-color: #2a3f5a;
	color: #fff;
	border: 1px solid #000;
	border-radius: 1px;
	box-shadow: 1px 1px 0px #45556c;
	min-width: 220px;
	max-width: calc(100% - 12px);
	padding: 4px;
	margin-top: 4px;
	font-size: 14px;
}

#enter_address input:disabled {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

#billing_row_one {
	float: left;
}

#billing_row_two {
	float: left;
	padding-left: 10px;
}

#enter_address #billing_state_select_dselect_container {
	margin-top: 4px;
}

#enter_address #billing_state_select_trigger {
	padding: 2px 2px 2px 8px;
}

#enter_address .btnv6_blue_hoverfade {
	padding: 6px 18px 6px 18px;
}

#address_errors {
	color: red;
}


.account_preferences input[type=checkbox] {
	margin-right: 4px;
}

.account_preferences input[type=checkbox],
.account_preferences label {
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	color: #b8b6b4;
	cursor: pointer;
	font-size: 16px;
}

.account_preferences input[type=checkbox]:disabled+label {
	color: #4d5f69;
}

.account_preferences select {
	margin: 10px 0;
}

.minispacer {
	height: 15px;
}

.ignored_apps {
	display: flex;
	flex-direction: column;
}

.ignored_app {
	display: flex;
	flex-direction: row;
	padding: 8px;
	background: rgba(0, 0, 0, 0.3);
	margin-bottom: 2px;
}

.ignored_app:hover {
	background: rgba(255, 255, 255, 0.4);
}

.ignored_app .ignored_app_name {
	min-width: 350px;
	flex: 1;
}

.ignored_app .ignored_app_reason {
	min-width: 230px;
	margin-right: 5px;
}

.ignored_app .remove {
	font-size: 12px;
	color: #dedede;
	margin-left: 5px;
	line-height: 16px;
	width: 24px;
	margin-left: auto;
}

.ignored_app .remove img {
	vertical-align: middle;
	margin-top: -2px;
}

.opt_out_description {
	font-size: 12px;
	padding-left: 17px;
	color: #a2afb9;
}

.marked_ignore_outer {
	padding-bottom: 5px;
}

.marked_ignore_container {
	background-color: #808f9d;
	color: #ecf5fe;
	display: flex;
	flex-direction: row;
	padding: 20px;
	font-size: 16px;
}

.marked_ignore_img {
	padding-right: 5px;
	width: 32px;
	height: 32px;
	margin-top: 16px;
	margin-right: 16px;
}

span.disown_button {
	display: inline-block;
	width: 22px;
	height: 22px;
	color: #ff0000;
	min-width: 22px;
	min-height: 22px;
	background-image: url('/public/images/v6/close_btn.png');
	background-repeat: no-repeat;
	background-origin: content-box;
}

.wallet_redeem_error {
	margin-left: 20px;
}

.wallet_redeem_error>li {
	margin-top: 5px;
}

.confirmed_email_verified_header {
	padding: 24px 12px 0px 12px;
}

.confirmed_email_verified_text {
	margin-top: 14px;
	font-size: 14px;
}

.confirmed_email_verified_text a {
	text-decoration: underline;
}


.btn_green_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #D2E885 !important;

	background: #a4d007;
	background: -webkit-linear-gradient(top, #a4d007 5%, #536904 95%);
	background: linear-gradient(to bottom, #a4d007 5%, #536904 95%);
}

.btn_green_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: #799905;
	background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
	background: linear-gradient(to bottom, #799905 5%, #536904 95%);
}

@media (forced-colors:active) {
	.btn_green_white_innerfade {
		background: ButtonFace;
	}

	.btn_green_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #b6d908;
	background: -webkit-linear-gradient(top, #b6d908 5%, #80a006 95%);
	background: linear-gradient(to bottom, #b6d908 5%, #80a006 95%);
}

.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #a1bf07;
	background: -webkit-linear-gradient(top, #a1bf07 5%, #80a006 95%);
	background: linear-gradient(to bottom, #a1bf07 5%, #80a006 95%);
}

.btn_blue_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;

	background: #aaceff;
	background: -webkit-linear-gradient(top, #aaceff 5%, #3c6091 95%);
	background: linear-gradient(to bottom, #aaceff 5%, #3c6091 95%);
}

.btn_blue_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: #82a6d7;
	background: -webkit-linear-gradient(top, #82a6d7 5%, #3c6091 95%);
	background: linear-gradient(to bottom, #82a6d7 5%, #3c6091 95%);
}

@media (forced-colors:active) {
	.btn_blue_white_innerfade {
		background: ButtonFace;
	}

	.btn_blue_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #bbd8ff;
	background: -webkit-linear-gradient(top, #bbd8ff 5%, #4873a7 95%);
	background: linear-gradient(to bottom, #bbd8ff 5%, #4873a7 95%);
}

.btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #9ab7de;
	background: -webkit-linear-gradient(top, #9ab7de 5%, #4873a7 95%);
	background: linear-gradient(to bottom, #9ab7de 5%, #4873a7 95%);
}

.btn_darkblue_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(47, 137, 188, 1);
	background: -webkit-linear-gradient(top, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

.btn_darkblue_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_darkblue_white_innerfade {
		background: ButtonFace;
	}

	.btn_darkblue_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(102, 192, 244, 1);
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_darkblue_white_innerfade.btn_active,
btn_darkblue_white_innerfade.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_darkblue_white_innerfade.btn_active>span,
btn_darkblue_white_innerfade.active>span {
	background: #989b9e;
	background: -webkit-linear-gradient(top, #989b9e 5%, #aeb1b5 95%);
	background: linear-gradient(to bottom, #989b9e 5%, #aeb1b5 95%);
}

.btn_darkred_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #F5D7A4 !important;

	background: rgba(188, 47, 47, 1);
	background: -webkit-linear-gradient(top, rgba(188, 47, 47, 1) 5%, rgba(92, 37, 23, 1) 95%);
	background: linear-gradient(to bottom, rgba(188, 47, 47, 1) 5%, rgba(92, 37, 23, 1) 95%);
}

.btn_darkred_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: rgba(138, 51, 33, 1);
	background: -webkit-linear-gradient(top, rgba(138, 51, 33, 1) 5%, rgba(92, 37, 23, 1) 95%);
	background: linear-gradient(to bottom, rgba(138, 51, 33, 1) 5%, rgba(92, 37, 23, 1) 95%);
}

@media (forced-colors:active) {
	.btn_darkred_white_innerfade {
		background: ButtonFace;
	}

	.btn_darkred_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(244, 92, 102, 1);
	background: -webkit-linear-gradient(top, rgba(244, 92, 102, 1) 5%, rgba(188, 67, 47, 1) 95%);
	background: linear-gradient(to bottom, rgba(244, 92, 102, 1) 5%, rgba(188, 67, 47, 1) 95%);
}

.btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_darkred_white_innerfade.btn_active,
btn_darkred_white_innerfade.active {
	text-decoration: none !important;
	color: #493b32 !important;

	background: #fff !important;
}

.btn_darkred_white_innerfade.btn_active>span,
btn_darkred_white_innerfade.active>span {
	background: #9e9b98;
	background: -webkit-linear-gradient(top, #9e9b98 5%, #b5b1ae 95%);
	background: linear-gradient(to bottom, #9e9b98 5%, #b5b1ae 95%);
}

.btn_grey_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;

	background: #acb5bd;
	background: -webkit-linear-gradient(top, #acb5bd 5%, #414a52 95%);
	background: linear-gradient(to bottom, #acb5bd 5%, #414a52 95%);
}

.btn_grey_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: #778088;
	background: -webkit-linear-gradient(top, #778088 5%, #414a52 95%);
	background: linear-gradient(to bottom, #778088 5%, #414a52 95%);
}

@media (forced-colors:active) {
	.btn_grey_white_innerfade {
		background: ButtonFace;
	}

	.btn_grey_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #cfd8e0;
	background: -webkit-linear-gradient(top, #cfd8e0 5%, #565f67 95%);
	background: linear-gradient(to bottom, #cfd8e0 5%, #565f67 95%);
}

.btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #99a2aa;
	background: -webkit-linear-gradient(top, #99a2aa 5%, #565f67 95%);
	background: linear-gradient(to bottom, #99a2aa 5%, #565f67 95%);
}

.btn_grey_grey {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ebebeb !important;

	background: rgba(0, 0, 0, 0.4);
}

.btn_grey_grey>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btn_grey_grey {
		background: ButtonFace;
	}

	.btn_grey_grey>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #000 !important;

	background: #7bb7e3;
}

.btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_grey_grey_outer_bevel {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ebebeb !important;

	background: #000;
}

.btn_grey_grey_outer_bevel>span {
	border-radius: 2px;
	display: block;


	background: #2B2B2B;
	background: -webkit-linear-gradient(top, #2B2B2B 5%, #202020 95%);
	background: linear-gradient(to bottom, #2B2B2B 5%, #202020 95%);
}

@media (forced-colors:active) {
	.btn_grey_grey_outer_bevel {
		background: ButtonFace;
	}

	.btn_grey_grey_outer_bevel>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ebebeb !important;

	background: #57749e;
	background: -webkit-linear-gradient(top, #57749e 5%, #364963 95%);
	background: linear-gradient(to bottom, #57749e 5%, #364963 95%);
}

.btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #445b7c;
	background: -webkit-linear-gradient(top, #445b7c 5%, #364963 95%);
	background: linear-gradient(to bottom, #445b7c 5%, #364963 95%);
}


.btn_grey_grey_outer_bevel:not(:hover)>span {
	box-shadow: inset 0 1px 1px #434343;
}

.btn_grey_black {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #67c1f5 !important;

	background: rgba(0, 0, 0, 0.5);
}

.btn_grey_black>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btn_grey_black {
		background: ButtonFace;
	}

	.btn_grey_black>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(102, 192, 244, 0.4);
}

.btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_grey_black.btn_active,
btn_grey_black.active {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(102, 192, 244, 0.2);
	;
}

.btn_grey_black.btn_active>span,
btn_grey_black.active>span {
	background: transparent;
}

.btn_black {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #ebebeb !important;

	background: #000;
}

.btn_black>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btn_black {
		background: ButtonFace;
	}

	.btn_black>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #000 !important;

	background: #97C0E3;
}

.btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_blue_hoverfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #67c1f5 !important;

	background: rgba(103, 193, 245, 0.2);
}

.btnv6_blue_hoverfade>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btnv6_blue_hoverfade {
		background: ButtonFace;
	}

	.btnv6_blue_hoverfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #417a9b;
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

.btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_blue_hoverfade.btn_active,
btnv6_blue_hoverfade.active {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(103, 193, 245, 0.6);
	;
}

.btnv6_blue_hoverfade.btn_active>span,
btnv6_blue_hoverfade.active>span {
	background: transparent;
}

.btnv6_lightblue_blue {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #2B5066 !important;

	background: rgba(193, 228, 249, 1);
	background: -webkit-linear-gradient(top, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
	background: linear-gradient(to bottom, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
}

.btnv6_lightblue_blue>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
}

@media (forced-colors:active) {
	.btnv6_lightblue_blue {
		background: ButtonFace;
	}

	.btnv6_lightblue_blue>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(102, 192, 244, 1);
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_blue_blue_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(47, 137, 188, 1);
	background: -webkit-linear-gradient(top, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

.btnv6_blue_blue_innerfade>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}

@media (forced-colors:active) {
	.btnv6_blue_blue_innerfade {
		background: ButtonFace;
	}

	.btnv6_blue_blue_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(102, 192, 244, 1);
	background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
	background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_green_white_innerfade {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #D2E885 !important;

	background: rgba(121, 153, 5, 1);
	background: -webkit-linear-gradient(top, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
	background: linear-gradient(to bottom, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
}

.btnv6_green_white_innerfade>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}

@media (forced-colors:active) {
	.btnv6_green_white_innerfade {
		background: ButtonFace;
	}

	.btnv6_green_white_innerfade>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(164, 208, 7, 1);
	background: -webkit-linear-gradient(top, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
	background: linear-gradient(to bottom, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
}

.btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_grey_black {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #66c0f4 !important;

	background: #212c3d;
}

.btnv6_grey_black>span {
	border-radius: 2px;
	display: block;


	background: transparent;
}

@media (forced-colors:active) {
	.btnv6_grey_black {
		background: ButtonFace;
	}

	.btnv6_grey_black>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: #66c0f4;
}

.btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btnv6_grey_black.btn_active,
btnv6_grey_black.active {
	text-decoration: none !important;
	color: #fff !important;

	background: rgba(103, 193, 245, 0.4);
	;
}

.btnv6_grey_black.btn_active>span,
btnv6_grey_black.active>span {
	background: transparent;
}

.btnv6_white_transparent {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #fff !important;

	background: transparent;
}

.btnv6_white_transparent>span {
	border-radius: 2px;
	display: block;


	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 2px;
}

@media (forced-colors:active) {
	.btnv6_white_transparent {
		background: ButtonFace;
	}

	.btnv6_white_transparent>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btnv6_white_transparent:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff !important;

	background: transparent;
}

.btnv6_white_transparent:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 2px;
}

.btn_teal {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(62, 133, 154, 1);
	background: -webkit-linear-gradient(top, rgba(62, 133, 154, 1) 5%, rgba(30, 73, 85, 1) 95%);
	background: linear-gradient(to bottom, rgba(62, 133, 154, 1) 5%, rgba(30, 73, 85, 1) 95%);
}

.btn_teal>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_teal {
		background: ButtonFace;
	}

	.btn_teal>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_teal:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(92, 163, 184, 1);
	background: -webkit-linear-gradient(top, rgba(92, 163, 184, 1) 5%, rgba(60, 103, 115, 1) 95%);
	background: linear-gradient(to bottom, rgba(92, 163, 184, 1) 5%, rgba(60, 103, 115, 1) 95%);
}

.btn_teal:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_teal.btn_active,
btn_teal.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_teal.btn_active>span,
btn_teal.active>span {
	background: rgba(72, 143, 164, 1);
	background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
	background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
}

.btn_royal_blue {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(79, 78, 181, 1);
	background: -webkit-linear-gradient(top, rgba(79, 78, 181, 1) 5%, rgba(49, 48, 151, 1) 95%);
	background: linear-gradient(to bottom, rgba(79, 78, 181, 1) 5%, rgba(49, 48, 151, 1) 95%);
}

.btn_royal_blue>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_royal_blue {
		background: ButtonFace;
	}

	.btn_royal_blue>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_royal_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(109, 108, 211, 1);
	background: -webkit-linear-gradient(top, rgba(109, 108, 211, 1) 5%, rgba(79, 78, 181, 1) 95%);
	background: linear-gradient(to bottom, rgba(109, 108, 211, 1) 5%, rgba(79, 78, 181, 1) 95%);
}

.btn_royal_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_royal_blue.btn_active,
btn_royal_blue.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_royal_blue.btn_active>span,
btn_royal_blue.active>span {
	background: rgba(72, 143, 164, 1);
	background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
	background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
}

.btn_plum {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #A4D7F5 !important;

	background: rgba(111, 35, 74, 1);
	background: -webkit-linear-gradient(top, rgba(111, 35, 74, 1) 5%, rgba(81, 5, 44, 1) 95%);
	background: linear-gradient(to bottom, rgba(111, 35, 74, 1) 5%, rgba(81, 5, 44, 1) 95%);
}

.btn_plum>span {
	border-radius: 2px;
	display: block;


	background: rgba(33, 101, 138, 1);
	background: -webkit-linear-gradient(top, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
	background: linear-gradient(to bottom, rgba(33, 101, 138, 1) 5%, rgba(23, 67, 92, 1) 95%);
}

@media (forced-colors:active) {
	.btn_plum {
		background: ButtonFace;
	}

	.btn_plum>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_plum:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #ffffff !important;

	background: rgba(151, 75, 114, 1);
	background: -webkit-linear-gradient(top, rgba(151, 75, 114, 1) 5%, rgba(121, 45, 84, 1) 95%);
	background: linear-gradient(to bottom, rgba(151, 75, 114, 1) 5%, rgba(121, 45, 84, 1) 95%);
}

.btn_plum:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: transparent;
}

.btn_plum.btn_active,
btn_plum.active {
	text-decoration: none !important;
	color: #323b49 !important;

	background: #fff !important;
}

.btn_plum.btn_active>span,
btn_plum.active>span {
	background: rgba(72, 143, 164, 1);
	background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
	background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
}

.btn_green_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #d2efa9;
	 !important;

	background: transparent;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.btn_green_steamui>span {
	border-radius: 2px;
	display: block;


	background: #6fa720;
	background: -webkit-linear-gradient(top, #6fa720 5%, #588a1b 95%);
	background: linear-gradient(to bottom, #6fa720 5%, #588a1b 95%);
	background: linear-gradient(to right, #75b022 5%, #588a1b 95%);
}

@media (forced-colors:active) {
	.btn_green_steamui {
		background: ButtonFace;
	}

	.btn_green_steamui>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff;
	 !important;

	background: transparent;
}

.btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
}

.btn_green_steamui.btn_active,
btn_green_steamui.active {
	text-decoration: none !important;
	color: #fff;
	 !important;

	background: transparent;
}

.btn_green_steamui.btn_active>span,
btn_green_steamui.active>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
}

.btn_grey_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #dfe3e6;
	 !important;

	background: transparent;
}

.btn_grey_steamui>span {
	border-radius: 2px;
	display: block;


	background: #75b022;
	background: -webkit-linear-gradient(top, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to right, #32363f 5%, #32363f 95%);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-out;
}

@media (forced-colors:active) {
	.btn_grey_steamui {
		background: ButtonFace;
	}

	.btn_grey_steamui>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff;
	 !important;

	background: transparent;
}

.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #464d58 5%, #464d58 95%);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}

.btn_blue_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #c3e1f8;
	 !important;

	background: transparent;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.btn_blue_steamui>span {
	border-radius: 2px;
	display: block;


	background: #75b022;
	background: -webkit-linear-gradient(top, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
	background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	background-position: 25%;
	background-size: 330% 100%;
}

@media (forced-colors:active) {
	.btn_blue_steamui {
		background: ButtonFace;
	}

	.btn_blue_steamui>span {
		background: ButtonFace;
		border: 1px solid ButtonBorder;
	}
}

.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff;
	 !important;

	background: transparent;
}

.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
	background: #8ed629;
	background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
	background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
	background-position: 0%;
	background-size: 330% 100%;
}


/* This class must be applied to anything you want to use buttons in to enable hover states. */
.btn_hover {}

.inner_bevel {
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
}

/* fix for mozilla <button> elements */
button::-moz-focus-inner {
	padding: 0;
	border: none;
}

/* Borders */
.btn_border_2px {
	border-radius: 4px;
	border: 2px solid #172030;
}

.btn_border_2px>span {
	border-radius: 3px;
}

.btnv6_border_2px {
	border-radius: 4px;
	border: 2px solid #17202f;
}

.btnv6_border_2px>span {
	border-radius: 3px;
}

/* Sizing */
.btn_large>span,
input.btn_large {
	padding: 0 15px;
	font-size: 16px;
	line-height: 40px;
}

.btn_medium_tall>span,
input.btn_medium_tall {
	padding: 0 15px;
	font-size: 15px;
	line-height: 36px;
}

.btn_medium>span,
input.btn_medium {
	padding: 0 15px;
	font-size: 15px;
	line-height: 30px;
}

.btn_medium .ico16 {
	margin: 7px 0;
	vertical-align: top;
}

.btn_medium_thin>span,
input.btn_medium_thin {
	padding: 0 5px;
	font-size: 15px;
	line-height: 30px;
}

.btn_medium_wide>span,
input.btn_medium_wide {
	padding: 0 24px;
	font-size: 15px;
	line-height: 30px;
}

.btn_small>span,
input.btn_small {
	padding: 0 15px;
	font-size: 12px;
	line-height: 20px;
}

.btn_small_thin>span,
input.btn_small_thin {
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
}

.btn_small_tall>span,
input.btn_small_tall {
	padding: 0 15px;
	font-size: 12px;
	line-height: 24px;
}

.btn_small_wide>span,
input.btn_small_wide {
	padding: 0 24px;
	font-size: 12px;
	line-height: 20px;
}

.btn_tiny>span,
input.btn_tiny {
	padding: 0 7px;
	font-size: 11px;
	line-height: 17px;
}

/* Misc effects */
.btn_uppercase>span {
	text-transform: uppercase;
}

/* Icons */

/* 18x18 */
.ico18 {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 0px;
	background: url(https://store.akamai.steamstatic.com/public/shared/images/buttons/icons_18.png?v=3);
	vertical-align: text-top;
}


.ico18.thumb_down {
	background-position: -18px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico18.thumb_down {
	background-position: -90px 0px;
}

.btn_active .ico18.thumb_down,
.active .ico18.thumb_down {
	background-position: -54px 0px;
}

.ico18.thumb_up {
	background-position: 0px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico18.thumb_up {
	background-position: -72px 0px;
}

.btn_active .ico18.thumb_up,
.active .ico18.thumb_up {
	background-position: -36px 0px;
}

.ico18.accepted_and_voted {
	background-position: 0px -18px;
}


/* 16x16 */
.ico16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(https://store.akamai.steamstatic.com/public/shared/images/buttons/icons_16.png?v=5);
	vertical-align: text-top;
}


.ico16.comment {
	background-position: 0px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.comment {
	background-position: -16px 0px;
}


.ico16.thumb_down {
	background-position: -32px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_down {
	background-position: -48px 0px;
}

.btn_active .ico16.thumb_down,
.active .ico16.thumb_down {
	background-position: -64px 0px;
}

.ico16.thumb_up {
	background-position: -80px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_up {
	background-position: -112px 0px;
}

.btn_active .ico16.thumb_up,
.active .ico16.thumb_up {
	background-position: -96px 0px;
}

.ico16.thumb_downv6 {
	background-position: -64px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_downv6 {
	background-position: -80px -16px;
}

.btn_active .ico16.thumb_downv6,
.active .ico16.thumb_downv6 {
	background-position: -96px -16px;
}

.ico16.thumb_upv6 {
	background-position: -112px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.thumb_upv6 {
	background-position: -144px -16px;
}

.btn_active .ico16.thumb_upv6,
.active .ico16.thumb_upv6 {
	background-position: -128px -16px;
}

.ico16.arrow_up {
	background-position: 0px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.arrow_up {
	background-position: -16px -16px;
}


.ico16.arrow_down {
	background-position: -48px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.arrow_down {
	background-position: -32px -16px;
}


.ico16.report {
	background-position: -128px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.report {
	background-position: -144px 0px;
}

.btn_active .ico16.report,
.active .ico16.report {
	background-position: -160px 0px;
}

.ico16.reportv6 {
	background-position: -256px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.reportv6 {
	background-position: -272px 0px;
}

.btn_active .ico16.reportv6,
.active .ico16.reportv6 {
	background-position: -288px 0px;
}

.ico16.arrow_next {
	background-position: -176px 0px;
}


.ico16.checkbox {
	background-position: -192px 0px;
}


.ico16.bucketnew {
	background-position: -208px 0px;
}


.ico16.bucketqueue {
	background-position: -224px 0px;
}


.ico16.bucketrefresh {
	background-position: -240px 0px;
}


.ico16.bucketfollow {
	background-position: -176px -16px;
}


.ico16.bucketfavorite {
	background-position: -192px -16px;
}


.ico16.funny {
	background-position: -208px -16px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.funny {
	background-position: -224px -16px;
}

.btn_active .ico16.funny,
.active .ico16.funny {
	background-position: -224px -16px;
}

.ico16.bluearrow_down {
	background-position: -304px 0px;
}

.ico_hover:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .ico16.bluearrow_down {
	background-position: -304px -16px;
}

.btn_active .ico16.bluearrow_down,
.active .ico16.bluearrow_down {
	background-position: -304px -16px;
}

/* Arrows are the only icons I've not fully replaced yet. If you need to use them, please convert to the new icon code */

.btn_details_arrow {
	display: inline-block;
	width: 15px;
	height: 16px;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/buttons/icon_double_arrows.png');
	vertical-align: middle;
}

.btn_details_arrow.up {
	background-position: 0px 0px;
}

.btn_details:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .btn_details_arrow.up {
	background-position: -15px 0px;
}

.btn_details_arrow.down {
	background-position: 15px 0px;
}

.btn_details:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover .btn_details_arrow.down {
	background-position: 30px 0px;
}

.btn_disabled,
button:disabled {
	opacity: 0.45;
	cursor: default;
}

.btn_disabled:hover,
button:disabled:hover {
	text-decoration: none;
}

.packageTagsArrow {
	display: inline-block;
	width: 15px;
	height: 16px;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/buttons/icon_double_arrows.png');
}

.packageTagsArrow.Expand {
	background-position: 18px 1px;
}

.packageTagsArrow.Collapse {
	background-position: 3px 1px;
}


._3NvasCX7YWBZpC8aibkm0E {
	margin-top: var(--spacing-0);
	margin-right: var(--spacing-0);
	margin-bottom: var(--spacing-0);
	margin-left: var(--spacing-0)
}

._37cUiZ5UzC1qHmlFJaMIAr {
	margin-top: var(--spacing-1);
	margin-right: var(--spacing-1);
	margin-bottom: var(--spacing-1);
	margin-left: var(--spacing-1)
}

._22pmrTZIf7_RclhN_Za_yk {
	margin-top: var(--spacing-2);
	margin-right: var(--spacing-2);
	margin-bottom: var(--spacing-2);
	margin-left: var(--spacing-2)
}

._2xmWKu-UddfctI38U1zCEJ {
	margin-top: var(--spacing-3);
	margin-right: var(--spacing-3);
	margin-bottom: var(--spacing-3);
	margin-left: var(--spacing-3)
}

._3zdjzY_LgHtL18eXyDfTPX {
	margin-top: var(--spacing-4);
	margin-right: var(--spacing-4);
	margin-bottom: var(--spacing-4);
	margin-left: var(--spacing-4)
}

._3Rlz0SKD-6_YdCp2lqn9vN {
	margin-top: var(--spacing-5);
	margin-right: var(--spacing-5);
	margin-bottom: var(--spacing-5);
	margin-left: var(--spacing-5)
}

._3r8BgGiIlHywi0ZHwZwQ06 {
	margin-top: var(--spacing-6);
	margin-right: var(--spacing-6);
	margin-bottom: var(--spacing-6);
	margin-left: var(--spacing-6)
}

.N4_w_lLzz5mWWR8OXme85 {
	margin-top: var(--spacing-7);
	margin-right: var(--spacing-7);
	margin-bottom: var(--spacing-7);
	margin-left: var(--spacing-7)
}

._9RIErOlJkYsmKjLXHdh97 {
	margin-top: var(--spacing-8);
	margin-right: var(--spacing-8);
	margin-bottom: var(--spacing-8);
	margin-left: var(--spacing-8)
}

._3z-GriX8_kmVXisqGPQP4v {
	margin-top: var(--spacing-9);
	margin-right: var(--spacing-9);
	margin-bottom: var(--spacing-9);
	margin-left: var(--spacing-9)
}

._3-jQFfu-TMQAisG5aNNkWL {
	margin-left: var(--spacing-0);
	margin-right: var(--spacing-0)
}

._3BMISfIZLtYzhHW9gLrAhg {
	margin-left: var(--spacing-1);
	margin-right: var(--spacing-1)
}

._1qzk80q4_oPzj26TeKpTx4 {
	margin-left: var(--spacing-2);
	margin-right: var(--spacing-2)
}

._3chNW-hTH9zf2lM67pGxrc {
	margin-left: var(--spacing-3);
	margin-right: var(--spacing-3)
}

._3frK-RoVzz1_EkxXrUWrpa {
	margin-left: var(--spacing-4);
	margin-right: var(--spacing-4)
}

._3d0EunwtOvStQ2yDju5Spo {
	margin-left: var(--spacing-5);
	margin-right: var(--spacing-5)
}

.UjWcrV75gIWdphzCurEvP {
	margin-left: var(--spacing-6);
	margin-right: var(--spacing-6)
}

._15ha2x6_NUFo1Tv6qK8b78 {
	margin-left: var(--spacing-7);
	margin-right: var(--spacing-7)
}

._1RQYcsmS0CjJeuzIfLKoED {
	margin-left: var(--spacing-8);
	margin-right: var(--spacing-8)
}

._2HJM3M2-vhQ5LBWCEaHOwi {
	margin-left: var(--spacing-9);
	margin-right: var(--spacing-9)
}

._3QML-HLKdsHN3lQ1vnk92D {
	margin-top: var(--spacing-0);
	margin-bottom: var(--spacing-0)
}

._1k6paF6gdfFzTl10WpotUM {
	margin-top: var(--spacing-1);
	margin-bottom: var(--spacing-1)
}

.xSx33Q9HV5Ghqo03_YD5k {
	margin-top: var(--spacing-2);
	margin-bottom: var(--spacing-2)
}

._3BN9zmVvKsCyZ0tUXADLZM {
	margin-top: var(--spacing-3);
	margin-bottom: var(--spacing-3)
}

._3uyKbdicYj323IQJk-C8pG {
	margin-top: var(--spacing-4);
	margin-bottom: var(--spacing-4)
}

.IxdkD105ge_zVEjQSuOId {
	margin-top: var(--spacing-5);
	margin-bottom: var(--spacing-5)
}

.PmQV_ETAJ2g68DVWZEwxP {
	margin-top: var(--spacing-6);
	margin-bottom: var(--spacing-6)
}

._2q2PjZKCT0YIQ-64rWcY5q {
	margin-top: var(--spacing-7);
	margin-bottom: var(--spacing-7)
}

.atp0PA3O78rEG05sop1fy {
	margin-top: var(--spacing-8);
	margin-bottom: var(--spacing-8)
}

.vwwFwt8PahbfVSHR8_dJ5 {
	margin-top: var(--spacing-9);
	margin-bottom: var(--spacing-9)
}

._109GkAGFgOGiAPmVWK0m0J {
	margin-top: var(--spacing-0)
}

.gcFbF6YCx-Lp1Wp7EW130 {
	margin-top: var(--spacing-1)
}

._1UhHoqACuXOxmpTTta5IYN {
	margin-top: var(--spacing-2)
}

._21w5WD7DxSnCFirjLtmLln {
	margin-top: var(--spacing-3)
}

.dC3DCnUnyoa2MZdUTN--9 {
	margin-top: var(--spacing-4)
}

._1tHqS2kAVIkraAPe_emo_I {
	margin-top: var(--spacing-5)
}

._18dOE6TP4mRA7O3QdHL6GB {
	margin-top: var(--spacing-6)
}

._3PdDVSTb3FR6m2brEsXliC {
	margin-top: var(--spacing-7)
}

.uiWkru3-06GVOmizQovm9 {
	margin-top: var(--spacing-8)
}

._26krDKtA7KTg210iFtKDvs {
	margin-top: var(--spacing-9)
}

._2JK4igEQnowNhIS95PjlpW {
	margin-right: var(--spacing-0)
}

.Xy_RM1YHfHueMwZ6Smuf- {
	margin-right: var(--spacing-1)
}

.jdWkWN_Qu1mD2tI-a-hQI {
	margin-right: var(--spacing-2)
}

._3XSARDxZN9Hes-RhIbMx6g {
	margin-right: var(--spacing-3)
}

._1_SfHa_DzTvF9H2i4FTAZb {
	margin-right: var(--spacing-4)
}

._2fcrNE3XTDZqsIqbhDJ1YS {
	margin-right: var(--spacing-5)
}

._1ia3k6QUCE9Yr5JEqjwWms {
	margin-right: var(--spacing-6)
}

.RlFjDLmdHRJ7-0VSHDiv8 {
	margin-right: var(--spacing-7)
}

._1wvVeysP-cva7unTTk4TZu {
	margin-right: var(--spacing-8)
}

._37_fmgsAoPlUU-EINA3iw3 {
	margin-right: var(--spacing-9)
}

._2c4TKzSjS2WAfq0403RDx_ {
	margin-bottom: var(--spacing-0)
}

._2dEkpD7AbUbQ3ubo7no0-o {
	margin-bottom: var(--spacing-1)
}

._2nC6jKijNLiq9As21KIMXB {
	margin-bottom: var(--spacing-2)
}

._2XlwuDp5QXfLFNpocL5Gz_ {
	margin-bottom: var(--spacing-3)
}

._2UcIPijJhD703NF_kYKayO {
	margin-bottom: var(--spacing-4)
}

._1sK8Yda13RgoRePOBe5B55 {
	margin-bottom: var(--spacing-5)
}

._3NZ41YJjSNKcAe_AtsA6uC {
	margin-bottom: var(--spacing-6)
}

.U9w5sJKetkMqDM2HfepP1 {
	margin-bottom: var(--spacing-7)
}

.dlBjE6HR2ixI9oVDz1vWu {
	margin-bottom: var(--spacing-8)
}

._3DrMY_KKwfmYDJgrscjEOe {
	margin-bottom: var(--spacing-9)
}

._3zSVo1Cbe-CqaT7Tk5n00K {
	margin-left: var(--spacing-0)
}

._38GBx2G5jz8pj4-KsL5pNh {
	margin-left: var(--spacing-1)
}

._21QgAfqz5ZMSV25FtObliZ {
	margin-left: var(--spacing-2)
}

._3FxuHgd44pkOHaYIItfdVa {
	margin-left: var(--spacing-3)
}

._36ths_LJ_HGQ8jpAbKPpMt {
	margin-left: var(--spacing-4)
}

._3tCyVpWgPiEL92a-_i5aQU {
	margin-left: var(--spacing-5)
}

._3XYrr-ZC8Fcj0IeAxg2ZPm {
	margin-left: var(--spacing-6)
}

._37tKLSzsW0G30aS_wy80eT {
	margin-left: var(--spacing-7)
}

.F5R9g8RmAnrtQbyPV5ix3 {
	margin-left: var(--spacing-8)
}

._3l1WU4ErogK0pPSexH-wDD {
	margin-left: var(--spacing-9)
}

._3njyHGeybkRb9Tkhnvez7I {
	margin-inline-start: var(--spacing-0)
}

._28bOBaeV2RCbmBFHJsWm-c {
	margin-inline-start: var(--spacing-1)
}

._1FyNN6wyWXfHg1IgElwi07 {
	margin-inline-start: var(--spacing-2)
}

.dOT_kJXMOV19jz3wVY6Gl {
	margin-inline-start: var(--spacing-3)
}

._1KxJd_wdpzNBCEgFoLrNU- {
	margin-inline-start: var(--spacing-4)
}

._1iFDsUip64LQ5I7jDHGZWr {
	margin-inline-start: var(--spacing-5)
}

.NcnhIjMDlF-VszAnqcNmc {
	margin-inline-start: var(--spacing-6)
}

._2shlV62iI1JzPuigy4vCOZ {
	margin-inline-start: var(--spacing-7)
}

._1nRQe9Tok999PkIvZs-12P {
	margin-inline-start: var(--spacing-8)
}

.ScfhtCsVc5qHrAoq5F2pF {
	margin-inline-start: var(--spacing-9)
}

._3P4irYonZp8u26fxPtv4Nu {
	margin-inline-end: var(--spacing-0)
}

._2ySaED3jKKFQf2zMRk3Rrj {
	margin-inline-end: var(--spacing-1)
}

._3EwtwYs1IJen6Q8oYLcXoU {
	margin-inline-end: var(--spacing-2)
}

._2Hu5i9cD0OJwOqHspAcFG_ {
	margin-inline-end: var(--spacing-3)
}

._3SvsLTqeLQeoMpJDf7zKCE {
	margin-inline-end: var(--spacing-4)
}

._1LVPNo6zmpoM4iWtgTVhyR {
	margin-inline-end: var(--spacing-5)
}

.kwh-P2VVDak-g1WdnFL7 {
	margin-inline-end: var(--spacing-6)
}

._2Be9rYdptPKMP6utQjbwTH {
	margin-inline-end: var(--spacing-7)
}

._2xizOoRBQMN0dHkDzQZHou {
	margin-inline-end: var(--spacing-8)
}

._1BSTIpDP6bWPxnp1OaBYS4 {
	margin-inline-end: var(--spacing-9)
}

.VPuVpAjInCFCHJpawNhv {
	padding-top: var(--spacing-0);
	padding-right: var(--spacing-0);
	padding-bottom: var(--spacing-0);
	padding-left: var(--spacing-0)
}

._2EfaZiZ2t3m99ha3hRtrK_ {
	padding-top: var(--spacing-1);
	padding-right: var(--spacing-1);
	padding-bottom: var(--spacing-1);
	padding-left: var(--spacing-1)
}

.Cgo8G5L7D0oP0OHVGcq_D {
	padding-top: var(--spacing-2);
	padding-right: var(--spacing-2);
	padding-bottom: var(--spacing-2);
	padding-left: var(--spacing-2)
}

._2Cp-F0qCW7cAQbmpJCHIuk {
	padding-top: var(--spacing-3);
	padding-right: var(--spacing-3);
	padding-bottom: var(--spacing-3);
	padding-left: var(--spacing-3)
}

._1NBFz9qQu7S4tSVNyypXBZ {
	padding-top: var(--spacing-4);
	padding-right: var(--spacing-4);
	padding-bottom: var(--spacing-4);
	padding-left: var(--spacing-4)
}

._1l2NMjcaz7o9zoIcsd2qz6 {
	padding-top: var(--spacing-5);
	padding-right: var(--spacing-5);
	padding-bottom: var(--spacing-5);
	padding-left: var(--spacing-5)
}

._2ilEUuArzl2bxfBeqH56xR {
	padding-top: var(--spacing-6);
	padding-right: var(--spacing-6);
	padding-bottom: var(--spacing-6);
	padding-left: var(--spacing-6)
}

._1pYnEk5gbmwcthm_TJ9jVl {
	padding-top: var(--spacing-7);
	padding-right: var(--spacing-7);
	padding-bottom: var(--spacing-7);
	padding-left: var(--spacing-7)
}

._1Uh6oJUxQ_yWTMS4b2nhqd {
	padding-top: var(--spacing-8);
	padding-right: var(--spacing-8);
	padding-bottom: var(--spacing-8);
	padding-left: var(--spacing-8)
}

._2U-PgKEiAsQ6I5CX1Bcivc {
	padding-top: var(--spacing-9);
	padding-right: var(--spacing-9);
	padding-bottom: var(--spacing-9);
	padding-left: var(--spacing-9)
}

._25BvgupZw3IC6Py6Q1SRSA {
	padding-left: var(--spacing-0);
	padding-right: var(--spacing-0)
}

._3dcUlSOoU-08fUdJFUbvvv {
	padding-left: var(--spacing-1);
	padding-right: var(--spacing-1)
}

._3SAnkvn0B-LMdMFaduuu-r {
	padding-left: var(--spacing-2);
	padding-right: var(--spacing-2)
}

._1PBYi_MJRnTnb78ieSkZdM {
	padding-left: var(--spacing-3);
	padding-right: var(--spacing-3)
}

.ZBrEpMlUTpZXA3Jtzp7Td {
	padding-left: var(--spacing-4);
	padding-right: var(--spacing-4)
}

._3I3zmPr3ESw4zOzOGDASW_ {
	padding-left: var(--spacing-5);
	padding-right: var(--spacing-5)
}

.CwtOBEDDfH99-w_bGE3IG {
	padding-left: var(--spacing-6);
	padding-right: var(--spacing-6)
}

._3xUq6lmbysdSG1UfHHUa5Z {
	padding-left: var(--spacing-7);
	padding-right: var(--spacing-7)
}

._28tN4C6v8VW2ejxRY2B1tu {
	padding-left: var(--spacing-8);
	padding-right: var(--spacing-8)
}

._2hqyltVU3s67q6p-4i9NSC {
	padding-left: var(--spacing-9);
	padding-right: var(--spacing-9)
}

._39VRdJWq8EW9_zxn56glGF {
	padding-top: var(--spacing-0);
	padding-bottom: var(--spacing-0)
}

._3L7uZ9UMb8zNWkAfISDalH {
	padding-top: var(--spacing-1);
	padding-bottom: var(--spacing-1)
}

._17dh99ftEgW6MqUUyBEx9n {
	padding-top: var(--spacing-2);
	padding-bottom: var(--spacing-2)
}

._3rxHYJ-yn5HnVZXyo_UIr6 {
	padding-top: var(--spacing-3);
	padding-bottom: var(--spacing-3)
}

._1e1cmGasx_GOrdyo8scISG {
	padding-top: var(--spacing-4);
	padding-bottom: var(--spacing-4)
}

._3keWdP7JZkvrPRNcvaiLCP {
	padding-top: var(--spacing-5);
	padding-bottom: var(--spacing-5)
}

._3PN00WLNv23XSFFf8pTRJA {
	padding-top: var(--spacing-6);
	padding-bottom: var(--spacing-6)
}

._3juWwdcO32MpzR8tsdQagh {
	padding-top: var(--spacing-7);
	padding-bottom: var(--spacing-7)
}

.JiHYKdA6XyJ0Ptq-KhzCw {
	padding-top: var(--spacing-8);
	padding-bottom: var(--spacing-8)
}

.noBlhkZf0RHZhYXB-u8Cn {
	padding-top: var(--spacing-9);
	padding-bottom: var(--spacing-9)
}

._3hle3vTNIOsz-LDRsBRY8e {
	padding-top: var(--spacing-0)
}

._2QX6zl8-FIRfsfskDVA813 {
	padding-top: var(--spacing-1)
}

._3tkNlRPf8fhD5yVwtPBwVh {
	padding-top: var(--spacing-2)
}

._1_Rc7SQfN5Qkd681XnezIM {
	padding-top: var(--spacing-3)
}

._2FUhFn7oE7LBNBVeff9nq_ {
	padding-top: var(--spacing-4)
}

._2e8IX6nBIj88MV99s7B1Lg {
	padding-top: var(--spacing-5)
}

._15WvEWMiZeootsczTe36Jy {
	padding-top: var(--spacing-6)
}

._3ziqLpUqFx5xC0N3ooqjiH {
	padding-top: var(--spacing-7)
}

._3GaJ_-CpZ5lNNdCbGXUXg7 {
	padding-top: var(--spacing-8)
}

._2MtXtdpOAGbSL6TlapM8EC {
	padding-top: var(--spacing-9)
}

._2Ympx2cMMCrdz4V95G2ArW {
	padding-right: var(--spacing-0)
}

._1bNQ5TKTK_j6u8lPYqL0yW {
	padding-right: var(--spacing-1)
}

._2uSxeDaa_JQTOmz7yV0k8E {
	padding-right: var(--spacing-2)
}

.m4LxyG5E129U0MbPfIf2T {
	padding-right: var(--spacing-3)
}

._3Do03S0ZKwn8pLCE8Qrvf7 {
	padding-right: var(--spacing-4)
}

._1C5Zb1kX29DZRamONPSGC6 {
	padding-right: var(--spacing-5)
}

._11ql9N5bOqmptua-6sFC5f {
	padding-right: var(--spacing-6)
}

._2fJem-j6vjo97DOzx4R0EL {
	padding-right: var(--spacing-7)
}

._2Dzi0GwXUgs6NmegaXqHo_ {
	padding-right: var(--spacing-8)
}

._1nyIrDj-Uw95ptRpWlupdl {
	padding-right: var(--spacing-9)
}

._2smsNZjXQrK7RAddM9a-pT {
	padding-bottom: var(--spacing-0)
}

._3tCFi-k_DFQJBNrBUX5eSf {
	padding-bottom: var(--spacing-1)
}

._1-lbnfCiPUSAWURO2UI3yE {
	padding-bottom: var(--spacing-2)
}

._3aguvGoDSU7aRkd1Pur1eb {
	padding-bottom: var(--spacing-3)
}

._3Kq594Fr1cFP11xSUJXOTu {
	padding-bottom: var(--spacing-4)
}

._2kn-Aabzv0bclc3Cko9_kY {
	padding-bottom: var(--spacing-5)
}

._2Hg_TxQ7ZUT2jmQhEgZFZC {
	padding-bottom: var(--spacing-6)
}

.KjcAwdvbyLZzlxD_leTPh {
	padding-bottom: var(--spacing-7)
}

._3R4_1rHsnIpPTSCsL5Hom6 {
	padding-bottom: var(--spacing-8)
}

._2qBwHRV-c4v57-RsAc4AOV {
	padding-bottom: var(--spacing-9)
}

._3Sp8OG8KyWGRbDbGEZNtrB {
	padding-left: var(--spacing-0)
}

.uslfTkLL92njN_sKYxRuZ {
	padding-left: var(--spacing-1)
}

._1SbormTNbavQKl4LhoMRr7 {
	padding-left: var(--spacing-2)
}

._7zDvGqiHcip7DNtejXiKQ {
	padding-left: var(--spacing-3)
}

._1_K_p2jSw_PhXIjkgs-u39 {
	padding-left: var(--spacing-4)
}

._3cpeFONZg59MSkpRb37D3a {
	padding-left: var(--spacing-5)
}

._3yAkjKQ0-lA5EvX8FC25gk {
	padding-left: var(--spacing-6)
}

._3PV5AGRGFKuO_PmlQysycB {
	padding-left: var(--spacing-7)
}

._3pycPOPwDSDTSqjC-9NkYE {
	padding-left: var(--spacing-8)
}

.H-SWK55qJtoBpyxa-msy0 {
	padding-left: var(--spacing-9)
}

._19TCeDxrlkMt1KFHsMZHWZ {
	padding-inline-start: var(--spacing-0)
}

.gpKT68PBrX7DZDHaRwvHr {
	padding-inline-start: var(--spacing-1)
}

._2H7vgbK2JbmsTPE5YJ49Di {
	padding-inline-start: var(--spacing-2)
}

._3ZKIkWDed2-7jp2Ltw8JNK {
	padding-inline-start: var(--spacing-3)
}

.T7pWU2K-ISGDGkIfHakgE {
	padding-inline-start: var(--spacing-4)
}

.kTAojgnIXoRu9N3Xmtvu6 {
	padding-inline-start: var(--spacing-5)
}

._2FxHVaVxFxbe-gywGTBYLr {
	padding-inline-start: var(--spacing-6)
}

._1OIzwZrMIFGImS2JjitYmZ {
	padding-inline-start: var(--spacing-7)
}

._3CFOeSMptqFOpNamNhVKXi {
	padding-inline-start: var(--spacing-8)
}

._2-Km8hDA6U_3Ushrcpw5fF {
	padding-inline-start: var(--spacing-9)
}

._27a8xQ-ReVtGIErEP4KSqS {
	padding-inline-end: var(--spacing-0)
}

._3Z8vgpLcNnDj_CKZt5t3iC {
	padding-inline-end: var(--spacing-1)
}

._1r4cicsHCcd-zPwDUlnDne {
	padding-inline-end: var(--spacing-2)
}

._1W06WZT9fE3UheEUPZ6j-T {
	padding-inline-end: var(--spacing-3)
}

._1SnH8kPcm7zLqpn9jh3213 {
	padding-inline-end: var(--spacing-4)
}

._3a7Hx9u7-0RusYJCnEINZS {
	padding-inline-end: var(--spacing-5)
}

._3GAeIsOY_x_QohkaGqfan9 {
	padding-inline-end: var(--spacing-6)
}

.n-dZaqQUadHY-vI9Wg-dt {
	padding-inline-end: var(--spacing-7)
}

._2UeKFA5h3vFPE0V9JPEIbE {
	padding-inline-end: var(--spacing-8)
}

._1cPkY-6VYkADuCungu6r78 {
	padding-inline-end: var(--spacing-9)
}

._3-4uPm6iJyvxHpK3DT7x6L {
	width: var(--width)
}

._3IiNa2WD-MUmLrad0-RzSC {
	max-width: var(--max-width)
}

._3AocqvUfA7f6sPEQVWiDCC {
	min-width: var(--min-width)
}

._1u7tlq5OcUVR8p7-ic_ZVw {
	height: var(--height)
}

._3N3KVUKs9soeYCWc3BpHkM {
	max-height: var(--max-height)
}

._3ugvZ2nny7eChIYJuwKYO- {
	min-height: var(--min-height)
}

._3swtpIrvrz0futGxsN8SLc {
	flex-basis: var(--flex-basis)
}

._1jkRBcprAG-KoLJ4aRxwVr {
	flex-grow: var(--flex-grow)
}

._1TqZRAPkIEpJ8piAHaVHvn {
	flex-shrink: var(--flex-shrink)
}

._2sNdnlgM-A9e5AfdXG2kmr {
	border-radius: var(--radius-none)
}

._1dhvtWTnQHytZWk5i-f-We {
	border-radius: var(--radius-sm)
}

._3C--qZDFlz6NtkjDDeT2SG {
	border-radius: var(--radius-md)
}

._2RYinm9bxw0vanLueNM8f- {
	border-radius: var(--radius-lg)
}

._1ZmWikEporw6-kCli580bF {
	border-radius: var(--radius-full)
}

._1GQDAOi2OOMjJ6Nj-opqk8 {
	cursor: var(--cursor)
}

._3C1PO6CmOdCmEpWqSSnfgG {
	position: var(--position)
}

._3nwiM11zkcuihmteaUVqjN {
	inset: var(--inset)
}

.MA0AWq66E_Bq_xW4BQWnH {
	grid-column: var(--grid-column)
}

._20b31iGeCAQ2i3C_BMDzpZ {
	grid-column-start: var(--grid-column-start)
}

._3M7MhFYmQEKpfvkfbkxPyt {
	grid-column-end: var(--grid-column-end)
}

._3kxN6A0fo06zQYu6QqPBl2 {
	grid-row: var(--grid-row)
}

.Ln1Z3B34njL8P6RMbyzSc {
	grid-row-start: var(--grid-row-start)
}

._3HjlrI3alztQQ7yy_VjZgU {
	grid-row-end: var(--grid-row-end)
}

.uh0Q7gKQw3ZgTwvd5mQiZ {
	grid-area: var(--grid-area)
}

._1i6AhxSEgz1FAUyiEt1Xsk {
	background: var(--background)
}

._2TSlFWDDfIzDdGWNXFfeFV {
	overflow: var(--overflow)
}

._3MdwIbGpGWeiE-O2owd3VF {
	z-index: var(--z-index)
}

._1jz8vOMNXWjuOs8PNx6twM {
	display: var(--display)
}

._51vKfcQCBgoT8lSk1q3iX[data-elevation="-1"] {
	box-shadow: var(--box-shadow-elevation--1)
}

._51vKfcQCBgoT8lSk1q3iX[data-elevation="0"] {
	box-shadow: var(--box-shadow-elevation-0)
}

._51vKfcQCBgoT8lSk1q3iX[data-elevation="1"] {
	box-shadow: var(--box-shadow-elevation-1)
}

._51vKfcQCBgoT8lSk1q3iX[data-elevation="2"] {
	box-shadow: var(--box-shadow-elevation-2)
}

:where(._2lajVjbyrA4lq9xF0X4NQW) {
	border: var(--border, var(--border-color-border))
}

:where(._1x6gylcu6acqj_bRoqrFHf) {
	--border-color-border: 1px solid;
	border-color: var(--border-color)
}

:where(._2UkNTTzKtJJdhYEnuwtVRd) {
	outline: 1px solid var(--outline-color)
}

:where(.Rrxq_LH_m0cYEls4MuNtG) {
	align-self: var(--align-self)
}

:where(._1i4Rlxj2r-2r2Co6jSOYRL) {
	justify-self: var(--justify-self)
}

:where(._1xbvB3MqxnugiXxR02dPOx) {
	text-align: var(--text-align)
}

._0BH1ydyFmSnUvoVK2hIc {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	border: none;
	user-select: none;
	cursor: pointer;
	font-family: var(--font-family);
	background: var(--background);
	transition-property: opacity, background, color, box-shadow;
	transition-duration: .2s;
	transition-timing-function: ease-out
}

._0BH1ydyFmSnUvoVK2hIc:hover {
	background: var(--hover-background, var(--background))
}

._0BH1ydyFmSnUvoVK2hIc:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -2px
}

._0BH1ydyFmSnUvoVK2hIc:disabled {
	opacity: .35
}

._0BH1ydyFmSnUvoVK2hIc:disabled:hover {
	background: var(--background);
	cursor: default
}

._0BH1ydyFmSnUvoVK2hIc:where(._3QKUrmKA1DptBhihc8GSAF) {
	height: var(--control-height-1);
	padding-left: var(--spacing-3);
	padding-right: var(--spacing-3);
	border-radius: var(--radius-sm);
	font-size: var(--text-size-2);
	line-height: var(--line-height-2);
	letter-spacing: var(--letter-spacing-2)
}

._0BH1ydyFmSnUvoVK2hIc:where(._3QKUrmKA1DptBhihc8GSAF)._2_fy3SzcKa1xbrgpG7JsW1 {
	padding-left: var(--spacing-1);
	padding-right: var(--spacing-1);
	--font-size: var(--text-size-4)
}

._0BH1ydyFmSnUvoVK2hIc:where(._2rbqjlRz2ShvIiYodebfc2) {
	height: var(--control-height-2);
	padding-left: var(--spacing-4);
	padding-right: var(--spacing-4);
	border-radius: var(--radius-sm);
	font-size: var(--text-size-3);
	line-height: var(--line-height-3);
	letter-spacing: var(--letter-spacing-3)
}

._0BH1ydyFmSnUvoVK2hIc:where(._2rbqjlRz2ShvIiYodebfc2)._2_fy3SzcKa1xbrgpG7JsW1 {
	padding-left: var(--spacing-2);
	padding-right: var(--spacing-2);
	--font-size: var(--text-size-5)
}

._0BH1ydyFmSnUvoVK2hIc:where(._2WV0DrM2sIAtg0N1lOU26f) {
	height: var(--control-height-3);
	padding-left: var(--spacing-5);
	padding-right: var(--spacing-5);
	border-radius: var(--radius-sm);
	font-size: var(--text-size-5);
	line-height: var(--line-height-5);
	letter-spacing: var(--letter-spacing-5)
}

._0BH1ydyFmSnUvoVK2hIc:where(._2WV0DrM2sIAtg0N1lOU26f)._2_fy3SzcKa1xbrgpG7JsW1 {
	padding-left: var(--spacing-3);
	padding-right: var(--spacing-3);
	--font-size: var(--text-size-7)
}

._0BH1ydyFmSnUvoVK2hIc:where(.RttCMpsTJp47IkzXpZYvA) {
	--background: var(--color-accent-8);
	--hover-background: var(--color-accent-10);
	color: var(--color-accent-contrast)
}

._0BH1ydyFmSnUvoVK2hIc:where(.RmQIHBmo3QqjBtWih540t) {
	--background: rgb(from var(--color-accent-3) r g b / 50%);
	--hover-background: rgb(from var(--color-accent-4) r g b / 50%);
	color: var(--color-accent-11)
}

._0BH1ydyFmSnUvoVK2hIc:where(._3Ivla_Ow2vkS32o8Ih_PeA) {
	--background: transparent;
	--hover-background: rgb(from var(--color-accent-3) r g b / 50%);
	border: 1px solid var(--color-accent-8);
	color: var(--color-accent-8)
}

._0BH1ydyFmSnUvoVK2hIc:where(._2oeLjYS5GL7cq3t8V_fC-8) {
	--background: transparent;
	--hover-background: rgb(from var(--color-accent-3) r g b / 50%);
	color: var(--color-accent-contrast)
}

._0BH1ydyFmSnUvoVK2hIc:where(.HpR1uGt2MH6wMkWZz8XTQ) {
	--background: linear-gradient(to right, var(--color-accent-8) 0%, var(--color-accent-7) 100%);
	--hover-background: linear-gradient(to right, var(--color-accent-10) 0%, var(--color-accent-8) 100%);
	color: var(--color-accent-contrast)
}

._0BH1ydyFmSnUvoVK2hIc:where(._3sJrbUPuxxtvf7RM9OYpwU) {
	width: var(--width)
}

._0BH1ydyFmSnUvoVK2hIc:where(._1SOkb8NGXTctRFJs2fKHh-) {
	min-width: var(--min-width)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(body, blockquote, dl, dd, figure, p) {
	margin: 0
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(address, b, cite, code, dfn, em, i, kbd, q, samp, small, strong, var) {
	font: unset
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(h1, h2, h3, h4, h5, h6) {
	font: unset;
	margin: 0
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(a) {
	all: unset;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(button, select, [type=button], [type=image], [type=reset], [type=submit], [type=checkbox], [type=color], [type=radio], [type=range]) {
	all: unset;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	text-indent: initial;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(label) {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(select) {
	font-weight: normal;
	font-style: normal;
	text-align: start
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(textarea, input:not([type=button], [type=image], [type=reset], [type=submit], [type=checkbox], [type=color], [type=radio], [type=range])) {
	all: unset;
	display: block;
	width: stretch;
	font-weight: normal;
	font-style: normal;
	text-align: start;
	text-indent: initial;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: text;
	white-space: pre-wrap
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(:focus) {
	outline: none
}

:where(._3A_c3YHYd4YIjA8Y-olnPl)::placeholder {
	color: unset;
	opacity: unset;
	user-select: none
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(table) {
	all: unset;
	display: table;
	text-indent: initial
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(caption) {
	text-align: inherit
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(td) {
	padding: 0
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(th) {
	font-weight: unset;
	text-align: inherit;
	padding: 0
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(abbr, acronym) {
	text-decoration: none
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(canvas, object, picture, summary) {
	display: block
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(del, s) {
	text-decoration: unset
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(fieldset, hr) {
	all: unset;
	display: block
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(legend) {
	padding: 0;
	border: none;
	cursor: default
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(li) {
	display: block;
	text-align: unset
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(ol, ul) {
	list-style: none;
	margin: 0;
	padding: 0
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(iframe) {
	display: block;
	border: none
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(iframe) {
	width: stretch
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(ins, u) {
	text-decoration: none
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(img) {
	display: block;
	max-width: 100%
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(svg) {
	display: block;
	max-width: 100%;
	flex-shrink: 0
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(mark) {
	all: unset
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(pre) {
	font: unset;
	margin: unset
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(q)::before,
:where(._3A_c3YHYd4YIjA8Y-olnPl):where(q)::after {
	content: ""
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(sub, sup) {
	font: unset;
	vertical-align: unset
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(details) ::marker,
:where(._3A_c3YHYd4YIjA8Y-olnPl):where(summary)::marker {
	content: none
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(video) {
	display: block;
	width: stretch
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(:any-link) {
	cursor: var(--cursor-link)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(button) {
	cursor: var(--cursor-button)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(:disabled, [data-disabled]) {
	cursor: var(--cursor-disabled)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(input[type=checkbox]) {
	cursor: var(--cursor-checkbox)
}

:where(._3A_c3YHYd4YIjA8Y-olnPl):where(input[type=radio]) {
	cursor: var(--cursor-radio)
}

._2DCKU_4nS3RTO87T3YPOx_ {
	--spinner-color: var(--color-accent-8);
	--spinner-track-color: rgb(from var(--color-dull-10) r g b / 60%);
	width: var(--spinner-size);
	height: var(--spinner-size);
	border-width: var(--spinner-width);
	box-sizing: border-box;
	border-style: solid;
	border-radius: 50%;
	border-top-color: var(--spinner-track-color);
	border-right-color: var(--spinner-track-color);
	border-bottom-color: var(--spinner-track-color);
	border-left-color: var(--spinner-color);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: _1SGyFmFKc3sUwmfqrrtxxJ 1.1s infinite linear;
	animation: _1SGyFmFKc3sUwmfqrrtxxJ 1.1s infinite linear
}

._2DCKU_4nS3RTO87T3YPOx_:where(._1Vxi9jNBkNCJzht7q4pUcZ) {
	--spinner-size: var(--text-size-3);
	--spinner-width: 1px
}

._2DCKU_4nS3RTO87T3YPOx_:where(._4YMNfb67K5DdLQo1iUILX) {
	--spinner-size: var(--text-size-5);
	--spinner-width: 2px
}

._2DCKU_4nS3RTO87T3YPOx_:where(._389OPmdZoebw42_AlsUFxi) {
	--spinner-size: var(--text-size-7);
	--spinner-width: 3px
}

._2DCKU_4nS3RTO87T3YPOx_:where(._2_bEJtUl18pDhzOGeCFemg) {
	--spinner-size: var(--text-size-8);
	--spinner-width: 4px
}

._2DCKU_4nS3RTO87T3YPOx_:where(._1XSG-5xKQMEoGjfZTMCTke) {
	--spinner-size: var(--text-size-9);
	--spinner-width: 5px
}

._2DCKU_4nS3RTO87T3YPOx_:where(.lQP4sfWThY4O0ZGRwTFFo) {
	--spinner-track-color: var(--color-dull-10)
}

._2DCKU_4nS3RTO87T3YPOx_:where(._3Jl5ljGbdHy_fzyOpYdWpB) {
	--spinner-track-color: var(--color-accent-11);
	--spinner-color: var(--color-accent-12)
}

._3drTSOAFK4l1BW7WUUbGvs {
	visibility: visible
}

._3drTSOAFK4l1BW7WUUbGvs[data-visibility=false] {
	visibility: hidden
}

@keyframes _1SGyFmFKc3sUwmfqrrtxxJ {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

._2YzOLNBx6TonKU0Zmp20l4 {
	display: block;
	box-sizing: border-box
}

._3nHL7awgK1Qei1XivGvHMK {
	box-sizing: border-box;
	display: flex
}

._3JCkAyd9cnB90tRcDLPp4W {
	flex-direction: var(--direction)
}

._12ampOcrpRamy1y301kEaK {
	justify-content: var(--justify)
}

._1SxQuUnaM-MXeF5UfssWve {
	align-items: var(--align)
}

.ja5o2GZTopxfGJArsZgFh {
	gap: var(--gap)
}

._3KiTPfFvdkPH6ixij56nVM {
	column-gap: var(--gap-x)
}

._38cfDT7owcq-7PHlx-Bx2j {
	row-gap: var(--gap-y)
}

.dB7ipW28YN-_GytLR4EuE {
	flex-wrap: var(--wrap)
}

.LOeaKjPDMbdcAB54IFgyX {
	display: inline-flex
}

.f6hU22EA7Z8peFWZVBJU {
	box-sizing: border-box;
	color: var(--text-color, var(--color-text-body-body));
	font-size: var(--font-size, var(--default-font-size));
	line-height: var(--line-height, var(--default-line-height));
	letter-spacing: var(--letter-spacing, var(--default-letter-spacing))
}

.f6hU22EA7Z8peFWZVBJU:where(._2tXpWMxzSX3lf_9_EFUzmJ) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.NUSSU36hkPXb7VdM8HFef {
	--font-size: var(--text-size-1);
	--line-height: var(--line-height-1);
	--letter-spacing: var(--letter-spacing-1)
}

._1HTEiDPVrmM0RUnp3DzkXW {
	--font-size: var(--text-size-2);
	--line-height: var(--line-height-2);
	--letter-spacing: var(--letter-spacing-2)
}

._1maNP9UvDekHzld1kwwQnw {
	--font-size: var(--text-size-3);
	--line-height: var(--line-height-3);
	--letter-spacing: var(--letter-spacing-3)
}

.mGlMCg85s0ULA8kYCZzMB {
	--font-size: var(--text-size-4);
	--line-height: var(--line-height-4);
	--letter-spacing: var(--letter-spacing-4)
}

._2MGI1O3WXMHKcWkSFCf6Bz {
	--font-size: var(--text-size-5);
	--line-height: var(--line-height-5);
	--letter-spacing: var(--letter-spacing-5)
}

._3kpvs1OYmjREjAE9RONmZm {
	--font-size: var(--text-size-6);
	--line-height: var(--line-height-6);
	--letter-spacing: var(--letter-spacing-6)
}

._3RzzHMo4NUK3RIl__o-aYU {
	--font-size: var(--text-size-7);
	--line-height: var(--line-height-7);
	--letter-spacing: var(--letter-spacing-7)
}

._3KRhxZU1kR1ArBuZyY_ib3 {
	--font-size: var(--text-size-8);
	--line-height: var(--line-height-8);
	--letter-spacing: var(--letter-spacing-8)
}

._3O17p9mMWHcy_sU-_IPM6R {
	--font-size: var(--text-size-9);
	--line-height: var(--line-height-9);
	--letter-spacing: var(--letter-spacing-9)
}

._3KfHV-wUo5sKXQAsJZO5Uw {
	font-weight: var(--text-weight)
}

._310d_LkZp2K-i9ZY8r2B_c {
	text-align: var(--text-align)
}

._3z4FSJhGOOHIOqRI6ZqJ_H {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--line-clamp);
	line-clamp: var(--line-clamp);
	overflow: hidden
}

.FYJ4NYxpWeIha0N1-jUcm {
	white-space: var(--white-space)
}


._291ttHtxyu5obiKzor2G9G {
	color: var(--color-dull-11);
	background-color: var(--footer-bg-color, rgba(15, 25, 36, 0.9))
}

._1y5BgqyS1zWfS5kYC34pV9 {
	text-wrap: balance;
	margin: 0
}

._12bkgGAkxHc79lKMb7rK88 a {
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.g8vToPr0EO3CpytRyimNA.g8vToPr0EO3CpytRyimNA {
	font-weight: var(--text-weight);
	color: var(--text-color, var(--color-text-body-title));
	font-size: var(--font-size, var(--default-font-size))
}

._1xP-wMjwBUZyEOyfSNfAYV {
	padding: 16px 16px 60px 16px;
	z-index: 1;
	background: #171a21
}

._3yFMcIFF5seXRG2z7Eb08C {
	max-width: 894px;
	margin: 0px auto;
	padding-top: 16px;
	color: #8f8e93;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	font-size: 12px
}

._3yFMcIFF5seXRG2z7Eb08C hr {
	border: none;
	border-bottom: 1px solid #24272c;
	margin: 20px 0
}

._2hZemvW0chMhSn36Vr0RF9 {
	line-height: 24px
}

._1DLGHwAfYnbFVIwbZjO2cn {
	color: var(--text-color, var(--color-blue-10));
	box-sizing: border-box;
	font-size: var(--font-size, var(--default-font-size));
	line-height: var(--line-height, var(--default-line-height));
	letter-spacing: var(--letter-spacing, var(--default-letter-spacing))
}

._1DLGHwAfYnbFVIwbZjO2cn:where(._1FVRWG5uD8VhzoEiOZWrEo) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

:where(._3ASRyX4FTT_eMM5S5yrkwK) {
	text-decoration: underline
}

:where(._1gsOIvG4APXjSra-_55rdz) {
	text-decoration: none
}

:where(._2OgYmw12nDHXtyT9za9yzL),
:where(._3RITvcDUZq-hpnXRpiayfs) {
	text-decoration: none
}

:where(._2OgYmw12nDHXtyT9za9yzL):hover,
:where(._3RITvcDUZq-hpnXRpiayfs):hover {
	text-decoration: underline
}

._12ldq1_X5RuLWAAs_ODwt7 {
	color: var(--text-color, var(--color-text-body-title));
	font-size: var(--font-size, var(--default-font-size));
	line-height: var(--line-height, var(--default-line-height));
	letter-spacing: var(--letter-spacing, var(--default-letter-spacing))
}

:where(._12ldq1_X5RuLWAAs_ODwt7) {
	margin: 0
}

.-YHuRmP6nUp0IqPQ4F3wk {
	--font-size: var(--text-size-1);
	--line-height: var(--heading-line-height-1);
	--letter-spacing: var(--heading-letter-spacing-1)
}

._20m6yPkrPwQ8XwlhPdMtqu {
	--font-size: var(--text-size-2);
	--line-height: var(--heading-line-height-2);
	--letter-spacing: var(--heading-letter-spacing-2)
}

._2jvih9p3Mc3zUn2nnxzDv7 {
	--font-size: var(--text-size-3);
	--line-height: var(--heading-line-height-3);
	--letter-spacing: var(--heading-letter-spacing-3)
}

._1zvMJY9dUjwMSI0j5QoEdq {
	--font-size: var(--text-size-4);
	--line-height: var(--heading-line-height-4);
	--letter-spacing: var(--heading-letter-spacing-4)
}

._1196Oisy8jDA4szPu-KrKP {
	--font-size: var(--text-size-5);
	--line-height: var(--heading-line-height-5);
	--letter-spacing: var(--heading-letter-spacing-5)
}

.R1W-zMFN4WGw9JK48Yqez {
	--font-size: var(--text-size-6);
	--line-height: var(--heading-line-height-6);
	--letter-spacing: var(--heading-letter-spacing-6)
}

.Ena8Nl7MJg7YAYsWql_jo {
	--font-size: var(--text-size-7);
	--line-height: var(--heading-line-height-7);
	--letter-spacing: var(--heading-letter-spacing-7)
}

.jyf9-rlT4iFrHQOAVn298 {
	--font-size: var(--text-size-8);
	--line-height: var(--heading-line-height-8);
	--letter-spacing: var(--heading-letter-spacing-8)
}

._3L0vs4_Y96AtsR3P5GUkUa {
	--font-size: var(--text-size-9);
	--line-height: var(--heading-line-height-9);
	--letter-spacing: var(--heading-letter-spacing-9)
}

._2IVd64AHN6R428cgcPqW7M {
	box-sizing: border-box;
	display: grid;
	justify-content: flex-start;
	align-items: stretch;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: none
}

._2PUyyAEGuZenuwES7VJvQO {
	display: var(--grid-display)
}

._16FZUyKiH6Z7trthKypJwf {
	grid-template-columns: var(--grid-columns)
}

._2QdiX1hDsJmlkrHmcCOMbV {
	grid-template-rows: var(--grid-rows)
}

.Cr7YIMQn6_lDRU4-3BR8b {
	grid-auto-columns: var(--grid-auto-columns)
}

._3kyzvGnYVLT0DW6nzP9n18 {
	grid-auto-rows: var(--grid-auto-rows)
}

._1-yfCTWkj4tOFfb3EKXx6N {
	grid-template-areas: var(--grid-areas)
}

._1yUwWGTk4IX0IhdJiKfFBf {
	grid-auto-flow: var(--grid-flow)
}

._2Tglp6488nVBhU976Llfpe {
	align-content: var(--grid-align-content)
}

.TT1_g1XWXbbLgxOPIpczV {
	justify-content: var(--grid-justify-content)
}

._1ve3GjJA-d6MfYcIiXdqz0 {
	align-items: var(--grid-align-items)
}

._2LsmJGVn3g0GHmBPNWVn5T {
	justify-items: var(--grid-justify-items)
}

.c0C2uHpDLCegllhH1rM3M {
	gap: var(--grid-gap-y, var(--grid-gap, 0)) var(--grid-gap-x, var(--grid-gap, 0))
}


html body.events_hub.v6 {
	background-color: #171a21;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif
}

@media screen and (max-width: 400px) {
	html body.events_hub.v6 {
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	html body.events_hub.v6::-webkit-scrollbar {
		display: none
	}
}

html body.events_hub.v6 #global_header {
	position: fixed;
	z-index: 12;
	width: 100%;
	box-sizing: border-box;
	transition: transform .15s ease-in-out
}

html body.events_hub.v6 .responsive_header {
	box-shadow: none;
	transition: transform .15s ease-in-out
}

html body.events_hub.v6 .responsive_page_template_content {
	padding-bottom: 0
}

html body.events_hub.v6 ._2uHYtSBLSS1MxFonkOXr0O {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0
}

html body.events_hub.v6 .perf_timing_area {
	position: absolute;
	bottom: 0
}

body.rewards ._2uHYtSBLSS1MxFonkOXr0O {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0
}

@keyframes _3mu2U32Y_2WuSVGodurd6a {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _1oGSmxXXFpN5G7Jn9ZvEQS {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _3lg1LMj3mXezJ7ascb4yGV {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _2wO0UJLCBVNzypL_1QtVVs {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _7GGFchhgqc71nZ8eL_lya {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _3ZLBhyvDidB4Rfz45C_SYe {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _3tuAQj0tTIvILlQs8SVJ6O {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _2ndsTZA8rKNYYxX6q4X62O {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _3dGZBujqGTb6MvSpwfXt-u {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _1eQxz4PDgw0-4zeOxZc9zb {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes uLTwa30_-yxoQKi5qqCAw {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

._3Knd7Am6tTwTTu605YN4IX {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1599
}

._2yAm5LY_eu-Vg_52l0HFlM {
	position: absolute
}

dialog ._2yAm5LY_eu-Vg_52l0HFlM {
	position: fixed
}

._2yAm5LY_eu-Vg_52l0HFlM:focus {
	outline: none
}

.GreenEnvelopeMenu,
.PP7LM0Ow1K5qkR8WElLpt {
	opacity: 1;
	background: radial-gradient(ellipse farthest-corner at 50% 0%, rgb(60, 64, 71) 0%, rgb(60, 64, 71) 50%, rgb(51, 54, 61) 100%);
	transition: opacity 200ms;
	box-shadow: 0 10px 32px 0px rgba(0, 0, 0, .6705882353);
	z-index: 1600;
	user-select: none;
	padding: 4px
}

@media(prefers-contrast: more) {

	.GreenEnvelopeMenu,
	.PP7LM0Ow1K5qkR8WElLpt {
		background: #fff;
		padding: 1px
	}
}

.web_chat_frame .PP7LM0Ow1K5qkR8WElLpt {
	max-height: calc(100% - 128px);
	overflow-y: auto;
	overflow-x: hidden
}

.GreenEnvelopeMenu {
	box-shadow: inset rgba(61, 68, 80, .75) 1px 1px 1px 0px, inset rgba(61, 68, 80, .25) -1px -1px 1px 0px;
	border: 1px solid #000;
	padding: 1px
}

html._14wqdluDeDnnEcg3OSLEmd .PP7LM0Ow1K5qkR8WElLpt {
	position: static;
	box-shadow: none;
	display: inline-block;
	padding: 0
}

@media(prefers-contrast: more) {
	html._14wqdluDeDnnEcg3OSLEmd .PP7LM0Ow1K5qkR8WElLpt {
		padding: 2px;
		box-sizing: border-box
	}
}

html._14wqdluDeDnnEcg3OSLEmd ._2EstNjFIIZm_WUSKm5Wt7n {
	padding: 4px
}

@media(prefers-contrast: more) {
	html._14wqdluDeDnnEcg3OSLEmd ._2EstNjFIIZm_WUSKm5Wt7n {
		padding: 2px;
		background-color: #000
	}
}

html._14wqdluDeDnnEcg3OSLEmd ._1n7Wloe5jZ6fSuvV18NNWI {
	min-width: fit-content;
	white-space: nowrap
}

html._14wqdluDeDnnEcg3OSLEmd body {
	background: #000;
	min-height: 100%;
	margin: 0;
	overflow: hidden
}

@media(prefers-contrast: more) {
	html._14wqdluDeDnnEcg3OSLEmd body {
		background: #fff
	}
}

._2EstNjFIIZm_WUSKm5Wt7n {
	display: flex;
	flex-direction: column;
	padding: 0px;
	font-size: 14px;
	-webkit-app-region: no-drag;
	box-sizing: border-box
}

.PP7LM0Ow1K5qkR8WElLpt:not(.visible) {
	opacity: 0;
	pointer-events: none
}

._1n7Wloe5jZ6fSuvV18NNWI {
	padding: 4px 6px;
	line-height: 17px;
	color: #9ca4a7;
	border-top: 1px solid rgba(80, 87, 94, .5);
	border-bottom: 1px solid rgba(80, 87, 94, 0);
	cursor: default;
	position: relative;
	min-width: 120px;
	display: block;
	align-items: center;
	flex-direction: row
}

@media(prefers-contrast: more) {
	._1n7Wloe5jZ6fSuvV18NNWI {
		background-color: #000;
		color: #fff
	}
}

._1n7Wloe5jZ6fSuvV18NNWI {
	--color-text-secondary: rgba(211, 213, 217, 0.5)
}

._1n7Wloe5jZ6fSuvV18NNWI:first-child {
	border-top: 1px solid rgba(80, 87, 94, 0)
}

._1n7Wloe5jZ6fSuvV18NNWI:hover,
._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK {
	background: #5a6069;
	color: #b8c5c9;
	--color-text-secondary: $darkGrey
}

._1n7Wloe5jZ6fSuvV18NNWI.disabled {
	background: none;
	color: #6b7072;
	cursor: default
}

._1n7Wloe5jZ6fSuvV18NNWI.disabled:hover {
	background: none;
	color: #6b7072;
	cursor: default
}

._1n7Wloe5jZ6fSuvV18NNWI.menuChecked {
	color: #6dcff6
}

._1n7Wloe5jZ6fSuvV18NNWI.menuChecked.contextMenuCheckMark {
	display: block
}

._1n7Wloe5jZ6fSuvV18NNWI._2Bb4JC5n6anf32WgmTfeMP {
	padding-top: 8px;
	font-size: 12px;
	text-transform: uppercase
}

.WUOrULWKkGLl3ZUQdDXg8.WUOrULWKkGLl3ZUQdDXg8+._1n7Wloe5jZ6fSuvV18NNWI {
	border-top: 1px solid dimgray
}

@media(prefers-contrast: more) {
	.WUOrULWKkGLl3ZUQdDXg8.WUOrULWKkGLl3ZUQdDXg8+._1n7Wloe5jZ6fSuvV18NNWI {
		border-color: #fff
	}
}

._1n7Wloe5jZ6fSuvV18NNWI._3hRb6_cI8QWlZX-eZmRbXc {
	border-top-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0, 0, 0, 0)
}

._1n7Wloe5jZ6fSuvV18NNWI.uz1XmeUiC1KBA7Y9nOwtn {
	text-transform: uppercase
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_Button {
	height: 15px;
	width: 15px;
	margin-inline-end: 6px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi {
	display: flex;
	padding-inline-end: 2px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi ._2qdHlYPUfe_wwwtyPIu7m3 {
	flex: 1 0 auto
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi ._114nFoGF7tZ4PpremDP2w0 {
	flex: 0 0 auto;
	margin: 0px;
	margin-inline-start: 4px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi .SVGIcon_DownArrowContextMenu {
	height: 14px;
	width: 14px;
	transform: rotateZ(-90deg)
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi .SVGIcon_DownArrowContextMenu:dir(rtl) {
	transform: rotateZ(90deg)
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi .SVGIcon_DownArrowContextMenu {
	fill: #9ca4a7;
	margin: 0px 3px
}

._1n7Wloe5jZ6fSuvV18NNWI svg {
	height: 12px;
	width: 12px;
	margin-inline-end: 6px
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_PlusCircle {
	height: 16px;
	width: 16px;
	margin-inline-start: -3px;
	margin-bottom: -3px
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_PlusCircle line {
	stroke: gray;
	shape-rendering: crispEdges;
	stroke-width: 20px
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_PlusCircle circle {
	opacity: 0
}

._1n7Wloe5jZ6fSuvV18NNWI ._38-c8Lb-zCJc8GmvTzoyL1 {
	width: 16px;
	height: 16px;
	margin-inline-start: -4px;
	margin-top: -4px;
	margin-bottom: -4px;
	margin-inline-end: 6px
}

._1n7Wloe5jZ6fSuvV18NNWI ._38-c8Lb-zCJc8GmvTzoyL1 svg {
	width: 16px;
	height: 16px;
	margin-inline-end: 0px
}

.IjIBR_wDDi2N77Oz4KAT4 {
	box-sizing: border-box;
	width: 100%;
	border-bottom: .2px solid #67707b;
	margin: 0px;
	padding: 0px
}

.contextMenuCheckMark {
	width: 4px;
	height: 18px;
	background-color: #6dcff6;
	min-height: 1px;
	position: absolute;
	inset-inline-start: -4px;
	margin-top: 0px;
	display: none
}

.DesktopUI .PP7LM0Ow1K5qkR8WElLpt,
._3qIuY9S_vXm3IQS-uE9SRS .PP7LM0Ow1K5qkR8WElLpt {
	box-shadow: 0 10px 32px 0px rgba(0, 0, 0, .6705882353);
	background: #3d4450
}

@media(prefers-contrast: more) {

	.DesktopUI .PP7LM0Ow1K5qkR8WElLpt,
	._3qIuY9S_vXm3IQS-uE9SRS .PP7LM0Ow1K5qkR8WElLpt {
		background: #fff
	}
}

.DesktopUI .PP7LM0Ow1K5qkR8WElLpt,
._3qIuY9S_vXm3IQS-uE9SRS .PP7LM0Ow1K5qkR8WElLpt {
	-webkit-app-region: no-drag
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI {
	padding: 8px 18px;
	font-size: 13px;
	color: #dcdedf;
	cursor: pointer;
	position: relative;
	min-width: fit-content;
	display: flex;
	align-items: center;
	flex-direction: row;
	border-top: none;
	border-bottom: none
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI:first-child,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI:first-child {
	border-top: none
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI:hover,
.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI:hover,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK {
	background: #dcdedf;
	color: #3d4450
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI.disabled,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI.disabled {
	background: none;
	color: #67707b;
	cursor: default
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI.disabled:hover,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI.disabled:hover {
	background: none;
	color: #67707b;
	cursor: default
}

.Baq37ml_4RsqEDikF0aIo {
	position: relative;
	width: 100%;
	overflow: visible
}

.Baq37ml_4RsqEDikF0aIo ._2fZ_eG4hoUgJoNBzVAW8wq {
	position: absolute;
	width: 60%;
	height: fit-content;
	inset-inline-start: 100%;
	top: 0;
	background: radial-gradient(ellipse farthest-corner at 50% 0%, rgb(60, 64, 71) 0%, rgb(60, 64, 71) 50%, rgb(51, 54, 61) 100%);
	box-shadow: 0 10px 32px 0px rgba(0, 0, 0, .6705882353);
	opacity: 1;
	word-wrap: break-word
}

@keyframes amz8jVfJ2MOIPnaUYMOgI {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _3pY66EiNnfad09UHGMqtd4 {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _2JoqRmzZpoTtL_KIVWXd0a {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes NmpWlMoGlon2VMO2kUZxr {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _1uq0bG0F5JVFzWlPHYMXB7 {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _3xDNjaNkQ-uP0-lcJ8G7gP {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes vYKrwRtlsPCKPnSf3CU-7 {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _3h8yQpj5B4lqfo4rvQXD4p {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _2JSjyAe00zqEy25fUVQS5H {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _19xVMCOSnHPfsYR_llwrJD {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _26wdGOzkKTLjBLc0bu8-gV {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

.SVGIcon_Button {
	fill: #fff;
	overflow: visible;
	width: 100%;
	height: 100%;
	max-width: 320px;
	max-height: 320px
}

.vnlCrJZjobtJHaugGSLqP:dir(rtl) {
	scale: -1 1
}

._2LlztGU9T4SNsTD6znahfe {
	position: absolute;
	top: -15px;
	right: 0;
	bottom: 0;
	left: 0
}

.Fw2WGmXjh2zUxYfuy3xDn {
	opacity: .4;
	fill: #231f20
}

.luj0tT8JHriKkK3r7pzqP {
	fill: #e41e25
}

._3VPnvw_CDKU-PQKK1pSDlN {
	display: flex;
	background-color: rgba(0, 0, 0, .7);
	backdrop-filter: blur(100px);
	padding: 2px;
	border-radius: 20px;
	align-items: center
}

._1dzQL1mVR8GTmmSi_kpDgr {
	width: 20px;
	height: 20px
}

._3hAj0iMJsfhKwnm2mfE098 {
	width: 20px;
	height: 20px
}

.kEODDe6M5cuHWuPlcQexX {
	color: #59bf40
}

.mPD42Bwx3VAs0qw9wubf2 {
	color: #ffc82c
}

._2LAaxz6RtHXrJJj9NzCNL4,
.xBqU_GerRwzHIs8N9ratU,
._1Gr-Q9sFTdr7XhK5-j_qux {
	color: #dcdedf
}

._1IeRz_QzfsACNiXS4gXHIT {
	color: #199fff
}

._15p32SPTbcOsOrlb8o1MdF:dir(rtl) .fX8M83YDC9--4QLgVAEir {
	transform: translateX(730px)
}

._15p32SPTbcOsOrlb8o1MdF:dir(rtl) ._1GjVGP2qdwSOEBKimtRG0k,
._15p32SPTbcOsOrlb8o1MdF:dir(rtl) ._12AVA1wr7SWXg9INaLfBzD {
	transform: translateX(-300px)
}

.AMU5Zvf1pJLZGVqbpGcUC:dir(rtl) {
	scale: -1 1
}

body._1Xs5dtPK2K37sd1U9BLX3S {
	overflow-y: hidden;
	height: 100vh
}

body._3jhMIr8hczcBK_fOVtEVOK {
	overflow-y: hidden;
	height: 100vh
}

._24YFXIVY7CC2quNzCN7015 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1500
}

dialog._32QRvPPBL733SpNR9x0Gp3 {
	padding: 0;
	outline: none
}

dialog._32QRvPPBL733SpNR9x0Gp3::backdrop {
	background: rgba(0, 0, 0, 0)
}

._3vg1vYU7iTWqONciv9cuJN {
	position: absolute;
	z-index: 100;
	opacity: 0;
	transition: opacity .25s;
	pointer-events: none
}

._3vg1vYU7iTWqONciv9cuJN._1Ye_0niF2UqB8uQTbm8B6B {
	opacity: 1
}

._3vg1vYU7iTWqONciv9cuJN.pxVZHRCaftc2xXduMp7bg {
	display: none
}

._2b9OEIbeIFhvcy770kO_TB {
	pointer-events: all
}

.EQqOxt3B11pzZRCd8kmXj {
	z-index: 2001
}

._2_lmTz0tA4NOSle5WaO1PZ {
	position: fixed;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
	pointer-events: none;
	z-index: 2000
}

._2_lmTz0tA4NOSle5WaO1PZ.EQqOxt3B11pzZRCd8kmXj {
	z-index: 2001
}

._2FxbHJzYoH024ko7zqcJOf {
	box-sizing: border-box;
	font-size: 13px;
	background: radial-gradient(62.67% 62.67% at 62.67% 100%, #cfd1d3 0%, #b3b8bc 100%);
	border-radius: 2px;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	color: #17181c;
	text-shadow: 1px 1px 2px hsla(0, 0%, 100%, .3);
	padding: 5px 8px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .3333333333), 2px 2px 16px 1px rgba(0, 0, 0, .3333333333);
	max-width: 300px;
	user-select: none;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(prefers-contrast: more) {
	._2FxbHJzYoH024ko7zqcJOf {
		background: #000;
		color: #fff;
		border: 1px solid #fff
	}
}

._3XGRklQrZMakU2xaYB0cLD {
	box-sizing: border-box;
	font-size: 13px;
	background-color: #696773;
	border-radius: 2px;
	color: #e0e1e6;
	padding: 6px 8px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .3333333333), 2px 2px 16px 1px rgba(0, 0, 0, .3333333333);
	max-width: 300px;
	user-select: none
}

._3XGRklQrZMakU2xaYB0cLD ._1LhVfNukndDa_XWzq0vdg1 {
	color: #e0e1e6
}

._3XGRklQrZMakU2xaYB0cLD ._1LhVfNukndDa_XWzq0vdg1._2ZDqET0UaJoW_KYhO0WdTz {
	text-align: center
}

._3XGRklQrZMakU2xaYB0cLD .i4LuYcvtfPgYKx3qqvKUq {
	color: #aaacb6;
	margin: 6px 4px
}

@media(prefers-contrast: more) {
	._3XGRklQrZMakU2xaYB0cLD {
		background: #000;
		color: #fff;
		border: 1px solid #fff
	}
}

@keyframes _39R4lbKGgs6tgliKRKaOGu {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _3-ckPZrQQ4AcL8Jk8U_Jks {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _1oxeJwH0ZuJGWZzFpl0Hna {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _2pGKXMC5Yvn04wv6_5ayhi {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _97AO_Lq9HLtpPQgpBcZeI {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _2huw7WWVJBokivVlIjoa92 {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes NsTryIHdHWU8LOl4XCrhk {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _1sLQsQ-IbGQ7xqKTw3uc-M {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes QGN9mnAcP2r3B9mKyCmrp {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _3R-0H7Rl4MTvs97q_ecWuK {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _115JS_717vFpl6zVBnieg5 {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

.uWT-cMCXkxiyxcSs9UA-0 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

._2pq9my4HQChCImf0dPb9Kd {
	margin: 10px 20px 0;
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-weight: medium;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #dcdedf;
	flex-shrink: 0;
	min-height: 1em
}

._2pq9my4HQChCImf0dPb9Kd:empty {
	display: none
}

._3D_kEgaEhVPqwbR9URAyjh {
	flex-shrink: 10;
	height: 10px
}

._3ctisZH6WXgLVlYQqADdfR {
	display: flex;
	flex-direction: row;
	flex-shrink: 1;
	justify-content: center;
	align-self: center;
	max-width: 70%;
	box-sizing: border-box;
	animation-name: v7EaRj39PKF9LFyybctSi;
	animation-duration: .5s;
	animation-timing-function: cubic-bezier(0.16, 0.86, 0.43, 0.99);
	animation-fill-mode: both
}

@keyframes v7EaRj39PKF9LFyybctSi {
	0% {
		opacity: 0;
		transform: translateY(50px);
		transform: scale(1)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		transform: scale(1)
	}
}

._3ctisZH6WXgLVlYQqADdfR {
	max-height: fit-content;
	overflow: hidden
}

._2LigNhjmULtkRCXW5237ai {
	position: absolute;
	background: radial-gradient(ellipse farthest-corner at 50% 0%, rgb(60, 64, 71) 0%, rgb(60, 64, 71) 50%, rgb(51, 54, 61) 100%);
	box-shadow: 0 10px 32px 0px rgba(0, 0, 0, .6705882353);
	opacity: 1;
	transition: opacity 200ms;
	z-index: 1600;
	user-select: none;
	padding: 4px
}

.oZw50c4oJ6-r0HP8UWv25 {
	align-self: center;
	display: flex;
	flex-direction: column;
	width: fit-content;
	flex-shrink: 0;
	pointer-events: all;
	height: fit-content;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scroll-padding: 72px 0;
	position: relative;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5))
}

.oZw50c4oJ6-r0HP8UWv25._2QWbNWxBWYiC5pTqgB0oYZ {
	margin-right: -84px
}

.oZw50c4oJ6-r0HP8UWv25::-webkit-scrollbar {
	display: none
}

.oZw50c4oJ6-r0HP8UWv25>:first-child {
	margin-top: 15px
}

.oZw50c4oJ6-r0HP8UWv25>:last-child {
	margin-bottom: 40px
}

._272iDm3ZOWIxFB41ShVTwr {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: .4
}

._2LigNhjmULtkRCXW5237ai:not(.visible) {
	opacity: 0;
	pointer-events: none
}

._34o03-8cUc3fQX1u650c0L {
	display: flex;
	line-height: 20px;
	position: relative;
	cursor: pointer;
	width: 100%;
	min-width: 280px;
	box-sizing: border-box;
	padding: 14px;
	background: #23262e;
	color: #b8bcbf;
	align-items: center
}

._34o03-8cUc3fQX1u650c0L.Stream,
._34o03-8cUc3fQX1u650c0L.Connect,
._34o03-8cUc3fQX1u650c0L.Launch,
._34o03-8cUc3fQX1u650c0L.PlayMusic,
._34o03-8cUc3fQX1u650c0L.Play,
._34o03-8cUc3fQX1u650c0L.Resume,
._34o03-8cUc3fQX1u650c0L.BorrowApp,
._34o03-8cUc3fQX1u650c0L.Download,
._34o03-8cUc3fQX1u650c0L.Update,
._34o03-8cUc3fQX1u650c0L.PreLoad,
._34o03-8cUc3fQX1u650c0L.Install,
._34o03-8cUc3fQX1u650c0L.Pause,
._34o03-8cUc3fQX1u650c0L.Stop,
._34o03-8cUc3fQX1u650c0L.Cancel {
	background: #23262e;
	color: #dcdedf;
	text-transform: none;
	letter-spacing: 0px
}

._34o03-8cUc3fQX1u650c0L:hover {
	background: #3d4450;
	transition: background 100ms ease-in
}

._34o03-8cUc3fQX1u650c0L:hover._1HXm3O7vOzyuTFDaKPNUxy,
._34o03-8cUc3fQX1u650c0L:hover.Stop,
._34o03-8cUc3fQX1u650c0L:hover.Cancel {
	background: #8a220f
}

._34o03-8cUc3fQX1u650c0L:hover._213PVSQTmHdo8SK-jkU-m_,
._34o03-8cUc3fQX1u650c0L:hover.Stream,
._34o03-8cUc3fQX1u650c0L:hover.Connect,
._34o03-8cUc3fQX1u650c0L:hover.Launch,
._34o03-8cUc3fQX1u650c0L:hover.PlayMusic,
._34o03-8cUc3fQX1u650c0L:hover.Play,
._34o03-8cUc3fQX1u650c0L:hover.Resume,
._34o03-8cUc3fQX1u650c0L:hover.BorrowApp {
	background: #236c39;
	color: #fff
}

._34o03-8cUc3fQX1u650c0L:hover._2awU7ejQ3Qs_g0XnuSmgOP,
._34o03-8cUc3fQX1u650c0L:hover.Download,
._34o03-8cUc3fQX1u650c0L:hover.Update,
._34o03-8cUc3fQX1u650c0L:hover.PreLoad,
._34o03-8cUc3fQX1u650c0L:hover.Install,
._34o03-8cUc3fQX1u650c0L:hover.Pause {
	background: #216495;
	color: #fff
}

._34o03-8cUc3fQX1u650c0L.OQmT6NKuekm5HuXQnkl2a {
	background: #fff;
	color: #000
}

._34o03-8cUc3fQX1u650c0L._3fVa8M_7D9Vjz28uYnahhd {
	background: #3d4450;
	color: #fff
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL {
	outline: none;
	background: #fff;
	color: #0e141b
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL._213PVSQTmHdo8SK-jkU-m_,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Stream,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Connect,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Launch,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.PlayMusic,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Play,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Resume,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.BorrowApp {
	background: #59bf40;
	color: #fff
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL._2awU7ejQ3Qs_g0XnuSmgOP,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Download,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Update,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.PreLoad,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Install,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Pause {
	background: #1a9fff;
	color: #fff
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL._1HXm3O7vOzyuTFDaKPNUxy,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Stop,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Cancel {
	background: #de3618;
	color: #fff
}

._34o03-8cUc3fQX1u650c0L._1yXLMcA7JS4dtqgQ9Citj5 {
	text-transform: uppercase
}

._34o03-8cUc3fQX1u650c0L.disabled {
	color: hsla(0, 0%, 100%, .3)
}

._34o03-8cUc3fQX1u650c0L.disabled.gpfocus {
	color: rgba(0, 0, 0, .5)
}

._34o03-8cUc3fQX1u650c0L.menuChecked {
	color: #6dcff6
}

._34o03-8cUc3fQX1u650c0L.menuChecked.contextMenuCheckMark {
	display: block
}

._34o03-8cUc3fQX1u650c0L>svg {
	height: 16px;
	width: 16px;
	margin-right: 8px
}

._34o03-8cUc3fQX1u650c0L._3dVceiVJPerBKElpqfmSRS {
	padding-top: 8px;
	font-size: 12px;
	text-transform: uppercase
}

._34o03-8cUc3fQX1u650c0L._2D03hlOq-HwgleuMEvDObC {
	text-transform: uppercase
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_Button {
	margin-right: 12px;
	padding-top: 2px;
	height: 16px;
	width: 16px
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_PlusCircle {
	height: 16px;
	width: 16px;
	margin-left: -3px;
	margin-bottom: -3px
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_PlusCircle line {
	stroke: gray;
	shape-rendering: crispEdges;
	stroke-width: 20px
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_PlusCircle circle {
	opacity: 0
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 {
	display: flex;
	padding-right: 2px
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5.OQmT6NKuekm5HuXQnkl2a {
	background: #fff;
	color: #000
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 .SVGIcon_DownArrowContextMenu {
	height: 14px;
	width: 14px;
	transform: rotateZ(-90deg);
	fill: #9ca4a7;
	margin: 0px 3px
}

.ixiWPQKqTMxnq43WgT3vj {
	height: 2px;
	min-height: 2px
}

@media(prefers-contrast: no-preference) {
	#MainNavMenu-Rest .ixiWPQKqTMxnq43WgT3vj {
		background-color: #000
	}
}

@media(prefers-contrast: more) {
	#MainNavMenu-Rest .ixiWPQKqTMxnq43WgT3vj {
		background-color: #fff
	}
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 ._18C7xpEWME7W-bxMsvyXdi {
	flex: 1 0 auto
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 ._2T7n7sepVsm6k4PqM9hZ_U {
	flex: 0 0 auto;
	margin: 0px 0px 0px 4px
}

._34o03-8cUc3fQX1u650c0L .contextMenuCheckMark {
	width: 4px;
	height: 18px;
	background-color: #6dcff6;
	min-height: 1px;
	position: absolute;
	left: -4px;
	margin-top: 0px;
	display: none
}

.tRhOKu2T5OVX1RhENVwWb {
	display: inline-flex;
	line-height: unset
}

.tRhOKu2T5OVX1RhENVwWb>svg {
	width: 16px;
	fill: #aaa;
	margin-inline-start: 4px
}

.tRhOKu2T5OVX1RhENVwWb>svg:hover {
	fill: #fff
}

.tRhOKu2T5OVX1RhENVwWb._1I4rqOfyNGPTkYBl3r5EHK {
	display: inline-block
}

.tRhOKu2T5OVX1RhENVwWb._1I4rqOfyNGPTkYBl3r5EHK>svg {
	width: unset;
	height: .8em;
	fill: #b6d3ed;
	color: #b6d3ed;
	vertical-align: -0.125em;
	padding: .1em .2em;
	margin-inline-start: 0px
}

._3Sl0QHQ69uK7ZMQo5vBfrA {
	width: 40px;
	height: 16px;
	position: relative;
	cursor: pointer;
	transition: opacity .2s ease-in-out
}

._3Sl0QHQ69uK7ZMQo5vBfrA.M8qsAk8m30GwcGz7HCVnv {
	cursor: default;
	opacity: .6
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw {
	height: 10.6666666667px;
	width: 36px;
	border-radius: 5.3333333333px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .4666666667);
	position: absolute;
	left: 2.6666666667px;
	top: 2.6666666667px;
	background-color: #26292e
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw {
	background-color: #2d5a81;
	transition: width .2s ease-in-out
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw._317lekDG36odwSaDLtFQgd {
	width: 36px
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw._3blKBzfHJaBz7ksPINK9aq {
	width: 0
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .6666666667);
	position: absolute;
	left: 0;
	transition: transform .2s ease-in-out, background-color .2s ease-in-out
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP._317lekDG36odwSaDLtFQgd {
	background-color: #16a1e1;
	background-image: linear-gradient(to bottom, rgb(1, 199, 249), rgb(48, 102, 245));
	transform: translateX(25.3333333333px)
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP._3blKBzfHJaBz7ksPINK9aq {
	background-color: #4b525d
}

._1MBq0fYrftycnyZF4FC9Jo {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	border-radius: 3px;
	background-color: rgba(59, 63, 72, .5)
}

._1MBq0fYrftycnyZF4FC9Jo ._1Dhs8IG9_tJWb3XP9ccN9M {
	color: #dfe3e6;
	font-size: 14px;
	font-weight: 300
}

._1MBq0fYrftycnyZF4FC9Jo ._1Dhs8IG9_tJWb3XP9ccN9M.M8qsAk8m30GwcGz7HCVnv {
	opacity: .3
}

._1ml4SNc3LIyBDHIf8ekVSw {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	background-color: #2a2e36
}

@media(prefers-contrast: more) {
	._1ml4SNc3LIyBDHIf8ekVSw {
		background: #000;
		color: #fff
	}
}

._1ml4SNc3LIyBDHIf8ekVSw {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-inline-start: 6px;
	border-radius: 2px;
	color: #dfe3e6;
	box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, .6666666667)
}

._1ml4SNc3LIyBDHIf8ekVSw.L2J24Sa_dQql2exoKoBMi {
	flex: 1;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

._1ml4SNc3LIyBDHIf8ekVSw.L2J24Sa_dQql2exoKoBMi>:first-child {
	border-radius: 0;
	border-start-start-radius: 20px;
	border-end-start-radius: 20px;
	border-top: 2px solid #282c2f;
	border-bottom: 2px solid #282c2f;
	border-inline-start: 2px solid #282c2f;
	border-inline-end: none
}

._1ml4SNc3LIyBDHIf8ekVSw.L2J24Sa_dQql2exoKoBMi>:last-child {
	border-radius: 0;
	border-start-end-radius: 20px;
	border-end-end-radius: 20px;
	border-top: 2px solid #282c2f;
	border-bottom: 2px solid #282c2f;
	border-inline-end: 2px solid #282c2f;
	border-inline-start: none
}

.HijmccPB1BKyhOwhX1EVl {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 6px;
	margin-inline-end: 6px;
	transition: background-color .18s ease-in-out;
	background-color: #2a2e36;
	border-radius: 2px;
	color: #b8bcbf;
	cursor: pointer;
	font-size: 14px;
	text-shadow: 0px 0px 4px #0d4f7e;
	position: relative
}

.HijmccPB1BKyhOwhX1EVl._3hmGW9wIxNIoPPu1aS7rFm {
	cursor: default
}

@media(prefers-contrast: more) {
	.HijmccPB1BKyhOwhX1EVl {
		background: #000;
		color: #fff;
		border: 1px solid #fff;
		text-shadow: none
	}
}

.L2J24Sa_dQql2exoKoBMi .HijmccPB1BKyhOwhX1EVl {
	flex: none;
	margin-inline-end: 0px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #282c2f;
	color: #fff;
	min-width: 85px;
	text-shadow: none
}

.L2J24Sa_dQql2exoKoBMi .HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
	display: none;
	width: 0px
}

.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q,
.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q:hover {
	background: radial-gradient(rgba(26, 159, 255, 0.7333333333) 0%, #1a9fff 100%)
}

@media(prefers-contrast: more) {

	.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q,
	.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q:hover {
		background: radial-gradient(rgba(26, 159, 255, 0.7333333333) 0%, #1a9fff 100%)
	}
}

.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q,
.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q:hover {
	cursor: default;
	color: #fff;
	border-inline-end: none
}

.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q._3hmGW9wIxNIoPPu1aS7rFm,
.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q._3hmGW9wIxNIoPPu1aS7rFm:hover {
	background-color: #3d4450
}

.HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm):hover {
	background-color: #464d58
}

@media(prefers-contrast: more) {
	.HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm):hover {
		background: #fff;
		color: #000
	}
}

.HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm)._3-_jME_xsuvgT3Dvq4bw_q:hover {
	background-color: radial-gradient(155.42% 100% at 0% 0%, #1F2A39 0 0%, rgba(26, 160, 255, 0.3254901961) 100%)
}

@media(prefers-contrast: more) {
	.HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm)._3-_jME_xsuvgT3Dvq4bw_q:hover {
		background: #fff;
		color: #000
	}
}

.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
	content: "";
	width: 1px;
	height: 80%;
	background: #3d4450
}

@media(prefers-contrast: more) {
	.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
		background: #fff;
		inset-inline-start: -4px
	}
}

.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
	inset-inline-start: -3px;
	position: absolute
}

._2oAiZidGyUxL-hfupFDQ2m {
	padding: 10px 15px;
	cursor: pointer;
	display: block;
	background: none;
	border-radius: 0;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	text-align: left;
	align-items: stretch;
	border: none;
	box-sizing: border-box;
	width: 100%
}

._2oAiZidGyUxL-hfupFDQ2m:focus {
	background: #3e444d
}

@media(prefers-contrast: more) {
	._2oAiZidGyUxL-hfupFDQ2m:focus {
		background: #fff;
		color: #000
	}
}

._2oAiZidGyUxL-hfupFDQ2m:focus {
	outline: none
}

._1Sa12sphmVOOs0on58tDn7 {
	height: 1px;
	margin: 10px 0;
	padding: 0;
	background-color: rgba(103, 112, 123, .3)
}

._30wJO3MC4x-I1OWpy1TAeE._DialogInputContainer {
	background: #373c44
}

@media(prefers-contrast: more) {
	._30wJO3MC4x-I1OWpy1TAeE._DialogInputContainer {
		background: #000;
		color: #fff
	}
}

._30wJO3MC4x-I1OWpy1TAeE._DialogInputContainer {
	box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, .2);
	margin-top: 2px;
	margin-bottom: 2px
}

.uujQHHS-7y4IW6qfxHpe2 {
	display: flex;
	flex-direction: row;
	justify-content: center
}

._3H05CHzkfz75-vnlsMa-p5 {
	flex-grow: 0;
	flex-shrink: 0;
	max-height: 32px;
	max-width: 32px;
	padding-right: 12px
}

._3H05CHzkfz75-vnlsMa-p5>svg {
	width: 100%;
	height: 100%
}

._3WTX45MQeZkasb71AEqo7P {
	min-width: 50%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center
}

._3g-QHB82IGz91Hsk1Hw4lh {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	color: #dcdedf
}

@media(prefers-contrast: more) {
	._3g-QHB82IGz91Hsk1Hw4lh {
		color: inherit
	}
}

._3g-QHB82IGz91Hsk1Hw4lh.DesktopUI,
.DesktopUI ._3g-QHB82IGz91Hsk1Hw4lh {
	font-size: 14px;
	line-height: 18px
}

.gpfocus ._3g-QHB82IGz91Hsk1Hw4lh {
	color: #0e141b
}

._2fl-TfpJcuSi88OkNwGOCb {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	color: #8b929a
}

.gpfocus ._2fl-TfpJcuSi88OkNwGOCb {
	color: #67707b
}

.cbinvNOoQE045ZV5gCk_N {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	color: #8b929a
}

@media(prefers-contrast: more) {
	.cbinvNOoQE045ZV5gCk_N {
		color: inherit
	}
}

.gpfocus .cbinvNOoQE045ZV5gCk_N {
	color: #67707b
}

@keyframes _2Wg5df41BfHnoLgawx_2pb {
	0% {
		opacity: 1
	}

	100% {
		opacity: .1
	}
}

._3m_2lh1eA4HcHpt48En7kr>path {
	animation: _2Wg5df41BfHnoLgawx_2pb .6s;
	animation-iteration-count: infinite;
	animation-fill-mode: both
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(1) {
	animation-delay: -0.925s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(2) {
	animation-delay: -0.85s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(3) {
	animation-delay: -0.775s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(4) {
	animation-delay: -0.7s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(5) {
	animation-delay: -0.625s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(6) {
	animation-delay: -0.55s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(7) {
	animation-delay: -0.475s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(8) {
	animation-delay: -0.4s
}

._3BSOY2-GJGVqyHYdNpf0Zq>* {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

._3BSOY2-GJGVqyHYdNpf0Zq ._2JUUp6uv-bsKKYWMfwwyCX {
	animation-name: _2K65CL_7C6VuXL4jG_qp9w
}

._3BSOY2-GJGVqyHYdNpf0Zq ._1zw7H37bVuVoe0A1fW6cR_ {
	animation-name: _1E2Zt7i9sqP7HSjHO1pfiz
}

._3BSOY2-GJGVqyHYdNpf0Zq ._2YYWNEX-bFLhL8WrCZiCdP {
	animation-name: _12Gjw5ksk8QSMgRqg7ImtG
}

@keyframes _2K65CL_7C6VuXL4jG_qp9w {
	0% {
		opacity: 1
	}

	33% {
		opacity: 1
	}

	100% {
		opacity: .67
	}
}

@keyframes _1E2Zt7i9sqP7HSjHO1pfiz {
	0% {
		opacity: .25
	}

	33% {
		opacity: .25
	}

	67% {
		opacity: 1
	}

	100% {
		opacity: .25
	}
}

@keyframes _12Gjw5ksk8QSMgRqg7ImtG {
	0% {
		opacity: 1
	}

	33% {
		opacity: .25
	}

	67% {
		opacity: .25
	}

	100% {
		opacity: 1
	}
}

.cop8-_JMlxROh84HxKn1k>path {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

.cop8-_JMlxROh84HxKn1k ._1o6HA3kQiHOuG850embnDc {
	animation-name: _1PDAZ8_p3QD4UEodB33ZWN
}

.cop8-_JMlxROh84HxKn1k ._1q8-nNsxUgdR1e5-qquKhq {
	animation-name: QyijTe76r73C2YEReyqyL
}

.cop8-_JMlxROh84HxKn1k ._23ih_RI5RGrVxYWrefeNC {
	animation-name: _2wGDzjkXcSY4cHOHwsX4lg
}

.cop8-_JMlxROh84HxKn1k ._2DSRH-7cAVL5MFH4nlJ69A {
	animation-name: _3jrA8AMmWDnOD3_xIL5b3
}

@keyframes _1PDAZ8_p3QD4UEodB33ZWN {
	0% {
		opacity: 1
	}

	25% {
		opacity: 1
	}

	100% {
		opacity: .25
	}
}

@keyframes QyijTe76r73C2YEReyqyL {
	0% {
		opacity: .25
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: .25
	}

	100% {
		opacity: .25
	}
}

@keyframes _2wGDzjkXcSY4cHOHwsX4lg {
	0% {
		opacity: .25
	}

	50% {
		opacity: .25
	}

	75% {
		opacity: 1
	}

	100% {
		opacity: .25
	}
}

@keyframes _3jrA8AMmWDnOD3_xIL5b3 {
	0% {
		opacity: 1
	}

	25% {
		opacity: .25
	}

	75% {
		opacity: .25
	}

	100% {
		opacity: 1
	}
}

._3-ZZDE9nzm0Tq9xSGLby1a {
	fill: #4897d2
}

._1toTlId7W50QaHwhm2SfyW {
	fill: rgba(0, 0, 0, 0)
}

._3fs6zBkR21ewf816VFANpo {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: _3fs6zBkR21ewf816VFANpo
}

@keyframes _3fs6zBkR21ewf816VFANpo {
	0% {
		opacity: 1
	}

	25% {
		opacity: .25
	}

	75% {
		opacity: .25
	}

	100% {
		opacity: 1
	}
}

._3r8BMeEDGhnDnq7HCTtsyk {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: _3r8BMeEDGhnDnq7HCTtsyk
}

@keyframes _3r8BMeEDGhnDnq7HCTtsyk {
	0% {
		transform: translate(0, 0)
	}

	13% {
		transform: translate(-15px, 0)
	}

	25% {
		transform: translate(-30px, 0)
	}

	38% {
		transform: translate(-15px, -5px)
	}

	50% {
		transform: translate(0px, -10px)
	}

	63% {
		transform: translate(20px, -25px)
	}

	75% {
		transform: translate(25px, -15px)
	}

	88% {
		transform: translate(30px, -5px)
	}

	100% {
		transform: translate(0, 0)
	}
}

._1ugur7H9TuFA6ZRwq-CBB6 {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: _2H0WjqDEEycEgncxT0Awn-
}

@keyframes _3huKxhSD3aWINLG-yOuQ0O {
	0% {
		offset-distance: 0%
	}

	50% {
		offset-distance: 100%
	}

	100% {
		offset-distance: 0%
	}
}

@keyframes _2H0WjqDEEycEgncxT0Awn- {
	0% {
		transform: translate(-40px, 0)
	}

	13% {
		transform: translate(-55px, 0)
	}

	25% {
		transform: translate(-70px, 0)
	}

	38% {
		transform: translate(-55px, -5px)
	}

	50% {
		transform: translate(-40px, -10px)
	}

	63% {
		transform: translate(-10px, -25px)
	}

	75% {
		transform: translate(-15px, -15px)
	}

	88% {
		transform: translate(-10px, -5px)
	}

	100% {
		transform: translate(-40px, 0)
	}
}

._2dKXeLBBRZz5zJ-A_be0YE {
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: _2dKXeLBBRZz5zJ-A_be0YE
}

@keyframes _2dKXeLBBRZz5zJ-A_be0YE {
	0% {
		transform: translateY(0);
		fill: rgba(0, 0, 0, 0);
		stroke: #fff
	}

	90% {
		transform: translateY(0);
		fill: rgba(0, 0, 0, 0);
		stroke: #fff
	}

	94% {
		transform: translateY(5px);
		fill: #1a9fff;
		stroke: #1a9fff;
		stroke-width: 16px
	}

	96% {
		transform: translateY(0);
		fill: rgba(0, 0, 0, 0)
	}

	98% {
		transform: translateY(5px);
		fill: #1a9fff;
		stroke: #1a9fff;
		stroke-width: 16px
	}

	100% {
		transform: translateY(0);
		fill: rgba(0, 0, 0, 0);
		stroke: #fff;
		stroke-width: 8px
	}
}

.mX0CyLG2ckFSmF-E26ZSQ {
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: mX0CyLG2ckFSmF-E26ZSQ
}

@keyframes mX0CyLG2ckFSmF-E26ZSQ {
	0% {
		opacity: 0;
		r: 25
	}

	90% {
		opacity: 0;
		r: 25
	}

	94% {
		opacity: 1;
		r: 100
	}

	96% {
		opacity: 0;
		r: 25
	}

	98% {
		opacity: 1;
		r: 100
	}

	100% {
		opacity: 0;
		r: 25
	}
}

._3xy45At7o_lkxcLoSTF6e0._35pkQMXbFQAF2v1VrIAsF7 {
	min-width: 34px;
	height: 24px;
	display: flex
}

._1CpOAgPPD7f_fGI4HaYX6C:dir(rtl) {
	scale: -1 1
}

._1SoIo_lz6BfTG8leoA-ltA {
	opacity: 1;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: ease-out;
	transition-delay: .125s
}

._1SoIo_lz6BfTG8leoA-ltA.dX_drVcjsB7c-39llrEDd {
	opacity: 0;
	transition-delay: 0s
}

._3D14Gr6XaDtndRA8ojG443 {
	fill: #090e13;
	transition-property: fill;
	transition-duration: .15s;
	transition-timing-function: ease-out
}

._3D14Gr6XaDtndRA8ojG443._19WwgHXljoThfByC7B-MLW {
	fill: #1a9fff
}

._2Jn2RR1yUV9GJ6u9HN1dER {
	stroke: #090e13;
	transition-property: stroke;
	transition-duration: .15s;
	transition-timing-function: ease-out
}

._2Jn2RR1yUV9GJ6u9HN1dER._19WwgHXljoThfByC7B-MLW {
	stroke: #1a9fff
}

.cIR7HWORR4OnuhH8CsVvr {
	opacity: 0;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: ease-out
}

.cIR7HWORR4OnuhH8CsVvr._19WwgHXljoThfByC7B-MLW {
	opacity: 1
}

@keyframes _31dp93HtW4YaAIrv5kQNht {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _34v5-JW2L6fQ4YmSbk9AaR {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _2hiPwZ5sHjd1palQvy9OrL {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _8LuF4KlRbCw_drO7e2TC7 {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _2xSXLf_M9pyhcs0Up0YB3t {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _3XpUY5O65d5iC8QOTibOTo {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes TtpwXKTKHcg8dU-yHafz8 {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _1XsIqwGv6cpC9wDe_vUw01 {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes Sv4pIC9tV5_-yNVWid_iZ {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes W2aVTuNiYbD-L-tBboMKB {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _2L5cxouAMAylE7_T3HQoRf {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

._2sssIwe0duyIrFvat2oXzH {
	display: flex;
	flex-direction: row;
	height: 720px
}

@media screen and (max-width: 500px) {
	._2sssIwe0duyIrFvat2oXzH {
		position: relative
	}

	._2sssIwe0duyIrFvat2oXzH .OX7USkJ5dDP_icD00Gal6,
	._2sssIwe0duyIrFvat2oXzH ._2kwFFHckg8jvnwJfg9-la8 {
		min-width: 0
	}

	._2sssIwe0duyIrFvat2oXzH._3EyafdwyTAhyVmQ2hEoV6w .OX7USkJ5dDP_icD00Gal6,
	._2sssIwe0duyIrFvat2oXzH.Wsp7yZOS_QZMBTFxK-_E1 ._2kwFFHckg8jvnwJfg9-la8 {
		position: absolute;
		inset: 0;
		opacity: 0;
		z-index: 1;
		transition: opacity .25s ease-in-out;
		pointer-events: none
	}
}

.CFTLX2wIKOK3hNV-fS7_V {
	flex: 3;
	min-width: 0;
	background: radial-gradient(201.11% 137.71% at 0.9% -3.76%, #343941 0%, #0E141B 40%)
}

.CFTLX2wIKOK3hNV-fS7_V.qvR0K8KWLMDelFmwQJ7tr {
	padding: 0
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V {
	padding-top: 24px;
	padding-inline-start: 24px;
	padding-inline-end: 0px;
	padding-bottom: 0px;
	background: #171d25
}

@media(prefers-contrast: more) {

	.CFTLX2wIKOK3hNV-fS7_V.DesktopUI,
	.DesktopUI .CFTLX2wIKOK3hNV-fS7_V {
		background: #000
	}
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI.qvR0K8KWLMDelFmwQJ7tr,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V.qvR0K8KWLMDelFmwQJ7tr {
	padding: 0
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI.qvR0K8KWLMDelFmwQJ7tr .DialogBody,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V.qvR0K8KWLMDelFmwQJ7tr .DialogBody {
	padding-inline-end: 0px
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI .DialogBody,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V .DialogBody {
	padding-inline-end: 12px;
	padding-bottom: 24px
}

.CFTLX2wIKOK3hNV-fS7_V .DialogHeader:first-child+.DialogControlsSection:not(:first-child) {
	margin-top: 5px
}

@media screen and (max-width: 500px) {
	.CFTLX2wIKOK3hNV-fS7_V {
		min-width: 0
	}
}

.CFTLX2wIKOK3hNV-fS7_V .DialogHeader {
	margin-inline-end: 0
}

.CFTLX2wIKOK3hNV-fS7_V .DialogHeader.DesktopUI,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V .DialogHeader {
	margin-top: 8px;
	margin-bottom: 22px;
	font-size: 22px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: unset
}

._2kwFFHckg8jvnwJfg9-la8 {
	background: #2a2d34
}

@media(prefers-contrast: more) {
	._2kwFFHckg8jvnwJfg9-la8 {
		background: #000;
		border-inline-end: 1px solid #fff
	}
}

._2kwFFHckg8jvnwJfg9-la8 {
	flex: 1;
	min-width: 140px;
	max-width: 220px;
	padding-top: 36px;
	display: flex;
	flex-direction: column;
	position: relative
}

@media screen and (max-width: 500px) {
	._2kwFFHckg8jvnwJfg9-la8 {
		max-width: none
	}
}

._2kwFFHckg8jvnwJfg9-la8._1v7JdHYjstVsVJbHZ3TsVw {
	display: none
}

@media screen and (max-width: 500px) {
	._3EyafdwyTAhyVmQ2hEoV6w ._2kwFFHckg8jvnwJfg9-la8._1v7JdHYjstVsVJbHZ3TsVw {
		display: flex
	}
}

._2kwFFHckg8jvnwJfg9-la8.DesktopUI,
.DesktopUI ._2kwFFHckg8jvnwJfg9-la8 {
	padding-inline-start: 0px;
	min-width: 160px;
	min-height: 95vh
}

.g8SKUhjLrRLKHWy3wEAzK {
	margin: 0px 4px 4px 4px
}

._2rjVTGz8aLvqOdz5v2gq5C {
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-inline-start: 24px;
	color: #1a9fff;
	font-weight: 700;
	font-size: 17px;
	user-select: none;
	min-width: 0;
	word-wrap: break-word
}

._2rjVTGz8aLvqOdz5v2gq5C.DesktopUI,
.DesktopUI ._2rjVTGz8aLvqOdz5v2gq5C {
	padding-inline-end: 14px
}

._18QCu-7MTzd51UpVbYysDy {
	line-height: 16px;
	white-space: nowrap;
	overflow: auto;
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding-bottom: 40px
}

.BasicUI ._18QCu-7MTzd51UpVbYysDy {
	height: 100vh
}

._18QCu-7MTzd51UpVbYysDy::-webkit-scrollbar-corner {
	background: rgba(0, 0, 0, 0)
}

._18QCu-7MTzd51UpVbYysDy.yTqIu5oXmYa9Em9FCpO3c {
	overflow-y: hidden
}

@media screen and (max-width: 500px) {
	._18QCu-7MTzd51UpVbYysDy {
		flex-grow: initial;
		padding-bottom: 8px
	}
}

._1-vlriAtKYDViAEunue4VO {
	display: flex;
	align-items: center;
	min-width: 0;
	text-overflow: ellipsis;
	white-space: normal;
	padding-block: 10px;
	padding-inline-start: 24px;
	padding-inline-end: 8px;
	font-size: 14px;
	font-weight: 400;
	color: #b8bcbf
}

@media(prefers-contrast: more) {
	._1-vlriAtKYDViAEunue4VO {
		color: #fff
	}
}

._1-vlriAtKYDViAEunue4VO {
	text-transform: none;
	cursor: pointer;
	user-select: none
}

._1-vlriAtKYDViAEunue4VO.DesktopUI,
.DesktopUI ._1-vlriAtKYDViAEunue4VO {
	margin-bottom: 0px
}

._1-vlriAtKYDViAEunue4VO ._1rD8X96FdnksZLvRRlEiCR {
	height: 20px;
	width: 20px;
	margin-inline-end: 12px
}

._1-vlriAtKYDViAEunue4VO ._1rD8X96FdnksZLvRRlEiCR.DesktopUI,
.DesktopUI ._1-vlriAtKYDViAEunue4VO ._1rD8X96FdnksZLvRRlEiCR {
	color: #b8bcbf
}

._1-vlriAtKYDViAEunue4VO ._2PPbMrzl8PKBwpkjYs9b0i {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width: 500px) {
	._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO ._2PPbMrzl8PKBwpkjYs9b0i {
		text-decoration: underline
	}
}

._1-vlriAtKYDViAEunue4VO.oUzYn48NLkHPRjiT8W86M,
._1-vlriAtKYDViAEunue4VO.oUzYn48NLkHPRjiT8W86M:hover,
._1-vlriAtKYDViAEunue4VO.oUzYn48NLkHPRjiT8W86M:not(._2DpXjzK3WWsOtUWUrcuOG7):hover {
	background-color: #23262e
}

._1-vlriAtKYDViAEunue4VO:hover:not(._2DpXjzK3WWsOtUWUrcuOG7) {
	background-color: #dcdedf;
	color: #3d4450
}

._1-vlriAtKYDViAEunue4VO:hover:not(._2DpXjzK3WWsOtUWUrcuOG7) ._1rD8X96FdnksZLvRRlEiCR {
	color: #3d4450
}

@media screen and (max-width: 500px) {
	._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO:hover {
		background-color: #dcdedf;
		color: #3d4450
	}

	._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO:hover ._1rD8X96FdnksZLvRRlEiCR {
		color: #3d4450
	}
}

._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 {
	color: #fff;
	background-color: #3d4450
}

._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 ._1rD8X96FdnksZLvRRlEiCR {
	color: #fff
}

@media screen and (max-width: 500px) {
	._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 {
		color: #b8bcbf;
		background-color: rgba(0, 0, 0, 0)
	}
}

@media(prefers-contrast: more) {
	._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 {
		background: #fff;
		color: #000
	}
}

._3HW2USxwRYjjmh6QiQtDq8 {
	flex-grow: 1
}

._1Hye7o1wYIfc9TE9QKRW4T {
	height: 1px;
	background: #3d4450;
	margin-bottom: 14px;
	margin-inline-end: 24px;
	flex-shrink: 0
}

._1Hye7o1wYIfc9TE9QKRW4T.DesktopUI,
.DesktopUI ._1Hye7o1wYIfc9TE9QKRW4T {
	margin: 0px 12px
}

._1Hye7o1wYIfc9TE9QKRW4T._1ahzMoQaAT-POqYjqcQSCt.DesktopUI,
.DesktopUI ._1Hye7o1wYIfc9TE9QKRW4T._1ahzMoQaAT-POqYjqcQSCt {
	background: rgba(0, 0, 0, 0)
}

._3LLH_F43MTu6UtG4Z3kudv,
._1cWmu5TUWFAVHlv1EVaF8e {
	position: absolute;
	inset-inline-start: 24px;
	top: 8px;
	z-index: 5;
	width: 32px;
	height: 24px;
	background-color: #3d4450;
	border-radius: 2px;
	transition-property: background-color, color;
	transition-duration: .2s;
	transition-timing-function: ease-out;
	-webkit-app-region: no-drag;
	font-weight: bold;
	cursor: pointer
}

._3LLH_F43MTu6UtG4Z3kudv svg,
._1cWmu5TUWFAVHlv1EVaF8e svg {
	width: 16px;
	height: 16px;
	margin-top: 4px;
	margin-inline-start: 8px
}

._3LLH_F43MTu6UtG4Z3kudv:hover,
._1cWmu5TUWFAVHlv1EVaF8e:hover {
	color: #fff;
	background: #464d58;
	border-radius: 2px
}

@media screen and (max-width: 500px) {
	._3LLH_F43MTu6UtG4Z3kudv {
		display: none
	}
}

@media screen and (min-width: 501px) {
	._1cWmu5TUWFAVHlv1EVaF8e {
		display: none
	}
}

@keyframes _3PwEEPVt8AFlTzaPsr2aMs {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes OLaBYXIY9KoOmv591HQ4C {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _3NU8GvOktZfkdl6LQMVgZx {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _2NVMbdV4wBIACWgwBU2kyz {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _2cC0LcFydJUHm4XLEOIfH_ {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _2ZXhFZ3yMelM_EaCuFUVCU {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _3FYJQQRKVuF4an6YLTaAH- {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _2bQL7sqLJxz3iErp2xkuDu {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _3YEiBS4FQvAJ5_DCKWaJ9h {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _27hQac2edmP4A9XEJkh6QX {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _1n0zrqn96vmI5hvxZBwflw {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

:root {
	--indent-level: 0;
	--field-negative-horizontal-margin: 0px;
	--field-row-children-spacing: 0px
}

._16sYNwqxz6giarbVaRUl7R .DialogHeader {
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	text-align: start;
	display: flex;
	gap: 10px;
	align-items: center;
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold
}

._16sYNwqxz6giarbVaRUl7R .DialogSubHeader {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-weight: medium;
	font-size: 18px;
	line-height: 22px
}

.BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogSubHeader {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-weight: medium;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: hsla(0, 0%, 100%, .5);
	font-size: 16px;
	font-weight: 600
}

._16sYNwqxz6giarbVaRUl7R .DialogFooter>._DialogColLayout {
	min-width: 300px
}

._16sYNwqxz6giarbVaRUl7R {
	background: none;
	padding: calc(12px + 2.25vh) 2.8vw
}

._16sYNwqxz6giarbVaRUl7R .DialogControlsSection:not(:first-child),
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader:not(:first-child),
._16sYNwqxz6giarbVaRUl7R .DialogHeader:not(:first-child),
._16sYNwqxz6giarbVaRUl7R .DialogSubHeader:not(:first-child) {
	margin-top: 24px
}

._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
	color: #fff;
	padding: 12px 0;
	border-bottom: solid 1px #23262e;
	font-weight: 500;
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-weight: medium;
	font-size: 18px;
	line-height: 22px
}

.BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
	letter-spacing: .5px;
	color: hsla(0, 0%, 100%, .5)
}

@media(prefers-contrast: more) {
	.BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
		color: #fff
	}
}

.BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600
}

._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader:first-child {
	margin-top: 0
}

._16sYNwqxz6giarbVaRUl7R .DialogBody,
._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth {
	overflow: initial
}

._16sYNwqxz6giarbVaRUl7R .DialogBody .eKmEXJCm_lgme24Fp_HWt:first-child,
._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth .eKmEXJCm_lgme24Fp_HWt:first-child {
	scroll-margin-top: 80px
}

._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth {
	max-width: 100%
}

._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer {
	border-radius: 0
}

._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer.gpfocus,
._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer.Active {
	background-color: #fff;
	color: #0e141b
}

._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer.Active .DialogListBuilderInput_Input {
	color: #0e141b
}

._16sYNwqxz6giarbVaRUl7R .DialogBodyText {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	color: #dcdedf;
	margin-bottom: 10px
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton {
	margin: 0;
	padding: 10px 24px;
	min-width: 160px
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.R7OZbuJa9H3NPk-5gy3Is {
	min-width: 0
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover {
	color: #dcdedf;
	font-size: 16px;
	line-height: 20px;
	border-radius: 2px;
	box-shadow: none;
	box-sizing: border-box;
	transition: none;
	position: relative
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Primary {
	background: hsla(0, 0%, 100%, .15)
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Stacked,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Stacked,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Stacked,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Stacked {
	margin-bottom: 10px
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.EmptyButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.EmptyButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.EmptyButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.EmptyButton {
	padding: 0px;
	overflow: hidden
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.BarButton {
	background: rgba(0, 0, 0, .1019607843);
	color: #fff
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton._28cXJKe4jqDnSsP9HO7yYm,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled._28cXJKe4jqDnSsP9HO7yYm,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active._28cXJKe4jqDnSsP9HO7yYm,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover._28cXJKe4jqDnSsP9HO7yYm {
	background: #0e141b
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:hover {
	background: hsla(0, 0%, 100%, .2);
	transition: background-color 150ms ease-in
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Primary:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Primary:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Primary:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Primary:hover {
	background: rgba(26, 160, 255, .4862745098)
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active {
	background: #fff;
	color: #23262e;
	outline: none
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.Primary {
	background: #1a9fff;
	color: #fff
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.Destructive {
	background: #de3618;
	color: #fff
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.BarButton {
	background: #fff;
	color: #000
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.Glyph {
	filter: brightness(30%)
}

.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus,
.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus,
.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus,
.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25)
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton[disabled],
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled[disabled],
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active[disabled],
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover[disabled] {
	opacity: .4;
	background: #23262e;
	color: #fff;
	pointer-events: none
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton[disabled].gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled[disabled].gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active[disabled].gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover[disabled].gpfocus {
	background: #000
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton:before,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:before,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:before,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:before {
	content: none
}

._1vcky98a3hG0ulFCdee4kd {
	height: 1px;
	background: hsla(0, 0%, 100%, .1)
}

@media(prefers-contrast: more) {
	._1vcky98a3hG0ulFCdee4kd {
		background-color: #fff
	}
}

._1vcky98a3hG0ulFCdee4kd {
	margin-inline: calc(-1*var(--field-negative-horizontal-margin))
}

.eKmEXJCm_lgme24Fp_HWt {
	display: flex;
	flex-direction: column;
	padding: 0 10px;
	position: relative;
	background: none;
	border-radius: 0;
	padding-inline-start: calc(var(--field-negative-horizontal-margin) + var(--indent-level)*20px);
	padding-inline-end: var(--field-negative-horizontal-margin);
	margin-inline: calc(-1*var(--field-negative-horizontal-margin));
	transition-property: transform, background-color;
	transition-duration: .32s, 0s;
	transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
	transform-origin: 12% 50%;
	animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
	animation-duration: .5s;
	animation-fill-mode: forwards;
	transform: scale(1) rotateX(0deg)
}

.eKmEXJCm_lgme24Fp_HWt.xIITXDcM70faUNqssgUyx {
	--field-row-children-spacing: 10px;
	padding-bottom: 10px;
	padding-top: 10px
}

.eKmEXJCm_lgme24Fp_HWt._3hgIZByMuZIEiFspMRGFBw {
	padding: 8px 0;
	margin-inline-start: calc(-1*var(--field-negative-horizontal-margin) + var(--indent-level)*30px);
	--field-row-children-spacing: 8px
}

.eKmEXJCm_lgme24Fp_HWt._3tB2lyT2Pfvfv-jyuVgUOg {
	padding-bottom: 10px
}

.eKmEXJCm_lgme24Fp_HWt.GxgIyq8R5xTOeu4ftGrgX::after,
.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S::after {
	content: "";
	position: absolute;
	left: var(--field-negative-horizontal-margin);
	right: var(--field-negative-horizontal-margin)
}

.eKmEXJCm_lgme24Fp_HWt.GxgIyq8R5xTOeu4ftGrgX::after {
	bottom: -0.5px;
	margin-inline-start: calc(var(--indent-level)*18px);
	height: 1px;
	background: hsla(0, 0%, 100%, .1)
}

@media(prefers-contrast: more) {
	.eKmEXJCm_lgme24Fp_HWt.GxgIyq8R5xTOeu4ftGrgX::after {
		background-color: #fff
	}
}

.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S::after {
	bottom: -0.75px;
	margin-inline-start: calc(var(--indent-level)*18px);
	height: 1.5px;
	background: hsla(0, 0%, 100%, .1)
}

@media(prefers-contrast: more) {
	.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S::after {
		background-color: #fff
	}
}

._16sYNwqxz6giarbVaRUl7R .eKmEXJCm_lgme24Fp_HWt {
	--field-negative-horizontal-margin: 2.8vw
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
	background: none
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
	outline: none;
	background: #3d4450;
	color: #fff
}

.eKmEXJCm_lgme24Fp_HWt._3YKpU6T7dSIjGegCiQgg3h+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
._1vcky98a3hG0ulFCdee4kd+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._3YKpU6T7dSIjGegCiQgg3h+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
._1vcky98a3hG0ulFCdee4kd+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt._3YKpU6T7dSIjGegCiQgg3h+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover,
._1vcky98a3hG0ulFCdee4kd+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover,
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
	margin-top: -1px;
	border-top: solid 1px rgba(0, 0, 0, 0)
}

.eKmEXJCm_lgme24Fp_HWt.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
	margin-top: -1.5px;
	border-top: solid 1.5px rgba(0, 0, 0, 0)
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus.DesktopUI::after,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus::after,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin.DesktopUI::after,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin::after,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover.DesktopUI::after,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover::after {
	display: inherit
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus::after,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin::after,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover::after {
	display: none
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin {
	animation-name: _3NU8GvOktZfkdl6LQMVgZx;
	z-index: 1;
	animation-name: _2NVMbdV4wBIACWgwBU2kyz
}

.eKmEXJCm_lgme24Fp_HWt.aIeh3X5T2M074RLW1qn6_ {
	cursor: default;
	color: #67707b
}

.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_) {
	cursor: pointer
}

.eKmEXJCm_lgme24Fp_HWt.DesktopUI._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_),
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_) {
	cursor: default
}

.eKmEXJCm_lgme24Fp_HWt .Focusable {
	scroll-margin: 20px 0 55px 0
}

.eKmEXJCm_lgme24Fp_HWt.DesktopUI ._1aw7cA3mAZfWt8idAlVJWi,
.eKmEXJCm_lgme24Fp_HWt.DesktopUI ._2o2fXzn99OddeqZMjbDuxQ,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt ._1aw7cA3mAZfWt8idAlVJWi,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt ._2o2fXzn99OddeqZMjbDuxQ {
	flex-shrink: 0
}

.eKmEXJCm_lgme24Fp_HWt.DesktopUI ._2o2fXzn99OddeqZMjbDuxQ,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt ._2o2fXzn99OddeqZMjbDuxQ {
	display: flex
}

._1cGG5Yx-pDZFg0Cc1rahfw {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background: red;
	opacity: .1
}

._2o2fXzn99OddeqZMjbDuxQ {
	flex-grow: 1
}

._2o2fXzn99OddeqZMjbDuxQ>svg {
	height: 1em;
	width: auto
}

._2o2fXzn99OddeqZMjbDuxQ>svg:not(:first-child) {
	margin-inline-start: 16px
}

._2o2fXzn99OddeqZMjbDuxQ .DialogInputLabelGroup {
	margin-bottom: 0px
}

._2DM37juowId1V_DScp3l4 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0
}

._2DM37juowId1V_DScp3l4._2sj0iYB2llhya3q15q0xiX {
	padding-inline-end: 10px
}

._2DM37juowId1V_DScp3l4._1mbHaypn3SksXyYjPLVuX1 {
	padding-inline-end: max(10px, var(--field-row-children-spacing))
}

._2DM37juowId1V_DScp3l4 svg {
	height: 20px
}

._2VcTlXFC64Jtg9gvtT6cmY {
	display: flex;
	flex-direction: row;
	column-gap: var(--field-row-children-spacing);
	justify-content: flex-end;
	align-items: flex-start
}

.eKmEXJCm_lgme24Fp_HWt._16vVnDqpbNs-zIH-EdV6Vz ._2VcTlXFC64Jtg9gvtT6cmY {
	align-items: center
}

.eKmEXJCm_lgme24Fp_HWt._3LCXhoVmpvqbOW8fsItdTl ._2VcTlXFC64Jtg9gvtT6cmY {
	flex-wrap: wrap
}

.eKmEXJCm_lgme24Fp_HWt._3nLNLFMUMSt4jvxIayuPV3 ._2VcTlXFC64Jtg9gvtT6cmY {
	row-gap: var(--field-row-children-spacing)
}

#QuickAccess-Menu .eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._1aw7cA3mAZfWt8idAlVJWi {
	min-width: 270px
}

.eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ {
	min-width: var(--gamepad-field-control-min-width, 250px)
}

.eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ {
	min-width: 0px
}

#QuickAccess-Menu .eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ {
	min-width: 0px
}

._1aw7cA3mAZfWt8idAlVJWi {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap
}

.eKmEXJCm_lgme24Fp_HWt.Jgod1QRim6eNfvia2_3Ac ._1aw7cA3mAZfWt8idAlVJWi {
	flex-grow: 1
}

.eKmEXJCm_lgme24Fp_HWt._2bDqk4Jeoyk1wZd7ttBNAR._37xzVt6arvEzyNdW5GxK8f._3nLNLFMUMSt4jvxIayuPV3 ._1aw7cA3mAZfWt8idAlVJWi {
	padding-top: var(--field-row-children-spacing)
}

._3jMlJm4PQCA8SfNlUR99Fo {
	font-size: 16px;
	line-height: 20px;
	color: #dcdedf
}

@media(prefers-contrast: more) {
	._3jMlJm4PQCA8SfNlUR99Fo {
		color: #fff
	}
}

._3jMlJm4PQCA8SfNlUR99Fo {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	max-width: 100%;
	word-break: break-word
}

._3jMlJm4PQCA8SfNlUR99Fo.DesktopUI,
.DesktopUI ._3jMlJm4PQCA8SfNlUR99Fo {
	font-size: 14px;
	line-height: 18px
}

.eKmEXJCm_lgme24Fp_HWt._3LCXhoVmpvqbOW8fsItdTl ._3jMlJm4PQCA8SfNlUR99Fo {
	flex-shrink: 0
}

.eKmEXJCm_lgme24Fp_HWt:not(._37xzVt6arvEzyNdW5GxK8f).Jgod1QRim6eNfvia2_3Ac ._3jMlJm4PQCA8SfNlUR99Fo {
	flex-grow: 0
}

._3jMlJm4PQCA8SfNlUR99Fo .KGS2r2ext4jvDYa-MAFLD {
	align-self: flex-end
}

.eKmEXJCm_lgme24Fp_HWt.aIeh3X5T2M074RLW1qn6_ ._3jMlJm4PQCA8SfNlUR99Fo {
	color: #67707b
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus ._3jMlJm4PQCA8SfNlUR99Fo,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin ._3jMlJm4PQCA8SfNlUR99Fo {
	color: #fff
}

._3jMlJm4PQCA8SfNlUR99Fo>svg {
	position: relative;
	top: 2px;
	margin-inline-end: 12px
}

._1W1to_azoBRG95oNAFpf9Q {
	font-size: 12px;
	line-height: 16px;
	color: #b8bcbf;
	margin-top: 8px
}

@media(prefers-contrast: more) {
	._1W1to_azoBRG95oNAFpf9Q {
		color: #fff
	}
}

._1W1to_azoBRG95oNAFpf9Q.DesktopUI,
.DesktopUI ._1W1to_azoBRG95oNAFpf9Q {
	color: #8b929a
}

@media(prefers-contrast: more) {

	._1W1to_azoBRG95oNAFpf9Q.DesktopUI,
	.DesktopUI ._1W1to_azoBRG95oNAFpf9Q {
		color: #fff
	}
}

._1W1to_azoBRG95oNAFpf9Q.DesktopUI,
.DesktopUI ._1W1to_azoBRG95oNAFpf9Q {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px
}

.eKmEXJCm_lgme24Fp_HWt._37xzVt6arvEzyNdW5GxK8f ._1aw7cA3mAZfWt8idAlVJWi+._1W1to_azoBRG95oNAFpf9Q {
	margin-top: 6px
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus ._1W1to_azoBRG95oNAFpf9Q,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin ._1W1to_azoBRG95oNAFpf9Q {
	color: #dcdedf
}

._3A5ujtARm6atH4phJ5i1i6 {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	top: var(--basicui-header-height, 0px);
	bottom: var(--gamepadui-current-footer-height, 0px);
	overflow-y: auto;
	overflow-x: hidden;
	scroll-padding: 80px 0px;
	flex-direction: column
}

._3A5ujtARm6atH4phJ5i1i6._3-NqubDUyBx8l_lXBrjzUJ:not(._3bdRx6sqp4zgADo5c-9jUb) {
	bottom: 0
}

._3A5ujtARm6atH4phJ5i1i6._1XQXQY77uXZfE0KSWEADf_ {
	padding: 24px
}

._3A5ujtARm6atH4phJ5i1i6.gpfocus {
	outline: none
}

._3A5ujtARm6atH4phJ5i1i6._1Y7qW0oDUNH6gMRGqujwo6 {
	top: 0;
	padding: 0
}

._3A5ujtARm6atH4phJ5i1i6 ._27uCSNGt2GM1oh3MbvqAS {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

._3A5ujtARm6atH4phJ5i1i6>._16sYNwqxz6giarbVaRUl7R {
	margin: auto;
	background-color: #0e141b;
	border: 2px solid #23262e;
	padding: calc(12px + 2.25vh) 2.8vw;
	width: 660px;
	box-sizing: border-box;
	animation-name: _2JseUqLU57eK7UqCBneiZN;
	animation-duration: .5s;
	animation-timing-function: cubic-bezier(0.16, 0.86, 0.43, 0.99);
	animation-fill-mode: both
}

@keyframes _2JseUqLU57eK7UqCBneiZN {
	0% {
		opacity: 0;
		transform: translateY(50px);
		transform: scale(1)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		transform: scale(1)
	}
}

._3A5ujtARm6atH4phJ5i1i6.ze1orGDNkLfdANVgoD4ZW>._16sYNwqxz6giarbVaRUl7R {
	min-height: 0
}

._3A5ujtARm6atH4phJ5i1i6.ze1orGDNkLfdANVgoD4ZW>._16sYNwqxz6giarbVaRUl7R .DialogBody,
._3A5ujtARm6atH4phJ5i1i6.ze1orGDNkLfdANVgoD4ZW>._16sYNwqxz6giarbVaRUl7R ._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth {
	min-height: 0
}

._3A5ujtARm6atH4phJ5i1i6 .DialogContentTransition {
	max-width: 613px
}

._3ZR32BdxJUNwAA6Fu6n00p {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-style: italic;
	color: #b8bcbf;
	border-radius: 0;
	color: #8b929a;
	transition: none;
	font-style: normal
}

._3ZR32BdxJUNwAA6Fu6n00p,
._3ZR32BdxJUNwAA6Fu6n00p:not(.disabled):not(.gpfocus):hover {
	background: #23262e
}

.BasicUI ._3ZR32BdxJUNwAA6Fu6n00p,
.BasicUI ._3ZR32BdxJUNwAA6Fu6n00p:not(.disabled):not(.gpfocus):hover {
	background: hsla(0, 0%, 100%, .1)
}

._3ZR32BdxJUNwAA6Fu6n00p,
._3ZR32BdxJUNwAA6Fu6n00p.gpfocus {
	padding: 10px 16px
}

._3ZR32BdxJUNwAA6Fu6n00p.gpfocus,
._3ZR32BdxJUNwAA6Fu6n00p.gpfocus:hover {
	background: #fff;
	color: #000;
	box-shadow: none
}

._3ZR32BdxJUNwAA6Fu6n00p::placeholder {
	font-style: italic;
	color: #67707b
}

.BasicUI .DialogTextInputBase {
	box-shadow: none
}

._9Ql-oVe_j8E-vsDdyVdWo {
	width: 38px;
	height: 22px;
	position: relative;
	margin-inline-end: 4px;
	border-radius: 16px;
	transition: box-shadow 50ms ease-out
}

._9Ql-oVe_j8E-vsDdyVdWo:dir(rtl) {
	scale: -1 1
}

._9Ql-oVe_j8E-vsDdyVdWo.gpfocus {
	outline: none
}

._9Ql-oVe_j8E-vsDdyVdWo.gpfocus:after {
	content: "";
	position: absolute;
	inset-inline-start: -10%;
	top: -15%;
	width: 120%;
	height: 132%;
	border-radius: 16px;
	background-color: #8b929a;
	opacity: 1;
	z-index: -1
}

._9Ql-oVe_j8E-vsDdyVdWo:not(.aIeh3X5T2M074RLW1qn6_) {
	cursor: pointer
}

._9Ql-oVe_j8E-vsDdyVdWo:not(.aIeh3X5T2M074RLW1qn6_):hover {
	box-shadow: 0px 0px 0px 4px hsla(0, 0%, 100%, .3);
	border-radius: 16px;
	transition: box-shadow 100ms ease-in
}

._2bl0iQ9xigbq4Zd1NI6NZl {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: hsla(0, 0%, 100%, .15);
	border-radius: 9001px;
	overflow: hidden
}

.eKmEXJCm_lgme24Fp_HWt.gpfocuswithin ._2bl0iQ9xigbq4Zd1NI6NZl {
	background: #23262e
}

._9Ql-oVe_j8E-vsDdyVdWo.aIeh3X5T2M074RLW1qn6_ ._2bl0iQ9xigbq4Zd1NI6NZl {
	background: #67707b
}

._2bl0iQ9xigbq4Zd1NI6NZl::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #1a9fff
}

._9Ql-oVe_j8E-vsDdyVdWo.aIeh3X5T2M074RLW1qn6_ ._2bl0iQ9xigbq4Zd1NI6NZl::before {
	opacity: 0
}

._2bl0iQ9xigbq4Zd1NI6NZl::before {
	transform: translateX(-27px);
	transition: transform .2s ease-out
}

._9Ql-oVe_j8E-vsDdyVdWo.yLrDAetGoWx0GYqA6ShfS ._2bl0iQ9xigbq4Zd1NI6NZl::before {
	transform: translateX(-11px)
}

._1PQppcgkuXQAiFPar9AGi- {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 22px;
	background: #fff;
	border-radius: 9001px;
	transition: transform .2s cubic-bezier(0.1, 0.12, 0.53, 1.72)
}

._9Ql-oVe_j8E-vsDdyVdWo.aIeh3X5T2M074RLW1qn6_ ._1PQppcgkuXQAiFPar9AGi- {
	background: #8b929a
}

._9Ql-oVe_j8E-vsDdyVdWo.gpfocus:not(.aIeh3X5T2M074RLW1qn6_) ._1PQppcgkuXQAiFPar9AGi- {
	border: solid 2px #67707b;
	margin: -2px
}

._9Ql-oVe_j8E-vsDdyVdWo.yLrDAetGoWx0GYqA6ShfS ._1PQppcgkuXQAiFPar9AGi- {
	transform: translateX(16px)
}

._1PQppcgkuXQAiFPar9AGi- {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .35)
}

._3pteVMTgNRdIzZreR6HnTp {
	color: #8b929a;
	word-break: break-word
}

.eKmEXJCm_lgme24Fp_HWt.gpfocuswithin ._3pteVMTgNRdIzZreR6HnTp {
	color: #b8bcbf
}

._3OHR1e3u08hK7hMx4fFy_L {
	display: flex;
	text-align: start
}

._3OHR1e3u08hK7hMx4fFy_L>svg {
	height: 1em;
	margin: auto
}

._1fwM173Ng2G0kqw3Tb3Yx7 {
	display: flex;
	width: 100%
}

._1fwM173Ng2G0kqw3Tb3Yx7 ._3xrmZ1royQxijivqXbiYmu {
	width: 2ch;
	height: 100%;
	flex-shrink: 0;
	margin-inline-end: 1ch
}

._1fwM173Ng2G0kqw3Tb3Yx7 .sNbXz_kVc2tfPwRJLfUat {
	flex-grow: 1
}

._2XSsNSGcWjGZ6z3fvqaRd5 {
	--controls-list-spacing: 0px;
	--controls-child-max-width: 250px
}

._2XSsNSGcWjGZ6z3fvqaRd5._1_1cc8zdCuVLNsVKeqeLnn {
	--controls-list-spacing: 10px
}

._2XSsNSGcWjGZ6z3fvqaRd5._3CqNnvT1qLOKIT3A_mHpeC {
	--controls-list-spacing: 16px
}

._2XSsNSGcWjGZ6z3fvqaRd5._30JCQLfpdL0ZuA8VTUd7tb {
	--controls-child-max-width: 200px;
	gap: 20px;
	flex-grow: 1
}

._2XSsNSGcWjGZ6z3fvqaRd5 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: calc(-1*var(--controls-list-spacing))
}

._2XSsNSGcWjGZ6z3fvqaRd5.DfEz4poPuz3p6j_yNLR8k {
	margin-inline-end: calc(-1*var(--controls-list-spacing))
}

._2XSsNSGcWjGZ6z3fvqaRd5._32h79ZYlQTTeNDLdoYh2qF {
	margin-inline-start: calc(-1*var(--controls-list-spacing));
	justify-content: start
}

._2XSsNSGcWjGZ6z3fvqaRd5._2ilj8DalLVVuriwU-1aSKG {
	margin-inline: calc(-0.5*var(--controls-list-spacing));
	justify-content: center
}

._2XSsNSGcWjGZ6z3fvqaRd5._3vgH-W3sYStLJYfV4JgE5b {
	flex: 1
}

._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw- {
	max-width: var(--controls-child-max-width);
	flex-grow: 1;
	margin-bottom: var(--controls-list-spacing)
}

#_1RRDRb-2_pgEiWZfAWaRN1 ._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw- {
	max-width: 270px
}

._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw-.DesktopUI,
.DesktopUI ._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw- {
	display: flex
}

._2XSsNSGcWjGZ6z3fvqaRd5._32h79ZYlQTTeNDLdoYh2qF ._2LQjjxR3ZOcEZU73abIsw- {
	margin-inline-start: var(--controls-list-spacing)
}

._2XSsNSGcWjGZ6z3fvqaRd5.DfEz4poPuz3p6j_yNLR8k ._2LQjjxR3ZOcEZU73abIsw- {
	margin-inline-end: var(--controls-list-spacing)
}

._2XSsNSGcWjGZ6z3fvqaRd5.DfEz4poPuz3p6j_yNLR8k ._2LQjjxR3ZOcEZU73abIsw-:last-child {
	margin-inline-start: auto
}

._2XSsNSGcWjGZ6z3fvqaRd5._2ilj8DalLVVuriwU-1aSKG ._2LQjjxR3ZOcEZU73abIsw- {
	margin-inline: calc(.5*var(--controls-list-spacing))
}

.UeBsDJo7ibrubT7WwDoHM.xIITXDcM70faUNqssgUyx {
	padding-top: 40px
}

.UeBsDJo7ibrubT7WwDoHM._3hgIZByMuZIEiFspMRGFBw {
	padding-top: 16px
}

._16sYNwqxz6giarbVaRUl7R .DialogBody .DialogControlsSection .Focusable {
	scroll-margin-top: 80px
}

.eNk_O4LrQEvG8jC82EB6M {
	display: flex;
	flex-direction: column
}

._35YPSEBHIjTxOt0SyTpGld {
	resize: none
}

._2PuNBlNWSlrrrQJQPNBx-e {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	will-change: transform
}

.MGaAv8PlvR1-fOSrJ7-Hk {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

@keyframes _5VEJ9ppWFMtmQZUIl5QGM {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes gmWXVs6ySMfR95uy-dzLj {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _2Shpsf_OXX9VqX7Wf0lif0 {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _2x0HRpP0QPcd8y8ykAaCFm {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _2_WUbDOZ71hKkEf-CD41hr {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _3JK1VosnPSCLdf_lSz1exG {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _2PDwQBU5MzHQ75ycEVpwK3 {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _21sRAofE89wu3ZgopiNdvZ {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _1JVe0k01JB6eRezb8eqqjg {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _2mE4Zqk74DYf-Fl8qNzR_1 {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _2TiOQH2-wZVvDubR_9gMF1 {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

._33vqr13-jdnjTkKKTh414f {
	display: flex;
	flex-direction: row;
	height: 100%;
	flex-grow: 1
}

.DialogContent._3mgb-3_dHk3POEOVOh0Dvp {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-bottom: calc(var(--gamepadui-current-footer-height, 0px) + 20px);
	overflow-x: hidden;
	overflow-y: auto;
	scroll-padding: 250px 0px 60px 0px;
	flex-direction: column;
	padding-top: calc(24px + var(--basicui-header-height, 0px))
}

.DialogContent._3mgb-3_dHk3POEOVOh0Dvp._3ePFFqvyMe-tEnQf-xMd74 {
	padding: 0;
	padding-top: calc(0px + var(--basicui-header-height, 0px))
}

.DialogContent._3mgb-3_dHk3POEOVOh0Dvp .DialogBody .DialogHeader:first-child+.DialogControlsSection:not(:first-child) {
	margin-top: 5px
}

._1d6VIquCc410kNE7rDAje6 {
	background: hsla(0, 0%, 100%, .1);
	flex: 1;
	min-width: 240px;
	max-width: 40%;
	display: flex;
	flex-direction: column;
	position: relative;
	padding-bottom: var(--gamepadui-current-footer-height, 0px)
}

._3aOHbtFJ8uSR7XH0WFQ8vv {
	color: #fff;
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	padding-top: calc(8px + var(--basicui-header-height, 0px));
	padding-left: calc(12px + 1.4vw);
	padding-right: 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.gNwozyl1BAcDyyhUKvx1Y {
	line-height: 16px;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 16px 0px;
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	scroll-snap-type: y mandatory;
	scroll-padding: 36px 0px;
	padding-top: calc(0px + var(--basicui-header-height, 0px))
}

.gNwozyl1BAcDyyhUKvx1Y.sMDrh8XsPKmtIRS5q5VLs {
	overflow-y: hidden
}

.gNwozyl1BAcDyyhUKvx1Y._3UfINfoarLdX2Cbx22cWNf {
	padding-top: 16px
}

.gNwozyl1BAcDyyhUKvx1Y._2EiZ3BiLOqNY5BfgsBnUda {
	padding-top: 0px
}

._2mL2HfT5AkDXRi1YBnRWKa {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	padding: 10px calc(12px + 1.4vw);
	color: #b8bcbf;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	transform: scale(1) rotateX(1deg)
}

@media(prefers-contrast: more) {
	._2mL2HfT5AkDXRi1YBnRWKa {
		color: #fff
	}
}

._2mL2HfT5AkDXRi1YBnRWKa {
	line-height: 22px;
	scroll-margin: 2.5em 0;
	transition-property: transform, background-color;
	transition-duration: .32s, 0s;
	transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
	transform-origin: 12% 50%;
	animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
	animation-duration: .5s;
	animation-fill-mode: forwards;
	transform: scale(1) rotateX(1deg)
}

._2mL2HfT5AkDXRi1YBnRWKa._1G3whBr0RMzXKIfj4fcQjI,
._2mL2HfT5AkDXRi1YBnRWKa._1G3whBr0RMzXKIfj4fcQjI:hover,
._2mL2HfT5AkDXRi1YBnRWKa._1G3whBr0RMzXKIfj4fcQjI:not(._1ELdDY5kb5jxjXe-FpWBo5):hover {
	color: #414141;
	cursor: default
}

._2mL2HfT5AkDXRi1YBnRWKa._1ELdDY5kb5jxjXe-FpWBo5 {
	color: #fff;
	cursor: default;
	background: hsla(0, 0%, 100%, .15);
	transform: scale(1.1) rotateX(1deg);
	clip-path: inset(5% 0% 5% 0%)
}

._2mL2HfT5AkDXRi1YBnRWKa:focus {
	outline: none;
	background: #3d4450;
	color: #fff;
	animation-name: _2Shpsf_OXX9VqX7Wf0lif0;
	transform: scale(1.1);
	z-index: 1;
	animation-name: _2x0HRpP0QPcd8y8ykAaCFm
}

._2mL2HfT5AkDXRi1YBnRWKa:hover {
	background-color: hsla(0, 0%, 100%, .05)
}

._3f2IOwoVFEcJNNmmRXIMK8 {
	height: 20px;
	width: 20px;
	margin: auto 0;
	margin-right: 16px
}

._3f2IOwoVFEcJNNmmRXIMK8 svg {
	width: 100%;
	height: 100%
}

._4niDTAfIpKQoRx-CR_3K {
	flex-grow: 1;
	margin: auto 0
}

._3sUwukdeKdKRTojXu4I3ga {
	height: 1px;
	background: hsla(0, 0%, 100%, .1);
	margin: 8px calc(12px + 1.4vw);
	flex-shrink: 0
}

.ZjHHXZlnZhCahNrBFplWc {
	background: rgba(0, 0, 0, 0)
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._1GyNiFo_rHPx8h8VcDhcQb {
	transform: translateY(-12%);
	opacity: 0
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._3MKje54agTWkEfhX4ucj6s {
	transform: translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 320ms;
	transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
	transition-delay: 80ms
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._3XxqhmpembnJZkU_CDSCQR {
	transform: translateY(0);
	opacity: 1
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._13X1O22Ge1JqHS5s4seC4A {
	transform: translateY(8%);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 80ms;
	transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

@media(prefers-reduced-motion: reduce) {
	._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E {
		transition-timing-function: step-start
	}
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._1GyNiFo_rHPx8h8VcDhcQb {
	transform: translateY(12%);
	opacity: 0
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._3MKje54agTWkEfhX4ucj6s {
	transform: translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 320ms;
	transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
	transition-delay: 80ms
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._3XxqhmpembnJZkU_CDSCQR {
	transform: translateY(0);
	opacity: 1
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._13X1O22Ge1JqHS5s4seC4A {
	transform: translateY(-8%);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 80ms;
	transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

@media(prefers-reduced-motion: reduce) {
	._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E {
		transition-timing-function: step-start
	}
}

@keyframes _39ftBgrwHL79vzBWzTUNIg {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _1uRxKXzp4hyFG853DRpRmG {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes gmgYjyVXiyoE4dXuiyvRe {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _wAkIFq95RDIO0BaFscJ- {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _2EU0bFj-iDnGzS3y22Pm1n {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes zCo-rS_8G4PFjVNj2HddR {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _3dLS4qNfRaL3VlHxF0assn {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _2qWT6FmefGsz6vW4GyAN1d {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes VJdx426NYwPhzacwDjqUy {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _1VSndovYnDm2jbIx6FU3Nq {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _2tJDT6WmelyKdUlLq2gtna {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

button.v8oJcDOQF6xmlVTw4VhOr.DialogButton {
	padding: 10px 16px;
	min-width: initial
}

button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:enabled,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:active,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:hover,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:enabled:active:hover {
	min-width: revert;
	width: auto;
	display: flex;
	align-self: stretch;
	padding: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

button._2-fpY1CCK5fZZ3EyTH0RM_ svg {
	height: 20px;
	margin: auto
}

.c-4HN55eCj1jyZQutvZtn {
	display: flex;
	gap: 10px
}

._15-eRWK8oDnKQB_0B9PJPV {
	text-align: center
}

@keyframes _34goutNBSou3YR_kTuPeXo {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _3uBtlQHaoF-Fdvf-44fdfj {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _1so9RRpNCSzFaLUuFaAoTQ {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _3rHHM0QPQeBnxSX9SsyTAv {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _3bS2YJzXbd_HJcslwwJonb {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _1eyjVbw17bPbJY8cd6MyX2 {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _1iqNj4v83-vYdxWouoYIbw {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _2Pzyj6rGS2MYa48LGSbRdv {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _2C-5CyKHqs57xJb0nU1LnG {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _3aA7B5vDTJc5xq6IfXhQ2H {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _12ndx-pa_lUGfXXWOFQVSY {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

._198v6zB5mZ5FWG0wpQU_3m {
	flex-grow: 1
}

._23hjXB5XSry64xirVGpWAY {
	display: flex;
	flex-direction: column
}

._23hjXB5XSry64xirVGpWAY._2vIQRDODaxmltxEdCSbuYf {
	padding-top: 4px
}

._1udlGGE4F5pggcpxovorUd {
	--inverse-normalized-value: calc(1 - var(--normalized-slider-value));
	--inverse-normalized-default-value: calc(1 - var(--normalized-slider-default-value))
}

._1udlGGE4F5pggcpxovorUd:dir(rtl) {
	--inverse-normalized-value: calc(-1 * (1 - var(--normalized-slider-value)));
	--inverse-normalized-default-value: calc(-1 * (1 - var(--normalized-slider-default-value)))
}

._1udlGGE4F5pggcpxovorUd {
	--slider-handle-width: 24px;
	position: relative;
	display: flex;
	height: 24px;
	min-width: var(--slider-min-width, 100px);
	transition: filter 50ms ease-in
}

._1udlGGE4F5pggcpxovorUd:not(._35GyZGA7tDmWzs9spPBe41) {
	cursor: pointer
}

._2_vG6TwMW2XtyLlTEaODH9 {
	background-color: hsla(0, 0%, 100%, .15);
	margin: auto;
	width: 100%;
	height: 6px;
	position: relative;
	overflow: hidden;
	--left-track-color: #1a9fff;
	border-radius: 3px;
	transition-property: background-color;
	transition-duration: .2s;
	transition-timing-function: ease-in-out
}

._2_vG6TwMW2XtyLlTEaODH9._1Lr71yy6KmqcdDAB6tRu_G {
	width: calc(100% - 20px)
}

._2_vG6TwMW2XtyLlTEaODH9._35GyZGA7tDmWzs9spPBe41 {
	pointer-events: none
}

._2_vG6TwMW2XtyLlTEaODH9::before {
	content: "";
	position: absolute;
	--normalized-fill-start: calc((100%) * min(var(--normalized-slider-value), var(--normalized-slider-origin)));
	--normalized-fill-end: calc((100% - var(--slider-extra-notch-padding) * 2) * max(var(--normalized-slider-value), var(--normalized-slider-origin)) + var(--slider-extra-notch-padding));
	--normalized-width-handle: calc(var(--normalized-fill-end) - var(--normalized-fill-start));
	inset-inline-start: var(--normalized-fill-start);
	inset-inline-end: 0;
	top: 0;
	bottom: 0;
	background-color: var(--left-track-color);
	width: var(--normalized-width-handle);
	border-radius: 3px
}

.BKyENCj-EIOyULNJlDOtz ._2_vG6TwMW2XtyLlTEaODH9::before {
	--signed-normalized-slider-default-value: calc(2.0 * var(--normalized-slider-default-value) - 1.0);
	--gradient-split-pct: calc(100% * var(--normalized-slider-default-value) / var(--normalized-slider-value) - (var(--slider-handle-width) * 0.5 * var(--signed-normalized-slider-default-value)))
}

._3mRyvMGiDLM0201gdyBNxA ._2_vG6TwMW2XtyLlTEaODH9::before {
	background: linear-gradient(90deg, var(--default-value-track-color) 0% var(--gradient-split-pct), var(--left-track-color) calc(var(--gradient-split-pct)))
}

._2KP6TN1CqkX-HgbPjfINAJ ._2_vG6TwMW2XtyLlTEaODH9::before {
	background: linear-gradient(90deg, var(--left-track-color) 0% var(--gradient-split-pct), var(--default-value-track-color) calc(var(--gradient-split-pct)))
}

._23hjXB5XSry64xirVGpWAY._35GyZGA7tDmWzs9spPBe41 ._2_vG6TwMW2XtyLlTEaODH9::before {
	background-color: #67707b;
	pointer-events: none
}

._2jMXncsB0FrrPo_Ngj1Azp ._2_vG6TwMW2XtyLlTEaODH9::before {
	visibility: hidden
}

._20c10ESSWkT6N_HX85Xj8_ {
	background-color: #000
}

._8xNY6EWVZsDfOfUqDrus- {
	pointer-events: none;
	contain: layout;
	margin: auto 0;
	width: 100%;
	position: absolute;
	transform: translateX(calc((-100% + var(--slider-extra-notch-padding) * 2) * var(--inverse-normalized-value) + var(--slider-handle-width) * var(--inverse-normalized-value) - var(--slider-extra-notch-padding)))
}

._2jnK7ztb7w86dQCP1wwI9E {
	pointer-events: all;
	contain: layout;
	margin: auto 0;
	width: 100%;
	position: absolute;
	transform: translateX(calc(-100% * var(--inverse-normalized-value)))
}

.VKqgkujXytkn35LLPIGY {
	pointer-events: all;
	contain: layout;
	opacity: .5;
	margin: auto 0;
	width: 100%;
	position: absolute;
	transform: translateX(calc(-100% * var(--inverse-normalized-value)))
}

@keyframes _1RC4fIbWnuNIOU6os3OVGW {
	from {
		transform: scale(1.4)
	}
}

._11PBfip2UlKlY3vWSz8PA4 {
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .35);
	border-radius: 1337px;
	height: 24px;
	width: 24px;
	position: absolute;
	inset-inline-end: 0;
	box-sizing: content-box;
	pointer-events: none
}

._23hjXB5XSry64xirVGpWAY:not(._35GyZGA7tDmWzs9spPBe41).gpfocus ._11PBfip2UlKlY3vWSz8PA4 {
	border: solid 3px hsla(0, 0%, 100%, .15);
	margin: -3px;
	animation: _1RC4fIbWnuNIOU6os3OVGW 200ms ease-out
}

._23hjXB5XSry64xirVGpWAY._35GyZGA7tDmWzs9spPBe41 ._11PBfip2UlKlY3vWSz8PA4 {
	background: #8b929a;
	pointer-events: none
}

._3zRgrkiwoIp-ZN16HnZU91 {
	background: hsla(0, 0%, 100%, .3764705882);
	background: rgba(255, 213, 95, .5647058824);
	height: 24px;
	padding-bottom: 4px;
	width: 3px;
	position: absolute;
	inset-inline-end: 0;
	box-sizing: content-box;
	pointer-events: all;
	border-radius: 1px
}

._2Yg4-kduvl1qxess3iLQyL {
	height: 24px;
	width: 0px;
	position: absolute;
	box-sizing: content-box;
	pointer-events: all;
	inset-inline-end: 0
}

._2Yg4-kduvl1qxess3iLQyL._2vrO5Y0FLaCdzR4NnDfwdC svg {
	position: relative;
	inset-inline-end: 5px
}

.K9V_GSg6kQJV8XoCrFM6v {
	height: 24px;
	width: 24px;
	margin: auto 0;
	margin-inline-end: 12px;
	flex-grow: 0;
	flex-shrink: 0
}

.K9V_GSg6kQJV8XoCrFM6v svg {
	width: 100%;
	height: 100%
}

._2yM7SDNRgnEnGEZIf-WSoG {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 var(--slider-extra-notch-padding)
}

.LYPXtQ-MbXCeitc8-tCDO {
	width: 24px;
	min-width: 24px;
	display: flex;
	flex-direction: column;
	flex-basis: 0;
	align-items: center
}

.LYPXtQ-MbXCeitc8-tCDO.VvfcCRnmUv8J7Kx9Ia1sG {
	flex-grow: 1
}

.dbACWBb8zr4cf4u05jQ4x {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding-top: 5px;
	width: fit-content;
	text-align: center
}

.dbACWBb8zr4cf4u05jQ4x._3jR_dhev70aT-Fhegy-8Mg {
	text-align: start;
	margin-inline-end: auto
}

.dbACWBb8zr4cf4u05jQ4x.OBP79s7MvBySJTfm5wp_Z {
	text-align: end;
	margin-inline-start: auto
}

.u8QEaEpjqBM8RuPzRLjMy {
	width: 4px;
	height: 12px;
	flex-shrink: 0;
	flex-grow: 0;
	background-color: hsla(0, 0%, 100%, .15)
}

.u8QEaEpjqBM8RuPzRLjMy.j418S4TEV2LS3JHn6an4s {
	background-color: #1a9fff
}

._1eMTvSj5tJlivVheftbZ5S {
	flex-grow: 1;
	align-self: center
}

._11I0_AlsB40ak50752rsuy {
	text-align: center;
	margin-inline-start: .7ch;
	font-variant-numeric: tabular-nums;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: flex-end
}

._3aMlipGagTx2AjSsMP_yZj,
._1iWWSmS4pDD1vKNDTkghbh {
	font-family: "Motiva Sans", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	text-align: start;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	background: #23262e;
	color: #8b929a;
	width: 0;
	min-width: 4em;
	border: none;
	border-radius: 3px;
	outline: none;
	padding: 4px 8px;
	box-sizing: border-box;
	font-variant-numeric: tabular-nums;
	text-align: end;
	cursor: text
}

._3aMlipGagTx2AjSsMP_yZj.gpfocus,
._1iWWSmS4pDD1vKNDTkghbh.gpfocus {
	background: #fff;
	color: #000
}

._11I0_AlsB40ak50752rsuy._2fKVyx5la8VQm8SreJZbjL ._3aMlipGagTx2AjSsMP_yZj,
._11I0_AlsB40ak50752rsuy._2fKVyx5la8VQm8SreJZbjL ._1iWWSmS4pDD1vKNDTkghbh {
	outline: solid 2px #de3618
}

._3aMlipGagTx2AjSsMP_yZj::placeholder,
._1iWWSmS4pDD1vKNDTkghbh::placeholder {
	opacity: .5
}

._1iWWSmS4pDD1vKNDTkghbh {
	width: fit-content;
	pointer-events: none;
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	visibility: hidden
}

@keyframes _1LFdeSuH6SCeGkW45tXeoo {
	0% {
		transform: translateX(0)
	}

	5% {
		transform: translateX(-4px)
	}

	15% {
		transform: translateX(4px)
	}

	25% {
		transform: translateX(-4px)
	}

	35% {
		transform: translateX(4px)
	}

	45% {
		transform: translateX(-4px)
	}

	55% {
		transform: translateX(4px)
	}

	65% {
		transform: translateX(-4px)
	}

	75% {
		transform: translateX(3px)
	}

	85% {
		transform: translateX(-3px)
	}

	100% {
		transform: translateX(0)
	}
}

._1Fa-zp9wEmgbJm3YkQA2pN {
	animation: _1LFdeSuH6SCeGkW45tXeoo 500ms ease-out
}

._2hwF2eVaZdtuE6Wjt9abSp {
	height: 30px;
	display: flex;
	flex-direction: row-reverse
}

.uOFmzX5QDJ7-4tKNOFuqN {
	position: absolute;
	width: 100%;
	pointer-events: none;
	box-sizing: border-box
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus ._2jnK7ztb7w86dQCP1wwI9E::before,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin ._2jnK7ztb7w86dQCP1wwI9E::before {
	content: "";
	background: #99d4ff;
	height: 28px;
	top: -2px;
	width: 11px;
	inset-inline-end: -4px;
	position: absolute;
	box-sizing: content-box
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus .VKqgkujXytkn35LLPIGY::before,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin .VKqgkujXytkn35LLPIGY::before {
	content: "";
	background: hsla(0, 0%, 100%, .4392156863);
	height: 27px;
	top: -4px;
	width: 11px;
	inset-inline-end: -3px;
	position: absolute;
	box-sizing: content-box;
	border-radius: 5px 0px 0px 5px;
	opacity: 1;
	-webkit-filter: drop-shadow(0px 0px 3px #199FFF);
	filter: drop-shadow(0px 0px 3px #199FFF)
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus.gpfocus .VKqgkujXytkn35LLPIGY,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocus.gpfocuswithin .VKqgkujXytkn35LLPIGY,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin.gpfocus .VKqgkujXytkn35LLPIGY,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin.gpfocuswithin .VKqgkujXytkn35LLPIGY {
	opacity: 1
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus .VKqgkujXytkn35LLPIGY._3GOpBMvB0XixIzfe8Xz0AB::before,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin .VKqgkujXytkn35LLPIGY._3GOpBMvB0XixIzfe8Xz0AB::before {
	inset-inline-end: -8px;
	border-radius: 0px 5px 5px 0px
}

._2iD1mdJ-bbl3eteXK1vrpf {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	top: -30px;
	margin-inline: calc(-1*var(--field-negative-horizontal-margin));
	padding-inline-start: calc(var(--field-negative-horizontal-margin) + var(--indent-level)*20px);
	padding-inline-end: var(--field-negative-horizontal-margin)
}

._3Tp7J--L-VWInYWASa3Oqj {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: calc(100%*var(--normalized-slider-value))
}

._2Yb0rAYOU-fl2S8J80sqbj {
	font-size: 14px;
	position: absolute;
	width: fit-content;
	top: 20px
}

._38VX50q_XUUeqEdEgxC5no {
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: hsla(0, 0%, 100%, .9333333333);
	color: #1a9fff;
	font-weight: bold;
	border-radius: 3px;
	padding: 2px 4px;
	font-size: 12px
}

._2aCoHO7mXYYdPXMN0USBAW {
	pointer-events: none;
	contain: layout;
	margin: auto 0;
	width: 100%;
	position: absolute;
	transform: translateX(calc(-100% * var(--inverse-normalized-default-value) + var(--slider-handle-width) * var(--inverse-normalized-default-value)))
}

._1NgUy7a2LKuF-moe-rzsiH {
	position: absolute;
	inset-inline-end: 0;
	width: 24px;
	height: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center
}

._1NgUy7a2LKuF-moe-rzsiH>svg {
	color: #8b929a;
	width: 16px;
	margin-top: -12px
}

._3FIjYetykQsFYR08l1v7Ls {
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	z-index: 10000
}

._1wPplsegQqCoe06wXPhzKT {
	position: absolute;
	pointer-events: none;
	outline-offset: 2px;
	outline: 2px solid hsla(0, 0%, 100%, .6);
	animation: _1RqM3Kl3-lPbdsdw6xcEm9 .5s ease, _2o99ScTho-Rc-AQV-VR68h .4s ease, zn08hWW7ylBIurz-os7CM .4s ease, _1aef_iRVYLxUpMGfUnxIdh 1.2s ease-in-out .4s 20
}

._1wPplsegQqCoe06wXPhzKT._1uiTT-5EL-DhmtXqOqg4al {
	outline-color: #ff0
}

._2rIZmfJ1XMOctfmAP4N3aY._1uiTT-5EL-DhmtXqOqg4al {
	outline-offset: 2px;
	outline-color: red;
	background-color: red
}

@keyframes _1RqM3Kl3-lPbdsdw6xcEm9 {
	0% {
		background-color: hsla(0, 0%, 100%, .08)
	}

	100% {
		background-color: hsla(0, 0%, 100%, 0)
	}
}

@keyframes _2o99ScTho-Rc-AQV-VR68h {
	0% {
		outline: 12px solid
	}

	100% {
		outline: 2px solid
	}
}

@keyframes zn08hWW7ylBIurz-os7CM {
	0% {
		outline-color: hsla(0, 0%, 100%, 0)
	}

	100% {
		outline-color: hsla(0, 0%, 100%, .6)
	}
}

@keyframes _1aef_iRVYLxUpMGfUnxIdh {
	50% {
		opacity: .4
	}
}

._3td3cAnGbbbAOXW8x2pD-j {
	position: relative
}

._29WypCpglgRKsR_fMPsoFX {
	overflow-x: hidden
}

._1l1HfVaf7AVBv1AWT2PB7b {
	overflow-y: hidden
}

._29WypCpglgRKsR_fMPsoFX,
.BasicUI .DialogContent_InnerWidth>._29WypCpglgRKsR_fMPsoFX,
._1mUVXuz86pA_4wBlB3suqI,
.BasicUI .DialogContent_InnerWidth>._1mUVXuz86pA_4wBlB3suqI {
	overflow-y: auto;
	scroll-padding-top: 20px;
	scroll-padding-bottom: 20px
}

._1l1HfVaf7AVBv1AWT2PB7b,
.BasicUI .DialogContent_InnerWidth>._1l1HfVaf7AVBv1AWT2PB7b,
._1mUVXuz86pA_4wBlB3suqI,
.BasicUI .DialogContent_InnerWidth>._1mUVXuz86pA_4wBlB3suqI {
	overflow-x: auto;
	scroll-padding-left: 20px;
	scroll-padding-right: 20px
}

._1fFyxSbT4qNS_SH-q87Wq0 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px
}

._3MM7bY-R8OYmd3KUpap3Cu,
.MgOP7Nu_fA3yPKC44-j1I {
	width: 70%;
	display: flex;
	justify-content: center
}

._2JEjgWHYDNpLqd2qzuopsX {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../../../images/applications/store/keybg.png?v=2208c3c899e384393095e3bef5fd40ab);
	background-repeat: no-repeat;
	background-position: 80% 50%;
	background-color: rgba(0, 0, 0, .3);
	position: relative
}

.MgOP7Nu_fA3yPKC44-j1I ._2JEjgWHYDNpLqd2qzuopsX {
	min-height: 142px
}

._2B7Yoe-uA3HJOINTx5rV8- {
	font-size: 16px;
	font-weight: bold
}

._12jKU2kye0rjoTffWoi8IP {
	color: #de3618
}

._2YxW3WqLGy7hz_21m6KbGD {
	height: 50px;
	font-size: 35px;
	max-width: 25%;
	text-align: center;
	background: rgba(59, 63, 72, .5);
	color: #dcdedf;
	border: none;
	border-radius: 3px;
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0)
}

._2YxW3WqLGy7hz_21m6KbGD:focus {
	background: rgba(67, 73, 83, .6);
	box-shadow: inset 1px 1px 8px rgba(0, 0, 0, .6666666667);
	border: none;
	outline: none
}

._3xky3qiih4xVN_QV2PypTe ._2KPv6oWB6ZxjWuqyNp_edP {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px
}

._1LXDg91iImWld4-5gWdGx4 {
	text-align: center;
	margin-left: 2px
}

._2Fm-3XmbFRXR6yOZiRB0-d {
	font-size: 11px;
	text-align: center;
	color: #fff;
	display: block;
	background: #5c7e10;
	text-transform: none;
	line-height: 20px;
	cursor: pointer;
	padding: 0px 20px;
	border-radius: 1px
}

._2Fm-3XmbFRXR6yOZiRB0-d:hover {
	color: #fff;
	background: #7ea64b
}

._1P_gEVnGARDlC_80XwA2tX {
	width: 15px;
	vertical-align: sub
}

._1-YmIjW2emvkVCWr8K6wTM {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	._1-YmIjW2emvkVCWr8K6wTM {
		scrollbar-gutter: initial
	}
}

@keyframes _3BqEIOIwfCRzoXF4qLahIX {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _3M1e0qgxxi0Tk0UOD_Nwf8 {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _2MpeuS-yfzJzeRh7pleCd- {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _3eadGLQIzUrAcDSMGFHzU0 {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _2aiuwzRH5XfBMzjS6zhgL5 {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _2f0Y6v74cTLRTrlNF9nvIg {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _2J4poZKa2N-gkwV2UCWla- {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _20Z4c95G947qvgo-27cRH0 {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _38LKX3Vj9-yD5jMPE2SoMd {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _129mSECd2G2VccqGUnWFCN {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _2FnVZgQesTjWBpiqy4Zzwd {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

._1RFzd-KVyV2WMMyvyxkJwX {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	._1RFzd-KVyV2WMMyvyxkJwX {
		scrollbar-gutter: initial
	}
}

body {
	--store-menu-content-width: max(1100px, var(--store-page-width, 0px))
}

._2QlYKhF-leHfMXFSiSshZC,
._2MzjSFlY9PHeDbUgNhjlOa {
	display: contents
}

.pzuGfMA6MeGlV2I3yY60c {
	position: sticky;
	height: 0;
	top: var(--responsive-menu-floating-height, 0);
	left: 0;
	right: 0;
	z-index: 1
}

@media screen and (max-width: 500px) {
	html.responsive .pzuGfMA6MeGlV2I3yY60c._1TqaEZH4pd8k4LJDCTVmBo {
		height: auto;
		position: fixed;
		bottom: 0
	}
}

.h2B3SGR_w4RWdrnsRZEcD {
	display: flex;
	flex-direction: column
}

.h2B3SGR_w4RWdrnsRZEcD ._19o1GB7ysfrWKLYpqZ6aXu {
	flex: 1;
	min-height: 12px;
	background: rgba(25, 29, 37, .6);
	opacity: 0;
	pointer-events: none;
	transition: opacity 100ms ease
}

.h2B3SGR_w4RWdrnsRZEcD ._19o1GB7ysfrWKLYpqZ6aXu._2IyR9WyPwYb15ILBjPvLR9 {
	background: rgba(25, 29, 37, .6);
	opacity: 1;
	pointer-events: initial
}

.BasicUI .h2B3SGR_w4RWdrnsRZEcD ._19o1GB7ysfrWKLYpqZ6aXu._2IyR9WyPwYb15ILBjPvLR9 {
	z-index: 1
}

.h2B3SGR_w4RWdrnsRZEcD._1TqaEZH4pd8k4LJDCTVmBo {
	height: calc(100vh - var(--responsive-menu-floating-height, 0px) - var(--global-header-height, 0px))
}

.h2B3SGR_w4RWdrnsRZEcD._1TqaEZH4pd8k4LJDCTVmBo._2Gea0gfAOnmMbDqkgAk_go {
	height: calc(100vh - var(--responsive-menu-floating-height, 0px))
}

._16jZ3HEbtaJTl80pQINN2Y {
	color: #dcdedf;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	background: radial-gradient(107.95% 57.49% at 50% 100%, rgba(24, 37, 53, 0.2) 0%, rgba(24, 37, 53, 0.5215686275) 5%, rgba(24, 37, 53, 0.8509803922) 20%, #182535 60%, #192330 100%);
	background-size: 101% 101%;
	background-position-y: top;
	background-repeat: no-repeat;
	background-clip: border-box;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
	z-index: 1;
	transition: background-size 100ms ease-in-out, background-position-y 100ms ease-in
}

@media screen and (max-width: 730px) {
	html.responsive ._16jZ3HEbtaJTl80pQINN2Y {
		background: #23262e
	}
}

@media screen and (max-width: 500px) {
	html.responsive ._16jZ3HEbtaJTl80pQINN2Y {
		min-height: 0;
		display: flex;
		flex-direction: column
	}
}

html.client ._16jZ3HEbtaJTl80pQINN2Y {
	border-left: 1px solid #3d3f43
}

.BasicUI ._16jZ3HEbtaJTl80pQINN2Y {
	border-left: none !important
}

._1Zsv2NkXHxE5LTvs92Jqvd ._16jZ3HEbtaJTl80pQINN2Y {
	background-size: 101% 250%;
	background-position-y: bottom;
	background-position-x: center
}

@media screen and (max-width: 730px) {
	html.responsive ._1Zsv2NkXHxE5LTvs92Jqvd ._16jZ3HEbtaJTl80pQINN2Y {
		background: radial-gradient(100% 100% at 5% 100%, rgba(24, 37, 53, 0.5215686275) 0%, rgba(24, 37, 53, 0.6196078431) 5%, rgba(24, 37, 53, 0.8509803922) 20%, #23262E 60%, #171a21 100%);
		background-size: 101% 250%;
		background-position-y: bottom;
		background-position-x: center
	}
}

._16jZ3HEbtaJTl80pQINN2Y,
._16jZ3HEbtaJTl80pQINN2Y button,
._16jZ3HEbtaJTl80pQINN2Y input {
	font-family: "Motiva Sans", Arial, sans-serif
}

._16jZ3HEbtaJTl80pQINN2Y ._7FiqKP7fZJGltkwRxPG6s {
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	width: calc(var(--store-menu-content-width) + 16px);
	max-width: 100%;
	min-width: 0;
	flex-shrink: 0;
	height: 46px
}

._16jZ3HEbtaJTl80pQINN2Y a {
	text-decoration: none
}

._16jZ3HEbtaJTl80pQINN2Y a:hover {
	color: #fff
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ {
	overflow: hidden
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ.QxMlWcMzMZxcogv_rHw2j {
	animation: _2gv6G2MeBRAI0FqxejcYS8 100ms ease-out forwards;
	height: 0
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ._234vIwVerIU5MqgZwrEcd8 {
	height: 0
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ._22kVz2i2PscI9OSO_WhNry {
	animation: _2gv6G2MeBRAI0FqxejcYS8 100ms ease-out reverse
}

._1u2HkRz_FnAfR5OjfjexgF {
	display: flex;
	flex-direction: row;
	flex: 1;
	min-width: 0
}

._315CcpqsgdwaAwR3WiSlOq {
	display: flex;
	flex-direction: row;
	min-width: 0
}

@media screen and (max-width: 730px) {
	html.responsive ._315CcpqsgdwaAwR3WiSlOq {
		padding-left: 3px
	}
}

.BasicUI ._315CcpqsgdwaAwR3WiSlOq {
	padding-left: 5px
}

._315CcpqsgdwaAwR3WiSlOq ._3CtcPWgZYR05CldoJ0Jkrx {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	display: flex
}

@keyframes _2gv6G2MeBRAI0FqxejcYS8 {
	from {
		height: 46px
	}

	to {
		height: 0
	}
}

.WCx9Nllc5_tUanujudMvO {
	flex: 1
}

._1wn1lBlAzl3HMRqS1llwie {
	margin-inline-start: 16px;
	display: flex;
	padding-right: 5px
}

._1wn1lBlAzl3HMRqS1llwie:empty {
	margin-inline-start: 0
}

a._175B12uOwmeGBNcSaQFe-Z,
button._175B12uOwmeGBNcSaQFe-Z {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	gap: 5px;
	color: #fff;
	font-family: "Motiva Sans", sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 0 10px;
	align-items: center;
	outline-offset: -2px;
	white-space: nowrap;
	cursor: pointer;
	background: rgba(0, 0, 0, 0);
	border: none;
	transition-property: box-shadow, color;
	transition-duration: .2s;
	transition-timing-function: ease-out
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z {
	margin: 8px 0px;
	transition-property: none;
	text-shadow: none
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._1ixhfnnWgdzGwSwNhUAitD {
	background: #fff;
	color: #000;
	transition: none
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT._1ixhfnnWgdzGwSwNhUAitD svg,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT._1ixhfnnWgdzGwSwNhUAitD svg {
	transform: translateY(2px)
}

a._175B12uOwmeGBNcSaQFe-Z._234vIwVerIU5MqgZwrEcd8,
button._175B12uOwmeGBNcSaQFe-Z._234vIwVerIU5MqgZwrEcd8 {
	display: none
}

a._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF,
button._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF {
	color: #dcdedf;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 2px
}

@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

	a._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF._25YyJKHEEXpSIkVLTEJuKP,
	button._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF._25YyJKHEEXpSIkVLTEJuKP {
		margin-bottom: 1px
	}
}

a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg,
button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg {
	margin-bottom: unset
}

@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

	a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._25YyJKHEEXpSIkVLTEJuKP,
	button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._25YyJKHEEXpSIkVLTEJuKP {
		margin-top: 1px
	}

	a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg,
	button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg {
		margin-bottom: 2px
	}
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD {
	background: #fff;
	color: #000;
	transition: none;
	outline-offset: -10px
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF {
	color: #000
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 {
	border-radius: 1px;
	background: #1a9fff;
	margin: 8px;
	border: none;
	color: #fff;
	cursor: pointer;
	text-shadow: none;
	transition-property: background, box-shadow;
	transition-duration: .2s;
	transition-timing-function: ease-out
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg {
	margin-bottom: unset
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 .BReXgOZvJY6u4htWQn1aF,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 .BReXgOZvJY6u4htWQn1aF {
	color: #fff
}

@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

	a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 ._25YyJKHEEXpSIkVLTEJuKP,
	button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 ._25YyJKHEEXpSIkVLTEJuKP {
		margin-top: 1px
	}

	a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg,
	button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg {
		margin-bottom: 2px
	}
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5:hover,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5:hover {
	background: #45acff;
	text-shadow: 1px 1px 1px #0281bb;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD {
	background: #fff;
	color: #000;
	outline-offset: -10px
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF {
	color: #000
}

a._175B12uOwmeGBNcSaQFe-Z._3qY2sJFFtNsrx_rBDIT7l1 .vj9hwW9u0MpjH7MVjjNw0,
button._175B12uOwmeGBNcSaQFe-Z._3qY2sJFFtNsrx_rBDIT7l1 .vj9hwW9u0MpjH7MVjjNw0 {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z:hover,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z:hover {
	text-shadow: none
}

a._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT:hover svg,
button._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT:hover svg {
	transform: translateY(2px)
}

a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9,
button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 {
	color: #51b6ff;
	text-shadow: 1px 1px 1px #002f51
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 {
	background: var(--gpBackground-LightSoft);
	text-shadow: none;
	color: #fff
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9._1ixhfnnWgdzGwSwNhUAitD {
	background: #fff;
	text-shadow: none;
	color: #000
}

a._175B12uOwmeGBNcSaQFe-Z svg,
button._175B12uOwmeGBNcSaQFe-Z svg {
	width: 14px;
	transition-property: transform;
	transition-duration: .2s;
	transition-timing-function: ease-in-out
}

a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0,
button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 {
	display: inline-block;
	position: relative
}

a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0,
button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 3px
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 {
	display: none
}

a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x,
button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x {
	border-radius: 3px;
	background: #1a9fff;
	height: 2.5px;
	margin: 0 auto;
	width: 0;
	opacity: 0;
	transition-property: opacity, width;
	transition-duration: .2s;
	transition-timing-function: ease-out
}

a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x,
button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x {
	opacity: 1;
	width: 100%
}

._1Vh8VTtQWJb-a1hx-0Vax2 {
	width: 1px;
	height: 30px;
	opacity: .6;
	background: #353c48;
	margin-top: 8px
}

._15mDm5FgO9il_6z-qj2UnK {
	color: #ff6f6f
}

._15mDm5FgO9il_6z-qj2UnK a {
	color: #dcdedf
}

._15mDm5FgO9il_6z-qj2UnK a:hover {
	color: #fff
}

._59vcPMi2m2JzS43mL89Ob {
	padding-top: 10px
}

.tmxkKoAj-IgGLmNEnizdB {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	.tmxkKoAj-IgGLmNEnizdB {
		scrollbar-gutter: initial
	}
}

@keyframes _1TATspVTr5lY95m0_0i0Vf {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _2CB48X5cYsrkjFcKDfha7c {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _2KRTS0ETRuyJHyKwMCeHe6 {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _2ZWRnP1nc-Ag3kGW2f5YPR {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes QiQBf3jp2XsRo_jVQOg_h {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes Fg76-fdDLz4Jk_AJTCl7Y {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes dnuLIScTJaETckf5_0-NE {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes O3QvEIDCywxFRSG7HCADU {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes noc6VD7z6rRTLox71D5wD {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes D5YIeK0lvywGpe-HvgpM6 {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _30ROJZLtg44YEWZtnK2bbE {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

._1vOm3pf-0J2OtSr27xPgBP {
	display: flex;
	flex-direction: column;
	min-width: 0
}

@media screen and (max-width: 730px) {
	html.responsive ._2pVSp6FyCZoOyOO0YwF1oW {
		flex: 1;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "left right"
	}
}

._17xB0f6_N3ZM5j2UZd1sXt {
	min-width: 20%;
	grid-area: left
}

.U8Q2JM8gGTmUAXLVVAYlD {
	min-width: 20%;
	grid-area: right
}

._3DYXcTryqomaHXCoQolTr_ {
	margin-bottom: 18px;
	flex: 1
}

._131vXkv-WcdtrRZL6boE2r {
	margin-top: 20px
}

@media screen and (max-width: 730px) {
	html.responsive ._131vXkv-WcdtrRZL6boE2r {
		margin-top: 0px
	}
}

.BasicUI ._131vXkv-WcdtrRZL6boE2r {
	margin-top: 30px
}

._2IqRL8KcprlBPhrtT1Y8bL {
	margin-top: 10px;
	margin-left: 10px;
	min-width: 15% !important;
	gap: 10px
}

@media screen and (max-width: 730px) {
	._2IqRL8KcprlBPhrtT1Y8bL {
		margin: unset
	}

	._2IqRL8KcprlBPhrtT1Y8bL ._3ndoxZabNTcJ8NN50nQ4BM {
		display: contents
	}
}

@media screen and (max-width: 500px) {
	._2IqRL8KcprlBPhrtT1Y8bL {
		margin: unset
	}

	._2IqRL8KcprlBPhrtT1Y8bL ._3ndoxZabNTcJ8NN50nQ4BM {
		display: none
	}
}

._2HcSSRyk_Jzd3Iq7xSC6En {
	padding: 0px 16px 0px 0px;
	border-radius: 4px;
	background: linear-gradient(90deg, rgba(126, 171, 255, 0.1) 0%, rgba(56, 77, 116, 0.1) 100%)
}

._3b26-ybbQJNqGukiWkIUp8 {
	flex: 1;
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(max-content, 40%) 1fr;
	grid-template-areas: "storelinks largebuttons"
}

@media screen and (max-width: 730px) {
	html.responsive ._3b26-ybbQJNqGukiWkIUp8 {
		gap: 10px;
		grid-template-columns: 1fr;
		grid-template-areas: "smallbuttons""largebuttons"
	}
}

.BasicUI ._3b26-ybbQJNqGukiWkIUp8 {
	gap: 10px;
	grid-template-areas: "smallbuttons largebuttons"
}

._3b26-ybbQJNqGukiWkIUp8 .JWPtoi9esADBpUUkODq1z {
	grid-area: largebuttons;
	min-height: 176px
}

@media screen and (max-width: 730px) {
	html.responsive ._3b26-ybbQJNqGukiWkIUp8 .JWPtoi9esADBpUUkODq1z {
		height: 80px;
		min-height: unset;
		flex-direction: row;
		padding: 0px
	}
}

.BasicUI ._3b26-ybbQJNqGukiWkIUp8 .JWPtoi9esADBpUUkODq1z {
	padding: 0px
}

._3b26-ybbQJNqGukiWkIUp8 ._1NEAjFPoWfV8DsCKQldiv9 {
	grid-area: storelinks;
	min-height: 176px;
	gap: 0px;
	min-width: unset
}

._3b26-ybbQJNqGukiWkIUp8 ._2SVHFh60yRjQbYRg6t2mcK {
	grid-area: smallbuttons;
	min-height: 176px
}

@media screen and (max-width: 730px) {
	html.responsive ._3b26-ybbQJNqGukiWkIUp8 ._2SVHFh60yRjQbYRg6t2mcK {
		min-height: 120px
	}
}

.-bDCBiZsIWB-_6IzGxbhz {
	flex: 1
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D {
	padding: 0 14%;
	text-align: center;
	align-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	background: rgba(221, 221, 221, .2);
	color: var(--Neutrals-white, #FFFFFF);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D:hover {
	background: rgba(221, 221, 221, .4)
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D:hover ._3W0fAmrZB7mfUJZ8QRpquy {
	transform: translate(-50%, -40%)
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D:hover ._3JmGSFfarJIfLqzni43JFQ {
	transform: translate(-50%, -40%)
}

@media screen and (max-width: 730px) {
	html.responsive .-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D {
		padding: 10px 14%
	}
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3W0fAmrZB7mfUJZ8QRpquy {
	position: absolute;
	width: fit-content;
	margin: 0 auto;
	text-transform: uppercase;
	background: #fff;
	padding: 10px 15px;
	border-radius: 2px;
	color: #171d25;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform .2s ease
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3JmGSFfarJIfLqzni43JFQ {
	font-size: 13px;
	font-weight: 600;
	display: flex;
	gap: 6px;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform .2s ease
}

.BasicUI .-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3JmGSFfarJIfLqzni43JFQ {
	min-width: 80px
}

@media screen and (max-width: 730px) {
	html.responsive .-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3JmGSFfarJIfLqzni43JFQ {
		position: relative;
		left: unset;
		top: unset;
		transform: unset
	}
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._15LI4ya5Dm0JI0f0GAMvaW {
	color: #b3b9c0;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase
}

.-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 10px
}

.-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D {
	text-align: center;
	align-content: center;
	text-transform: uppercase;
	font-weight: 500;
	background: linear-gradient(180deg, #072f4c -5%, #1374b9 100%);
	overflow: hidden;
	border-radius: 4px;
	box-shadow: inset 0px 0px 2px rgba(49, 128, 158, .4509803922), 2px 2px 2px rgba(85, 84, 84, .1)
}

@media screen and (max-width: 730px) {
	html.responsive .-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D {
		border-radius: 2px;
		background: linear-gradient(180deg, #44a5dd 0%, #4275d3 84%);
		box-shadow: inset 0px 0px 2px rgba(49, 128, 158, .4509803922), 2px 2px 2px rgba(43, 43, 43, .1)
	}
}

.-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D:hover {
	color: #fff;
	background: linear-gradient(180deg, rgba(29, 136, 198, 0.7294117647) -25%, rgba(12, 127, 207, 0.631372549) 100%);
	box-shadow: inset 0px 0px 2px rgba(49, 128, 158, .4509803922), 2px 2px 2px rgba(43, 43, 43, .1)
}

@media screen and (max-width: 730px) {
	html.responsive .-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D:hover {
		box-shadow: inset 0px 0px 2px rgba(49, 128, 158, .4509803922), 2px 2px 2px rgba(85, 84, 84, .1)
	}
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px 0px
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D {
	flex: 1;
	transition: transform .2s ease
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(1) {
	background: linear-gradient(180deg, rgba(218, 213, 218, 0.17) -21.51%, #CE69EE 100%);
	box-shadow: inset 0px 0px 2px #ce69ee, 2px 2px 2px rgba(43, 43, 43, .1)
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(1):hover {
	background: linear-gradient(180deg, rgba(236, 231, 236, 0.17) -21.51%, #e291fa 100%)
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(2) {
	background: linear-gradient(180deg, rgba(218, 213, 218, 0.17) -21.51%, #07D0BF 90.35%);
	box-shadow: inset 0px 0px 2px rgba(7, 208, 191, .4509803922), 2px 2px 2px rgba(43, 43, 43, .1)
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(2):hover {
	background: linear-gradient(180deg, rgba(236, 231, 236, 0.17) -21.51%, #2ee6d7 90.35%)
}

._1O0H6NQY1-2DaXv-n_JyEm {
	font-size: 11px;
	color: rgba(220, 222, 223, .6196078431)
}

.msDiiFvZmOWUVrazuOR7y {
	border-bottom: 1px solid rgba(126, 171, 255, .05)
}

._4bi1iROLdQ66C6or_iLnT {
	--hi-1: rgba(163, 186, 211, 0.15);
	--hi-2: rgba(163, 186, 211, 0.05);
	--hi-3: rgba(163, 186, 211, 0);
	padding: 10px 0px 10px 16px;
	color: var(--Neutrals-lightestGrey, #DCDEDF);
	font-size: 13px;
	font-style: normal;
	font-weight: 400
}

._4bi1iROLdQ66C6or_iLnT.ZHP-k9mPTkHfNP0SUx2js {
	padding-top: 16px
}

._4bi1iROLdQ66C6or_iLnT._2LnvhZWuE-kK8DofxiNupC {
	padding-bottom: 16px
}

._4bi1iROLdQ66C6or_iLnT:hover {
	color: var(--Neutrals-white, #FFF);
	background: linear-gradient(90deg, var(--hi-1) 0%, var(--hi-2) 35%, var(--hi-3) 100%)
}

._2lLDOXJibKONAZT_v5JYdM {
	position: absolute;
	top: -97px;
	left: -39px;
	transform: rotate(-22.838deg);
	opacity: .3;
	display: flex;
	flex-direction: column
}

._2lLDOXJibKONAZT_v5JYdM .fYUHRTrzGItaGhMLuUZ3W {
	display: flex;
	flex-direction: row
}

._2lLDOXJibKONAZT_v5JYdM .fYUHRTrzGItaGhMLuUZ3W img {
	width: 190px;
	aspect-ratio: 92/43
}

.Jj8HIlIT-yPI1DfChaARk>._2lLDOXJibKONAZT_v5JYdM {
	opacity: .1;
	top: -56px;
	left: -17px;
	filter: saturate(0) brightness(0.5)
}

@media screen and (max-width: 730px) {
	html.responsive .Jj8HIlIT-yPI1DfChaARk>._2lLDOXJibKONAZT_v5JYdM {
		display: none
	}
}

.Jj8HIlIT-yPI1DfChaARk>._2lLDOXJibKONAZT_v5JYdM .fYUHRTrzGItaGhMLuUZ3W img {
	width: 115px;
	aspect-ratio: 92/43
}

.uFovI2_j4i5rfhV6Ke4hc {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	.uFovI2_j4i5rfhV6Ke4hc {
		scrollbar-gutter: initial
	}
}

._2ihG7DC0YPrw01ComUbKnY {
	flex: 1;
	min-width: 0;
	justify-self: stretch;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 206px
}

._2ihG7DC0YPrw01ComUbKnY.JeKLaTDB6BY1_KxkPBi7y {
	min-height: 210px
}

@media screen and (max-width: 730px) {
	html.responsive ._2ihG7DC0YPrw01ComUbKnY {
		padding: 0 15px 15px 15px;
		min-height: 0
	}
}

._3wkp8GaMeHBsrImd61r1X- {
	height: 28px;
	color: rgba(171, 171, 171, .6509803922);
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-transform: uppercase
}

.t3RAs516ziDj593wzPx-v {
	display: flex;
	flex-direction: row;
	align-items: center
}

.t3RAs516ziDj593wzPx-v ._3wkp8GaMeHBsrImd61r1X- {
	flex: 1;
	min-width: 0;
	overflow: hidden
}

.t3RAs516ziDj593wzPx-v ._2ei6XGyZTi_2PvVZFtlzcZ {
	display: block
}

._2dL6ap-BkfhXkVntihe2KS {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 20px
}

@media screen and (max-width: 500px) {
	._2dL6ap-BkfhXkVntihe2KS {
		flex-direction: column
	}
}

.wX6LdxJgqoPyuPTGpQRC0 {
	flex: 1;
	min-width: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 160px
}

:where(._39xRzOagrnlvU_DbiDnzVW) {
	min-width: 20%;
	display: flex;
	flex-direction: column;
	gap: 8px
}

@media screen and (max-width: 500px) {
	html.responsive :where(._39xRzOagrnlvU_DbiDnzVW) {
		line-height: 24px;
		justify-content: start
	}
}

:where(._39xRzOagrnlvU_DbiDnzVW) ._3xfL7u7e8rFk4XeOpKN0oC {
	color: var(--Neutrals-lightestGrey, #DCDEDF);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-decoration: none
}

:where(._39xRzOagrnlvU_DbiDnzVW) ._3xfL7u7e8rFk4XeOpKN0oC:hover {
	color: var(--Neutrals-white, #FFF)
}

._1tOe1a5sCJUgvbHanH8BmV {
	height: 1px;
	opacity: .5;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1882352941) 42.5%, rgba(255, 255, 255, 0) 100%);
	border: none;
	margin: 4px 0
}

._1ECtb6W4gvvCrevAbzsKq_ {
	display: flex;
	flex-direction: column;
	gap: 4px
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 4px
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 {
	display: flex;
	padding: 9px 15px;
	align-items: center;
	gap: 10px;
	flex: 1;
	align-self: stretch;
	justify-content: center;
	min-width: 0;
	overflow: hidden;
	border-radius: 2px;
	background: linear-gradient(180deg, #44a5dd 0%, #4275d3 93.87%);
	color: #191d25;
	transition: color 100ms ease-out;
	box-shadow: 2px 2px 2px rgba(43, 43, 43, .1)
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:hover,
._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0.gpfocus {
	color: #fff
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:hover span._3nohIP2x4JypyTk3gtBog0,
._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:hover span._1-3HkXvDUXTzJg8JfSFCwI {
	transform: translateY(5px)
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:not(._38ngLpACn1zS6vXvyaDLDM) {
	text-align: center
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 span._1-3HkXvDUXTzJg8JfSFCwI {
	width: 46px;
	height: 46px;
	display: flex;
	transition: transform .1s ease
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 span._3nohIP2x4JypyTk3gtBog0 {
	display: block;
	min-width: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 16px;
	text-transform: uppercase;
	transform: translateY(0px);
	transition: transform .2s ease
}

@media screen and (max-width: 1024px) {
	._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 {
		text-align: center
	}

	._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 span._1-3HkXvDUXTzJg8JfSFCwI {
		display: none
	}
}

._1PuyX9P-ZPobFUE_2scw0_ {
	color: var(--Colors-blue, #1A9FFF);
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin-left: 8px
}

._1PuyX9P-ZPobFUE_2scw0_:hover,
._1PuyX9P-ZPobFUE_2scw0_.gpfocus {
	color: #fff
}

._1PuyX9P-ZPobFUE_2scw0_>svg {
	height: 13px;
	vertical-align: middle;
	margin-left: 4px
}

button._1PuyX9P-ZPobFUE_2scw0_ {
	border: none;
	background: rgba(0, 0, 0, 0);
	padding: 0;
	cursor: pointer
}

@keyframes _2MX3kbnJioxB5jacT14lA9 {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _9xy0YQDkEbu857gsdInCv {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes l-J8MCegTsaUMRJT8b3TK {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _2aqmSY30NPpsbdKY1uvoj9 {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _1MQWbXSwGrC4QjIkWup2g {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes _2UXD3XCfCdr57JBIS0dila {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _6XLLBJw8r-HcpK90UY2Zx {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _2mP3u34eLuG-lXQjoulEET {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _2WxxoxD_VK4UhznzHZauVK {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _1Omq_6jixSqfkKLiND3K8m {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes _3vpR1RgidPuJSvdG20HMxw {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

.lJzzpKhD8THM_GXdr7Hnk {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	.lJzzpKhD8THM_GXdr7Hnk {
		scrollbar-gutter: initial
	}
}

._1_Cs2jL-zQHuz1FSXBASEL {
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	flex-direction: row;
	gap: 10px;
	padding-bottom: 8px;
	max-width: 100%;
	max-height: 100px
}

.BasicUI ._1_Cs2jL-zQHuz1FSXBASEL {
	max-height: unset
}

@media screen and (max-width: 500px) {
	._1_Cs2jL-zQHuz1FSXBASEL {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		max-height: 200px
	}

	._1_Cs2jL-zQHuz1FSXBASEL ._1-cbd4jE7Y3ZRkLFocvEDW {
		max-width: none
	}
}

._1-cbd4jE7Y3ZRkLFocvEDW {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	max-width: 190px;
	max-height: 150px;
	min-width: 0;
	flex: 1;
	box-shadow: 2px 2px 2px rgba(43, 43, 43, .1)
}

.BasicUI ._1-cbd4jE7Y3ZRkLFocvEDW {
	max-width: 155px;
	max-height: 140px;
	border-radius: 2px
}

._1-cbd4jE7Y3ZRkLFocvEDW ._2zLGA-bpYZoQ1tlrxdC0bl {
	display: block;
	filter: saturate(0.7);
	transition: transform .2s ease-in-out, filter .2s ease-in-out;
	width: 100%;
	height: 100%;
	object-fit: cover
}

._1-cbd4jE7Y3ZRkLFocvEDW ._36Qgx6aYS9HfYORRauakKF {
	position: absolute;
	inset: 0;
	transition: opacity .2s ease-in-out;
	box-shadow: inset 0px 1px 1px hsla(0, 0%, 100%, .1490196078)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n+1) ._36Qgx6aYS9HfYORRauakKF {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 14, 15, 0.45) 48.83%, rgba(61, 8, 9, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 11, 13, 0.26) 30.04%, rgba(238, 23, 27, 0.38) 51.69%, rgba(255, 0, 4, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n+2) ._36Qgx6aYS9HfYORRauakKF {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 55, 14, 0.45) 48.83%, rgba(61, 38, 8, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 75, 11, 0.26) 30.04%, rgba(238, 149, 23, 0.38) 51.69%, rgba(255, 94, 0, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n+3) ._36Qgx6aYS9HfYORRauakKF {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(41, 143, 25, 0.45) 48.83%, rgba(86, 85, 33, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(243, 240, 19, 0.26) 30.04%, rgba(124, 114, 178, 0.38) 51.69%, rgba(251, 255, 0, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n) ._36Qgx6aYS9HfYORRauakKF {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(14, 59, 74, 0.45) 48.83%, rgba(88, 155, 165, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(11, 74, 115, 0.26) 30.04%, rgba(23, 217, 238, 0.38) 51.69%, rgba(54, 159, 170, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW ._2lMeDNY8MZL79iTgvrtg10 {
	position: absolute;
	bottom: 26px;
	left: 8%;
	right: 8%;
	text-align: center;
	pointer-events: none;
	transition: transform .2s ease-in-out
}

@media screen and (max-width: 730px) {
	html.responsive ._1-cbd4jE7Y3ZRkLFocvEDW ._2lMeDNY8MZL79iTgvrtg10 {
		inset: 5%;
		display: flex;
		margin: auto;
		justify-content: space-around;
		align-items: center
	}
}

._1-cbd4jE7Y3ZRkLFocvEDW ._2lMeDNY8MZL79iTgvrtg10 ._3HqvlP8tdG4sTsVC0ANwfg {
	display: block;
	width: fit-content;
	margin: 0 auto;
	text-transform: uppercase;
	background: #fff;
	padding: 4px 8px;
	border-radius: 2px;
	color: var(--Blues-darkestGrey, #000F18);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal
}

._1-cbd4jE7Y3ZRkLFocvEDW:hover ._2zLGA-bpYZoQ1tlrxdC0bl,
._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._2zLGA-bpYZoQ1tlrxdC0bl {
	transform: scale(1.05);
	filter: brightness(1.1)
}

._1-cbd4jE7Y3ZRkLFocvEDW:hover ._36Qgx6aYS9HfYORRauakKF,
._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._36Qgx6aYS9HfYORRauakKF {
	opacity: .5
}

._1-cbd4jE7Y3ZRkLFocvEDW:hover ._2lMeDNY8MZL79iTgvrtg10,
._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._2lMeDNY8MZL79iTgvrtg10 {
	transform: translateY(10px)
}

@media screen and (max-width: 730px) {

	html.responsive ._1-cbd4jE7Y3ZRkLFocvEDW:hover ._2lMeDNY8MZL79iTgvrtg10,
	html.responsive ._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._2lMeDNY8MZL79iTgvrtg10 {
		transform: translateY(5px)
	}
}

._1UkrDgMhl-oqKXXt9KXc4N {
	display: flex;
	flex-direction: row;
	align-items: center
}

.BasicUI ._1UkrDgMhl-oqKXXt9KXc4N {
	padding-bottom: 10px
}

._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs {
	display: flex;
	flex: 1;
	gap: 7px;
	min-width: 0;
	height: 20px;
	flex-wrap: wrap;
	overflow: hidden
}

@media screen and (max-width: 730px) {
	html.responsive ._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs {
		height: 48px
	}
}

._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs ._2oz62CVNbwTn7KrUUwRdRw {
	display: block;
	height: 20px;
	padding: 0 12px;
	line-height: 20px;
	border-radius: 3px;
	background: rgba(26, 159, 255, .2);
	color: #67c1f5;
	font-size: 12px;
	font-style: normal;
	font-weight: 400
}

._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs ._2oz62CVNbwTn7KrUUwRdRw:hover,
._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs ._2oz62CVNbwTn7KrUUwRdRw.gpfocus {
	text-decoration: none;
	color: #fff;
	background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%)
}

._3rqhNTZrrL7UO5ywvgaMUw {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, auto));
	gap: 12px
}

@media screen and (max-width: 730px) {
	html.responsive ._3rqhNTZrrL7UO5ywvgaMUw {
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
}

@media screen and (max-width: 520px) {
	html.responsive ._3rqhNTZrrL7UO5ywvgaMUw {
		grid-template-columns: 1fr 1fr 1fr
	}
}

._3rqhNTZrrL7UO5ywvgaMUw ._3zYzEl5ccXcsGQdbUGVvkC {
	flex: 1;
	min-width: 0;
	justify-content: flex-start
}

._3rqhNTZrrL7UO5ywvgaMUw ._3zYzEl5ccXcsGQdbUGVvkC a {
	white-space: normal
}

._2ljgJpZbuQPGf3VlOWj4wR {
	margin: 12px 0px
}

._2qoUV7t1K6Z7H23Kz8voOB {
	padding: 12px 0px 8px 0px
}

._FWKBhuzEgLPrJrDeoa5o {
	line-height: normal;
	align-items: flex-start
}

._3CCxBBbZTQS6eTjcQD5W-D {
	display: flex;
	flex-direction: row;
	gap: 10px
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu {
	border-radius: 4px;
	overflow: hidden;
	flex: 1;
	position: relative;
	display: flex;
	justify-content: center
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu:hover ._2Cc-FLjIFWZwBaGz0TSrW8 {
	transform: translatey(5px)
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu:nth-child(1) {
	background: linear-gradient(180deg, #DAD5DA 0%, #CE69EE 158.49%)
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu:nth-child(2) {
	background: linear-gradient(180deg, #E5D7C1 0%, #D0B99B 93.87%)
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu ._2YW7iSUhkhAU2OZIFBgSbN {
	display: block;
	height: 110px;
	max-width: 100%;
	object-fit: cover
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu ._2Cc-FLjIFWZwBaGz0TSrW8 {
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 20px;
	text-align: center;
	transition: transform .2s ease
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu ._2Cc-FLjIFWZwBaGz0TSrW8 ._11IYP42PAMrnzCjJnoaZAH {
	display: inline-block;
	padding: 10px 15px;
	border-radius: 3px;
	background: #fff;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase
}

._1Fqo2kNzNurFUNgfiAt636 {
	padding-top: 10px
}

._2R0q5t8YlHVQKecbX-loln {
	justify-content: unset
}

._3C4nnf28yRUH2KQSYeMjWP {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	._3C4nnf28yRUH2KQSYeMjWP {
		scrollbar-gutter: initial
	}
}

._2ULEyYgHBHtbdS-UzA2CMo {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	padding: 12px;
	border-radius: 4px;
	background: linear-gradient(90deg, rgba(126, 171, 255, 0.1) 0%, rgba(41, 48, 62, 0) 100%);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 22px;
	min-height: 206px
}

._2ULEyYgHBHtbdS-UzA2CMo ._25y40YQQ9yLoSxeIiYPBLW {
	width: 185px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-self: stretch
}

._2ULEyYgHBHtbdS-UzA2CMo ._23OS9-_9K0-cbQx2VaCRgG {
	flex: 1;
	min-width: 0
}

._23dSXPnMLAqirY-XNeEJ-r {
	border: none;
	background: rgba(0, 0, 0, 0);
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 8px;
	line-height: 28px;
	color: var(--Neutrals-lightestGrey, #DCDEDF);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
	transition: background-color 80ms ease-out 10ms, font-weight 80ms ease-out 10ms
}

html.touch ._23dSXPnMLAqirY-XNeEJ-r {
	line-height: 34px
}

@media screen and (max-width: 730px) {
	html.responsive ._23dSXPnMLAqirY-XNeEJ-r {
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal
	}
}

._23dSXPnMLAqirY-XNeEJ-r .YZpHY8ObBmj_6-2uAFY3- {
	flex-grow: 0;
	width: 4px;
	transition-delay: 10ms;
	transition: flex-grow 80ms ease-out 10ms
}

._23dSXPnMLAqirY-XNeEJ-r ._14F0v3UrBwdLuNbzG_w_dc {
	width: 12px;
	height: 12px
}

._23dSXPnMLAqirY-XNeEJ-r._3YhUrzz0wbuwkRosba0Mso {
	background: linear-gradient(90deg, var(--gpBackground-LightSoft) 0%, rgba(26, 159, 255, 0.6117647059) 100%);
	border-radius: 2px
}

._23dSXPnMLAqirY-XNeEJ-r._3YhUrzz0wbuwkRosba0Mso .YZpHY8ObBmj_6-2uAFY3- {
	flex-grow: 1
}

._23dSXPnMLAqirY-XNeEJ-r._3YhUrzz0wbuwkRosba0Mso,
._23dSXPnMLAqirY-XNeEJ-r:hover {
	color: #fff
}

._3vCAkux4vF6c9-1Vls6BzZ {
	flex: 1;
	min-width: 0
}

._1muqPv4BaKtCW2mPwdJZJs {
	background: #30353f;
	border-bottom: 1px solid rgba(46, 52, 72, .75)
}

._1muqPv4BaKtCW2mPwdJZJs._3YhUrzz0wbuwkRosba0Mso,
._1muqPv4BaKtCW2mPwdJZJs:last-child {
	border-bottom: none
}

._1IkX8ZzZ1M29wQNN_NlGIh {
	cursor: pointer;
	color: var(--Neutrals-lightestGrey, #DCDEDF);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 11px 16px;
	background-color: #23262e;
	transition: background-color 250ms ease-in-out;
	display: flex;
	flex-direction: row
}

._1IkX8ZzZ1M29wQNN_NlGIh ._29T5c_G1JTMFh2EMISba3o {
	flex: 1
}

._1IkX8ZzZ1M29wQNN_NlGIh ._14F0v3UrBwdLuNbzG_w_dc {
	width: 14px;
	transition-property: transform;
	transition-duration: .2s;
	transition-timing-function: ease-in-out
}

._1IkX8ZzZ1M29wQNN_NlGIh._3YhUrzz0wbuwkRosba0Mso {
	background-color: #3d4450
}

._1IkX8ZzZ1M29wQNN_NlGIh._3YhUrzz0wbuwkRosba0Mso ._14F0v3UrBwdLuNbzG_w_dc {
	transform: rotate(180deg)
}

._2j0yfyrqbOsnOPaTA8Tqkm {
	flex: 1;
	min-width: 0;
	align-self: stretch;
	position: relative
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._2RExD1Rn35tuYU4P3iq1g6 {
	transform: translateY(-12%);
	opacity: 0
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._1Az5sluIUIBtdXhxRFgEIb {
	transform: translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 160ms;
	transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
	transition-delay: 80ms
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._9rIUUcLDBmzOF6ae3dqm1 {
	transform: translateY(0);
	opacity: 1
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._2-qxNCdn_qJkT8TIBYe4xg {
	transform: translateY(8%);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 80ms;
	transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._2RExD1Rn35tuYU4P3iq1g6 {
	transform: translateY(12%);
	opacity: 0
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._1Az5sluIUIBtdXhxRFgEIb {
	transform: translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 160ms;
	transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
	transition-delay: 80ms
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._9rIUUcLDBmzOF6ae3dqm1 {
	transform: translateY(0);
	opacity: 1
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._2-qxNCdn_qJkT8TIBYe4xg {
	transform: translateY(-8%);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 80ms;
	transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

._1KK7nc1wjHP_-Nj5w1XSlZ {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0
}

._3dtnlw7cvJhAMGafZPipGv {
	position: absolute;
	left: 0;
	top: 14px;
	font-size: 10px;
	color: #111;
	box-shadow: 0 0 4px rgba(0, 0, 0, .9);
	height: 18px;
	line-height: 19px;
	z-index: 5;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 4px;
	overflow: hidden
}

._3dtnlw7cvJhAMGafZPipGv>svg {
	height: 12px;
	width: 12px;
	margin-right: 4px
}

._3dtnlw7cvJhAMGafZPipGv ._2UUMzfFoTLL0YlWt710fZi {
	flex: 1;
	white-space: nowrap;
	margin-right: 4px
}

._3dtnlw7cvJhAMGafZPipGv._1Ywwc4rP-p7ADlRoCRtVUb {
	background: #4f95bd
}

._3dtnlw7cvJhAMGafZPipGv._3Rgc5idc13zGnjAaIpVNAR {
	background: #d3deea;
	background-size: 11px
}

._3dtnlw7cvJhAMGafZPipGv.rG10F9nINvk6AFeTNj9Ki {
	background: #a3cf06
}

._3dtnlw7cvJhAMGafZPipGv._1ge0IdDaPOEl5amf8DGCZI {
	background: #bfbfbf
}

._3dtnlw7cvJhAMGafZPipGv._1_lO06CLuPyjAqfqgEyOTw {
	left: 0;
	right: 0;
	background: #bfbfbf
}

._3Tsl0PufrncX7yyZgZZIGJ {
	position: relative
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ ._3dtnlw7cvJhAMGafZPipGv ._2UUMzfFoTLL0YlWt710fZi {
	min-width: 0;
	margin-right: 0;
	width: 0;
	transition: width .25s, margin .25s;
	interpolate-size: allow-keywords
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv ._2UUMzfFoTLL0YlWt710fZi {
	width: auto;
	margin-right: 4px
}

.aeeMsJQ4JhwpTeEyXMKFF.vcnCXoFrgQJKrQgEAZDhV._3Tsl0PufrncX7yyZgZZIGJ ._3dtnlw7cvJhAMGafZPipGv {
	padding-left: 4px
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv {
	max-width: 120px
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv._1_lO06CLuPyjAqfqgEyOTw {
	max-width: none;
	padding-right: 4px
}

.vcnCXoFrgQJKrQgEAZDhV._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv {
	padding-left: 18px
}

.hWF8eniTajf4-mfZvbK3F {
	display: flex;
	background: #344654
}

.hWF8eniTajf4-mfZvbK3F._3nY5xfLgHtFfAZehN8EnZf {
	background: rgba(0, 0, 0, 0)
}

.hWF8eniTajf4-mfZvbK3F._2v7Vpe6XjaVaxSkYszvvLe {
	min-height: 36px;
	--original-price-font-size: 11px;
	--original-price-color: #738895;
	--final-price-font-size: 15px;
	--final-price-color: #FFFFFF
}

.hWF8eniTajf4-mfZvbK3F._3qZOpVQJRvlFkWQKldRKPD {
	gap: 3px;
	--original-price-color: #7193A6;
	--final-price-color: #DEF3FF
}

._2lQxRlo1DQ1PN08TYTil2L {
	background: rgba(76, 107, 34, .5);
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #beee11
}

._2lQxRlo1DQ1PN08TYTil2L._1neYGNdw8SjUTu9eUQ-xKZ {
	background: #4c6b22
}

._2lQxRlo1DQ1PN08TYTil2L._1neYGNdw8SjUTu9eUQ-xKZ>svg {
	width: 30px;
	height: 30px;
	margin: 0 3px
}

._2lQxRlo1DQ1PN08TYTil2L ._3cdhtxJwOkHYnEljY7P-vL {
	font-weight: 500
}

._2v7Vpe6XjaVaxSkYszvvLe ._2lQxRlo1DQ1PN08TYTil2L ._3cdhtxJwOkHYnEljY7P-vL {
	font-size: 26px;
	padding: 0 5px;
	line-height: 34px
}

._3qZOpVQJRvlFkWQKldRKPD ._2lQxRlo1DQ1PN08TYTil2L ._3cdhtxJwOkHYnEljY7P-vL {
	font-size: 12px;
	padding: 0 5px;
	line-height: 19px
}

._2faI25vznC0tWNttks8OaJ {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end
}

._2v7Vpe6XjaVaxSkYszvvLe ._2faI25vznC0tWNttks8OaJ {
	padding: 0 8px
}

._3qZOpVQJRvlFkWQKldRKPD ._2faI25vznC0tWNttks8OaJ {
	flex-direction: row;
	gap: 3px
}

._2faI25vznC0tWNttks8OaJ._1gp3t-2iXZJ_KLMSNHXImo {
	justify-content: end
}

._2faI25vznC0tWNttks8OaJ ._1xgg-R84IHS6h5_x6ZycXi {
	position: relative;
	font-size: var(--original-price-font-size, inherit);
	color: var(--original-price-color, inherit)
}

._2faI25vznC0tWNttks8OaJ ._1xgg-R84IHS6h5_x6ZycXi::before {
	content: "";
	left: 0px;
	right: 0px;
	position: absolute;
	top: 43%;
	border-bottom: 1.5px solid #738895;
	transform: skewY(-8deg);
	box-shadow: 0 0 2px #000
}

._2faI25vznC0tWNttks8OaJ ._2L23Sk2CNSFCplu_7mMmQx {
	font-size: var(--final-price-font-size, inherit);
	color: var(--final-price-color, inherit)
}

._16WEqEDIlh-957kKg14gBt {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2px
}

._3Z1skIYVoqLbYiP2wy46Ce {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 56px;
	gap: 10px;
	border-radius: 2px;
	background: linear-gradient(90deg, rgba(14, 20, 27, 0.2) 0%, rgba(163, 186, 211, 0.2) 100%)
}

._3Z1skIYVoqLbYiP2wy46Ce.tHXw2oCZIXQZPrZvcoSPB,
._3Z1skIYVoqLbYiP2wy46Ce.sEmReCdwylgRBuJtn0A1G:hover,
._3Z1skIYVoqLbYiP2wy46Ce.gpfocus {
	background: linear-gradient(90deg, rgba(14, 20, 27, 0.6) 0%, rgba(163, 186, 211, 0.6) 100%)
}

._3Z1skIYVoqLbYiP2wy46Ce ._2qsM52VkK9BR1Vi0HBOrtY {
	width: 148px;
	aspect-ratio: 77/29;
	background: rgba(0, 0, 0, .2)
}

._3Z1skIYVoqLbYiP2wy46Ce ._2qsM52VkK9BR1Vi0HBOrtY.bs0tNkD0b5VQ75tIX95Lf {
	background: rgba(0, 0, 0, .2)
}

._3Z1skIYVoqLbYiP2wy46Ce ._2qsM52VkK9BR1Vi0HBOrtY>img {
	width: 100%;
	display: block
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD {
	flex: 1;
	min-width: 0
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD ._2c8KHMFOeIi4TVcVN6qeIi,
._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD .KG1rpRyNTy_2__H8GV8__ {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD ._2c8KHMFOeIi4TVcVN6qeIi {
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD .KG1rpRyNTy_2__H8GV8__ {
	color: #def3ff;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 6px
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD .GvTn3nY1hCInPWgRZbO8p {
	color: gray;
	font-size: 11px
}

._3QeqE2uGBs9YdNBWs0tGkx {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	._3QeqE2uGBs9YdNBWs0tGkx {
		scrollbar-gutter: initial
	}
}

@keyframes mOOp1yYMcvPkiXfXrJAev {
	from {
		background-position: 0 100%
	}

	to {
		background-position: 100% 0
	}
}

@keyframes _1_QKXCzq4JtGuuYl_nYE_0 {
	from {
		background: #3d4450
	}

	to {
		background: #23262e
	}
}

@keyframes _2vlTuK8r8gX5dGKrGOmjCH {
	from {
		background: #3d4450;
		color: #8b929a
	}

	to {
		background: #23262e;
		color: #fff
	}
}

@keyframes _1RGaJkQAEEPpoL2_ApiNLp {
	from {
		background: hsla(0, 0%, 100%, .25);
		color: #8b929a
	}

	to {
		background: hsla(0, 0%, 100%, .15);
		color: #fff
	}
}

@keyframes _3AfdGc4v_HPbqY4lpF0Fv2 {
	from {
		background: #8b929a;
		color: #fff
	}

	to {
		background: #67707b;
		color: #fff
	}
}

@keyframes BF4H4NXLkYOUHtuiZEedd {
	from {
		background: hsla(0, 0%, 100%, .3);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .1);
		color: #fff
	}
}

@keyframes _2Anyxx88uyhFT8AgCDwIbh {
	from {
		background: hsla(0, 0%, 100%, .5);
		color: #fff
	}

	to {
		background: hsla(0, 0%, 100%, .2);
		color: #fff
	}
}

@keyframes _95Vw9AT5_0tMC4POHvyOg {
	from {
		border-color: #67707b
	}

	to {
		border-color: #3d4450
	}
}

@keyframes _2qrqXdvqgtTOecWA2PKury {
	from {
		background: #c9ffc9;
		color: #8b929a
	}

	to {
		background: #59bf40;
		color: #fff
	}
}

@keyframes _1vk5MHApEi6hJit4m_hDAE {
	0% {
		background-position: 0% 0%;
		opacity: 1
	}

	100% {
		background-position: -180% 0%;
		opacity: .8
	}
}

@keyframes yjGXd3cs9RA-Lmiga2Hy9 {
	0% {
		background-position: 0% 0%
	}

	100% {
		background-position: 50% 0%
	}
}

div._21F52O1eUPKz37HniCe3kj {
	display: flex;
	flex-direction: row;
	gap: 8px
}

div._21F52O1eUPKz37HniCe3kj>div {
	flex: 1;
	min-width: 0
}

.BasicUI div._21F52O1eUPKz37HniCe3kj>div {
	flex: 3
}

._3d8rSU2lLYPG8rcq0iWLbq {
	display: flex;
	flex-direction: column
}

._2SuTwoGRq7L6D8hZByqE62 {
	position: relative;
	flex: 1;
	display: flex;
	min-width: 200px;
	margin-top: 27px;
	padding: 20px 8px;
	border-radius: 2px;
	overflow: hidden
}

.BasicUI ._2SuTwoGRq7L6D8hZByqE62 {
	flex: 2
}

._2SuTwoGRq7L6D8hZByqE62:hover ._1hrnAqRA57mMuhK3gjPSLu ._2-rKQdmSx7Khacm27tXK0K {
	background: linear-gradient(270deg, rgba(50, 55, 64, 0.568627451) 37.15%, #424b58 81.31%)
}

._2SuTwoGRq7L6D8hZByqE62:hover ._1PSb462Tg4S8M046QIk4PM svg {
	transform: translateX(5px)
}

._2SuTwoGRq7L6D8hZByqE62 ._1hrnAqRA57mMuhK3gjPSLu {
	position: absolute;
	inset: 0;
	overflow: hidden
}

._2SuTwoGRq7L6D8hZByqE62 ._1hrnAqRA57mMuhK3gjPSLu ._2TQdMr4X39QLH39Z0_airS {
	position: absolute;
	inset: 0;
	background-size: cover
}

._2SuTwoGRq7L6D8hZByqE62 ._1hrnAqRA57mMuhK3gjPSLu ._2-rKQdmSx7Khacm27tXK0K {
	position: absolute;
	inset: 0;
	background: linear-gradient(270deg, rgba(42, 50, 62, 0.568627451) 37.15%, #1a212c 81.31%)
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa {
	position: relative;
	width: 407px;
	max-width: 100%;
	margin: 10px;
	display: flex;
	flex-direction: column;
	gap: 12px
}

@media screen and (max-width: 1024px) {
	._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa {
		width: unset
	}
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._3xA_zAPk4Gs81l4iCC0fRz {
	color: #fff;
	white-space: nowrap;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._3xA_zAPk4Gs81l4iCC0fRz svg {
	fill: var(--Neutrals-white, #FFF);
	width: 16px;
	height: 16.85px
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1Wz57jagOh6dxI7GUA5igl {
	color: var(--Neutrals-lighterGrey, #B8BCBF);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	min-width: 0;
	max-width: 90%
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1PSb462Tg4S8M046QIk4PM {
	display: inline-flex;
	padding: 8px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	align-self: flex-start;
	white-space: nowrap;
	margin-top: 10px;
	border-radius: 2px;
	background: var(--Blue-gredient, linear-gradient(90deg, #06BFFF 0%, #2D73FF 100%))
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1PSb462Tg4S8M046QIk4PM ._1fyDZMVLKzvHIle_9i4Lpq {
	color: var(--Text-Main, #F3F3F3);
	text-align: center;
	font-size: 14px;
	font-weight: 500
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1PSb462Tg4S8M046QIk4PM svg {
	fill: var(--Neutrals-white, #FFF);
	width: 16px;
	height: 16.85px;
	transition-property: transform;
	transition-duration: .2s;
	transition-timing-function: ease-in-out
}

._1UYj3bhmlk9olzBLJiCHmC ._1hrnAqRA57mMuhK3gjPSLu ._2TQdMr4X39QLH39Z0_airS {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center
}

._2dIS9ODkn8rs_fsWh3kY8y {
	position: relative
}

._2dIS9ODkn8rs_fsWh3kY8y ._1hrnAqRA57mMuhK3gjPSLu ._2TQdMr4X39QLH39Z0_airS {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center
}

._2dIS9ODkn8rs_fsWh3kY8y ._2ZuAr_P2w3N45sg9qxA2Vc {
	position: absolute;
	inset-inline-end: 10px;
	top: 10px;
	background: #51da2e;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	padding: 0px 4px;
	letter-spacing: 1px
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa {
	display: flex;
	flex-direction: row;
	gap: 20px
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._2mvz1stG3mdVukklUl35CV {
	display: flex;
	flex-direction: column;
	margin-top: -10px
}

.BasicUI ._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._2mvz1stG3mdVukklUl35CV {
	display: none
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._2mvz1stG3mdVukklUl35CV svg {
	fill: var(--Neutrals-white, #FFF);
	width: 32px;
	height: 32px
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._3LsK4VSA6PZ96b2Yu-i-W9 {
	display: flex;
	flex-direction: column;
	gap: 4px
}

._3IuHjKAi2Q9E5QyD_-gc9w {
	margin-top: 27px
}

@media screen and (max-width: 730px) {
	html.responsive ._3IuHjKAi2Q9E5QyD_-gc9w {
		margin-top: 0px
	}
}

._221NQfJgfl3Z4c4ZQ1Ojwd {
	min-width: 20%;
	grid-area: right
}

._3BIVruKhtKrpeYQkzZjahy {
	min-width: 20%;
	grid-area: left
}

._3EWc6AKvXIc5M2R-zZqlcH {
	flex: 1;
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "left right"
}

._1UcQrvPyaEs4L-IoMrldKP {
	padding-top: 10px
}

._2vfjuXKSFCjvHgH1RXw0lo {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	._2vfjuXKSFCjvHgH1RXw0lo {
		scrollbar-gutter: initial
	}
}

.oeCR-_-EhS8CaxEaFAqDZ {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior-y: contain
}

._2RyPu-qJzs6novxZiGSDf- {
	padding: 0 2%;
	height: 250px
}

._2RyPu-qJzs6novxZiGSDf-.U5bM1WZ7qOYBFN3zAVMvI,
html.touch ._2RyPu-qJzs6novxZiGSDf- {
	height: auto
}

._2RyPu-qJzs6novxZiGSDf- ._2t1IMWc-EYYJD-dsioJxSp {
	max-width: var(--store-menu-content-width);
	margin: 7px auto 0;
	padding: 0 0 15px 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start
}

._2RyPu-qJzs6novxZiGSDf-._30QvK0vvP-U2VkgmU-oOBQ ._2t1IMWc-EYYJD-dsioJxSp {
	margin-top: 0
}

@media screen and (max-width: 730px) {
	html.responsive ._2RyPu-qJzs6novxZiGSDf- {
		height: auto;
		padding: 0
	}

	html.responsive ._2RyPu-qJzs6novxZiGSDf- ._2t1IMWc-EYYJD-dsioJxSp {
		padding: 0
	}
}

._1XjtpBn93p5fSXOBFU6T4R {
	width: 159px;
	display: flex;
	flex-direction: column;
	padding: 12px 15px 12px 0;
	justify-content: space-between;
	align-self: stretch;
	color: var(--Neutrals-lightestGrey, #DCDEDF);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal
}

._1XjtpBn93p5fSXOBFU6T4R ._3HgY-dL5S3-fJeU9WwcyJ8 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: inherit;
	text-decoration: none
}

._1XjtpBn93p5fSXOBFU6T4R ._3HgY-dL5S3-fJeU9WwcyJ8:hover {
	color: #fff
}

.uT8RS__OHNuFWvh1I4mO9 {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	.uT8RS__OHNuFWvh1I4mO9 {
		scrollbar-gutter: initial
	}
}

.WFyPwmwIjPaI784fImRbi {
	flex: 1;
	display: flex;
	position: relative;
	margin-inline-start: 16px;
	justify-content: end
}

@media screen and (max-width: 730px) {
	html.responsive .WFyPwmwIjPaI784fImRbi {
		min-width: 0;
		background: rgba(0, 0, 0, 0);
		margin-inline: 0
	}

	html.responsive .WFyPwmwIjPaI784fImRbi._1u5lJbV7kBEJq4lH6V2RzL {
		background: rgba(0, 0, 0, 0)
	}
}

._1KU9eASfov1GnFQRbyLIdR {
	flex: 1;
	border-radius: 2px;
	height: 34px;
	min-width: 364px;
	align-self: center;
	display: flex;
	flex-direction: row;
	background: hsla(0, 0%, 100%, .1254901961);
	max-width: 480px
}

._1KU9eASfov1GnFQRbyLIdR._1u5lJbV7kBEJq4lH6V2RzL {
	background: #323b47
}

._1KU9eASfov1GnFQRbyLIdR._1u5lJbV7kBEJq4lH6V2RzL ._2tlUAG6WNyYFlk9caIiLj5 {
	border: 1px solid rgba(66, 70, 74, .6392156863)
}

@media screen and (max-width: 730px) {
	html.responsive ._1KU9eASfov1GnFQRbyLIdR {
		min-width: 0
	}
}

._2AD2O_FEWy7izR8sZZjjI6 {
	flex: 1;
	display: flex;
	position: relative
}

._1YhdoyGYkUB4JuW0yFSbS7 {
	position: absolute;
	right: 8px;
	top: 8px;
	bottom: 8px;
	border: none;
	background: rgba(0, 0, 0, 0);
	aspect-ratio: 1;
	padding: 0;
	cursor: pointer
}

._1YhdoyGYkUB4JuW0yFSbS7:hover svg {
	color: #fff;
	transform: scale(1)
}

._1YhdoyGYkUB4JuW0yFSbS7 svg {
	color: hsla(0, 0%, 100%, .2);
	transform: scale(0.8);
	transition: transform .2s ease-out
}

._2tlUAG6WNyYFlk9caIiLj5 {
	color: #fff;
	flex: 1;
	min-width: 0;
	background-color: unset;
	padding: 0 10px;
	border-radius: 2px 0px 0px 2px;
	border: 1px solid hsla(0, 0%, 100%, .1411764706)
}

._2tlUAG6WNyYFlk9caIiLj5:hover {
	border: 1px solid rgba(26, 160, 255, .39)
}

._2tlUAG6WNyYFlk9caIiLj5:hover::placeholder {
	color: #ececec
}

._2tlUAG6WNyYFlk9caIiLj5::placeholder {
	color: #dcdedf;
	font-size: 13px;
	font-style: italic;
	font-weight: 400;
	line-height: normal
}

._2tlUAG6WNyYFlk9caIiLj5:focus-visible {
	border: 1px solid #1a9fff;
	outline: none;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25) inset;
	background: #242931
}

._1Yo-ZsBr-KbVMyAMXEYszd {
	border-radius: 0px 1px 1px 0px;
	background: #1a9fff;
	width: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: #fff;
	cursor: pointer;
	transition-property: background, box-shadow, transform;
	transition-duration: .2s;
	transition-timing-function: ease-out
}

._1Yo-ZsBr-KbVMyAMXEYszd svg {
	width: 18px;
	display: flex;
	transform: scale(1);
	transition: transform .2s ease-out
}

._1Yo-ZsBr-KbVMyAMXEYszd:hover {
	background: #45acff;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

._1Yo-ZsBr-KbVMyAMXEYszd:hover svg {
	transform: scale(1.2)
}

.HWDmfh8Td_a8zxJu6tP0h {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}

@media screen and (max-width: 730px) {
	html.responsive .HWDmfh8Td_a8zxJu6tP0h {
		position: fixed;
		top: 0;
		right: 0;
		bottom: auto;
		left: 0
	}
}

.HWDmfh8Td_a8zxJu6tP0h .SWL3uBHWmdcYwUXE9yD0y {
	position: absolute;
	left: 0;
	right: 0;
	top: 1px
}

._2GxMhpm7OC2WWXN_wjgA78 {
	display: flex;
	padding: 10px 10px 20px 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	border-radius: 2px;
	background: linear-gradient(180deg, #404655 0%, #262A32 100%);
	box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, .25)
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup {
	align-self: stretch
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._2V9568XIc6vv9aEQ3EIVlG {
	color: #dcdedf;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._2sDMndQPjmHj3RULTIKGfm {
	display: flex;
	flex-direction: column;
	gap: 6px
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup._2saiNsl5yBtsoFzf_fhdET ._2sDMndQPjmHj3RULTIKGfm {
	flex-direction: row
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG {
	color: #7f7f7f
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG ._1mtMuV53xbsbnLr8ectO0p {
	font-weight: bold
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG a._3HgV0usLjzxByxBF2zvGYj {
	color: #1a9fff
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG a._3HgV0usLjzxByxBF2zvGYj:hover {
	text-decoration: underline
}

a._2Cp17yynz2h_StEQZcNnqB {
	border-radius: 2px;
	background: rgba(163, 186, 211, .2);
	display: block;
	align-self: stretch;
	text-align: center;
	padding: 6px;
	color: #f7f8f8;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	transition: background .2s ease-in
}

a._2Cp17yynz2h_StEQZcNnqB.vHnThqOPQZvwPy0YyMOyR {
	background: #555b6c
}

._2tdhUFMMsjGr_BI7uMcoWy {
	position: relative;
	display: flex;
	height: 32px;
	padding: 8px 15px;
	align-items: center;
	gap: 10px;
	min-width: 0;
	overflow: hidden;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px
}

._2tdhUFMMsjGr_BI7uMcoWy._2XPIpbEqZoXb_YHkEZm_hP {
	padding: 0 15px 0 0;
	height: 48px
}

._2tdhUFMMsjGr_BI7uMcoWy {
	border-radius: 2px;
	background: rgba(163, 186, 211, .2)
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR {
	background: linear-gradient(90deg, rgb(103, 112, 123) 0%, rgb(141, 157, 176) 100%)
}

._2tdhUFMMsjGr_BI7uMcoWy ._2dRxpZNISTpHLewxzJ7o9r {
	display: block;
	position: absolute;
	inset: 0;
	transition: transform .1s ease-in-out, filter .2s ease-in-out;
	background: linear-gradient(269deg, rgba(14, 20, 27, 0.2) 50%, rgba(163, 186, 211, 0.2) 100%)
}

._2tdhUFMMsjGr_BI7uMcoWy ._2dRxpZNISTpHLewxzJ7o9r>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 30%
}

._2tdhUFMMsjGr_BI7uMcoWy ._2dRxpZNISTpHLewxzJ7o9r ._2w-jD5qv9RsHiUz19AVLGO {
	position: absolute;
	inset: 0;
	transition: opacity .2s ease-in-out;
	background: linear-gradient(90deg, rgba(64, 74, 85, 0.99) 0%, rgba(72, 77, 83, 0.29) 100%)
}

._2tdhUFMMsjGr_BI7uMcoWy:not(._2XPIpbEqZoXb_YHkEZm_hP):nth-child(4n+1) ._2w-jD5qv9RsHiUz19AVLGO {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 14, 15, 0.45) 48.83%, rgba(61, 8, 9, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 11, 13, 0.26) 30.04%, rgba(238, 23, 27, 0.38) 51.69%, rgba(255, 0, 4, 0.5) 92.99%)
}

._2tdhUFMMsjGr_BI7uMcoWy:not(._2XPIpbEqZoXb_YHkEZm_hP):nth-child(4n+2) ._2w-jD5qv9RsHiUz19AVLGO {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 55, 14, 0.45) 48.83%, rgba(61, 38, 8, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 75, 11, 0.26) 30.04%, rgba(238, 149, 23, 0.38) 51.69%, rgba(255, 94, 0, 0.5) 92.99%)
}

._2tdhUFMMsjGr_BI7uMcoWy:not(._2XPIpbEqZoXb_YHkEZm_hP):nth-child(4n+3) ._2w-jD5qv9RsHiUz19AVLGO {
	background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(41, 143, 25, 0.45) 48.83%, rgba(86, 85, 33, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(243, 240, 19, 0.26) 30.04%, rgba(124, 114, 178, 0.38) 51.69%, rgba(251, 255, 0, 0.5) 92.99%)
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r {
	transform: scale(1.05);
	filter: brightness(1.1)
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r ._2w-jD5qv9RsHiUz19AVLGO {
	opacity: .8
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR .NOctYARrXun3C2m8ZOA3u {
	transform: translateY(3px)
}

._2tdhUFMMsjGr_BI7uMcoWy ._3pCOrLJqmsJ4tQlUamNYyl {
	position: relative;
	display: block;
	margin-right: auto;
	text-transform: uppercase;
	background: #fff;
	padding: 0 6px;
	border-radius: 1.25px;
	color: var(--Blues-darkestGrey, #000F18);
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	transition: transform .2s ease-in-out;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

._2tdhUFMMsjGr_BI7uMcoWy ._3OXIIlPZdEJ8toS6in8CcY {
	position: relative;
	text-align: right;
	font-size: 11px;
	font-weight: 500;
	margin-top: 2px;
	color: #ccc
}

._2XPIpbEqZoXb_YHkEZm_hP img._1fWW6CwAeZNAqI9Fp0Mvpr {
	position: relative;
	aspect-ratio: 1/1;
	width: 48px
}

._2XPIpbEqZoXb_YHkEZm_hP ._3b2Xyt0JnMPVXPLPKWLdd- {
	position: relative;
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pL9V4hzvI0RysTdCufdAS {
	height: 63px;
	padding: 8px 15px;
	flex: 1 0 0;
	border-radius: 2px
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR {
	background: linear-gradient(90deg, rgb(103, 112, 123) 0%, rgb(141, 157, 176) 100%)
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r {
	transform: scale(1.05);
	filter: brightness(1.1)
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r ._2w-jD5qv9RsHiUz19AVLGO {
	opacity: .8
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR .NOctYARrXun3C2m8ZOA3u {
	transform: translateY(3px)
}

.pL9V4hzvI0RysTdCufdAS .NOctYARrXun3C2m8ZOA3u {
	position: relative;
	display: block;
	width: fit-content;
	margin: 0 auto;
	text-transform: uppercase;
	background: #fff;
	padding: 0 3px;
	border-radius: 1.25px;
	color: var(--Blues-darkestGrey, #000F18);
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	transition: transform .2s ease-in-out;
	flex: 1;
	min-width: 0;
	word-wrap: break-word
}

@media screen and (max-height: 590px) {
	.pL9V4hzvI0RysTdCufdAS {
		height: auto
	}
}

.Cof2gdY95obJE9ekAvmbf {
	color: var(--Neutrals-lighterGrey, #B8BCBF)
}

button._2Cp17yynz2h_StEQZcNnqB {
	box-sizing: border-box;
	width: 100%;
	flex: 1;
	border: none;
	cursor: pointer
}

._3P35fS4GIxSzg97CKNIAH2 {
	overflow: hidden !important;
	scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
	._3P35fS4GIxSzg97CKNIAH2 {
		scrollbar-gutter: initial
	}
}

._16qZv-fX6ub_MdNsHedaLI .responsive_header_logo {
	transition: width 250ms ease-in-out;
	overflow: hidden;
	min-width: 0
}

._16qZv-fX6ub_MdNsHedaLI .responsive_header_react_placeholder {
	display: none
}

._16qZv-fX6ub_MdNsHedaLI.txwuWWnqKAsmG1rtZbvLo .responsive_header_logo {
	width: 0;
	flex: 0
}

._2uvYMNMk0jXWUkQtneMERT {
	display: flex;
	height: 34px;
	flex: 1;
	margin: 0 22px
}

@media screen and (max-width: 730px) {
	html.responsive ._2uvYMNMk0jXWUkQtneMERT {
		margin: 0 0 0 22px
	}
}

:root {
	--font-family: "Motiva Sans", Twemoji, "Noto Sans", Helvetica, sans-serif;
	--box-shadow-elevation--1: 2px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
	--box-shadow-elevation-0: none;
	--box-shadow-elevation-1: 2px 2px 4px rgba(0, 0, 0, 0.25);
	--box-shadow-elevation-2: 5px 5px 6px rgba(0, 0, 0, 0.25);
	--spacing-0: 0px;
	--spacing-1: 4px;
	--spacing-2: 8px;
	--spacing-3: 12px;
	--spacing-4: 16px;
	--spacing-5: 24px;
	--spacing-6: 32px;
	--spacing-7: 40px;
	--spacing-8: 48px;
	--spacing-9: 64px;
	--radius-none: 0px;
	--radius-sm: 2px;
	--radius-md: 4px;
	--radius-lg: 8px;
	--radius-full: 9999px;
	--control-height-1: 24px;
	--control-height-2: 36px;
	--control-height-3: 48px;
	--color-greyneutral-1: #060a0e;
	--color-greyneutral-2: #0e141b;
	--color-greyneutral-3: #141a21;
	--color-greyneutral-4: #171d25;
	--color-greyneutral-5: #1d1f23;
	--color-greyneutral-6: #23262e;
	--color-greyneutral-7: #2d323d;
	--color-greyneutral-8: #3d4450;
	--color-greyneutral-9: #48505E;
	--color-greyneutral-10: #67707b;
	--color-greyneutral-11: #8b929a;
	--color-greyneutral-12: #b8bcbf;
	--color-mauve-1: #121113;
	--color-mauve-2: #1a191b;
	--color-mauve-3: #232225;
	--color-mauve-4: #2b292d;
	--color-mauve-5: #323035;
	--color-mauve-6: #3c393f;
	--color-mauve-7: #49474e;
	--color-mauve-8: #625f69;
	--color-mauve-9: #6f6d78;
	--color-mauve-10: #7c7a85;
	--color-mauve-11: #b5b2bc;
	--color-mauve-12: #eeeef0;
	--color-slate-1: #111113;
	--color-slate-2: #18191b;
	--color-slate-3: #212225;
	--color-slate-4: #272a2d;
	--color-slate-5: #2e3135;
	--color-slate-6: #363a3f;
	--color-slate-7: #43484e;
	--color-slate-8: #5a6169;
	--color-slate-9: #696e77;
	--color-slate-10: #777b84;
	--color-slate-11: #b0b4ba;
	--color-slate-12: #edeef0;
	--color-sage-1: #101211;
	--color-sage-2: #171918;
	--color-sage-3: #202221;
	--color-sage-4: #272a29;
	--color-sage-5: #2e3130;
	--color-sage-6: #373b39;
	--color-sage-7: #444947;
	--color-sage-8: #5b625f;
	--color-sage-9: #63706b;
	--color-sage-10: #717d79;
	--color-sage-11: #adb5b2;
	--color-sage-12: #eceeed;
	--color-olive-1: #111210;
	--color-olive-2: #181917;
	--color-olive-3: #212220;
	--color-olive-4: #282a27;
	--color-olive-5: #2f312e;
	--color-olive-6: #383a36;
	--color-olive-7: #454843;
	--color-olive-8: #5c625b;
	--color-olive-9: #687066;
	--color-olive-10: #767d74;
	--color-olive-11: #afb5ad;
	--color-olive-12: #eceeec;
	--color-sand-1: #111110;
	--color-sand-2: #191918;
	--color-sand-3: #222221;
	--color-sand-4: #2a2a28;
	--color-sand-5: #31312e;
	--color-sand-6: #3b3a37;
	--color-sand-7: #494844;
	--color-sand-8: #62605b;
	--color-sand-9: #6f6d66;
	--color-sand-10: #7c7b74;
	--color-sand-11: #b5b3ad;
	--color-sand-12: #eeeeec;
	--color-tomato-1: #181111;
	--color-tomato-2: #1f1513;
	--color-tomato-3: #391714;
	--color-tomato-4: #4e1511;
	--color-tomato-5: #5e1c16;
	--color-tomato-6: #6e2920;
	--color-tomato-7: #853a2d;
	--color-tomato-8: #ac4d39;
	--color-tomato-9: #e54d2e;
	--color-tomato-10: #ec6142;
	--color-tomato-11: #ff977d;
	--color-tomato-12: #fbd3cb;
	--color-red-1: #191111;
	--color-red-2: #201314;
	--color-red-3: #3b1219;
	--color-red-4: #500f1c;
	--color-red-5: #611623;
	--color-red-6: #72232d;
	--color-red-7: #8c333a;
	--color-red-8: #b54548;
	--color-red-9: #e5484d;
	--color-red-10: #ec5d5e;
	--color-red-11: #ff9592;
	--color-red-12: #ffd1d9;
	--color-ruby-1: #191113;
	--color-ruby-2: #1e1517;
	--color-ruby-3: #3a141e;
	--color-ruby-4: #4e1325;
	--color-ruby-5: #5e1a2e;
	--color-ruby-6: #6f2539;
	--color-ruby-7: #883447;
	--color-ruby-8: #b3445a;
	--color-ruby-9: #e54666;
	--color-ruby-10: #ec5a72;
	--color-ruby-11: #ff949d;
	--color-ruby-12: #fed2e1;
	--color-crimson-1: #191114;
	--color-crimson-2: #201318;
	--color-crimson-3: #381525;
	--color-crimson-4: #4d122f;
	--color-crimson-5: #5c1839;
	--color-crimson-6: #6d2545;
	--color-crimson-7: #873356;
	--color-crimson-8: #b0436e;
	--color-crimson-9: #e93d82;
	--color-crimson-10: #ee518a;
	--color-crimson-11: #ff92ad;
	--color-crimson-12: #fdd3e8;
	--color-pink-1: #191117;
	--color-pink-2: #21121d;
	--color-pink-3: #37172f;
	--color-pink-4: #4b143d;
	--color-pink-5: #591c47;
	--color-pink-6: #692955;
	--color-pink-7: #833869;
	--color-pink-8: #a84885;
	--color-pink-9: #d6409f;
	--color-pink-10: #de51a8;
	--color-pink-11: #ff8dcc;
	--color-pink-12: #fdd1ea;
	--color-plum-1: #181118;
	--color-plum-2: #201320;
	--color-plum-3: #351a35;
	--color-plum-4: #451d47;
	--color-plum-5: #512454;
	--color-plum-6: #5e3061;
	--color-plum-7: #734079;
	--color-plum-8: #92549c;
	--color-plum-9: #ab4aba;
	--color-plum-10: #b658c4;
	--color-plum-11: #e796f3;
	--color-plum-12: #f4d4f4;
	--color-purple-1: #18111b;
	--color-purple-2: #1e1523;
	--color-purple-3: #301c3b;
	--color-purple-4: #3d224e;
	--color-purple-5: #48295c;
	--color-purple-6: #54346b;
	--color-purple-7: #664282;
	--color-purple-8: #8457aa;
	--color-purple-9: #8e4ec6;
	--color-purple-10: #9a5cd0;
	--color-purple-11: #d19dff;
	--color-purple-12: #ecd9fa;
	--color-violet-1: #14121f;
	--color-violet-2: #1b1525;
	--color-violet-3: #291f43;
	--color-violet-4: #33255b;
	--color-violet-5: #3c2e69;
	--color-violet-6: #473876;
	--color-violet-7: #56468b;
	--color-violet-8: #6958ad;
	--color-violet-9: #6e56cf;
	--color-violet-10: #7d66d9;
	--color-violet-11: #baa7ff;
	--color-violet-12: #e2ddfe;
	--color-iris-1: #13131e;
	--color-iris-2: #171625;
	--color-iris-3: #202248;
	--color-iris-4: #262a65;
	--color-iris-5: #303374;
	--color-iris-6: #3d3e82;
	--color-iris-7: #4a4a95;
	--color-iris-8: #5958b1;
	--color-iris-9: #5b5bd6;
	--color-iris-10: #6e6ade;
	--color-iris-11: #b1a9ff;
	--color-iris-12: #e0dffe;
	--color-indigo-1: #11131f;
	--color-indigo-2: #141726;
	--color-indigo-3: #182449;
	--color-indigo-4: #1d2e62;
	--color-indigo-5: #253974;
	--color-indigo-6: #304384;
	--color-indigo-7: #3a4f97;
	--color-indigo-8: #435db1;
	--color-indigo-9: #3e63dd;
	--color-indigo-10: #9eb1ff;
	--color-indigo-11: #bac9ff;
	--color-indigo-12: #d6e1ff;
	--color-blue-1: #0d1520;
	--color-blue-2: #111927;
	--color-blue-3: #0d2847;
	--color-blue-4: #003362;
	--color-blue-5: #004074;
	--color-blue-6: #104d87;
	--color-blue-7: #2870bd;
	--color-blue-8: #1A9FFF;
	--color-blue-9: #3b9eff;
	--color-blue-10: #56abff;
	--color-blue-11: #70b8ff;
	--color-blue-12: #c2e6ff;
	--color-cyan-1: #0b161a;
	--color-cyan-2: #101b20;
	--color-cyan-3: #082c36;
	--color-cyan-4: #003848;
	--color-cyan-5: #004558;
	--color-cyan-6: #045468;
	--color-cyan-7: #12677e;
	--color-cyan-8: #11809c;
	--color-cyan-9: #00a2c7;
	--color-cyan-10: #23afd0;
	--color-cyan-11: #4ccce6;
	--color-cyan-12: #b6ecf7;
	--color-teal-1: #0d1514;
	--color-teal-2: #111c1b;
	--color-teal-3: #0d2d2a;
	--color-teal-4: #023b37;
	--color-teal-5: #084843;
	--color-teal-6: #145750;
	--color-teal-7: #1c6961;
	--color-teal-8: #207e73;
	--color-teal-9: #12a594;
	--color-teal-10: #0eb39e;
	--color-teal-11: #0bd8b6;
	--color-teal-12: #adf0dd;
	--color-jade-1: #0d1512;
	--color-jade-2: #121c18;
	--color-jade-3: #0f2e22;
	--color-jade-4: #0b3b2c;
	--color-jade-5: #114837;
	--color-jade-6: #1b5745;
	--color-jade-7: #246854;
	--color-jade-8: #2a7e68;
	--color-jade-9: #29a383;
	--color-jade-10: #27b08b;
	--color-jade-11: #1fd8a4;
	--color-jade-12: #adf0d4;
	--color-green-1: #00FF00;
	--color-green-2: #00FF00;
	--color-green-3: #46602A;
	--color-green-4: #536904;
	--color-green-5: #5C7E10;
	--color-green-6: #00FF00;
	--color-green-7: #799905;
	--color-green-8: #80A006;
	--color-green-9: #A1BF07;
	--color-green-10: #A5CB00;
	--color-green-11: #9DC473;
	--color-green-12: #D2E885;
	--color-grass-1: #0e1511;
	--color-grass-2: #141a15;
	--color-grass-3: #1b2a1e;
	--color-grass-4: #1d3a24;
	--color-grass-5: #25482d;
	--color-grass-6: #2d5736;
	--color-grass-7: #366740;
	--color-grass-8: #3e7949;
	--color-grass-9: #46a758;
	--color-grass-10: #53b365;
	--color-grass-11: #71d083;
	--color-grass-12: #c2f0c2;
	--color-brown-1: #12110f;
	--color-brown-2: #1c1816;
	--color-brown-3: #28211d;
	--color-brown-4: #322922;
	--color-brown-5: #3e3128;
	--color-brown-6: #4d3c2f;
	--color-brown-7: #614a39;
	--color-brown-8: #7c5f46;
	--color-brown-9: #ad7f58;
	--color-brown-10: #b88c67;
	--color-brown-11: #dbb594;
	--color-brown-12: #f2e1ca;
	--color-bronze-1: #141110;
	--color-bronze-2: #1c1917;
	--color-bronze-3: #262220;
	--color-bronze-4: #302a27;
	--color-bronze-5: #3b3330;
	--color-bronze-6: #493e3a;
	--color-bronze-7: #5a4c47;
	--color-bronze-8: #6f5f58;
	--color-bronze-9: #a18072;
	--color-bronze-10: #ae8c7e;
	--color-bronze-11: #d4b3a5;
	--color-bronze-12: #ede0d9;
	--color-gold-1: #121211;
	--color-gold-2: #1b1a17;
	--color-gold-3: #24231f;
	--color-gold-4: #2d2b26;
	--color-gold-5: #38352e;
	--color-gold-6: #444039;
	--color-gold-7: #544f46;
	--color-gold-8: #696256;
	--color-gold-9: #978365;
	--color-gold-10: #a39073;
	--color-gold-11: #cbb99f;
	--color-gold-12: #e8e2d9;
	--color-sky-1: #0d141f;
	--color-sky-2: #111a27;
	--color-sky-3: #112840;
	--color-sky-4: #113555;
	--color-sky-5: #154467;
	--color-sky-6: #1b537b;
	--color-sky-7: #1f6692;
	--color-sky-8: #197cae;
	--color-sky-9: #7ce2fe;
	--color-sky-10: #a8eeff;
	--color-sky-11: #75c7f0;
	--color-sky-12: #c2f3ff;
	--color-mint-1: #0e1515;
	--color-mint-2: #0f1b1b;
	--color-mint-3: #092c2b;
	--color-mint-4: #003a38;
	--color-mint-5: #004744;
	--color-mint-6: #105650;
	--color-mint-7: #1e685f;
	--color-mint-8: #277f70;
	--color-mint-9: #86ead4;
	--color-mint-10: #a8f5e5;
	--color-mint-11: #58d5ba;
	--color-mint-12: #c4f5e1;
	--color-lime-1: #11130c;
	--color-lime-2: #151a10;
	--color-lime-3: #1f2917;
	--color-lime-4: #29371d;
	--color-lime-5: #334423;
	--color-lime-6: #3d522a;
	--color-lime-7: #496231;
	--color-lime-8: #577538;
	--color-lime-9: #bdee63;
	--color-lime-10: #d4ff70;
	--color-lime-11: #bde56c;
	--color-lime-12: #e3f7ba;
	--color-yellow-1: #14120b;
	--color-yellow-2: #1b180f;
	--color-yellow-3: #2d2305;
	--color-yellow-4: #362b00;
	--color-yellow-5: #433500;
	--color-yellow-6: #524202;
	--color-yellow-7: #665417;
	--color-yellow-8: #836a21;
	--color-yellow-9: #ffe629;
	--color-yellow-10: #ffff57;
	--color-yellow-11: #f5e147;
	--color-yellow-12: #f6eeb4;
	--color-amber-1: #16120c;
	--color-amber-2: #1d180f;
	--color-amber-3: #302008;
	--color-amber-4: #3f2700;
	--color-amber-5: #4d3000;
	--color-amber-6: #5c3d05;
	--color-amber-7: #714f19;
	--color-amber-8: #8f6424;
	--color-amber-9: #ffc53d;
	--color-amber-10: #ffd60a;
	--color-amber-11: #ffca16;
	--color-amber-12: #ffe7b3;
	--color-orange-1: #17120e;
	--color-orange-2: #1e160f;
	--color-orange-3: #331e0b;
	--color-orange-4: #462100;
	--color-orange-5: #562800;
	--color-orange-6: #66350c;
	--color-orange-7: #7e451d;
	--color-orange-8: #a35829;
	--color-orange-9: #f76b15;
	--color-orange-10: #ff801f;
	--color-orange-11: #ffa057;
	--color-orange-12: #ffe0c2;
	--color-text-light-title: #f1f2f3;
	--color-text-light-subtitle: #d6d9dc;
	--color-text-light-body: #acb2b8;
	--color-text-light-description: #9a9fa5;
	--color-text-light-note: #636b74;
	--color-text-red-title: #f30000;
	--color-text-red-subtitle: #db0000;
	--color-text-red-body: #c40000;
	--color-text-red-description: #af0000;
	--color-text-red-note: #6b0000;
	--color-text-green-title: #00f300;
	--color-text-green-subtitle: #00db00;
	--color-text-green-body: #00c400;
	--color-text-green-description: #00af00;
	--color-text-green-note: #006b00
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=greyneutral]),
:root [data-accent-color=greyneutral] {
	--color-accent-1: var(--color-greyneutral-1);
	--color-accent-2: var(--color-greyneutral-2);
	--color-accent-3: var(--color-greyneutral-3);
	--color-accent-4: var(--color-greyneutral-4);
	--color-accent-5: var(--color-greyneutral-5);
	--color-accent-6: var(--color-greyneutral-6);
	--color-accent-7: var(--color-greyneutral-7);
	--color-accent-8: var(--color-greyneutral-8);
	--color-accent-9: var(--color-greyneutral-9);
	--color-accent-10: var(--color-greyneutral-10);
	--color-accent-11: var(--color-greyneutral-11);
	--color-accent-12: var(--color-greyneutral-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=greyneutral]),
:root [data-dull-color=greyneutral] {
	--color-dull-1: var(--color-greyneutral-1);
	--color-dull-2: var(--color-greyneutral-2);
	--color-dull-3: var(--color-greyneutral-3);
	--color-dull-4: var(--color-greyneutral-4);
	--color-dull-5: var(--color-greyneutral-5);
	--color-dull-6: var(--color-greyneutral-6);
	--color-dull-7: var(--color-greyneutral-7);
	--color-dull-8: var(--color-greyneutral-8);
	--color-dull-9: var(--color-greyneutral-9);
	--color-dull-10: var(--color-greyneutral-10);
	--color-dull-11: var(--color-greyneutral-11);
	--color-dull-12: var(--color-greyneutral-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=mauve]),
:root [data-accent-color=mauve] {
	--color-accent-1: var(--color-mauve-1);
	--color-accent-2: var(--color-mauve-2);
	--color-accent-3: var(--color-mauve-3);
	--color-accent-4: var(--color-mauve-4);
	--color-accent-5: var(--color-mauve-5);
	--color-accent-6: var(--color-mauve-6);
	--color-accent-7: var(--color-mauve-7);
	--color-accent-8: var(--color-mauve-8);
	--color-accent-9: var(--color-mauve-9);
	--color-accent-10: var(--color-mauve-10);
	--color-accent-11: var(--color-mauve-11);
	--color-accent-12: var(--color-mauve-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=mauve]),
:root [data-dull-color=mauve] {
	--color-dull-1: var(--color-mauve-1);
	--color-dull-2: var(--color-mauve-2);
	--color-dull-3: var(--color-mauve-3);
	--color-dull-4: var(--color-mauve-4);
	--color-dull-5: var(--color-mauve-5);
	--color-dull-6: var(--color-mauve-6);
	--color-dull-7: var(--color-mauve-7);
	--color-dull-8: var(--color-mauve-8);
	--color-dull-9: var(--color-mauve-9);
	--color-dull-10: var(--color-mauve-10);
	--color-dull-11: var(--color-mauve-11);
	--color-dull-12: var(--color-mauve-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=slate]),
:root [data-accent-color=slate] {
	--color-accent-1: var(--color-slate-1);
	--color-accent-2: var(--color-slate-2);
	--color-accent-3: var(--color-slate-3);
	--color-accent-4: var(--color-slate-4);
	--color-accent-5: var(--color-slate-5);
	--color-accent-6: var(--color-slate-6);
	--color-accent-7: var(--color-slate-7);
	--color-accent-8: var(--color-slate-8);
	--color-accent-9: var(--color-slate-9);
	--color-accent-10: var(--color-slate-10);
	--color-accent-11: var(--color-slate-11);
	--color-accent-12: var(--color-slate-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=slate]),
:root [data-dull-color=slate] {
	--color-dull-1: var(--color-slate-1);
	--color-dull-2: var(--color-slate-2);
	--color-dull-3: var(--color-slate-3);
	--color-dull-4: var(--color-slate-4);
	--color-dull-5: var(--color-slate-5);
	--color-dull-6: var(--color-slate-6);
	--color-dull-7: var(--color-slate-7);
	--color-dull-8: var(--color-slate-8);
	--color-dull-9: var(--color-slate-9);
	--color-dull-10: var(--color-slate-10);
	--color-dull-11: var(--color-slate-11);
	--color-dull-12: var(--color-slate-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=sage]),
:root [data-accent-color=sage] {
	--color-accent-1: var(--color-sage-1);
	--color-accent-2: var(--color-sage-2);
	--color-accent-3: var(--color-sage-3);
	--color-accent-4: var(--color-sage-4);
	--color-accent-5: var(--color-sage-5);
	--color-accent-6: var(--color-sage-6);
	--color-accent-7: var(--color-sage-7);
	--color-accent-8: var(--color-sage-8);
	--color-accent-9: var(--color-sage-9);
	--color-accent-10: var(--color-sage-10);
	--color-accent-11: var(--color-sage-11);
	--color-accent-12: var(--color-sage-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=sage]),
:root [data-dull-color=sage] {
	--color-dull-1: var(--color-sage-1);
	--color-dull-2: var(--color-sage-2);
	--color-dull-3: var(--color-sage-3);
	--color-dull-4: var(--color-sage-4);
	--color-dull-5: var(--color-sage-5);
	--color-dull-6: var(--color-sage-6);
	--color-dull-7: var(--color-sage-7);
	--color-dull-8: var(--color-sage-8);
	--color-dull-9: var(--color-sage-9);
	--color-dull-10: var(--color-sage-10);
	--color-dull-11: var(--color-sage-11);
	--color-dull-12: var(--color-sage-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=olive]),
:root [data-accent-color=olive] {
	--color-accent-1: var(--color-olive-1);
	--color-accent-2: var(--color-olive-2);
	--color-accent-3: var(--color-olive-3);
	--color-accent-4: var(--color-olive-4);
	--color-accent-5: var(--color-olive-5);
	--color-accent-6: var(--color-olive-6);
	--color-accent-7: var(--color-olive-7);
	--color-accent-8: var(--color-olive-8);
	--color-accent-9: var(--color-olive-9);
	--color-accent-10: var(--color-olive-10);
	--color-accent-11: var(--color-olive-11);
	--color-accent-12: var(--color-olive-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=olive]),
:root [data-dull-color=olive] {
	--color-dull-1: var(--color-olive-1);
	--color-dull-2: var(--color-olive-2);
	--color-dull-3: var(--color-olive-3);
	--color-dull-4: var(--color-olive-4);
	--color-dull-5: var(--color-olive-5);
	--color-dull-6: var(--color-olive-6);
	--color-dull-7: var(--color-olive-7);
	--color-dull-8: var(--color-olive-8);
	--color-dull-9: var(--color-olive-9);
	--color-dull-10: var(--color-olive-10);
	--color-dull-11: var(--color-olive-11);
	--color-dull-12: var(--color-olive-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=sand]),
:root [data-accent-color=sand] {
	--color-accent-1: var(--color-sand-1);
	--color-accent-2: var(--color-sand-2);
	--color-accent-3: var(--color-sand-3);
	--color-accent-4: var(--color-sand-4);
	--color-accent-5: var(--color-sand-5);
	--color-accent-6: var(--color-sand-6);
	--color-accent-7: var(--color-sand-7);
	--color-accent-8: var(--color-sand-8);
	--color-accent-9: var(--color-sand-9);
	--color-accent-10: var(--color-sand-10);
	--color-accent-11: var(--color-sand-11);
	--color-accent-12: var(--color-sand-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=sand]),
:root [data-dull-color=sand] {
	--color-dull-1: var(--color-sand-1);
	--color-dull-2: var(--color-sand-2);
	--color-dull-3: var(--color-sand-3);
	--color-dull-4: var(--color-sand-4);
	--color-dull-5: var(--color-sand-5);
	--color-dull-6: var(--color-sand-6);
	--color-dull-7: var(--color-sand-7);
	--color-dull-8: var(--color-sand-8);
	--color-dull-9: var(--color-sand-9);
	--color-dull-10: var(--color-sand-10);
	--color-dull-11: var(--color-sand-11);
	--color-dull-12: var(--color-sand-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=tomato]),
:root [data-accent-color=tomato] {
	--color-accent-1: var(--color-tomato-1);
	--color-accent-2: var(--color-tomato-2);
	--color-accent-3: var(--color-tomato-3);
	--color-accent-4: var(--color-tomato-4);
	--color-accent-5: var(--color-tomato-5);
	--color-accent-6: var(--color-tomato-6);
	--color-accent-7: var(--color-tomato-7);
	--color-accent-8: var(--color-tomato-8);
	--color-accent-9: var(--color-tomato-9);
	--color-accent-10: var(--color-tomato-10);
	--color-accent-11: var(--color-tomato-11);
	--color-accent-12: var(--color-tomato-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=tomato]),
:root [data-dull-color=tomato] {
	--color-dull-1: var(--color-tomato-1);
	--color-dull-2: var(--color-tomato-2);
	--color-dull-3: var(--color-tomato-3);
	--color-dull-4: var(--color-tomato-4);
	--color-dull-5: var(--color-tomato-5);
	--color-dull-6: var(--color-tomato-6);
	--color-dull-7: var(--color-tomato-7);
	--color-dull-8: var(--color-tomato-8);
	--color-dull-9: var(--color-tomato-9);
	--color-dull-10: var(--color-tomato-10);
	--color-dull-11: var(--color-tomato-11);
	--color-dull-12: var(--color-tomato-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=red]),
:root [data-accent-color=red] {
	--color-accent-1: var(--color-red-1);
	--color-accent-2: var(--color-red-2);
	--color-accent-3: var(--color-red-3);
	--color-accent-4: var(--color-red-4);
	--color-accent-5: var(--color-red-5);
	--color-accent-6: var(--color-red-6);
	--color-accent-7: var(--color-red-7);
	--color-accent-8: var(--color-red-8);
	--color-accent-9: var(--color-red-9);
	--color-accent-10: var(--color-red-10);
	--color-accent-11: var(--color-red-11);
	--color-accent-12: var(--color-red-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=red]),
:root [data-dull-color=red] {
	--color-dull-1: var(--color-red-1);
	--color-dull-2: var(--color-red-2);
	--color-dull-3: var(--color-red-3);
	--color-dull-4: var(--color-red-4);
	--color-dull-5: var(--color-red-5);
	--color-dull-6: var(--color-red-6);
	--color-dull-7: var(--color-red-7);
	--color-dull-8: var(--color-red-8);
	--color-dull-9: var(--color-red-9);
	--color-dull-10: var(--color-red-10);
	--color-dull-11: var(--color-red-11);
	--color-dull-12: var(--color-red-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=ruby]),
:root [data-accent-color=ruby] {
	--color-accent-1: var(--color-ruby-1);
	--color-accent-2: var(--color-ruby-2);
	--color-accent-3: var(--color-ruby-3);
	--color-accent-4: var(--color-ruby-4);
	--color-accent-5: var(--color-ruby-5);
	--color-accent-6: var(--color-ruby-6);
	--color-accent-7: var(--color-ruby-7);
	--color-accent-8: var(--color-ruby-8);
	--color-accent-9: var(--color-ruby-9);
	--color-accent-10: var(--color-ruby-10);
	--color-accent-11: var(--color-ruby-11);
	--color-accent-12: var(--color-ruby-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=ruby]),
:root [data-dull-color=ruby] {
	--color-dull-1: var(--color-ruby-1);
	--color-dull-2: var(--color-ruby-2);
	--color-dull-3: var(--color-ruby-3);
	--color-dull-4: var(--color-ruby-4);
	--color-dull-5: var(--color-ruby-5);
	--color-dull-6: var(--color-ruby-6);
	--color-dull-7: var(--color-ruby-7);
	--color-dull-8: var(--color-ruby-8);
	--color-dull-9: var(--color-ruby-9);
	--color-dull-10: var(--color-ruby-10);
	--color-dull-11: var(--color-ruby-11);
	--color-dull-12: var(--color-ruby-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=crimson]),
:root [data-accent-color=crimson] {
	--color-accent-1: var(--color-crimson-1);
	--color-accent-2: var(--color-crimson-2);
	--color-accent-3: var(--color-crimson-3);
	--color-accent-4: var(--color-crimson-4);
	--color-accent-5: var(--color-crimson-5);
	--color-accent-6: var(--color-crimson-6);
	--color-accent-7: var(--color-crimson-7);
	--color-accent-8: var(--color-crimson-8);
	--color-accent-9: var(--color-crimson-9);
	--color-accent-10: var(--color-crimson-10);
	--color-accent-11: var(--color-crimson-11);
	--color-accent-12: var(--color-crimson-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=crimson]),
:root [data-dull-color=crimson] {
	--color-dull-1: var(--color-crimson-1);
	--color-dull-2: var(--color-crimson-2);
	--color-dull-3: var(--color-crimson-3);
	--color-dull-4: var(--color-crimson-4);
	--color-dull-5: var(--color-crimson-5);
	--color-dull-6: var(--color-crimson-6);
	--color-dull-7: var(--color-crimson-7);
	--color-dull-8: var(--color-crimson-8);
	--color-dull-9: var(--color-crimson-9);
	--color-dull-10: var(--color-crimson-10);
	--color-dull-11: var(--color-crimson-11);
	--color-dull-12: var(--color-crimson-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=pink]),
:root [data-accent-color=pink] {
	--color-accent-1: var(--color-pink-1);
	--color-accent-2: var(--color-pink-2);
	--color-accent-3: var(--color-pink-3);
	--color-accent-4: var(--color-pink-4);
	--color-accent-5: var(--color-pink-5);
	--color-accent-6: var(--color-pink-6);
	--color-accent-7: var(--color-pink-7);
	--color-accent-8: var(--color-pink-8);
	--color-accent-9: var(--color-pink-9);
	--color-accent-10: var(--color-pink-10);
	--color-accent-11: var(--color-pink-11);
	--color-accent-12: var(--color-pink-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=pink]),
:root [data-dull-color=pink] {
	--color-dull-1: var(--color-pink-1);
	--color-dull-2: var(--color-pink-2);
	--color-dull-3: var(--color-pink-3);
	--color-dull-4: var(--color-pink-4);
	--color-dull-5: var(--color-pink-5);
	--color-dull-6: var(--color-pink-6);
	--color-dull-7: var(--color-pink-7);
	--color-dull-8: var(--color-pink-8);
	--color-dull-9: var(--color-pink-9);
	--color-dull-10: var(--color-pink-10);
	--color-dull-11: var(--color-pink-11);
	--color-dull-12: var(--color-pink-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=plum]),
:root [data-accent-color=plum] {
	--color-accent-1: var(--color-plum-1);
	--color-accent-2: var(--color-plum-2);
	--color-accent-3: var(--color-plum-3);
	--color-accent-4: var(--color-plum-4);
	--color-accent-5: var(--color-plum-5);
	--color-accent-6: var(--color-plum-6);
	--color-accent-7: var(--color-plum-7);
	--color-accent-8: var(--color-plum-8);
	--color-accent-9: var(--color-plum-9);
	--color-accent-10: var(--color-plum-10);
	--color-accent-11: var(--color-plum-11);
	--color-accent-12: var(--color-plum-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=plum]),
:root [data-dull-color=plum] {
	--color-dull-1: var(--color-plum-1);
	--color-dull-2: var(--color-plum-2);
	--color-dull-3: var(--color-plum-3);
	--color-dull-4: var(--color-plum-4);
	--color-dull-5: var(--color-plum-5);
	--color-dull-6: var(--color-plum-6);
	--color-dull-7: var(--color-plum-7);
	--color-dull-8: var(--color-plum-8);
	--color-dull-9: var(--color-plum-9);
	--color-dull-10: var(--color-plum-10);
	--color-dull-11: var(--color-plum-11);
	--color-dull-12: var(--color-plum-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=purple]),
:root [data-accent-color=purple] {
	--color-accent-1: var(--color-purple-1);
	--color-accent-2: var(--color-purple-2);
	--color-accent-3: var(--color-purple-3);
	--color-accent-4: var(--color-purple-4);
	--color-accent-5: var(--color-purple-5);
	--color-accent-6: var(--color-purple-6);
	--color-accent-7: var(--color-purple-7);
	--color-accent-8: var(--color-purple-8);
	--color-accent-9: var(--color-purple-9);
	--color-accent-10: var(--color-purple-10);
	--color-accent-11: var(--color-purple-11);
	--color-accent-12: var(--color-purple-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=purple]),
:root [data-dull-color=purple] {
	--color-dull-1: var(--color-purple-1);
	--color-dull-2: var(--color-purple-2);
	--color-dull-3: var(--color-purple-3);
	--color-dull-4: var(--color-purple-4);
	--color-dull-5: var(--color-purple-5);
	--color-dull-6: var(--color-purple-6);
	--color-dull-7: var(--color-purple-7);
	--color-dull-8: var(--color-purple-8);
	--color-dull-9: var(--color-purple-9);
	--color-dull-10: var(--color-purple-10);
	--color-dull-11: var(--color-purple-11);
	--color-dull-12: var(--color-purple-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=violet]),
:root [data-accent-color=violet] {
	--color-accent-1: var(--color-violet-1);
	--color-accent-2: var(--color-violet-2);
	--color-accent-3: var(--color-violet-3);
	--color-accent-4: var(--color-violet-4);
	--color-accent-5: var(--color-violet-5);
	--color-accent-6: var(--color-violet-6);
	--color-accent-7: var(--color-violet-7);
	--color-accent-8: var(--color-violet-8);
	--color-accent-9: var(--color-violet-9);
	--color-accent-10: var(--color-violet-10);
	--color-accent-11: var(--color-violet-11);
	--color-accent-12: var(--color-violet-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=violet]),
:root [data-dull-color=violet] {
	--color-dull-1: var(--color-violet-1);
	--color-dull-2: var(--color-violet-2);
	--color-dull-3: var(--color-violet-3);
	--color-dull-4: var(--color-violet-4);
	--color-dull-5: var(--color-violet-5);
	--color-dull-6: var(--color-violet-6);
	--color-dull-7: var(--color-violet-7);
	--color-dull-8: var(--color-violet-8);
	--color-dull-9: var(--color-violet-9);
	--color-dull-10: var(--color-violet-10);
	--color-dull-11: var(--color-violet-11);
	--color-dull-12: var(--color-violet-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=iris]),
:root [data-accent-color=iris] {
	--color-accent-1: var(--color-iris-1);
	--color-accent-2: var(--color-iris-2);
	--color-accent-3: var(--color-iris-3);
	--color-accent-4: var(--color-iris-4);
	--color-accent-5: var(--color-iris-5);
	--color-accent-6: var(--color-iris-6);
	--color-accent-7: var(--color-iris-7);
	--color-accent-8: var(--color-iris-8);
	--color-accent-9: var(--color-iris-9);
	--color-accent-10: var(--color-iris-10);
	--color-accent-11: var(--color-iris-11);
	--color-accent-12: var(--color-iris-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=iris]),
:root [data-dull-color=iris] {
	--color-dull-1: var(--color-iris-1);
	--color-dull-2: var(--color-iris-2);
	--color-dull-3: var(--color-iris-3);
	--color-dull-4: var(--color-iris-4);
	--color-dull-5: var(--color-iris-5);
	--color-dull-6: var(--color-iris-6);
	--color-dull-7: var(--color-iris-7);
	--color-dull-8: var(--color-iris-8);
	--color-dull-9: var(--color-iris-9);
	--color-dull-10: var(--color-iris-10);
	--color-dull-11: var(--color-iris-11);
	--color-dull-12: var(--color-iris-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=indigo]),
:root [data-accent-color=indigo] {
	--color-accent-1: var(--color-indigo-1);
	--color-accent-2: var(--color-indigo-2);
	--color-accent-3: var(--color-indigo-3);
	--color-accent-4: var(--color-indigo-4);
	--color-accent-5: var(--color-indigo-5);
	--color-accent-6: var(--color-indigo-6);
	--color-accent-7: var(--color-indigo-7);
	--color-accent-8: var(--color-indigo-8);
	--color-accent-9: var(--color-indigo-9);
	--color-accent-10: var(--color-indigo-10);
	--color-accent-11: var(--color-indigo-11);
	--color-accent-12: var(--color-indigo-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=indigo]),
:root [data-dull-color=indigo] {
	--color-dull-1: var(--color-indigo-1);
	--color-dull-2: var(--color-indigo-2);
	--color-dull-3: var(--color-indigo-3);
	--color-dull-4: var(--color-indigo-4);
	--color-dull-5: var(--color-indigo-5);
	--color-dull-6: var(--color-indigo-6);
	--color-dull-7: var(--color-indigo-7);
	--color-dull-8: var(--color-indigo-8);
	--color-dull-9: var(--color-indigo-9);
	--color-dull-10: var(--color-indigo-10);
	--color-dull-11: var(--color-indigo-11);
	--color-dull-12: var(--color-indigo-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=blue]),
:root [data-accent-color=blue] {
	--color-accent-1: var(--color-blue-1);
	--color-accent-2: var(--color-blue-2);
	--color-accent-3: var(--color-blue-3);
	--color-accent-4: var(--color-blue-4);
	--color-accent-5: var(--color-blue-5);
	--color-accent-6: var(--color-blue-6);
	--color-accent-7: var(--color-blue-7);
	--color-accent-8: var(--color-blue-8);
	--color-accent-9: var(--color-blue-9);
	--color-accent-10: var(--color-blue-10);
	--color-accent-11: var(--color-blue-11);
	--color-accent-12: var(--color-blue-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=blue]),
:root [data-dull-color=blue] {
	--color-dull-1: var(--color-blue-1);
	--color-dull-2: var(--color-blue-2);
	--color-dull-3: var(--color-blue-3);
	--color-dull-4: var(--color-blue-4);
	--color-dull-5: var(--color-blue-5);
	--color-dull-6: var(--color-blue-6);
	--color-dull-7: var(--color-blue-7);
	--color-dull-8: var(--color-blue-8);
	--color-dull-9: var(--color-blue-9);
	--color-dull-10: var(--color-blue-10);
	--color-dull-11: var(--color-blue-11);
	--color-dull-12: var(--color-blue-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=cyan]),
:root [data-accent-color=cyan] {
	--color-accent-1: var(--color-cyan-1);
	--color-accent-2: var(--color-cyan-2);
	--color-accent-3: var(--color-cyan-3);
	--color-accent-4: var(--color-cyan-4);
	--color-accent-5: var(--color-cyan-5);
	--color-accent-6: var(--color-cyan-6);
	--color-accent-7: var(--color-cyan-7);
	--color-accent-8: var(--color-cyan-8);
	--color-accent-9: var(--color-cyan-9);
	--color-accent-10: var(--color-cyan-10);
	--color-accent-11: var(--color-cyan-11);
	--color-accent-12: var(--color-cyan-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=cyan]),
:root [data-dull-color=cyan] {
	--color-dull-1: var(--color-cyan-1);
	--color-dull-2: var(--color-cyan-2);
	--color-dull-3: var(--color-cyan-3);
	--color-dull-4: var(--color-cyan-4);
	--color-dull-5: var(--color-cyan-5);
	--color-dull-6: var(--color-cyan-6);
	--color-dull-7: var(--color-cyan-7);
	--color-dull-8: var(--color-cyan-8);
	--color-dull-9: var(--color-cyan-9);
	--color-dull-10: var(--color-cyan-10);
	--color-dull-11: var(--color-cyan-11);
	--color-dull-12: var(--color-cyan-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=teal]),
:root [data-accent-color=teal] {
	--color-accent-1: var(--color-teal-1);
	--color-accent-2: var(--color-teal-2);
	--color-accent-3: var(--color-teal-3);
	--color-accent-4: var(--color-teal-4);
	--color-accent-5: var(--color-teal-5);
	--color-accent-6: var(--color-teal-6);
	--color-accent-7: var(--color-teal-7);
	--color-accent-8: var(--color-teal-8);
	--color-accent-9: var(--color-teal-9);
	--color-accent-10: var(--color-teal-10);
	--color-accent-11: var(--color-teal-11);
	--color-accent-12: var(--color-teal-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=teal]),
:root [data-dull-color=teal] {
	--color-dull-1: var(--color-teal-1);
	--color-dull-2: var(--color-teal-2);
	--color-dull-3: var(--color-teal-3);
	--color-dull-4: var(--color-teal-4);
	--color-dull-5: var(--color-teal-5);
	--color-dull-6: var(--color-teal-6);
	--color-dull-7: var(--color-teal-7);
	--color-dull-8: var(--color-teal-8);
	--color-dull-9: var(--color-teal-9);
	--color-dull-10: var(--color-teal-10);
	--color-dull-11: var(--color-teal-11);
	--color-dull-12: var(--color-teal-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=jade]),
:root [data-accent-color=jade] {
	--color-accent-1: var(--color-jade-1);
	--color-accent-2: var(--color-jade-2);
	--color-accent-3: var(--color-jade-3);
	--color-accent-4: var(--color-jade-4);
	--color-accent-5: var(--color-jade-5);
	--color-accent-6: var(--color-jade-6);
	--color-accent-7: var(--color-jade-7);
	--color-accent-8: var(--color-jade-8);
	--color-accent-9: var(--color-jade-9);
	--color-accent-10: var(--color-jade-10);
	--color-accent-11: var(--color-jade-11);
	--color-accent-12: var(--color-jade-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=jade]),
:root [data-dull-color=jade] {
	--color-dull-1: var(--color-jade-1);
	--color-dull-2: var(--color-jade-2);
	--color-dull-3: var(--color-jade-3);
	--color-dull-4: var(--color-jade-4);
	--color-dull-5: var(--color-jade-5);
	--color-dull-6: var(--color-jade-6);
	--color-dull-7: var(--color-jade-7);
	--color-dull-8: var(--color-jade-8);
	--color-dull-9: var(--color-jade-9);
	--color-dull-10: var(--color-jade-10);
	--color-dull-11: var(--color-jade-11);
	--color-dull-12: var(--color-jade-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=green]),
:root [data-accent-color=green] {
	--color-accent-1: var(--color-green-1);
	--color-accent-2: var(--color-green-2);
	--color-accent-3: var(--color-green-3);
	--color-accent-4: var(--color-green-4);
	--color-accent-5: var(--color-green-5);
	--color-accent-6: var(--color-green-6);
	--color-accent-7: var(--color-green-7);
	--color-accent-8: var(--color-green-8);
	--color-accent-9: var(--color-green-9);
	--color-accent-10: var(--color-green-10);
	--color-accent-11: var(--color-green-11);
	--color-accent-12: var(--color-green-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=green]),
:root [data-dull-color=green] {
	--color-dull-1: var(--color-green-1);
	--color-dull-2: var(--color-green-2);
	--color-dull-3: var(--color-green-3);
	--color-dull-4: var(--color-green-4);
	--color-dull-5: var(--color-green-5);
	--color-dull-6: var(--color-green-6);
	--color-dull-7: var(--color-green-7);
	--color-dull-8: var(--color-green-8);
	--color-dull-9: var(--color-green-9);
	--color-dull-10: var(--color-green-10);
	--color-dull-11: var(--color-green-11);
	--color-dull-12: var(--color-green-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=grass]),
:root [data-accent-color=grass] {
	--color-accent-1: var(--color-grass-1);
	--color-accent-2: var(--color-grass-2);
	--color-accent-3: var(--color-grass-3);
	--color-accent-4: var(--color-grass-4);
	--color-accent-5: var(--color-grass-5);
	--color-accent-6: var(--color-grass-6);
	--color-accent-7: var(--color-grass-7);
	--color-accent-8: var(--color-grass-8);
	--color-accent-9: var(--color-grass-9);
	--color-accent-10: var(--color-grass-10);
	--color-accent-11: var(--color-grass-11);
	--color-accent-12: var(--color-grass-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=grass]),
:root [data-dull-color=grass] {
	--color-dull-1: var(--color-grass-1);
	--color-dull-2: var(--color-grass-2);
	--color-dull-3: var(--color-grass-3);
	--color-dull-4: var(--color-grass-4);
	--color-dull-5: var(--color-grass-5);
	--color-dull-6: var(--color-grass-6);
	--color-dull-7: var(--color-grass-7);
	--color-dull-8: var(--color-grass-8);
	--color-dull-9: var(--color-grass-9);
	--color-dull-10: var(--color-grass-10);
	--color-dull-11: var(--color-grass-11);
	--color-dull-12: var(--color-grass-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=brown]),
:root [data-accent-color=brown] {
	--color-accent-1: var(--color-brown-1);
	--color-accent-2: var(--color-brown-2);
	--color-accent-3: var(--color-brown-3);
	--color-accent-4: var(--color-brown-4);
	--color-accent-5: var(--color-brown-5);
	--color-accent-6: var(--color-brown-6);
	--color-accent-7: var(--color-brown-7);
	--color-accent-8: var(--color-brown-8);
	--color-accent-9: var(--color-brown-9);
	--color-accent-10: var(--color-brown-10);
	--color-accent-11: var(--color-brown-11);
	--color-accent-12: var(--color-brown-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=brown]),
:root [data-dull-color=brown] {
	--color-dull-1: var(--color-brown-1);
	--color-dull-2: var(--color-brown-2);
	--color-dull-3: var(--color-brown-3);
	--color-dull-4: var(--color-brown-4);
	--color-dull-5: var(--color-brown-5);
	--color-dull-6: var(--color-brown-6);
	--color-dull-7: var(--color-brown-7);
	--color-dull-8: var(--color-brown-8);
	--color-dull-9: var(--color-brown-9);
	--color-dull-10: var(--color-brown-10);
	--color-dull-11: var(--color-brown-11);
	--color-dull-12: var(--color-brown-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=bronze]),
:root [data-accent-color=bronze] {
	--color-accent-1: var(--color-bronze-1);
	--color-accent-2: var(--color-bronze-2);
	--color-accent-3: var(--color-bronze-3);
	--color-accent-4: var(--color-bronze-4);
	--color-accent-5: var(--color-bronze-5);
	--color-accent-6: var(--color-bronze-6);
	--color-accent-7: var(--color-bronze-7);
	--color-accent-8: var(--color-bronze-8);
	--color-accent-9: var(--color-bronze-9);
	--color-accent-10: var(--color-bronze-10);
	--color-accent-11: var(--color-bronze-11);
	--color-accent-12: var(--color-bronze-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=bronze]),
:root [data-dull-color=bronze] {
	--color-dull-1: var(--color-bronze-1);
	--color-dull-2: var(--color-bronze-2);
	--color-dull-3: var(--color-bronze-3);
	--color-dull-4: var(--color-bronze-4);
	--color-dull-5: var(--color-bronze-5);
	--color-dull-6: var(--color-bronze-6);
	--color-dull-7: var(--color-bronze-7);
	--color-dull-8: var(--color-bronze-8);
	--color-dull-9: var(--color-bronze-9);
	--color-dull-10: var(--color-bronze-10);
	--color-dull-11: var(--color-bronze-11);
	--color-dull-12: var(--color-bronze-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=gold]),
:root [data-accent-color=gold] {
	--color-accent-1: var(--color-gold-1);
	--color-accent-2: var(--color-gold-2);
	--color-accent-3: var(--color-gold-3);
	--color-accent-4: var(--color-gold-4);
	--color-accent-5: var(--color-gold-5);
	--color-accent-6: var(--color-gold-6);
	--color-accent-7: var(--color-gold-7);
	--color-accent-8: var(--color-gold-8);
	--color-accent-9: var(--color-gold-9);
	--color-accent-10: var(--color-gold-10);
	--color-accent-11: var(--color-gold-11);
	--color-accent-12: var(--color-gold-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=gold]),
:root [data-dull-color=gold] {
	--color-dull-1: var(--color-gold-1);
	--color-dull-2: var(--color-gold-2);
	--color-dull-3: var(--color-gold-3);
	--color-dull-4: var(--color-gold-4);
	--color-dull-5: var(--color-gold-5);
	--color-dull-6: var(--color-gold-6);
	--color-dull-7: var(--color-gold-7);
	--color-dull-8: var(--color-gold-8);
	--color-dull-9: var(--color-gold-9);
	--color-dull-10: var(--color-gold-10);
	--color-dull-11: var(--color-gold-11);
	--color-dull-12: var(--color-gold-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=sky]),
:root [data-accent-color=sky] {
	--color-accent-1: var(--color-sky-1);
	--color-accent-2: var(--color-sky-2);
	--color-accent-3: var(--color-sky-3);
	--color-accent-4: var(--color-sky-4);
	--color-accent-5: var(--color-sky-5);
	--color-accent-6: var(--color-sky-6);
	--color-accent-7: var(--color-sky-7);
	--color-accent-8: var(--color-sky-8);
	--color-accent-9: var(--color-sky-9);
	--color-accent-10: var(--color-sky-10);
	--color-accent-11: var(--color-sky-11);
	--color-accent-12: var(--color-sky-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=sky]),
:root [data-dull-color=sky] {
	--color-dull-1: var(--color-sky-1);
	--color-dull-2: var(--color-sky-2);
	--color-dull-3: var(--color-sky-3);
	--color-dull-4: var(--color-sky-4);
	--color-dull-5: var(--color-sky-5);
	--color-dull-6: var(--color-sky-6);
	--color-dull-7: var(--color-sky-7);
	--color-dull-8: var(--color-sky-8);
	--color-dull-9: var(--color-sky-9);
	--color-dull-10: var(--color-sky-10);
	--color-dull-11: var(--color-sky-11);
	--color-dull-12: var(--color-sky-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=mint]),
:root [data-accent-color=mint] {
	--color-accent-1: var(--color-mint-1);
	--color-accent-2: var(--color-mint-2);
	--color-accent-3: var(--color-mint-3);
	--color-accent-4: var(--color-mint-4);
	--color-accent-5: var(--color-mint-5);
	--color-accent-6: var(--color-mint-6);
	--color-accent-7: var(--color-mint-7);
	--color-accent-8: var(--color-mint-8);
	--color-accent-9: var(--color-mint-9);
	--color-accent-10: var(--color-mint-10);
	--color-accent-11: var(--color-mint-11);
	--color-accent-12: var(--color-mint-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=mint]),
:root [data-dull-color=mint] {
	--color-dull-1: var(--color-mint-1);
	--color-dull-2: var(--color-mint-2);
	--color-dull-3: var(--color-mint-3);
	--color-dull-4: var(--color-mint-4);
	--color-dull-5: var(--color-mint-5);
	--color-dull-6: var(--color-mint-6);
	--color-dull-7: var(--color-mint-7);
	--color-dull-8: var(--color-mint-8);
	--color-dull-9: var(--color-mint-9);
	--color-dull-10: var(--color-mint-10);
	--color-dull-11: var(--color-mint-11);
	--color-dull-12: var(--color-mint-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=lime]),
:root [data-accent-color=lime] {
	--color-accent-1: var(--color-lime-1);
	--color-accent-2: var(--color-lime-2);
	--color-accent-3: var(--color-lime-3);
	--color-accent-4: var(--color-lime-4);
	--color-accent-5: var(--color-lime-5);
	--color-accent-6: var(--color-lime-6);
	--color-accent-7: var(--color-lime-7);
	--color-accent-8: var(--color-lime-8);
	--color-accent-9: var(--color-lime-9);
	--color-accent-10: var(--color-lime-10);
	--color-accent-11: var(--color-lime-11);
	--color-accent-12: var(--color-lime-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=lime]),
:root [data-dull-color=lime] {
	--color-dull-1: var(--color-lime-1);
	--color-dull-2: var(--color-lime-2);
	--color-dull-3: var(--color-lime-3);
	--color-dull-4: var(--color-lime-4);
	--color-dull-5: var(--color-lime-5);
	--color-dull-6: var(--color-lime-6);
	--color-dull-7: var(--color-lime-7);
	--color-dull-8: var(--color-lime-8);
	--color-dull-9: var(--color-lime-9);
	--color-dull-10: var(--color-lime-10);
	--color-dull-11: var(--color-lime-11);
	--color-dull-12: var(--color-lime-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=yellow]),
:root [data-accent-color=yellow] {
	--color-accent-1: var(--color-yellow-1);
	--color-accent-2: var(--color-yellow-2);
	--color-accent-3: var(--color-yellow-3);
	--color-accent-4: var(--color-yellow-4);
	--color-accent-5: var(--color-yellow-5);
	--color-accent-6: var(--color-yellow-6);
	--color-accent-7: var(--color-yellow-7);
	--color-accent-8: var(--color-yellow-8);
	--color-accent-9: var(--color-yellow-9);
	--color-accent-10: var(--color-yellow-10);
	--color-accent-11: var(--color-yellow-11);
	--color-accent-12: var(--color-yellow-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=yellow]),
:root [data-dull-color=yellow] {
	--color-dull-1: var(--color-yellow-1);
	--color-dull-2: var(--color-yellow-2);
	--color-dull-3: var(--color-yellow-3);
	--color-dull-4: var(--color-yellow-4);
	--color-dull-5: var(--color-yellow-5);
	--color-dull-6: var(--color-yellow-6);
	--color-dull-7: var(--color-yellow-7);
	--color-dull-8: var(--color-yellow-8);
	--color-dull-9: var(--color-yellow-9);
	--color-dull-10: var(--color-yellow-10);
	--color-dull-11: var(--color-yellow-11);
	--color-dull-12: var(--color-yellow-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=amber]),
:root [data-accent-color=amber] {
	--color-accent-1: var(--color-amber-1);
	--color-accent-2: var(--color-amber-2);
	--color-accent-3: var(--color-amber-3);
	--color-accent-4: var(--color-amber-4);
	--color-accent-5: var(--color-amber-5);
	--color-accent-6: var(--color-amber-6);
	--color-accent-7: var(--color-amber-7);
	--color-accent-8: var(--color-amber-8);
	--color-accent-9: var(--color-amber-9);
	--color-accent-10: var(--color-amber-10);
	--color-accent-11: var(--color-amber-11);
	--color-accent-12: var(--color-amber-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=amber]),
:root [data-dull-color=amber] {
	--color-dull-1: var(--color-amber-1);
	--color-dull-2: var(--color-amber-2);
	--color-dull-3: var(--color-amber-3);
	--color-dull-4: var(--color-amber-4);
	--color-dull-5: var(--color-amber-5);
	--color-dull-6: var(--color-amber-6);
	--color-dull-7: var(--color-amber-7);
	--color-dull-8: var(--color-amber-8);
	--color-dull-9: var(--color-amber-9);
	--color-dull-10: var(--color-amber-10);
	--color-dull-11: var(--color-amber-11);
	--color-dull-12: var(--color-amber-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-accent-color=orange]),
:root [data-accent-color=orange] {
	--color-accent-1: var(--color-orange-1);
	--color-accent-2: var(--color-orange-2);
	--color-accent-3: var(--color-orange-3);
	--color-accent-4: var(--color-orange-4);
	--color-accent-5: var(--color-orange-5);
	--color-accent-6: var(--color-orange-6);
	--color-accent-7: var(--color-orange-7);
	--color-accent-8: var(--color-orange-8);
	--color-accent-9: var(--color-orange-9);
	--color-accent-10: var(--color-orange-10);
	--color-accent-11: var(--color-orange-11);
	--color-accent-12: var(--color-orange-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-dull-color=orange]),
:root [data-dull-color=orange] {
	--color-dull-1: var(--color-orange-1);
	--color-dull-2: var(--color-orange-2);
	--color-dull-3: var(--color-orange-3);
	--color-dull-4: var(--color-orange-4);
	--color-dull-5: var(--color-orange-5);
	--color-dull-6: var(--color-orange-6);
	--color-dull-7: var(--color-orange-7);
	--color-dull-8: var(--color-orange-8);
	--color-dull-9: var(--color-orange-9);
	--color-dull-10: var(--color-orange-10);
	--color-dull-11: var(--color-orange-11);
	--color-dull-12: var(--color-orange-12)
}

:root [data-accent-color=dull] {
	--color-accent-1: var(--color-dull-1);
	--color-accent-2: var(--color-dull-2);
	--color-accent-3: var(--color-dull-3);
	--color-accent-4: var(--color-dull-4);
	--color-accent-5: var(--color-dull-5);
	--color-accent-6: var(--color-dull-6);
	--color-accent-7: var(--color-dull-7);
	--color-accent-8: var(--color-dull-8);
	--color-accent-9: var(--color-dull-9);
	--color-accent-10: var(--color-dull-10);
	--color-accent-11: var(--color-dull-11);
	--color-accent-12: var(--color-dull-12)
}

:root [data-dull-color=accent] {
	--color-dull-1: var(--color-accent-1);
	--color-dull-2: var(--color-accent-2);
	--color-dull-3: var(--color-accent-3);
	--color-dull-4: var(--color-accent-4);
	--color-dull-5: var(--color-accent-5);
	--color-dull-6: var(--color-accent-6);
	--color-dull-7: var(--color-accent-7);
	--color-dull-8: var(--color-accent-8);
	--color-dull-9: var(--color-accent-9);
	--color-dull-10: var(--color-accent-10);
	--color-dull-11: var(--color-accent-11);
	--color-dull-12: var(--color-accent-12)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-body-text-color=text-light]),
:root [data-body-text-color=text-light] {
	--color-text-body-title: var(--color-text-light-title);
	--color-text-body-subtitle: var(--color-text-light-subtitle);
	--color-text-body-body: var(--color-text-light-body);
	--color-text-body-description: var(--color-text-light-description);
	--color-text-body-note: var(--color-text-light-note)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-body-text-color=text-red]),
:root [data-body-text-color=text-red] {
	--color-text-body-title: var(--color-text-red-title);
	--color-text-body-subtitle: var(--color-text-red-subtitle);
	--color-text-body-body: var(--color-text-red-body);
	--color-text-body-description: var(--color-text-red-description);
	--color-text-body-note: var(--color-text-red-note)
}

:root:has(._2KPA3I9eXE9r251_-GX_iv>div[data-body-text-color=text-green]),
:root [data-body-text-color=text-green] {
	--color-text-body-title: var(--color-text-green-title);
	--color-text-body-subtitle: var(--color-text-green-subtitle);
	--color-text-body-body: var(--color-text-green-body);
	--color-text-body-description: var(--color-text-green-description);
	--color-text-body-note: var(--color-text-green-note)
}

:root {
	--text-size-1: 11px;
	--text-size-2: 12px;
	--text-size-3: 13px;
	--text-size-4: 15px;
	--text-size-5: 22px;
	--text-size-6: 24px;
	--text-size-7: 28px;
	--text-size-8: 36px;
	--text-size-9: 60px;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-heavy: 700;
	--line-height-1: 14px;
	--line-height-2: 16px;
	--line-height-3: 20px;
	--line-height-4: 24px;
	--line-height-5: 28px;
	--line-height-6: 32px;
	--line-height-7: 36px;
	--line-height-8: 40px;
	--line-height-9: 60px;
	--letter-spacing-1: 0em;
	--letter-spacing-2: 0em;
	--letter-spacing-3: 0em;
	--letter-spacing-4: 0em;
	--letter-spacing-5: 0em;
	--letter-spacing-6: 0em;
	--letter-spacing-7: 0em;
	--letter-spacing-8: 0em;
	--letter-spacing-9: 0em;
	--heading-size-1: 11px;
	--heading-size-2: 12px;
	--heading-size-3: 14px;
	--heading-size-4: 18px;
	--heading-size-5: 22px;
	--heading-size-6: 24px;
	--heading-size-7: 28px;
	--heading-size-8: 36px;
	--heading-size-9: 60px;
	--heading-line-height-1: 14px;
	--heading-line-height-2: 16px;
	--heading-line-height-3: 20px;
	--heading-line-height-4: 24px;
	--heading-line-height-5: 28px;
	--heading-line-height-6: 32px;
	--heading-line-height-7: 36px;
	--heading-line-height-8: 40px;
	--heading-line-height-9: 60px;
	--heading-letter-spacing-1: 0em;
	--heading-letter-spacing-2: 0em;
	--heading-letter-spacing-3: 0em;
	--heading-letter-spacing-4: 0em;
	--heading-letter-spacing-5: 0em;
	--heading-letter-spacing-6: 0em;
	--heading-letter-spacing-7: 0em;
	--heading-letter-spacing-8: 0em;
	--heading-letter-spacing-9: 0em;
	--default-font-size: var(--text-size-3);
	--default-line-height: var(--line-height-3);
	--default-letter-spacing: var(--letter-spacing-3);
	--color-debug: hotpink;
	--color-accent-contrast: white
}

._2KPA3I9eXE9r251_-GX_iv {
	display: contents
}

body,
body._2LxgdMcpWJRjkxZKbmeEEb {
	color: #969696;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif
}

button {
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif
}

img {
	-webkit-user-drag: none
}

::-webkit-scrollbar {
	height: 12px;
	width: 14px;
	background: rgba(0, 0, 0, 0);
	z-index: 12;
	overflow: visible
}

::-webkit-scrollbar-thumb {
	width: 10px;
	background-color: #434953;
	border-radius: 10px;
	z-index: 12;
	border: 4px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	transition: background-color .32s ease-in-out;
	margin: 4px;
	min-height: 32px;
	min-width: 32px
}

::-webkit-scrollbar-thumb:hover {
	background-color: #4e5157
}

::-webkit-scrollbar-corner {
	background: #202020
}

::selection {
	background: #54a5d4;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .6666666667);
	color: #fff
}

.vg0EOhKTLB3tLvshHMr7l {
	color: gray;
	font-size: 10px
}

._33hdFBTwBs64Fcp-bPdf4E {
	width: 34px;
	height: 34px;
	border-radius: 25%;
	overflow: hidden;
	margin-right: 4px
}

._2OYADGuBPiyF7h50OJ0P1B {
	width: 70px;
	height: 45px;
	border-radius: 25%;
	overflow: hidden;
	margin-right: 4px
}

._2CQYcCggCXwVzZj2GWng5- {
	width: 100%;
	height: 100%;
	border-radius: 25%;
	position: relative
}

._2CQYcCggCXwVzZj2GWng5-:after {
	content: "N/A";
	display: block;
	color: #555;
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #201e25
}

.Yncr-T63YFSJ46cq4Z2BJ ._2CQYcCggCXwVzZj2GWng5- {
	border: 2px solid red
}

._1cUR_vD8IvfJgOK1r89j4o {
	width: 48px;
	height: 48px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #201e25
}

.VsZ-bdWSNpnM9Vg6gkSyD {
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0);
	border: 1px #7d6ebc solid;
	display: inline-block;
	padding: 8px 32px;
	border-radius: 2px;
	font-size: 14px;
	color: #7d6ebc;
	user-select: none;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 4px
}

.VsZ-bdWSNpnM9Vg6gkSyD._3M4j828iWSVEZZAkypcBi1 {
	font-size: 9px;
	padding: 4px 8px
}

._1R3ycnbAGUAy01o0TW7NNo {
	display: flex;
	align-items: center;
	justify-content: center
}

._3m7p67FD1Ynjm3BnyyjSSS {
	height: 100%;
	min-height: 420px
}

._1WqumifyJucGDxm2oI6yRQ {
	text-decoration: underline;
	color: inherit
}

.cNMZ-dcMVhaQJFes_Ivwo {
	width: 100%;
	resize: none;
	max-height: 100px;
	background: rgba(59, 63, 72, .5);
	color: #dfe3e6;
	font-size: 14px;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 4px;
	border: none;
	border-radius: 3px;
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0);
	transition-property: background, box-shadow, padding-left;
	transition-duration: .2s;
	transition-timing-function: ease-in-out
}

.cNMZ-dcMVhaQJFes_Ivwo:focus {
	background: rgba(67, 73, 83, .6);
	box-shadow: inset 1px 1px 8px rgba(0, 0, 0, .6666666667);
	padding-left: 6px;
	outline: none
}

._3NeLW5LAka4S9__PaMFE_J {
	cursor: pointer;
	width: 16px;
	height: 16px
}

.tool-tip-source {
	cursor: default
}

.react-select-container .react-select__control {
	background: rgba(220, 232, 251, .0784313725);
	border-color: rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.react-select-container .react-select__control:hover {
	background: #464d58;
	border-color: rgba(0, 0, 0, 0)
}

.react-select-container .react-select__control .react-select__single-value {
	color: #d9dde1
}

.react-select-container .react-select__control .react-select__input-container {
	color: #d9dde1
}

.react-select-container .react-select__control input[type=text].react-select__input {
	color: #d9dde1;
	box-shadow: unset
}

.react-select-container .react-select__control .react-select__indicator-separator {
	background-color: #42494d
}

.react-select-container .react-select__menu {
	background-color: #373c44;
	margin-top: 2px
}

.react-select-container .react-select__menu .react-select__option {
	color: #d9dde1
}

.react-select-container .react-select__menu .react-select__option--is-focused {
	color: #d9dde1;
	background-color: #3e444d
}

.react-select-container .react-select__menu .react-select__option--is-selected {
	background-color: #1c8cde
}

button.DialogButton {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 0;
	font: inherit;
	overflow: visible;
	padding: 0;
	margin: 2px 0;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	display: block;
	line-height: 32px;
	color: #dfe3e6;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	width: 100%;
	transition-property: opacity, background, color, box-shadow;
	transition-duration: .2s;
	transition-timing-function: ease-out;
	background: #3d4450;
	background-position: 99% 1%;
	background-size: 300% 300%;
	position: relative
}

@media(prefers-contrast: more) {
	button.DialogButton {
		background: black;
		color: white;
		border: 1px solid white
	}
}

input.DialogInput::-moz-focus-inner,
button.DialogButton::-moz-focus-inner {
	border: 0;
	padding: 0
}

.DialogInputPlaceholder::placeholder,
.DialogInputPlaceholder::-webkit-input-placeholder {
	color: #969696;
	font-style: italic
}

.DialogInputPlaceholder::-ms-input-placeholder,
.DialogInputPlaceholder:-ms-input-placeholder {
	color: #969696;
	font-style: italic
}

.PopupFullWindow {
	height: 100%
}

.FullModalOverlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1500
}

.FullModalOverlay.NotReadyToRender {
	background: rgba(0, 0, 0, 1)
}

.FullModalOverlay .ModalPosition_Content {
	height: initial;
	width: initial;
	max-width: 88vw;
	max-height: 90vh
}

@media screen and (max-height: 640px) {
	.FullModalOverlay .ModalPosition_Content {
		max-height: 95vh
	}
}

.ModalOverlayContent {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.ModalOverlayContent.inactive {
	z-index: 5
}

.ModalOverlayContent.active {
	z-index: 10;
	-webkit-app-region: no-drag
}

.ModalOverlayBackground {
	background: rgba(0, 0, 0, 0.8);
	z-index: 7
}

.ModalOverlayBackground.NotificationBrowserWarning {
	background: rgba(0, 0, 0, 0.9)
}

.DialogBody {
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow: auto;
	-webkit-app-region: no-drag
}

.DialogBody a {
	color: rgb(109, 207, 246);
	text-decoration: none
}

.DialogBody a:hover {
	color: rgb(176, 233, 255)
}

.ModalDialogPopup .DialogContentTransition .DialogBody {
	overflow-y: scroll
}

.DialogInnerBody {
	flex: 1;
	overflow: auto;
	padding-inline-end: 2px;
	padding-bottom: 16px
}

.ModalDialogPopup .ModalDialogBody {
	margin: 0px
}

.ModalDialogPopup .ModalDialogBody .title-area {
	height: 80px
}

.ModalDialogPopup .DialogInnerBody {
	overflow-y: scroll;
	overflow-x: hidden
}

.ModalPosition {
	display: flex;
	align-content: center;
	height: 100%;
	flex-direction: column
}

.ModalPosition:focus {
	outline: none
}

.ModalPosition.Hidden .ModalPosition_Content {
	visibility: hidden
}

.ModalDialogPopup .ModalPosition_Dismiss {
	display: none
}

.ModalDialogPopup .FullModalOverlay .ModalPosition_Dismiss {
	display: block
}

.DeckVerifiedModalDialogClient .ModalPosition_Content {
	width: 640px;
	font-weight: 400
}

.DeckVerifiedModalDialogClient .DialogContent,
.DeckVerifiedModalDialog .DialogContent {
	padding: calc(1.4vw + 12px) 2.8vw;
	background: #0e141b !important;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	border: 2px solid #23262e
}

.DeckVerifiedModalDialog .DialogContent {
	max-height: 85vh
}

.DeckVerifiedModalDialogClient .ModalPosition_TopBar,
.DeckVerifiedModalDialog .ModalPosition_TopBar {
	display: none
}

.DeckVerifiedModalDialogClient .ModalPosition_Dismiss .closeButton,
.DeckVerifiedModalDialog .ModalPosition_Dismiss .closeButton {
	width: 20px;
	height: 20px
}

.ModalPosition_Dismiss .closeButton {
	width: 14px;
	height: 14px;
	padding: 4px;
	background-size: cover;
	cursor: pointer;
	background-image: none;
	border-radius: 4px
}

.ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line {
	stroke: rgb(120, 138, 146);
	stroke-width: 24px
}

.ModalPosition_Dismiss .closeButton:hover .SVGIcon_X_Line line {
	stroke: rgb(255, 255, 255)
}

.ModalPosition_Dismiss .closeButton:hover {
	opacity: 1
}

.ModalPosition_Content {
	box-shadow: 0px 8px 38px 5px rgba(0, 0, 0, 0.75);
	margin: auto;
	font-weight: 300;
	color: #969696;
	font-size: 16px;
	position: relative;
	display: flex;
	flex-direction: column
}

.ModalPosition_Content>* {
	min-height: 0;
	min-width: 0;
	flex-grow: 1;
	flex-shrink: 1
}

div.ModalPosition_Dismiss {
	min-width: initial;
	min-height: initial;
	flex-grow: initial;
	flex-shrink: initial;
	position: absolute;
	inset-inline-end: 4px;
	top: 4px;
	z-index: 1
}

div.ModalPosition_TopBar {
	min-height: 1px;
	min-width: initial;
	flex-grow: initial;
	flex-shrink: initial;
	background: linear-gradient(to right, #00ccff, #3366ff)
}

.Destructive .ModalPosition_TopBar {
	background: linear-gradient(to right, #c44848, #c44848)
}

.ModalDialogPopup .DesktopUI .ModalPosition_TopBar {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2
}

.ModalDialogPopup .DesktopUI:not(.WindowFocus) .ModalPosition_TopBar {
	opacity: 0
}

.DialogContent,
.DialogContentTransition {
	background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e;
	user-select: none
}

@media(prefers-contrast: more) {

	.DialogContent,
	.DialogContentTransition {
		background: black
	}
}

.DialogContent .DialogControlsSection:not(:first-child),
.DialogContent .DialogControlsSectionHeader:not(:first-child),
.DialogContent .DialogHeader:not(:first-child),
.DialogContent .DialogSubHeader:not(:first-child) {
	margin-top: 24px
}

.DialogContentTransition {
	display: flex;
	width: 664px;
	max-width: calc(100% - 64px);
	flex: 3.3;
	position: relative
}

.ModalDialogPopup .DialogContentTransition {
	display: block
}

.ModalDialogPopup .DialogContentTransition>.DialogContent {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0
}

.DialogContent {
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	padding: 24px;
	display: flex;
	overflow: visible;
	position: relative
}

.DialogContent.NoContentPadding {
	padding: 0
}

.DialogToggle_Label {
	user-select: none;
	display: flex;
	flex-direction: row
}

.DialogToggle_Label span {
	display: flex
}

.contextMenuItem .DialogToggle_Label {
	white-space: nowrap
}

._DialogNote {
	font-size: 12px;
	text-transform: uppercase
}

._DialogCenterVertically {
	display: flex;
	flex-direction: column;
	justify-content: space-around
}

.DialogContent_InnerWidth {
	max-width: 600px;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: auto
}

.DialogContent.DialogContentFullSize {
	width: max-content
}

.DialogContentFullSize .DialogContent_InnerWidth {
	max-width: calc(88vw - 48px)
}

.ModalDialogPopup .DialogContent {
	overflow: visible
}

.ModalDialogPopup .DialogContent_InnerWidth {
	max-width: none
}

.DialogContent_InnerWidth>form {
	display: flex;
	flex-direction: column;
	min-height: 0;
	flex: 1
}

.ModalDialogPopup .PopupFullWindow>.ModalPosition,
.ModalDialogPopup .PopupFullWindow>.ModalPosition>.ModalPosition_Content {
	max-width: none;
	max-height: none;
	width: 100%;
	height: 100%
}

.DialogHeader {
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	flex-shrink: 0;
	user-select: none;
	margin-inline-end: 26px;
	margin-bottom: 4px
}

.DesktopUI .DialogHeader,
.friendsui-container .DialogHeader {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: unset;
	text-transform: unset;
	margin-bottom: 4px;
	line-height: 28px
}

.DialogSubHeader {
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
	flex-shrink: 0;
	user-select: none;
	margin-inline-end: 26px
}

.SettingsDialogSubHeader {
	color: #8b929a
}

@media(prefers-contrast: more) {
	.SettingsDialogSubHeader {
		color: white
	}
}

.SettingsDialogSubHeader {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 36px;
	text-transform: uppercase;
	user-select: none;
	margin-inline-end: 26px
}

.DialogContent_InnerWidth .DialogBody .DialogHeader {
	margin-inline-end: 0px
}

.DialogHeaderSubtitle {
	color: rgb(110, 121, 133);
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: none
}

.DialogHighlight {
	color: rgb(66, 151, 248)
}

.DialogFooter {
	margin-top: auto;
	padding-top: 16px;
	flex-shrink: 0
}

.DesktopUI .DialogFooter {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 14px
}

.DesktopUI .DialogFooter button.DialogButton {
	padding: 0 12px;
	width: auto
}

.DialogBodyText {
	color: #acb2b8;
	font-size: 16px;
	line-height: 19px;
	font-weight: 300;
	margin-bottom: 32px;
	user-select: none
}

.DialogBodyText p {
	user-select: text
}

.DialogBodyText p a {
	color: #acb2b8;
	text-decoration: underline
}

.DialogBodyText p a:hover {
	color: #fff
}

.DesktopUI .DialogBodyText {
	line-height: 22px
}

.DialogLabel {
	cursor: default
}

.DialogLabel,
.DialogLabelStrong {
	font-weight: 300;
	color: #acb2b8;
	text-transform: uppercase;
	line-height: 19px;
	font-size: 13px;
	margin-bottom: 4px;
	user-select: none;
	letter-spacing: initial
}

.DialogLabelStrong .DialogLabel,
.DialogLabel.DialogLabelStrong {
	text-transform: none;
	color: #dedede
}

.disabled .DialogLabelStrong .DialogLabel,
.disabled .DialogLabel.DialogLabelStrong {
	color: rgb(66, 72, 83)
}

.DialogHBar {
	flex: 1;
	min-height: 1px;
	max-height: 1px;
	background: linear-gradient(to right, rgba(57, 62, 71, 1) 0%, rgba(64, 70, 79, 1) 20%, rgba(57, 62, 71, 1) 100%);
	margin-bottom: 16px
}

.OrSeparator .DialogHBar {
	margin: 0
}

._DialogRow {
	display: flex;
	flex-direction: row;
	padding: 4px;
	padding-inline-start: 12px;
	margin-bottom: 6px;
	justify-content: space-between;
	flex-shrink: 0
}

._DialogRow._DialogRowBackground {
	background: linear-gradient(to right, #383d45, #383d45)
}

._DialogRow ._DialogRowAction {
	flex: 1
}

._DialogRow ._DialogRowSecondaryLabel,
._DialogRow ._DialogRowLabel {
	flex: 1.5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	align-self: center;
	display: flex;
	flex-direction: row
}

._DialogRow ._DialogRowSecondaryLabel {
	display: block;
	flex: 1;
	line-height: 32px;
	text-align: center;
	margin: 2px 0
}

._DialogRow ._DialogRowLabel .SVGIcon_Button {
	width: 24px;
	height: 24px
}

.disabledNotice {
	color: rgba(184, 156, 80, 0.75);
	margin-inline-start: 4px
}

.DialogLabelExplainer {
	text-transform: none;
	text-align: center;
	font-weight: 300;
	color: #7e7e7e;
	font-size: 13px;
	margin-top: 4px
}

.DialogInput {
	border: 1px solid white;
	display: block;
	line-height: 22px;
	padding: 10px
}

.DialogLabelExplainer.Left {
	text-align: start
}

.DialogInputRequirementLabel {
	color: #c15755;
	margin-inline-start: 15px
}

.DialogRequirementLabel {
	color: #c15755;
	font-weight: 500;
	font-size: 14px
}

.DialogInputLabelGroup {
	margin-bottom: 22px;
	display: block
}

._DialogSection {
	margin-bottom: 26px
}

.DialogTextInputBase,
._DialogInputContainer {
	background: rgba(59, 63, 72, 0.5);
	color: #dfe3e6
}

@media(prefers-contrast: more) {

	.DialogTextInputBase,
	._DialogInputContainer {
		background: black;
		color: white;
		border: 1px solid white
	}
}

.DialogTextInputBase,
._DialogInputContainer {
	font-size: 14px;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 0;
	border: none;
	border-radius: 3px;
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0)
}

.DialogTextInputBase:focus,
.DialogTextInputBase:focus-within {
	background: rgba(67, 73, 83, 0.6);
	box-shadow: inset 1px 1px 8px rgba(0, 0, 0, .6666666667);
	padding-inline-start: 11px
}

.DialogTextInputBase:not(:disabled):hover {
	background: rgba(67, 73, 83, 0.6)
}

.DesktopUI .DialogTextInputBase:focus,
.DialogTextInputBase:focus-within {
	background: #23262e;
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, .6666666667);
	padding-inline-start: 11px
}

.DialogTextInputBase:disabled:hover {
	background: rgba(67, 73, 83, 0.3)
}

._DialogInputContainer {
	padding: 12px;
	line-height: 18px;
	margin-bottom: 22px
}

._DialogInputContainer:focus {
	outline: none
}

.DialogToggleField._DialogInputContainer {
	display: flex;
	justify-content: space-between;
	padding: 6px;
	padding-inline-start: 12px
}

.DialogToggleField.Disabled .DialogToggle_Label,
.DialogToggleField.Disabled .DialogToggle_Description {
	opacity: .3
}

.DialogDropDown._DialogInputContainer.Active {
	outline: none
}

.DialogTextInputBase.inviteURLLink {
	padding: 0 12px;
	background: rgb(48, 53, 59);
	margin-inline-end: 4px;
	flex-grow: 4;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .4);
	border: .5px solid rgba(139, 153, 170, 0.4);
	border-style: inset
}

.DialogTextInputBase:disabled,
.DialogTextInputBase:read-only {
	color: rgba(136, 136, 136, 0.7)
}

.InviteLinksTable .DialogInput {
	padding: 5px;
	margin: 5px;
	margin-inline-end: 30px
}

.DialogInput_Wrapper {
	display: flex;
	flex-direction: row;
	position: relative;
	align-items: center
}

.DialogInput_Wrapper>input.DialogInput {
	flex: 1
}

.DialogInput_Wrapper>input.DialogInput:focus {
	outline: none
}

button.DialogButton:focus {
	outline: none
}

button.DialogButton.DialogInput_CopyAction {
	width: auto;
	padding-inline: 16px
}

.DialogInput_ClearAction {
	position: absolute;
	inset-inline-end: 12px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.DialogInput_ClearAction svg {
	width: 18px;
	height: 18px
}

.DialogInput_ClearAction .SVGIcon_X_Line line {
	stroke-width: 22px;
	stroke: #aaa
}

.DialogInput_ClearAction:hover .SVGIcon_X_Line line {
	stroke: #fff
}

button.DialogButton::before {
	pointer-events: none;
	user-select: none;
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: opacity 200ms ease-in-out
}

button.DialogButton:disabled:hover::before,
button.DialogButton:disabled::before,
button.DialogButton.Disabled:hover::before,
button.DialogButton.Disabled::before {
	opacity: 0
}

button.DialogButton:hover::before {
	opacity: 1
}

button.DialogButton:active::before {
	opacity: 0
}

button.DialogButton.DialogButtonTall {
	height: 44px
}

.VoiceSettings .advancedSettingsButton {
	margin-bottom: 0px;
	margin-top: 16px
}

.VoiceSettings .advancedSettings {
	margin-bottom: 16px
}

.DialogBody.VoiceSettings ._FixedHeight {
	padding-bottom: 16px
}

button.DialogButton.Primary {
	background: transparent;
	background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
	background-position: 25%;
	background-size: 330% 100%
}

button.DialogButton.GreenPlay {
	background: linear-gradient(to right, rgb(138, 195, 41) 0%, rgb(74, 122, 22) 60%);
	background-position: 25%;
	background-size: 330% 100%
}

button.DialogButton.GreenPlay:hover,
button.DialogButton.GreenPlay.gpfocus {
	background: linear-gradient(to right, rgb(138, 195, 41) 0%, rgb(74, 122, 22) 60%);
	background-position: 0%;
	background-size: 330% 100%;
	color: white
}

button.DialogButton.GreenPlay:active,
button.DialogButton.GreenPlay:active:hover,
button.DialogButton.GreenPlay:active.gpfocus {
	background: linear-gradient(to right, rgb(138, 195, 41) 0%, rgb(74, 122, 22) 60%);
	background-position: 40%;
	transition-duration: .04s
}

button.DialogButton.Secondary.Off {
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, .2)
}

button.DialogButton:enabled:active,
button.DialogButton:enabled:active:hover,
button.DialogButton:enabled:active.gpfocus {
	background: #393f49;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6);
	transition-duration: .04s
}

@media(prefers-contrast: more) {

	button.DialogButton:enabled:active,
	button.DialogButton:enabled:active:hover,
	button.DialogButton:enabled:active.gpfocus {
		transition-property: scale;
		background: white;
		color: black;
		scale: .9
	}
}

button.DialogButton.Primary:hover,
button.DialogButton.Primary.gpfocus {
	background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
	background-position: 0%;
	background-size: 330% 100%;
	color: white
}

button.DialogButton.Primary:enabled:active,
button.DialogButton.Primary:enabled:hover:active,
button.DialogButton.Primary:enabled:active.gpfocus {
	background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
	background-position: 40%;
	transition-duration: .04s
}

button.DialogButton:hover,
button.DialogButton.gpfocus {
	background: #464d58;
	color: white
}

@media(prefers-contrast: more) {

	button.DialogButton:hover,
	button.DialogButton.gpfocus {
		background: white;
		color: black
	}
}

button.DialogButton:disabled,
button.DialogButton:disabled:hover,
button.DialogButton.Disabled,
button.DialogButton.Disabled:hover {
	background: rgba(61, 67, 77, 0.35);
	color: rgb(70, 77, 88);
	box-shadow: none;
	cursor: default;
	pointer-events: none
}

button.DialogButton.Small {
	line-height: 22px
}

button.TextButton {
	background-color: transparent;
	border: 0px hidden transparent;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	padding: 0;
	color: white;
	cursor: pointer;
	font-weight: 100;
	border-bottom: 1px dotted rgba(0, 0, 0, 0)
}

button.TextButton .SVGIcon_Button {
	transition: opacity .2s ease-in-out;
	margin-inline-end: 2px
}

button.TextButton:hover,
button.TextButton.gpfocus {
	color: white
}

button.TextButton:focus,
button.TextButton.gpfocus {
	outline: none
}

.DialogButton .SVGIcon_Button {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-inline-end: 2px
}

.DialogButton:disabled .SVGIcon_Button,
.DialogButton.Disabled .SVGIcon_Button {
	opacity: .1
}

.DialogToggleField_NewUIContainer {
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.DialogToggleField_Control {
	float: inline-end;
	position: relative;
	line-height: 30px;
	overflow: hidden;
	border-radius: 3px;
	background: #3a3f48;
	color: rgba(223, 227, 230, 0.5);
	font-size: 14px;
	display: flex;
	flex-direction: row;
	cursor: pointer;
	user-select: none;
	align-self: flex-start;
	flex-shrink: 0;
	margin-inline-start: 6px
}

.DialogToggleField_OptionPanel {
	display: flex
}

.DialogToggleField_Option {
	text-transform: uppercase;
	width: 66px;
	text-align: center;
	cursor: pointer;
	transition-property: color, background;
	transition-duration: 250ms
}

.DialogToggleField_Option:hover:not(.Active) {
	background: #464d58
}

.Disabled .DialogToggleField_Option:hover:not(.Active),
.Disabled .DialogToggleField_Option.Active,
.Disabled .DialogToggleField_Option {
	background-color: transparent;
	color: #555;
	cursor: default
}

.Disabled .DialogToggleField_Option.Active,
.Disabled .DialogToggleField_Option.Off.Active {
	color: #666;
	background-color: rgb(67, 73, 83)
}

.DialogToggle_Description {
	color: #999c9f
}

@media(prefers-contrast: more) {
	.DialogToggle_Description {
		color: #bbbdc0
	}
}

.DialogToggle_Description {
	line-height: 19px;
	font-size: 13px;
	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
	padding-top: 8px
}

.DialogToggleField_Option.Active {
	color: #dfe3e6;
	background: #2d73ff
}

.DialogToggleField_Option.Off.Active {
	color: #dfe3e6;
	background: #5f6875
}

.DialogToggleField_Option:hover {
	color: white
}

.DialogMenuPosition {
	z-index: 1600;
	overflow: auto;
	-webkit-app-region: none
}

.DialogMenuPosition:not(.visible) {
	opacity: 0;
	pointer-events: none
}

.DialogDropDown {
	cursor: pointer;
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	text-align: start;
	font-size: inherit;
	font-family: inherit;
	margin: 0;
	flex-direction: row;
	gap: 16px;
	align-items: center
}

.DialogDropDown.Disabled {
	cursor: initial;
	opacity: .5
}

.DialogDropDown:hover {
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.16)
}

.DialogDropDown.Disabled:hover {
	box-shadow: unset
}

.DialogDropDown_CurrentDisplay {
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.DialogDropDown_CurrentDisplay:empty::before {
	content: " "
}

.DialogDropDown._DialogInputContainer {
	margin-bottom: 0;
	user-select: none
}

.DialogDropDown_Arrow {
	height: 1em;
	width: 1em;
	top: 14px;
	inset-inline-end: 10px
}

.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu {
	padding-top: 2px;
	fill: rgb(24, 156, 255)
}

._DialogColLayout {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

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

._DialogColLayout>._DialogLayout {
	flex: 1;
	box-sizing: border-box
}

.DialogTwoColLayout>._DialogLayout {
	max-width: calc(50% - 14px);
	min-width: 200px
}

.DesktopUI .DialogTwoColLayout._DialogColLayout {
	gap: 14px
}

.DesktopUI .DialogTwoColLayout>._DialogLayout {
	max-width: unset;
	flex: 1 0 auto
}

.DialogThreeColLayout>._DialogLayout,
.DialogTwoThirdColLayout>._DialogLayout:nth-child(2n+1) {
	max-width: calc(33.33% - 9px);
	min-width: 133px
}

.DesktopUI .DialogThreeColLayout._DialogColLayout {
	gap: 9px
}

.DialogTwoThirdColLayout>._DialogLayout {
	max-width: calc(66.66% - 18px);
	min-width: 266px
}

.DesktopUI .DialogTwoThirdColLayout._DialogColLayout {
	gap: 18px
}

.DialogLayout_NoMinWidth>._DialogLayout,
.DialogTwoThirdColLayout.DialogLayout_NoMinWidth>._DialogLayout {
	min-width: 0
}

.DialogDraggable {
	cursor: -webkit-grab;
	cursor: grab;
	user-select: none
}

.DialogDraggable.DraggedOut {
	display: none
}

.DialogDraggable_DropGhost {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	opacity: .75
}

.DialogDraggable_DragGhost {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	position: fixed;
	opacity: .75;
	z-index: 5000
}

.DialogSlider_Container:focus {
	outline: none
}

.DialogSlider_Slider {
	border: 4px solid #2a2d33;
	border-radius: 10px;
	position: relative;
	height: 10px;
	background: #202226;
	cursor: pointer;
	box-shadow: inset 0px 11px 8px -10px #131313;
	user-select: none
}

.DialogSlider_Value {
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);
	border-start-start-radius: 5px;
	border-end-start-radius: 5px
}

.DialogSlider_Grabber {
	position: absolute;
	top: -1px;
	bottom: -3px;
	inset-inline-start: var(--position);
	margin-inline-start: -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #89e7ff 0%, #80aaff 80%);
	border-radius: 50%;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2)
}

.DialogProgressBar_ProgressBarContainer {
	border: 4px solid #2a2d33;
	border-radius: 10px;
	position: relative;
	height: 10px;
	background: #202226;
	cursor: pointer;
	box-shadow: inset 0px 11px 8px -10px #131313;
	user-select: none;
	overflow: hidden
}

.DialogProgressBar_Value {
	height: 100%;
	background: linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);
	border-start-start-radius: 5px;
	border-end-start-radius: 5px;
	width: 0px;
	transition: width .2s linear
}

.DialogProgressBar_Value:dir(rtl) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.DialogListBuilderInput_List {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	line-height: 26px
}

.DialogListBuilderInput_Input {
	border: none;
	background: transparent;
	color: white;
	outline: none
}

.DialogListBuilderInput_Input:focus {
	outline: none
}

.DialogSpanningTable {
	width: 100%;
	border-spacing: 0px 6px;
	table-layout: fixed
}

.DialogSpanningTable th {
	font-weight: normal;
	text-align: start;
	font-size: 12px;
	height: 20px;
	text-transform: uppercase
}

.DialogSpanningTable.BannedUsersTable tr.hoverRow,
.DialogSpanningTable.InvitedUsersTable tr.hoverRow,
.DialogSpanningTable.InviteLinksTable tbody tr {
	background: linear-gradient(to right, #383d45, #383d45)
}

.DialogSpanningTable tr.hoverRow:hover {
	background-color: #393d46
}

.DialogSpanningTable td.friendCell {
	padding-inline-start: 4px;
	padding-top: 4px;
	padding-bottom: 4px
}

.DialogSpanningTable td.dateCell {
	text-align: start;
	font-size: 14px
}

.DialogSpanningTable td.buttonCell {
	padding-inline-start: 5px;
	padding-inline-end: 10px
}

.BannedUsersTable th.friendColumn,
.InvitedUsersTable th.friendColumn {
	width: auto
}

.BannedUsersTable th.dateColumn,
.InvitedUsersTable th.dateColumn {
	width: 175px
}

.BannedUsersTable th.buttonColumn,
.InvitedUsersTable th.buttonColumn {
	width: 130px
}

.InviteLinksTable .inviteCodeColumn {
	width: auto
}

.InviteLinksTable .dateColumn {
	width: 175px
}

.InviteLinksTable .buttonColumn {
	width: 130px
}

.DialogSpanningTable th.tableAlignRight,
.DialogSpanningTable td.tableAlignRight {
	text-align: end
}

.DialogCheckbox_Container {
	cursor: pointer;
	padding: 4px;
	margin-bottom: 8px
}

.DialogCheckbox_Container .DialogCheckbox {
	float: inline-start;
	margin-inline-end: 8px
}

.DialogCheckbox {
	width: 22px;
	height: 22px;
	background-color: rgba(0, 0, 0, .2666666667);
	padding: 0;
	box-shadow: inset 1px .5px 3px rgba(1, 1, 1, 0.4);
	cursor: pointer;
	border-radius: 2px
}

.DialogCheckbox .SVGIcon_DialogCheck {
	opacity: 0;
	transition: opacity .1s ease-in-out;
	width: 18px;
	height: 18px;
	margin-top: 9%;
	margin-inline-start: 12%
}

.DialogCheckbox .SVGIcon_DialogCheck path {
	stroke-width: 40px;
	stroke-dashoffset: -270;
	transition-property: stroke-dashoffset;
	transition-duration: .18s;
	transition-timing-function: cubic-bezier(1, 0, 1, 0.65);
	transition-delay: .3s
}

.DialogCheckbox.Active .SVGIcon_DialogCheck path {
	stroke-dashoffset: 90;
	transition-timing-function: cubic-bezier(1, 0, 1, 0.65);
	transition-delay: 0s
}

.DialogCheckbox.Active .SVGIcon_DialogCheck {
	opacity: 1
}

.DialogCheckbox.Active .SVGIcon_DialogCheck #stop0 {
	opacity: 1
}

.DialogCheckbox.Disabled,
.DialogCheckbox_Container.Disabled {
	cursor: default;
	opacity: .5;
	filter: saturate(0.35);
	box-shadow: none
}

.DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled),
.DialogCheckbox:hover:not(.Disabled),
.DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled),
.DialogCheckbox:focus:not(.Disabled) {
	background-color: #090909
}

.DialogCheckbox_Container:focus,
.DialogCheckbox:focus {
	outline: none
}

.DialogCheckbox .DialogCheck {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}

.DialogRoundCheckboxField {
	width: 24px;
	height: 24px;
	border-radius: 50%
}

.DialogRoundCheckboxField_Control {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	background-color: #24262b
}

.DialogRoundCheckboxField_OuterCircle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	box-shadow: inset .5px 1px 3px rgba(1, 1, 1, 0.4);
	display: flex;
	justify-content: center;
	transition: background-color .08s ease-in-out
}

.DialogRoundCheckboxField_Container {
	cursor: pointer
}

.DialogRoundCheckboxField_Container.Disabled {
	opacity: .5;
	user-select: none;
	cursor: unset
}

.DialogRoundCheckboxField_Container:focus {
	outline: none
}

.DialogRoundCheckboxField_Container:hover .DialogRoundCheckboxField_OuterCircle {
	background-color: #1e1f23
}

.DialogRoundCheckboxField_Container.WithLabel {
	display: flex;
	flex-direction: row;
	line-height: 24px;
	margin-bottom: 8px
}

.DialogRoundCheckboxField_Container.WithLabel .DialogRoundCheckboxField {
	margin-inline-end: 6px
}

.DialogRoundCheckboxField_Container .DialogToggle_Label {
	overflow: hidden;
	min-width: 0;
	flex: 1
}

.DialogRoundCheckboxField_Control .DialogRoundCheckboxField_InnerCircle {
	width: 50%;
	height: 50%;
	border-radius: 50%;
	align-self: center;
	box-shadow: 0px 0px 8px rgba(31, 141, 254, 0.5);
	background: linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);
	transform: scale(0);
	opacity: 0;
	transition-property: opacity, scale, box-shadow;
	transition-duration: .1s;
	transition-timing-function: ease-in-out
}

.DialogRoundCheckboxField_Control.Active .DialogRoundCheckboxField_InnerCircle {
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	transform: scale(1);
	opacity: 1
}

.copiedAnimation {
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	color: rgb(27, 152, 255);
	transition-property: transform, opacity;
	transition-duration: 0s;
	transition-timing-function: ease-out;
	z-index: 0;
	pointer-events: none;
	user-select: none
}

.copiedAnimation.animationComplete {
	opacity: 0;
	transition-duration: 1s;
	transition-delay: .5s
}

.copiedAnimation.animationPlaying {
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 0s, .6s
}

._FixedHeight {
	flex-shrink: 0
}

._FillAvailableHeightAndScroll {
	flex: 1;
	min-height: 0;
	overflow-y: scroll
}

.DialogContent ul {
	list-style-type: disc;
	list-style-position: inside
}

.title-area {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 18px;
	-webkit-app-region: drag;
	z-index: 2;
	display: flex;
	flex-direction: row;
	justify-content: flex-end
}

body.in_global_drag .title-area {
	-webkit-app-region: no-drag
}

.titleBarContainer {
	position: relative
}

.titleBarContainer .no-drag {
	-webkit-app-region: no-drag;
	z-index: 3
}

.title-area .title-bar-actions {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin-inline-end: 2px;
	max-height: 24px;
	-webkit-app-region: no-drag;
	pointer-events: auto
}

.singleWindowFocusBar {
	width: 100%;
	height: 24px;
	background: linear-gradient(to right, #007896, #1f3d96);
	-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
	mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 0;
	opacity: 0;
	transition: opacity .18s ease-in-out;
	pointer-events: none;
	user-select: none
}

.focused .singleWindowFocusBar {
	opacity: 1;
	z-index: 15
}

.title-area-highlight {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 24px;
	background: linear-gradient(to right, #007896, #1f3d96);
	-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
	mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
	opacity: 0;
	transition: opacity .18s ease-in-out;
	pointer-events: none;
	user-select: none
}

.focused:not(.singlewindow) .title-area-highlight {
	opacity: 1
}

.title-area-icon {
	width: 24px;
	height: 18px;
	margin: auto 0px auto 0px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-app-region: no-drag
}

.title-area-icon .title-area-icon-inner {
	width: 100%;
	height: 100%
}

.title-area-children {
	text-align: end;
	flex-grow: 1
}

.title-area-icon .SVGIcon_Minimize {
	width: 14px;
	height: 14px;
	margin-top: -2px;
	margin-inline-start: 4px
}

.title-area-icon .SVGIcon_Maximize {
	width: 14px;
	height: 14px;
	margin-top: -2px;
	margin-inline-start: 4px
}

.title-area-icon .SVGIcon_X_Line {
	width: 14px;
	height: 14px;
	margin-top: -2px;
	margin-inline-start: 4px
}

.title-area-icon .SVGIcon_X_Line line {
	stroke: rgb(120, 138, 146);
	stroke-width: 24px
}

.title-area-icon:hover .SVGIcon_Button rect,
.title-area-icon:hover .SVGIcon_Button line,
.title-area-icon:hover .SVGIcon_Button polyline {
	stroke: white;
	transition: stroke .15s ease-out
}

.ModalDialogPopup .maximizeRestoreButton {
	display: none
}

.window_resize_grip {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAR0lEQVRIx2P8z0AZYKJQPwMLyTqQncxIBReMGsDAwDjg6WAYGIAvKaMlWuyiA++FYWDAaFKmWlImKtFiFx14LwwDAwY+KQMAmkcKPwxTSEoAAAAASUVORK5CYII=);
	background-size: 16px 16px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	opacity: .3;
	position: fixed;
	inset-inline-end: 0px;
	bottom: 0px;

	&:dir(rtl) {
		scale: -1 1
	}

	z-index:1000
}

.DialogBodyNotificationBar {
	font-size: 12px;
	letter-spacing: 0px;
	color: rgb(82, 184, 224);
	line-height: 18px;
	height: 18px;
	display: flex;
	margin-top: -2px
}

.DialogBodyNotificationBar svg {
	height: 13px;
	width: 13px;
	margin-inline-start: 0px;
	margin-inline-end: 2px;
	margin-top: 2px
}

.DialogBodyNotificationBar .SVGIcon_Lock .topLock {
	fill: rgb(82, 184, 224)
}

.DialogBodyNotificationBar .SVGIcon_Lock .baseLock {
	stroke: rgb(82, 184, 224)
}

.GenericFormDialog {
	width: 600px
}

.GenericConfirmDialog .friend {
	margin-top: 10px
}

.GenericConfirmDialog .DialogButton,
.GenericFormDialog .DialogButton {
	min-width: 120px
}

.displayColumn {
	display: flex;
	flex-direction: column
}

.displayRow {
	display: flex;
	flex-direction: row
}

.fullheight {
	height: 100%;
	top: 0px;
	bottom: 0px
}

.fullWidth {
	width: 100%
}

.alignItemsCenter {
	align-items: center
}

.alignSelfCenter {
	align-self: center
}

.tempText {
	font-size: 10px;
	color: #f50;
	width: 400px;
	align-self: center
}

.allCaps {
	text-transform: uppercase
}

.flexShrinkNone {
	flex-shrink: 0
}

.throbber {
	width: 60px;
	height: 90px;
	display: inline-block
}

.throbber_small {
	width: 36px;
	height: 36px
}

.throbber_medium {
	width: 60px;
	height: 60px
}

.throbber_large {
	width: 92px;
	height: 92px
}

.throbber_xlarge {
	width: 120px;
	height: 120px
}

.throbber_fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.throbber_absolute {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.throbber>div {
	float: inline-start;
	width: 25%;
	height: 100%;
	background-color: #67c1f5;
	animation: loading_throbber_bar 1s ease-in-out infinite
}

.throbber>div:nth-child(1) {
	transform: scaleX(1) scaleY(0.6)
}

.throbber>div:nth-child(2) {
	margin-inline-start: 12%;
	transform: scaleX(1) scaleY(0.6);
	animation-delay: .16s
}

.throbber>div:nth-child(3) {
	margin-inline-start: 12%;
	transform: scaleX(1) scaleY(0.6);
	animation-delay: .32s
}

.WaitingForInterFaceReadyContainer {
	width: 100%;
	height: 100%;
	background-color: rgb(31, 33, 38);
	display: flex
}

.WaitingForInterFaceReadyThrobber {
	margin: auto;
	align-self: center;
	width: fit-content
}

.Throbber_Blur {
	position: absolute;
	filter: blur(12px);
	transform: scale(1.25)
}

@keyframes loading_throbber_bar {
	0% {
		transform: scaleX(1) scaleY(0.6)
	}

	30% {
		transform: scaleX(1) scaleY(1)
	}

	55% {
		transform: scaleX(1) scaleY(0.6)
	}

	100% {
		transform: scaleX(1) scaleY(0.6)
	}
}

.innerwidth {
	border: 3px dashed #f80;
	flex: 1;
	color: white
}

.form {
	border: 1px dotted cyan;
	height: 100%;
	display: flex;
	flex-direction: column
}

.A {
	background-color: rgba(255, 0, 0, .4);
	height: 40px
}

.B {
	background-color: rgba(0, 255, 0, .4);
	display: flex;
	flex-direction: column
}

.ScrollList {
	border: 2px solid pink;
	background-color: rgba(0, 0, 0, .6666666667);
	margin: 16px 32px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 200px;
	min-height: 40px
}

.FixedHeight {
	border: 2px outset red;
	height: 60px;
	margin: 4px 32px;
	background-color: rgba(0, 0, 0, .6666666667);
	margin-bottom: 16px
}

.VariableHeight {
	border: 2px inset blue;
	height: 60px;
	margin: 4px 32px;
	background-color: rgba(0, 0, 0, .6666666667)
}

.C {
	background-color: rgba(0, 0, 255, .4);
	height: 40px
}

.largeThrobber {
	width: 64px;
	height: 64px;
	margin-bottom: 18px
}

.mediumThrobber {
	width: 32px;
	height: 32px;
	margin-bottom: 24px
}

.smallThrobber {
	width: 16px;
	height: 24px
}

.whiteText {
	color: white
}

.textLink {
	color: white;
	text-decoration: underline
}

.DesktopUI .title-area-icon,
.friendsui-container .title-area-icon {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0
}

.DesktopUI .title-area-icon-inner,
.friendsui-container .title-area-icon-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: stroke .15s ease-out
}

.DesktopUI .title-bar-actions,
.friendsui-container .title-bar-actions {
	max-height: 32px;
	inset-inline-end: 0;
	cursor: default
}

.DesktopUI .title-area-icon .SVGIcon_Minimize,
.DesktopUI .title-area-icon .SVGIcon_Maximize,
.DesktopUI .title-area-icon .SVGIcon_X_Line,
.DesktopUI .title-area-icon .SVGIcon_Restore,
.friendsui-container .title-area-icon .SVGIcon_Minimize,
.friendsui-container .title-area-icon .SVGIcon_Maximize,
.friendsui-container .title-area-icon .SVGIcon_X_Line,
.friendsui-container .title-area-icon .SVGIcon_Restore {
	margin: 0px;
	width: 16px;
	height: 16px
}

.DesktopUI .title-area-icon:hover,
.friendsui-container .title-area-icon:hover {
	background: #3d4450;
	transition: background .15s ease-out
}

.DesktopUI .title-area-icon.closeButton:hover,
.friendsui-container .title-area-icon.closeButton:hover {
	background: #e22a27;
	transition: background .15s ease-out
}

.DesktopUI .title-area-icon.minimizeButton svg,
.friendsui-container .title-area-icon.minimizeButton svg {
	transform: translateY(-4px)
}

.OSX .title-area-icon {
	width: 20px;
	height: 20px
}

.OSX .title-bar-actions .title-area-icon-inner {
	width: 16px;
	height: 16px;
	background-size: contain
}

.OSX .title-bar-actions .minimizeButton {
	order: 2
}

.OSX .title-bar-actions .maximizeButton,
.OSX .title-bar-actions .restoreButton {
	order: 1
}

.OSX .title-bar-actions .closeButton {
	order: 3
}

.OSX .title-bar-actions .minimizeButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADGUlEQVRYCe2WXW7TQBDHZ+MEQYvaEEIpRVAKbwjEARAXQDwgbsBHRE8AVDyjAicoSoEbIB4QF0AcAIF4g1IQpZQQ0oqWj8Q28x970u2unZYH6EM7knfXszO/+Xvj7Jpo27b6Cpi/WYC3U3QqKBbPcs7pODbHDMVV5MdkGsbEb3j4POx0nh4dpxfwb8Q2JOD9NJ2I49J1LnV+b3Xf7v6+fqJSiSgIkhphSNRu0/LKMn1tfPlOZB4b075z+Aq9Wk/EugLe1YPLDLw1cuDg/tLgIFGhgEfONtCiiNqLizT36eNnDrx5pBbezw5OvD0FzNaLN8rlPZMDlQrRzl2rhXsJABfUnz9oqdmkVuvbxGitczsp57e5AmbqwcVKufJgYGiIl5qXG4bCcVrdFaEkwwMdh21aWligZqt5aawWPhSG0/B6+jY7RccLZO7Kk7vFRYSfk4hjPwSqOM4FAywwM7J4LsuC0sTw8EhVlh3zUtQC4z5yLi3qxvJPJyxmAuWaJ+DDPTrJFS/sKJfTwpxiP5UUgC/nQgVbBI+FxcyEjYBV8wREQfEc/9X65G1HXF7x7hyqsdmCuvfpHP9zwARbYq3GE8Dvzxn5nytQg/Veem70ZZRi6b0d4+SBCba6tfcERLEZk01GIwCFKTy5y2/tOM1FNG9cwnYyPQGyveoO5wTLrf3k7nyvOWbq1m2neQLsyf8x9gTgYCHs7XmGjSbPes0xU9hOriegYOIZHCxd03roddydzBjYcXY8M4XtpHgC+L15hlNNitkABUvPjf20sv3Cl4pEr5b6wARb3dp7Agph5wkfqSs41cQEnoa7BbQwpr05+FIlzAIT7JTU7TwBh67SS8589LvVsqAMSllrCtlFdQy0jLlJfcJiZsLu1paBJ0C8YXtyfn6ugSNVzAbCgXtk2hd8MDeWGcJiZhKwts0UMDpOryOKr+E8Jz5SxWywFrNZMs8O+yfDccwMsMC0w3WcKQCTOL/xMYHznH7xSmiBAg9QBL19qU/jOAe5YOR9C6AOwnvapn6SqbJN/ShVEej/xWe5zd8eb80V+ANWT1ySLtqWLQAAAABJRU5ErkJggg==)
}

.OSX .title-bar-actions .maximizeButton .title-area-icon-inner,
.OSX .title-bar-actions .restoreButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADZUlEQVRYCe1WTU9TQRS90/JogNZSKLTCyrgzGpcuDDtX2hjDguDS+AdcqcS1MboUt65tCCEuiH8A3Ws07oyRoFJ90JIApal9z3vuvFen06nVxI8F3DCdmTtzzzlz5zEzREd22DOgfisB5cmzpNRFjjlPgTrJdT6K9ykRvuP2CwrDZzT/5VXk71v9moBy4TQpukUhXRnPT6RHhkfI8zxKJpNC0Gq1qNls0t7+Hm35X3d57lOee5/mK2/6Kegv4EnhOoPcLU5NF0azWUokEsTg2uI6RuE6CAKq7ezQ5qePFZ50h65WHkeznZVegnOIneXC7Wwu93Bqajp9LJPhhTEDk4YhfowgtLlgXClFQ0NDlM5k0uy63CglG7S899yY3dHsLaBcvJYdzS1OTkxSajDlJu6A0iLgghBsEYS0guBCozSwTsu7L+3p6HM+HbZUPMUrejCWGyNvwOsmj1YsWTDbgOJ+nCHEAgNYBEyHuQWE4ULheDGPFZiAEi+E/BNYxdwWQwQwgMWqFhz8jgwsFc5QqGZzo7ne5EKAlf4oOhtwRDQypvsaS80SsC3rzkBIpfF8frj9tRuAmlGTWjgy5BIBH7CAye2SHecQoGbwf45A2UtEQESUYlS9TMaMuZgXfw8aU83YsQO2g8lO4AvuMhFkeG0l/O8Hg1tautsOEEzGbjuiRncG+HiVE+4nK7VB+vYZKzo146O7HeIS0B78Fw2XAB9nu87jH5LA2yGYRL6N2C1A0XtcLF3GINE26yF0zBIFyBwesk0wGdv2OwSEa7jVkAGc62KohExXNkjcb5NHc+EXDI7XmOFaPDeuHQJodcv393GryTZEGnSbO/iLfTGKEOEnasTj0tc3JDB5fNUIkWa3gLnKa1LhSrVWjcgYpQNQ92WRaEbFRR6vXmOFKwRsy7oFYIJS9yqfN/16vd5bRIKZzWKkHWJicmAAC5gWt3TdAuY23zLIze3qNjW/8QdpAEoU9/WKrRqDxlzEAgNYBEyH9X4P8P2NxwTuc5xi3qAnq+r8MDVhLEZxRlBwxdUP6uRv+bRTqy7w0+yRg1tcvQVgmF8yjUvJjVq1ei7peelUKiUEECGFmaUGMbaAiYMwoGqtRhvrHyqNg4Mb/CRb7EUOP5LZ3/7ro9SU9xee5Sb8UftwZuA7dH9yjtYGuqwAAAAASUVORK5CYII=)
}

.OSX .title-bar-actions .closeButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADPElEQVRYCe2Wz04UQRDGq2fZGFDisiyKRDDGmxEJFwkab56MB+MbqBefQCWeDerFi1f1DYwH4wsYJXgBxHgzRlAEWZY1KGiWnba+mq7ZmWlXMP7hIB26u7qr+lff9i7dTbRd/vcdML+yAe+ODQ7Uc/Z0QHQiJHPIWCphvTVUDsi+Dome5urm8f7nE1Ob5W5KwMzxo0dMGFzhRGdLpdKu1radRPk8US4X5anXiWo1Wlv9QuVy+TMLe2iD8GbfsxcvNxKyoYDZ4cGLobXXe3p69rYUdhMF/PltEyxoYUjr1U80Nze3EBhzrXds4m6TaJn+qYC3Q4NXO4qF0fZiB1FrayOxbaLAOBy6tTVaqSzTcqU6cmB84kYzEU0FzAwNnC8Ui/fa93QRtfB2o6QSZ0UkUCpkvUYrHxepWqlc6Bufuh9B0i3vp1/4kx8mE9yST+4l58QQgvypqgPMw+bCa4XBLGFGs6n2hwICY0e693WXZNsRrkBkdOxM9ggqPhega/irAwvMVGY38ATMDvf3WzLn8h0Fl0Mzcq+mCsFYqzolxgW6nQILTLCzIjwBIeXOlLo62+TXHkcz0DHFiO04wPk1MeYTQfyfAybYiRViegICSyfl/xzrdRtjFhuxnUUhHnMuQOPcLoAJdnZVS3YiNOagHDKxIybFbHGpOI3TXz7C+STihqv2bPLBJWw2k8XbATle9YRLRv6uzUw9upMoT0DS+S9sTwAuFsLZ/qcLM4Wd4XoCAmvf4GJpFD3huFcTTnznyaoLJEYDtWcnM4Wtca73BISGnuBWk2T6w4o5bMR2hoSh+FyAxolIvhqYCXZ2lScgoPqj8uLSKm61RmGaAmHEdiPCT54IYhaYYCdWiOkJ6B2bnjZkH9SWq1Ei3YVUYicCObSqKskrDfu45z+wwAR7QwEICK0Znf8wX8aVKqWZiDi7JkS02q5nBlhgRrB06+0A3Hx/vyIbXsZ9TnylSkmJYDj4qaoDzMPmgusYDGYJM5pNte5NlZqTwe33C5OXOju+BWF4akeeD0w8wZBR4ensEQA+qTz8yg+S8pJ7kEzeiQL81kn1HTqzpU8yFbGlj1IVgf5vPMuT/G37/9yB76xDW61IwmPKAAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions:hover .minimizeButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADUUlEQVRYCe2W604TURDH53Rbo0Cg1opYo4iXL0bjAxhfwBBDfAMvRJ5AJX42qE8AwcsbGBOML2B8AKPxGyIaKSLWQgQv7Xad/5yd9rBnC2hi+ACT7LnNzG9mZ3fPWaId2e4VMH9TgHfjdDbIZi+wz7koMscNRUX4R2QWjYmmefgyrNefHxuhV1jfjGwqgQ8P6HQU5W5yqKF9xf1dnR2dRLkcURDYGGFIVKvRyuoKfV388p3IPDWmdu/INXqzURIbJvB+MrjKwDulg4cO5Hp6iDIZ3HK6gNZoUG1piebKnz6z4e2jw+HDdGO7um4Cs5PZW/n83rHuQoFo955W4PUSABfUnz9ouVKhavXbaP9w/a4N57dtE5iZDC4X8oVH3b29XGouNwSBozh6MgklGR7oOKzR8sICVaqVKwPD4WNhJBqupy+z43QqQ+a+3HkyuCTh+9jkeB0JanLsCwZYYKZ4sS5NgtxoX1+pKGWHXoI6YMwbiUuDJm350QmLmUAlxUvg4wSd4YiXduXzcWB2ce9KAmCtzYUIbhI8FhYzLRsGLfESaATZQf7UOuRth1274E0dorG4CTXnsY6/HDDBFlun8RLg9+e8fOcKVGOdS8+NvowSLJ67Ngk/MMHWZe29BBqRGZBNRi0AhSjcztq3rp36wpo3LmEnPLOJOWfJ26vucKycmpqmcpk3N7x0LjzpqHN8grj41kqlLhq8eMJqmKlbt5qi9yrgKjEOQ0T+NwlDtwTpDK8COFg4KlfBqoaGTlpPrQBm7vN3udiEIHEF7CRu+bwQ9prFlApkTDSDg6UpMVOgOm4qUwawUTvtYcZMYSdcvEfARXuBU80LqGDpudG7BVC2X6xhHF9Yh8RzMMG2i63WSyAT1p/xkbqKU03E3dsVjh6igWWMeXw157Ehs8AEGypXvAQOX6fXTHryu1ptAdsloQHdHnSZcxOvC4uZlu2GT3kHRB3Wxubn5xZxpIq4QCxgjtTdC2uQpC0zhMVMa7C29SoAdf8IvW1QdAPnOfGRKuKCNZjVOHoeutXCccwMsMB0zXWcmgCUOL/xM4HznH5xJSQBVmR4gCDo3UvX1I594AtGu38BxIH5urKlv2Sa2Zb+lGoS6P/Hb7nL3xlvzwr8ATOEbGowob/yAAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions:hover .maximizeButton .title-area-icon-inner,
.OSX .title-bar-actions:hover .restoreButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADwUlEQVRYCe1WTWgTQRR+kzTG1rRpNDaxPWjRg4giguBBBA+etIr0IHoUwbMntXiWqkd7EzxbpBTB4llQr/6giBcRiz9NTU0q/THE7Pi+NzObzWZqVRAP+sjum3k/3/fm7WZ2iP7Lv94B9UsNGO/bTUod5pz9FKitrPM2v0wJ/ZrHj0jre3Ry9pm1r6p+roDxwk5SdIE0Hd+Q35hZ17WOUqkUJZNJIWg0GlSv12lxaZHmyp8WOPYOx16lk6UXq1WwegG3CmcY5HKxf6DQm81SIpEgBjfitENhHQQBVefnaebD+xIHXaJTpZs22qvMErwuNo4XLmZzuev9/QOZnu5uXhgzMKnWuEWSMOYLfqUUdXZ2Uqa7O8OmY7WhZI0mFh9GoluGKxcwXjyd7c2N9W3so/SatJd4euoJfXk9S9ltRQNqi0IheEQopBEEh2pDHdM0sfC0hdlOuJ8euV3cwSu6tj63nlIdqXZyu+LF9xVamJ4z3bDk0Q4hFxjAImB6xF+A1iOFTcU8VhAFlHwh51uAiy1y8Tj6WGSKG0kXgMX+EQ8/tRdwu7CLtBrO9eZWJrd8IDAFGr1SEQZLDROwY9JegKahDfl8V/i2gwQiZGDmn7MZj3GLH3EmxhgxJ/nnAJPHQ2KP3DwFqAP4nxsiyyTgBthH7vDEF4mF3f1jDKY64GKd9hRAg3iD2wT8AHfiVuoIrT0swsVZLZiaBmNm6ogbeJ6XHc6Svb37mJY+VM3L1lJAM/PVjfvYBJqCMS+tayBHm4/ukW7aXdNt3WFsewdClxnoBl7z35OfyfV1oMx7e74jyS5e8Zbje0Xjbxd/BLJyrm372YPcgWYLZJjguTOxxveCpYxbVNo7oOgNPixtAjwHCCcmmMvVdEhMcxrCCCZjhwY78BSgH+CrBmDs6yJQltCZbH6LCsltLJyCwfkGUz9oSeCJpwCamiuXl/BVC1coSIImNl8RPnKXDyxg8nxq9QJOlJ6T0pOVasWSoRU2Ld4JmbPbatcliWabW73B0pME7Ji0dwABSo2WPs6Ul5eXhdwBSa4rAi8ZsuUSNol1MS4HGMACpvhiN38BJ2Ze8qrPf658pvo3fiEjq3EEsK3NZ6izr8cQ89z5HDlygQEsAqZHXJrHxSYcSHpzo/ikui9jyxYdy3LEKA4rB/l8tTLCR7MrsdBwuvKBBCF8kqkdSb6rVir7kqlUJp1Ok+LWg0guZhJtbXgcgQ6oUq3Su+m3pdrXr+f4SDYWsnkGP+6AS/irh1JXBPQfOJZH4f+P/80OfAd9i5jKfa/HvgAAAABJRU5ErkJggg==)
}

.OSX .title-bar-actions:hover .closeButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAEEUlEQVRYCe1WS29NURT+9rmttreutrfHq9GKGJHSdEIQESWhYiD+ASZmBhKP0FmFMmBgwADxB8TAo571FgbqFTNpKJXq7UPKfah7trX22fuce85xvBIxYOXec9bZe69vfWvtvdfewH/51zMgfiUBbxa1thQTcp0FLHMg5goJm+2lQMaCfOkAdxNFcWHWw94nP4v7UwReL13YLBxrJznaYNv25KpkNVBeDiQSrp9iEZiYQC77CZlM5iMROystp6vp3tPnPyLyQwL9S1q3OFLua2homF5WWwNYFL+MgWU0x8GXsQ8YGBgYtITY03i/90TMaNX8XQKvFrfuqkvX7k+l64CqKt+xjGEgNBy/cjmMj4xidGRs9+wHvQfiSMQSeL24ZVNtOn0yNW0qUEbpZgk4DpMogTJEvkxg/P0QxkZGNjc9eHLKBQk+KZ9RocjnQ1gHVeQR5+SYibD/wN98cDvrJGSrMAhLYbqtgec3CVhC7p4xc4at0s7DCfB0zx0cOHcZ2VxBAxiH5k1Zzxdw6PwVHL960ydBU8dYjBnwrD8iBPqXLFggITaW19XqCN1o3n7K4t77DDovXkM2n9d9TM795wp5dF3qwe3BIbyjsUp0phiLMRnb7fCfEQIOEuvtqfVJtdq9cRLbVi1HM+2C57TCOy9eJxImExR5oYCu7ht4NDyKeTVTsH31CrJ0iSsI2jmMydgepFYiBCyJ5Wqfq8g0CL2qKyuxp32lT6LbJaGcXyLntOLn1aSwd+1KpJKhHUP2jMnYYQJl4QZHiDmqyHgdmgRFVF1BJMjBvu4eNxNEYhJF5zlf04YUb1cVPe8KttW7gwqXwvZwXSWSAVVeTYULDeZPlQkiYaYj4JwjjxPCNKW7dEiEQGlnnE4VTkVu+hPCQoIr5G9IxIoPFnBtj5HwnJtMdOo1EWMGxlTYoQERApaUfXyw+GIqnEDuM632kgXXsbaNFl2bNx2KBO0Ib97N/DMYYSpsH1hpEQKOwG0+1ZStKanEIRw5O59MCy5ZWREkYbaox5sUtidMxg75R4SAheK5zNBwlk81XwSO9dz19nlHu+vc9CsS1Gam48i1W9RlGJBKWIzJ2MbGvCMEGu8/eyYgz0yMjgWyMJ1W+CI7Ddd5UvdpP+QrSXVib/sqLJ1mo6Ga+lk4g/RjLMZkbLfDf5bQ9Bv54CDbm41z59io1FvLHDC8t01p8E1cTaFpSDN9+Rz6X/ZlyHwFHcsvwiaRDPAANVA6O/g8Bx2pSgwgh6QjU1lmf+pvFP5mnYSPY8YgrG855yH6TsVqUA6/HXy8tb6uYDnO6opyKph8BTPO1VDj0Ly5m3RDjiIfzwzrC8njo0F0/0tT9RvC2l+9khkyf/VSakjw+09cy0vx/+v/Zga+AqZA4iPo8SRTAAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions .minimizeButton:active .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADg0lEQVRYCe1WS2sUQRCuntlN1slkTLILQjyJN1G8RDxIbp4kWYKHkBzFP+AjPoJnEWVVMF49uwQRIeIf8HFWFG8iiBhCNiHZZGN2k5m2qqdrMjsznawH8ZAUzHR3Pb76uqYfA3Ag+70C4m8KUL0Gp4VlXQAQ5ySI4wCyFMaLmgD5DcfvZRC8mXgEnzrF7YhAdQpOCrBvIeiYd7jPLRQKAHYOHyvM4wcA/jZsbm5CfXVlHZWvJPj3JyrwZS8iexJ4PmVfFgLuFgdKR3I9PQAWJpUGWEILAthuNGBpubYgJdyZrPjPDN5Kbe9mrN6wbnuu96S/VHItx0FXzddEgMCQrdXdDa7juJaEcvlMq/nig3xnymMkUJ2yL/W63ozT3weQ6wrjKTFOyyjKpEniJ8oXusDy5fny0NYPJPExK05/xHbT7HU4gZoHjteLJcdvTbJX8tArJMgcMVZhIJbGZK+ozSQghT1dHCiWoKs7dEwmpzGuu7aHk1IEVYnHiEFYhEmmpKQIzF6FU/ipL+ZcV88aQ+JlJ+DdHs7AJNBXYSGmwma7blMEpG2NeF6fo1Y7OZmSKwBmQn6xR9loTEoU3DmESdihYuedJgBiWO1zBmRfHitMHiSMrFY+2qZ1hImH1zBHcJsigPvomDpk2INbBuexqTX50cFF2AnRSzyuxeOVTzhUz839gvn53+GCi88sHpLs007EqQ0OHoKR0aOhVWHy0b0TkFGBHSP1fL/TrO1xncZmVEDUwA9KYIVn1NiYngFtu4hL1Elk1YeQrkCbke4LQOyEZFRAfqeLJSUEqvFTtrjC5KcwETshKQJ4rb6lW00liydkYKXjAaPpMauVj7ZpHWESNkdwmybgB6/r9ZUNutWU4OUSSSoBK9CDuzF3upiUIBZhCsSOsHQnRWD8MXzGb/1yex2v9Qg0hhrpECGrzxkoubYrLMRU2Gw3ESC9kP69peWlGrSaoZsCopcW6hL1+BMzq5nzGDEIizA5PN6mKkDG8YfwFZubG/U13P96QRIgl5ScTMIzJzvGKgzE0pipKOP/AN3f9DNB93k+j245vWMVCWSjEiVai8aYg56tJmys1mGtUZ+eqARPU5m1wkiA7PQnMzq09bOxvna2YOdcK5/HshM6CidKthJ/yXD9LC4uLDRbrSuTlWAmDMh+a7RsI2v/608pk6D2X/yWx/EP+vuzAn8AElJMQaTD/GUAAAAASUVORK5CYII=)
}

.OSX .title-bar-actions .maximizeButton:active .title-area-icon-inner,
.OSX .title-bar-actions .restoreButton:active .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAD20lEQVRYCe1WS09TQRQ+01tuS2mhhRqMCxN8JRKJ7pQoO1cGDfEfGBPdulLRwEJUoktxZeIfcGFMJEaXiK7VaNwoIUGjKRZKH/RdxnNm5t7OfbTUhRvlhHLPnTnn+745M3dmAHbsf68A+6MCTMWPAmNnMOckANsPwJMyn6XRX0L/LXD+AmY2PnSK25mAG4kj0AXXgLOJ3r6+aDgUhmAwCIFAQPBsbW1BvV6HcqUMuWy2AIw/gxrcg7uZT9sJ2V7AdN9F4Mad/uTAYLQnigXQUriC15s4h8JmAdbTaylgjZtwK/u4nQijXSdMJa73xHofJJMD0Uh3RJITKZKARU4Aoo0cJmJCZggike4oB3audiJQgdflN9TrZ60FTMcvIPlcIh6Hri5TkTiJU/NfobiUgZ4D/RLbFsXAwCkKhUxocH66NspWYKH83k+AnER3z2T/MI7mfm8sBoYR9CWnlPKPPJS+5ZzZohpSKOUSBmGBwHSG0pu/AJNPJvoHkiaWUpbXOXLRtoXZ+s8ePbZrIgiDsAAxidBtXgFTiRFc7edjUVKO1mK+qdmae90XOSJP5eJDYCEmrqkRu185XgEMxvFTi4jVbpFYWepdEFpt6tlaBE4AfjmEiWt03JXmOwVj9J0L05nakFug/iIoEUBhjlmx1tNbAWBDtMl4DHF0PbL+VpQkoTdbhNWlnhKTDbmawY8pKXY4hZl6/gXKPwtywTV5HDgrj1xfGG1MOLTwnigMnj0otMpd09q6m+k+FWh2kscbLVidYb5vneT6VIClcW9PGgbuUci9e+KQBMdPzj0F1sj3XjqGMc39WOzW+tCwi84LjMFDy2l6mOrhy3SweAxB9GNAJ9R9EdPUYsNITL5sNyjHRwAs0qkmTGckUI8IhaIeNrkuQGEozEVnht9OyGEej9Qip3orUjupjQh/cszEHMIiTJzSeRtLOd4KzGQ+4nn+NF/IyxBCJmLLdBE+vhUmxctEgYWYQNgu8wqggCqbzayvpavViqoCAkksmU4+Zeo/d78SThiERZgy2fnfX8Ds+mcs3NVcPg+NBi5IAndXApvMgW4wd0WciFos5RIGYYHAdIbSW+v7AJ7fdJmg8zwYNMT5LkWooeIjNpyE2GG8FgpSRAugQz/8o5FncznYzOcn8Y740EstW1oLoH68ydRG4Xshv3ncCBpREy8m4pAS1VCs5AtSSUwLjq5kv1KrqVqtdAXJ51qRU3t7ARSxUHkHp8IvS9Vibzab3ceBm+IYpj40Imw0GjjiqiBeXU0VSuXiE6jDZbi98UpGtf5Pw+jc/sK1vHPynch/tQK/ATDafV/o8Q61AAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions .closeButton:active .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAEGUlEQVRYCe1WTWxMURQ+9810xkzfdMqM+Nn5p34aP9GFiI2ViDQWZSsSiR1tUsTaggWJYWFhwapKxELsxU8oZfyVSJGIoFrVaac1f33Pd+57d+bNe/MoiVjozcx7991z7ne+e865516i6fa/e0D8jgO6li5oFsHANiHEJoNoEZmUlPMFDWlEb0zTvGOWJm/sfv3uyVRxp0Sga8WiVTB6iEi0xhsb9HB4BlEwSKTBLDcDdEolyudzlBkZzRKZ10Dm+O6Xb55bCv7PXxLoXrF4r6HRseSsxJyArsMoppg+gIxmmDSZzdLQ8NcBzaCjbS/7z/toy+HAz4TdKxcfro/FTs9MJHStPgpVm6/5EwZCkDYjTHokosNrO1ob9fzlweHbfnZ8CXQ1Ldmjx2KpaGOcqC5kzfc17IYH0UCQ6sIhEoa5dUc89v7K4HDarcXfdhCrRVh5E0ZORGNwOYBkm7JxaCtdzJUYwLIxLSzHsyYBzD+SSMxKUjhsqWLgUvo5nb73kL4XCvZ0DoPzT5QrFunsvV662ItNoEgAg7EY02G33PUQ6F6+cDVCvTPICSfxrXh/+p6j+98ydPL+I4uE0zb6uWKBUj2P6e63ERrI5S0DTAI/iQVMiV02bXU8BExN2x6Px6My2x3K+9avoSa9nvqy4zaJYlnKK0/1pCk9OkbLkKz7NzSXZbKDncOYjF0tqJEDSJ/Ncp/LFfLDatFQiA62rK2Q6GFPFKXbUw8qxtuhg0KhplmhAAxjMnZFYPXsDKsMG0IskEWmMmT3TIpiNxzcuJZOwdXSEyARwurSqD288nbI9BAbZ+L2llU4KFwSW33bb08IMDdZrnAuZf6UnoAhFY4q486Vu+dy1VSl2yHzEnAI/boaig2vXLUAvgPij6Bq1AEcLLK2K3TXWyacjLnlduWJk3ZOuNQrn3xeMLareWhrpvmODxZvE5QrIdsdCdexcR3ivq4cDkkCO8ITfwYDpsR2AXsIIH1u8akmcwiuVc291dh4PUptJFRXTULVCTWRMfBjTMZWw+rtISAM43omk5ngU83ZLjx+Vt7nHS2WcSWXJDCmwnGu96kSWW9gMSZjVwtq1IG2V2+fgerVEo5UpxdmI8PXxxvIMo6txs5x/COoE+0g0TIzTvNwGspmr15iAVNiuxgwhKfxwWGY4uac+XOTJPc1VFRt92j7DKjwFfI08PHzkCbMLW0v+vvc2p4QsIKt2DkxBi9M2gmpAN0Itb6VLuZKDKLOWsZ5qu99gM9vvkzweV4XhBpfwdjnCtzPMMvZr1j5BM6G8ezYkV19/WdqqfOYLwEW8k2mtUH/kB3PtkS0gK4hztYhZRORxpx9TEKoJuG5wcEvA6Vc4UBbX3+Ksfwac/1l+6eXUie7v3Etd+JP9/9PD/wAtSvCj0qYdGAAAAAASUVORK5CYII=)
}

.friendsui-container .TitleBar.OSX:not(.WindowFocus) .title-bar-actions:not(:hover) .windowControlButton .title-area-icon-inner,
.DesktopUI .TitleBar.OSX:not(.WindowFocus) .title-bar-actions:not(:hover) .windowControlButton .title-area-icon-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAACtElEQVRYCe2Wy4oTQRSGK/cLWQZcD+5EcZGEBMQXkFnIvIH6DmpwLaPzDuobDC7EFxAhIclCFHcy64EsQy6Tm/8f+w+nu6sncaGzmCnonFPn1PnO31WQauduxnXfgdTfbEC3272fyWQepVKpB6i7jaca1A9hf63X66/L5fJzs9n8FsR3mr0E9Hq9u+l0+gUaPy6VSpVsNusgxGG+aYDGDo3dYrFwk8lkhPnH1Wr1ttFo/NilYKcANH+GZq8rlcqtfD4famrhVszFxYUbjUbnEPUKIt7ZdVH/UgH9fv9luVw+LhQKjm/NN91nUAx3YzabufF43K7X62+S6hIFDAaDJ8Vi8T0EOGy/t7kE6e1tE8ZwDBTgptPp01qt9sHm5aflWNvpdO5gfgIBseZsqkc1mksQ4/QpnAyMk4BJPzS8AnK5XBtnXo1uuxrYhtYnWWvkk0EWmaHOwSQmAOd+D7kjnnsUJqgPZHPROrIwjgJ2qDwmANlDnHvZnquAsiTQt4+oWiPLOFlkwj3UOtmYAJzbQ25bdFig9bXOxqyvPJlkay4bE4DiA/7J+CAsSopflmNNwDxQY9mYACSqvu1XgbUE7ysoYOqve4vxCdgm/4fjEzC0b2V3IyqIuV151QRMXlqhERMA4BkvliRwUpzUpBzjAfMs1B2TmAD8fX7h/3h0WLj1tc7GrK88mWRrLhsTgMQn/H+PfcdgwfTtI6DWyDJOFplka51sTABuru9InvImsxD5sgJYq5wsc/TJwjgN2PS3IyaAmfl8foz7fMhti8KYZ8z3KEfLwTVkkEXmn2j41yug1Wr9xLLnuEY3V2pUhJoLpXl0Ha9jMsgKmCrZWq8AZnl/4/OqjWfzFhauajXWXJZxvjlryUj6FuD6xA8Swa70k8yIuLqPUomg/Ref5ZZ/41/PHfgNF2emIio7BFgAAAAASUVORK5CYII=)
}

.DesktopUI .OSX .title-area-icon:hover,
.friendsui-container .OSX .title-area-icon:hover {
	background: initial
}

.friendsui-container .OSX .title-bar-actions,
.DesktopUI .OSX .title-bar-actions.window-controls {
	margin-inline-start: 8px;
	order: 1;
	justify-content: flex-end
}

.friendsui-container .OSX .title-area-children,
.DesktopUI .OSX .title-area-children {
	order: 2
}

.friendsui-container .OSX .title-bar-actions.extra-actions,
.DesktopUI .OSX .title-bar-actions.extra-actions {
	order: 3;
	margin-inline-end: 8px
}

.DesktopUI .PopupFullWindow .OSX .title-bar-actions {
	padding: 0;
	margin-inline-start: 8px
}

.friendsui-container .title-area .title-bar-actions,
.DesktopUI .title-area .title-bar-actions {
	margin-inline-end: 0px
}

#dota_react_root .ModalPosition_TopBar {
	height: 3px;
	background: #ff6046
}

#dota_react_root .ModalPosition_Dismiss {
	inset-inline-end: 20px;
	top: 20px
}

#dota_react_root .ModalPosition_Dismiss .closeButton {
	width: unset;
	height: unset;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 3px;
	display: flex;
	background-color: rgba(168, 183, 196, 0.15);
	backdrop-filter: blur(16px);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition-property: background-color, box-shadow, transform;
	transition-duration: .2s;
	transition-timing-function: ease
}

#dota_react_root .ModalPosition_Dismiss .closeButton:hover {
	background-color: rgba(168, 183, 196, 0.4);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, .3098039216);
	transform: translateY(-2px)
}

#dota_react_root .ModalPosition_Dismiss .closeButton .SVGIcon_Button {
	width: 24px;
	height: 24px
}

#dota_react_root .ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line {
	stroke: rgb(169 178 182);
	stroke-width: 32px;
	transition-property: stroke;
	transition-duration: .2s;
	transition-timing-function: ease
}

#dota_react_root .ModalPosition_Dismiss .closeButton:hover .SVGIcon_X_Line line {
	stroke: rgb(255, 255, 255)
}

#dota_react_root .DialogContent,
#dota_react_root .DialogContentTransition {
	background: linear-gradient(to bottom, #2c3237, #05060a);
	box-shadow: inset 0px 0px 0px 1px hsla(0, 0%, 100%, .0588235294)
}

#dota_react_root .DialogContent_InnerWidth::-webkit-scrollbar {
	width: 8px
}

#dota_react_root .DialogContent_InnerWidth::-webkit-scrollbar-thumb {
	background-color: rgba(180, 192, 201, 0.4)
}

#dota_react_root .DialogContent_InnerWidth::-webkit-scrollbar-thumb:hover {
	background-color: rgba(180, 192, 201, 0.8)
}

/*
 Font: 		Motiva Sans
 URL: 		http://www.youworkforthem.com/product.php?sku=T2982
 Foundry: 	Niramekko
 Foundry: 	http://www.youworkforthem.com/designer/293/niramekko
 Copyright:	Copyright  2011 by Rodrigo Saiani. All rights reserved.
 Version: 	1.0
 Created:	August 09, 2012
 License: 	http://www.youworkforthem.com/font-license
 License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			 WebFont license rules. All other parties are strictly restricted
			 from using the WebFonts(s) listed without a purchased license.
			 All details above must always remain unaltered and visible in your CSS.
 */

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-Regular.ttf?v=4.015') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-Light.ttf?v=4.015') format('truetype');
	font-weight: 300;
	/* Light */
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-Thin.ttf?v=4.015') format('truetype');
	font-weight: 200;
	/* Ultra-Light / Thin */
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-Medium.ttf?v=4.015') format('truetype');
	font-weight: 500;
	/* Medium */
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-Bold.ttf?v=4.015') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-RegularItalic.ttf?v=4.015') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-LightItalic.ttf?v=4.015') format('truetype');
	font-weight: 300;
	/* Light */
	font-style: italic;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-BoldItalic.ttf?v=4.015') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Motiva Sans';
	src: url('https://store.akamai.steamstatic.com/public/shared/fonts/MotivaSans-Black.ttf?v=4.015') format('truetype');
	font-weight: 900;
	/* Black */
	font-style: normal;
}

:root {
	/* System greys */
	--gpSystemLightestGrey: #DCDEDF;
	--gpSystemLighterGrey: #B8BCBF;
	--gpSystemLightGrey: #8B929A;
	--gpSystemGrey: #67707B;
	--gpSystemDarkGrey: #3D4450;
	--gpSystemDarkerGrey: #23262E;
	--gpSystemDarkestGrey: #0E141B;

	/* Store blue greys */
	--gpStoreLightestGrey: #CCD8E3;
	--gpStoreLighterGrey: #A7BACC;
	--gpStoreLightGrey: #7C8EA3;
	--gpStoreGrey: #4e697d;
	--gpStoreDarkGrey: #2A475E;
	--gpStoreDarkerGrey: #1B2838;
	--gpStoreDarkestGrey: #000F18;

	/* Gradients */
	--gpGradient-StoreBackground: linear-gradient(180deg, var(--gpStoreDarkGrey) 0%, var(--gpStoreDarkerGrey) 80%);
	--gpGradient-LibraryBackground: radial-gradient(farthest-corner at 40px 40px, #3D4450 0%, #23262E 80%);

	/* Colours */
	--gpColor-Blue: #1A9FFF;
	--gpColor-BlueHi: #00BBFF;
	--gpColor-Green: #5ba32b;
	--gpColor-GreenHi: #59BF40;
	--gpColor-Orange: #E35E1C;
	--gpColor-Red: #D94126;
	--gpColor-RedHi: #EE563B;
	--gpColor-DustyBlue: #417a9b;
	--gpColor-LightBlue: #B3DFFF;
	--gpColor-Yellow: #FFC82C;
	--gpColor-ChalkyBlue: #66C0F4;

	/* Backgrounds */
	--gpBackground-LightSofter: #6998bb24;
	--gpBackground-LightSoft: #3b5a7280;
	--gpBackground-LightMedium: #678BA670;
	--gpBackground-LightHard: #93B8D480;
	--gpBackground-LightHarder: #aacce6a6;

	--gpBackground-DarkSofter: #0e141b33;
	--gpBackground-DarkSoft: #0e141b66;
	--gpBackground-DarkMedium: #0e141b99;
	--gpBackground-DarkHard: #0e141bcc;

	--gpBackground-Neutral-LightSofter: rgba(235, 246, 255, 0.10);
	--gpBackground-Neutral-LightSoft: rgba(235, 246, 255, 0.20);
	--gpBackground-Neutral-LightMedium: rgba(235, 246, 255, 0.30);
	--gpBackground-Neutral-LightHard: rgba(235, 246, 255, 0.40);
	--gpBackground-Neutral-LightHarder: rgba(235, 246, 255, 0.50);


	/* Corners */
	--gpCorner-Small: 1px;
	--gpCorner-Medium: 2px;
	--gpCorner-Large: 3px;

	/* Spacing */
	--gpSpace-Gutter: 24px;
	--gpSpace-Gap: 12px;

	/* Fixed widths */
	--gpNavWidth: 240px;
	--gpPaymentsNavWidth: 340px;
	--gpDselectWidth: 340px;
	--gpSidePanelWidth: 340px;
	--gpGiftingPanelWidth: 280px;
	--gpCommunityRightPanelWidth: 320px;
	--gpVerticalResponsivePadding-Small: calc((100vw - 854px) / 60);
	--gpVerticalResponsivePadding-Medium: calc((100vw - 854px) / 20);
	--gpVerticalResponsivePadding-Large: calc((100vw - 854px) / 12);

	/* Game capsule widths */
	--screen-width: 100vw;
	--gpWidth-6colcap: calc((var(--screen-width) - (5 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 6);
	--gpWidth-5colcap: calc((var(--screen-width) - (4 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 5);
	--gpWidth-4colcap: calc((var(--screen-width) - (3 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 4);
	--gpWidth-3colcap: calc((var(--screen-width) - (2 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 3);
	--gpWidth-2colcap: calc((var(--screen-width) - (1 * var(--gpSpace-Gap)) - (2 * var(--gpSpace-Gutter))) / 2);
	--gpWidth-1colcap: calc((var(--screen-width) - (2 * var(--gpSpace-Gutter))));

	/* Fixed heights */
	--gpStoreMenuHeight: 24px;

	/* Surfaces */
	--gpShadow-Small: 0px 2px 2px 0px #0000003D;
	--gpShadow-Medium: 0px 3px 6px 0px #0000003D;
	--gpShadow-Large: 0px 12px 16px 0px #0000003D;
	--gpShadow-XLarge: 0px 24px 32px 0px #0000003D;

	/* Type styles */
	--gpText-HeadingLarge: normal 700 26px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-HeadingMedium: normal 700 22px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-HeadingSmall: normal 700 18px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-BodyLarge: normal 400 16px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-BodyMedium: normal 400 14px/1.4 "Motiva Sans", Arial, Sans-serif;
	--gpText-BodySmall: normal 400 12px/1.4 "Motiva Sans", Arial, Sans-serif;
}

@media screen and (min-width: 1280px) {
	:root {
		--gpSpace-Gutter: calc(24px + 2vw);
	}
}


/* Avatars */
.playerAvatar,
.friend_block_holder .friend_block_avatar,
.friend_activity .friend_block_avatar {
	width: 34px;
	height: 34px;
	position: relative;
	border-radius: 0;
	padding: 1px;

}

/* Offline State */
.playerAvatar.offline,
.friend_block_holder.friend_status_offline .friend_block_avatar,
.friend_activity.friend_status_offline .friend_block_avatar,
.appHubIconHolder.offline,
.avatar_block_status_offline,
.appHubIconHolder.ignored {

	background: -webkit-linear-gradient(top, rgba(106, 106, 106, 1) 5%, rgba(85, 85, 85, 1) 95%);
	background: linear-gradient(to bottom, rgba(106, 106, 106, 1) 5%, rgba(85, 85, 85, 1) 95%);
	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}

.playerAvatar.offline img,
.friend_status_offline .friend_block_avatar img,
.appHubIconHolder.offline img,
.avatar_block_status_offline img {
	background: -webkit-linear-gradient(top, #515151 5%, #474747 95%);
	background: linear-gradient(to bottom, #515151 5%, #474747 95%);
}

/* Online State */
.playerAvatar.online,
.friend_block_holder.friend_status_online .friend_block_avatar,
.friend_activity.friend_status_online .friend_block_avatar,
.appHubIconHolder.online,
.avatar_block_status_online {
	background-color: #57cbde;

	background: -webkit-linear-gradient(top, rgba(83, 164, 196, 1) 5%, rgba(69, 128, 151, 1) 95%);
	background: linear-gradient(to bottom, rgba(83, 164, 196, 1) 5%, rgba(69, 128, 151, 1) 95%);
	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}

.playerAvatar.online img,
.friend_status_online .friend_block_avatar img,
.appHubIconHolder.online img,
.avatar_block_status_online img {
	background: -webkit-linear-gradient(top, #41778f 5%, #3d697b 95%);
	background: linear-gradient(to bottom, #41778f 5%, #3d697b 95%);
}

/* In-Game State */
.playerAvatar.in-game,
.friend_block_holder.friend_status_in-game .friend_block_avatar,
.friend_activity.friend_status_in-game .friend_block_avatar,
.appHubIconHolder.in-game,
.avatar_block_status_in-game {
	background-color: #90ba3c;

	background: -webkit-linear-gradient(top, rgba(143, 185, 59, 1) 5%, rgba(110, 140, 49, 1) 95%);
	background: linear-gradient(to bottom, rgba(143, 185, 59, 1) 5%, rgba(110, 140, 49, 1) 95%);
	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}

.playerAvatar.in-game img,
.friend_status_in-game .friend_block_avatar img,
.appHubIconHolder.in-game img,
.avatar_block_status_in-game img {
	background: -webkit-linear-gradient(top, #66812e 5%, #59702b 95%);
	background: linear-gradient(to bottom, #66812e 5%, #59702b 95%);
}


/* Golden State */
.playerAvatar.golden,
.friend_block_holder.friend_status_golden .friend_block_avatar,
.friend_activity.friend_status_golden .friend_block_avatar,
.appHubIconHolder.golden,
.avatar_block_status_golden {
	background-color: #e4ca63;

	background: -webkit-linear-gradient(305deg, #d5bf6a 10%, #ffe2a9 40%, #ba995c 52%, #ba995c 61%, #d5bf6a 85%);
	background: linear-gradient(145deg, #d5bf6a 10%, #ffe2a9 40%, #ba995c 52%, #ba995c 61%, #d5bf6a 85%);
}

/*
.playerAvatar.golden img,
.friend_status_golden .friend_block_avatar img,
.appHubIconHolder.golden img,
.avatar_block_status_golden img {
	background-color: #e4ca63
	background: -webkit-linear-gradient( 305deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);
	background: linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);
}
*/

.playerAvatar.ignored {}

.playerAvatar img,
.friend_block_holder .friend_block_avatar img,
.friend_activity .friend_block_avatar img {
	width: 32px;
	height: 32px;
	padding: 1px;
	border-radius: 0;
	border: none;
}

.playerAvatar .profile_avatar_frame {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.playerAvatar .profile_avatar_frame>img,
.playerAvatar .profile_avatar_frame>picture>img {
	transform: scale(1.23);
	width: 32px;
	height: 32px;
	background: none;
}

.playerAvatar.medium {
	width: 66px;
	height: 66px;
}

.playerAvatar.medium img {
	width: 64px;
	height: 64px;
}

.playerAvatar.medium .profile_avatar_frame>img,
.playerAvatar.medium .profile_avatar_frame>picture>img {
	width: 64px;
	height: 64px;
	transform: scale(1.225);
}


.playerAvatar.full {
	width: 186px;
	height: 186px;
}

.playerAvatar.full img {
	width: 184px;
	height: 184px;
}

.playerAvatar.tiny {
	width: 24px;
	height: 24px;
}

.playerAvatar.tiny img {
	width: 22px;
	height: 22px;
}

.playerAvatar_friendindicator {
	position: absolute;
	left: 26px;
	top: 23px;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/friendindicator_small.png');
	width: 20px;
	height: 20px;
	z-index: 2;

	cursor: pointer;
}

.persona,
a.persona,
.persona a,
.friend_status_offline,
.friend_status_offline div,
.friend_status_offline a {
	color: #898989;
}

.persona.online,
a.persona.online,
.persona.online a,
.friend_status_online,
.friend_status_online div,
.friend_status_online a {
	color: #57cbde;
}

.persona.in-game,
a.persona.in-game,
.persona.in-game a,
.friend_status_in-game,
.friend_status_in-game div,
.friend_status_in-game a {
	color: #90ba3c;
}

.persona.golden,
a.persona.golden,
.persona.golden a,
.friend_status_golden,
.friend_status_golden div,
.friend_status_golden a {
	color: #e4ca63;
}

.border_color_offline {
	border-color: #898989;
}

.border_color_online {
	border-color: #57cbde;
}

.border_color_in-game {
	border-color: #90ba3c;
}

.border_color_golden {
	border-color: #e4ca64;
}

.miniprofile_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
	font-family: "Motiva Sans", sans-serif;
}

.miniprofile_hover_inner.shadow_content {
	margin: 11px;
}

.miniprofile_container {
	display: flex;
	flex-direction: column;

	position: relative;
	overflow: hidden;

	width: 328px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

}

.miniprofile_playersection {
	position: relative;
	display: flex;
	flex-direction: row;

	z-index: 1;
	height: 62px;
	padding: 16px;
}

.miniprofile_playersection .playersection_avatar {
	width: 90px;
	height: 90px;
	background: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.miniprofile_playersection .playersection_avatar img {
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	background: none;
}

.miniprofile_playersection .playersection_avatar_frame {
	position: absolute;
	z-index: 1;
	width: 107px;
	height: 107px;
	top: 8px;
	left: 8px;
	pointer-events: none;
}

.miniprofile_playersection .playersection_avatar_frame>img {
	width: 100%;
	height: 100%;
	background: none;
}

.miniprofile_playersection .player_content {
	display: flex;
	flex-direction: column;
	justify-content: center;

	padding-left: 16px;

	text-shadow: 1px 1px 4px #000;
}

.miniprofile_playersection .player_content .persona {
	font-size: 20px;
}

.miniprofile_playersection .player_content .persona,
.miniprofile_playersection .player_content .secondaryname {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
}

.miniprofile_playersection .player_content .friend_status_offline {
	font-size: 10px;
}

.miniprofile_gamesection {
	display: flex;
	flex-direction: row;
	position: relative;

	min-height: 64px;
}

.miniprofile_gamesection .game_logo {
	width: 90px;
	height: 34px;
	top: 18px;
	left: 16px;
	position: absolute;
}

.miniprofile_gamesection .miniprofile_game_details {
	display: flex;
	flex-direction: column;

	padding: 8px 8px 8px 122px;
	font-size: 14px;

	align-self: center;
}

.miniprofile_gamesection .miniprofile_game_details .game_state,
.miniprofile_gamesection .miniprofile_game_details .rich_presence {
	font-size: 12px;
	color: rgb(98, 129, 59);
}

.miniprofile_gamesection .miniprofile_game_details .miniprofile_game_name {
	color: #90ba3c;
}

.miniprofile_detailssection {
	display: flex;
	flex-direction: column;

	padding: 16px 16px 8px 16px;
}

.miniprofile_detailssection.not_in_game {
	padding-top: 24px;
}

.miniprofile_featuredcontainer {
	display: flex;
	flex-direction: row;

	height: 34px;
	padding-left: 16px;
	margin-bottom: 8px;
}

.miniprofile_featuredcontainer .badge_icon {
	width: 34px;
	height: 34px;
	position: relative;
}

.miniprofile_featuredcontainer .description {
	margin-left: 12px;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;

	font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
}

.miniprofile_featuredcontainer .description .name {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #b1b1b1;
}

.miniprofile_featuredcontainer .description .xp {
	font-size: 12px;
	color: #6b6a6a;
}

.miniprofile_featuredcontainer .friendPlayerLevel {
	margin-top: 0;
}

.miniprofile_playtimesection {
	border: none;
	min-height: 57px;
	box-sizing: border-box;
	padding: 2px;
	display: flex;
	flex-direction: row;
	align-items: center;
	background: radial-gradient(circle at top left, rgba(81, 148, 255, 0.5) 0%, rgba(0, 39, 112, 0.075) 100%), linear-gradient(to bottom, rgba(58, 148, 184, 0.637) 0%, rgba(106, 201, 239, 0.15) 1px, rgba(19, 100, 133, 0.1) 25%, rgba(106, 201, 239, 0.0) 50%);
}

.miniprofile_playtimesection .gamelogo {
	width: 120px;
	height: 55px;
	margin-right: 12px;
	box-shadow: 0 0 2px black;
}

.miniprofile_playtimesection .playtimecontent {
	color: rgba(181, 255, 255, 0.5);
	font-size: 13px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.miniprofile_playtimesection .playtimecontent div:nth-child(2) {
	margin-top: 4px;
}

.miniprofile_playtimesection .playtimecontent .timeplayed {
	color: rgb(181, 255, 255);
}

.miniprofile_playtimesection.forcurrentgame {
	padding: 0px;
	align-items: initial;
	min-height: 0px;
	background: transparent;
}

.miniprofile_background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -3;
	background: radial-gradient(ellipse farthest-corner at 20% 30%, rgb(76, 80, 91) 0%, rgb(52, 55, 63) 50%, rgb(40, 44, 50) 100%);

}

.miniprofile_backgroundblur {
	width: 380px;
	height: 380px;
	filter: blur(10px) saturate(2);
	position: absolute;
	left: -60px;
	top: -60px;
	opacity: 0.6;
	-webkit-mask: radial-gradient(ellipse farthest-corner at 150px 150px, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.3) 34%, rgba(0, 0, 0, 0) 64%);
	mask: radial-gradient(ellipse farthest-corner at 150px 150px, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.3) 34%, rgba(0, 0, 0, 0) 64%);
	mix-blend-mode: screen;
}

.miniprofile_backdropblur {
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.miniprofile_backdrop {
	background: linear-gradient(to bottom, rgba(24, 26, 30, .85) 5%, rgba(24, 26, 30, .65) 95%);
}

.miniprofile_content {
	width: 302px;
	border-radius: 3px;

	color: #828282;
	font-size: 14px;

	position: relative;
}

.miniprofile_nameplatecontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: -1;
}

.miniprofile_nameplate {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top right;
}

/*
 * GENERIC POPUP
 */

.pulldown {
	padding-left: 5px;
	padding-right: 18px;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/popups/btn_arrow_down_padded.png');
	background-position: right center;
	background-repeat: no-repeat;

	cursor: pointer;
}

body.v6 .pulldown {
	margin-right: 5px;
}

span.popup_menu_pulldown_indicator {
	display: inline-block;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/popups/btn_arrow_down.png');
	vertical-align: middle;
	width: 9px;
	height: 4px;
}

#admin_drop {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #67c1f5 !important;
	background: rgba(103, 193, 245, 0.2)
}

#admin_drop:hover {
	text-decoration: none !important;
	color: #fff !important;
	background: #417a9b;
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

#admin_drop span {
	padding: 0 22px 0 15px;
	margin-right: 8px;
	font-size: 15px;
	line-height: 30px;
}


.popup_block_new {
	z-index: 200;
	position: absolute;
	box-shadow: 0 0 12px #000000;
}

.popup_block_new.popup_block_hidden_until_visible {
	opacity: 1.0;
	transition: opacity 200ms;
}

.popup_block_new.popup_block_hidden_until_visible:not(.visible) {
	opacity: 0;
	pointer-events: none;
}

@media screen and (max-width: 910px) {

	html.responsive .popup_block_new.responsive_slidedown {
		position: static;
		box-shadow: none;
	}

}

html.responsive.rn_mobile_app .popup_block_new.responsive_slidedown {
	position: static;
	box-shadow: none;
}

.popup_block_new .popup_body {
	border: 1px solid #3D4450;

	position: relative;

	background-color: #3D4450;

}

body.v6 .popup_block_new .popup_body.popup_menu {
	padding: 0px 0px;
}

.popup_menu a.popup_menu_item {
	display: block;
}

.popup_menu .popup_menu_item {
	padding: 5px 12px;
	color: #dcdedf;
	text-transform: none;
	font-family: Motiva Sans, Arial, Helvectica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-align: inline-start;
	cursor: pointer;
}


#genre_flyout .popup_menu .popup_menu_item {
	font-size: 13px;
	padding: 5px 14px;
}

@media screen and (max-width: 910px) {
	html.responsive .popup_menu .popup_menu_item {
		font-size: 14px;
		line-height: 18px;
	}

}

html.responsive.touch .popup_menu .popup_menu_item {
	font-size: 14px;
	line-height: 18px;
}

.popup_menu a.popup_menu_item {
	text-decoration: none;
}

.popup_menu span.popup_menu_item {
	cursor: default;
}

.popup_menu .popup_menu_item:hover,
.popup_menu .popup_menu_item.focus {
	color: #171d25;
	text-decoration: none;
	background: #dcdedf;
}


.popup_menu_subheader {
	color: #9e9995;
	font-size: 11px;
	padding: 2px 12px 3px 12px;
	cursor: default;
}

.popup_menu_item,
.popup_menu_subheader {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popup_menu_hint {
	float: right;
	margin-left: 8px;
}

.popup_menu_subarea {
	color: #9e9995;
	font-size: 11px;
	background-color: #3b3938;
	margin: 8px 12px;
	padding: 8px;
	text-align: center;
}

.popup_menu_subarea_inner {
	margin: 0 auto;
	width: 138px;
}


.popup_menu .hr {
	height: 1px;
	background-color: #82807c;
	margin: 10px 12px 0 12px;
}


.friendPlayerLevel {
	display: inline-block;
	font-size: 16px;
	border-radius: 16px;
	border: solid white 2px;
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align: center;

	cursor: default;
}


.friendPlayerLevel .friendPlayerLevelNum {
	color: #e5e5e5;
}

.friendPlayerLevel.lvl_0 {
	border-color: #9b9b9b;
}

.friendPlayerLevel.lvl_10 {
	border-color: #c02942;
}

.friendPlayerLevel.lvl_20 {
	border-color: #d95b43;
}

.friendPlayerLevel.lvl_30 {
	border-color: #fecc23;
}

.friendPlayerLevel.lvl_40 {
	border-color: #467a3c;
}

.friendPlayerLevel.lvl_50 {
	border-color: #4e8ddb;
}

.friendPlayerLevel.lvl_60 {
	border-color: #7652c9;
}

.friendPlayerLevel.lvl_70 {
	border-color: #c252c9;
}

.friendPlayerLevel.lvl_80 {
	border-color: #542437;
}

.friendPlayerLevel.lvl_90 {
	border-color: #997c52;
}

.friendPlayerLevel.lvl_100,
.friendPlayerLevel.lvl_200,
.friendPlayerLevel.lvl_300,
.friendPlayerLevel.lvl_400,
.friendPlayerLevel.lvl_500,
.friendPlayerLevel.lvl_600,
.friendPlayerLevel.lvl_700,
.friendPlayerLevel.lvl_800,
.friendPlayerLevel.lvl_900,
.friendPlayerLevel.lvl_1000,
.friendPlayerLevel.lvl_1100,
.friendPlayerLevel.lvl_1200,
.friendPlayerLevel.lvl_1300,
.friendPlayerLevel.lvl_1400,
.friendPlayerLevel.lvl_1500,
.friendPlayerLevel.lvl_1600,
.friendPlayerLevel.lvl_1700,
.friendPlayerLevel.lvl_1800,
.friendPlayerLevel.lvl_1900,
.friendPlayerLevel.lvl_2000,
.friendPlayerLevel.lvl_2100,
.friendPlayerLevel.lvl_2200,
.friendPlayerLevel.lvl_2300,
.friendPlayerLevel.lvl_2400,
.friendPlayerLevel.lvl_2500,
.friendPlayerLevel.lvl_2600,
.friendPlayerLevel.lvl_2700,
.friendPlayerLevel.lvl_2800,
.friendPlayerLevel.lvl_2900,
.friendPlayerLevel.lvl_3000,
.friendPlayerLevel.lvl_3100,
.friendPlayerLevel.lvl_3200,
.friendPlayerLevel.lvl_3300,
.friendPlayerLevel.lvl_3400,
.friendPlayerLevel.lvl_3500,
.friendPlayerLevel.lvl_3600,
.friendPlayerLevel.lvl_3700,
.friendPlayerLevel.lvl_3800,
.friendPlayerLevel.lvl_3900,
.friendPlayerLevel.lvl_4000,
.friendPlayerLevel.lvl_4100,
.friendPlayerLevel.lvl_4200,
.friendPlayerLevel.lvl_4300,
.friendPlayerLevel.lvl_4400,
.friendPlayerLevel.lvl_4500,
.friendPlayerLevel.lvl_4600,
.friendPlayerLevel.lvl_4700,
.friendPlayerLevel.lvl_4800,
.friendPlayerLevel.lvl_4900,
.friendPlayerLevel.lvl_5000,
.friendPlayerLevel.lvl_5100,
.friendPlayerLevel.lvl_5200,
.friendPlayerLevel.lvl_5300,
.friendPlayerLevel.lvl_5400,
.friendPlayerLevel.lvl_5500,
.friendPlayerLevel.lvl_5600,
.friendPlayerLevel.lvl_5700,
.friendPlayerLevel.lvl_5800,
.friendPlayerLevel.lvl_5900,
.friendPlayerLevel.lvl_6000,
.friendPlayerLevel.lvl_6100 {
	border: none;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: 0 0;

	font-size: 14px;

	height: 32px;
	width: 32px;
	line-height: 32px;
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_hexagons.png');
}

.friendPlayerLevel.lvl_200 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_shields.png');
}

.friendPlayerLevel.lvl_300 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_books.png');
}

.friendPlayerLevel.lvl_400 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_chevrons.png');
}

.friendPlayerLevel.lvl_500 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_circle2.png');
}

.friendPlayerLevel.lvl_600 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_angle.png');
}

.friendPlayerLevel.lvl_700 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_flag.png');
}

.friendPlayerLevel.lvl_800 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_wings.png');
}

.friendPlayerLevel.lvl_900 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_arrows.png');
}

.friendPlayerLevel.lvl_1000 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_crystals.png');
}

.friendPlayerLevel.lvl_1100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_space.png');
}

.friendPlayerLevel.lvl_1200 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_waterelement.png');
}

.friendPlayerLevel.lvl_1300 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_fireelement.png');
}

.friendPlayerLevel.lvl_1400 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_earthelement.png');
}

.friendPlayerLevel.lvl_1500 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_airelement_1-2.png');
}

.friendPlayerLevel.lvl_1600 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_airelement_3-4.png');
}

.friendPlayerLevel.lvl_1700 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_airelement_5-6.png');
}

.friendPlayerLevel.lvl_1800 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_airelement_7-8.png');
}

.friendPlayerLevel.lvl_1900 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_airelement_9-10.png');
}

.friendPlayerLevel.lvl_2000 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_geo_1-2.png?v=2');
}

.friendPlayerLevel.lvl_2100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_geo_3-4.png?v=2');
}

.friendPlayerLevel.lvl_2200 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_geo_5-6.png?v=2');
}

.friendPlayerLevel.lvl_2300 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_geo_7-8.png?v=2');
}

.friendPlayerLevel.lvl_2400 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_geo_9-10.png?v=2');
}

.friendPlayerLevel.lvl_2500 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_mandala_1-2.png?v=2');
}

.friendPlayerLevel.lvl_2600 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_mandala_3-4.png?v=2');
}

.friendPlayerLevel.lvl_2700 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_mandala_5-6.png?v=2');
}

.friendPlayerLevel.lvl_2800 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_mandala_7-8.png?v=2');
}

.friendPlayerLevel.lvl_2900 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_mandala_9-10.png?v=2');
}

.friendPlayerLevel.lvl_3000 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_spiro_1-2.png?v=2');
}

.friendPlayerLevel.lvl_3100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_spiro_3-4.png?v=2');
}

.friendPlayerLevel.lvl_3200 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_spiro_5-6.png?v=2');
}

.friendPlayerLevel.lvl_3300 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_spiro_7-8.png?v=2');
}

.friendPlayerLevel.lvl_3400 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_spiro_9-10.png?v=2');
}

.friendPlayerLevel.lvl_3500 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_patterns_1-2.png?v=2');
}

.friendPlayerLevel.lvl_3600 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_patterns_3-4.png?v=2');
}

.friendPlayerLevel.lvl_3700 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_patterns_5-6.png?v=2');
}

.friendPlayerLevel.lvl_3800 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_patterns_7-8.png?v=2');
}

.friendPlayerLevel.lvl_3900 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_patterns_9-10.png?v=2');
}

.friendPlayerLevel.lvl_4000 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_shapes_1.png?v=2');
}

.friendPlayerLevel.lvl_4100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_shapes_2.png?v=2');
}

.friendPlayerLevel.lvl_4200 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_shapes_3.png?v=2');
}

.friendPlayerLevel.lvl_4300 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_shapes_4.png?v=2');
}

.friendPlayerLevel.lvl_4400 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_shapes_5.png?v=2');
}

.friendPlayerLevel.lvl_4500 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_grunge_1.png?v=2');
}

.friendPlayerLevel.lvl_4600 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_grunge_2.png?v=2');
}

.friendPlayerLevel.lvl_4700 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_grunge_3.png?v=2');
}

.friendPlayerLevel.lvl_4800 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_grunge_4.png?v=2');
}

.friendPlayerLevel.lvl_4900 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_grunge_5.png?v=2');
}

.friendPlayerLevel.lvl_5000 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_halftone_1.png?v=2');
}

.friendPlayerLevel.lvl_5100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_halftone_2.png?v=2');
}

.friendPlayerLevel.lvl_5200 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_halftone_3.png?v=2');
}

.friendPlayerLevel.lvl_5300 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5300_dashes.png');
}

.friendPlayerLevel.lvl_5400 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5400_crosshatch.png');
}

.friendPlayerLevel.lvl_5500 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5500_spiral.png');
}

.friendPlayerLevel.lvl_5600 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5600_leaves.png');
}

.friendPlayerLevel.lvl_5700 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5700_mountain.png');
}

.friendPlayerLevel.lvl_5800 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5800_rain.png');
}

.friendPlayerLevel.lvl_5900 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_5900_tornado.png');
}

.friendPlayerLevel.lvl_6000 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_6000_snowflake.png');
}

.friendPlayerLevel.lvl_6100 {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/community/levels_6100_crown.png');
}

.friendPlayerLevel.lvl_plus_10 {
	background-position: 0 -32px;
}

.friendPlayerLevel.lvl_plus_20 {
	background-position: 0 -64px;
}

.friendPlayerLevel.lvl_plus_30 {
	background-position: 0 -96px;
}

.friendPlayerLevel.lvl_plus_40 {
	background-position: 0 -128px;
}

.friendPlayerLevel.lvl_plus_50 {
	background-position: 0 -160px;
}

.friendPlayerLevel.lvl_plus_60 {
	background-position: 0 -192px;
}

.friendPlayerLevel.lvl_plus_70 {
	background-position: 0 -224px;
}

.friendPlayerLevel.lvl_plus_80 {
	background-position: 0 -256px;
}

.friendPlayerLevel.lvl_plus_90 {
	background-position: 0 -288px;
}


.newmodal {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	position: absolute;

	max-width: 900px;
	/* our page width */
	min-width: 500px;

	background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e;
}

.newmodal_background {
	position: fixed;
	z-index: 900;
	background: #000000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.newmodal_header .title_text {
	padding: 24px 24px 0px 24px;
	display: block;
}

.newmodal_header .subtitle_text {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */

	font-size: 19px;
	text-transform: none;
	line-height: 20px;
	letter-spacing: 0px;
	padding: 0px 32px 0px 32px;
	display: block;
}

.modal_top_bar {
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, #00ccff, #3366ff);
}

.newmodal_header {
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: unset;
	text-transform: unset;
	flex-shrink: 0;
}

@media screen and (max-width: 910px) {
	html.responsive .newmodal_header .title_text {
		padding: 32px 15px 0px 15px;
	}

	html.responsive .newmodal_content {

		max-width: 646px;
		min-width: 280px;
	}
}

.newmodal_close {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBREZBRDlBNzdCNzExRTI5ODAzRUE3MDU0Mzk5MjM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBREZBRDlCNzdCNzExRTI5ODAzRUE3MDU0Mzk5MjM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUFERkFEOTg3N0I3MTFFMjk4MDNFQTcwNTQzOTkyMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUFERkFEOTk3N0I3MTFFMjk4MDNFQTcwNTQzOTkyMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4iulRzAAABPElEQVR42mI8cuQIAyWABUqbAXEylH0fiDtwqI8FYhsoewEQH4cZcBaI64DYG8p/AVWADDyAeD4QMwPxJiA+BRJkgkr+BeJoIL4D5U8DYi0kzepAvAKq+TJU7V9kA0DgIxD7Q2lOIF4NpfmBeAuUfg3EPkD8BaaJCc2Z14A4EcoGuWAC1NkqQPwLqvkRsgYmLAG1HoiboOw0IA6EshNh/iZkAAjUA/FBJP5KIF6GTSEuAwygUQsDflAxogwQAuJ10AAExcpNKHsjEIsSMoAZGl2K0EALBeIIKFsOKSpxGtACxK5Qdi4QX4DiAqiYExB34TIgBIgrkAJtFpLcdKgYCBQBcRRMghGamUBxfhKIeaB+NkFOLFAAkjsDTZXfgdgK5DpYXvBGiqYpWDQzQMVAYZKDlDcuMFKanQECDAAqw0LA+GRiqAAAAABJRU5ErkJggg== );
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	float: right;
	margin-top: 9px;
	margin-right: 9px;
	height: 16px;
	width: 16px;

	opacity: 0.7;
}

/* for labelling the close button with text, used on market */
.newmodal_close.with_label {
	padding-right: 24px;
	width: auto;
	color: #ffffff;
	line-height: 16px;
	font-size: 12px;
}

.newmodal_close:hover {
	opacity: 1;
}

.newmodal_content_border {
	padding: 0 1px 1px 1px;
	display: flex;
}

.newmodal_content {

	width: 100%;
	overflow: auto;
	word-wrap: break-word;

	padding: 24px;

	font-size: 16px;
	line-height: 21px;
	color: #acb2b8;

	position: relative;
}

.newmodal_content p {
	font-size: 16px;
	line-height: 19px;
	color: #acb2b8;
}

.newmodal_content_innerbg {
	background-color: rgba(59, 63, 72, 0.5);
	padding: 8px;

	color: #8f8f8f;
}


.detailed_option_toggle {
	background: rgba(172, 178, 184, 0.1);
	border-radius: 4px;
}

.detailed_option_toggle .toggle_group {
	background: rgba(172, 178, 184, 0.1);
	padding: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.detailed_option_toggle .toggle_desc {
	padding: 8px 8px 8px 32px;
	font-size: 14px;
}

.newmodal_buttons {
	text-align: right;
}

.newmodal_buttons .btn_medium {
	margin-left: 12px;
	margin-top: 12px;
}

.newmodal_prompt_description {
	font-size: 14px;
	margin-bottom: 8px;
}

.newmodal_prompt_input {}

.newmodal_prompt_input input[type=text] {
	width: 100%;
}

.newmodal_prompt_textarea {
	height: 396px;
}

.newmodal_prompt_with_textarea {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 500px;
}

.gray_bevel input,
.gray_bevel textarea {
	border: none;
	outline: none;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid #000;
	box-shadow: 1px 1px 0 0 rgba(91, 132, 181, 0.2);
	font-size: 13px;
	color: #BFBFBF;
}

.gray_bevel input:-moz-read-only,
.gray_bevel textarea:-moz-read-only {
	background: transparent;
	border: transparent;
	box-shadow: none;
	color: #919191;
}

.gray_bevel input:read-only,
.gray_bevel textarea:read-only {
	background: transparent;
	border: transparent;
	box-shadow: none;
	color: #919191;
}

.gray_bevel.fullwidth {
	display: block;
}

.gray_bevel.fullwidth.for_text_input input,
.gray_bevel.fullwidth textarea {
	/* narrow a bit to account for padding in the text area */
	width: calc(100% - 8px);
}

input.gray_bevel {
	height: 20px;
}

textarea.gray_bevel,
.gray_bevel textarea {
	resize: none;
}

select.gray_bevel {
	background-color: #565658;
	border-radius: 3px;
	border: 1px solid #262627;
	box-shadow: 1px 1px 0px #39393a;
	color: #BFBFBF;

	margin-bottom: 6px;
	outline: none;

	padding: 0px;
	line-height: 27px;
	height: 27px;
	font-size: 14px;
}

select.blueish {
	background-color: rgba(255, 255, 255, 0.7);
	color: #000;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	box-shadow: 1px 1px 0px #000;
}

.waiting_dialog_container {
	line-height: 32px;
}

.waiting_dialog_centered {
	display: flex;
	justify-content: center;
}

.waiting_dialog_throbber {
	width: 32px;
	height: 32px;
	background: url('https://community.akamai.steamstatic.com/public/images/login/throbber.gif') center center no-repeat;
	margin-right: 5px;
	float: left;
}

.emoticon_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
}

.emoticon_hover_content {
	padding: 6px 10px 6px 6px;
	background-color: #3b3938;
	border: 1px solid #797979;

	margin: 12px;
	box-shadow: 0 0 12px #000000;
	white-space: nowrap;
}

.emoticon_hover_content.client {
	margin: 0;
	box-shadow: none;
	display: inline-block;
}

.emoticon_hover_content_inner {
	position: relative;
	min-height: 54px;
	padding-left: 62px;
	font-size: 13px;
}

.emoticon_hover_content_inner img.emoticon_large {
	position: absolute;
	left: 0;
	top: 0;
}

.emoticon_hover_title {
	padding-top: 8px;
	color: #898989;
}

.emoticon_hover_desc {
	color: #686868;
}

.emoticon_hover_arrow {
	width: 13px;
	height: 26px;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/popups/hover_arrow_both.gif');
	background-repeat: no-repeat;

	position: absolute;
	top: 26px;
}

.emoticon_hover_arrow.left {
	background-position: left top;

	left: 0;
}

.emoticon_hover_arrow.right {
	background-position: right top;

	right: 0;
}


/*
 * HEADER
 */

/* apply 16px padding to the sides of all the page-wide divs to prevent content
	from touching the sides on small resolutions */
div#footer,
div#global_header,
div#store_header,
div#main,
div.page_area {
	padding-left: 16px;
	padding-right: 16px;
}

div.page_content {
	width: 940px;
	margin: 0px auto;
}


div#global_header {
	background: #171d25;
	background-position: center top;
	min-width: 940px;

	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 14px;
}

.partner_events div#global_header {
	position: relative;
	z-index: 151;
}

div#global_header .content {
	background: #171d25;
	position: relative;
	width: auto;
	min-width: 940px;
	height: 104px;
	margin: 0px auto;

	max-width: var(--store-page-width, 940px);
	z-index: 402;
}

body.v7menu div#global_header .content {
	max-width: max(var(--store-page-width, 940px), 1100px);
}

div#global_actions {
	position: absolute;
	inset-inline-end: 0px;
	top: 6px;

	height: 21px;
	line-height: 21px;

	color: #b8b6b4;
	font-size: 11px;

	z-index: 401;
}

div#global_actions a.global_action_link {
	padding: 0 4px;
}

div#global_actions a.global_action_link,
div.admin_actions a.global_action_link {
	color: #b8b6b4;
}

div#global_actions .global_action_link:hover,
div.admin_actions .global_action_link:hover {
	text-decoration: none;
	color: #ffffff;
}

div.admin_actions {
	position: absolute;
	right: 0;
	bottom: 4px;
	text-align: right;
	color: #b8b6b4;
	font-size: 11px
}

div#global_actions #global_action_menu {
	line-height: 24px;
	vertical-align: top;
	display: inline-block;
}

#global_action_menu>* {
	vertical-align: top;
}

div#global_actions .user_avatar {
	display: inline-block;
	margin-left: 3px;
}

div#global_header div.logo {
	float: inline-start;
	padding-top: 30px;
	margin-inline-end: 40px;
	width: 176px;
	height: 44px;
}

div#global_header .menuitem {
	display: block;
	position: relative;

	padding-top: 45px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	line-height: 16px;

	float: left;
	font-size: 14px;
	color: #dcdedf;
	text-transform: uppercase;
	font-size: 16px;
	font-family: "Motiva Sans", "Twemoji", "Noto Sans", Helvetica, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

div#global_header .menuitem:focus-visible {
	outline: none;
}

div#global_header .menuitem:focus-visible::before {
	outline: auto Highlight;
	outline: auto -webkit-focus-ring-color;
	content: "";
	position: absolute;
	top: 40px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

div#global_header .menuitem.active,
div#global_header .menuitem:hover {
	color: #ffffff;
	text-decoration: none;
}

div#global_header .menuitem.active {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/globalheader_highlight.png');
	background-repeat: repeat-x;
}

div#global_header .activebg {
	display: none;
}

#header_wallet_balance {
	display: inline-block;
}

#header_wallet_ctn {
	text-align: right;
	padding-right: 15px;
	line-height: normal;
}

#account_pulldown {
	display: inline-block;
	padding-left: 4px;
	line-height: 25px;
	border: none;
	background-color: transparent;
	color: inherit;
	font-size: inherit;
}

#account_language_pulldown {
	display: block;
}

#language_pulldown.focus,
#account_pulldown.focus {
	color: #ffffff;
}

#account_dropdown>.popup_body {
	width: fit-content;
	max-width: 250px;
}

#account_dropdown>.popup_body.popup_menu .popup_menu_item {
	padding: 8px 18px;
	font-size: 13px;
}

#account_dropdown>.popup_body.popup_menu .popup_menu_item .account_name {
	color: #4cb4ff;
}


.header_installsteam_btn {
	display: inline-block;
	position: relative;
	height: 21px;
	line-height: 24px;
	margin-right: 3px;
}

.header_installsteam_btn_green .header_installsteam_btn_leftcap,
.header_installsteam_btn_green .header_installsteam_btn_rightcap,
.header_installsteam_btn_green .header_installsteam_btn_content {
	background-color: #5c7e10;

	&:hover {
		background-color: #6c9018;
		transition-property: background;
		transition-duration: 250ms;
		cursor: pointer;
	}
}

.header_installsteam_btn_gray .header_installsteam_btn_leftcap,
.header_installsteam_btn_gray .header_installsteam_btn_rightcap,
.header_installsteam_btn_gray .header_installsteam_btn_content {
	background-color: rgba(103, 112, 123, 0.2);

	&:hover {
		background-color: #3D4450;
		transition-property: background;
		transition-duration: 250ms;
		cursor: pointer;
	}
}

.header_installsteam_btn_content {
	display: inline-block;
	padding-left: 35px;
	padding-right: 9px;
	background-position: 10px 5px;

	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/btn_header_installsteam_download.png?v=1');
	background-repeat: no-repeat;
	text-decoration: none;
	color: #e5e4dc;
	font-weight: normal;
}

.header_installsteam_btn_content:hover {
	text-decoration: none;
	color: #ffffff;
}

.global_header_toggle_button {
	display: inline-block;
	line-height: 24px;
	margin: 0 3px 0 8px;
	cursor: pointer;
	/* background-color: #262625; */
}

.global_header_toggle_button:hover,
.global_header_toggle_button.focus {
	/* background-color: #575451; */
}

/* make sure we override any global a styles on the site */
.global_header_toggle_button,
a.global_header_toggle_button,
a.global_header_toggle_button:hover {
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

}

.global_header_toggle_button.green,
.global_header_toggle_button.has_notifications {
	background-color: #5c7e10;
}

.global_header_toggle_button.green:hover,
.global_header_toggle_button.green.focus,
.global_header_toggle_button.has_notifications:hover,
.global_header_toggle_button.has_notifications.focus {
	background-color: #7ea64b;
}

.global_header_toggle_button.red {
	background-color: #9a3130;
}

.global_header_toggle_button.red:hover,
.global_header_toggle_button.red.focus {
	background-color: #d75a5a;
}

.global_header_toggle_button.yellow {
	background-color: #bb9d2f;
}

.global_header_toggle_button.yellow:hover,
.global_header_toggle_button.yellow.focus {
	background-color: #c1a643;
}

.global_header_account_alert {
	font-weight: bold;
	padding: 0 54px;
}

a.global_header_account_alert:hover {
	color: #ffffff;
}


div#global_header .menuitem_new {
	position: absolute;
	top: 27px;
	font-size: 11px;
	color: #85b0df
}

div#global_header .submenuitem {
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
	color: #dcdedf;
	padding-right: 15px;
	padding-left: 15px;
}

div#global_header .submenuitem span.new {
	color: white;
	background: #c37f00;
	padding: 1px 3px;
	font-size: 10px;
	border-radius: 2px;
	text-shadow: none;
	text-transform: uppercase;
}

div#global_header .submenuitem.active,
div#global_header .submenuitem:hover {
	text-decoration: none;
	background: #dcdedf;
	color: #171a21;
}

div#global_header .submenuitem.moderator {
	color: #ca5029;
}

div#global_header .submenuitem.active.moderator,
div#global_header .submenuitem.moderator:hover {
	color: #ca5029;
}

.community_sub_nav {
	position: absolute;
	left: 7px;
	top: 65px;
	width: 650px;
	font-size: 14px;
}

.menuitem.username {
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#global_header .supernav_container {
	position: absolute;
	inset-inline-start: 200px;
}

.supernav_content {
	background: #3D4450;
	--shadow-x: 3px;
	box-shadow: var(--shadow-x) 3px 5px -3px #000;
	text-align: inline-start;
	z-index: 500;
}

.supernav_content:dir(rtl) {
	--shadow-x: -3px;
}

.supernav_content a.submenuitem {
	display: block;
	padding: 6px 0;
	text-transform: uppercase;
	font-size: 12px;
}

.supernav_content a.submenuitem:hover {
	color: #4897cf;
	text-decoration: none;
}

.supernav {
	&::after {
		content: "";
		display: block;
		width: 100%;
		height: 2.5px;
		margin-top: 2px;
	}
}

div#global_header .menuitem.supernav_active {
	color: #1a9fff;

	&::after {
		content: "";
		display: block;
		width: 100%;
		height: 2.5px;
		background: #1a9fff;
		border-radius: 3px;
		animation: slide 0.1s;
		margin-top: 2px;
	}
}

@keyframes slide {
	from {
		transform: scaleX(0);
	}

	to {
		transform: scaleX(1);
	}
}

/* -------------- paging controls -------------*/
.pagebtn,
a.pagebtn {
	display: inline-block;
	line-height: 24px;
	background-color: rgba(103, 193, 245, 0.2);
	border: 1px transparent;
	border-radius: 3px;
	cursor: pointer;
	padding: 0px 16px;
	color: #66c0f4;
}

.pagebtn:not(.disabled):hover,
a.pagebtn:not(.disabled):hover {
	background-color: #66c0f4;
	border-color: #66c0f4;
	color: #fff;
	text-decoration: none;
}

.pagebtn.disabled,
.pagebtn.disabled:hover,
a.pagebtn.disabled,
a.pagebtn.disabled:hover {
	cursor: default;
	opacity: 0.2;
}

a.pagelink:hover {
	text-decoration: underline;
	color: #ffffff;
}


/* steam inbox */


/* notification box */

#header_notification_area {
	display: inline-block;
}

.header_notification_btn {
	padding: 0 8px;
}

.header_notification_btn.has_notifications .header_notification_envelope {
	margin-left: 4px;
}

.header_notification_btn.no_notifications .notification_count {
	display: none;
}

.header_notification_btn.has_notifications {}

#header_notification_dropdown .popup_menu {
	padding: 2px;
}

#header_notification_dropdown .popup_menu_item {
	line-height: 36px;
	padding: 0px 8px 0px 8px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #bfbfbf;
}

#header_notification_dropdown .popup_menu_item:hover {
	color: #ffffff;
	background-color: #373d44;
}

#header_notification_dropdown .popup_menu_item.active_inbox_item {
	color: #70ba24;
}

.header_notification_btn.header_notification_bell {
	display: block;
	width: 46px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/header/notification_bell.png') no-repeat #3D4450;
	background-position: center;
	background-size: 14px;
}

.notification_ctn.hide_when_empty:not(.active_inbox_item) {
	display: none;
}

.header_notification_dropdown_seperator {
	height: 1px;
	background-color: #262a31;
}

.notification_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 16px;
	position: relative;
	top: -2px;

	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/inbox_icons_sprite.png');
}

.header_notification_comments .notification_icon {
	background-position: 0 0;
}

.header_notification_items .notification_icon {
	background-position: 0 -16px;
}

.header_notification_invites .notification_icon {
	background-position: 0 -32px;
}

.header_notification_gifts .notification_icon {
	background-position: 0 -48px;
}

.header_notification_offlinemessages .notification_icon {
	background-position: 0 -64px;
}

/* these are shown conditionally so not a big deal that they aren't in the sprite */
.header_notification_tradeoffers .notification_icon {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/inbox_tradeoffers.png');
}

.header_notification_asyncgame .notification_icon {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/inbox_async_game.png');
}

.header_notification_asyncgameinvite .notification_icon {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/inbox_async_game_invite.png');
}

/* re-uses comment icon */
.header_notification_moderatormessage .notification_icon,
.header_notification_helprequestreply .notification_icon {
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/header/inbox_moderator_message.png');
}

.header_parental_btn {
	padding: 0 12px;
	width: 23px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.header_parental_btn.passwordless {
	cursor: default;
}

.header_parental_btn.partial {
	background-color: rgba(103, 112, 123, 0.2);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk2ODQ3OEQ2NEQyQzExRUU4QzBFQkY2RTE2Q0U4QUVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk2ODQ3OEQ3NEQyQzExRUU4QzBFQkY2RTE2Q0U4QUVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTY4NDc4RDQ0RDJDMTFFRThDMEVCRjZFMTZDRThBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTY4NDc4RDU0RDJDMTFFRThDMEVCRjZFMTZDRThBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qk34BAAABnklEQVR42tyUTStEYRTH586MFHlLMaHU2CiUNGJFYyFZSXaUhWahyIKNT2BjQXZsp4mUJAs1NVEWKC/5AsyCyB4L7vid6dzpNHNjMyu3fj1v53+e55zzPNfJ5XKBcnzBQJm+sjkK28H61k6Mph+ycLqymHgvWq+iGYUmuGD9vuREGLXRjEMEBiHus/EI9IHYTqBp8QutFUIg2XchimHIbCT9TrMeVE2Jo0f4MuMXjv7tDbT/atIhtk8ljjAUo124k/zAkU9oB3CuNkk0z96C89s9Ipxemk3dcAnhzZ9VQySVGIYO2EP0QLsBQ2qyDTHsorSTmooz7N4KoWnFZqALqjXp8lWaTe1cPXTDNNqIzZHcnVrtS6w9GOTDgWu4hXnmHFnTqgXU4YANrc7LmTpq1AJcSTgmfEfFrjlpg3XkmtNI9VI4cRGO0Z/S9X3m0swl6c9Cs9V6oVWYE6XlaSBYoH8Ic5CAE+aW9dlk1LagzZcfg7ju8AHH0A5S6pqiS/upSc5q5cJ6cTO+90gf75rZ1V7gVYSXxRrn//7YfgQYAHJdjG35zInfAAAAAElFTkSuQmCC');
}

.header_parental_btn.partial.password:hover {
	background-color: #3D4450;
}

.header_parental_btn.full {
	background-color: rgb(92, 126, 16);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5QzIxNDIwNEU2RTExRUVBQ0Y0QjY1NzI2NTE3RUVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5QzIxNDIxNEU2RTExRUVBQ0Y0QjY1NzI2NTE3RUVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDlDMjE0MUU0RTZFMTFFRUFDRjRCNjU3MjY1MTdFRUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDlDMjE0MUY0RTZFMTFFRUFDRjRCNjU3MjY1MTdFRUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ACHYVAAABY0lEQVR42tzUzytEURTA8XkTCwshWRIWFhMjDalJiZQSC+UfkKzsLC3ewspCjZpsJSspOyW7mdSwMGSyUooslKWi/Ly+t87lzJ3Hamzc+kz3nHPf6b1735vAGBOrxojHqjT+rNE09rGC5oj1jchgD1NlFbtHIokH8z2yquasqfoTelxN31Ea9SoeQa2K7XxMxXVyTcWjFfCi4iO8qtjO8yp+xokLAu/4JzCDS2Tx6O1RAxbRii3kovYoSgqHov+3tTroxg7uMCC5Y7W5Z5KzDW+wjYTfaBC36qIhyZ+rXElywyp3jV7daNOUjwziSKOIU5nbPV311m7YHjWyVW3eprbbg5CTTKm8zXV4azvtj2v0oQpFzOIdk/K22/kuDjAnzfpk/Zs+tYK61VHJLZnKEUptXOXstV/v0TKSuMcCunDxw/eZwBXW0YISQvdoYcSLl5NH8j/yJvkC5nUh+L9/bJ8CDACBt6K3eAQ3DQAAAABJRU5ErkJggg==');
}

.header_parental_btn.full.password:hover {
	background-color: rgb(126, 166, 75);
}

/* dynamic links */
.dynamiclink_box {
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	background: -webkit-linear-gradient(30deg, rgba(87, 92, 104, 0.3) 5%, rgba(255, 255, 255, 0.05) 95%);
	background: linear-gradient(60deg, rgba(87, 92, 104, 0.3) 5%, rgba(255, 255, 255, 0.05) 95%);
	border-radius: 6px;
	padding: 8px;
	margin: 10px 0px 10px 0px;

	cursor: pointer;
	overflow: hidden;
}

a.dynamiclink_box {
	display: block;
	text-decoration: none !important;
}

.dynamiclink_box.noPopup {
	cursor: default;
}

.dynamiclink_box.newspost .dynamiclink_description {
	padding-top: 10px;
}

.dynamiclink_box:hover {
	border-color: #97C0E3;
}

img.dynamiclink_preview {
	float: left;
	margin-right: 14px;
	max-height: 88px;
	max-width: 75%;
}

.dynamiclink_content {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	color: rgb(192, 192, 192);
	text-shadow: 0 0 16px rgb(0, 0, 0);
	font-size: 13px;
	line-height: normal;
	text-align: left;
	display: flow-root;
}

.dynamiclink_name {
	font-size: 15px;
	color: #aad8ec;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	border-bottom: 1px dotted rgba(109, 207, 246, .6);
	padding-bottom: 0px;
	display: inline-block;
	margin-bottom: 6px;
}

.dynamiclink_name .dynamiclink_type {
	color: #c6d4df;
}

.dynamiclink_type {
	color: #c6d4df;
}

.dynamiclink_type a {
	color: #c6d4df;
	text-decoration: underline;
}

.dynamiclink_type a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.dynamiclink_author {
	min-height: 16px;
	font-size: 12px;
	color: #95a6b2;
	margin-bottom: 4px;
}

.dynamiclink_author a {
	color: #c6d4df;
	text-decoration: underline;
}

.dynamiclink_author a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.dynamiclink_author span {
	color: #809fb7;
}

.dynamiclink_author img.app_icon {
	vertical-align: top;
	padding-right: 5px;
	height: 16px;
}

.dynamiclink_url {
	margin-top: 8px;
}

.dynamiclink_url a {
	color: #ffffff;
	text-decoration: none;
}

.dynamiclink_url a:hover {
	color: #7bb7e3;
	text-decoration: underline;
}

.dynamiclink_url a,
.dynamiclink_authorname {
	color: #ffffff;
}

.dynamiclink_app {
	min-height: 16px;
	font-size: 12px;
	color: #95a6b2;
	margin-bottom: 4px;
}

.dynamiclink_app a {
	color: #c6d4df;
}

.dynamiclink_app a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.dynamiclink_app span {
	color: #809fb7;
}

.dynamiclink_app img.app_icon {
	vertical-align: top;
	padding-right: 5px;
	height: 16px;
}

.dynamiclink_youtubeviewvideoembedded {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.dynamiclink_sketchfabmodelembedded {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.dynamiclink_youtubeviewvideoembedded iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dynamiclink_youtubeviews {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #bfbfbf;
}

.dynamiclink_sketchfabmodelembedded {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.dynamiclink_sketchfabmodelembedded iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img.dynamiclink_sketchfab_play_overlay_image {
	position: absolute;
	left: 83px;
	margin-left: -25px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
}

.dynamiclink_pointsshopitem {}

.dynamiclink_pointsshopitem .dynamiclink_itemtype {
	padding-bottom: 2px;
}

/* blur capsule images for games with adult content if the user has opted out of seeing them*/
.app_has_adult_content {
	overflow: hidden;
}

.app_has_adult_content img.game_capsule {
	filter: blur(30px);
}

/* ugc with adult content */
.ugc.has_adult_content {
	overflow: hidden;
}

.ugc.has_adult_content img,
.ugc.has_adult_content div.imgWallItem {
	filter: blur(30px);
}

.ugc.banned.has_adult_content img,
.ugc.banned.has_adult_content.profile_media_item {
	box-shadow: inset 0px 0px 1px 1px #ff0000;
}

.ugc.has_adult_content.internet_explorer {
	background-color: black;
}

.ugc.has_adult_content.internet_explorer img {
	opacity: 0;
	filter: none;
}

.ugc.has_adult_content.internet_explorer div.imgWallItem {
	filter: none;
	opacity: 0.05;
}

.ugc.has_adult_content .workshopItemDetails,
.ugc.has_adult_content .myguide_showcase_item {
	opacity: 0.25;
}

.ugc.has_adult_content.ugc_show_warning_image::after {
	content: "";
	background: url(https://store.akamai.steamstatic.com/public/shared/images/ico/icon_content_warning.png ) center center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.ugc.has_adult_content.dynamiclink_box::after {
	width: 88px;
}

.ugc .ugc_warning {
	display: none;
}

.ugc.has_adult_content .ugc_warning {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	font-size: 0.75em;
	vertical-align: top;
	text-align: center;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.25);
	padding-top: 10px;
	padding-bottom: 10px;
}

.ugc.has_adult_content .ugc_warning:hover {
	color: #ffffff;
}

.ugc.has_adult_content .ugc_warning.large {
	font-size: 1.25em;
	top: 12%;
}

.ugc.has_adult_content .ugc_warning .ugc_inline_option {
	display: inline-block;
	text-decoration: underline;
}

.ugc.has_adult_content .ugc_warning .ugc_inline_option:hover {
	color: #66C0F4;
}

.ugc.has_adult_content .ugc_warning .ugc_warning_image {
	background: url(https://store.akamai.steamstatic.com/public/shared/images/ico/icon_content_warning.png ) center center no-repeat;
	width: 100%;
	height: 36px;
	pointer-events: none;
}

/* ugc_options defines the per-ugc preferences dropdown */
.ugc_options {
	display: block;
	position: absolute;

	top: 0px;
	right: -5px;
	cursor: pointer;
	opacity: 0;
	padding: 5px 5px 0 0;
	transition: opacity 0.2s, right 0.2s;
	z-index: 5;
}

.ugc_options>div {
	width: 15px;
	height: 15px;

	background-color: rgba(54, 97, 125, 1);
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/v6/icon_expand.png');
	background-position: 4px 4px;
	border-radius: 3px;
	background-repeat: no-repeat;
	box-shadow: 0 0 3px #000;
}

.ugc_options:hover>div {
	background-color: #67c1f5;
	color: #fff;
	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/v6/icon_expand_white.png');
}

*:hover>.ugc_options,
.ugc_hover.ugc_options {
	opacity: 1;
	right: 0px;
}

.ugc_options_tooltip {
	background: -webkit-linear-gradient(top, #e3eaef 5%, #c7d5e0 95%);
	background: linear-gradient(to bottom, #e3eaef 5%, #c7d5e0 95%);
	padding: 2px 8px;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 3px #000;
}

.ugc_options_tooltip>.option {
	margin: 5px 0;
	display: block;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	padding: 4px 8px;
	line-height: normal;
	font-size: 11px;
	color: #407898;
}

.ugc_options_tooltip>.option:hover {
	color: #ffffff;
	background-color: #67c1f5;
}

.jsTooltip {
	background-color: #c2c2c2;
	padding: 5px;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
	max-width: 225px;
	color: #3d3d3f;
	font-size: 11px;
	text-align: left;
}

.Tooltip_mark {
	font-size: 11px;
}

/* early access tag on reviews*/
.early_access_review {
	background-color: #4d6c8b;
	border: 1px solid #779abc;
	text-transform: uppercase;
	font-family: arial;
	font-size: 11px;
	color: #9ac7f3;
	padding: 1px 4px 0px 4px;
	margin-bottom: 10px;
	margin-right: 4px;
	display: inline-block;
	cursor: default;
	line-height: 13px;
}

/* pre release tag on reviews*/
.pre_release_review {
	background-color: #8b734d;
	border: 1px solid #bca177;
	text-transform: uppercase;
	font-family: arial;
	font-size: 11px;
	color: #dabb8a;
	padding: 1px 4px 0px 4px;
	margin-bottom: 10px;
	display: inline-block;
	cursor: default;
	line-height: 13px;
}

/* shared bbcode styles */

span.bb_spoiler {
	color: #000000;
	background-color: #000000;

	padding: 0px 8px;
}

span.bb_spoiler:hover {
	color: #ffffff;
}

span.bb_spoiler>span {
	visibility: hidden;
}

span.bb_spoiler:hover>span {
	visibility: visible;
}

blockquote.bb_blockquote,
.bb_wysiwyg blockquote {
	border: 1px solid #56707f;
	border-radius: 3px;
	padding: 12px;
	margin: 8px;

	font-size: 92%;
	display: table;
	word-break: break-word;
}

.forumtopic_answer .answer_quote blockquote.bb_blockquote,
.bb_wysiwyg blockquote {
	border: 1px solid #457592;
}

blockquote.bb_blockquote.with_author {}

div.bb_quoteauthor {
	font-size: 92%;
	font-style: italic;
}

div.bb_h1,
.bb_wysiwyg h1 {
	font-size: 20px;
	line-height: 23px;
	color: #5aa9d6;
	font-weight: normal;
	margin-bottom: 10px;
	clear: both;
}

div.bb_h2,
.bb_wysiwyg h2 {
	color: #5aa9d6;
	margin-bottom: 6px;
	margin-top: 8px;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	clear: both;
}

div.bb_h3,
.bb_wysiwyg h3 {
	color: #5aa9d6;
	margin-bottom: 6px;
	margin-top: 8px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 300;
	clear: both;
}

.ModernBBStyles .DialogBodyText .tagexample {
	color: #cfd2d3;
	font-size: 14px;
}

.ModernBBStyles div.bb_h1 {
	font-size: 32px;
	line-height: 33px;
	font-weight: 500;
	color: #ffffff;
}

.ModernBBStyles div.bb_h2 {
	font-size: 26px;
	line-height: 29px;
	font-weight: 400;
	color: #ffffff;
}

.ModernBBStyles div.bb_h3 {
	font-size: 19px;
	line-height: 22px;
	font-weight: 300;
	color: #ffffff;
}

.ModernBBStyles a.bb_link {
	color: #80bcd2;
}


span.bb_strike {
	text-decoration: line-through;
}

div.bb_pullquote {
	font-size: 18px;
	font-weight: 600;
}

span.bb_link_host {
	font-size: 10px;
	color: #7e8391;
	padding: 4px;
	top: -1px;
}

div.bb_code,
.bb_wysiwyg pre {
	border: 1px solid #535354;
	border-radius: 3px;
	padding: 12px;
	margin: 8px;

	font-size: 11px;
	font-family: Consolas, monospace;
	white-space: pre;
	white-space: pre-wrap;
	overflow-x: auto;
}

span.bb_removedlink {
	color: #56707f;
	font-weight: normal;
	font-size: 80%;
}

div.bb_table {
	display: table;
	font-size: 12px;
}

div.bb_table div.bb_table_th {
	display: table-cell;
	font-weight: bold;
	border: 1px solid #4d4d4d;
	padding: 4px;
}

div.bb_table div.bb_table_th img.sharedFilePreviewImage {
	margin: 0px;
}

div.bb_table div.bb_table_tr {
	display: table-row;
}

div.bb_table div.bb_table_td {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #4d4d4d;
	padding: 4px;
}

div.bb_table div.bb_table_td img.sharedFilePreviewImage {
	margin: 0px;
}

video.bb_video {
	width: 100%;
}

.bb_ul>li {
	list-style-position: outside;
}

/* V6 */

body.v6 .store_nav .popup_block_new .popup_body,
body.v6 #footer_nav .popup_block_new .popup_body {
	border: none;
	position: relative;
	background: #417A9B;
}

body.v6 .store_nav .popup_menu_subheader,
body.v6 #footer_nav .popup_menu_subheader {
	color: #13242e;
}

body.v6 .store_nav .popup_menu .hr,
body.v6 #footer_nav .popup_menu .hr {
	background-color: #33627d;
	margin: 5px 0px 5px 0px;
}

/*
 * DYNAMIC STORE - ownership styling
 */

.ds_flag {
	position: absolute;
	left: 0;
	top: 14px;
	font-size: 10px;
	color: #111111;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);

	height: 18px;
	line-height: 19px;
	padding: 0 0 0 18px;
	white-space: nowrap;
	z-index: 5;
}

.store_main_capsule .ds_flag {
	top: 42px;
}

.broadcast_capsule .ds_flag {
	top: 28px;
}

.ds_flag.ds_owned_flag {
	background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='8' height='2' fill='%23111111'/%3E%3Crect x='1' y='4' width='8' height='2' fill='%23111111'/%3E%3Crect x='1' y='7' width='8' height='2' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 4px 4px #4F95BD;
}

.ds_flag.ds_wishlist_flag {
	background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.31189 0.0504065L6.54671 3.85081H10.5427L7.30988 6.19959L8.5447 10L5.31189 7.65122L2.07907 10L3.31389 6.19959L0.0810761 3.85081H4.07706L5.31189 0.0504065Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 4px 4px #d3deea;
}

.ds_flag.ds_incart_flag {
	background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2758 2.45971L9.20028 6.3586C9.14883 6.55507 9.03359 6.72888 8.87266 6.85277C8.71173 6.97665 8.51421 7.04358 8.31112 7.04304H4.50695C4.309 7.04324 4.11631 6.97935 3.95769 6.86093C3.79906 6.74252 3.68303 6.57593 3.62695 6.3861L2.31 2.45971H0.611115V1.23749H2.53C2.72203 1.23785 2.9091 1.2985 3.0648 1.41089C3.2205 1.52328 3.33697 1.68173 3.39778 1.86388L3.59945 2.47499L10.2758 2.45971ZM4.58334 8.26527C4.43225 8.26527 4.28456 8.31007 4.15894 8.394C4.03332 8.47794 3.93541 8.59724 3.8776 8.73683C3.81978 8.87641 3.80465 9.03 3.83413 9.17818C3.8636 9.32636 3.93635 9.46247 4.04319 9.5693C4.15002 9.67614 4.28613 9.74889 4.43431 9.77837C4.58249 9.80784 4.73608 9.79271 4.87566 9.7349C5.01525 9.67708 5.13455 9.57917 5.21849 9.45355C5.30242 9.32793 5.34723 9.18024 5.34723 9.02915C5.34723 8.82656 5.26675 8.63226 5.12349 8.489C4.98023 8.34575 4.78593 8.26527 4.58334 8.26527ZM8.25 8.26527C8.09892 8.26527 7.95123 8.31007 7.82561 8.394C7.69999 8.47794 7.60208 8.59724 7.54426 8.73683C7.48645 8.87641 7.47132 9.03 7.50079 9.17818C7.53027 9.32636 7.60302 9.46247 7.70985 9.5693C7.81668 9.67614 7.9528 9.74889 8.10098 9.77837C8.24916 9.80784 8.40275 9.79271 8.54233 9.7349C8.68191 9.67708 8.80122 9.57917 8.88515 9.45355C8.96909 9.32793 9.01389 9.18024 9.01389 9.02915C9.01389 8.82656 8.93341 8.63226 8.79016 8.489C8.6469 8.34575 8.4526 8.26527 8.25 8.26527Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 4px 4px #A3CF06;
}

.ds_flag.ds_ignored_flag {
	background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10C4.30833 10 3.65833 9.86875 3.05 9.60625C2.44167 9.34375 1.9125 8.9875 1.4625 8.5375C1.0125 8.0875 0.65625 7.55833 0.39375 6.95C0.13125 6.34167 0 5.69167 0 5C0 4.30833 0.13125 3.65833 0.39375 3.05C0.65625 2.44167 1.0125 1.9125 1.4625 1.4625C1.9125 1.0125 2.44167 0.65625 3.05 0.39375C3.65833 0.13125 4.30833 0 5 0C5.69167 0 6.34167 0.13125 6.95 0.39375C7.55833 0.65625 8.0875 1.0125 8.5375 1.4625C8.9875 1.9125 9.34375 2.44167 9.60625 3.05C9.86875 3.65833 10 4.30833 10 5C10 5.69167 9.86875 6.34167 9.60625 6.95C9.34375 7.55833 8.9875 8.0875 8.5375 8.5375C8.0875 8.9875 7.55833 9.34375 6.95 9.60625C6.34167 9.86875 5.69167 10 5 10ZM5 9C6.11667 9 7.0625 8.6125 7.8375 7.8375C8.6125 7.0625 9 6.11667 9 5C9 3.88333 8.6125 2.9375 7.8375 2.1625C7.0625 1.3875 6.11667 1 5 1C3.88333 1 2.9375 1.3875 2.1625 2.1625C1.3875 2.9375 1 3.88333 1 5C1 6.11667 1.3875 7.0625 2.1625 7.8375C2.9375 8.6125 3.88333 9 5 9Z' fill='%231D1B20'/%3E%3Cpath d='M7.5 5.75H2.5V4.25H7.5V5.75Z' fill='%231D1B20'/%3E%3C/svg%3E%0A") no-repeat 4px 4px #bfbfbf;
}

.ds_flag.ds_excluded_by_preferences_flag {
	left: 0;
	right: 0;
	background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10C4.30833 10 3.65833 9.86875 3.05 9.60625C2.44167 9.34375 1.9125 8.9875 1.4625 8.5375C1.0125 8.0875 0.65625 7.55833 0.39375 6.95C0.13125 6.34167 0 5.69167 0 5C0 4.30833 0.13125 3.65833 0.39375 3.05C0.65625 2.44167 1.0125 1.9125 1.4625 1.4625C1.9125 1.0125 2.44167 0.65625 3.05 0.39375C3.65833 0.13125 4.30833 0 5 0C5.69167 0 6.34167 0.13125 6.95 0.39375C7.55833 0.65625 8.0875 1.0125 8.5375 1.4625C8.9875 1.9125 9.34375 2.44167 9.60625 3.05C9.86875 3.65833 10 4.30833 10 5C10 5.69167 9.86875 6.34167 9.60625 6.95C9.34375 7.55833 8.9875 8.0875 8.5375 8.5375C8.0875 8.9875 7.55833 9.34375 6.95 9.60625C6.34167 9.86875 5.69167 10 5 10ZM5 9C6.11667 9 7.0625 8.6125 7.8375 7.8375C8.6125 7.0625 9 6.11667 9 5C9 3.88333 8.6125 2.9375 7.8375 2.1625C7.0625 1.3875 6.11667 1 5 1C3.88333 1 2.9375 1.3875 2.1625 2.1625C1.3875 2.9375 1 3.88333 1 5C1 6.11667 1.3875 7.0625 2.1625 7.8375C2.9375 8.6125 3.88333 9 5 9Z' fill='%231D1B20'/%3E%3Cpath d='M6.36527 7.42592L2.57407 3.63473L3.63474 2.57407L7.42593 6.36526L6.36527 7.42592Z' fill='%231D1B20'/%3E%3Cpath d='M3.63473 7.42592L7.42593 3.63473L6.36526 2.57407L2.57407 6.36526L3.63473 7.42592Z' fill='%231D1B20'/%3E%3C/svg%3E%0A") no-repeat 4px 4px #bfbfbf;
}

.ds_collapse_flag.ds_flagged .ds_flag {
	overflow: hidden;
	max-width: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.ds_collapse_flag.ds_collapse_flag_tiny.ds_flagged .ds_flag {
	padding-left: 4px;
}

.ds_collapse_flag.ds_flagged:hover .ds_flag {
	max-width: 120px;
}

.ds_collapse_flag.ds_flagged:hover .ds_flag.ds_excluded_by_preferences_flag {
	max-width: none;
	padding-right: 4px;
}

.ds_collapse_flag_tiny.ds_flagged:hover .ds_flag {
	padding-left: 18px;
}

.ds_flagged.ds_excluded_by_preferences {}

/* Scrollbar CSS. Move this to somewhere common before checking in thankx */

.v_scrollbar {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}

.v_scrollbar_target div.animating {
	transition: left 0.3s, top 0.3s;
}

.v_scrollbar>.handle {
	background: #3d6c8d;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3d6c8d), color-stop(100%, #2e5470));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #3d6c8d 0%, #2e5470 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d6c8d', endColorstr='#2e5470', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	border-radius: 2px;
}

.v_scrollbar.horizontal {
	height: 14px;
}

.v_scrollbar.vertical {
	width: 14px;
}

.v_scrollbar.vertical>.handle {

	height: 24px;
	width: 14px;
}

.v_scrollbar.horizontal>.handle {

	height: 14px;
	width: 24px;
}


.LoadingWrapper {
	position: relative;
	margin: auto auto;
	vertical-align: middle;
}

.LoadingWrapper .LoadingThrobber {
	margin: 0px auto 40px auto;
	width: 62px;
	height: 62px;
}

.LoadingWrapper .LoadingText {
	color: #60acde;
	font-size: 22px;
	text-align: center;
}

@keyframes loading_throbber_bar {
	0% {
		transform: scale(1.0, 0.6);
		background-color: #67c1f5;
	}

	30% {
		transform: scale(1.0, 1.0);
		background-color: #67c1f5;
	}

	55% {
		transform: scale(1.0, 0.6);
		background-color: #67c1f5;
	}

	100% {
		transform: scale(1.0, 0.6);
		background-color: #67c1f5;
	}
}


@-webkit-keyframes loading_throbber_bar {
	0% {
		-webkit-transform: scale(1.0, 0.7);
		background-color: #67c1f5;
	}

	30% {
		-webkit-transform: scale(1.0, 1.0);
		background-color: #67c1f5;
	}

	55% {
		-webkit-transform: scale(1.0, 0.7);
		background-color: #67c1f5;
	}

	100% {
		-webkit-transform: scale(1.0, 0.7);
		background-color: #67c1f5;
	}
}

.LoadingWrapper .LoadingThrobber .Bar {
	-webkit-animation: test 2s infinite;
	float: left;
	margin-right: 6px;
	width: 12px;
	height: 68px;
	background-color: #67c1f5;

	animation: loading_throbber_bar 1s ease-in-out infinite;
	-webkit-animation: loading_throbber_bar 1s ease-in-out infinite;
}

.LoadingWrapper .LoadingThrobber .Bar1 {}

.LoadingWrapper .LoadingThrobber .Bar2 {
	animation-delay: 0.16s;
	-webkit-animation-delay: 0.16s;
}

.LoadingWrapper .LoadingThrobber .Bar3 {
	animation-delay: 0.32s;
	-webkit-animation-delay: 0.32s;
}

.content_descriptors_examples_desc {
	font-size: 18px;
	padding-bottom: 20px;
}

.content_descriptors_example_app {
	padding-bottom: 20px;
	display: flex;
	align-items: center;
}

.content_descriptors_example_app .app_logo {
	width: 120px;
	height: 45px;
}

.content_descriptors_example_app .app_name {
	margin-left: 20px;
}

.shared_game_rating {
	color: #c6d4df;
	font-size: 12px;
}

.shared_game_rating .game_rating_agency {
	margin-top: 8px;
}

.shared_game_rating .game_rating_required_age {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 14px;
	color: white;
}

.shared_game_rating .game_rating_title {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 16px;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 8px;
	margin-top: -4px;
}

.shared_game_rating .game_rating_title .game_rating_banned {
	color: red;
}

.shared_game_rating .game_rating_details {
	display: flex;
	margin-bottom: 4px;
}

.shared_game_rating .game_rating_icon {
	margin-right: 10px;
}

.shared_game_rating .game_rating_icon img {
	max-height: 90px;
}

.shared_game_rating p.descriptorText {
	margin: 0;

	font-size: 12px !important;
	color: #c6d4df !important;
	line-height: 14px;
}

.shared_game_rating p.descriptorText .bb_img_ctn {
	display: inline-block;
}

.shared_game_rating .block_title {
	font-size: 13px;
	color: #d3d9dd;
	font-weight: 500;
}

.shared_game_rating .game_rating_allages {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 14px;
	font-weight: 500;
	padding: 10px;
	color: #67C1F5;
	font-weight: 500;
	border: 2px solid #67C1F5;
	background-color: black;
}

/* community awards hover */
.reaction_award_hover {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	width: 150px;
	background: #DADEE0;
}

.community_tooltip.reaction_award_hover,
.store_tooltip.reaction_award_hover {
	padding: 0px;
}

.reaction_award_hover .reaction_award_icon {
	background-color: #474C52;
	border-radius: 3px 3px 0 0;
	padding-top: 5px;
	text-align: center;
}

.reaction_award_hover .reaction_award_icon>img {
	height: 100px;
}

.reaction_award_hover .reaction_award_info {
	padding: 10px;
	text-align: center;
}

.reaction_award_hover .reaction_award_name {
	font-weight: bold;
	font-size: 12px;
	color: #0A212E;
}

.reaction_award_hover .reaction_award_desc {
	padding-top: 5px;
	font-size: 10px;
	color: #0A212E;
}

.reaction_award_hover .reaction_award_points {
	padding-top: 5px;
	font-size: 10px;
	color: #737678;
}

/* community awards */
.community_award_btn_icon {
	vertical-align: middle;
	margin-right: 5px;
}

.community_award_ctn {
	display: flex;
	flex-wrap: wrap;
}

.community_award {
	position: relative;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	padding: 0px 3px 0px 3px;
	margin: 0 1px;
	line-height: 28px;
	height: 28px;
	cursor: pointer;
}

.community_award:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.community_award_icon {
	height: 20px;
	vertical-align: middle;
}

.community_award_count {
	color: #66c0f4;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
}

.community_award_count.hidden {
	display: none;
}

.community_tooltip.community_award_tooltip {
	background: #141c27;
	color: #7cc5fb;
}

/* hover */
.community_award_ctn_hover {
	display: inline-block;
}

.community_award_ctn_hover .community_award {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 5px;
	padding: 3px;
	margin: 1px;
	line-height: unset;
	height: unset;
}

.community_award_ctn_hover .community_award .community_award_icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.community_award_ctn_hover .community_award .community_award_count {
	color: #66c0f4;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0;
}

.community_award_ctn_hover .community_award .community_award_count.hidden {
	display: none;
}

@media screen and (max-width: 910px) {
	html.responsive .newmodal {
		min-width: 0;
	}

	/* workaround for ios safari, having the background be position: fixed introduces display glitches */
	html.responsive .newmodal_background {
		position: absolute;
	}

}

html.responsive.touch .newmodal {
	min-width: 0;
}

/* workaround for ios safari, having the background be position: fixed introduces display glitches */
html.responsive.touch .newmodal_background {
	position: absolute;
}

@media screen and (max-width: 910px) {

	html.responsive .newmodal {
		min-width: 500px;
	}


}

html.responsive.gamepad .newmodal {
	min-width: 500px;
}


@media screen and (max-width: 910px) {
	html.responsive .newmodal_content {
		padding: 15px;
	}
}


/* China Desktop Footer */

body.v6 #footer.china_footer {
	padding: 16px 16px 60px 16px;
}

body.v6 #footer_spacer.china_spacer {
	height: 360px;
}

.china_footer_content a,
#footer .china_footer_content a {
	color: #8F8E93;
}

.china_footer_content a:hover,
#footer .china_footer_content a:hover {
	color: #FFFFFF;
}

.china_footer_navlinks {
	user-select: none;
	margin-left: 50px;
	line-height: 24px;
}

.china_footer_content {
	max-width: calc(910px - 16px);
	margin: 0px auto;
	padding-top: 16px;
	color: #8F8E93;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

}

.china_footer_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.china_pw_logo {
	margin-right: 10px;
}

.china_steam_logo {
	width: 142px;
	height: 44px;
}

.china_footer_line {
	height: 1px;
	background: #24272C;
	margin: 20px 0;
}

.china_footer_social_box {
	display: flex;
	align-items: center;
}

.china_footer_social_box:first-of-type {
	margin-right: 20px;
}

.china_footer_social_box.tooltip {
	cursor: default;
	user-select: none;
}

.china_footer_socials_ctn {
	display: flex;
}

.china_footer_legal_ctn {
	margin-top: 20px;
}

.china_footer_logos img {
	width: 96px;
	vertical-align: top;
}

.gpnav:focus {
	outline: 4px solid blue;
	box-shadow: 0 0 2px inset #0000ff;
}


/* For Date pickers shared between projects */

.rdt .rdtPicker {
	background: #576070;
	border: 1px solid #646f82;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
}

.rdt .rdtPicker th {
	border-bottom: transparent;
}

.rdt .rdtPicker td {
	color: white;
}

/* days that show from the previous or subsequent calendar month (eg when a month does not start on a Sunday) */
.rdt .rdtPicker td.rdtNew,
.rdt .rdtPicker td.rdtOld {}

.rdt .rdtPicker td.rdtDisabled,
.rdt .rdtPicker td.rdtDisabled:hover {
	color: #333333;
}

.rdt .rdtPicker td.rdtDay:hover,
.rdt .rdtPicker td.rdtMonth:hover,
.rdt .rdtPicker td.rdtYear:hover {
	color: black;
}

.rdt .rdtPicker td .rdtCounter .rdtBtn:hover {
	color: black;
}

.rdt .rdtPicker th.rdtSwitch {
	color: white;
	font-size: 13px;
}

.rdt .rdtPicker th.rdtSwitch:hover {
	color: black;
}

.rdt .rdtPicker th.dow {
	background: #474f5c;
	color: #9aa3b1;
}


/* for dynamic store items */
html.responsive .ds_steam_deck_compat {
	display: block;
	position: absolute;
	pointer-events: none;
	top: 4px;
	right: 4px;
	z-index: 15;
	width: 44px;
	height: 24px;
	border-radius: 24px;
	opacity: 0;
	background-color: var(--gpBackground-DarkMedium);
	backdrop-filter: blur(24px);
	transition: opacity 0.1s ease;
}

html.responsive .gpfocus .ds_steam_deck_compat {
	transition: opacity 0.2s ease 0.1s;
	opacity: 1;

}

.ds_steam_deck_compat.verified {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') 3px no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-verified.svg') 22px no-repeat;
}

.ds_steam_deck_compat.playable {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') 3px no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-playable.svg') 22px no-repeat;
}

.ds_steam_deck_compat.unsupported {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') 3px no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unsupported.svg') 22px no-repeat;
}

.ds_steam_deck_compat.unknown {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') 3px no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unknown.svg') 22px no-repeat;
}

.ds_steam_deck_compat.steamoscompatible {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-steamos-compatible.svg') no-repeat;
}

.ds_steam_deck_compat.steamosunsupported {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unsupported.svg') no-repeat;
}

.ds_steam_deck_compat.steamosunknown {
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unknown.svg') no-repeat;
}

.ds_steam_deck_compat.steamoscompatible,
.ds_steam_deck_compat.steamosunsupported,
.ds_steam_deck_compat.steamosunknown {
	background-position: center;
	width: 24px !important;
}


/* global inline */
.steam_deck_compat {
	display: none;
	pointer-events: none;
	width: 40px;
	height: 20px;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') left no-repeat;
	background-size: 20px 20px;
}

.steam_deck_compat.verified {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') left no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-verified.svg') right no-repeat;
}

.steam_deck_compat.playable {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') left no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-playable.svg') right no-repeat;
}

.steam_deck_compat.unsupported {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') left no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unsupported.svg') right no-repeat;
}

.steam_deck_compat.unknown {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-logo.svg') left no-repeat, url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unknown.svg') right no-repeat;
}

.steam_deck_compat.steamoscompatible {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-steamos-compatible.svg') no-repeat;
}

.steam_deck_compat.steamosunsupported {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unsupported.svg') no-repeat;
}

.steam_deck_compat.steamosunknown {
	display: inline-block;
	background: url('https://store.akamai.steamstatic.com/public/shared/images/ico/ico-deck-unknown.svg') no-repeat;
}

.steam_deck_compat.steamoscompatible,
.steam_deck_compat.steamosunsupported,
.steam_deck_compat.steamosunknown {
	background-position: center;
	width: 20px !important;
}

.private_app_indicator {
	height: 1.25em;
	width: 1.25em;
	vertical-align: middle;
	display: inline-block;
}

.private_app_indicator svg line,
.private_app_indicator svg path {
	stroke: rgb(110, 141, 80);
}

.shared_autocollapse_fade {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 79px;
	z-index: 1;
	background: -webkit-linear-gradient(top, rgba(16, 25, 35, 0.0) 0%, rgba(16, 25, 35, 1.0) 80%);
	background: linear-gradient(to bottom, rgba(16, 25, 35, 0.0) 0%, rgba(16, 25, 35, 1.0) 80%);
}

.shared_autocollapse_readmore {
	display: flex;
	justify-content: center;
	gap: 4px;
	width: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(37 63 96 / 50%) 33%, rgb(37 63 96 / 50%) 66%, rgba(0, 0, 0, 0) 100%);
	line-height: 26px;
	cursor: pointer;
	color: #67c1f5;
	font-size: 12px;
	padding-right: 0px;
	right: unset;
	/* remove for final */
	bottom: unset;
	/* remove for final */
	height: unset;
	/* remove for final */
}

.shared_autocollapse_readmore:hover {
	color: #ffffff;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(37 63 96 / 70%) 33%, rgb(37 63 96 / 70%) 66%, rgba(0, 0, 0, 0) 100%);
}

.shared_autocollapse_ctn.collapsed .shared_autocollapse_fade {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}


.responsive_page_frame {
	position: relative;
}

body.movescrolltocontent .responsive_page_frame {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}

body.overflow_hidden,
body.overflow_hidden .responsive_page_frame {
	overflow: hidden;
	position: relative;
}

html.responsive {
	height: 100%;
}

html.responsive body {
	min-height: 100%;
	height: auto;
	position: relative;
}

html.responsive body.movescrolltocontent {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive_page_content {}

.partner_events .responsive_page_content {
	height: 100vh;
}

.responsive_page_menu_ctn {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	overflow: hidden;

	background: black;

	z-index: 30;
	width: 280px;
}

.responsive_page_frame:not(.in_menu_drag) .responsive_page_menu_ctn {
	transition: left 0.5s, right 0.5s;
}

.responsive_page_menu_ctn.mainmenu {
	inset-inline-start: -280px;
}

.responsive_page_menu_ctn.localmenu {
	inset-inline-end: -280px;
}

.responsive_page_frame.mainmenu_active .responsive_page_menu_ctn.mainmenu,
.responsive_page_frame.localmenu_active .responsive_page_menu_ctn.localmenu {
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.75);
}

.responsive_page_frame.mainmenu_active .responsive_page_menu_ctn.mainmenu {
	inset-inline-start: 0;
}

.responsive_page_frame.localmenu_active .responsive_page_menu_ctn.localmenu {
	inset-inline-end: 0;
}

.responsive_page_content_overlay {
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 25;
	/* on top of page and header */

	transition: visibility 0.5s, opacity 0.5s;
}

.responsive_page_frame.mainmenu_active .responsive_page_content_overlay,
.responsive_page_frame.localmenu_active .responsive_page_content_overlay {
	visibility: visible;
	opacity: 1.0;
	transition: visibility 0s, opacity 0.5s;
}

.responsive_page_menu {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.mainmenu_contents {
	background: #171a21;
	font-size: 18px;
	position: relative;
	min-height: 100%;
}

.mainmenu_contents_items {

	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-weight: 700;
}

.responsive_page_menu_ctn.localmenu .responsive_page_menu {
	background: #171a21;
}

.responsive_page_menu_ctn.localmenu .localmenu_subarea {
	background: #192533;
	border-radius: 3px;
	padding: 10px;
	color: #bdbdbd;
	margin-bottom: 16px;
}

.responsive_page_menu_ctn.localmenu .localmenu_subarea .subheader {
	font-size: 1.2em;
	margin-bottom: 8px;
}

.submenuitem {
	font-weight: 400;
}

.mainmenu_contents .menuitem,
.mainmenu_contents .submenuitem,
.notification_submenu .popup_menu_item {
	display: block;
	padding: 0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 3em;

	text-decoration: none;

	cursor: pointer;
}

.mainmenu_contents .menuitem {
	position: relative;
	color: #bdbdbd;
	background: #171a21;
	transition: background 0.25s, color 0.25s;
	font-size: 1em;

	&:hover {
		color: white;
		background: #30353F;
	}
}

.mainmenu_contents .menuitem.username {
	max-width: none;
}

.mainmenu_contents .menuitem,
.menuitem_submenu_wrapper .inner_borders,
.mainmenu .minor_menu_items {
	border-top: 1px solid #2f3138;
	border-bottom: 1px solid #000000;
}

.mainmenu .minor_menu_items {
	border-bottom: none;
	padding-top: 6px;
}

.menuitem_submenu_wrapper.active .submenuitem {
	color: #DCDEDF;
}

.mainmenu_contents .menuitem.submenu_active {
	background-color: #3d4450;
	color: #ffffff;
	border-bottom: none;
}

.mainmenu_contents .menuitem .chevron {
	/* background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAwCAYAAACG5f33AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFxJREFUeNrkmg9klGEcx5/dMY4Y44hjxIgxRpSy7NwspSmNWZayGGmKFJGylCJSmlJMKctiylKa5aZpSmmMMWIcY4xxjGPEmPX72ffN23Z7732f3/Pe+97tx9dtd/e87/N+7n1+/563Ym1tTbmx8fHxLnq5QzqYSqXmbO+rMrMoaZDUz5dX6MsRl/A66OU5KUFK0/9xVb42QOLr/UTaLwZIsI7hoFG8VUsapferyhDeI1In/o7xdZL2Og2ocFrCBKkFv0Rlvo9JR0grZQKvl3Qrz/tLpCRpxhNAgteEXyDmcNL3pHbSaonDu0B67PB5ln0/adYVQILHt+0X0g4XJ39G6ilheJ0IGoVsAXdixhEgwWugl68kLz7uHulaCcJj/z5s8++FbJ50ADA3AyR4dYCnE2Uvkp6UELwU/HvM47gMlvPifwAJXi3gJQSTOkV6UwLw9sBF6WYSvwFxKbJhjc8LJ/aSdDjk8HYjOErSMAaYy7eE+aDpQrlPAfsDZzsZQni8un4JV9kIqc1K3/IFkWos5XrBSRxzp4CM/foPFAK6NkZqtee+W6UxcUCsE5yMXcI+e8QK0KpwPQ2CY3wnHcIKc5VIJ3BSyS+WQdjPBggvBrfUKDjGJODlvJZyNfTyjVQjPHkzaTkAeFyCvkW+p2vTcEc5z7WwwfQmqLp50NYc0I22SacVVOGmHyhMsC0bQp5YrLr5Kem80P38S5hFAG0lHief1YJJFatu5sbvdcH4TSWbGKCtyZAWJqG3STd9hHeZ9ECYPfCdN+fmy54AAmIjIMYEk+zB3WjaulAN6dqWbStjAAFRtxD3s24+gYgbFcBr9pr8awEExKNoBVVqTngFWf2Yoc7KqGAuOcCb8jpQGyAgSn91E3Wzl+bvVnNgeD91BosAAiLnWQPCpZNEzuXV6gEvLoDH+emE7vVHDCwf9mPdwiI/rZGo78KyjQtcSJsEnimAbK/Uekda1xKA6BbGTk3odngnSZ+lF24KIBu3868Ixte5jOxWz1K3ycGV0Bm1vqOowgSQ7aEwSeaA8MEhmlqdFUmvshtlpQojQKvSuC8Y34JkOJqnszKsZN3yc3A3KswA2a6S+gTjObLbN7qjiPSS/RZ2L/2mL9QvgGyXSC8E47mT0mvrrHQIjnUD7sW4mcgDnT6OYjmeFpyC04wmwfi7AOiL+XkHWhHvLOmd4BgSeH1+wisGQAsiNw5GVHGtH25ElTpAe9Y/VqTzvUbEVeUC0IJ4XK1vD/ppQ3AbqtwA2ot3v55a+IgqY7VcAbLx9ibvsU4bPi7Xte2qyDt/QQBkywGiqUc/JpTteZXtAJAtC4gZ4XG4EdqqNjxysR0AsvGea1LpP1Y3BZ+6HNQFBA2QzXr22OtDSDOAlwty8mEAyMZ7sM3K/UNIs1j+2aAnHhaAFhQ3EC3Yi2GYdJgAulmWC4C3EJYJhw2gU2CwAs5cmCYbRoD5UhNTKc+2AWhPjrOGk26j9leAAQDu6F3rDzHr6wAAAABJRU5ErkJggg==' ); */
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5316 18.0962L9.43544 10L5.8999 13.5355L17.5316 25.1673L29.1633 13.5355L25.6278 10L17.5316 18.0962Z' fill='%23bdbdbd'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	width: 18px;
	height: 18px;

	position: absolute;
	inset-inline-end: 12px;
	top: calc(50% - 9px);

	transition: transform 0.25s;
}

.mainmenu_contents .menuitem.submenu_active .chevron {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	color: white;
}


.menuitem_submenu_wrapper {
	overflow: hidden;
	background: #171a21;

	transition: height 0.5s, background 0.25s, color 0.25s;
}

.menuitem_submenu_wrapper.active {
	background: #30353F;

	.inner_borders {
		padding-bottom: 10px;
	}
}

.menuitem_submenu_wrapper .submenuitem,
.notification_submenu .popup_menu_item {
	display: block;
	font-size: 0.75em;
	color: #ffffff;
	padding-inline-start: 28px;
}

.menuitem.notifications_item .notification_count_total_ctn.no_notifications {
	font-weight: 400;
	color: #8a8a8a;
}

.notifications_item .notification_count_total_ctn {
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	line-height: 140%;
	padding: 2px 8px;
	font-size: 0.75em;
	margin-inline-start: 0.4em;
}

.notifications_item .notification_envelope {
	display: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA0CAYAAAAzMZ5zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvRJREFUeNrsWu2RmzAQXd+kAJVACaQDroNzB6QDXEFIBXYHXAe+VGB3AB34OiAdKNJlmVN8YD2BBBi8Mzv84UO8/XirXW2klPSQT/mm9PSA4VM28uEi/8mT0sMDhg95V/pdA7JTulX6Z8VgvGowlFYbI2JipQVf1yLaCX4ofTNDppFK6TOjtQap2CvernNIG2K7hYNxYDDe21im66GYKVksLER2t6JgY2FdDcZRabIQFtlyqHT+rw6ZFwuizwug5nPDIjfu0RFRkvwnufYUi74oreX9yR74t7S5mYwHT0qF5cFYaXknQNRsRBsYhfkQXb3kwj996wXi+iUzlBL8jy/GpQ5kUwDZbKZgHEFPbw1/Ghh7yczySjbUkGT5AJJXxAzySs3GGRzqBHwMySvEHjWFIEaLUKORgwWQvJKOHELew5oCLGAMakYp1TnxUyAXDUnNQb9PPReF5hXf1JyH9lAa6LYpuMDLQCBQAwzeXpAHqxXAQgUXTH0Tp5AjsRx5cuWSqQ3J+CcHoJF3RtJjEieP8Y0URyYwRUsolWzpCHyP9x14iLnML6X5CD2OvdLsXgZV58CjDT0dSEMNqkLI78Bznl2o6YBvD6m4a1+N1BpMOXTEHD3kAPQtXUQAQ7NXz98kHyxzAdlFGMyyZ4aIWtgn5ZqldqhOie+bnHaPYNGUDKxWXeqcSSpVdLfpzXIOW4UhVXHv3S5irVBtgAL0ymwMQNB4zgI3itDNnrNRyCGGY9BdT3I8ySWezL0Bgu42p5rsnXyujzxs1sSEDWbXJG/dGdNAOvXR/PHddEbWnaOA1OCwxyed+hY037XWLNSj+PHakAkYQpnsUbO4HIcYg059Cxr6mQlILANXfzPwlgTMh6XtSBXxCaNiAWfNoE7eLUA0AD9DtOkmPoq5bTt9aAMk5sN20UIP63Z23NoaRPnH4bNlgtF4ftGVBkwPifimhNYjX45qPhm9yXJlYDROUJrJVntIbDmruhbRo5MzQrurkr8CDACZX+ZRUnCU8wAAAABJRU5ErkJggg==');
	background-size: 100% 100%;
	background-position: top left;
	width: 17px;
	height: 13px;
	vertical-align: middle;
}

.notifications_item .notification_count {
	vertical-align: middle;
}

.notifications_item .notification_count_total_ctn.has_notifications {
	color: #ffffff;
	background-color: #5c7e10;
}

.notifications_item .notification_count_total_ctn.has_notifications .notification_envelope {
	display: inline-block;
}

.mainmenu .notification_submenu .notification_icon,
.mainmenu .notification_submenu .header_notification_dropdown_seperator {
	display: none;
}

.mainmenu .minor_menu_items .menuitem {
	color: #8a8a8a;
	border: none;
	font-size: 14px;
	font-weight: 400;

	&:hover {
		background: none;
		color: #ffffff;
	}
}

.mainmenu_footer_spacer {
	height: 160px;
}

.mainmenu_footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 10px;
	white-space: normal;
	color: #8a8a8a;
	padding: 0 12px 24px 12px;
}

.mainmenu_footer_logo {
	padding-bottom: 10px;

	img {
		width: 100px;
		opacity: 50%;
	}
}

.mainmenu_footer .mainmenu_valve_links>a {
	color: #8a8a8a;
}

.responsive_menu_notifications .popup_menu_item {
	font-size: 16px;
}

.responsive_menu_notifications .popup_menu_item.active_inbox_item {
	color: #70ba24;
}

.responsive_local_menu_tab {
	display: none;
}

.responsive_local_menu_tab.active {
	display: block;
	background-color: rgba(104, 157, 221, 0.6);
	position: fixed;
	right: 0;
	top: 6px;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	width: 30px;
	height: 50px;
	z-index: 12;
	/* behind overlay, on top of page content */

	background-image: url('https://store.akamai.steamstatic.com/public/shared/images/responsive/local_menu_hamburger.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-size: 110%;

	transition: opacity 0.5s;
	box-shadow: 0 0 30px 0 #6799e2;

	cursor: pointer;
}

.responsive_page_frame.with_header {
	--global-header-height: 104px;
}

.responsive_page_frame.with_header .responsive_local_menu_tab {
	top: 68px;
}

.responsive_page_frame.mainmenu_active .responsive_local_menu_tab,
.responsive_page_frame.localmenu_active .responsive_local_menu_tab {
	opacity: 0;
}

.responsive_header {
	display: none;
	background: #171a21;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 20;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.75);

	overflow: hidden;

	padding: 13px 8px;
}

@media screen and (max-height: 360px) {
	.responsive_header {
		position: absolute;
	}
}

.responsive_header_content {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#responsive_menu_logo,
#responsive_header_search_btn {
	position: relative;
	cursor: pointer;
	width: 36px;
	height: 31px;
}

.responsive_header_notification_badge_ctn {
	position: absolute;
	text-align: center;
	inset-inline-end: -26px;
	width: 60px;
	top: -4px;
}

.responsive_header_notification_badge {
	display: inline-block;
	background: #ca2842;
	color: #ffffff;
	padding: 0 4px;
	font-size: 11px;
	line-height: 17px;
	border-radius: 8px;
}

.responsive_header_notification_badge.no_notifications {
	display: none;
}

.responsive_header_logo {
	flex: 1;
}

.responsive_header_react_target {
	display: contents;
}

.responsive_header_react_placeholder {
	width: 34px;
}

.responsive_header .responsive_header_logo img {
	vertical-align: middle;
}

.responsive_header .responsive_header_logo a {
	display: inline-block;
}

.localmenu_content {
	padding: 16px;
}

/* China Mobile Footer */

.mainmenu_socials_china {
	display: flex;
	align-items: center;
}

.mainmenu_social_box {
	margin-right: 25px;
	display: flex;
	align-items: center;
}

.mainmenu_line {
	height: 1px;
	background: #2f3138;
	margin: 15px 0;
}

.mainmenu_links_china {
	margin: 10px 0;
	line-height: 17px;
}

.mainmenu_footer a {
	color: #8a8a8a;
}

.mainmenu_footer a:hover {
	color: #FFFFFF;
}

.mainmenu_legal_china {
	font-size: 9px;
}

.mainmenu_legal_pwlegal {
	margin-top: 15px;
}

.mainmenu_logos_china {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.mainmenu_china_wechat_logo {
	width: 31px;
	height: 27px;
}

.mainmenu_china_weibo_logo {
	width: 30px;
	height: 26px;
}

.mainmenu_china_pw_logo {
	width: 68px;
	height: 23px;
	margin-right: 10px;
}

.mainmenu_china_valve_logo {
	width: 64px;
	height: 19px;
}

.mainmenu_footer_spacer.china_spacer {
	height: 330px;
}

/* reduce the event share dialog body's bottom margin */
.EventDisplay_Share_Dialog .DialogBodyText {
	margin-bottom: 10px;
}

@media screen and (max-width: 910px) {

	/* these elements end up getting moved, but hide them in the main page while content is loading */
	html.responsive .responsive_page_content .responsive_local_menu {
		display: none;
	}
}

.responsive_menu_user_area {
	padding: 20px 20px 12px 14px;
	z-index: 1;
	position: relative;

}

.responsive_menu_user_persona {
	line-height: 36px;
	padding-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.responsive_menu_user_persona {

	.persona a,
	.persona.online a,
	.persona.offline a {
		color: #DCDEDF;
	}
}

.responsive_menu_user_persona .playerAvatar {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	height: 64px;
	width: 64px;
	padding: 0px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);

	img {
		width: 64px;
		height: 64px;
	}
}

.responsive_menu_user_persona.persona.offline,
.responsive_menu_cartwallet_area.persona.offline {

	color: #bdbdbd;

	a {
		color: #bdbdbd;
	}

}

.responsive_menu_user_container {

	background: -webkit-linear-gradient(343deg, #24313f 0%, #171a21 33%);
	background: linear-gradient(107deg, #24313f 0%, #171a21 33%);
}

.responsive_menu_user_bg {
	position: absolute;
	top: 0;
	overflow: clip;
	max-height: 145px;

	img {
		width: 280px;
		filter: blur(20px);
		opacity: .5;
	}
}

.playerProfile_area {
	display: flex;
	flex-direction: column;
}

.playerProfile_area_profilebtn {
	display: flex;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 2px;
	padding: 5px 10px;
	color: white;
	font-size: 11px;
	font-weight: 500;
	line-height: 20px;
	width: fit-content;
	transition: background-color 0.25s, color 0.25s, box-shadow 0.25s;

	&:hover {
		background-color: rgba(255, 255, 255, 0.4);
		color: white;
		box-shadow: 3px 3px 2px rgb(54 54 54 / 20%);

		a {
			color: white;
		}
	}
}


.responsive_change_language_select {
	font-size: 24px;
}

.responsive_menu_cartwallet_area {
	font-size: 0.75em;
	line-height: normal;
	margin-top: 12px;
	font-weight: 400;
	display: flex;
	color: #DCDEDF;
	gap: 10px;
}

.responsive_menu_user_wallet {}

/*overriding the global styles for links, avatar and persona name are more directly styled*/


.responsive_menu_cartwidget {
	display: contents;
}


@media screen and (max-width: 910px) {

	html.responsive .responsive_page_frame.with_header {
		--responsive-menu-floating-height: 62px;
	}

	html.responsive div#global_header {
		display: none;
	}

	html.responsive .responsive_page_frame.with_header {
		--global-header-height: 0px;
	}


	html.responsive .responsive_page_menu_ctn {
		display: block;
	}

	html.responsive div.responsive_header {
		display: block;
	}

	html.responsive div.responsive_page_content {
		position: relative;
		z-index: 10;
	}

	html.responsive .responsive_page_frame.with_header div.responsive_page_content {
		padding-top: var(--responsive-menu-floating-height, 0px);
		/* the header overlaps this area */
	}

	/* we show a footer in the menu itself */
	html.responsive div#footer,
	html.responsive div#footer_spacer {
		display: none;
	}

	html.responsive .responsive_page_template_content {
		padding-bottom: 120px;
		min-height: calc(100vh - 120px - var(--responsive-menu-floating-height, 0px) - var(--store-menu-overlap-height, 0px));
	}

	html.responsive .perf_timing_area {
		margin-top: -22px;
		position: relative;
		z-index: 30;
	}

	html.responsive .responsive_hidden {
		display: none;
	}

	html.responsive h2.nonresponsive_hidden {
		display: block;
	}

	html.responsive div.nonresponsive_hidden {
		display: block;
	}


}

html.responsive.touch .responsive_page_frame.with_header {
	--responsive-menu-floating-height: 62px;
}

html.responsive.touch div#global_header {
	display: none;
}

html.responsive.touch .responsive_page_frame.with_header {
	--global-header-height: 0px;
}


html.responsive.touch .responsive_page_menu_ctn {
	display: block;
}

html.responsive.touch div.responsive_header {
	display: block;
}

html.responsive.touch div.responsive_page_content {
	position: relative;
	z-index: 10;
}

html.responsive.touch .responsive_page_frame.with_header div.responsive_page_content {
	padding-top: var(--responsive-menu-floating-height, 0px);
	/* the header overlaps this area */
}

/* we show a footer in the menu itself */
html.responsive.touch div#footer,
html.responsive.touch div#footer_spacer {
	display: none;
}

html.responsive.touch .responsive_page_template_content {
	padding-bottom: 120px;
	min-height: calc(100vh - 120px - var(--responsive-menu-floating-height, 0px) - var(--store-menu-overlap-height, 0px));
}

html.responsive.touch .perf_timing_area {
	margin-top: -22px;
	position: relative;
	z-index: 30;
}

html.responsive.touch .responsive_hidden {
	display: none;
}

html.responsive.touch h2.nonresponsive_hidden {
	display: block;
}

html.responsive.touch div.nonresponsive_hidden {
	display: block;
}


.perf_timing_area {
	/*display: none;*/
	margin-bottom: 0;
}

.perf_timing_data {
	width: auto;
}

.responsive_page_menu div.responsive_menu_only {
	display: block;
}

.responsive_page_menu span.responsive_menu_only {
	display: inline;
}

@media screen and (max-width: 910px) {
	html.responsive span.nonresponsive_hidden {
		display: inline;
	}

	html.responsive img.nonresponsive_hidden {
		display: block;
	}

	html.responsive a.nonresponsive_hidden {
		display: block;
	}
}

.responsive_tab_control select {
	color: #ffffff;
	background: rgba(0, 0, 0, 0.3);
	/*background: #3a6d8b;*/
	padding: unset;
	border: none;
	font-size: 16px;
	height: 24px;
	max-width: 98%;
	min-width: 250px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */

}

.responsive_tab_control select option {
	background: #3a6d8b;
}

/* If the user has opted to "view desktop site", we add a button to the bottom of the footer
	to opt back in to the mobile site.  This is button repsonds to device width
	so that it's bigger on smaller screens and easier to tap when zoomed out */

html.force_desktop body #footer .responsive_optin_link {
	display: block;
	text-align: center;
	padding: 20px 0;
}

html.force_desktop body #footer_responsive_optin_spacer {
	height: 64px;
}

.responsive_optin_link .btn_medium>span {
	line-height: 150%;
}

@media screen and (max-device-width: 640px) {
	.responsive_optin_link .btn_medium>span {
		font-size: 22px;
	}

	html.force_desktop body #footer_responsive_optin_spacer {
		height: 75px;
	}
}

@media screen and (max-device-width: 500px) {
	.responsive_optin_link .btn_medium>span {
		font-size: 26px;
	}

	html.force_desktop body #footer .responsive_optin_link {
		padding: 25px 0;
	}

	html.force_desktop body #footer_responsive_optin_spacer {
		height: 91px;
	}
}

@media screen and (max-device-width: 400px) {
	.responsive_optin_link .btn_medium>span {
		font-size: 34px;
	}

	html.force_desktop body #footer .responsive_optin_link {
		padding: 40px 0;
	}

	html.force_desktop body #footer_responsive_optin_spacer {
		height: 133px;
	}

}

@media print {

	html .responsive_page_menu_ctn.mainmenu,
	html .responsive_local_menu_tab,
	html .responsive_page_menu_ctn.localmenu,
	html .responsive_header {
		display: none;
	}
}

.responsive_fixonscroll_ctn {
	position: fixed;
	left: 0;
	right: 0;
	background: #171a21;
	box-shadow: 0 2px 4px 0 #000000;
	z-index: 15;
}

.responsive_app_menu {
	display: flex;
	flex-direction: row;
	cursor: pointer;
}

.responsive_app_menu .menu_ellipses {
	width: 6px;
	height: 6px;
	background: #8A97A0;
	border-radius: 3px;
	margin-right: 3px;
}

@media screen and (max-width: 910px) {

	html.responsive:not(.legacy_mobile) .responsive_scroll_snap_start {
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	html.responsive:not(.legacy_mobile) .responsive_scroll_snap_ctn {
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	html.responsive div.responsive_tab_baseline {
		display: none;
	}


}

html.responsive.gamepad:not(.legacy_mobile) .responsive_scroll_snap_start {
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

html.responsive.gamepad:not(.legacy_mobile) .responsive_scroll_snap_ctn {
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

html.responsive.gamepad div.responsive_tab_baseline {
	display: none;
}


@media screen and (max-width: 910px) {}

html.responsive body.OverlayWindowPinned div.responsive_header {
	display: none;
}

html.responsive body.OverlayWindowPinned.responsive_page .responsive_page_frame.with_header div.responsive_page_content {
	padding-top: 0px;
}

html.responsive body.OverlayWindowPinnedView div.responsive_local_menu_tab {
	display: none;
}

html.responsive body.OverlayWindowPinnedView.responsive_page {
	overflow: hidden;
	background: none;
}

/* CSS Document */

.responsive_page_content {
	min-height: 100vh;
}

.addfunds_area_purchase_game {
	margin-bottom: 16px;
	padding: 16px;
}

.addfunds_pageheader {
	margin-bottom: 0px;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: normal;
}

.addfunds_separator {
	color: #898A8C;
	font-size: 12px;
	margin-top: -5px;
	margin-bottom: 11px;
	margin-left: 5px;
}

.game_area_purchase_game .addfunds_purchase_action {
	bottom: 0;
	position: relative;
	right: 0;
}

.game_area_purchase_game .addfunds_purchase_action.game_purchase_action {
	margin-right: 10px;
}

.need_help_block {
	margin: 25px 0px 20px 0px;
	padding: 16px;
	background: rgba(0, 0, 0, 0.2);
}

.block .block_header {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-weight: normal;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: transparent;
	padding: 0px 0px 4px 0px;
}

.block .block_sub_header {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-weight: normal;
	font-size: 14px;
	color: #67c1f5;
	background: transparent;
	padding: 0px 0px 4px 0px;
}

.block .block_title {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-weight: normal;
	font-size: 12px;
	color: #8f98a0;
	background: transparent;
	padding: 0px 0px 4px 0px;
}

.block.subscriptions {
	margin-bottom: 20px;
}

.block_content {
	border: 1px solid #28394d;
	border-radius: 2px;

}

.block_content_inner {
	padding: 4px 4px 4px 4px;
	overflow: hidden;
}

.block.accountInfoBlock {
	margin-bottom: 20px;
}

.accountInfoBlock .addfunds_accountBalance {
	margin-bottom: 0px;
}

.accountInfoBlock .block_content {
	border: none;
	border-radius: 0px;
	background: rgba(0, 0, 0, 0.2);
	padding: 16px;
}

.addfunds_about {
	color: #c6d4df;
	font-size: 14px;
	margin-bottom: 28px;
}

.addfunds_about p {
	margin-bottom: 10px;
}

.addfunds_footer {
	color: #8f98a0;
	font-size: 14px;
	margin-top: 28px;
	margin-bottom: 28px;
}

.addfunds_linkbar {
	margin-top: 8px;
}

.addfunds_cafe_selection {
	background: rgba(226, 244, 255, 0.3);
	padding: 15px;
	margin-bottom: 20px;
	font-size: 14px;
}

.addfunds_cafe_selection a {
	border-radius: 4px;
	text-align: center;
	display: block;
	width: 280px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: rgba(128, 164, 186, 1);
	color: rgba(96, 122, 140, 1);
}

.addfunds_cafe_selection .selected {
	background-color: rgba(39, 65, 88, 1);
	color: #ffffff;
}

.addfunds_cafe_selection_text {
	padding-bottom: 30px;
}

.addfunds_cafe_selection_buttons {
	text-align: center;
	overflow: hidden;
}

.addfunds_local_currency {
	padding-bottom: 20px;
}

.rule,
.inner_rule {
	border-top: 1px solid #56707F;
	margin: 5px 0px 10px;
}

.steamaccount_currencyselect {
	text-align: right;
}

.steamaccount_currencyselect .dselect_container {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.currency_change_confirm_dialog {
	max-width: 670px;
}

.currency_change_confirm_dialog p {
	margin: 24px 0;
}

.currency_change_confirm_dialog b {
	color: #67c1f5;
	font-weight: normal;
}

.currency_change_option_ctn {
	vertical-align: top;
	margin: 0 6%;
}

.currency_change_option_ctn:first-child {
	margin-bottom: 12px;
}

.currency_change_option {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	display: block;
}

.currency_change_option>span {
	display: block;
	padding: 9px 19px;
}

.currency_change_option .country {
	font-size: 20px;
}

.currency_change_option .notes {
	font-size: 13px;
	/* line-height: 18px; */
}

.currency_change_option_ctn>p {
	font-size: 12px;
	margin: 8px 8px 0 8px;
}

p.currency_change_confirm_dialog_footer {
	margin-top: 128px;
}

.youraccount_updating_shipping_button_row {
	padding-top: 20px;
}

.shipping_row_alternate {
	background-color: rgba(0, 0, 0, 0.1)
}

.two_column {
	vertical-align: top;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

}

.two_column.left {
	width: 220px;
	float: left;
}

.two_column.right {
	vertical-align: top;
	margin-left: 11px;
	overflow: hidden;
}

@media screen and (max-width: 500px) {
	html.responsive.mobile_client .two_column.left {
		display: flex;
		flex-direction: row;
		text-align: center;
		overflow: scroll;
		margin: 0 -2vw;
	}

	html.responsive.mobile_client .two_column .nav_item.active {
		font-weight: 600;
		background: linear-gradient(to top, #223D5A, transparent);
	}

	html.responsive.mobile_client .two_column .nav_item:hover {
		background-color: transparent;
	}

	html.responsive.mobile_client .two_column.left::-webkit-scrollbar {
		display: none;
	}

	html.responsive.mobile_client .nav_item {
		font-size: 12px;
		font-weight: 400;
		padding: 10px;
		margin: 15px 10px;
		flex: auto;
		flex-shrink: 0;
	}

	html.responsive.mobile_client .nav_item.active {
		color: #07bfff;
		padding-left: 10px;
		padding-right: 10px;
		background: linear-gradient(to top, #223D5A, transparent);
		color: #67c1f5;
		font-weight: 600;
	}

	html.responsive.mobile_client .account_settings_container {
		padding: 4px 8px;
	}
}

@media screen and (max-width: 910px) {

	html.responsive .two_column.left,
	html.responsive .two_column.right {
		width: auto;
		display: block;
		margin-left: 0;
		margin-bottom: 8px;
		float: none;
	}

	html.responsive .two_column .nav_item {
		display: inline-block;
		min-width: calc(33% - 30px);
	}
}

.two_column .nav_item {
	padding: 15px;
	color: #fff;
	font-size: 14px;
	display: block;
}

.two_column .nav_item.active {
	background: linear-gradient(to right, #223D5A, transparent);
	position: relative;

	&::after {
		content: '';
		position: absolute;
		background: #1a9fff;
		width: 2px;
		height: 100%;
		left: 0;
		top: 0;
	}
}

.two_column .nav_item:hover {
	background: linear-gradient(to right, #315780, transparent);
	position: relative;

	&::after {
		content: '';
		position: absolute;
		background: #1a9fff;
		width: 2px;
		height: 100%;
		left: 0;
		top: 0;
	}
}

@media screen and (max-width: 910px) {
	html.responsive .two_column.left {
		width: auto;
		margin-bottom: 25px;
	}

	html.responsive .two_column .nav_item {
		display: inline-block;

		&::after {
			content: none;
		}
	}

	html.responsive .two_column .nav_item.active {
		&::after {
			content: none;
		}
	}

	html.responsive .two_column .nav_item:hover {
		&::after {
			content: none;
		}
	}

	.two_column.right {
		width: auto;
		margin-left: 0;
	}
}


.content_two_column {
	display: inline-block;
	vertical-align: top;
}

.content_two_column.left {
	width: 300px;
}

.content_two_column.right {
	vertical-align: top;
	margin-left: 20px;
	width: 300px;
}

@media screen and (max-width: 910px) {

	html.responsive .content_two_column.left,
	html.responsive .content_two_column.right {
		width: auto;
		display: block;
		margin-left: 0;
		margin-bottom: 8px;
	}

	.content_two_column.left {
		width: auto;
		margin-bottom: 25px;

	}

	.content_two_column.right {
		width: auto;
		margin-left: 0;
	}
}


.account_settings_container {
	/* If you change this, make sure you update .FamilySettingsContainer
	*  in web_src/store/src/js/ui/familygroups/familymanagement.scss
	*  as well.
	*/
	background-color: rgba(0, 0, 0, 0.2);
	margin-bottom: 15px;
	padding: 8px 25px 25px 25px;
	font-size: 14px;
}

.account_settings_container .dselect_container {
	width: max-content;
	min-width: 200px;
	background-color: rgba(59, 63, 72, 0.5);
	color: white;
}

.account_settings_container .dselect_container button.trigger,
.dselect_container button.activetrigger {
	color: white;
}

.account_settings_container .dselect_container button.trigger {
	background: rgba(103, 193, 245, 0.1);
	min-width: 200px;
}

.account_settings_container .dselect_container button.activetrigger,
.account_settings_container .dselect_container button.trigger:hover,
.account_settings_container .dselect_container button.activetrigger:hover {
	background-color: #464d58;
}

#primary_language_droplist li .highlighted_selection {
	background: #dcdedf;
	color: #3D4450;
}

#primary_language_droplist {
	background-color: #464d58;
}

body.v6 .account_settings_container h2 {
	color: #fff;
	margin: 5px 0 0px;
	font-size: 17px;
	text-transform: none;
	font-weight: 500;
}

body.v6 .account_settings_container h3 {
	text-transform: uppercase;
	color: #adc2cd;
	margin: 15px 0 0px;
	font-size: 15px;
	letter-spacing: 1px;
}

body.v6 .account_settings_container .h3_content {
	margin: 2px 4px 0px;
}

.account_settings_container p {
	padding: 6px 0;
}

.account_settings_container .hspacer {
	height: 25px;
}

.account_settings_container p.info {
	color: #abdaf4;
	font-size: 16px;
	margin-top: 9px;
}

.account_settings_container blockquote {
	margin: 5px 0 5px 25px;
}

.account_settings_container label {
	font-size: 13px;
	color: #c5d1df;
	line-height: 23px;
}

.account_settings_container blockquote.tag_form,
.account_settings_container div.word_form {
	margin-top: 12px;
}

.tag_form>form#app_tag_form,
.word_form>form#text_filter_custom_banned_words_form,
.word_form>form#text_filter_custom_clean_words_form {
	width: 300px;
	margin-bottom: 0px;
}

.tag_form .sub_text,
.word_form .sub_text {
	font-size: 12px;
}

.app_tag_form_ctn button,
.text_filter_custom_banned_words_form_ctn button,
.text_filter_custom_clean_words_form_ctn button {
	float: right;
	margin-left: 12px;
}

.account_settings_container .half {
	display: inline-block;
	margin-right: 25px;
	min-width: 35%;
}

.account_settings_container .two_column_container {
	display: flex;
}

.app_tag_form_ctn .gray_bevel.for_text_input,
.text_filter_custom_banned_words_form_ctn .gray_bevel.for_text_input,
.text_filter_custom_clean_words_form_ctn .gray_bevel.for_text_input {
	height: 27px;
	overflow: hidden;
}

.app_tag_form_ctn .gray_bevel.for_text_input input,
.text_filter_custom_banned_words_form_ctn .gray_bevel.for_text_input input,
.text_filter_custom_clean_words_form_ctn .gray_bevel.for_text_input input {
	margin-top: 2px;
	height: 25px;
	line-height: 25px;

}

.account_settings_container hr {
	border: 0;
	height: 0;
	border-top: 0px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 16px;
}

.account_preferences input.gray_bevel,
.account_preferences textarea.gray_bevel,
.account_preferences .gray_bevel {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	border: 1px solid #000;
	box-shadow: 1px 1px 0px #45556c;
	color: #fff;

	margin-bottom: 6px;
	outline: none;


	padding: 4px 6px;
}

.account_preferences .gray_bevel input,
.account_preferences .gray_bevel textarea {
	background-color: transparent;
	color: #476474;
}

.account_preferences input.gray_bevel::-webkit-input-placeholder,
.account_preferences textarea.gray_bevel::-webkit-input-placeholder,
.account_preferences .gray_bevel textarea::-webkit-input-placeholder,
.account_preferences .gray_bevel input::-webkit-input-placeholder {
	font-style: italic;
	color: #476474;
}

.tag_downvoted {
	margin: 2px 0;
}

.tag_downvoted>div {
	display: inline-block;
	line-height: 19px;
	padding: 2px 7px;
	color: #67c1f5;
	background-color: #283b47;

	margin-right: 2px;
	border-radius: 3px;

	box-shadow: 1px 1px 0 0 #000000;

	margin-bottom: 3px;
}

.tag_downvoted>div>div {
	display: inline-block;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.tag_downvoted>div>span {
	display: inline-block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 3px 0 4px 5px;
	vertical-align: top;
	background-image: url('/public/images/v6/delete_search_term.png');
	margin-left: 5px;
}

#text_filter_lab_ctn {
	background-color: #0a3963;
	margin: -4px -8px 0 -8px;
	padding: 4px 8px 8px 8px;
}

#text_filter_lab_experiment {
	background: linear-gradient(180deg, #0a3963 0%, #16202D 100%);
	margin: -16px -8px 0 -8px;
	padding: 0 8px 0 8px;
}

.text_filter_action_link,
.text_filter_action_link a {
	color: #c0f3ff;
	font-size: 14px;
	cursor: pointer;
	border-radius: 2px;
	background-color: #f0f8ff12;
	padding: 10px;
}

.text_filter_action_link:hover,
.text_filter_action_link:hover a {
	color: #ffffff;
	background-color: rgba(240, 248, 255, 0.151);
}

#text_filter_custom_banned_words_ctn .tag_downvoted,
#text_filter_custom_clean_words_ctn .tag_downvoted {
	display: inline-block;
	white-space: nowrap;
	margin: 4px 4px 4px 0;
}

#text_filter_custom_banned_words_ctn .tag_downvoted>div {
	background-color: #6e4c4a;
	color: #cedbe9;
}

#text_filter_custom_clean_words_ctn .tag_downvoted>div {
	background-color: #1d423b;
	color: #cedbe9;
}

#text_filter_custom_banned_words_ctn .broken>div,
#text_filter_custom_clean_words_ctn .broken>div {
	background-color: #bf4640;
}

.tag_downvoted>div>span.fixit {
	width: 16px;
	height: 16px;
	margin: 1px 0 2px 3px;
	background-image: url('/store/public/images/v6/icon_fixit.png');
}

.text_filter_toggle_icon {
	width: 11px;
	height: 11px;
	margin-right: 7px;
	margin-top: 16px;
	background: url('/public/images/v6/app/review_graph_expander.png');
	background-repeat: no-repeat;
	background-size: 11px 20px;
	display: inline-block;
}

.text_filter_toggle_icon.up {
	background-position: 0px 1px;
}

.text_filter_toggle_icon.down {
	background-position: 0px -9px;
}

.queue_customize,
.preferences_link {
	padding: 10px;
	color: #63c1f5;
	cursor: pointer;
}

.queue_customize:hover,
.preferences_link:hover {
	color: #ffffff;
}

.not_interested_container {
	display: inline-block;

	border: 1px solid #163d55;
	border-left: none;
	border-right: none;
	padding: 5px 0;
	margin: 10px 0;
}

.not_interested_container>div {
	display: inline-block;
}

.not_interested_container .description {
	color: #808891;
	width: 200px;
}

.not_interested_container .count {
	color: #cedbe9;
	font-size: 34px;
	text-align: right;
	width: 100px;
	padding-right: 5px;
}

#primary_language {
	margin-left: 25px;
}

input[type=date] {
	color: #ffffff;
	background-color: #324965;
	border-top: solid 1px #182636;
	border-left: solid 1px #182636;
	border-right: solid 1px #45566a;
	border-bottom: solid 1px #45566a;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

.vat_date_selector::-webkit-inner-spin-button {
	display: none;
	margin: 0;
}

.vat_date_selector::-webkit-calendar-picker-indicator {
	background: #324965;
}

.address_input_box {
	border: 1px solid #233c51;
	border-radius: 3px;

	max-width: 800px;
	background-color: #324965;
	color: #d6d7d8;
	padding: 10px 11px;
	font-size: 13px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	-webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5);

}

.account_vat_setup_content {
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	min-height: 324px;
	float: left;
	color: #c6d4df;
	width: inherit;
	font-size: 12px;
}

.account_vat_setup_header {
	padding-top: 20px;
}

.account_vat_setup_action {
	color: #64ABD5;
}

.account_vat_setup_example {
	padding-left: 15px;
}

.account_vat_form_error {
	color: #ff7b00;
}

.account_vat_setup_padding {
	padding-bottom: 5px;
}

.app_age_gate_bypassed {
	display: inline-block;
	white-space: nowrap;
	border-radius: 2px;
	padding: 0 9px;
	line-height: 24px;
	margin: 0 4px 4px 0;
	background: -webkit-linear-gradient(top, #8aaf05 5%, #6a8704 95%);
	background: linear-gradient(to bottom, #8aaf05 5%, #6a8704 95%);
	color: #ffffff;
}

.app_age_gate_bypassed_remove {
	display: inline-block;
	cursor: pointer;
	background: no-repeat center center url('/public/images/v6/delete_search_term.png');
	width: 12px;
	height: 24px;
	margin-left: 8px;
}

.verification_alternative_link {
	font-size: 20px;
	color: #67C1F5;
}

.verification_alternative_details {
	display: none;
	color: #B0AEAC;
}

body.v6 h2.pageheader.youraccount_pageheader {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: none;
}

.youraccount_steamid {
	color: #808891;
	margin-bottom: 10px;
}

.page_header_ctn.no_gradient_header_ctn {
	background: none;
}

.newaccount_email_verified_header {
	padding: 24px 12px 0px 12px;
}

.newaccount_email_verified_text {
	font-size: 16px;
	line-height: 24px;
	padding: 0px 12px;
}

.newaccount_email_verified_note {
	font-size: 16px;
	line-height: 24px;
	padding: 0px 12px;
}

/* hardware used */
.hardware_used {
	display: flex;
	flex-direction: column;
}

.hardware_item_header,
.hardware_item {
	display: grid;
	grid-template-columns: 30% 25% 45%;
	padding: 5px;
	margin-bottom: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	color: #dcdedf;
}

.hardware_item.steam_deck:hover {
	cursor: pointer;
}

.hardware_item_header {
	font-weight: bold;
	margin-bottom: 3px;
}

.hardware_item.gpfocus {
	background-color: white;
	color: #0e141b;
	border: 1px solid #000000;
}

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

.steam_deck_components {
	display: flex;
	flex-direction: column;
}

.steam_deck_component {
	margin-bottom: 10px;
	border-bottom: 1px solid #3B546A;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
}

.steam_deck_component .steam_deck_component_type {
	font-weight: bold;
	color: #DCDEDF;
	padding-bottom: 7px;
}

.steam_deck_component .steam_deck_component_details {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 7px;
	color: #7C8EA3;
	gap: 10px;
}

.steam_deck_component .steam_deck_component_details>div:nth-child(2) {
	text-align: right;
}

/* transaction details view */
.orderdetails_body {
	padding-top: 30px;
}

.orderdetails_row {
	display: flex;
	flex-direction: row;
}

.orderdetails_block {
	padding-left: 30px;
}

.orderdetails_block:not( :last-child) {
	padding-right: 30px;
	border-right: 1px solid rgb(78, 88, 100);
}

.orderdetails_block:first-child {
	padding-left: 0px;
}

.orderdetails_header {
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.orderdetails_orderdate {
	font-size: 14px;
	line-height: 17px;
	color: #6AC9FF;
	margin-bottom: 28px;
}

.orderdetails_itemcapsule {
	display: flex;
	/* justify-content: center; */
	margin-bottom: 13px;
}

.orderdetails_shippingaddress {
	font-size: 14px;
	/* line-height: 18px; */
	color: rgb(198, 201, 205);
}

.orderdetails_shipstep {
	display: flex;
	margin-top: 12px;
}

.orderdetails_shipstep.first {
	margin-top: 0;
}

.orderdetails_shiptext {
	font-size: 17px;
	line-height: 22px;
	color: #798089;
	margin-left: 12px;
}

.orderdetails_shipstep.complete .orderdetails_shiptext {
	color: white;
}

.orderdetails_shippip_container {
	width: 22px;
	height: 22px;
	position: relative;
}

.orderdetails_shippip {
	width: 22px;
	height: 22px;
	border: 4px solid #798089;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}

/* force the browser to draw this circle with the same code that we draw the outer circle, instead of trying to center it using standard div centering techniques, so any DPI/scale factor rounding is applied consistently across both divs */
.orderdetails_shippip_highlight {
	content: "";
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 6px solid #00000000;
	background-color: #6AC9FF00;
	box-sizing: border-box;
	position: absolute;
	top: 0%;
	left: 0%;
	background-clip: padding-box;
}

/* after is the circle in the middle */
.orderdetails_shipstep.complete .orderdetails_shippip {
	border: 4px solid #D9D9D9;
}

.orderdetails_shipstep.complete .orderdetails_shippip_highlight {
	background-color: #6AC9FF;
}

/* before is the connecting line */
.orderdetails_shipstep.complete .orderdetails_shippip::before {
	background-color: #D9D9D9;
	border: 2px dashed #79808900;
	height: 18px;
}

.orderdetails_shippip:before {
	content: "";
	width: 4px;
	height: 18px;
	background-color: #798089;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, -19px);
}

.orderdetails_shipstep.first .orderdetails_shippip::before {
	content: "";
	visibility: collapse;
}

.orderdetails_tracklink {
	color: #66c0f4;
}

.orderdetails_tracklink:hover {
	color: #46a0c4;
}

#shipping_state_select_droplist,
#shipping_country_droplist {
	z-index: 3000;
}

.orderdetails_editshipping_dialog {
	max-width: 600px;
}

.orderdetails_editshipping_dialog #submit_payment_info_btn {
	margin-left: 0px;
}

.orderdetails_shippingdelay {
	margin-top: 20px;
	width: 300px;
}

.preference_row {
	display: grid;
	grid-template-columns: auto 80px 80px;
	grid-template-rows: auto;
	grid-template-areas:
		"desc store_col community_col";
	border-bottom: 1px solid #324a67;
	margin-bottom: 4px;
}

.preference_row:first-of-type {
	margin-top: 14px;
}

.account_setting_not_customer_facing {
	display: none;
}

.store_pref_desc {
	grid-area: desc;
}

.store_pref_col {
	grid-area: store_col;
	font-size: 13px;
	align-self: center;
	text-align: center;
}

.community_pref_col {
	grid-area: community_col;
	font-size: 13px;
	align-self: center;
	text-align: center;
}


* {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}


a {
	text-decoration: none;
	color: #ffffff;
}


.a:focus {
	outline: 0px none;
}

a:hover {
	text-decoration: none;
	color: #66c0f4;
}

a.nohover:hover {
	text-decoration: none;
}


html {
	height: 100%;
}

body.v6 {
	position: relative;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #c6d4df;
	font-size: 12px;
}

body.v6.in_client {
	background-position: center top;
}

body.v6.game_bg {
	background: #1b2838;
}

body.v6>div#global_header {
	border-bottom-color: #171a21;
}

.v6_bg {
	/* background: url( '/public/images/v6/tag_browse_header_bg.png' ) no-repeat center top; */
}

body.blue .v6_bg {
	background:
		url('/public/images/v6/blue_top_center.png') center top no-repeat,
		url('/public/images/v6/blue_top_repeat.png') center top repeat-x;

	min-height: 370px;
}

body.v6 div#store_header {
	background-color: transparent;
}

.page_background {
	background-position: center top;
	background-repeat: no-repeat;
}

body.v6 #footer {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px 0 60px 0;
	margin: 0;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;

	background: #171a21;
}

body.v6.movescrolltocontent #footer {
	position: relative;
}

body.v6.infinite_scrolling #footer.small_footer {
	position: relative;
	top: auto;
	bottom: auto;
}

body.v6.infinite_scrolling #footer_spacer.small_footer {
	height: 50px;
}

body.v6 #footer .footer_content {
	width: 940px;
	margin: 0px auto;
	padding-top: 16px;
}

body.v6 #footer #footer_logo {
	float: left;
	padding-top: 2px;
}

body.v6 #footer #footer_logo img {
	height: 25px;
	width: auto;
}

body.v6 #footer #footer_logo_steam {
	float: right;
	padding-top: 2px;
}

body.v6 #footer #footer_text {
	float: left;
	margin-left: 12px;
	color: #8F98A0;
	font-size: 12px;
	line-height: 16px;
}

body.v6 #footer #footer_text a {
	color: #C6D4DF;
}

body.v6 #footer #footer_text a:hover {
	color: #ffffff;
}

body.v6 #footer .rule {
	height: 8px;
	border-top: 1px solid #363c44;
}

body.v6 #footer .valve_links {
	margin-top: 8px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-size: 13px;
	color: #61686D;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: row;
}

body.v6 #footer .valve_links a {
	color: #C6D4DF;
	display: flex;
	align-items: center;
}

body.v6 #footer .valve_links a:hover {
	color: #ffffff;
}

body.v6 #footer .valve_links img {
	margin-right: 4px;
}

body.v6 #footer_nav .pulldown {
	color: #969eab !important;
	background: rgba(150, 158, 171, 0.3);
}

body.v6 #footer .extra_space {
	height: 60px;
}


body.v6.sale_page_n_section #footer {
	z-index: 2;
}


body #footer .responsive_optin_link {
	display: none;
}

body.v6.blue #footer {
	background: #000000;
}

body.v6 #footer_spacer {
	height: 290px;
}

html.force_desktop body.v6 #footer_spacer {
	height: 345px;
}


body.v6>.perf_timing_area .perf_timing_link {
	position: absolute;
	left: 15px;
	bottom: 15px;
}

.perf_timing_data {
	position: relative;
	background-color: #000000;
	margin: 0px auto 48px auto;
	padding: 8px;
	text-align: left;
	width: 936px;
	font-size: 14px;
	z-index: 5;
}

body.v6 h2:not(.BB_Header2) {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-size: 14px;
	color: #fff;
	margin: 0 0 10px;
	font-weight: normal;
	padding-top: 2px;
}

body.v6 h2 a {
	color: #67c1f5;
	text-decoration: none;
}

body.v6 h2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

body.v6 .home_rightcol .tab_title {
	padding-top: 2px;
	margin-bottom: 7px;
	margin-top: 0px;
	display: block;
}

body.v6 .home_rightcol.recommended .tab_title,
body.v6 .home_leftcol h2 {
	margin-top: 30px;
	margin-bottom: 7px;
}

body.v6 .responsive_home_spotlight_recommended .home_leftcol .spotlight_content .spotlight_title {
	margin-bottom: 2px;
	margin-top: 1px;
}

body.v6 .discovery_queue_ctn h2,
body.v6 .steam_curators_ctn h2,
body.v6 .apps_recommended_by_curators_ctn h2 {
	margin-top: 40px;
	margin-bottom: 7px;
}

body.v6 .upcoming_queue_ctn h2,
body.v6 .steam_curators_ctn h2 {
	margin-top: 40px;
	margin-bottom: 7px;
}

body.v6 h2 .header_inline {
	color: #9099a1;
	font-size: 17px;
}

body.v6 h2 .header_inline a {
	color: #c6d4df;
	cursor: pointer;
}

body.v6 h2 .header_inline a:hover {
	color: #67c1f5;
}

body.v6 h2.pageheader {
	color: #ffffff;
	font-size: 34px;
	font-weight: 700;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

body.v6 h3 {
	color: #ffffff;
	font-size: 22px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-weight: normal;
}

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

.page_header_ctn {
	background: url('/public/images//v6/temp/cluster_bg.png') bottom center no-repeat;
	padding-bottom: 64px;
	margin-bottom: -30px;
}

.page_header_ctn.tabs {
	padding-bottom: 100px;
	margin-bottom: -78px;
}

.page_header_ctn.tabs.capsules {
	padding-bottom: 100px;
	margin-bottom: -78px;
	overflow: hidden;
}

.discovery_queue_content_ctn {
	overflow: hidden;
	margin-top: 26px;
}

body.v6.explore .page_header_ctn {
	padding-bottom: 30px;
	margin-bottom: -20px;
}

.breadcrumbs {
	color: #56707f;
	font-size: 12px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	padding-top: 10px;
}

.breadcrumbs a {
	color: #8f98a0;
}

.breadcrumbs a:hover {
	color: #ffffff;
	text-decoration: none;
}

.v7menu .breadcrumbs {
	padding-top: 20px;
}

div.leftcol {
	width: 65%;
	float: left;
}

div.leftcol.large {
	width: 73%;
}

div.leftcol.small {
	width: 458px;
}

div.rightcol {
	width: 308px;
	margin-left: 14px;
	float: right;
}

div.rightcol.small {
	min-width: 220px;
	width: calc(27% - 14px);
}

div.rightcol.large {
	width: 466px;
}


.store_tooltip {
	background: #c2c2c2;
	color: #3d3d3f;
	font-size: 11px;
	border-radius: 3px;
	padding: 5px;
	max-width: 275px;
	white-space: normal;
	box-shadow: 0 0 3px #000000;
	word-wrap: break-word;
}

.store_tooltip ul {
	padding-left: 15px;
}

body.v6.sale_page_n_section #global_header {
	position: relative;
}

body.v6 #store_header {
	padding-left: 0;
	padding-right: 0;
}


/*
 * STORE-SPECIFIC HEADER
 */


div#store_header {
	background-color: #3b3938;
	min-width: 940px;
	margin-bottom: 16px;
}

div#store_header .content {
	position: relative;
	width: 940px;
	margin: 0 auto;
	z-index: 300;
}

div#store_header,
div#store_header .content {
	height: 66px;
}

div#store_header.dlc,
div#store_header.dlc .content {
	height: 29px;
}

div#store_controls {
	position: absolute;
	right: 0;
	top: 10px;
	text-align: right;
	z-index: 300;
	font-size: 11px;
}

div.store_header_btn {
	height: 20px;
	position: relative;
	margin-left: 1px;
	border-radius: 1px;
	float: left;
}

@media (forced-colors: active) {
	div.store_header_btn {
		background: ButtonFace;
	}
}

a.store_header_btn_content {
	display: inline-block;

	padding: 0 25px;
	margin: 0 1px;

	line-height: 20px;
	text-align: center;
	font-size: 11px;
}

a.store_header_btn_content:hover {
	text-decoration: none;
}

.store_header_btn_gray {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 1px;
}

.store_header_btn_gray a {
	color: #ffffff;
}

.store_header_btn_gray a:hover {
	color: #111111;
	border-radius: 1px;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #919aa3));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #919aa3 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#919aa3', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

}

.cart_status_flex {
	display: flex;
}

.store_header_btn_green {
	background-color: rgba(164, 208, 7, 0.4);
}

.store_header_btn_green a {
	color: #a4d007;
}

.store_header_btn_green a:hover {
	color: #111111;
	background-color: rgba(164, 208, 7, 0.50);
}

div#store_search {
	float: none;
	padding: 3px 4px 2px;
	height: 30px;
}

a#store_search_link {
	position: absolute;
	right: 2px;
	top: 0;
}

a#store_search_link img {
	width: 24px;
	height: 27px;
}

.searchbox {

	background-image: url('/public/images/v6/store_header_search.png?v=1');

	color: #a6a5a2;
	width: auto;
	height: 30px;

	position: relative;
	z-index: 150;
	cursor: text;
}

.searchbox:hover {
	background-image: url('/public/images/v6/store_header_search_hover.png');
}


.searchbox input {
	border: none;
	background-color: transparent;
	color: #eeeeee;
	margin-top: 2px;
	margin-left: 8px;
	width: calc(100% - 25px - 8px);
	outline: none;
	line-height: 26px;
}

.searchbox input.default {
	font-style: italic;
	color: #305d8a;
}

.searchbox input:focus::placeholder {
	color: transparent;
}

#store_nav_area {
	position: absolute;
	left: 0;
	right: 0;
	top: 24px;
	height: 49px;
}

#store_nav_area .store_nav_bg {
	height: 35px;
	margin: 7px 0;
	background: rgba(103, 193, 245, 0.4);

}

.store_nav {
	height: 35px;
	display: flex;
}

.store_nav .tab {
	cursor: pointer;
	border-right: none;
	white-space: nowrap;
}

.store_nav .search_flex_spacer {
	flex: 1;
	width: 20px;
}

.store_nav .search_area {
	flex-grow: 1;
	flex-shrink: 0;
	max-width: 210px;
}


.tab.active.tab_filler {
	height: 26px;
	margin-bottom: -1px;
}

.tab_page_link_holder {
	position: relative;
	text-align: center;
	height: 24px;
	line-height: 24px;
	margin-top: 1px;
	background-color: #262626;
	color: #626366;
	font-size: 10px;
}

.tab_page_link_prev a,
.tab_page_link_next a {
	position: absolute;
	height: 24px;
	padding: 0px 16px;
	color: #67c1f5;
}

.tab_page_link_prev a img,
.tab_page_link_next a img {
	top: 2px;
}

.tab_page_link_prev a:hover,
.tab_page_link_next a:hover {
	position: absolute;
	height: 24px;
	padding: 0px 16px;
	text-decoration: none;
	color: #ffffff;
	background: #67c1f5;
	/* Old browsers */
	background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.tab_page_link_next a {
	right: 0px;
}

.tab_page_link_prev a {
	left: 0px;
}

.store_nav .tab.focus {
	background-color: #67c1f5;
}

#genre_flyout {
	top: 0;

}


#genre_flyout .popup_body {
	padding-top: 0;
	padding-bottom: 20px;
	width: 930px;
}

#genre_flyout .popup_body .popup_body_wide {
	width: 930px;
}

#genre_flyout .popup_body.popup_body_notfull {
	width: auto;
}

@media screen and (max-width: 910px) {

	html.responsive #genre_flyout .popup_body,
	html.responsive #genre_flyout .popup_body .popup_body_wide {
		width: auto;
		flex-direction: column;
		padding-top: 8px;
		padding-bottom: 8px;
	}

}

html.responsive.rn_mobile_app #genre_flyout .popup_body,
html.responsive.rn_mobile_app #genre_flyout .popup_body .popup_body_wide {
	width: auto;
	flex-direction: column;
	padding-top: 8px;
	padding-bottom: 8px;
}

.store_nav .tab {
	padding: 1px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;

}

.store_nav .tab>span {

	font-size: 13px;
	font-weight: bold;
	color: #d9dadd;
	line-height: 33px;
	padding: 0 15px;
	display: block;
}

.store_nav .tab.lesspadding>span {
	padding: 0 12px;
}


.store_nav .tab:hover>span,
.store_nav .tab:hover,
.store_nav .tab.focus>span,
.store_nav .tab.focus {
	filter: none;
	color: #ffffff;
	background: #67c1f5;
	/* Old browsers */
	background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

}

.store_nav .tab.focus>span,
.store_nav .tab.focus {
	color: #d9d9dd;
}

.store_nav .tab.active {
	color: #d9dadd;
}

.store_nav .tab.active:hover {
	color: #fff;
}

.store_nav .tab.active>span,
.store_nav .tab.active:hover>span {
	color: #fff;
}

.store_nav .tab>span.pulldown {
	padding-right: 10px;
	margin-right: 0px;
	background: none;
}

.store_nav .tab>span.pulldown>span {
	width: 0px;
	height: 16px;
	padding: 0;
	display: inline-block;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: text-bottom;
}

.store_nav .tab:hover>span.pulldown>span {
	background-image: none;
}

.store_nav .tab img.foryou_avatar {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	margin-right: 6px;
}


/*
 * SEARCH SUGGESTIONS
 */


.search_suggest {
	text-align: left;
	width: 430px;
	font-family: "Motiva Sans", Sans-serif;
	top: 39px;
	right: 4px;
}

.search_suggest .match {
	display: block;
	position: relative;
	height: 44px;
	overflow: hidden;
	border-top: 1px solid #13242e;
	margin-left: 3px;
	margin-right: 3px;
}


/* ===== New pop-up search results styles ======== */

body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
	background: linear-gradient(90deg, rgba(33, 162, 255, 0.1) 1.89%, rgba(50, 50, 51, 0) 50%), linear-gradient(180deg, #575860 11.6%, #3A4852 54.73%, #2C2D34 100%);
}

.popup_body.search_v2 .match.match_v2 {
	border-top: unset;
	color: #DCDEDF;
	margin: 0;
	padding: 4px 8px 4px 8px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 45px 75px auto 1fr;
	grid-template-rows: auto;
	grid-template-areas:
		"img img name name"
		"img img price price";
	height: unset;
	transition: background 0.2s ease-in-out;
}

.popup_body.search_v2 .match.match_v2 .match_name {
	grid-area: name;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	position: relative;
	left: unset;
	top: unset;
	width: 100%;
	font-weight: 500;
	padding: 0 0 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #f5f5f5;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	transition: color 0.2s ease-in-out;
}

.popup_body.search_v2 .match.match_tag.match_v2 .match_name>div {
	min-width: 40px;
}

.popup_body.search_v2 .match.match_v2 .match_name span {
	background: rgba(255, 255, 255, 0.3);
	padding: 1px 8px;
	border-radius: 3px;
	font-weight: 400;
	font-size: 13px;
	margin-left: 4px;
}

.popup_body.search_v2 .match.match_v2 .match_img {
	grid-area: img;
	position: relative;
}

.popup_body.search_v2 .match.match_v2 .match_img img {
	position: relative;
	left: unset;
	top: unset;
	display: block;
}

.popup_body.search_v2 .match.match_v2 .match_subtitle {
	grid-area: price;
	position: relative;
	left: unset;
	top: unset;
	width: 100%;
	padding: 0 0 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #f5f5f5;
	font-size: 13px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	transition: color 0.2s ease-in-out;
}

.popup_body.search_v2 .match.match_v2 .match_subtitle .includes_games {
	padding-left: 8px;
	color: grey;
	font-size: 11px;
}

.popup_body.search_v2 .match.match_v2.hover,
.popup_body.search_v2 .match.match_v2.focus {
	background-color: #DCDEDF;
	color: #151515;
}

/* make sure to target both .hover and .focus to cover keyboard input */
.popup_body.search_v2 .match.match_v2.hover .match_name,
.popup_body.search_v2 .match.match_v2.hover .match_subtitle,
.popup_body.search_v2 .match.match_v2.focus .match_name,
.popup_body.search_v2 .match.match_v2.focus .match_subtitle {
	color: #151515;
	text-shadow: unset;
}

body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
	padding: 1px;
	box-sizing: border-box;
	background: #3D4450;
}

.search_suggest .match_category_top {
	margin-top: 6px;
}

.popup_body.search_v2 .match.match_tag.match_v2 {
	display: grid;
	grid-template-areas:
		"name name name price"
		"name name name price";
	height: 53px;
}

.popup_body.search_v2 .match.match_creator.match_v2 {
	display: grid;
	grid-template-areas:
		"img name name price"
		"img name name price";
	height: unset;
}

.popup_body.search_v2 .match.match_tag.match_v2 .match_name,
.popup_body.search_v2 .match.match_creator.match_v2 .match_name {
	display: flex;
	align-items: center;
}

.popup_body.search_v2 .match.match_tag.match_v2 .match_subtitle,
.popup_body.search_v2 .match.match_creator.match_v2 .match_subtitle {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: end;
}

.popup_body.search_v2 .match.match_tag.match_v2 .match_img {
	display: none;
}

.popup_body.search_v2 .match.match_creator.match_v2 .match_img {
	background: black;
	border-radius: 3px;
	overflow: hidden;
	height: 45px;
	width: 45px;
}

.match_background_image {
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 8px;
	right: 4px;
	overflow: hidden;
	border-radius: 3px;
	background: linear-gradient(90deg, #2c556a29 0%, #28414e30 15%, #2e5e76c2 85%);
	transition: background 0.3s ease-in-out;
}

.match_v2:nth-child(odd) .match_background_image {
	background: linear-gradient(90deg, #1d344029 0%, #16262e30 15%, #2b4d5ec2 85%)
}

.popup_body.search_v2 .match.match_v2.hover .match_background_image,
.popup_body.search_v2 .match.match_v2.focus .match_background_image {
	background: transparent;
}

.match_background_image img {
	filter: saturate(0.1) contrast(0.7);
	-webkit-mask-image: linear-gradient(90deg, transparent 7%, #00000033 39%, #0000008c 85%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 7%, #00000033 39%, #0000008c 85%, transparent 100%);
}


.search_suggest .match.hover,
.search_suggest .match.focus,
.search_suggest .match:focus-visible {
	text-decoration: none;
	background-color: #212d3d;
}

.search_suggest .match_app .match_img img {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 120px;
	height: 45px;
}

.search_suggest .match_creator .match_img img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
}

.search_suggest .match_tag .match_img img {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 45px;
	height: 45px;
}

.search_suggest .match .match_name {
	position: absolute;
	top: 8px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	font-size: 14px;
	color: #ffffff;
}

.search_suggest .match_app .match_name {
	left: 128px;
	width: 258px;
}

.search_suggest .match_creator .match_name {
	left: 53px;
	width: 333px;
}

.search_suggest .match_tag .match_name {
	left: 53px;
	width: 333px;
}

.search_suggest .match .debug_spell_corrected {
	color: #34eb6e !important;
}

.search_suggest .match .match_subtitle {
	position: absolute;
	left: 134px;
	top: 30px;
}

.search_suggest .match .match_subtitle .includes_games {
	padding-left: 8px;
	color: grey;
	font-size: 11px;
}

.search_suggest .match .debug_spell_correct_info {
	position: absolute;
	left: 200px;
	top: 30px;
	width: 186px;

	text-align: right;
}

.search_suggest .match .ds_flag {
	top: 18px;
	left: 4px;
}

.slider_ctn {
	position: relative;
	height: 18px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slider_ctn.spotlight {
	width: 308px;
}

.slider_ctn.store_autoslider {
	background: #122333;
}

.slider_ctn.store_autoslider .handle {
	background-color: rgba(0, 0, 0, 0.5);
}

.slider {
	position: absolute;
	left: 39px;
	right: 39px;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.slider.slider_text {
	opacity: 0.2;
	text-align: center;
	line-height: 13px;
	font-size: 10px;
	color: #ffffff;
}

.slider_ctn .handle {
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	height: 18px;
	width: 60px;
	cursor: pointer;
}

.slider_ctn .slider_left,
.slider_ctn .slider_right {
	position: absolute;
	width: 38px;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	cursor: pointer;
}

.highlight_ctn .slider_ctn .slider_left,
.highlight_ctn .slider_ctn .slider_right,
.highlight_ctn .slider .handle {
	background-color: rgba(35, 60, 81, 0.4);
}

.slider_ctn .slider_left:hover,
.slider_ctn .slider_right:hover,
.slider .handle:hover {
	background: #3d6c8d;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3d6c8d), color-stop(100%, #2e5470));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #3d6c8d 0%, #2e5470 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d6c8d', endColorstr='#2e5470', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

}

.slider_left {
	left: 0;
}

.slider_right {
	right: 0;
}

.slider_right span {
	display: inline-block;
	background-position: -9px 0px;
	background-repeat: no-repeat;
	background-image: url('/public/images//v6/icon_cluster_controls.png');
	width: 9px;
	height: 7px;
	margin-left: 15px;
	margin-top: 5px;
}

.slider_left span {
	display: inline-block;
	background-position: -18px 0px;
	background-repeat: no-repeat;
	background-image: url('/public/images//v6/icon_cluster_controls.png');
	width: 9px;
	height: 7px;
	margin-left: 13px;
	margin-top: 5px;
}

.slider_right:hover span {
	background-position: -9px -7px;
}

.slider_left:hover span {
	background-position: -18px -7px;
}

.slider_left.disabled,
.slider_right.disabled {
	opacity: 0.4;
	cursor: default;
}

.store_horizontal_autoslider_ctn {
	overflow: hidden;
	margin-bottom: 2px;
	/* DO NOT set padding on this element! It will bork the horizontal scrollbar calculations. Use margin instead. */
}

.store_horizontal_minislider_ctn {
	position: relative;
	overflow: hidden;
}

.store_horizontal_minislider {
	overflow-x: auto;
}

.store_horizontal_minislider_ctn .slider_left,
.store_horizontal_minislider_ctn .slider_right {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #1b2e40;
	cursor: pointer;
	border-radius: 3px;
	padding: 5px 8px;
}

.store_horizontal_minislider_ctn .slider_left {
	box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.75);
}

.store_horizontal_minislider_ctn .slider_right {
	box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.75);
}

.store_horizontal_minislider_ctn .slider_left>span,
.store_horizontal_minislider_ctn .slider_right>span {
	margin: 0;
}

.discount_block.no_discount .discount_prices {
	background: none;
}

.discount_block.no_discount.main_cap_discount {
	background: #000000;
}

.discount_block {
	position: relative;
	display: flex;
}

.discount_block .discount_prices {
	display: flex;
	background: #344654;
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: center;
	padding-left: 4px;
}


.discount_block .discount_pct,
.discount_pct {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	font-weight: 500;
	color: #BEEE11;
	background: #4c6b22;
	display: inline-block;
}

/* Discount Block Generic Icon Styles */
.discount_icon {
	color: #BEEE11;
	background: #4c6b22;
	display: inline-block;
	padding: 5px;
}

.discount_icon img {
	display: block;
}

.discount_block_inline .discount_icon {
	padding: 1px;
}

.discount_block_inline .discount_icon img {
	height: 15px;
}

/* ============================== */


.discount_block .bundle_base_discount {
	display: inline-block;
	text-decoration: line-through;
	color: #626366;
}

.discount_block.discount_block_spotlight .bundle_base_discount {
	color: #2a2b2c;
	background: rgba(0, 0, 0, 0.1);
}

.discount_block.no_discount.daily_deal_discount .bundle_base_discount {
	color: #2a2b2c;
	background: rgba(0, 0, 0, 0.1);
}

.discount_block.no_discount .bundle_base_discount {
	text-decoration: none;
	color: #b0aeac;
	border-right: 1px solid #626366;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	font-size: 25px;
	text-align: center;
	overflow: hidden;
	padding: 0 6px;
}

.home_tabs_content .discount_block .discount_prices,
.tab_content_ctn .discount_block .discount_prices {
	background: transparent;
}

.home_tabs_content .tab_item_discount.no_discount {
	margin-top: 24px;
}

.home_tabs_content .tab_item_discount {
	margin-top: 17px;
}

.discount_original_price {
	position: relative;
	width: fit-content;
	color: #738895;
	font-size: 11px;
	line-height: 12px;
	white-space: nowrap;
}

.discount_original_price:before {
	content: '';
	left: 0px;
	right: 0px;
	position: absolute;
	top: 43%;
	border-bottom: 1.5px solid #738895;
	transform: skewY(-8deg);
	box-shadow: 0 0 2px black;
}

.game_purchase_discount .discount_original_price {
	position: absolute;
	left: 76px;
	top: 2px;
	font-size: 11px;
}

.discount_final_price {
	color: #BEEE11;
	line-height: 16px;
	font-size: 15px;
}


.discount_block_large .discount_pct,
.discount_block_large .bundle_base_discount {
	line-height: 34px;
	padding: 0 5px;

	font-size: 26px;
}

.discount_block_large .discount_prices {
	line-height: 13px;
	padding: 0 8px 0 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.discount_block_inline {
	line-height: 15px;
}

.discount_block_inline .discount_final_price {
	padding-left: 4px;
	font-size: 11px;
	line-height: 12px;
	white-space: nowrap;
}

.discount_block_inline .discount_pct,
.discount_block_inline .bundle_base_discount {
	padding: 0 3px;
}

.discount_block_inline .discount_prices {
	padding: 0 5px;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-shrink: 1;
	overflow: hidden;
	justify-content: end;
}

.discount_block_inline.no_discount .discount_prices {
	padding: 0;
}

.discount_block.no_discount .discount_original_price {
	display: none;
}

.discount_block.game_purchase_discount.no_discount .discount_final_price.your_price {
	line-height: normal;
}


.discount_block.game_purchase_discount.no_discount .discount_final_price.your_price .your_price_label {
	font-size: 10px;
}

.special_discount .discount_block_inline {
	display: flex;
	justify-content: end;
}

.discount_block_collapsable {
	position: relative;
	max-width: 120px;
}

.discount_block_collapsable .discount_collapse_final_price {
	background: #000000;
	padding-left: 4px;
	padding-right: 5px;
	position: absolute;
	right: 0;
	top: 0;
}

.discount_block.suppress_discount_pct .discount_pct,
.discount_block.no_discount .discount_pct {
	display: none;
}

.discount_block.game_purchase_discount.no_discount .discount_final_price {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 32px;
}

/* lunar sale 2019 */

.additional_cart_discount {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	pointer-events: none;
	user-select: none;

	font-family: "Motiva Sans", Sans-serif;

	background-image: url('/public/images/v6/events/lunarsale_2020/redenvelope_blank.png?v=1');
	background-size: 100% 100%;

	color: rgb(255, 212, 26);
	background-color: rgb(168, 28, 28);
	padding: 4px 8px;

	box-shadow: 1px 4px 16px 0 #000000;
	transform: rotateZ(20deg);


	z-index: 300;

	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

.additional_cart_discount.NowFree {
	background-image: url('/public/images/v6/events/lunarsale_2020/redenvelope_free.png?v=1');
	box-shadow: 0px 0px 16px 0 #ff9c1b;
}

.special_discount .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	/*	transform: rotateZ(0deg);
    top: 0;
    right: 0;*/
}

.dailydeal_ctn:hover .additional_cart_discount,
.main:hover .additional_cart_discount,
.tab_item:hover .additional_cart_discount,
.store_capsule.daily_deal:hover .additional_cart_discount,
.home_area_spotlight:hover .additional_cart_discount,
.store_main_capsule.broadcast_capsule:hover .additional_cart_discount,
.tab_item:hover .additional_cart_discount,
.info:hover .additional_cart_discount {
	animation-name: animatePrice20deg;
}

.search_result_row:hover .additional_cart_discount,
.gamelink:hover .additional_cart_discount,
.store_capsule:hover .additional_cart_discount,
.home_marketing_message:hover .additional_cart_discount,
.store_capsule.broadcast_capsule:hover c {
	animation-name: animatePrice11deg;
}

.small_cap:hover .additional_cart_discount,
.home_content_item:hover .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	animation-name: animatePrice8deg;
}

.small_cap .discount_block {
	margin: 0;
	text-align: right;
	padding: 3px 0;
	line-height: 17px;
	min-height: 17px;
	font-size: 12px;
}

.small_cap .discount_block>.discount_prices {
	display: inline-block;
	padding: 0 3px;
	background-color: rgba(20, 31, 44, 0.4);
	border-radius: 1px;
}

.game_area_purchase_game_wrapper:hover .additional_cart_discount {
	animation-name: animatePrice-6deg;
}


@keyframes animatePrice-6deg {
	0% {
		transform: rotateZ(-6deg);
	}

	50% {
		transform: rotateZ(10deg);
	}

	100% {
		transform: rotateZ(-6deg);
	}
}

@keyframes animatePrice20deg {
	0% {
		transform: rotateZ(20deg);
	}

	50% {
		transform: rotateZ(-10deg);
	}

	100% {
		transform: rotateZ(20deg);
	}
}

@keyframes animatePrice11deg {
	0% {
		transform: rotateZ(11deg);
	}

	50% {
		transform: rotateZ(-10deg);
	}

	100% {
		transform: rotateZ(11deg);
	}
}

@keyframes animatePrice8deg {
	0% {
		transform: rotateZ(8deg);
	}

	50% {
		transform: rotateZ(-8deg);
	}

	100% {
		transform: rotateZ(8deg);
	}
}


.additional_cart_discount_final {
	font-size: 16px;
	color: rgb(255, 212, 26);
	white-space: nowrap;
}

.additional_cart_discount_amount {
	font-size: 11px;
	color: rgb(210, 140, 25);
	margin-bottom: -3px;
	margin-top: -2px;
}

.basePriceStrikeout {
	position: absolute;
	height: 22px;
	top: 22%;
	left: -10px;
	width: calc(100% + 46px);
	opacity: .875;

	background-image: url('/public/images/v6/events/lunarsale_2020/brushstrikeout.png?v=1');
	background-size: 100% 100%;
	pointer-events: none;
	user-select: none;
}


.main .appTitle .additional_cart_discount {
	top: -38px;
	right: 0px;
}

.discount_block.tab_item_discount.additional_cart_discount_container .discount_prices {
	float: left;
	margin-left: 4px;
}


.discount_block.tab_item_discount.no_discount.additional_cart_discount_container .discount_prices {
	margin-right: 14px;
}


.discount_block.tab_item_discount.no_discount.additional_cart_discount_container .discount_prices {
	margin-right: 36px;
}


.discount_block.tab_item_discount.additional_cart_discount_container .additional_cart_discount {
	top: -8px;
	right: -21px;
}

.carousel_container.maincap .discount_block.no_discount.discount_block_inline.additional_cart_discount_container .additional_cart_discount {

	top: -20px;
	right: -58px;
	transform: rotateZ(11deg);
}


.discount_block.discount_block_spotlight.discount_block_large.additional_cart_discount_container {
	width: fit-content;
}

.discount_block.discount_block_spotlight.discount_block_large.additional_cart_discount_container .additional_cart_discount {
	right: -46px;
	top: -3px;
}

.discount_block.daily_deal_discount.discount_block_large.additional_cart_discount_container .additional_cart_discount {
	right: -19px;
	top: -8px;
}

.dailydeal_ctn .discount_block.daily_deal_discount.discount_block_large.additional_cart_discount_container .additional_cart_discount {
	top: -16px;
}

.discount_block.discount_block_inline.additional_cart_discount_container {
	width: fit-content;
	margin-right: 0;
	margin-left: auto;
}

.home_content_item .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	top: -32px;
}

.discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	transform: rotateZ(8deg);
	top: -28px;
	right: -8px;
}

.contenthub_featured_item_spotlight .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
	transform: rotateZ(8deg);
	top: -1px;
	right: -6px;
}

.discount_block.discount_block_inline.additional_cart_discount_container .basePriceStrikeout {
	height: 10px;
	top: 32%;
	left: -2px;
	opacity: .8;
	width: 100%;
}

.contenthub_featured_item_spotlight .discount_block.discount_block_inline.additional_cart_discount_container .basePriceStrikeout {
	top: 66%;
	left: 28px;
}

.tab_item .basePriceStrikeout {
	height: 10px;
	opacity: 0.7;
	top: 43%;
	width: calc(100% + 26px);
}

.search_result_row .col.additional_cart_discount_container {
	position: relative;
}

.search_result_row .col.additional_cart_discount_container .additional_cart_discount {
	right: -33px;
	top: 4px;
	transform: rotateZ(11deg);
}

.search_result_row .col.additional_cart_discount_container .col.search_price {
	width: fit-content;
	margin-top: -2px;
	margin-left: 34px;
}

.search_result_row .col.additional_cart_discount_container .additional_cart_discount_amount {
	font-size: 10px;
}

.search_result_row .col.additional_cart_discount_container .additional_cart_discount_final {
	font-size: 12px;
}

.search_result_row .col.additional_cart_discount_container .basePriceStrikeout {
	top: 41%;
	opacity: .8;
	height: 12px;
}

.game_purchase_discount.additional_cart_discount_container .additional_cart_discount,
.game_purchase_price.price.additional_cart_discount_container .additional_cart_discount {
	top: -8px;
	transform: rotateZ(-6deg);
	right: auto;
	left: -56px;
}

.game_purchase_discount.additional_cart_discount_container .additional_cart_discount {
	left: 17px;
}

.game_purchase_discount.additional_cart_discount_container .basePriceStrikeout,
.game_purchase_price.price.additional_cart_discount_container .basePriceStrikeout {
	height: 9px;
	top: 36%;
}

.game_purchase_discount.additional_cart_discount_container .basePriceStrikeout {
	transform: rotateZ(12deg);
}

.game_purchase_discount.additional_cart_discount_container {
	overflow: visible;
}

.winterSale2019_giftActiveBar {
	width: 100%;
	height: 44px;
	z-index: 400;

	position: sticky;
	top: 0;

	background-image: url('/public/images/v6/events/wintersale_2019/discount_active_background.png?v=1');
}

.winterSale2019_contentContainer {
	max-width: 940px;
	height: 100%;

	display: flex;
	flex-direction: row;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	justify-content: space-between;
}

.winterSale2019_title {
	font-family: giza-three, serif;
	font-size: 24px;
	font-weight: 100;
	color: rgb(255, 255, 255);
	height: 36px;
	position: absolute;
	top: 8px;
	left: 50px;
	pointer-events: none;
	user-select: none;
	margin-left: 32px;
	text-shadow: 2px 2px 5px #000000;
}

.winterSale2019_title div {
	font-family: giza-three, serif;
	letter-spacing: .1em;
}

.winterSale2019_title .subtitle {
	font-size: 10px;
	padding-top: 2px;
	padding-left: 0px;
}

.winterSale2019_rightContent .winterSale2019_savings_expiration {
	color: #ffffff;
	font-size: 11px;
	font-weight: 100;
	padding: 3px 0 0 0;
}

.winterSale2019_savings {
	font-size: 11px;
	text-align: right;
	font-weight: 600;
	padding-top: 4px;
	color: rgb(256, 256, 256);
	text-shadow: 2px 2px 5px #000000;
	width: 250px;
	pointer-events: none;
	user-select: none;
}

.winterSale2019_icon01 {
	width: 150px;
	height: 58px;
	position: absolute;
	left: -70px;
	background-image: url('/public/images/v6/events/wintersale_2019/coin_discount.png?v=2');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.winterSale2019_snow {
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 50%;

	background: -moz-radial-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 70%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 70%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 70%) pointer-events: none;
	user-select: none;

	animation-name: let_it_snow;
	animation-duration: 2s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes let_it_snow {
	from {
		opacity: 0;
		transform: translateY(0) translateX(0) scale(1);
	}

	25% {
		opacity: 1;
	}

	to {
		opacity: 0;
		transform: translateY(20em) translateX(4em) scale(0);
	}
}

.summerSale2019_giftActiveBar {
	width: 100%;
	height: 45px;
	z-index: 400;

	position: sticky;
	top: 0;

	background: rgb(71, 116, 145);
}

.summerSale2019_contentContainer {
	max-width: 940px;
	height: 100%;

	display: flex;
	flex-direction: row;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	justify-content: space-between;

	background: -moz-linear-gradient(left, rgb(207, 58, 34) 0%, rgb(207, 58, 34) 70%, rgb(71, 116, 145) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left rgb(207, 58, 34) 0%, rgb(207, 58, 34) 70%, rgb(71, 116, 145) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(207, 58, 34) 0%, rgb(207, 58, 34), 70%, rgb(71, 116, 145) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181C24', endColorstr='#597390', GradientType=1);
	/* IE6-9 */

}

.summerSale2019_title {
	font-family: politica-expanded, sans-serif;
	font-size: 16px;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	color: rgb(24, 28, 36);
	height: 36px;
	position: absolute;
	top: 4px;
	left: -14px;
	pointer-events: none;
	user-select: none;
	margin-left: 32px;
}

.summerSale2019_title div {}

.summerSale2019_title .subtitle {
	font-size: 10px;
	padding-top: 2px;
	padding-left: 0px;
}

.summerSale2019_rightContent .summerSale2019_savings_expiration {
	color: #d0d3cf;
	font-size: 12px;
	padding: 3px 0 0 0;
}

.summerSale2019_savings {
	font-size: 10px;
	text-align: right;
	padding-right: 25px;
	font-family: politica-expanded, sans-serif;
	font-weight: 900;
	font-style: italic;
	padding-top: 10px;
	text-transform: uppercase;
	color: rgb(24, 28, 36);
	width: 250px;
	pointer-events: none;
	user-select: none;
}

.summerSale2019_icon01 {
	width: 76px;
	height: 45px;
	position: absolute;
	left: -70px;
	background-image: url('/public/images/v6/events/summersale_2019/flaming_discount.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.summerSale2019_ember {
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 50%;

	background: -moz-radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%) pointer-events: none;
	user-select: none;

	animation-name: fan_the_flames;
	animation-duration: 1s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes fan_the_flames {
	from {
		opacity: 0;
		transform: translateX(0) scale(1);
	}

	25% {
		opacity: 1;
	}

	to {
		opacity: 0;
		transform: translateX(-10em) scale(0);
	}
}

.summerSale2019_icon02 {
	width: 91px;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 97%;
	background-image: url('/public/images/v6/events/summersale_2019/coin_discount.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.placeHolder_lunarSale2019_giftActiveBar {
	background-color: rgb(146, 31, 30);
	width: 100%;
	height: 42px;
	z-index: 400;

	position: sticky;
	top: 0;


	background: rgb(148, 24, 24);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgb(100, 13, 12) 0%, rgb(208, 5, 1) 45%, rgb(208, 5, 1) 55%, rgb(100, 13, 12) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(100, 13, 12) 0%, rgb(208, 5, 1) 45%, rgb(208, 5, 1) 55%, rgb(100, 13, 12) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(100, 13, 12) 0%, rgb(208, 5, 1) 45%, rgb(208, 5, 1) 55%, rgb(100, 13, 12) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#640D0C', endColorstr='#640D0C', GradientType=1);
	/* IE6-9 */

	background-image: url(/public/images/v6/events/lunarsale_2020/discount_active_background.png?v=2);
	background-repeat-y: no-repeat;
}

.lunarSale2019_contentContainer {
	max-width: 940px;
	height: 100%;

	display: flex;
	flex-direction: row;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	justify-content: center;
}

.lunar_sale_spacer {
	flex: 1;
}

.lunar_sale_spacer.lunar_leftspacer {
	min-width: 225px;
}


.lunar_sale_spacer.lunar_rightspacer {
	position: relative;
}

.lunar_sale_title {
	width: 205px;
	height: 36px;
	position: absolute;
	top: 4px;
	left: -14px;
	pointer-events: none;
	user-select: none;
	margin-left: 32px;
	display: none;
}


.lunar_sale_title img {
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	color: #FFB321;
	font-size: 14px;
}

.lunar_sale_title object {
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	color: #FFB321;
	font-size: 14px;
}

.lunar_sale_poinks01 {
	width: 128px;
	height: 128px;
	position: absolute;
	top: -28px;
	left: -98px;
	background-image: url('/public/images/v6/events/lunarsale_2020/ratcoins_01.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}


.lunar_sale_poinks02 {
	width: 141px;
	height: 64px;
	position: absolute;
	top: -13px;
	left: 73%;
	background-image: url('/public/images/v6/events/lunarsale_2020/ratcoins_02.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;
}

.lunar_sale_supersavings_label {
	width: fit-content;
	min-width: fit-content;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	text-transform: uppercase;
	font-size: 15px;
	padding-top: 0px;

}

.lunar_sale_supersavings_label .highlight {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	text-transform: uppercase;
	color: #FFB321;
	font-weight: bold;
	text-align: center;
}


@keyframes savingsModeGlow {
	0% {
		color: #DC9B1D);
		text-shadow: 0px 0px 4px #FFD33B00, 0px 0px 8px rgba(255, 200, 0, .5);
	}

	50% {
		color: #FFD990;
		text-shadow: 0px 0px 14px rgb(255, 217, 44), 0px 0px 8x rgb(248, 173, 34, .9);
	}

	100% {
		color: #DC9B1D);
		text-shadow: 0px 0px 4px #FFD33B00, 0px 0px 8px rgba(255, 200, 0, .5);
	}

}

.lunar_sale_supersavings_label .subtitle {
	color: #ddd;
	font-weight: 100;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}


.lunar_sale_sparkle {
	position: relative;
}

.sparkleStar {
	width: 64px;
	height: 64px;
	position: absolute;

	background-image: url('/public/images/v6/events/lunarsale_2020/poink_sparkle_01.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	user-select: none;

	animation-name: sparkle01;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

.sparkle01 .sparkleStar.star1 {
	left: 10px;
	top: -2px;
	animation-delay: 1.35s;
}

.sparkle01 .sparkleStar.star2 {
	left: 58px;
	top: 38px;
	animation-delay: 0.17s;
}

.sparkle01 .sparkleStar.star3 {
	left: 15px;
	top: 17px;
	animation-delay: 4.07s;
}

.sparkle02 .sparkleStar.star1 {
	left: 10px;
	top: -5px;
	animation-delay: 0.35s;
}

.sparkle02 .sparkleStar.star2 {
	left: 15px;
	top: 10px;
	animation-delay: 2.97s;
}

.sparkle02 .sparkleStar.star3 {
	left: 38px;
	top: 19px;
	animation-delay: 3.86s;
}


@keyframes sparkle01 {
	0% {
		opacity: 0;
		transform: rotateZ(0deg) scale(.3);
	}

	20% {
		opacity: 1;
		transform: rotateZ(360deg) scale(1);
	}

	40% {
		opacity: 0;
		transform: rotateZ(720deg) scale(.3);
	}

	100% {
		opacity: 0;
		transform: rotateZ(720deg) scale(.3);
	}

}

.sale_page_n_section_block.lunar2019 .promo_item_list .item {
	overflow: visible;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount_container .basePriceStrikeout {
	left: -63px;
	top: 8px;
	height: 11px;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount {
	top: -15px;
	min-height: 24px;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount .additional_cart_discount_amount {
	font-size: 12px;
	margin-top: 0px;
}


.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount .additional_cart_discount_final {
	font-size: 14px;
	margin-top: 4px;
}

/* spotlight styles */
.spotlight_img {
	width: 306px;
	height: 100%;
	overflow: hidden;
	padding-left: 1px;
	padding-top: 1px;
}

.spotlight_img:has(:focus-visible) {
	outline: auto Highlight;
	outline: auto -webkit-focus-ring-color;
}

.spotlight_img a {
	display: block;
	height: 100%;
}

.home_area_spotlight {
	position: relative;
	height: 395px;
}

@media (forced-colors:active) {
	.home_area_spotlight {
		border: 1px solid ButtonBorder;
	}
}

.spotlight_scroll_ctn {
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.4) 95%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.4) 95%);
	margin-bottom: 4px;
	height: 395px;
}

.spotlight_content {
	padding: 8px 16px 12px 16px;
	color: #9099a1;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	width: 274px;
	margin: 1px;

	background: url('/public/images/v6/spotlight_background.jpg?v=1') bottom center no-repeat;
	pointer-events: none;
}

.spotlight_content .discount_block.no_discount .discount_prices {
	padding-left: 0;
}

.spotlight_content .discount_block.no_discount .discount_final_price {
	background: #344654;
	line-height: 13px;
	padding: 12px 8px 12px 8px;
}

.spotlight_weeklong_ctn {
	background: url('/public/images/v6/temp/spotlight_weeklong_deals.jpg?v=2') top center no-repeat;
	width: 304px;
	height: 350px;
	text-align: center;
	margin: 0px;
	border: 1px solid rgba(0, 0, 0, 0);
	position: relative;
	z-index: 1;
}

.spotlight_weeklong_ctn:hover {
	border: 1px solid rgba(171, 218, 244, 0.6);
}

.spotlight_weeklong_ctn .spotlight_text_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 304px;
	height: 350px;
	z-index: 2;
}

.spotlight_count {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	color: #ffffff;
	font-size: 40px;

	display: block;
	position: relative;
	z-index: 3;
	margin-top: 224px;
}

.spotlight_weeklong_subtitle {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-size: 13px;
	color: #8f98a0;
	text-align: center;
	margin-top: 20px;
}

.login .spotlight_content {
	background: #15212e;
}

.spotlight_body {}

.spotlight_body.spotlight_price {
	margin-top: 10px;
}

.spotlight_block .spotlight_content>.spotlight_title {
	color: #c7d5e0;
	font-size: 21px;
	font-weight: normal;
	margin: 0;
}

.spotlight_content .spotlight_title {
	display: block;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 10px;
	letter-spacing: 0.03em;
	font-weight: normal;
	padding-top: 2px;
}

/*
 * TABS
 */

.tab_item {
	position: relative;
	display: block;
	background: #202d39;
	background: rgba(0, 0, 0, 0.2);

	height: 69px;

	margin-bottom: 5px;
	padding-left: 198px;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.tab_item.episode {
	padding-left: 158px;
}

.large .tab_item {
	position: relative;
	background: #202d39;
	background: rgba(0, 0, 0, 0.2);

	height: 87px;

	margin-bottom: 4px;
	padding-left: 244px;
}

.large .tab_item .ds_options {
	right: auto;
	left: 210px;
	z-index: 4;
}

.tab_item:hover,
.large .tab_item:hover {
	background: rgba(0, 0, 0, 0.4);
}

.tab_item_overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.tab_item_overlay_hover {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.tab_item:hover .tab_item_overlay_hover {
	display: block;
}

.tab_item_overlay img {
	display: block;
	width: calc(100% - 2px);
	height: 67px;
	border: 1px solid rgba(139, 185, 224, 0);
}

.large .tab_item_overlay img {
	height: 85px;
}

.tab_item_overlay img:hover,
.large .tab_item_overlay img:hover {
	border: 1px solid rgba(139, 185, 224, 0.2);
}

.tab_item_cap {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	line-height: 69px;
	height: 69px;

	transition: opacity 0.25s;
}

.sub .tab_item_cap {
	width: 184px;
}

.large .tab_item_cap {
	width: 231px;
	height: 87px;
	line-height: 87px;
}

.large .tab_item_cap img {
	width: 231px;
	height: 87px;
}

.tab_item_discount {
	display: flex;
	justify-content: space-between;
	float: right;
	margin-right: 16px;
	background: none;

	margin-top: 23px;

	width: 133px;
	text-align: right;
}

.tab_item_discount.no_discount {
	margin-top: 32px;
	width: auto;
}

.tab_item_discount .bundle_base_discount {
	display: none;
}

.tab_item_discount .discount_pct {
	display: flex;
	align-items: center;

	font-size: 14px;
	line-height: 18px;
	padding: 0 4px;
	border-radius: 1px;
}

.tab_item_discount.no_discount .bundle_base_discount {
	display: none;
}

.home_tabs_content {
	min-height: 775px;
}

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

	padding-top: 6px;
	font-size: 12px;
}

.large .tab_item_content {
	padding-top: 16px;
}

.home_tabs_content .tab_item_content {
	padding-top: 7px;
}

.tab_item_name {
	color: #c7d5e0;
	font-size: 1.25em;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	overflow: hidden;

	transition: color 0.25s;
}

.tab_item_details {
	color: #384959;

	line-height: 20px;
}

.tab_item_details span.platform_img {
	vertical-align: bottom;
	opacity: 0.5;
	width: 16px;
	height: 16px;
}


.tab_item.ds_flagged:not(.ds_wishlist):not(:hover) .tab_item_cap {
	opacity: 0.3;
}


.tab_item.ds_flagged:not(.ds_wishlist):not(:hover) .tab_item_content .tab_item_name {
	color: #62696e;
}

.tab_item_top_tags {
	height: 20px;
	white-space: normal;
	overflow: hidden;
}

.tab_item_top_tags .top_tag {
	white-space: nowrap;
}

.tab_item .release_date {
	width: 85px;
	color: #4c6c8c;
	text-align: right;
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	bottom: 3px;
	right: 16px;
}

@media screen and (max-width: 910px) {
	.tab_item .release_date {
		display: none;
	}
}

.tab_item.focus .release_date {
	right: 30px;
}


/* Blurring for various filtered items */

.tab_item.ds_flagged:not(.ds_wishlist):not(:hover):not(.ds_owned) .tab_item_cap img {
	filter: blur(4px);
}

.bundle_contents_preview_item.ds_excluded_by_preferences img {
	filter: blur(4px);
	opacity: 0.3;
}


.dailydeal_ctn {
	padding: 16px;
	background: -webkit-linear-gradient(top, #ffffff 5%, #abdaf4 95%);
	background: linear-gradient(to bottom, #ffffff 5%, #abdaf4 95%);
	position: relative;

	margin-bottom: 2px;
}

.dailydeal_cap {
	position: relative;
	margin-bottom: 3px;
}

.dailydeal_cap,
.dailydeal_cap img {
	width: 276px;
	height: 129px;
}

.dailydeal_desc {
	text-align: right;
	color: #283846;
	font-size: 14px;
}

.dailydeal_countdown {
	display: inline-block;
	color: #282d33;
	font-size: 10px;
	background: #ff7b00;
	line-height: 13px;
	padding: 0 4px;
	margin-top: 4px;
}

img.category_icon {
	width: 26px;
	height: 16px;
	vertical-align: top;
}

/*
 * FRIEND BLOCKS
 */

.friend_activity {
	position: relative;
}

.friend_game_block {
	position: relative;
}

.home_friend_game_block {
	padding-left: 132px;
	padding-bottom: 18px;
}

.friend_game_block .friend_activity {
	display: block;
	width: 150px;
	height: 40px;
}

.friend_game_block .friend_activity:hover {
	text-decoration: none;
	background: rgba(103, 193, 245, 0.1);
}

.friend_game_block .game_capsule {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;
	height: 45px;
}

.home_friend_game_block .game_capsule {
	right: auto;
	left: 0;
}

.home_friend_game_block .game_capsule a {
	position: relative;
	display: block;
	width: 120px;
	height: 45px;
}

.home_friend_game_block .game_capsule a.ds_flagged .ds_flag {
	top: 18px;
}

.home_friend_game_block .game_capsule a.ds_flagged:not(.ds_wishlist) img {
	opacity: 0.3;
}

.friend_activity .friend_block_text {
	display: block;
	position: absolute;
	width: 96px;
	top: 6px;
	left: 48px;
	font-size: 10px;
}

.ds_flag.ds_wishlist_flag {
	box-shadow: 0 0 6px 0 #000000;
}


/*
 * platforms
 */

span.platform_img {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	fill: #FFFFFF;
}

span.platform_img.steamplay {
	width: 64px;
	background-image: url('/public/images/v6/icon_steamplay.png');
	padding-right: 5px;
}

span.platform_img.win {
	background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_platform_win.svg');
}

span.platform_img.mac {
	background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_platform_mac.svg');
}

span.platform_img.linux {
	background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_platform_steamos.svg?v=2');
}

span.platform_img.streamingvideo {
	background-image: url('/public/images/v6/icon_streamingvideo_v6.png');
}

span.platform_img.streamingvideoseries {
	background-image: url('/public/images/v6/icon_streamingvideoseries_v6.png');
}

span.platform_img.streaming360video {
	background-image: url('/public/images/v6/icon_streaming360video_v6.png');
}

span.platform_img.htcvive {
	background-image: url('/public/images/v6/icon_platform_htcvive.png');
}

span.platform_img.oculusrift {
	background-image: url('/public/images/v6/icon_platform_oculusrift.png');
}

span.platform_img.windowsmr {
	background-image: url('/public/images/v6/icon_platform_windowsmr.png');
}

span.platform_img.valveindex {
	background-image: url('/public/images/v6/icon_platform_valveindex.png');
	width: 26px;
}

span.platform_img.music {
	background-image: url('/public/images/v6/icon_platform_music.png');
}

span.vr_supported,
span.vr_required {
	vertical-align: top;
	line-height: 21px;
	font-size: 11px;
	color: white;
}

.hover_release span.platform_img.valveindex {
	background-image: url('/public/images/v6/icon_platform_valveindex_dark.png');
	width: 26px;
	height: 19px;
}

.hover_release span.platform_img.htcvive {
	background-image: url('/public/images/v6/icon_platform_htcvive_dark.png');
}

.hover_release span.platform_img.oculusrift {
	background-image: url('/public/images/v6/icon_platform_oculusrift_dark.png');
}

.hover_release span.platform_img.windowsmr {
	background-image: url('/public/images/v6/icon_platform_windowsmr_dark.png');
}


span.platform_img.group_separator {
	border-right: 1px solid #CCC;
	width: 1px;
	margin: 0px 4px;
}

.promo_item_list .item .info .OS span.platform_img.streamingvideo {
	background-position: 0px 1px;
}

/* GLOBAL TAG STYLES */

.app_tag {
	display: inline-block;
	line-height: 19px;
	padding: 0 7px;
	color: #b0aeac;
	background-color: #384959;

	margin-right: 2px;
	border-radius: 3px;

	box-shadow: 1px 1px 0 0 #000000;
	cursor: pointer;

	margin-bottom: 3px;

	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app_tag.not_browseable {
	opacity: 0.6;
	cursor: default;
}

/* HOVER */


div.game_hover {
	position: absolute;
	z-index: 1526;
	top: 40px;
	left: 400px;
	padding: 5px 12px 0 12px;
}

.game_hover_iframe {
	overflow: hidden;
	width: fit-content;
	height: fit-content;
}

.game_hover_box {
	background: rgb(227, 234, 239);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(227, 234, 239, 1)), color-stop(100%, rgba(199, 213, 224, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaef', endColorstr='#c7d5e0', GradientType=0);
	/* IE6-9 */

	width: 306px;

	color: #30455a;
	font-size: 12px;

	overflow: hidden;

	box-shadow: 0 0 12px #000000;
}

.game_hover_iframe .game_hover_box {
	margin: 0;
}

.game_hover_box .content {
	padding: 16px;
}

.game_hover_box .hover_top_area {
	margin-bottom: 8px;
	font-size: 10px;
	color: #82807C;
}

.hover_screenshots {
	position: relative;
	width: 274px;
	height: 153px;
	margin: 5px 0;
}

.hover_screenshots .screenshot {
	position: absolute;
	width: 100%;
	/* Redundant ?? */
	height: 100%;
	background-size: cover;
	background-position: center center;
	opacity: 0;
	transition: opacity 300ms;
	animation: screenshot_hover_fadein 4s linear;
	animation-iteration-count: infinite;
}

.hover_screenshots .screenshot:nth-child(1) {
	animation-delay: 0s
}

.hover_screenshots .screenshot:nth-child(2) {
	animation-delay: 1s
}

.hover_screenshots .screenshot:nth-child(3) {
	animation-delay: 2s
}

.hover_screenshots .screenshot:nth-child(4) {
	animation-delay: 3s
}

@keyframes screenshot_hover_fadein {
	0% {
		opacity: 0;
	}

	3% {
		opacity: 1;
	}

	28% {
		opacity: 1;
	}

	31% {
		opacity: 0;
	}
}

#hover_screenshots .screenshot.active {
	opacity: 1;
}

.game_hover_box h4.hover_title {
	color: #222d3d;
	font-weight: normal;
	font-size: 15px;

	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	text-transform: unset;
	letter-spacing: 0px;
	margin-top: -4px;
	line-height: 17px;
	margin-bottom: 4px;
}

.game_hover_box .hover_release {
	font-size: 10px;

	display: flex;
	justify-content: space-between;
}

.game_hover_box p,
.game_hover_box {
	margin-top: 8px;
	margin-bottom: 8px;
}

.game_hover_box .rule {}

.game_hover span.platform_img {
	width: 18px;
	height: 18px;
	margin: 0px 2px;
}

.game_hover .hover_arrow_left,
.game_hover .hover_arrow_right {
	width: 7px;
	height: 15px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNqc0k0KgCAQBlCdI0SLlkEtu4DLTt6yC7SN2hX0cwWbCQvDMa0PBhN9EsxIrbXgMs57RWueJR13Di+ooboeCEILpaZYDC/oCoshgLwYIhCL5TBtMcjOilUT1OJH6FdLrOWDobslYIN7/FCRmO4oMmCmIwbf6NGOAH4gZwA82EFnO7ghx14VuLRm6yAvtLDgEOUQYADt6VgCZRDsZgAAAABJRU5ErkJggg==') no-repeat top;
	position: absolute;
	top: 48px;
}

.game_hover .hover_arrow_left {
	background-position: left;

	left: 5px;
}

.game_hover .hover_arrow_right {
	background-position: right;

	right: 5px;
}

.hover_body {
	margin-bottom: 6px;
}

.hover_details_block,
.hover_details_block_full {
	display: block;
	border-radius: 2px;
	margin-right: 3px;
	background-color: rgba(38, 54, 69, 0.6);
	padding: 4px;

	line-height: 20px;
	height: 20px;
}

.hover_details_block {
	float: left;
}

.hover_category_icon {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
}

.hover_friends_blocks {
	margin-bottom: 8px;
}

.hover_tag_row {
	overflow: hidden;
	height: 19px;
	margin-top: 2px;
}

.hover_tag_row .app_tag {
	background-color: rgba(38, 54, 69, 0.6);
	color: rgba(227, 234, 239, 1);
	box-shadow: none;
	padding: 0 4px;
	font-size: 11px;
	border-radius: 2px;
}

.hover_details_specs {
	height: 26px;
	margin-bottom: 2px;
}

.hover_details_specs .icon {
	float: left;
	left: 0px;
	width: 30px;
	height: 22px;
	padding-top: 4px;
	padding-left: 6px;
	background-color: #6a8caa;
}

.hover_details_specs .name {
	margin-left: 2px;
	height: 22px;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #6a8caa;
}

.hover_body .hover_review_summary {
	margin-bottom: 10px;
	border-radius: 2px;
	padding: 4px;
	color: #c6d4df;
	background-color: rgba(38, 54, 69, 0.6);
}

.review_anomaly_icon {
	vertical-align: sub;
	font-size: 16px;
	color: #6f8695;
	display: inline-block;
	max-height: 12px;
	/* Restrict height to the text around it to not push down content below it */
}

.hover_body .review_anomaly_icon {
	color: #c6d4df;
}

.review_score_icon.positive {
	background-image: url('/public/images/v6/user_reviews_positive.png');
}

.review_score_icon.mixed {
	background-image: url('/public/images/v6/user_reviews_mixed.png');
}

.review_score_icon.negative {
	background-image: url('/public/images/v6/user_reviews_negative.png');
}


.game_review_summary {
	color: #c85e2d;
}

.game_review_summary.mixed {
	color: #B9A074;
}

.game_review_summary.positive {
	color: #66C0F4;
}

.game_review_summary.no_reviews,
.game_review_summary.not_enough_reviews {
	color: #929396;
}

.friend_blocks_row {
	margin-top: 2px;
}

.friend_blocks_row .playerAvatar {
	float: left;
	margin-right: 5px;
}

.friend_blocks_row .friend_block_holder {
	width: 40px;
	height: 40px;
}

.friend_blocks_row .friend_block_holder,
.friend_blocks_row .playerAvatar {
	float: left;
	margin-right: 5px;
}


/*
 * FRIENDS TODO: LEGACY
 */

.friend_block_avatar {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	padding: 4px;
	margin-right: 2px;
}

.friend_status_offline .friend_block_avatar {
	background-image: url('/public/images/communitylink/iconholder_offline.jpg');
}

.friend_status_online .friend_block_avatar {
	background-image: url('/public/images/communitylink/iconholder_online.jpg');
}

.friend_status_in-game .friend_block_avatar {
	background-image: url('/public/images/communitylink/iconholder_ingame.jpg');
}


.cluster_control_left,
.cluster_control_right {
	position: absolute;
	top: 16px;
	height: 44px;
	color: #8bb9e0;
	background-color: #000000;
	padding: 6px;
	cursor: pointer;
}

.cluster_control_left img,
.cluster_control_right img {
	vertical-align: middle;
}

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

.cluster_control_right {
	right: 0px;
	text-align: right;
	padding-left: 16px;
}

.cluster_capsule {
	display: block;
	float: left;
	margin-right: 4px;
	position: relative;
}

a.cluster_capsule:hover {
	text-decoration: none;
}

.large_cluster_content_twoup {
	position: relative;
	width: 940px;
	height: 254px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 20px;
}

.large_cluster_content_twoup .cluster_control_left {
	border-left: 1px solid #4D4B49;
}

.large_cluster_content_twoup .cluster_control_right {
	border-right: 1px solid #4D4B49;
}

.large_cap {
	width: 467px;
	height: 252px;
	border: 1px solid #4D4B49;
}

.cluster_capsule.large_cap {
	margin-right: 2px;
}

a.large_cap:hover {
	text-decoration: none;
}

img.large_cap {
	width: 467px;
	height: 181px;
	position: relative;
}

.large_cap_content {
	padding: 13px 16px;
}

.large_cap_content h4 {
	margin-bottom: 6px;
}

.large_cap_content p {
	color: #B0AEAC;
	font-size: 12px;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.large_cap_discount {
	position: absolute;
	right: 16px;
	bottom: 98px;
}

.large_cap_desc {
	position: absolute;
	left: 0px;
	bottom: 0px;

	background-color: #1a1a1a;

	width: 467px;
	height: 71px;
	overflow: hidden;
}

.large_cap_price {
	position: absolute;
	right: 16px;
	line-height: 14px;
}

/* Dark page cut */

body.v6 .page_content_ctn.dark {
	background-color: #000;
	padding: 25px 0;
}

body.v6 .page_content_ctn.dark:last-child {
	margin-bottom: -52px;
}

.page_content_ctn.dark .pageheader:after {
	content: ' ';
	display: block;
	height: 1px;
	margin-top: 5px;
	background: -webkit-linear-gradient(left, #3b6e8c 5%, #000000 95%);
	background: linear-gradient(to right, #3b6e8c 5%, #000000 95%);
}


/* common discovery queue styles */

.discovery_queue {
	height: 289px;
	position: relative;
}

/* empty queue */
.discover_queue_empty {
	padding: 30px 20px 20px 20px;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 12px;
	height: 165px;
}

body.v6 .discover_queue_empty>h3 {
	font-size: 20px;
	color: #C6D4DF;
	margin-bottom: 15px;
}

.discover_queue_empty>p {
	font-size: 13px;
	color: #8F98A0;
}

.discover_queue_empty_refresh_btn {
	padding-top: 20px;
}

.dq_item {
	position: absolute;
	box-shadow: 0 0 8px 0 #000000;
}

.dq_item,
.dq_item div,
.dq_item img {
	-webkit-user-select: none;
	/* Chrome all / Safari all */
	-moz-user-select: none;
	/* Firefox all */
	-ms-user-select: none;
	/* IE 10+ */
	user-select: none;
}

.dq_item .dq_item_cap {
	width: 100%;
	height: auto;
	display: block;
}

.dq_item_overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	/* keep it on top of ds_flag (z-index 5 ) */
}

.dq_item .ds_flag {
	box-shadow: 0 0 4px 0 #000000;
}

.dq_item_price {
	position: absolute;
	bottom: -39px;
	right: 0;
	opacity: 0;
}

.dq_item_price.no_discount {
	bottom: -26px;
}

.dq_item_reason {
	opacity: 0;
	font-size: 17px;
	font-family: "Motiva Sans", Sans-serif;
	margin-top: 4px;
	color: #fff;
	width: 330px;
}

.dq_item.dq_active_link {
	z-index: 30;
	box-shadow: none;
}

.dq_item.dq_active_link a {
	display: block;
	width: 460px;
	height: 215px;
}

#page_background_holder {
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
	z-index: -1;
	min-width: 972px;
}

#page_background {
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	height: 1024px;
	min-width: 972px;
}

/* TEMPORARY */

#v6takeover .flag {
	margin: 0 0 -15px 0;
	z-index: 10;
	position: relative;
	height: 36px;
	background-repeat: no-repeat;
	background-position: top left;
}

#v6takeover.closed .flag {
	margin: 0 0 -15px -17px;
	height: 35px;
}

#v6takeover.closed {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

#v6takeover .avatar {
	border: 5px solid #67c1f5;
	width: 92px;
	height: 92px;
	box-shadow: 0 0 5px #67c1f5;
	z-index: 5;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 2px;
}

#v6takeover .avatar>img {
	width: 92px;
	height: 92px;
}

#v6takeover .title {

	font-family: "Motiva Sans", Sans-serif;
	font-weight: bold;
	/* bold */

	font-size: 44px;
	color: #fff;

	text-transform: uppercase;
	line-height: 46px;
	display: inline-block;
	width: 770px;
	margin: 18px 0 0 9px;
	vertical-align: top;
}

#v6takeover .title>div {
	color: #66c0f4;
}

#v6takeover .desc {

	font-size: 16px;
	margin: 10px 0 10px 0;
}

#v6takeover .close {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 25;
	background-image: url('/public/images/v6/close_btn.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

#v6takeover.closed .close {
	background-image: url('/public/images/v6/expand_btn.png?v=1');
}

#v6takeover.closed .avatar,
#v6takeover.closed .title,
#v6takeover.closed .desc,
#v6takeover.closed .btn_medium {
	display: none;
}

#v6takeover {
	padding: 0 15px 15px 15px;
	border-bottom: 1px solid #305d7d;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(102, 192, 244, 0.2) 95%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(102, 192, 244, 0.2) 95%);
	margin-bottom: 15px;
	position: relative;
}

#v6takeover.closed {
	background: rgba(0, 0, 0, 0.2);
}

/* END TEMPORARY */


.dropcontainer ul {
	list-style-type: none;
	line-height: 22px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 900;

	overflow: auto;
	overflow-x: hidden;

	box-shadow: 0 0 5px 0 #000000;
	background: #417A9B;
}

.dropdownhidden {
	display: none;
}

.dropdownvisible {
	display: block;
}

.dropcontainer ul li {
	padding: 0;
	margin: 0;
}

.dropcontainer ul li.emptyvalue {
	font-style: italic;
}

.dropcontainer ul a {
	padding: 0 10px;
	display: block;
	text-decoration: none;
	color: #e5e4dc;

	white-space: nowrap;
}

.dropcontainer {
	position: relative;
}

.dselect_container {
	font-size: 12px;
}

.dselect_container {
	position: relative;

}

.dselect_container button.trigger,
.dselect_container button.activetrigger {
	display: block;
	box-sizing: content-box;
	text-align: inherit;
	cursor: pointer;

	color: #67c1f5;
	padding: 0 30px 0 8px;
	font-size: 12px;
	line-height: 21px;
	border: 0;
	border-radius: 3px;
	text-decoration: none;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.dselect_container button.trigger {
	background: rgba(103, 193, 245, 0.1);
}

.dselect_container button.activetrigger,
.dselect_container button.activetrigger:hover {
	color: #ffffff;
	background: #67c1f5;
}


.dselect_container button.activetrigger {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 91;
	position: relative;
}

.dselect_container button.trigger::after,
.dselect_container button.activetrigger::after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	background: url('/public/images/v6/ico/ico_arrow_dn_for_select.png') no-repeat left center;
	content: '';
}

.dselect_container button.trigger:hover,
.dselect_container .dropcontainer a.highlighted_selection {
	color: #ffffff;
	background-color: #67c1f5;
	/* Old browsers */
	background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
	background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

.promo_leftcol {
	margin-right: 5px;
	padding: 10px 20px 10px 20px;
	background-color: rgba(0, 0, 0, 0.4);
}

.promo_rightcol {
	margin-left: 5px;
	padding: 1px 15px 10px 15px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
}

.promo_banner {
	box-shadow: 0px 0px 5px #000;
}

/* Refund policy styles */
.refund_policy .page_header_ctn {
	padding-bottom: 74px;
}

.refund_policy h2 {
	padding-top: 40px;
}

.refund_policy .header_ctn {
	margin: 40px 0;
}

body.v6.refund_policy {
	background: #212429;
}

body.v6.refund_policy .page_content_ctn {
	font-size: 14px;
	line-height: 18px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	color: #a4b0be;
}

.refund_policy #main_content h1 {
	color: #ffffff;
	font-size: 26px;
	text-shadow: 1px 1px 0 #000000;
	margin: 32px 0px 8px 0px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	font-weight: normal;
	line-height: normal;
}

.refund_policy #main_content h2 {
	padding-top: 12px;
	margin-bottom: 4px;
	line-height: 20px;
}

.refund_policy p {
	margin-bottom: 16px;
}

.refund_policy ul {
	padding-left: 20px;
}

.nonresponsive_hidden {
	display: none;
}

a.pulldown_desktop {
	display: inline;
	color: #e5e5e5;
}

a.pulldown_mobile {
	display: none;
}

@media screen and (max-width: 910px) {

	html.responsive .leftcol,
	html.responsive .rightcol {
		float: none;
		width: auto;
		margin-left: 0;
	}

	html.responsive .tab_item_cap_img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	html.responsive .carousel_container .arrow {
		bottom: 0px;
		top: auto;
		height: 0px;
		width: 0;
		padding: 0px;

		background: none;
	}

	html.responsive .carousel_container .arrow>div {
		width: 13px;
		height: 20px;
		background-size: cover;
		display: none;
		margin: 0 10px;
	}

	html.responsive .carousel_container .arrow.left {
		left: 0;
	}

	html.responsive .carousel_container .arrow.left>div {
		background-position-x: 13px;
	}

	html.responsive .carousel_container .arrow.right {
		right: 0;
		text-align: right;
	}

	html.responsive .carousel_container .carousel_items>* {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
	}

	html.responsive .specials_under10_content,
	html.responsive .live_streams_ctn {
		margin-top: 0;
		margin-bottom: 0;
	}

	html.responsive .carousel_container .carousel_items:not(.no_paging),
	html.responsive .carousel_container.maincap .carousel_items:not(.no_paging) {
		overflow-x: scroll;
		overflow-y: hidden;
		box-sizing: content-box;


		display: -webkit-box;
		/* Very Old webkit */
		display: -ms-flexbox;
		/* IE 10 */
		display: -webkit-flex;
		/* Old webkit */
		display: flex;
		flex-wrap: nowrap;

		padding-bottom: 21px;
	}

	html.responsive .carousel_container .carousel_items>* {
		pointer-events: auto;
		flex-shrink: 0;
	}


}

html.responsive.gamepad .leftcol,
html.responsive.gamepad .rightcol {
	float: none;
	width: auto;
	margin-left: 0;
}

html.responsive.gamepad .tab_item_cap_img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

html.responsive.gamepad .carousel_container .arrow {
	bottom: 0px;
	top: auto;
	height: 0px;
	width: 0;
	padding: 0px;

	background: none;
}

html.responsive.gamepad .carousel_container .arrow>div {
	width: 13px;
	height: 20px;
	background-size: cover;
	display: none;
	margin: 0 10px;
}

html.responsive.gamepad .carousel_container .arrow.left {
	left: 0;
}

html.responsive.gamepad .carousel_container .arrow.left>div {
	background-position-x: 13px;
}

html.responsive.gamepad .carousel_container .arrow.right {
	right: 0;
	text-align: right;
}

html.responsive.gamepad .carousel_container .carousel_items>* {
	position: relative;
	top: auto;
	left: auto;
	opacity: 1;
}

html.responsive.gamepad .specials_under10_content,
html.responsive.gamepad .live_streams_ctn {
	margin-top: 0;
	margin-bottom: 0;
}

html.responsive.gamepad .carousel_container .carousel_items:not(.no_paging),
html.responsive.gamepad .carousel_container.maincap .carousel_items:not(.no_paging) {
	overflow-x: scroll;
	overflow-y: hidden;
	box-sizing: content-box;


	display: -webkit-box;
	/* Very Old webkit */
	display: -ms-flexbox;
	/* IE 10 */
	display: -webkit-flex;
	/* Old webkit */
	display: flex;
	flex-wrap: nowrap;

	padding-bottom: 21px;
}

html.responsive.gamepad .carousel_container .carousel_items>* {
	pointer-events: auto;
	flex-shrink: 0;
}


@media screen and (max-width: 910px) {
	html.responsive body.v6 .page_content {
		max-width: 940px;
		width: auto;
		margin: 0 2%;
	}

	html.responsive body.v6 h2.pageheader {
		font-size: 30px;
		word-wrap: break-word;
	}

	html.responsive .tab_item {
		padding-left: 0;
	}

	html.responsive .tab_item_cap_ctn {
		float: left;
		max-width: 33%;
	}

	html.responsive .tab_item_cap {
		position: static;
		float: left;
		max-width: 33%;
		margin-right: 3%;
	}
}

@media screen and (max-width: 910px) {

	html.responsive #responsive_store_search_overlay,
	html.responsive #responsive_store_nav_overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;

		height: 100vh;
		background-color: #000000AA;
		z-index: 101;

		display: flex;
		flex-direction: column;
	}

	html.responsive #responsive_store_nav_overlay_ctn {
		background-color: black;
		margin-left: 3%;
		margin-right: 3%;

		border-radius: 0 0 8px 8px;

		overflow-y: auto;

		max-height: 90vh;
	}

	html.responsive div#store_header,
	html.responsive div#store_header .content {
		min-width: 0;
		width: auto;
		height: auto;
		margin-bottom: 0;
	}

	html.responsive body.responsive_store_overlay_visible {
		overflow-y: hidden;
		touch-action: none;
		-ms-touch-action: none;
	}

	html.responsive #responsive_store_nav_overlay_bottom {
		flex: 1;
	}

	html.responsive .responsive_store_nav_ctn_spacer {
		height: 16px;
	}

	html.responsive div#store_controls {
		display: none;
	}

	html.responsive div#store_header #store_nav_area {
		position: static;
	}

	html.responsive #store_header {
		display: none;
	}

	html.responsive #store_nav_area,
	html.responsive #store_nav_area .store_nav_bg,
	html.responsive #store_nav_area .store_nav {
		height: auto;
		margin: 0;
		display: block;
	}

	html.responsive #store_nav_area .store_nav .tab {
		float: none;
		display: block;
		border: none;
	}

	html.responsive div#store_search {
		float: none;
		border-left: none;
	}

	html.responsive .searchbox {
		width: auto;
		height: auto;
		background-image: none;
		background-color: rgba(96, 133, 155, 0.979);
		border-radius: 4px;
		box-shadow: inset 0 0 4px #000000;
		margin: 1px;
		padding: 0 6px;
	}

	html.responsive .searchbox:hover {
		background-image: none;
		margin: 0;
		border: 1px solid #ffffff;
	}

	html.responsive .searchbox input {
		width: 100%;
		font-size: 16px;
		margin: 0;
		line-height: 28px;
	}

	html.responsive .store_nav .search_area {
		position: relative;
		max-width: none;
	}

	html.responsive .search_area .search_suggest {
		left: 4px;
		right: 4px;
		top: 35px;
		width: auto;
	}

	html.responsive a.pulldown_desktop {
		display: none;
	}

	html.responsive a.pulldown_mobile {
		display: inline;
		color: inherit;
	}


}

html.responsive.rn_mobile_app #responsive_store_search_overlay,
html.responsive.rn_mobile_app #responsive_store_nav_overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	height: 100vh;
	background-color: #000000AA;
	z-index: 101;

	display: flex;
	flex-direction: column;
}

html.responsive.rn_mobile_app #responsive_store_nav_overlay_ctn {
	background-color: black;
	margin-left: 3%;
	margin-right: 3%;

	border-radius: 0 0 8px 8px;

	overflow-y: auto;

	max-height: 90vh;
}

html.responsive.rn_mobile_app div#store_header,
html.responsive.rn_mobile_app div#store_header .content {
	min-width: 0;
	width: auto;
	height: auto;
	margin-bottom: 0;
}

html.responsive.rn_mobile_app body.responsive_store_overlay_visible {
	overflow-y: hidden;
	touch-action: none;
	-ms-touch-action: none;
}

html.responsive.rn_mobile_app #responsive_store_nav_overlay_bottom {
	flex: 1;
}

html.responsive.rn_mobile_app .responsive_store_nav_ctn_spacer {
	height: 16px;
}

html.responsive.rn_mobile_app div#store_controls {
	display: none;
}

html.responsive.rn_mobile_app div#store_header #store_nav_area {
	position: static;
}

html.responsive.rn_mobile_app #store_header {
	display: none;
}

html.responsive.rn_mobile_app #store_nav_area,
html.responsive.rn_mobile_app #store_nav_area .store_nav_bg,
html.responsive.rn_mobile_app #store_nav_area .store_nav {
	height: auto;
	margin: 0;
	display: block;
}

html.responsive.rn_mobile_app #store_nav_area .store_nav .tab {
	float: none;
	display: block;
	border: none;
}

html.responsive.rn_mobile_app div#store_search {
	float: none;
	border-left: none;
}

html.responsive.rn_mobile_app .searchbox {
	width: auto;
	height: auto;
	background-image: none;
	background-color: rgba(96, 133, 155, 0.979);
	border-radius: 4px;
	box-shadow: inset 0 0 4px #000000;
	margin: 1px;
	padding: 0 6px;
}

html.responsive.rn_mobile_app .searchbox:hover {
	background-image: none;
	margin: 0;
	border: 1px solid #ffffff;
}

html.responsive.rn_mobile_app .searchbox input {
	width: 100%;
	font-size: 16px;
	margin: 0;
	line-height: 28px;
}

html.responsive.rn_mobile_app .store_nav .search_area {
	position: relative;
	max-width: none;
}

html.responsive.rn_mobile_app .search_area .search_suggest {
	left: 4px;
	right: 4px;
	top: 35px;
	width: auto;
}

html.responsive.rn_mobile_app a.pulldown_desktop {
	display: none;
}

html.responsive.rn_mobile_app a.pulldown_mobile {
	display: inline;
	color: inherit;
}


@media screen and (max-width: 600px) {
	html.responsive body.v6 h2.pageheader {
		font-size: 24px;
	}

	html.responsive .tab_item_discount .discount_pct,
	html.responsive .tab_item_discount.no_discount .bundle_base_discount {
		float: none;
		margin-top: 0;
		margin-right: 2px;
	}

	html.responsive .tab_item_discount {
		margin-top: 19px;
		width: auto;
		margin-right: 4px;
	}
}


/* main cluster rotation */

.main_cluster_content {
	width 616px;
	height: 395px;
	overflow: hidden;
	margin-bottom: 4px;
	position: relative;

	-webkit-overflow-scrolling: touch;
}

html.touch .main_cluster_content {
	overflow-x: scroll;
}

.main_cluster_content::-webkit-scrollbar {
	display: none;
}

.cluster_scroll_area {
	overflow: hidden;
}

.main_cluster_content a.cluster_capsule {
	display: inline-block;
	width: 616px;
	height: 395px;
	margin-right: 4px;
	position: relative;
}

a.cluster_capsule:hover {
	text-decoration: none;
}

.main_cluster_content .cluster_capsule_image {
	width: 616px;
	height: 353px;
	display: block;
}

.main_cluster_content .cluster_capsule .ds_flag {
	box-shadow: 0 0 6px 0 #000000;
}

.main_cluster_content .cluster_maincap_fill {
	width: auto;
	display: block;

	position: relative;
	overflow: hidden;
}

.main_cluster_content img.cluster_maincap_fill_placeholder {
	width: 100%;
	height: auto;
}

.cluster_maincap_fill .cluster_maincap_fill_bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.5;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	overflow: hidden;
}

.cluster_maincap_fill .cluster_maincap_fill_header {
	position: absolute;
	left: 78px;
	top: 69px;
	z-index: 2;
	box-shadow: 0 0 16px 6px #000000;
}

.cluster_maincap_fill.package .cluster_maincap_fill_header {
	width: 530px;
	height: 174px;

	left: 43px;
	top: 89px;
}

.cluster_maincap_fill.package .cluster_maincap_fill_bg.cluster_capsule_image {
	width: 1076px;
	height: 353px;
	left: -230px;
}

.main_cap_discount,
.main_cap_price {
	position: absolute;
	right: 0;
	bottom: 42px;
	z-index: 3;
}

.corner_cap_discount {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}

/* Darken background */
.store_capsule .discount_block.corner_cap_discount>.discount_prices {
	background-color: rgba(20, 31, 44, 0.7);
}

.main_cap_price {
	background: #000000;
	font-size: 13px;
	color: #b0aeac;
	line-height: 25px;
	padding: 0 8px;
}

.main_cap_desc {
	height: 42px;
	line-height: 42px;
	background: rgba(0, 0, 0, 0.2);
	padding: 0 12px;
	overflow: hidden;
}

.main_cap_platform_area {
	float: right;
	padding-top: 5px;
}

.main_cap_status {
	color: #ffffff;
	font-size: 21px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	text-shadow: 1px 1px rgba(0, 0, 0, 0.25);

}

.main_cluster_ctn .home_btn.home_customize_btn {
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
	background: rgba(44, 75, 100, 0.8);
	box-shadow: 0 0 12px #000000;
}

.main_cluster_ctn .home_btn.home_customize_btn:hover {
	color: #ffffff;
	background: #67c1f5;
	/* Old browsers */
	background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.main_cluster_ctn:hover .home_customize_btn,
.main_cluster_ctn .home_btn.home_customize_btn.active {
	display: block;
}

.main_cluster_ctn .home_btn.home_customize_btn.active {
	box-shadow: none;
}


/*
 * Generic capsules
 */
.store_capsule {
	display: inline-block;
	position: relative;
	vertical-align: top;
	/* Because browsers cannot be trusted to align things. */

	width: 229px;
	/* Base width. Override with your own selector later. 229 * 4 + 8 * 3 = 940 */
	background: radial-gradient(62.67% 62.67% at 62.67% 100%, #3D4856 0%, #283645 100%);
}

.store_capsule:not(:last-child) {
	margin-right: 8px;
	/* Again, a default. Adjust to fit your container. */
}

.store_capsule:hover {
	background: radial-gradient(62.67% 62.67% at 62.67% 100%, #6B737D 0%, #3B4955 100%);
	text-decoration: none;
}

.store_capsule .capsule {
	vertical-align: top;
	position: relative;
}

.store_capsule .capsule>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.store_capsule .title {
	color: #c7d5e0;
	font-size: 13px;
	padding: 3px;
}

.store_capsule .discount_block {
	margin: 0;
	text-align: right;
	padding: 5px;
	line-height: 17px;
	min-height: 17px;
	font-size: 12px;
}

.store_capsule .discount_block>.discount_prices {
	background-color: rgba(20, 31, 44, 0.4);
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}

.store_capsule .discount_block.daily_deal_discount>.discount_prices {
	background-color: rgba(20, 31, 44, 0.8);
}

/* Add more padding when we have no discount */
.discount_block.no_discount .discount_final_price {
	padding: 0 6px;
	color: white;
}

.store_capsule .discount_block:not(.discount_block_large) .discount_pct {
	font-size: 11px;
}

@media screen and (max-width: 910px) html.responsive .store_capsule .discount_block {
	padding: 2px;
}
}


.store_capsule .ds_flag {
	/* May need further adjustment for your particular capsule style */
	left: 0px;
}

.store_capsule.ds_flagged:not(.ds_wishlist):not(.broadcast_capsule) .capsule>img {
	opacity: 0.3;
}

.store_capsule_container_scrolling {
	white-space: nowrap;
	overflow: hidden;
}

.store_capsule_frame {
	padding: 11px 16px;
	margin: 20px -17px;
	background: -webkit-linear-gradient(top, rgba(22, 33, 46, 1.0) 5%, rgba(22, 33, 46, 0) 95%);
	background: linear-gradient(to bottom, rgba(22, 33, 46, 1.0) 5%, rgba(22, 33, 46, 0) 95%);
	border: 1px solid transparent;
	border-bottom: none;
	/* Fixes a weird artifact where the bottom border is 0,0,0,0.1 or something? */
	border-image: linear-gradient(to bottom, rgba(46, 57, 70, 1) 5%, rgba(46, 57, 70, 0) 95%) 1;
}

/* Aspect ratios */
.store_capsule>.capsule.header,
.store_capsule>.capsule.headerv5,
.store_capsule>.capsule.headerratio,
.store_capsule>.capsule.smallcapsule {
	padding-top: 46.57534246575342%;
}

.store_capsule>.capsule.main_capsule {
	padding-top: 57.3051948051948%;
}

.store_capsule>.capsule.smallv5 {
	padding-top: 37.5%
}

.store_capsule>.capsule.small {
	padding-top: 37.5%;
}


.store_capsule.price_inline .discount_block .discount_prices {
	background-color: rgba(0, 0, 0, 0.8);
}

.store_capsule.price_inline .discount_block {
	position: absolute;
	right: 3px;
	bottom: 3px;
}

.home_right_btn {
	float: right;
	margin-top: 27px;
}

.autumn2016_home .live_streams_ctn {
	margin-top: 10px;
	margin-bottom: 50px;
}

#live_streams_carousel {
	margin-top: 10px;
	padding-bottom: 5px;
}

#live_streams_carousel .carousel_items .store_capsule {
	width: 306px;
	background: rgba(255, 255, 255, 0.1);
}

#live_streams_carousel .title {
	margin-top: 33px;
	padding-bottom: 6px;
	margin-left: 5px;
	display: flex;
	justify-content: space-between;
}

#live_streams_carousel .title>span.live_stream_app {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.live_stream_play_icon {
	position: absolute !important;
	top: 60px !important;
	left: 115px !important;
	width: 80px !important;
	height: 55px !important;
	z-index: 2;
}

.live_streams_ctn .home_right_btn {
	margin-top: 2px;
}

.live_streams_ctn .store_capsule .title {
	line-height: 23px;
}

.live_streams_ctn .store_capsule:not(:last-child) {
	margin-right: 5px;
	/* Again, a default. Adjust to fit your container. */
	margin-bottom: 8px;
}


.live_steam_viewers {
	font-size: 13px;
	margin: 0px 5px 0px 0px;
	padding-left: 28px;

	pointer-events: none;
	background-image: url('/public/shared/images/broadcast/icon_viewers.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: 2px;
	line-height: 23px;
	text-decoration: none;
}

@media screen and (max-width: 910px) {
	html.responsive #live_streams_carousel {
		padding-bottom: 0;
	}

	html.responsive .live_streams_ctn .store_capsule:not(:last-child) {
		margin-bottom: 0px;
		/* We don't wrap in responsive */
	}
}

/* ds_options defines the per-app preferences dropdown */
.ds_options {
	display: block;
	position: absolute;

	top: 0px;
	right: -5px;
	cursor: pointer;
	opacity: 0;
	padding: 5px 5px 0 0;
	transition: opacity 0.2s, right 0.2s;
	z-index: 15;
}

.ds_options>div {
	width: 30px;
	height: 15px;
	position: absolute;
	right: 4px;

	background-color: #e5e5e5;
	background-image: url('/public/shared/images/v6/moremenudark.png');
	background-position: 6px 4px;
	border-radius: 2px;
	background-repeat: no-repeat;
	box-shadow: 0 0 3px #000;
}

.ds_options:hover>div {
	background-color: #67c1f5;
	color: #fff;
	background-image: url('/public/shared/images/v6/moremenu.png');
}


*:hover>.ds_options,
.ds_hover.ds_options {
	opacity: 1;
	right: 0px;
}

.ds_options_tooltip {
	background-color: #3D4450;
	padding: 2px 8px;
	color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
}

.ds_options_tooltip>.option {
	margin: 5px 0;
	display: block;
	cursor: pointer;
	/*background-color: rgba(0,0,0,0.1);*/
	border-radius: 2px;
	padding: 8px 16px;
	line-height: normal;
	font-size: 13px;
	color: white;
}

.ds_options_tooltip>.option:hover {
	color: #ffffff;
	background-color: #464d58;
}

/* Temporary state for when we want to hide something but don't want to force a reload or risk breaking the layout */
.ds_ignored {
	opacity: 0.3;
}


body.v6 .store_capsule_frame :is(h2, span) span.right {
	float: right;
	text-transform: none;
	letter-spacing: normal;
}

body.v6 .store_capsule_frame h3 {
	font-size: 14px;
	letter-spacing: 2px;
}

body.v6 .store_capsule_frame h2>a {
	color: inherit;
}

body.v6 .store_capsule_frame>h3,
body.v6 .store_capsule_frame>h3>a {
	color: #abdaf4;
	margin: 0 0 10px;
	font-size: 14px;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	margin-top: -6px;
}

@media screen and (max-width: 910px) {
	html.responsive div.main_cluster_content {
		width: auto;
		height: auto;
	}

	html.responsive .main_cluster_content a.cluster_capsule {
		width: auto;
		/* javascript will set */
		height: auto;
	}

	html.responsive .main_cluster_content .cluster_capsule_image:not(.cluster_maincap_fill_bg) {
		width: 100%;
		height: auto;
	}

	html.responsive .cluster_maincap_fill .cluster_maincap_fill_header {
		left: 12%;
		top: 19.5%;
		width: 74%;
		height: auto;
	}

	html.responsive .main_cluster_ctn {
		max-width: 616px;
		margin: 0 auto;
	}

	html.responsive .main_cluster_ctn.large_cluster_responsive {
		max-width: 462px;
	}

	html.responsive *:hover>.ds_options,
	html.responsive .ds_hover.ds_options {
		opacity: 0;
	}
}


.game_page_background.game,
.game_page_background.bundle {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	/* make sure the background sits behind the game_background_lighten */
	/* z-index: -2; */
}

html:not(.rn_mobile_app) body.v7menu .game_page_background:not(.bundle) {
	padding-top: var(--store-menu-overlap-height, 46px);
}

html.gamepad body.v7menu .game_page_background {
	/* menu doesn't "float" but we always want the spacing */
	padding-top: 46px;
}

/* New game page background, Oct 2025 */

.page_top_area {
	position: relative;
	overflow-y: hidden;
}


.mature_content_filtered {
	padding: 10px;
	margin-bottom: 10px;
	background-color: rgba(0, 0, 0, 0.2);
}

.mature_content_filtered.header {
	font-size: 12px;
	display: inline-block;
	float: right;
	background-color: transparent;
	padding: 0;
	margin: 0 15px 0 0;
}

.mature_content_filtered.sale {
	position: absolute;
	right: 0px;
	top: -25px;
	background-color: rgba(0, 0, 0, 0.5);
}

.mature_content_filtered a {
	text-decoration: underline;
	color: #66c0f4;
	display: contents;
}

.mature_content_filtered.search {
	float: right;
	display: inline-block;
}

.no_results_filtered a {
	text-decoration: underline;
}

@media screen and (max-width: 910px) {
	html.responsive .game_page_background.game {
		min-width: 0;
	}

	html.responsive .game_page_background.sale_page_background {
		background-position: center -66px;
	}
}

/* store_v2.css */


body.v6 {
	background: #1b2838;
}

div#store_controls {
	top: 8px;
}

div.store_header_btn {
	box-shadow: 0 0 3px #000;
}


.store_capsule_frame.no_bg {
	background: none;
	border: none;
}

.store_header_btn_gray {
	background-image: url('/public/images/v6/storemenu/background_wishlist.jpg');
	background-color: rgba(255, 255, 255, 0.4);
	background-position: -34px 20px;
	border-radius: 1px;
}

.store_header_btn_green {
	background-image: url('/public/images/v6/storemenu/background_cart.jpg');
	background-color: rgba(164, 208, 7, 0.4);
	background-position: -34px 20px;
}

#cart_status_data .store_header_btn_green {
	background-position: -34px 30px;
}

#store_nav_area .store_nav_bg,
.home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
	background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

@media (forced-colors: active) {

	#store_nav_area .store_nav_bg,
	.home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
		background: ButtonFace;
	}
}


.store_nav .tab>span {
	color: #e5e5e5;
	font-size: 13px;
	line-height: 34px;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.store_nav .tab>span.pulldown>span {
	background-image: none;
}


.main_cluster_content .cluster_maincap_fill {
	background: #1b2838;
}

.cluster_maincap_fill .cluster_maincap_fill_bg {
	-webkit-filter: blur(10px);
}

.store_nav .tab img.foryou_avatar {
	margin-left: -5px;
}

.store_nav .tab:hover>span,
.store_nav .tab:hover,
.store_nav .tab.focus>span,
.store_nav .tab.focus {
	background: linear-gradient(90deg, rgba(33, 162, 255, 0.25) 0%, rgba(33, 162, 255, 0.15) 50%, rgba(50, 50, 51, 0) 100%);
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	height: 33px;
}


.store_nav .tab:hover>span,
.store_nav .tab:hover {
	color: #ffffff;
}


store_nav .tab:hover a.pulldown_desktop,
.store_nav .tab.focus a.pulldown_desktop {
	color: #fff;
	transition-property: color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}

.searchbox {
	background-image: none;
	background-color: #316282;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
	color: #fff;
	margin-bottom: 0px;
	outline: none;
	height: 27px;
	padding: 0px 6px;
}

.searchbox:hover {
	background-image: none;
	border: 1px solid #4c9acc;
	box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.0);
}

.searchbox input.default {
	color: #0e1c25;
	font-size: 14px;
	margin-top: 1px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

}

.searchbox input::placeholder {
	color: #0e1c25;
}

a#store_search_link img {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 1px;
	right: -1px;
	background-image: url('/public/images/v6/search_icon_btn.png');
}

a#store_search_link img:hover {
	background-image: url('/public/images/v6/search_icon_btn_over.png');
}

.page_header_ctn.tabs.capsules {
	margin-bottom: -76px;
}

body.v6 .recommendation_section h2,
body.v6 .recommendation_mainsection h2 {
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 10px;
	font-size: 17px;
	letter-spacing: 0.03em;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	padding-top: 2px;
}

body.v6 .home_page_content :is(h2, span) span.right,
body.v6 .recommendation_section :is(h2, span) span.right,
body.v6 .recommendation_mainsection :is(h2, span) span.right,
body.v6 .user_reviews_header span.right,
body.v6 .bucket :is(h2, span) span.right {
	float: right;
	text-transform: none;
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	top: -3px;
}

body.v6 .broadcast_live_stream_icon {
	position: absolute;
	top: 5px;
	left: 5px;
	overflow: hidden;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkQ4QTE5MTc3M0M4MTFFODkzODlBNzdDNUZEOUI2RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkQ4QTE5MTg3M0M4MTFFODkzODlBNzdDNUZEOUI2RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDhBMTkxNTczQzgxMUU4OTM4OUE3N0M1RkQ5QjZFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRDhBMTkxNjczQzgxMUU4OTM4OUE3N0M1RkQ5QjZFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqixHngAAAK7SURBVHjaYvz//z8DMmABEZuio2CiX8ACf378gCngAQv8/fHjM5DiDd26jREggBjRzWDcGBUpB6Qfgjh+S5cxsgD1P0RWwRS0dh0j0AyQOWABgACCm7ElLhauFQiW+yxaHAVXsDE8DNUmKPBfuYoR7Kzf37+vAFIR2BRhOBMdAAQQXgUsMAbQgX+AFDOIDXQcI1wnUqDBAdjzIMb/P38wjAT6ZgckMLFIAoEOWPLf798YMiGbNsswQRmM///+ZUDC0QS9AhBABAMCH2BB5myOjckHUhPwqP/vu3gJE4bNm6Ii/4KSAZGWKvgtW/4QbjMwRJhIcPEtIGaHa8YR1rhAHUaArfH1+QcSI6AxMmTzlhU4Q3uVlycolc8GYkcgfgXEU8K2be9AVwcQQBRFFRMDBYAFXQCY7peB/IUmDAoLRWA+eITT2cBEQiiui4CJpB8zkURHgcoYHiJcKw/MaI8QxVdUpDyRGkHgPiw7Q3Lq378zyQlkiOZ//xzIDu1///69AVLSZMUz0ObJQMxALEbRHLx+QydaMYIPr8BMYf//RzKAog0//g8sryKxJpLV3l5+oCIRhxe/AOsZXoIZA5irKoBUDhCLAfF+IM4E5qp7VM1VAAFGkWaq5khcYEt8HKhwiYIWLlpALAqqG4H4CbRqPQDEK30WLrpPsY83x8WCIm4JqDFAooe+AHGa76LFy0myeHNMdDioYUBEGUwIgAyP9F2ydCVBi4FF0VJokFITrAAWW5E4Ld4YEV4OpDpolJ4q/Fes7MRaVwDLh1xSyhIScS7OVA2UFKFhDhLFZ/FBIOVGI4v347M4HUjdpbS6xgJAZXwG3lQNbMqACoqrJNSVxORpbWDT5xFRBchqH29Q+7GPAt+DDC4N3bK1l6yyejWkHQbKBmFEOAIUpKuAuDx02/ZHg7KSYGIYIAAAG8jIJ8edBjIAAAAASUVORK5CYII=') #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px 12px;
	background-position-x: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	padding: 3px 6px 3px 20px;
	box-shadow: 0 0 7px #a94847;
	z-index: 2;
	transition: opacity 0.6s;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

}

.cluster_maincap_grantingapp {
	position: absolute;
	right: 0;
	bottom: 0;
}

.spotlight_content .grantedbymastersub {
	position: absolute;
	top: -33px;
	right: 0;
}

.capsule .grantedbymastersub {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.grantedbymastersub {
	background: linear-gradient(148deg, rgba(1, 1, 1, 0) 80%, #000000 100%);
}

.grantedbymastersub_app {
	position: absolute;
	bottom: 4%;
	right: 1%;
}

body.v6 .sale_capsule:hover .broadcast_live_stream_icon {
	opacity: 0;
}

/* ===== from shared_global.css ====== */
body.v6 .store_nav .popup_block_new .popup_body {
	background: linear-gradient(90deg, rgba(33, 162, 255, 0.1) 1.89%, rgba(50, 50, 51, 0) 50%), linear-gradient(180deg, #575860 11.6%, #3A4852 54.73%, #2C2D34 100%);
	padding: 8px 5px 8px 5px;
}

@media (forced-colors: active) {
	body.v6 .store_nav .popup_block_new .popup_body {
		background: ButtonFace;
	}
}

.store_nav .popup_menu {
	min-width: 167px;
}

.store_nav .popup_menu .popup_menu_item,
.footer_content .popup_menu .popup_menu_item,
.search_area .popup_body .match,
.search_area .popup_body .match .match_name {
	color: #D8D8D8;
	cursor: pointer;
	padding: 5px 6px;
}


.creator .responsive_page_template_content .popup_menu .popup_menu_item,
.curator .responsive_page_template_content .popup_menu .popup_menu_item,
{
color: #D8D8D8;
background-color: #3D4450;
cursor: pointer;
padding: 5px 6px;
}

.store_nav .popup_menu .category_hr {
	height: 1px;
	background: linear-gradient(90deg, rgba(216, 216, 216, 0.3), transparent);
	margin-top: 7px;
	margin-bottom: 8px;
	margin-left: 13px;
	width: 50%;
}

.store_nav .popup_menu .popup_menu_item {
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	width: fit-content;
	border-bottom: 2px solid #ffffff00;
	padding: 3px 1px 2px 1px;
	margin: 0px 10px 3px 13px;
	transition-property: border;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


.store_nav #genre_flyout .popup_menu .popup_menu_item,
.store_nav #noteworthy_flyout .popup_menu .popup_menu_item {

	border-bottom: 2px solid #ffffff00;
	padding: 3px 1px;
	margin: 0px 10px 3px 14px;
	transition-property: border;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
	white-space: normal;
}

.store_nav #noteworthy_flyout .popup_menu .popup_menu_item span.new {
	color: white;
	background: #c37f00;
	padding: 1px 3px;
	font-size: 10px;
	border-radius: 2px;
	text-shadow: none;
	text-transform: uppercase;
}

html:not(.responsive.touch) .store_nav #genre_flyout .popup_menu .popup_genre_expand_content .popup_menu_item,
html:not(.responsive.touch) .store_nav #noteworthy_flyout .popup_menu .popup_genre_expand_content .popup_menu_item {
	margin-left: 2px;
}

.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus,
.footer_content .popup_menu .popup_menu_item:hover,
.footer_content .popup_menu .popup_menu_item.focus,
.search_area .popup_body .match.hover,
.search_area .popup_body .match.hover .match_name,
.search_area .popup_body .match.focus,
.search_area .popup_body .match.focus .match_name {
	color: #fff;
}

.creator .popup_menu .popup_menu_item:hover,
.creator .popup_menu .popup_menu_item.focus,
.curator .popup_menu .popup_menu_item:hover,
.curator .popup_menu .popup_menu_item.focus {
	color: #fff;
	background-color: #464d58;
}

.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus {
	background-color: #212d3d00;
	color: #fff;
	border-bottom: 2px solid #ffffffff;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


body.v6 .store_nav .popup_menu .hr,
body.v6 #footer_nav .popup_menu .hr {
	margin: 5px 10px 5px 10px;
	background-color: #fff;
}

body.v6 .spacer {
	height: 8px;
	content: ' ';
}

body.v6 .store_nav #genre_flyout .popup_menu_subheader,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader {
	padding: 5px 5px 10px 2px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 800;
	font-size: 11px;
}

body.v6 .store_nav .popup_menu_subheader {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	margin-top: 16px;
	margin-bottom: 0px;
	margin-left: 14px;
	margin-right: 13px;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	font-size: 11px;
	color: #2EBFFF;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	padding: 0;
}

body.v6 .store_nav .popup_menu_subheader a {
	color: #2EBFFF;
}

body.v6 .store_nav #foryou_flyout .popup_menu_subheader {
	padding: 0px 5px 5px 0px;
}

body.v6 .store_nav #foryou_flyout .popup_menu_subheader {
	margin-left: 14px;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
	margin-bottom: -21px;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader.added_vspace {
	padding-top: 20px;
}


body.v6 .store_nav .popup_menu_subheader .popup_menu_item {

	margin-bottom: -9px;
	padding: 3px 1px;
	font-variant: none;
	text-transform: none;
	font-size: 13px;
	letter-spacing: 0.0em;
	width: 100%;
}

body.v6 .store_nav #genre_flyout .popup_menu_subheader .popup_menu_item,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader .popup_menu_item {
	margin-left: -2px;
	border-bottom: 2px solid #ffffff00;
	color: rgb(228, 227, 227);
	width: fit-content;
	padding-bottom: 0px;
	margin-bottom: -4px;
	padding-top: 3px;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader .popup_menu_item:hover,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader .popup_menu_item:hover {
	color: white;
	border-bottom: 2px solid #ffffffff;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}

body.v6 .store_nav #genre_flyout .popup_menu_item:hover,
body.v6 .store_nav #noteworthy_flyout .popup_menu_item:hover {
	color: white;
	border-bottom: 2px solid #ffffffff;
	transition-property: border, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}


body.v6 .store_nav #genre_flyout .popup_menu_subheader.players,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader.players {
	margin-top: 18px;
	padding-top: 0px;
}

.popup_menu_twocol,
.popup_menu_twocol_new {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.popup_menu_twocol>.popup_menu:not(:first-child),
.popup_menu_twocol>.popup_menu:not(:first-child):not(:nth-child(4)) {
	margin-left: 5px;
	border-left: 1px solid #333333;
	padding-left: 5px;
}

.popup_menu_twocol>.popup_menu.leftborder,
.popup_menu_twocol_new>.popup_menu.leftborder {
	margin-left: 5px;
	border-left: 1px solid #333333;
	padding-left: 5px;
}

.popup_menu_twocol>.popup_menu_browse {
	min-width: 0;
	max-width: 25%;
	padding-right: 15px;
}

.popup_menu_item.beta_feedback span {
	font-weight: 800;
	color: rgb(228, 227, 227);
}

.popup_menu_item.beta_feedback {

	font-weight: 400;
	color: #aaa;
}

.popup_menu_item.exit_beta_sad {
	font-weight: 400;
	color: #aaa;
}

.popup_menu_item.exit_beta_sad span {
	font-weight: 400;
	color: #d9d9d9;
}

.store_nav #genre_flyout .popup_menu .popup_menu_item.beta_feedback:hover span,
.store_nav #genre_flyout .popup_menu .popup_menu_item.beta_feedback:hover {

	color: #ffffff;
}

.popup_menu_twocol_new>.popup_menu {
	min-width: 0;
}

/* make sure the right-most column has enough width to not feel scrunched */
.popup_menu_twocol_new>.popup_menu:last-child {
	min-width: 19%;
}


body.v6 .store_nav #genre_flyout .popup_menu_item.popup_genre_expand_header {
	border-bottom: none;
	transition: none;
	font-weight: bold;
	color: #ffffff;
	width: auto;
	line-height: 20px;
}

body.v6 .store_nav #genre_flyout .popup_menu_item.popup_genre_expand_header:hover {
	border-bottom: none;
}

@media screen and (max-width: 910px) {

	html.responsive .popup_menu_twocol>.popup_menu {
		flex: 1;
	}

	html.responsive .popup_menu_twocol_new>.popup_menu.leftborder {
		margin-left: 0;
		border-left: 1px solid #333333;
		padding-left: 0;
	}

	html.responsive .store_nav #genre_flyout .popup_menu_subheader.popup_genre_expand_header {
		margin-top: 5px;
		padding-bottom: 5px;
	}

	html.responsive body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
		margin-bottom: 0;
	}

	.popup_genre_expand_header,
	.popup_genre_expand_content {
		margin-left: 12px;
	}

}

html.responsive.rn_mobile_app .popup_menu_twocol>.popup_menu {
	flex: 1;
}

html.responsive.rn_mobile_app .popup_menu_twocol_new>.popup_menu.leftborder {
	margin-left: 0;
	border-left: 1px solid #333333;
	padding-left: 0;
}

html.responsive.rn_mobile_app .store_nav #genre_flyout .popup_menu_subheader.popup_genre_expand_header {
	margin-top: 5px;
	padding-bottom: 5px;
}

html.responsive.rn_mobile_app body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
	margin-bottom: 0;
}

.popup_genre_expand_header,
.popup_genre_expand_content {
	margin-left: 12px;
}


@media screen and (max-width: 420px) {
	html.responsive .popup_menu_twocol {
		display: block;
	}

	html.responsive .popup_menu_twocol>.popup_menu:not(:first-child) {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
	}
}

/* Large screenshot carousl */
.screenshot_carousel .carousel_items {
	padding-bottom: 43%;
}

.screenshot_carousel .carousel_items>div {
	height: 345px;
	padding: 30px 18px;
	box-shadow: 0 0 5px #000;
	background-color: #000;
}

.screenshot_carousel .background_img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.35;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(3px);
}

.screenshot_carousel .layout_container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.screenshot_carousel .screenshot_container {
	display: flex;

}


.screenshot_carousel .screenshot_container>* {
	flex-shrink: 1;
	width: 25%;
	margin-right: 10px;
}

body.v6 .screenshot_carousel h2 {
	font-size: 34px;
	text-shadow: 1px 1px #000;
	text-transform: none;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */

}


.screenshot_carousel .screenshot_container>*:last-child {
	margin-right: 0px;
}

.screenshot_carousel .screenshot_container img {
	width: 100%;
	box-shadow: 0 0 3px #000;
}

.screenshot_carousel .recommended_curator {
	display: flex;
	font-size: 18px;
	color: #fff;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */

}

.screenshot_carousel .recommended_curator img {
	width: 48px;
	margin-right: 10px;
	margin-bottom: 3px;
}

.screenshot_carousel .recommended_curator p {
	padding-top: 2px;
	text-shadow: 1px 1px #000;
}

.screenshot_carousel .recommended_curator p strong {
	font-weight: 400;
}

/* Quad carousel */

.quadscreenshot_carousel .carousel_items {
	padding-bottom: 331px;
}

.quadscreenshot_carousel .carousel_items>* {
	height: 100%;
	background-color: #000;
	display: block;
}

.quadscreenshot_carousel .taglist>span {
	display: inline-block;
	margin-right: 5px;
	font-size: 10px;
	padding: 2px 5px;
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
	border-radius: 2px;
}

.quadscreenshot_carousel .main {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 330px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	background-color: #0f1418;
	box-shadow: 0 0 5px #000;

}

.quadscreenshot_carousel .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	padding-left: 45%;
	height: 266px;
	justify-content: flex-end;
}


.quadscreenshot_carousel .bg>div {
	flex-shrink: 1;
	height: 50%;
	width: 46%;
	background-size: cover;
	box-shadow: 0 0 1px #101519 inset;
}

.quadscreenshot_carousel .appTitle {
	width: 455px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: 274px;
}

body.v6 .quadscreenshot_carousel h2 {
	visibility: collapse;
	font-size: 26px;
	text-shadow: 1px 1px 0px #000;
	text-transform: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 4px 0 0 10px !important;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */


	display: inline-block;

	border-radius: 3px;
	padding-right: 4px;
	letter-spacing: 0px;

}


.quadscreenshot_carousel .discount_block_large {
	margin: 0px 0;
	position: absolute;
	right: 0;
	top: 0;
}

.quadscreenshot_carousel .recommendation_reason {
	position: absolute;
	height: 56px;
	width: 475px;
	top: 274px;
	left: 8px;
}

.quadscreenshot_carousel .recommended_curator {
	display: flex;
	font-size: 18px;
	color: #fff;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */

}

.quadscreenshot_carousel .default {
	font-size: 18px;
	color: #fff;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 200;
	/* thin */

}


.quadscreenshot_carousel .recommended_curator img {
	width: 48px;
	margin-right: 10px;
	margin-bottom: 3px;
}

.quadscreenshot_carousel .recommended_curator p {
	padding-top: 2px;
	text-shadow: 1px 1px #000;
}

.quadscreenshot_carousel .recommended_curator p strong {
	font-weight: 400;
}

.quadscreenshot_carousel .main .maincap {
	width: 465px;
}

.carousel_container.quadscreenshot_carousel .discount_block>.discount_prices {
	display: inline-block;
	padding: 4px 8px;
	background-color: rgba(20, 31, 44, 0.4);
	border-radius: 1px;
}

.carousel_container.quadscreenshot_carousel .discount_block_inline {
	font-size: 15px;
}

.carousel_container.quadscreenshot_carousel .discount_block_inline .no_discount .discount_final_price {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: 300;
	/* light */

	color: white;
	font-size: 17px;
}

@media screen and (max-width: 910px) {
	.quadscreenshot_carousel .main .maincap {
		width: 100%;
		height: auto;
	}

	.quadscreenshot_carousel .main {
		width: 100%;
		height: 100%;
	}

	.quadscreenshot_carousel.carousel_container .carousel_items:not(.no_paging) {
		padding-bottom: 20px;
	}

	.quadscreenshot_carousel.carousel_container .carousel_items:not(.no_paging)>* {
		padding-bottom: calc(59% + 56px);

	}

	.quadscreenshot_carousel .bg {
		display: none;
	}

	.quadscreenshot_carousel .recommendation_reason {
		top: auto;
		bottom: 0px;
	}

	.quadscreenshot_carousel .appTitle {
		bottom: calc(2% + 75px);
		right: 0;
		top: auto;
	}

	.carousel_container.quadscreenshot_carousel .discount_block>.discount_prices {
		background: black;
	}

	body.v6 .quadscreenshot_carousel h2 {
		white-space: normal;
	}

	.slider_ctn,
	slider_ctn .slider,
	.slider_ctn .slider_left,
	slider_ctn .slider_right,
	.slider_bg,
	.slider .handle,
	.slider {
		height: 25px;
	}

	.slider_left span {
		margin-left: 15px;
		margin-top: 9px;
	}

	.slider_right span {
		margin-left: 18px;
		margin-top: 9px;
	}
}


/* Generic fadey carousel code */

.carousel_items {
	position: relative;
}

	{
	display: flex;
	justify-content: space-between;
}

.carousel_items.store_capsule_container>*>* {
	flex-shrink: 0;
}

.carousel_items:not(.no_paging)>* {
	position: absolute;
	top: 0;
	left: 0;
}

.carousel_items:not(.no_paging)>*.focus {
	position: relative;
}

.carousel_container {
	position: relative;
}

.carousel_container .carousel_items:not(.no_paging)>* {
	opacity: 0;
	pointer-events: none;
	transition: opacity 400ms;
	width: 100%;
	box-sizing: border-box;
}

.carousel_container.curator_cluster_expanded .carousel_items>.curator_page {
	pointer-events: auto;
}

.carousel_items.no_paging .store_capsule {
	margin: 0 6px 6px 0;
	max-width: calc(50% - 6px);
}

@media screen and (max-width: 910px) {
	html.responsive .carousel_items.no_paging {
		text-align: center;
	}

	html.responsive .carousel_container .carousel_items>* {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
		margin-right: 11px;
	}

	html.responsive .carousel_container .carousel_thumbs {
		margin-top: -1px;
		height: 25px;
		position: relative;
		z-index: 1;
		width: 100%;
		padding: 0;
		height: 0;
		min-height: 0;
		margin-left: -5px;

		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	html.responsive .carousel_container .carousel_thumbs>div {
		display: none;

		flex: 1;
		margin: 12px 3px;
		max-width: 30px;
		height: 2px;
		border-radius: 2px;
		transition: background-color 0.2s;
		background-color: hsla(202, 60%, 100%, 0.2);
		cursor: pointer;
	}

	html.responsive .carousel_container .carousel_thumbs>div.focus {
		background-color: hsla(202, 60%, 100%, 0.7);
	}

}

.carousel_container .carousel_items>*.focus {
	opacity: 1;
	pointer-events: auto;
}


.carousel_container .carousel_thumbs {
	text-align: center;
	min-height: 37px;
}

.carousel_container .carousel_thumbs>div {
	display: inline-block;
	margin: 12px 2px;
	width: 15px;
	height: 9px;
	border-radius: 2px;
	transition: background-color 0.2s;
	background-color: hsla(202, 60%, 100%, 0.2);
	cursor: pointer;
}

.carousel_container .carousel_thumbs>div.focus {
	background-color: hsla(202, 60%, 100%, 0.4);
}

.carousel_container.paging_capsules {}

.carousel_container.paging_capsules .carousel_items>* {
	transition: opacity 400ms;
}

/* Arrows */
.carousel_container .arrow {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	top: calc(50% - 54px);

	width: 23px;
	height: 36px;
	padding: 36px 11px;
	cursor: pointer;
	z-index: 3;
}

.carousel_container .arrow>div {
	width: 23px;
	height: 36px;
	background-repeat: no-repeat;
}

.carousel_container .arrow.left>div {
	background-image: url('https://cdn.akamai.steamstatic.com/store/icons/arrow_left.svg');
}

.carousel_container .arrow.right>div {
	background-image: url('https://cdn.akamai.steamstatic.com/store/icons/arrow_right.svg');
}

.carousel_container .arrow.left {
	left: -46px;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 95%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 95%);
}

.carousel_container .arrow.left:hover {
	background: -webkit-linear-gradient(left, rgba(171, 218, 244, 0.3) 5%, rgba(171, 218, 244, 0) 95%);
	background: linear-gradient(to right, rgba(171, 218, 244, 0.3) 5%, rgba(171, 218, 244, 0) 95%);
}

.carousel_container .arrow.right {
	right: -46px;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.3) 95%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.3) 95%);
}

.carousel_container .arrow.right:hover {
	background: -webkit-linear-gradient(left, rgba(171, 218, 244, 0) 5%, rgba(171, 218, 244, 0.3) 95%);
	background: linear-gradient(to right, rgba(171, 218, 244, 0) 5%, rgba(171, 218, 244, 0.3) 95%);
}

/* END CAROUSEL STUFF */

/* Store curator capsule */

#feature_curators_block {
	min-height: 360px;
}

#feature_curators_block h2 {
	margin-bottom: 10px;
}

#feature_curators_block .carousel_items .curator_page {
	box-shadow: 0 0 5px #000000;
}

#feature_curators_block_ignored {
	display: none;
}

.curator_page {
	background: -webkit-linear-gradient(297deg, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.1) 95%);
	background: linear-gradient(153deg, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.1) 95%);
	box-shadow: inset 0 0 160px rgba(255, 255, 255, 0.2);
	padding: 16px 13px;
	display: flex;
	flex-direction: column;
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	min-height: 374px;
}

.curator_page .profile {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
}

.curator_page .info {
	display: flex;
	flex-direction: column;
}

.curator_page .actions {
	display: flex;
	padding: 2px;
	margin-top: 6px;
	background-color: rgba(0, 0, 0, 0.2);
	width: fit-content;
}

.curator_page .avatar {
	margin-right: 12px;
	width: 70px;
	height: 70px;
}

.curator_page .name {
	font-size: 19px;
	font-weight: 300;
	color: #c7d5e0;
}

.curator_page .name span {
	color: #eff3f6;
}

.curator_page .actions>div:not(:first-child) {
	margin-left: 5px;
}

.curator_page .followers span {
	display: block;
	font-size: 15px;
}

.curator_recommendation_capsule .curator_page .followers {
	line-height: 16px;
}

.curator_recommendation_capsule .carousel_container.paging_capsules .curator_page .profile {
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 20%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 20%);
	margin-left: -13px;
	padding-left: 13px;
	margin-right: -13px;
	padding-right: 13px;
	padding-bottom: 12px;
	margin-bottom: 14px;
}

.curator_page .socialmedia {
	display: flex;
	align-items: flex-end;
	font-size: 15px;
	color: #fff;
	padding-bottom: 6px;
	margin-right: 16px;
}

.curator_page .socialmedia>div {
	margin-left: 16px;
	display: inline-block;
}

.carousel_container.paging_capsules .carousel_items .curator_page .curations {
	display: flex;
	margin-right: 0px;
}

.carousel_container.paging_capsules .carousel_items .curator_page .curations>div {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 25%;
}

.carousel_container.paging_capsules .carousel_items .curator_page .curations .store_capsule {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

.carousel_container.paging_capsules .carousel_items .curator_page .curations>div>a {
	width: 100%;
	margin-bottom: 0px;
	margin-right: 0px;
}

.curator_page .curations>div:not(:first-child) {
	margin-left: 5px;
}

.curator_page .review_direction {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.03em;
	font-weight: 300;
	line-height: 23px;
}

.curator_page .text {
	font-weight: 300;
	line-height: 17px;
	padding-right: 12px;
	word-wrap: break-word;
}

.curator_page .ignore_button_area {
	flex-grow: 1;
	text-align: right;
}

.curator_page .ignore_button_area a {
	text-decoration: underline;
}

.curator_page .ignored_banner {
	display: none;
}

.curator_page.ignored .ignored_banner {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.75);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 5;

	font-size: 12px;
}

.curator_page.ignored .ignored_banner .ignored_banner_title {
	text-decoration: uppercase;
	font-size: 14px;
	padding-bottom: 10px;
}

.curator_page.ignored .ignored_banner .ignored_banner_desc {
	padding-bottom: 30px;
}

.curator_page.followed .ignore_button_area,
.curator_page.ignored .ignore_button_area {
	display: none;
}

.color_recommended {
	color: #66c0f4;
}

.color_not_recommended {
	color: #f49866;
}

.color_informational {
	color: #f5df67;
}

.color_created {
	color: #ddd;
}

.curator_cluster_expanded .carousel_items.curator_featured_tags {
	display: flex;
	flex-direction: column;
}

.curator_cluster_expanded.carousel_container .carousel_items>.curator_page {
	position: relative;
	opacity: 1;
	margin-bottom: 40px;
	padding: 12px 12px 16px 12px;
}

.curator_cluster_expanded.carousel_container .curator_page .socialmedia img {
	margin-top: 3px;
}

.curator_cluster_expanded .arrow {
	display: none;
}

.carousel_container.curator_cluster_expanded>.carousel_thumbs {
	display: none;
}

.curator_page .socialmedia img {
	width: 16px;
	height: 16px;
	vertical-align: text-top;
}

.curator_ignored_all_recommended .description {
	font-family: "Motiva Sans", Sans-serif;
	font-weight: normal;
	/* normal */

	background: rgba(0, 0, 0, 0.4);
	padding: 16px;
	color: #8f98a0;
	font-size: 12px;
	line-height: 16px;
}

.curator_ignored_all_recommended a {
	color: #8f98a0;
	text-decoration: underline;
}

.curator_ignored_all_recommended a:hover {
	color: #fff;
	text-decoration: underline;
}

.content_consumer_rights_notice {
	margin-bottom: 25px;
}

.content_consumer_rights_notice a {
	display: block;
	padding: 25px;
	font-size: 14pt;
	font-family: 'Times New Roman';
	color: #000000;
	background-color: rgb(154, 175, 200);
}

.content_consumer_rights_notice a:hover {
	color: #67c1f5;
	background-color: rgb(104, 125, 150);
}


/* END Store curator capsule */

.cart_item_qty .quantity.qty_invalid,
.game_purchase_action_qty .quantity.qty_invalid,
.quantity.qty_invalid {
	background-color: #5a0000;
	outline: #ff000091;
	color: red;
}

.btn_disabled,
.btn_quantity_update[disabled] {
	pointer-events: none;
}


.range_container {
	padding: 0 12px;
	text-align: center;
}

.range_container_inner {
	display: flex;
}

.range_input {
	-webkit-appearance: none;
	flex: 1;
	margin: 4.45px 0;
	background-color: rgba(0, 0, 0, 0);
	max-height: 5px;
}

.range_input {
	-webkit-appearance: none;
	width: 100%;
	margin: 4.45px 0;
	background-color: rgba(0, 0, 0, 0);
	max-height: 5px;
}

.range_input:focus {
	outline: none;
}

.range_input::-webkit-slider-runnable-track {
	width: 100%;
	height: 3.1px;
	cursor: pointer;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
	background: #67c1f5;
	border-radius: 1.5px;
	border: 0 solid #67c1f5;
}

.range_input::-webkit-slider-thumb {
	box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
	border: 0 solid #ffffff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4.45px;
}

.range_input:focus::-webkit-slider-runnable-track {
	background: #7fcbf7;
}

.range_input::-moz-range-track {
	width: 100%;
	height: 3.1px;
	cursor: pointer;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
	background: #67c1f5;
	border-radius: 1.5px;
	border: 0 solid #67c1f5;
}

.range_input::-moz-range-thumb {
	box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
	border: 0 solid #ffffff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: #ffffff;
	cursor: pointer;
}

.range_input::-ms-track {
	width: 100%;
	height: 3.1px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

.range_input::-ms-fill-lower {
	background: #4fb7f3;
	border: 0 solid #67c1f5;
	border-radius: 3px;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}

.range_input::-ms-fill-upper {
	background: #67c1f5;
	border: 0 solid #67c1f5;
	border-radius: 3px;
	box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}

.range_input::-ms-thumb {
	box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
	border: 0 solid #ffffff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: #ffffff;
	cursor: pointer;
}

.range_input:focus::-ms-fill-lower {
	background: #67c1f5;
}

.range_input:focus::-ms-fill-upper {
	background: #7fcbf7;
}

.important_notice_ctn {
	padding: 20px 40px 20px 40px;
	display: flex;
	flex-direction: row;
	background: linear-gradient(180deg, #3275A6 0%, #125280 100%);
	border: 3px solid #4891C5;
}

.important_notice_ctn.important_notice_home {
	margin-top: 80px;
}

.important_notice_ctn .important_notice_ctn_logo {
	display: flex;
	flex-direction: column;
	justify-content: left;
	width: 40px;
	padding-right: 40px;
}

.important_notice_ctn .important_notice_ctn_logo img {
	width: 40px;
	height: 40px;
}

.important_notice_ctn .important_notice_ctn_text {
	color: #ffffff;
	line-height: 16px;
	font-size: 13px;
	letter-spacing: 1px;
}

.popup_menu_browse {
	display: flex;
	flex-direction: column;
}

.popup_menu_browse .spacer {
	flex: 1;
}

.content_dive_arrow {
	padding-top: 6px;
}

.responsive_content_dive {
	opacity: 0.5;
	color: white;
	font-size: 12px;
	letter-spacing: normal;
	text-transform: none;

	display: flex;
	flex-direction: row;
	align-items: center;
}

.responsive_content_dive_chevron {
	margin-left: 4px;
}

.responsive_options_flyout {
	position: absolute;

	background: #000F18;
	display: flex;
	flex-direction: column;
	text-align: left;

	min-width: 160px;
}

.responsive_options_flyout .responsive_options_flyout_item {
	margin: 8px 10px 8px 15px;
	color: #67C1F5;
	font-size: 14px;
}

.gpfocusring {
	border: 4px solid;
	transition: left 0.1s, top 0.1s, height 0.1s, width 0.1s;
}

.StoreMenuLoadingPlaceholder {
	height: 0;
	overflow: visible;
}

html:not(.rn_mobile_app) .StoreMenuLoadingPlaceholder .PlaceholderInner {

	background: radial-gradient(107.95% 57.49% at 50% 100%, #18253533 0%, #18253585 5%, #182535d9 20%, #182535 60%, #192330 100%);

	background-size: 101% 250%;
	background-position-y: bottom;
	background-position-x: center;
	background-repeat: no-repeat;
	background-clip: border-box;
	backdrop-filter: blur(10px);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	height: 46px;

	position: relative;
	z-index: 1;
}

body.v7menu .responsive_page_template_content {
	position: relative;
	z-index: 0;
	display: flow-root;
	/* create a block formatting context so margins don't extend outside of this element */
}

html:not(.rn_mobile_app) body.v7menu:not(.menu_background_overlap) .responsive_page_template_content {
	padding-top: var(--store-menu-overlap-height, 46px);
}

/* body.v7menu .v7menu_spacer {
	height: 66px;
} */
body.v7menu .v7menu_spacer.cartonly {
	height: 29px;
}

@media screen and (max-width: 910px) {
	html.responsive body.v7menu .v7menu_spacer {
		display: none;
	}
}

html.mobile_client body.v7menu .home_page_body_ctn:not(.has_takeover) .v7menu_spacer {
	height: 0;
}

/* 2025 Game Page Widening */

body.v6.narrowstore .page_content {
	max-width: unset;
	width: 940px;
	margin: 0 auto;
}

body.v6 {
	--store-page-width: 940px;
}

body.v6.widestore {
	--store-page-width: 1200px;
}

body.v6 .page_content {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

body.v6 .page_content.middle_page {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.widestore .rightcol {
	width: 33%;
}

body.v6.widestore #store_header {
	padding: 0 1%;
}

.widestore div#store_header .content {
	max-width: 1200px;
	width: 100%;
}

.widestore .cart_status_flex {
	margin-right: 5px;
}

@media screen and (max-width: 910px) {
	body.v6 .page_content.middle_page {
		display: block;
		flex-direction: unset;
	}

	body.v6 .page_content {
		max-width: 1200px;
		width: auto;
		margin: 0 2%;
	}

	body.v6.widestore .actionButtonsCtn {
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
	}

	body.v6.widestore .actionButtonsCtn {
		padding: 5px 0px;
	}

	body.v6.widestore .leftcol,
	body.v6.widestore .rightcol {
		float: none;
		width: auto;
		margin-left: 0;
	}

	body.v6.widestore .tab_item_cap_img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	body.v6.widestore .carousel_container .arrow {
		bottom: 0px;
		top: auto;
		height: 0px;
		width: 0;
		padding: 0px;

		background: none;
	}

	body.v6.widestore .carousel_container .arrow>div {
		width: 13px;
		height: 20px;
		background-size: cover;
		display: none;
		margin: 0 10px;
	}

	body.v6.widestore .carousel_container .arrow.left {
		left: 0;
	}

	body.v6.widestore .carousel_container .arrow.left>div {
		background-position-x: 13px;
	}

	body.v6.widestore .carousel_container .arrow.right {
		right: 0;
		text-align: right;
	}

	body.v6.widestore .carousel_container .carousel_items>* {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
	}

	body.v6.widestore .specials_under10_content,
	body.v6.widestore .live_streams_ctn {
		margin-top: 0;
		margin-bottom: 0;
	}

	body.v6.widestore .carousel_container .carousel_items:not(.no_paging),
	body.v6.widestore .carousel_container.maincap .carousel_items:not(.no_paging) {
		overflow-x: scroll;
		overflow-y: hidden;
		box-sizing: content-box;


		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;

		padding-bottom: 21px;
	}

	body.v6 .carousel_container .carousel_items>* {
		pointer-events: auto;
		flex-shrink: 0;
	}
}

@media screen and (max-width: 1245px) and (min-width: 500px) {
	body.v6 .page_content {
		width: 98%;
	}
}

@media screen and (max-width: 1325px) and (min-width: 910px) {
	body.v6 .related_items_ctn .page_content {
		width: calc(100vw - 144px);
	}
}
@media (max-width: 768px) {
.WFyPwmwIjPaI784fImRbi{
   display: none;
}
.c0C2uHpDLCegllhH1rM3M{
   display: flex;
    flex-direction: column;
}
}