@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
	list-style: none;
}

/* Set core root defaults */
html {
	scroll-behavior: smooth;
}

/* Set core body defaults */
body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
	max-width: 100%;
	display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
	font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}




html,
body {
	width: 100%;
	height: 100%;
}


body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	background: #000;
	color: #fff;
}

a:hover {
	opacity: .6;
	transition: opacity 0.3s ease;
}

.container {
	max-width: 1920px;
	margin: 0 auto;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	padding: 40px 50px;
}

header nav {
	display: flex;
	gap: 60px;
}

header nav a {
	display: block;
	text-decoration: none;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
}


/* KV */
#kv {
	position: relative;
	background: url(/ssp/lcd/gigacrysta/images/kv.jpg) no-repeat top center / contain;
	aspect-ratio: 1920 / 1080;
	display: flex;
	justify-content: center;
	padding-bottom: 8.9351851%;
	position: relative;
}

#kv::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#kv iframe {
	display: block;
	margin: auto;
	max-width: 850px;
	width: 44%;
	aspect-ratio: 750 / 422;
}


/* ABOUT */

#about {
	padding: 100px 0 144px;
}

#about>.lead {
	margin: 0 auto 149px;
	text-align: center;
}

#about>.lead .head {
	aspect-ratio: 1920 / 680;
	margin: -40px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(/ssp/lcd/gigacrysta/images/about_bg.jpg) no-repeat top center / 100%;
	padding: 0 41px 0 35px;
}


#about>.lead .text {
	margin-top: -8%;
	font-weight: 500;
	font-size: 16px;
	line-height: 170%;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #000000;
}

#about>.body {
	font-weight: 500;
	font-size: 20px;
	line-height: 180%;
	text-align: center;
}

#about>.body p {
	margin-bottom: 1em;
}

/* MOVIE */

#movie {
	background: url(/ssp/lcd/gigacrysta/images/movie_bg.jpg) no-repeat top center / cover;
	padding: 140px 0 119px;
}

#movie>.head {
	font-family: 'Orbitron';
	font-weight: 700;
	font-size: 72px;
	line-height: 90px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #2192D7, 0px 0px 30px #2192D7, 0px 0px 92.5px #2192D7, 0px 0px 58.7px #2192D7, 0px 0px 44.3px #2192D7;
	margin-bottom: 50px;
}

#movie>.body {
	max-width: 1020px;
	aspect-ratio: 1020 / 616;
	background: url(/ssp/lcd/gigacrysta/images/movie_frame.png) no-repeat center center / cover;
	margin: 0 auto 40px;
	;
	display: flex;
	justify-content: center;
	align-items: center;
}

#movie>.body .thumb {
	width: calc(880px / 1020px * 100%);
	height: calc(496px / 616px * 100%);
	margin: auto;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	display: block;
}

#movie>.body .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#movie>.body .thumb:hover {
	opacity: .8;
	transition: opacity 0.3s ease;
}

#movie>.text {
	font-weight: 700;
	font-size: 38px;
	line-height: 180%;
	text-align: center;
}

/* PRODUCT */

#product>.upper {
	padding: 140px 0 80px;
	background: url(/ssp/lcd/gigacrysta/images/product_bg.jpg) no-repeat top center / cover;
	position: relative;
	margin-bottom: 33px;
}

#product>.upper::after {
	content: '';
	display: block;
	width: 100%;
	height: 160px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

#product>.upper>.head {
	font-weight: 700;
	font-size: 60px;
	line-height: 72px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #2192D7, 0px 0px 30px #2192D7, 0px 0px 92.5px #2192D7, 0px 0px 58.7px #2192D7, 0px 0px 44.3px #2192D7;
	margin-bottom: 50px;
}

#product>.upper>.name {
	font-family: 'Orbitron';
	font-weight: 700;
	font-size: 80px;
	line-height: 100px;
	text-align: center;
	color: #2192D7;
	margin-bottom: 20px;
}

#product>.upper>.description {
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}

#product>.upper>.images {
	display: flex;
	align-items: center;
	gap: 2%;
	padding: 0;
	margin-bottom: 120px;
}

