[!!] Robloxify 0.30 (No New Carousel) by MRCREEPRO11

/* 0.30
- Improved centered content
- Improved border and transparency

*/


/* ==UserStyle==
@name           [!!] Robloxify Remastered 0.30 (No New carousel)
@version        0.30
@preprocessor   stylus

 -- AUTHOR STUFF --
@namespace      MCCREEP
@author         MRCREEP,Freeplay (https://freeplay.codeberg.page/)



@var color bgColor "Background Color" #0a0a20
@var text customBG "Background Image: (link in quotes)" '""'
@var range customBGblur "Background Image: Blur" [0, 0, 30, 5, "px"]
@var range customBGopacity "Background Image: Opacity" [0.2, .1, 1, .1]
@var text boop "𝘿𝙞𝙨𝙖𝙗𝙡𝙞𝙣𝙜 𝙩𝙝𝙚 𝙤𝙥𝙩𝙞𝙤𝙣𝙨 𝙗𝙚𝙡𝙤𝙬 𝙘𝙖𝙣 𝙝𝙚𝙡𝙥 𝙬𝙞𝙩𝙝 𝙥𝙚𝙧𝙛𝙤𝙧𝙢𝙖𝙣𝙘𝙚" '"Okay!"'
@var checkbox cards "Full card hover animation" 1
@var checkbox blur  "Blur Effects" 1
@var text donate "Donate" `"https://www.buymeacoffee.com/Freeplay"`
==/UserStyle== */

@-moz-document regexp(".+roblox.com\\/(?!.*develop).*"), url-prefix("roblox.com") {

	@keyframes fadeIn {
		from { transform: scale(.98); opacity: 0; }
		to { transform: none; opacity: 1; }
	}
	@keyframes slideUpIn {
		from { transform: translateY(5px); opacity: .2; }
		to { transform: none; opacity: 1; }
	}
	@keyframes slideRightIn {
		from { transform: translateX(-20px); opacity: 0; }
		to { transform: none; opacity: 1; }
	}
	@keyframes scaleIn {
		from { transform: scale(1.2); filter: opacity(0) }
		to { transform: none; filter: opacity(1); }
	}
	hl.display-name-container {
		font-size: 16px;
  transition: font-size 0.3s ease-in-out;
  animation: unexpand 0.3s ease-in-out;
	}
	div#react-login-account-switcher-container, {
		justify-content: center;
		margin: 450px;
		width:500px
	}
	div.avatar-card-content {
		background-color:var(--container-removal) !important;
	}
	div#login-base.login-base-container, div#login-base.login-base-container {
	  left: 380px;

		  position: relative;

		  game-description-container {}
	}
	
	hl.display-name-container:hover {
		font-size: 20px;
  animation: expand 0.3s ease-in-out;
}
table.table.table-striped.transactions, div.transactions-container, div#transactions-page-container, td.date, td.user, td.item, td.amount.icon-robux-container {
	background-color: var(--container-transparency) !important;
}
table.table.table-striped.transactions, div.transactions-container, td.date, td.user, td.item, td.amount.icon-robux-container, th.incoming-robux-label, td.summary-transaction-label, td.amount.icon-robux-container, td.summary-transaction-pending-text.text-disabled, th.amount, th.outgoing-robux-label   {
	border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
	border-radius: 20px;
	  padding: 	10px; /* Internal spacing */
	  border-width: 2px


}
table.table.summary {
	background-color: var(--container-transparency) !important
	
}
content
div.avatar-card-container{
	background-color: var(--container-transparency) !important;
	border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
	backdrop-filter: blur(10px);
	
}
chat-search,.chat-search .chat-search-input,.dialog-container .dialog-input,.dialog-container, div.border-bottom.chat-search {
	background-color: var(--container-transparency) !imporgames

}
div.avatar-card-btns {
	background-color: var(--container-transparency) !important;
}

@keyframes expand {
  0% {
    font-size: 16px;
  }
  100% {
    font-size: 20px;
  }
}

