.ContentPage1Template{
 margin: 0 auto !important; 
}
#chroma-workshop-content.usp .grid{
    position: relative;
}
#chroma-workshop-content .t2 > div:not(:first-child){
		display: none;
}
#chroma-workshop-content-2{
display: none;
}
#chroma-workshop-content .no-result{
    font-size: 18px;
    text-align: left;
    max-width: 1200px;
    position: absolute;
    padding: 2rem;
}
.sample-template, .sample-template-download{
display: none;
}
.master.scroll .sample-template, .master.scroll .sample-template-download{
display: block;
}
#chroma-workshop-content{
 margin-top: .5rem; 
}
#chroma-workshop-content-container{
 height: auto;
}
#chroma-workshop-content h2 {
    color: #44d62c
}
#chroma-workshop-content .comingsoon{
    color: #fff;
			display: block;
			position: absolute;
			left: 1rem;
			bottom: 1rem;
			max-width: 100px;
}
#chroma-workshop-content.usp .grid .main-content,
#chroma-workshop-content.usp .grid .main-content .p-container,
#chroma-workshop-content.usp .grid .main-content .t2{
  padding: 0;
}
@media (max-width: 426px) {
  #chroma-workshop-content.usp .grid{
    left: 0;
  }
    #chroma-workshop-content #app {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 1rem!important
    }
    #chroma-workshop-content-container.grid {
        grid-template-columns: repeat(auto-fill,86.6%)!important;
        width: 100%!important
    }
}
#chroma-workshop-content-container.grid {
  -webkit-box-pack:center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw !important;
}
#chroma-workshop-content .grid .main-content{
  padding: 0 !important;
}
#chroma-workshop-content a:hover {
    cursor: pointer
}
#chroma-workshop-content #app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 60px
}
#chroma-workshop-content .v--modal {
    background: #232323!important;
    padding: 2rem!important
}
#chroma-workshop-content .modal-header {
	font-size: 28px;
    color: #44d62c;
    font-family: RazerF5, Roboto, sans-serif;
    padding: 2.5rem 1rem 1rem 0;
}
#chroma-workshop-content .chroma_container {
   padding: 1rem;
   background-color: #333;
  	text-align: left;
  	height: 120px;
}
#chroma-workshop-content .partner .chroma_container {
  	height: 0px;
		padding: 0;
}
#chroma-workshop-content .download .chroma_container {
  	height: 315px;
}
#chroma-workshop-content .chroma_line {
    margin: 0;
    padding: 2rem 0
}
@media (max-width: 767px) {
	.chroma_line.add-line{
		border-top: 2px solid #444;
	}
}
#chroma-workshop-content .chroma_header {
		display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
  	min-height: 3.5rem;
}
#chroma-workshop-content .download .chroma_header {
		display: block;
		overflow-wrap: break-word;
}
#chroma-workshop-content .chroma_effects {
    color: #fff;
	font-weight: bold;
}
#chroma-workshop-content .chroma_effects_list li {
    margin-left: 1rem;
    list-style-type: square
}
#chroma-workshop-content .chroma_developer,
#chroma-workshop-content .chroma_genre,
#chroma-workshop-content .chroma_publisher,
#chroma-workshop-content .chroma_version {
    font-size: 18px;
    padding-top: 1rem
}
#chroma-workshop-content .chroma_title {
    color: #fff
}
#chroma-workshop-content .chroma_description {
    padding-top: .875rem;
	margin-bottom: 1rem;
	padding-right: 1.5rem;
}
#chroma-workshop-content .chroma_link a {
    color: #44d62c;
    font-size: 18px;
    font-weight: 500;
  	text-decoration: none;
		text-underline-offset: 3px;
}
#chroma-workshop-content .chroma_link a:hover{
	text-decoration: underline;
}
#chroma-workshop-content-container.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,283.5px);
    grid-gap: 22px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto;
    width: 1200px;
    padding-top: 2rem;
    padding-bottom: 3rem
}
#chroma-workshop-content-container.grid>div.article {
    border: 1px solid #333;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
    background-color: #333;
    min-height: 142px;
  	position: relative;
	  animation: fadeIn 1s;
		overflow: hidden;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
#chroma-workshop-content-container.grid>div.article img {
    max-width: 375px; 
    width: 100%;
}
@media (min-width: 768px) {
#chroma-workshop-content-container.grid>div.article img {
    height: 140px;
}
}
#chroma-workshop-content-container.grid>div.article>a {
    display: block;
		 height: 100%;
}
#chroma-workshop-content-container.grid>div.article>a:has(.partner) {
		 background: black;
}
#chroma-workshop-content-container.grid>div.article>a .partner {
position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#chroma-workshop-content-container.grid>div.article>a:hover,
#chroma-workshop-content-container.grid>div.article:has(>a):hover,
#chroma-workshop-content-container.grid>div.article:has(>a):focus-within{
    outline: 1px solid #44d62c;
			outline-offset: 0px;
}
#chroma-workshop-content-container .text {
    padding: 0 20px 20px
}
#chroma-workshop-content-container .text>button {
    background: grey;
    border: 0;
    color: #fff;
    padding: 10px;
    width: 100%
}
#chroma-workshop-content-container.grid>div.article .grey {
    color: #AAA;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}
#chroma-workshop-content-container.grid>div.article .detail {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: block;
  	margin-top: 1rem;
}
#chroma-workshop-content-container.grid>div.article .chroma_link {
  position: absolute;
  bottom: 1rem;
}
#chroma-workshop-content .bottom-right{
	 position: absolute;
  	bottom: 1rem;
		right: 1rem;
}
#chroma-workshop-content .bottom-right img {
    width: 25px !important;
    height: 25px !important;
    display: inline-block;
}
#chroma-workshop-content .is-screen-reader-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
#chroma-workshop-content-container h2{
			display: block;
    font: 200 1.5rem RazerF5;
    color: #44d62c;
			grid-column: 1 / -1;
grid-row: auto;
    justify-self: start;
    padding: 0;
    margin: 2rem 0 0 0;
}
#chroma-workshop-content-container h2:first-child{
			margin: 0 0 0 0;
}
@media (max-width: 768px) {
#chroma-workshop-content-container h2{
			justify-self: center;
}
}
 @media screen and (max-width:767px){#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_2]{background-image:none;background-color:#000;min-height:100%;}} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_2]{background-image:none;background-color:#000;min-height:100%;}#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_3]{max-height:100%;}} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_2]{background-image:none;background-color:#000;min-height:100%;}#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_3]{max-height:100%;}} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_2]{background-image:none;background-color:#000;min-height:100%;}#pnxssr_51ff8d34d5343e14c2d770403397212c div[pnxssr_3]{max-height:100%;}}