#product>.upper>.images::after {
	content: '';
	display: block;
	width: 27.2395%;
	aspect-ratio: 405 / 866;
	margin: 0 auto;
	background: url(/ssp/lcd/gigacrysta/images/product_figure.png) no-repeat center / contain;
}

#product>.upper>.images .thumbs {
	display: flex;
	flex-direction: column;
	gap: 31px;
	width: 27.2395%;
}

#product>.upper>.images .thumbs a {
	margin-left: auto;
	max-width: 227px;
	border: 1px solid #242424;
}

#product>.upper>.images .thumbs a.on {
	border: 1px solid #2192D7;
}

#product>.upper>.images .main {
	width: 39.0625%;
	min-width: 600px;
	height: auto;
	aspect-ratio: 750 / 674;
	position: relative;
	border: 1px solid #2192D7;
	box-shadow: 0px 0px 30px 10px rgba(33, 146, 215, 0.5);
}

#product>.upper>.images .main .frame {
	width: 100%;
	height: 100%;
	overflow: hidden;

}

#product>.upper>.images .main .track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 0.4s ease;
	will-change: transform;
	touch-action: pan-y;
}

#product>.upper>.images .main .slide {
	flex: 0 0 100%;
	width: 100%;
	aspect-ratio: 750 / 674;
}

#product>.upper>.images .main .slide img {
	width: 100%;
	aspect-ratio: 750 / 674;
	object-fit: cover;
}


#product>article {
	padding: 0 20px;
	max-width: 1440px;
	margin: 0 auto;
}

#product>article:not(:last-child) {
	margin: 0 auto 120px;
}

#product>article .head {
	background: linear-gradient(90deg, #000000 0%, #0A2434 19.71%, #1C6A9A 50%, #0A2434 79.81%, #000000 100%);
	font-weight: 700;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #FFFFFF;
	padding: 18px;
	position: relative;
	margin-bottom: 30px;
}

#product>article .head::before,
#product>article .head::after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #000000 0%, #0F3E5B 15%, #2192D7 50.48%, #0F3E5B 84.62%, #000000 100%);
}

#product>article .head::before {
	top: 0;
}

#product>article .head::after {
	bottom: 0;
}

#product>article .text {
	font-weight: 500;
	font-size: 18px;
	line-height: 180%;
	color: #FFFFFF;
	margin-bottom: 60px;
}


#product>article#product_panel .images {
	display: flex;
	justify-content: center;
	gap: 60px;
}

#product>article#product_panel .images>div .title {
	font-weight: 500;
	font-size: 20px;
	line-height: 180%;
	padding: 2px 20px;
	width: 234px;
	background: #3D3D3D;
	border-radius: 30px;
	text-align: center;
	margin: 0 auto 25px;
}


#product>article#product_contrast .images {
	display: flex;
	justify-content: center;
}

#product>article#product_contrast .images>div {
	position: relative;
}

#product>article#product_contrast .images>div .title {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 0 20px;
	font-weight: 700;
	font-size: 24px;
	line-height: 150%;
}

#product>article#product_contrast .images>div:first-child .title {
	background: #3D3D3D;
}

#product>article#product_contrast .images>div:last-child .title {
	background: #2192D7;
}


#product>article#product_oled .functions {
	display: flex;
	gap: 46px;
}

#product>article#product_oled .functions>div {
	width: 25%;
	background: linear-gradient(-135deg, #ABAEFF 0%, #5BF7FF 50%, #7B24AD 100%);
}


#product>article#product_oled .functions>div>div {
	padding: 60px 23px;
	background: #242424;
	font-weight: 500;
	font-size: 24px;
	line-height: 180%;
	text-align: center;
	color: #FFFFFF;
	height: calc(100% - 4px);
	margin: 2px;
}

#product>article#product_speed .images {
	display: flex;
	justify-content: center;
	gap: 60px;
}

