			body {
				background:#EAEAEA;
			}

			smq-popup {
			  position: fixed;
			  top: 0;
			  bottom: 0;
			  left: 0;
			  right: 0;
			  background: rgba(0, 0, 0, 0.2);
			  color: #777;
			  z-index: 2000;
			  display: block;
			  font-family:'Source Sans Pro', sans-serif;
			}

			smq-popup .window {
			  padding: 10px 20px 20px;
			  margin: 150px auto;
			  width: 500px;
			  min-height: 100px;
			  max-height: 550px;
			  background: rgba(255,255,255,1);
			  border-radius: 10px;
			  
			}

			smq-popup .close {
			  margin: 0 10px 0 0;
			  float: right;
			  color: rgba(200,200,200,1);
			  font-size: 20px;
			  cursor: pointer;
			  font-family: sans-serif;
			}

			smq-popup header.api-header h1 {
			  font-size: 18px;
			  color:#555;
			}


			
			.loader {
				width: 175px;
				height: 80px;
				display: block;
				margin: auto;
				background-image: radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), radial-gradient(circle 50px at 50px 50px, #FFF 100%, transparent 0), radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), linear-gradient(#FFF 50px, transparent 0);
				background-size: 50px 50px, 100px 76px, 50px 50px, 120px 40px;
				background-position: 0px 30px, 37px 0px, 122px 30px, 25px 40px;
				background-repeat: no-repeat;
				position: relative;
				box-sizing: border-box;
				
			}
			.loader::after {
				content: '';  
				left: 0;
				right: 0;
				margin: auto;
				bottom: 20px;
				position: absolute;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				border: 5px solid transparent;
				border-color: #71D1EA transparent;
				box-sizing: border-box;
				animation: rotation 1s linear infinite;
			}

			@keyframes rotation {
				0% {
					transform: rotate(0deg);
				}
				100% {
					transform: rotate(360deg);
				}
			} 			
			
			@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
			
			.main-container {
				width:50%;
				max-width:50%;
				margin:0 auto;
				padding:50px;
				font-family:'Source Sans Pro', sans-serif;
				font-size:16px;
				border: 2px solid #ccc;
				border-radius: 8px;
			}
			.logo-section {
				text-align:center;
			}
			
			.logo-image {
				max-width: 100%; 
				display: block; 
				height: auto;
				margin:0 auto;
			}
			
			.prompt-selector-section {
				margin-top:30px;
				text-align:left;
			}
			
			.prompt-display-section {
				margin-top:10px;
				text-align:center;
			}
			
			.promptdata {
				font-family:'Source Sans Pro', sans-serif;
				font-size:16px;
				width:100%;
				height: 150px;
				padding: 12px 20px;
				box-sizing: border-box;
				border: 2px solid #ccc;
				border-radius: 4px;
				background-color: #f8f8f8;
				resize: none;
				text-align:left;
				margin:0 auto;
			}
			
			.innerprompt {
				text-align:left;
				overflow-y:auto;
				height:99%;
				max-height:99%;
				white-space:pre-wrap;
				outline: 0px solid transparent;
			}
		
			.innerresponse {
				text-align:left;
				overflow-y:auto;
				height:400px;
				max-height:400px;
				white-space:pre-wrap;
				outline: 0px solid transparent;
			}
			
			.promptselector {
				font-family:'Source Sans Pro', sans-serif;
				font-size:16px;
				border: 2px solid #ccc;
				border-radius: 4px;
				background-color: #f8f8f8;
				height:35px;
			}
			
			.inputbox {
				font-family:'Source Sans Pro', sans-serif;
				font-size:16px;
				border: 2px solid #ccc;
				border-radius: 4px;
				background-color: #f8f8f8;
				height:35px;
				
			}
			
			.custom-save-button {
				font-family:'Source Sans Pro', sans-serif;
				font-size:16px;
				width:90px;
				height: 41px;
				padding: 4px 6px;
				border: 2px solid #ccc;
				border-radius: 4px;
				background-color: #f8f8f8;
				cursor:pointer;
				
			}
			.custom-save-button:hover {
				background-color: #D8D8D8;
			}						
						
			.custom-button {
				font-family:'Source Sans Pro', sans-serif;
				font-size:15px;
				width:90px;
				height: 53px;
				padding: 4px 6px;
				box-sizing: border-box;
				border: 2px solid #ccc;
				border-radius: 4px;
				background-color: #f8f8f8;
				cursor:pointer;
				margin-top:5px;
			}
			.custom-button:hover {
				background-color: #D8D8D8;
			}
			
			.custom-button-small {
				font-family:'Source Sans Pro', sans-serif;
				font-size:11px;
				width:90px;
				height: 35px;
				padding: 4px 6px;
				box-sizing: border-box;
				border: 2px solid #ccc;
				border-radius: 4px;
				background-color: #f8f8f8;
				cursor:pointer;
				margin-top:5px;
			}
			.custom-button-small:hover {
				background-color: #D8D8D8;
			}			
			
			.page-overlay {
				position: fixed; /* Sit on top of the page content */
				display: none; /* Hidden by default */
				width: 100%; /* Full width (cover the whole page) */
				height: 100%; /* Full height (cover the whole page) */
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(0,0,0,0.5); /* Black background with opacity */
				z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
				cursor: pointer; /* Add a pointer on hover */
			}
			.inside-overlay {
				position: absolute;
				top: 30%;
				left: 50%;
				font-size: 20px;
				font-family:'Source Sans Pro', sans-serif;
				color: white;
				transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				text-align:center;

			}			