input[type=range].slider {
  -webkit-appearance: none;
  width: 225px;
  margin: 13px 0;
}
input[type=range].slider:focus {
  outline: none;
  border: solid #fff 0;
}
input[type=range].slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #cccccc;
  border-radius: 5px;
  border: 0px solid #010101;
}
input[type=range].slider::-webkit-slider-thumb {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(13, 13, 13, 0.5);
  border: 2px solid #ffffff;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  background: #db9034;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -13px;
}
input[type=range].slider:focus::-webkit-slider-runnable-track {
  background: #cfcfcf;
}
input[type=range].slider::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #cccccc;
  border-radius: 5px;
  border: 0px solid #010101;
}
input[type=range].slider::-moz-range-thumb {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(13, 13, 13, 0.5);
  border: 2px solid #ffffff;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  background: #db9034;
  cursor: pointer;
}
input[type=range].slider::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].slider::-ms-fill-lower {
  background: #c9c9c9;
  border: 0px solid #010101;
  border-radius: 10px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range].slider::-ms-fill-upper {
  background: #cccccc;
  border: 0px solid #010101;
  border-radius: 10px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range].slider::-ms-thumb {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(13, 13, 13, 0.5);
  border: 2px solid #ffffff;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  background: #db9034;
  cursor: pointer;
  height: 10px;
}
input[type=range].slider:focus::-ms-fill-lower {
  background: #cccccc;
}
input[type=range].slider:focus::-ms-fill-upper {
  background: #cfcfcf;
}



	section#stage3D{
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		-ms-perspective: 1000px;
		-o-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 50%;
		-moz-perspective-origin: 50% 50%;
		-o-perspective-origin: 50% 50%;
		-ms-perspective-origin: 50% 50%;
		perspective-origin: 50% 50%;
		display: block;
		position: relative;
		left: 1%;
		width: 603px;
		height: 400px;
		margin: 0px 0px 0px -1px;
		-webkit-box-reflect:below -100px
		-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.725, transparent), to('#ffffff'));
	}
	
	article#box{
		-webkit-transform: rotateX(20deg) rotateY(-15deg) rotateZ(100deg);
		   -moz-transform: rotateX(20deg) rotateY(-15deg) rotateZ(100deg);
			-ms-transform: rotateX(20deg) rotateY(-15deg) rotateZ(100deg);
			-o-transform:  rotateX(20deg) rotateY(-15deg) rotateZ(100deg);
			  transform:   rotateX(20deg) rotateY(-15deg) rotateZ(100deg);
		cursor: move;
		position: relative;
		margin-top: -170px;
		margin-left: -250px;
		position: absolute;
		top: 50%; 
		left: 50%;
		width: 350px;
		height: 226px;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	
	#box section{
		margin-top: -120px;
		margin-left: -175px;
		position: absolute;
		display: block;
		overflow: hidden;
		top: 50%; 
		left: 50%;
		-webkit-transform-style: flat;
		-moz-transform-style: flat;
		-o-transform-style: flat;
		transform-style: flat;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			 -o-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
				box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
	}
	
	
	#front{
		width: 226px;
		height: 350px;
		background: url(/images5/sb_tin_flat.jpg) -226px 0 no-repeat #eeeeee;
		-webkit-transform: rotateZ(-90deg) translate3d(57px, 62px, 72px);
		   -moz-transform: rotateZ(-90deg) translate3d(57px, 62px, 72px);
			 -o-transform: rotateZ(-90deg) translate3d(57px, 62px, 72px);
				transform: rotateZ(-90deg) translate3d(57px, 62px, 72px);
	}
	
	#back{
		width: 226px;
		height: 350px;
		background: url(/images5/sb_tin_flat.jpg) 0 0 no-repeat #eeeeee;
		-webkit-transform: rotateY(180deg) rotateZ(90deg) translate3d(-57px, 62px, 72px);
		   -moz-transform: rotateY(180deg) rotateZ(90deg) translate3d(-57px, 62px, 72px);
			 -o-transform: rotateY(180deg) rotateZ(90deg) translate3d(-57px, 62px, 72px);
			   -transform: rotateY(180deg) rotateZ(90deg) translate3d(-57px, 62px, 72px);
	}
	
	#top{
		overflow: hidden;
		width: 350px;
		height: 144px;
		background: url(/images5/sb_tin_flat.jpg) 0 -350px no-repeat #eeeeee;
		-webkit-transform: rotateY(180deg) rotateX(90deg) translate3d(0px, 0px, 67px);
		   -moz-transform: rotateY(180deg) rotateX(90deg) translate3d(0px, 0px, 67px);
			 -o-transform: rotateY(180deg) rotateX(90deg) translate3d(0px, 0px, 67px);
			   -transform: rotateY(180deg) rotateX(90deg) translate3d(0px, 0px, 67px);
	}
	
	#bottom{
		overflow: hidden;
		width: 350px;
		height: 144px;
		background: url(/images5/sb_tin_flat.jpg) -350px -350px no-repeat #eeeeee;
		-webkit-transform: rotateY(0deg) rotateX(-90deg) translate3d(0px, 0px, 159px);
		   -moz-transform: rotateY(0deg) rotateX(-90deg) translate3d(0px, 0px, 159px);
			 -o-transform: rotateY(0deg) rotateX(-90deg) translate3d(0px, 0px, 159px);
			   -transform: rotateY(0deg) rotateX(-90deg) translate3d(0px, 0px, 159px);
	}
	
	#left{
		width: 226px;
		height: 144px;
		background: url(/images5/sb_tin_flat.jpg) -452px -144px no-repeat #eeeeee;
		-webkit-transform: rotateX(-90deg) rotateY(-90deg) translate3d(46px, 0px, 113px);
		   -moz-transform: rotateX(-90deg) rotateY(-90deg) translate3d(46px, 0px, 113px);
			 -o-transform: rotateX(-90deg) rotateY(-90deg) translate3d(46px, 0px, 113px);
			   -transform: rotateX(-90deg) rotateY(-90deg) translate3d(46px, 0px, 113px);
	}
	
	#right{
		width: 226px;
		height: 144px;
		background: url(/images5/sb_tin_flat.jpg) -452px 0 no-repeat #eeeeee;
		-webkit-transform: rotateX(-90deg) rotateY(90deg) translate3d(-46px, 0, 236px);
		   -moz-transform: rotateX(-90deg) rotateY(90deg) translate3d(-46px, 0px, 236px);
			 -o-transform: rotateX(-90deg) rotateY(90deg) translate3d(-46px, 0px, 236px);
			   -transform: rotateX(-90deg) rotateY(90deg) translate3d(-46px, 0px, 236px);
	}
	
	
	#front div{
		-webkit-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			 -o-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
				box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
	}
	
	#top div{
		-webkit-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			 -o-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
				box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
	}
	
	#bottom div{
		-webkit-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			 -o-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
				box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
	}
	
	#left div{
		-webkit-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			 -o-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
				box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
	}
	
	#right div{
		-webkit-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			 -o-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
			-ms-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
				box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.2);
	}
	


	.box {
	  position: relative;
	  display: inline-block;
	  width:130px;
	  height:81px;
	  background-color: #fff;
	  border-radius: 8px;
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	  border-radius: 8px;
	  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  z-index:1;
	  border: solid #f3f1e8 2px;
	}
	
	.box::after {
	  content: "";
	  border-radius: 8px;
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	  opacity: 0;
	  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	
	.box:hover {
	  -webkit-transform: scale(1.3, 1.3);
	  transform: scale(1.3, 1.3);
	  z-index:2;
	  border: solid #fff 2px;
	}
	
	.box:hover::after {
		opacity: 1;
	}
	
	.aiInput {
		margin: 0;
		width:170px;
	}
	
	.aiStageBlurb {
		display: none;
		flex-basis: 100%;
		min-height: 18px;
		font-size: 12px;
		line-height: 1.35em;
		color: #857968;
		font-style: italic;
	}
	

	.createHeader {
		display:flex;
		padding-bottom:50px;
	}
	
	.createCopyright {
		font-size:13px;
		line-height:0.5em;
		color:#666;
		text-align:center;
		padding:10px 0 30px;
	}
	
	.aiBlender {
		background-color:#f3e7dc;
		padding:20px;
		border-radius: 4px;
		display: flex;
		margin-bottom:50px;
		gap:50px;
		justify-content: space-between;
		align-items: center;
	}
	
	#aiReason {
		color:#666;
		font-size:14px;
		font-weight:400;
		width:calc(100% - 400px);
	}
	
	.aiControlPanel {
		padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;max-width: 350px;
	}

	.aiStageProgress {
		flex-basis: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
		background: linear-gradient(180deg, #f0e6da 0%, #ecdfd2 100%);
		border: solid #d8cabc 1px;
		border-radius: 10px;
		padding: 8px 10px;
		display: none;
	}

	.aiStageStep {
		display: flex;
		align-items: center;
		gap: 6px;
		color: #9b8f84;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	.aiStageDot {
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		border-radius: 50%;
		font-size: 10px;
		font-weight: 700;
		background: #d9cfc4;
		color: #7a6f62;
		display: inline-block;
	}

	.aiStageConnector {
		flex: 1;
		height: 2px;
		background: #cfc3b5;
		min-width: 10px;
	}

	.aiStageStep.isDone {
		color: #596f44;
	}

	.aiStageStep.isDone .aiStageDot {
		background: #7f8a2b;
		color: #fff;
	}

	.aiStageStep.isActive {
		color: #6f6558;
	}

	.aiStageStep.isActive .aiStageDot {
		background: #d98b2f;
		color: #fff;
		animation: aiStagePulse 1.2s ease-in-out infinite;
	}

	.aiStageStep.isError {
		color: #a94442;
	}

	.aiStageStep.isError .aiStageDot {
		background: #b95c59;
		color: #fff;
	}

	.aiStageStatus {
		display: none;
		flex-basis: 100%;
		min-height: 20px;
		font-size: 13px;
		line-height: 1.3em;
		color: #6f6558;
		padding-top: 4px;
		font-weight: 500;
	}

	.aiStageStatus.statusWorking {
		color: #6f6558;
	}

	.aiStageStatus.statusError {
		color: #a94442;
	}

	.aiStageStatus.statusSuccess {
		color: #3c763d;
	}

	@keyframes aiStagePulse {
		0% { box-shadow: 0 0 0 0 rgba(217, 139, 47, 0.5); }
		70% { box-shadow: 0 0 0 8px rgba(217, 139, 47, 0); }
		100% { box-shadow: 0 0 0 0 rgba(217, 139, 47, 0); }
	}
	
	.createYourOwnBlend {
		display:flex;
		justify-content: space-between;
		gap:50px;
	}
	
	.createYourOwnBlend > div:nth-child(1) {
		flex:1;
	}
	
	.createYourOwnBlend > div:nth-child(1) > div:nth-child(1) {
		border-radius: 4px;border: solid 1px #d7d9dd;box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);background-color: #fff;
	}
	
	.createYourOwnBlend > div:nth-child(2) {
		flex:1;
	}
	
	.blendTea {
		display:flex;
		align-items: center;
		justify-content: center;
	}
	
	.blendTea > div:nth-child(1) {
		min-width:240px;
	}
	
	.blendTea > div:nth-child(1) > img {
		width: 220px;
		height: 220px;
		border: 0;
	}
	
	.blendTea > div:nth-child(1) > div {
		position:relative;
	}
	
	.blendTea > div:nth-child(1) > div > div {
		display: none;
		position: absolute;
		bottom: 5px;
		left: 0;
		width: 210px;
		background-color: #fff;
		color: #333;
		font-size: 14px;
		line-height: 1.3em;
		opacity: 0.9;
		padding: 5px;
		border-top: solid #666 1px;
	}
	
	.blendTea > div:nth-child(2) {
		min-width:240px;
	}
	
	.blendTea > div:nth-child(2) > select {
		width:225px;
	}
	
	.blendImageSelect {
		width:100%;
		max-width: 480px;
    	margin: 0 auto;
		text-align:center;
		border: .125rem dashed #666;
		border-radius: 10px;
		cursor: pointer !important;
		display:flex;
		justify-content: center;
    	align-items: center;
    	padding: 10px 0;
    	gap:10px;
	}
	
	#blendPreview {
		width: 1px;
		height: 420px;
		transform: scale(1);
	}
	
	.previewPouch {
		position:absolute;top:0;left:280px;
	}
	
	.previewSample {
		position:absolute;top:49px;left:-80px;
	}
	
	#sbSampleLabel {
		background: url(/images6/upload_your_photo.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-color: white;
	}
	
	#sbPouchLabel {
		background: url(/images6/upload_your_photo.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-color: white;
		width: 150px;
		height: 94px;
	}
	
	.previewTin {
		position:absolute;top:50px;left:210px;
	}
	

	.aiLabelCheckResults {
		display:flex;
		flex-direction:column;
	}

	.aiLabelCheckResults > div {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		padding: 5px;
		border-radius: 5px;
		margin: 20px auto;
		max-width: 480px;
	}

	.aiLabelCheckResults > div > div > div:nth-child(1) {
		font-weight: 600;
	}

	.warningNo {
		background-color: #f0ad4e99;
	}

	.warningYes {
		background-color: #d9534f99;
	}
	
	

	

	@media (max-width: 1279px) {
	
		#blendPreview {
			height:370px;
		}
		
		.previewPouch {
			display:none;
		}
	
		.previewSample {
			display:none;
		}
	
		.previewTin {
			left: calc(30vw - 60px);
		}
		
	}
	
	@media (max-width: 1023px) {
	
		.createHeader {
			padding-bottom:10px;
		}
		
		.createYourOwnBlend {
			flex-direction: column;
			gap: 0;
		}
	
		#blendPreview {
			height: 340px;
		}

		.previewTin {
			left: calc(60vw - 60px);
			top: 10px;
		}
	
	}
	
	@media (max-width: 767px) {
	
		#aiReason {
    		width:auto;
    		padding-bottom: 15px;
		}
		
		.aiBlender {
			gap:0;
			flex-direction: column;
			margin-bottom: 20px;
		}
		
		.aiControlPanel {
			justify-content: center;
		}

		.aiStageProgress {
			width: 100%;
		}
		
		.createYourOwnBlend > div:nth-child(1) > div:nth-child(1) {
			border: none;
			box-shadow: none;
		}
		
		#blendPreview {
			height: 370px;
		}

		.blendTea > div:nth-child(1) > div > div {
			width: 200px;
			padding: 5px 15px;
		}
		
		.previewTin {
			left: calc(63vw - 30px);
			top: 50px;
		}
	
	}
	
	@media (max-width: 479px) {
	
		#blendPreview {
			transform: scale(0.75);
			height: 280px;
		}
	
		.blendTea {
    		padding-bottom: 20px;
		}

		.blendTea > div:nth-child(1) {
			min-width: 120px;
		}

		.blendTea > div:nth-child(1) > div {
    		display: none;
		}

		.blendTea > div:nth-child(1) > img {
			width: 110px;
			height: 110px;
			border: 0;
		}
		
		.previewTin {
			left: calc(78vw - 10px);
			top: 10px;
		}

		#teaCharOne {
			display:none;
		}
		
		input[type=range].slider {
			margin: 0;
		}
		
		.aiInput {
			width:110px;
		}
	
	}
	

	.posRel {
		position: relative;
	}

	.designerArtworkClose {
		top: -60px;
		right: -20px;
	}

	.artworkGuideTop {
		position: absolute;
		top: 42px;
		width: 900px;
		color: #00f;
	}

	.artworkGuideSafe {
		position: absolute;
		top: 78px;
		width: 900px;
		color: #f00;
	}

	.artworkGuideNotes {
		position: absolute;
		top: 600px;
		width: 900px;
		text-align: left;
		color: #000;
		padding: 0 110px;
	}

	#designer_band {
		position: fixed;
		top: 150px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 50;
		display: none;
	}

	#preview_band {
		width: 900px;
		height: 330px;
		border: solid black 1px;
		background: url('//images.adagio.com/images2/custom_blends_band_576/2721.jpg') 100px 100px no-repeat #eee;
		background-size: 700px;
		-webkit-box-shadow: 0px 0px 50px 12px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 50px 12px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 50px 12px rgba(0,0,0,0.5);
	}

	.bandCloseWrap {
		position: relative;
		top: 0;
		right: 0;
	}

	.bandClosePos {
		position: absolute;
		top: -20px;
		right: -20px;
	}

	.bandCloseIcon {
		width: 40px;
		height: 40px;
		background: url('/images5/sprites_png24.png') -558px -437px no-repeat;
		background: -webkit-image-set(url('/images5/sprites_png24.png') 1x, url('/images5/sprites_png24_retina.png') 2x);
		background-position: -558px -436px;
		background-repeat: no-repeat;
	}

	.bandGuideFront {
		position: absolute;
		top: 48px;
		left: 220px;
		color: #00f;
	}

	.bandGuideSides {
		position: absolute;
		top: 48px;
		left: 590px;
		color: #f00;
	}

	.bandGuideNotes {
		position: absolute;
		top: 250px;
		width: 900px;
		text-align: left;
		color: #000;
		padding: 0 110px;
	}

	.aiChatbotIcon {
		width: 40px;
		height: 40px;
		display: block;
	}

	.aiImagineButtonWrap {
		width: 100px;
		padding-left: 5px;
	}

	.aiImagineButton.isDisabled {
		background: #b9b9b9;
		color: #f3f3f3;
		pointer-events: none;
		cursor: not-allowed;
		box-shadow: none;
		opacity: 0.95;
	}

	.panelPad20 {
		padding: 20px;
	}

	.panelGrayBg {
		background-color: #f3f3f3;
	}

	.fullWidth {
		width: 100%;
	}

	.orDividerWrap {
		padding: 33px;
	}

	.blendQty {
		height: 25px;
	}

	#teaName {
		width: calc(100% - 25px);
	}

	#teaNameLength {
		font-size: 11px;
		font-style: italic;
		text-align: right;
		padding-right: 10px;
	}

	#groupId {
		width: calc(100% - 5px);
	}

	#bandUploadDiv {
		display: none;
	}

	#groupName {
		width: calc(100% - 25px);
	}

	.bandUploadSelect {
		width: 100%;
		text-align: center;
		border: 0.125rem dashed #666;
		border-radius: 10px;
	}

	.uploadIconWrap {
		text-align: center;
		margin: 20px calc(50% - 75px) 0;
	}

	#filestack_band {
		width: 150px;
		height: 100px;
		background: url('/images6/icon_band.png');
		background-size: contain;
		background-repeat: no-repeat;
	}

	.uploadTitle {
		text-align: center;
		color: #666;
		font-size: 20px;
	}

	.uploadHint {
		font-size: 12px;
		line-height: 1.2em;
		color: #666;
		text-align: center;
	}

	.uploadHintBand {
		padding: 0 0 20px;
	}

	.designerInfoLink {
		float: right;
		padding-top: 5px;
	}

	#imagePreviewWait {
		position: relative;
		z-index: 25;
		display: none;
	}

	.waitPosOne {
		position: absolute;
		top: 105px;
		left: 25px;
	}

	.waitPosTwo {
		position: absolute;
		top: 335px;
		left: 330px;
	}

	.waitPosThree {
		position: absolute;
		top: 135px;
		left: 310px;
	}

	.waitBubble {
		background-color: #d9d7d5;
		padding: 10px;
		border-radius: 16px;
	}

	.pouchPreviewBg {
		width: 250px;
		height: 460px;
		background: url('/images6/packaging_bg_grey.jpg');
	}

	.pouchLabelPad {
		padding: 125px 0 0 55px;
	}

	.sampleTinBg {
		width: 185px;
		height: 136px;
		background: url('/images6/packaging_with_sample_edge_grey.png') 0 0 no-repeat;
	}

	#stage3D.stage3DPreview {
		width: 0;
		-webkit-box-reflect: inherit;
	}

	#frontA {
		margin: 84px 14px 0;
		background: url(/images6/upload_your_photo.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-color: white;
		width: 200px;
		height: 125px;
	}

	#labelTin {
		width: 200px;
		height: 125px;
	}

	.insideDiv {
		display: none;
		margin-top: 30px;
	}

	#band_1,
	#band_2 {
		width: 350px;
		height: 109px;
		background: url('/images6/band_white_576.jpg') top left no-repeat;
	}

	#band_3,
	#band_4 {
		width: 226px;
		height: 109px;
		background: url('/images6/band_white_576.jpg') top right no-repeat;
	}

	#filestack_image {
		width: 150px;
		height: 100px;
		background: url('/images6/icon_label_v.png');
		background-size: contain;
		background-repeat: no-repeat;
	}

	.uploadTextWrap {
		padding: 0 10px;
	}

	.uploadTitleFile {
		line-height: 1.1em;
		padding-bottom: 10px;
	}

	.accountInput {
		width: 250px;
	}

	#submitPre {
		display: block;
	}

	#submitButton,
	#submitWaiting,
	#sectionAfter {
		display: none;
	}

	#teaDescription {
		width: 250px;
		height: 80px;
	}
		.aiStageProgress {
			gap: 6px;
			padding: 7px 8px;
		}

		.aiStageStep {
			font-size: 10px;
			letter-spacing: 0.02em;
		}

		.aiStageDot {
			width: 16px;
			height: 16px;
			line-height: 16px;
			font-size: 9px;
		}