#product>article#product_speed .images>div .title {
	font-weight: 500;
	font-size: 20px;
	line-height: 180%;
	padding: 2px 20px;
	width: 234px;
	background: #3D3D3D;
	border-radius: 30px;
	text-align: center;
	margin: 0 auto 25px;
}

#product>article#product_speed .images>div .caption {
	font-weight: 700;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #1C6A9A;
	margin-top: 10px;
}


#product>article#product_warranty .images {
	display: flex;
	gap: 60px;
	padding: 20px 45px;
}

#product>article#product_button {
	padding: 80px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#product>article#product_button a {
	width: 580px;
	height: 140px;
	background: url(/ssp/lcd/gigacrysta/images/product_button.png) no-repeat center center / contain;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}






/* PROFILE */
#profile {
	position: relative;
	background: url(/ssp/lcd/gigacrysta/images/profile_bg.png) no-repeat bottom 219px right / 70%;
}

#profile::before {
	content: '';
	display: block;
	width: 100%;
	height: 132px;
	background: linear-gradient(180deg, #000000 57.57575757%, #195F8B 100%);
}

#profile::after {
	content: '';
	display: block;
	width: 100%;
	height: 132px;
	background: linear-gradient(0deg, #000000 57.57575757%, #195F8B 90%);
}


#profile>.content {}


#profile>.content::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/ssp/lcd/gigacrysta/images/profile_utahiroba.png) no-repeat bottom 87px right -50px / 50%;
}

#profile>.photo {
	position: absolute;
	top: 0;
	right: 0;
	padding: 72px 0 132px;
	width: 60%;
}

#profile>.photo img {
	width: 100%;
	height: auto;
}

#profile>.content {
	position: relative;
	margin-top: -60px;
}

#profile>.content .data {
	padding: 145px 0 87px 0;
	max-width: 1500px;
	margin: 0 auto;
}

#profile>.content .data .head {
	margin-bottom: 20px;
}

#profile>.content .data .body .name {
	font-weight: 700;
	font-size: 64px;
	line-height: 77px;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #2192D7, 0px 0px 30px #2192D7, 0px 0px 92.5px #2192D7, 0px 0px 58.7px #2192D7, 0px 0px 44.3px #2192D7;
	margin-bottom: 15px;
}

#profile>.content .data .body .group {
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 26px;
}

#profile>.content .data .body .text {
	max-width: 471px;
	font-weight: 500;
	font-size: 16px;
	line-height: 180%;
}

#profile>.content .data .body .text p {
	margin-bottom: 1em;
}


footer {
	padding: 40px;
}

footer .logo {
	margin: 0 auto 32px;
	display: flex;
	justify-content: center;
}

footer .copyright {
	font-weight: 500;
	font-size: 14px;
	line-height: 180%;
	text-align: center;
}


/* MODAL */
.modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.modal[hidden] {
	display: none;
}

.modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	cursor: pointer;
}

.modal__inner {
	position: relative;
	width: min(90vw, 1280px);
	aspect-ratio: 16 / 9;
}

.modal__player {
	width: 100%;
	height: 100%;
	background: #000;
}

.modal__player iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.modal__close {
	position: absolute;
	top: -44px;
	right: 0;
	width: 32px;
	height: 32px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.modal__close::before,
.modal__close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
	background: #fff;
}

.modal__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

body.modal-open {
	overflow: hidden;
}


/* FADE IN */
.fade {
	opacity: 0;
	transition: opacity 0.3s ease;
	will-change: opacity;
}

.fade.is-visible {
	opacity: 1;
}


.mask {
	position: relative;

}

.mask::after {
	content: '';
	display: block;
	background: #000;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.5s ease, transform 0.5s ease;
	transform-origin: right center;
}

