.replicator-btn{
		cursor: pointer;
		color:#e1e1e1;

			    font-family:
			    "Courier New",
			    monospace;
			    background: #727272;
			    border: 0;
				width:fit-content;
	}
	.btnActive{
	    
		color: #fff;
	}
	.replicator {

	    width:16rem;

	    background: #727272;  /*rgba(8,14,25,.92);*/

	    border:1px solid #fff; /*rgba(120,180,255,.45);*/
		border-radius: 8px;
	    padding:1rem;

	    color:#d9efff;

	    font-family:
	    "Courier New",
	    monospace;

	    position:relative;

	    overflow:hidden;

	}



	/* Pixel-Ecken */
	/*
	.replicator:before,
	.replicator:after {

	    content:"";

	    position:absolute;

	    width:18px;
	    height:18px;

	    border-color:#00e644;
	    border-style:solid;

	}


	.replicator:before {

	    top:0;
	    left:0;

	    border-width:2px 0 0 2px;

	}


	.replicator:after {

	    bottom:0;
	    right:0;

	    border-width:0 2px 2px 0;

	}
	*/



	.replicator-header {
		
		color: #ccc;
		
	    font-size:.9rem;

	    letter-spacing:2px;

	    margin-bottom:1rem;

	}



	.status-dot {

	    display:inline-block;

	    width:7px;
	    height:7px;

	    background:#00e566; /*#7fffd4;*/

	    margin-right:7px;

	    box-shadow:
	    0 0 8px #00e566; /*#7fffd4;*/
		
	    float: left;
	    margin: 0.75rem 0 0 1rem;

	}



	/* Status */

	.system-panel {

	    font-size:.7rem;

	    border-top:1px solid rgba(255,255,255,.15);

	    border-bottom:1px solid rgba(255,255,255,.15);

	    padding:.7rem 0;

	    margin-bottom:1rem;

	}



	.system-line {

	    display:flex;

	    flex-direction:column;

	    margin-bottom:.5rem;

	}


	.energy-bar {

	    color:#00e644;

	    letter-spacing:1px;

	}



	.online {

	    color:#7fffd4;

	}



	/* Slots */


	.slots {

	    display:flex;

	    flex-direction:column;

	    gap:.8rem;

	}



	.replicator-slot {


	    height:75px;

	    position:relative;

	    overflow:hidden;

	    padding:.7rem;

	    border: 1px solid rgba(0,229,68,.5);


	    background: #525252; /*rgba(20,30,50,.65);*/


	    transition:

	    .35s ease;


	}



	.scan {


	    border-color:#00e644;

		/*
	    box-shadow:

	    0 0 12px rgba(120,220,255,.6),

	    inset 0 0 18px rgba(120,220,255,.15);

		*/
	    box-shadow:

	    0 0 12px rgba(0,229,68,.6),

	    inset 0 0 18px rgba(0,229,68,.15);
		

	}




	.scanline {

	    position:absolute;

	    left:0;

	    top:-20px;

	    width:100%;

	    height:3px;


	    background:

	    linear-gradient(
	        90deg,
	        transparent,
	        #00e644,
	        transparent
	    );


	    opacity:0;

	}




	.scan .scanline {


	    opacity:1;


	    animation:

	    scan 1.2s linear;


	}



	@keyframes scan {


	    from {

	        top:-10px;

	    }


	    to {

	        top:100%;

	    }

	}




	.slot-icon {

	    position:absolute;

	    right:12px;

	    top:10px;

	    font-size:1.8rem;

	    opacity:.5;

	}



	.slot-title {

	    font-size:.9rem;

	    letter-spacing:2px;

	}



	.slot-sub {

	    font-size:.65rem;

	    opacity:.6;

	    margin-top:.3rem;

	}



	.materializing {


	    position:absolute;

	    bottom:8px;

	    left:12px;


	    color:#00e644;

	    font-size:.65rem;


	    opacity:0;


	    transform:
	    translateY(10px);


	    transition:.4s;

	}



	.scan 
	.materializing {


	    opacity:1;

	    transform:
	    translateY(0);

	}



	/* Footer */


	.replicator-footer {

	    margin-top:1rem;

	    font-size:.65rem;

	    color:#00e644;

	}



	.serial {
		
		    color: #ccc;
		    width: 70%;
		    margin: auto;
		    border: 0px #929292 solid;
			
	    margin-top:.5rem;

	    opacity:.5;

	}
	
	.replicator-slot.active {

	    border-color:#00e644;

	    box-shadow:
	        0 0 18px rgba(0,230,68,.7),
	        inset 0 0 18px rgba(0,230,68,.25);

	    transform:scale(.98);
	}