@keyframes unexpand {
  0% {
    font-size: 20px;
  }
  100% {
    font-size: 16px;
  }
}
	
	div.game-card-info::after {
		opacity:0;
	}
	
	html {
		scrollbar-color: rgba(100,100,100,0.5) transparent;
	}
	* {
		transition: border .05s, background-color .2s, color .2s, opacity .2s;
	}
	div.search-bars.search-bar-placement-right {
		
		  background-color: rgb(0 0 0 / .5);
  		  color: #fff;
		  background-color: var(--container-acrylic) !important;
	}
	div.topic-container {
		background-color: var(--container-acrylic) !important;
		border-radius: 40px;
		backdrop-filter: blur(10px);
		 animation: unexpand 0.3s ease-in-out;
		border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */

	}
	div.card-item {
		background-color: var(--container-acrylic) !important;
		border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
		animation: unexpand 0.2s ease-in-out;
	}
	
	div.topic-container:hover,
 .element::after{
		border-radius:1px;
		transition: border-radius 0.3s ease-in-out;
	}
	@keyframes expand {
  0% {
    border-width: 2px;
  }
  100% {
    border-width: 4px;
  }
}

@keyframes unexpand {
  0% {
    border-width: 4px;
  }
  100% {
    border-width: 2px;
  }
}
div#modal-dialog.modal-dialog, div.modal-content {
	background-color: var(--container-transparency) !important;
	backdrop-filter: blur(20px);
	border-radius: 20px;
	border: 0px solid rgba(255, 255, 255, 0.2); 
	transition: all 1s ease-in-out 
}
#games-carousel-page {
		margin: 0 -40px;
		margin-left: -270px;
		padding: 0 40px;
		padding-left: 270px;
		width: calc(100% + 310px);
	}
	.game-carousel {
		height: auto;
		min-height: 235px;
		max-height: 235px;
		margin-bottom: 0;
		margin: 0 -8px;
		overflow: visible;
		display: flex;
		justify-content: space-between;
	}
	.games-list-container {
		margin: 0;
		flex-shrink: 1;
		justify-content: center;
		position: relative;
		
		&::before {
			content: "";
			background: rgba(100,100,100,0.1);
			background: linear-gradient(to bottom, rgba(50,50,120, .2), transparent);
			position: absolute;
			inset: -8px -12px;
			bottom: 0px;
			// right: 50%;
			opacity: 0;
			border-radius: 8px;
			z-index: -1;
			transition: opacity .2s, inset .3s;
		}
		&:hover:before, &:focus-within:before {
			opacity: 1;
			inset: -12px -16px;
			bottom: 0px;
		} 
	}
	.horizontal-scroll-window {
		overflow: visible;
		max-width: 100%;
		game-buttons-container
	}
	.scroller {
		z-index: 2;
		// width: 50px !important;
		// height: 50px !important;
		border-radius: 100px !important;
		justify-content: center;
		// margin-top: 100px;
	}
	.horizontal-scroller {
		margin: 0 !important;
	}
	.horizontally-scrollable {
		min-height: unset !important;
		height: auto !important;
		
		& ~ .scroller {
			margin-top: -5px;
			height: 210px !important;
			// width: 35px;
			padding: 0 15px;
			width: max-content !important;
			max-width: unset !important;
			z-index: 10;
			background-color: var(--bg) !important;
			transition: padding .2s, opacity .2s, margin .4s;
			
			.arrow {
				width: 0px;
				display: flex;
				justify-content: center;
				right: unset !important;
				left: unset !important;
				
				span {
					left: unset !important;
					right: unset !important;
				}
			}
			
			&:not(.disabled):hover, &:not(.disabled):focus {
				padding: 0 25px;
				background-color: noBlurColor !important;
			}
			&.prev {
				margin-left: -10px;
				border-radius: 0 24px 24px 0 !important;
			}
			&.next {
				margin-right: -70px;
				border-radius: 24px 0 0 24px !important;
			}
			&.disabled {
				opacity: 0;
				&.prev {
					margin-left: -30px;
				}
				&.next {
					margin-right: -90px;
				}
			}
			.spacer {
				display: none;
			}
		}
	}
	noBlurColor = rgba(#190f18, .9);
	noBlurColor = rgba(darken(desaturate(bgColor, 20%), 20%), .9);
	navigation
.container-fluid {
  margin: -17px;
  backdrop-filter: blur(10px); /* Acrylic blur effect */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
  padding: 	5px; /* Internal spacing */
  border-radius: 10px; /* Rounded border (optional) */
  /* Text color (white in this example) */
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  transition: all 0.5;
backdrop-filter: blur(20px);
  opacity: 1!important;
}
.thumbnail-2d-container > .ng-scope,
thumbnail-2d, {
	border-radius: 12px !important;
}
a.user-name-container {
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 	5px; /* Internal spacing */
  	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	
border-radius: 10px; /* Rounded border (optional) */
}
div.game-description-container {
  padding: 	10px; /* Internal spacing */
  border-radius: 10px; /* Rounded border (optional) */
  /* Text color (white in this example) */
  transition: all 1s;
  background-color: #00406a
border: 1px solid rgba(255, 255, 255, 0.2);
		

}
	#rbx-body {
		--bg: bgColor;

		&::before {
			content: "";
			position: fixed;
			inset: -20vw;
			// z-index: -1;
			background-size: cover;
			opacity: 1;
			transition: transform 1s;
			transform: scale(2);
			pointer-events: none;
			z-index: -1;
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAACOCAYAAAAfHcv/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAByRSURBVHhe7Z37q23JUcd7nXPuua+Z60wmGX/zFUVFxR/UmMSYh0mMUSM+ML5iQhJN1ERjDDHGxBgjIiIiIohIQEREBBEREREREUUUUVFR/wVnMnnMfb+tb6369q6u1d1r7X3Oufcmd30ytbq6qrq6V3fv9djn3JMh/eL/3k0Lee65/XRXoq/dupOu376bpEhqIMOQBikWJ1x5IBnSR/5n0Roe7KX05PkDrLtyRzbDrdsp3ZDNgQ1yU+Q2NgiyacwYuG6STz+G9Av/fTcNXEkrsbhY/Wy+m84d7qXnnNnXhYeJVwXVBdhvyibBBrkul5CbchW5izwe7ihFfMyfszAedfNDz81ygxGGk5xGHOyLuja19tnmfECbSEXrUtE6gAEV+gS293GsKznQFWbLYTgwDlhd/dZuE7wh94tYlGbT0uyAOsrRIHXTi7FbvCGb4r9KSw2JePzsfjovGwNXiBaDdIg+sBlwa7l5Bxvkrl5NoOe+bVwaO6orDxBD+vB/zq4LFg+3DtxCli4i2mCTAL3VyCbRW41tknyrAesmeaAY0s//x+w6HO4P6XmyKToXiVmwP2ztZUPIVUQON26PD6zQcSHRHeE2CDhClys7MqQP/bvMu/uMqjouCRYSt4JHTu+nx0TGW0dYLsZr6f1CDrVYYrcZbSJyW3bEDYhcRa7LRsFVpXgesXig1s1BfVSLZwbFWul9VRWtagUqbb5dtnfQGBwAg11DnyPm02ZygE11UVSnDXV1jH6ey7gYptshx6Puie1VMTPauQbqkgP7lVI2xb9NUhaI94lzB+nswZDwBnps+HFhLKrgVpNkU4y3mHyr0cuIQ4NXTooh/dy/djbF3bQnK4bniX0pO4HHCtYcGwVgQ+DKgSsINggk7pGV42Kc2CF98F/aUyye03KFeK5cKe7nOnCT4KqHDfHM1Vt6q1mvGCfDkD7wz7be5Qyjhvv6hTP76cLkeaKFj1migyV1gqvV3fTUpVvj20s1Zxlf1oHPTWJMjVquFj621y76arG1mEgrh4+NeUG9vyH97D/VojPPlVvH6f29asp7zZ6cw9...