.mask.is-visible::after {
	background: linear-gradient(-135deg, #ABAEFF 0%, #5BF7FF 50%, #7B24AD 100%);
	opacity: 0;
	transform: scaleX(0);
	right: -1px;
}




@media (prefers-reduced-motion: reduce) {
	.fade {
		opacity: 1;
		transform: none;
		transition: none;
	}
}


/* PC */
@media screen and (min-width: 899px) {
	.sp {
		display: none !important;
	}
}


/* SP */
@media screen and (max-width: 900px) {

	.pc {
		display: none !important;
	}
	span.sp {
		display: block !important;
	}


	.container {
		overflow-x: hidden;
	}

	header {
		display: none;
	}


	/* KV */
	#kv {
		background: none;
		padding-bottom: 0;
	}

	#kv iframe {
		width: 100%;
		height: 100%;
		max-width: none;
	}


	/* ABOUT */

	#about {
		padding: 0;
	}

	#about>.lead {
		margin: 30px auto 30px;
		text-align: center;
	}

	#about>.lead .head {
		aspect-ratio: 375 / 180;
		margin: -40px auto 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url(/ssp/lcd/gigacrysta/images/about_bg_sp.jpg) no-repeat top center / 100%;
		padding: 0 31px 0 25px;
	}


	#about>.lead .text {
		margin-top: 10px;
		padding: 0 15px;
		font-size: 12px;
		line-height: 170%;
		text-shadow: 0px 0px 10px #000000;
	}

	#about>.body {
		padding: 0 15px;
		font-size: 14px;
		line-height: 170%;
	}


	/* MOVIE */

	#movie {
		background: url(/ssp/lcd/gigacrysta/images/movie_bg.jpg) no-repeat top center / cover;
		padding: 130px 15px 51px;
		position: relative;
	}

	#movie::after {
		display: block;
		content: '';
		width: 100%;
		height: 64px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 70%);
		z-index: 2;
	}

	#movie>.head {
		font-weight: 700;
		font-size: 38px;
		line-height: 46px;
		margin-bottom: 30px;
	}

	#movie>.body {
		aspect-ratio: 1020 / 616;
		background: url(/ssp/lcd/gigacrysta/images/movie_frame.png) no-repeat center center / cover;
		margin: 0 auto 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#movie>.text {
		font-size: 18px;
	}

	/* PRODUCT */

	#product {
		padding: 0 0 80px;
	}


	#product>.upper {
		padding: 55px 0;
	}

	#product>.upper>.head {
		font-weight: 700;
		font-size: 38px;
		line-height: 46px;
		margin-bottom: 10px;
	}

	#product>.upper>.name {
		max-width: 323px;
		padding: 0;
		margin: 0 auto 10px;
		font-weight: 700;
		font-size: 30px;
		line-height: 38px;

	}

	#product>.upper>.description {
		padding: 0 15px;
		font-size: 14px;
		margin-bottom: 20px;
	}

	#product>.upper>.images {
		margin: 0 0 0 10px;
		gap: 10%;
		justify-content: flex-end;
		padding: 0;
	}

	#product>.upper>.images::after {
		width: 25%;
		margin: 0;
	}


	#product>.upper>.images .thumbs {
		display: none;
	}

	#product>.upper>.images .main {
		width: 55%;
		min-width: 0;
		padding: 0;
		position: relative;
	}
	#product>.upper>.images .main .prev {
		content: '';
		display: block;
		width: 36px;
		height: 36px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -18px;
		margin: auto 0;
		background: url(/ssp/lcd/gigacrysta/images/product_prev.png) no-repeat center center / cover;
		z-index: 2;

	}
	#product>.upper>.images .main .next {
		content: '';
		display: block;
		width: 36px;
		height: 36px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -18px;
		margin: auto 0;
		background: url(/ssp/lcd/gigacrysta/images/product_next.png) no-repeat center center / cover;
		z-index: 2;
	}


	#product>article {
		padding: 0;
	}

	#product>article:not(:last-child) {
		margin: 0 auto 70px;
	}

	#product>article .head {
		font-size: 18px;
		padding: 24px;
		margin-bottom: 20px;
	}


	#product>article .text {
		font-size: 14px;
		line-height: 170%;
		padding: 0 15px;
		margin-bottom: 30px;
	}


	#product>article#product_panel .images {
		flex-direction: column;
		align-items: center;
		gap: 60px;
		padding: 0 15px;
	}

	#product>article#product_panel .images>div .title {
		font-weight: 500;
		font-size: 20px;
		line-height: 180%;
		padding: 2px 20px;
		width: 234px;
		background: #3D3D3D;
		border-radius: 30px;
		text-align: center;
		margin: 0 auto 25px;
	}


	#product>article#product_contrast .images {
		flex-direction: column;
		align-items: center;
		gap: 0px;
		padding: 0 37.5px;
	}

	#product>article#product_contrast .images>div .title {
		top: 10px;
		left: 10px;
		padding: 0 8px;
		font-size: 14px;
	}

	#product>article#product_oled .functions {
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		row-gap: 20px;
		padding: 0 15px;
	}

	#product>article#product_oled .functions>div {
		width: calc((100% - 20px) / 2);
		background: linear-gradient(-135deg, #ABAEFF 0%, #5BF7FF 50%, #7B24AD 100%);
	}


	#product>article#product_oled .functions>div>div {
		padding: 25px 20px;
		font-size: 18px;
		line-height: 150%;
	}

	#product>article#product_speed .images {
		flex-direction: column;
		align-items: center;
		gap: 50px;
		padding: 0 20px;
	}

	#product>article#product_speed .images>div .title {
		line-height: 100%;
		padding: 5px 20px;
	}

	#product>article#product_speed .images>div .caption {
		font-size: 16px;
		margin-top: 7px;
	}


	#product>article#product_warranty .images {
		flex-direction: column;
		align-items: center;
		gap: 30px;
		padding: 0 37.5px;
	}

	#product>article#product_button {
		padding: 0 22.5px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}




	/* PROFILE */
	#profile {
		position: relative;
		background: none;
	}

	#profile::before {
		height: 30px;
		background: linear-gradient(180deg, #000000 0, #195F8B 100%);
	}

	#profile::after {
		height: 30px;
		background: linear-gradient(0deg, #000000 0, #195F8B 90%);
	}

	#profile>.content {}

	#profile>.photo {
		position: absolute;
		top: 0;
		right: 0;
		padding: 72px 0 132px;
		width: 60%;
	}

	#profile>.photo img {
		width: 100%;
		height: auto;
	}

	#profile>.content {
		position: relative;
		margin-top: 0;
	}

	#profile>.content .data {
		padding: 0;
		margin: 30px 0;
	}

	#profile>.content .data .head {
		margin-bottom: 20px;
	}

	#profile>.content .data .body {
		margin-top: 20px;
	}

	#profile>.content .data .sp_image img {
		margin-left: auto;
	}

	#profile>.content .data .body .name {
		padding: 0 15px;

		font-weight: 700;
		font-size: 38px;
		line-height: 46px;

		text-shadow: 0px 0px 10px #2192D7, 0px 0px 30px #2192D7, 0px 0px 92.5px #2192D7, 0px 0px 58.7px #2192D7, 0px 0px 44.3px #2192D7;

	}

	#profile>.content .data .body .group {
		padding: 0 15px;
		font-weight: 700;
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 26px;
	}

	#profile>.content .data .body .text {
		padding: 0 15px;
		max-width: none;
		font-weight: 500;
		font-size: 16px;
		line-height: 180%;
	}

	#profile>.content::after {
		display: none;
	}


	footer {
		padding: 40px;
	}

	footer .logo {
		margin: 0 auto 32px;
		display: flex;
		justify-content: center;
	}

	footer .copyright {
		font-weight: 500;
		font-size: 14px;
		line-height: 180%;
		text-align: center;
	}


	/* FADE IN */
	.fade {
		opacity: 0;
		transition: opacity 0.3s ease;
		will-change: opacity;
	}

	.fade.is-visible {
		opacity: 1;
	}


	.mask {
		position: relative;

	}

	.mask::after {
		content: '';
		display: block;
		background: #000;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.5s ease, transform 0.5s ease;
		transform-origin: right center;
	}

	.mask.is-visible::after {
		background: linear-gradient(-135deg, #ABAEFF 0%, #5BF7FF 50%, #7B24AD 100%);
		opacity: 0;
		transform: scaleX(0);
		right: -1px;
	}


}