Template:ModuleGenerator/styles.css

.ModuleGenerator-container {

 position: relative;
 width: 298px;
 height: 404px;

}

.ModuleGenerator-container img {

 position: absolute;
 max-width: 100%;
 max-height: 100%;
 z-index: 1;

}

.ModuleGenerator-container span {

 display: block;

}

.ModuleGenerator-bg-light2 {

 opacity: 0.33;

}

.ModuleGenerator-icon {

 top: 50px;
 margin-right: auto;
 margin-left: auto;
 left: 0;
 right: 0;
 z-index: 2;

}

.ModuleGenerator-module-class {

 width: 36px;
 height: 36px;
 top: 8px;
 left: 10px;

}

.ModuleGenerator-socket-type {

 width: 36px;
 height: 36px;
 top: 8px;
 left: 48px;

}

.ModuleGenerator-cost-icon {

 position: absolute;
 width: 36px;
 height: 36px;
 top: 8px;
 right: 36px;

}

.ModuleGenerator-cost {

 position: absolute;
 top: 4px;
 right: 18px;
 color: #fff;
 font-family: "Teko", sans-serif;
 font-size: 36px;
 z-index: 2;

}

.ModuleGenerator-name {

 position: absolute;
 top: 240px;
 color: #fff;
 text-align: center;
 font-family: "Noto Sans", sans-serif;
 font-size: 36px;
 font-weight: 500;
 line-height: 1;
 z-index: 2;

}

.ModuleGenerator-rarity-mask {

 position: absolute;
 left: 25%;
 top: 50px;
 width: 148px;
 height: 148px;
 margin-left: auto;
 margin-right: auto;
 z-index: 2;

}

.ModuleGenerator-special-mask {

 position: absolute;
 z-index: 3;

}