steam-inter [discontinued] by softonicblip

/* ==UserStyle==
@name       steeam
@version    20241107.00.56
@namespace  ?
==/UserStyle== */

@-moz-document domain("steampowered.com") {
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

	* {
		font-family: "Inter Tight", SF Pro !important;
		cursor: default !important;
		text-shadow: none !important;
	}

	img {
		border-radius: 8px !important;
	}

	div#global_header div.logo {
		width: 48px !important;
	}
	#global_header .supernav_container {
		left: 65px !important;
	}

	#logo_holder > a > img {
		content: url(https://cdn.freebiesupply.com/images/large/2x/steam-logo-black-transparent.png);
		width: 48px !important;
		object-fit: cover;
		filter: invert(1);
	}
	.store_main_capsule {
		display: flex !important;
	}


	.discount_block_inline .discount_prices {
		align-items: center !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.platforms {
		display: none !important;
		width: 0 !important;
	}

	.ds_flag.ds_wishlist_flag {
		display: none !important;
	}

	.screenshots {
		display: none !important;
	}

	/* HOME */
	div#global_header {
		background: #171717 !important;
		/*
		position: absolute !important;
		top: 16.8%;
		left: 0.3%;
		height:1% !important; */
	}


	div#global_header .content {
		background: #171717 !important;
	}

	div#global_header .menuitem.supernav_active {
		font-weight: 700;
		color: #ff897d;
		&::after {
			display: none;
		}
	}

	.store_main_capsule,
	.store_main_capsule:hover {
		background: #111111 !important;
	}

	.carousel_container.maincap .carousel_items {
		box-shadow: none !important;
		border-radius: 30px !important;
	}
	.store_main_capsule .capsule {
		transition: 150ms ease-in-out !important;
		/* transform: scale(.9); */
		box-shadow: none !important;
		border-radius: 30px !important;
		&::after {
			transition: 300ms ease-in-out !important;
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #111 !important;
			mask: linear-gradient(0deg,
			rgba(0, 0, 0, .75) 0%,
			rgba(0, 0, 0, 1) 100%);
		}
		/* subtle blur at top
		&::before{
  		content:'';
  		position:absolute;
  		left:0; top:0;
  		width:100%; height:100%;
		backdrop-filter: blur(100px) !important;
		mask: linear-gradient(0deg,
    rgba(0, 0, 0, 0) 00%,
    rgba(0, 0, 0, 1) 100%
  );
		}*/
	}

	.discount_block_inline {
		line-height: 30px;
	}

	.info {
		padding: 30px !important;
		white-space: normal;
	}
	.store_main_capsule .reason .main {
		max-width: 80% !important;
	}
	.store_main_capsule .reason .main strong {
		color: #ff6758;
		font-weight: 600 !important;
	}

	.store_main_capsule .app_name > div {
		font-weight: 900 !important;
		font-size: 48px !important;
		white-space: normal;
	}

	.store_main_capsule .capsule:hover {
		&::after {
			transition: 300ms ease-in-out !important;
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #0000 !important;
		}
	}

	.gutter_header {
		color: #666 !important;
		text-transform: lowercase !important;
		font-weight: 900 !important;
	}
	a.gutter_item {
		color: #4c4c4c !important;
		text-transform: lowercase !important;
	}
	#home_gutter_recentlyviewed {
		background: #ff6758 !important;
		padding: 10px !important;
		border-radius: 12px;
		border: 1px solid #ff897d;
	}
	#home_gutter_recentlyviewed .pad {
		text-transform: uppercase !important;
		color: #2c2c2c !important;
	}

	.page_header_ctn {
		background: none !important;
	}

	.giftcard_title {
		font-weight: 900 !important;
	}

	.giftcard_home_cont {
		background: #212121 !important;
		box-shadow: none !important;
	}

	body.v6 {
		background: #171717 !important;
	}

	div#store_header {
		background: none !important;
	}
	.home_cluster_ctn {
		background: none !important;
	}
	#store_nav_area .store_nav_bg,
	.home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
		background: rgba(0, 0, 0, 0.2) !important;
		box-shadow: none;
		border-radius: 12px
	}

	.home_page_content_title {
		text-transform: lowercase !important;
		font-size: 32px !important;
		position: relative;
		z-index: 5 !important;
		margin-bottom: 10px !important;
		color: #414141 !important;
		font-weight: 700 !important;
	}

	.recommended_by_deep_dive_title > strong {
		color: #ff6758 !important;
		font-weight: 900 !important;
		text-transform: uppercase !important;
	}

	.home_area_spotlight {
		background: none !important;
		box-shadow: none;
	}

	.spotlight_img {
		border-radius: 15px 15px 0px 0px !important;
	}

	.spotlight_content {
		border-radius: 0px 0px 15px 15px !important;
		background: #212121 !important;
		color: #212121 !important;
	}
	.spotlight_content h2 {
		color: #fff !important;
		font-weight: 900 !important;
	}
	.spotlight_body {
		color: #636363 !important;
		font-weight: 500 !important;
	}

	.carousel_container.spotlight .carousel_items > * .store_capsule {
		border-radius: 15px !important;
		background: #212121 !important;
		color: #212121 !important;
		box-shadow: none;
	}

	.store_capsule > .capsule.header,
	.store_capsule > .capsule.headerv5,
	.store_capsule > .capsule.headerratio,
	.store_capsule > .capsule.smallcapsule {
		border-radius: 15px !important;
		width: 100%;
	}

	.dailydeal_desc {
		color: #fff;
		font-weight: 900 !important;
		text-transform: uppercase !important;
	}

	.discount_block .discount_pct,
	.discount_pct {
		background: #442724;
		color: #ff6758;
		font-weight: 900 !important;
		border-radius: 8px;
		font-size: 24px;
	}
	.discount_block .discount_prices {
		background: #171717;
		border-radius: 8px;
		margin-left: 4px;
	}
	.store_capsule .discount_block.daily_deal_discount > .discount_prices {
		background: #171717;
		border-radius: 8px;
		margin-left: 4px;
	}
	.discount_original_price {
		color: #75423d !important;
	}
	.discount_original_price::before {
		border-bottom: 1px solid #75423d !important;
	}
	.discount_final_price {
		color: #eee !important;
		font-weight: 700;
	}

	.carousel_container .arrow {
		box-shadow: 0 0 30px #171717;
		transition: 90ms ease-in-out !important;
		padding: 20px !important;
		background: #272727 !important;
		border-radius: 7px !important;

		&:hover {
			background: #ff6758 !important;
			div {
				filter: invert(1);
			}
		}
	}
	.carousel_container .arrow > div {
		transition: 90ms ease-in-out !important;
	}

	.btn_blue_steamui > span {
		transition: 90ms ease-in-out !important;
		background: #ff6758 !important;
		color: #171717 !important;
		font-weight: 500;
		border-radius: 7px;
		box-shadow: none !important;
		&:hover {
			color: #eee !important;
			background: #171717 !important;
		}
	}

	/* GAME PAGE */
	.SaleCustomCSS._2N8SepiLeBUusG1vbHCgiY.SaleBackground {
		background: #171717 !important;
	}

	#game_highlights {
		background: none !important;
	}

	.queue_ctn {
		background: none !important;
	}

	.game_area_purchase_game div.package_contents_capsules_ctn {
		background: none !important;
	}

	.game_purchase_discount_countdown {
		color: #757575 !important;
	}

	.apphub_HomeHeaderContent .apphub_AppName {
		font-weight: 900;
		text-transform: none;
	}

	.game_page_background.game {
		background: #171717 !important;
	}
	.game_background_glow {
		background: none;
	}

	.game_area_purchase_game,
	.game_area_offsite_purchase {
		background: #111111 !important;
		border-radius: 8px;
	}

	.tab_item_details {
		display: none;
	}

	.tab_item_name {
		white-space: normal !important;
	}

	body.v6 h2.pageheader {
		font-weight: 900 !important;
	}

	#game_area_purchase_top {
		display: none !important;
	}

	#package_header_container {
		background: #eee !important;
		border-radius: 16px !important;
	}

	.game_description_column h2.no_margin {
		color: transparent !important;
		line-height: 12px;
	}

	.game_description_column h2,
	.recommendation_bodytext h2 {
		background-image: none !important;
	}

	.game_description_column .tab_item .tab_item_discount,
	.sale_page_package_contents .tab_item .tab_item_discount {
		height: 50% !important;
	}

	.tab_item {
		background: #111111 !important;
		border-radius: 12px
	}

	.tab_item_discount {
		margin-top: 17px !important;
		margin-right: 15px !important;
	}

	/*WIPPP*/
	.app_name {
		padding: 0 !important;
		margin: 0 !important;
		position: absolute !important;
		z-index: 10 !important;
		top: 20px !important;
		left: 40px !important;
		max-width: 50% !important;
		flex-direction: column !important;
		height: 120px !important;
	}

	.reason {
		padding: 0 !important;
		margin: 0 !important;
		z-index: 5 !important;
	}

	.store_main_capsule .app_name > div {
		overflow: visible !important;
		line-height: 50px !important;
	}

	/* impuestito */
	.regional-meter-container .regional-meter-bar--cheap {
		border-color: #ff6758 !important;
		color: #ff6758 !important;
	}
	.regional-meter-container .regional-meter-bar--fair {
		border-color: #a45f58 !important;
		color: #a45f58 !important;
	}
	.regional-meter-container .regional-meter-bar--semifair {
		border-color: #886a67 !important;
		color: #886a67 !important;
	}
	.regional-meter-container .regional-meter-bar--expensive {
		border-color: #d2d2d2 !important;
		color: #d2d2d2 !important;
	}
}