.wallpaper-showcase-component {
	 --rzr-green: #44d62c;
	 --rzr-hover-green: #73e161;
	 --rzr-active-green: #35ad22;
	 max-width:1200px;
	 margin: 2rem auto;
	 font-family: Roboto, Arial, sans-serif;
	 font-weight: 500;
	 font-size: 20px;
	 text-transform: uppercase;
	 color: #fff;
	 text-underline-offset: 2px;
	 	 #wallpaper-item{
		display: none !important;
	 }
	 	 .wallpaper-showcase-container{
		display: flex;
		gap: 2.5rem;
		row-gap: 0;
		align-items: start;
		justify-content: space-between;
		flex-flow: row wrap;
	 }
	 	 @media (max-width: 1205px) {
		.wallpaper-showcase-container{
			justify-content: center;
			padding-left: .5rem;
			padding-right: .5rem;
		}
	 }
	 	 .wallpaper-showcase-tile{
		position: relative;
		display: grid;
		grid-template-areas: "g-thumb"
							 "g-head";
		grid-template-rows: 207px 2.5em;
		grid-template-columns: 1fr;
		align-self: start;
		align-content: start;
		align-self: stretch;
		gap: .8rem;
		padding: 0;
		width: 100%;
		max-width: 370px;
		height: auto;
	 }
	 	 .product-title{
		grid-area: g-head;
		margin: 0;
		padding: 0;
		font-size: 20px;
		font-weight: 300;
		font-family: RazerF5, Arial, sans-serif;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* Number of lines */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	 }
	 	 .wallpaper-thumbnail{
		grid-area: g-thumb;
		position: relative;
		width: 100%;
		max-width: 370px;
		height: 209px;
		overflow: hidden;
		border: 1px solid #363636;
				img{
			height: 100%;
			width: auto;
			position: relative;
			top: 50%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
		}
	 }
	 	 .download-button{
		cursor: pointer;
		position: absolute;
		right: .8rem;
		bottom: 5.4rem;
		background: black;
		background-image: url(https://assets2.razerzone.com/images/axon-icons/download.svg);
		background-position: center center;
		border: none;
		width: 32px;
		height: 32px;
		border-radius: 3px;
		z-index: 5;
		padding: 0;
		&:hover{
			border: 1px solid #fff;
			border-radius: 4px;
		}
	 }
	 	 .download-option{
		display: none;
		z-index: 2;
		position: absolute;
		top: calc(100% - 5.8em);
		right: .5rem;
		background-color: #000;
		padding: 1rem 1rem 0 1rem;
		border: 1px solid #363636;
		border-radius: 5px;
		font-family: Roboto, Arial, sans-serif;
		font-weight: 400;
		font-size: 14px;
		color: #888;
		max-width:	150px;
				ul{
			list-style-type: none;
			padding-inline-start: 0;
						li{
				margin-bottom: .35rem;
								&:last-child{
					margin-bottom: 1rem;
				}
							}
		}
				a{
			color: #fff;
						&:hover{
				color: var(--rzr-green);
			}
		}
						a.download-link-ref:before{
			content: "";
			display: inline-block;
			background-image: url(https://razer-assets2.s3.us-west-1.amazonaws.com/images/axon-icons/image.svg);
			background-position: center center;
			background-size: contain;
			width: 14px;
			height: 14px;
			margin: 0 .5rem 0 0;
			vertical-align: middle;
		}
				span.download-link-ref:before{
			content: "";
			display: inline-block;
			background-image: url(https://razer-assets2.s3.us-west-1.amazonaws.com/images/axon-icons/play.svg);
			background-position: center center;
			background-size: contain;
			width: 14px;
			height: 14px;
			margin: 0 .5rem 0 0;
			vertical-align: middle;
			opacity: .3;
		}
				.smaller-text{
			margin-top: .5rem;
			text-transform: none;
			font-size: 10px;
						a {
				color: var(--rzr-green);
				white-space: nowrap;
			}
		}
	 }
 }
.wallpaper-showcase-component .download-blocks .download-button[aria-expanded="true"] + .download-option{
	display: block;
}
 .razer-rtl .wallpaper-showcase-component {
	a.download-link-ref:before, span.download-link-ref:before{
		margin: 0 0 0 .5rem;	
	}
 }
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}