@charset "UTF-8";
@font-face {
font-family:Lato-Light;
src:url(/static/media/Lato-Light.90e1d355.ttf) format("truetype")
}
@font-face {
font-family:Lato-Regular;
src:url(/static/media/Lato-Regular.3b9b9903.ttf) format("truetype")
}
@font-face {
font-family:Lato-Black;
src:url(/static/media/Lato-Black.1233fdf1.ttf) format("truetype")
}
@font-face {
font-family:SimHei;
src:url(/static/media/simhei.e54ea8e9.ttf) format("truetype")
}
@font-face {
font-family:Hiragino Sans GB;
src:url(/static/media/HiraginoSansGB.368770ce.ttf) format("truetype")
}
@font-face {
font-family:SimSun;
src:url(/static/media/SimSun.b4a89f58.ttf) format("truetype")
}
@font-face {
font-family:UnJamoSora;
src:url(/static/media/UnJamoSora.3d954317.ttf) format("truetype")
}
@font-face {
font-family:NotoSansJP-Light;
src:url(/static/media/NotoSansJP-Light.5da08a6f.otf) format("opentype")
}
@font-face {
font-family:NotoSansJP-Regular;
src:url(/static/media/NotoSansJP-Regular.b5f8ef0c.otf) format("opentype")
}
@font-face {
font-family:NotoSansJP-Black;
src:url(/static/media/NotoSansJP-Black.2b4777cc.otf) format("opentype")
}
@font-face {
font-family:DB Heaven;
src:url("/static/media/DB Heavent v3.2.b5c8bc60.ttf") format("truetype")
}
@font-face {
font-family:DB Heaven Bold;
src:url("/static/media/DB Heavent Bd v3.2.58c493b1.ttf") format("truetype")
}
@font-face {
font-family:Nanum Gothic;
src:url(/static/media/nanum-gothic-v13-korean_latin-regular.599d371c.woff2) format("woff2"), url(/static/media/nanum-gothic-v13-korean_latin-regular.3cba37ab.woff) format("woff"), url(/static/media/nanum-gothic-v13-korean_latin-regular.cfdd00e8.ttf) format("truetype")
}
@font-face {
font-family:Nanum Gothic\ 700;
src:url(/static/media/nanum-gothic-v13-korean_latin-700.3261db46.woff2) format("woff2"), url(/static/media/nanum-gothic-v13-korean_latin-700.188ff1c7.woff) format("woff"), url(/static/media/nanum-gothic-v13-korean_latin-700.24920ac4.ttf) format("truetype")
}
@font-face {
font-family:Nanum Gothic\ 800;
src:url(/static/media/nanum-gothic-v13-korean_latin-800.2f451048.woff2) format("woff2"), url(/static/media/nanum-gothic-v13-korean_latin-800.f10d622c.woff) format("woff"), url(/static/media/nanum-gothic-v13-korean_latin-800.f2519d4c.ttf) format("truetype")
}
.btn {
	background:transparent;
	border:1px solid transparent;
	border-radius:30px;
	display:inline-block;
	font-family:inherit;
	font-size:1rem;
	line-height:1.25;
padding:.125rem 2rem;
	text-align:center;
	text-transform:uppercase;
-webkit-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	vertical-align:middle;
	cursor:pointer
}
@media (min-width:768px) {
.btn {
padding:.125rem 2.75rem
}
}
.btn:focus, .btn:hover {
	outline:none;
	text-decoration:none
}
.btn:disabled {
	border-color:#f4d3ca;
	cursor:not-allowed
}
.btn-primary {
	border-color:#de7b60;
	color:#1f1d1e
}
.btn-red {
	background:#ff647d;
	color:#fff
}
.btn-round {
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center
}
.btn-close {
	border-width:0;
	height:30px;
	padding:0;
	width:30px
}
.btn-no-border {
	border:none;
	font-weight:400
}
.btn-disabled {
	opacity:.5;
	pointer-events:none
}
.btn-gradient-border {
	background:#fff;
	background-clip:padding-box;
	box-sizing:border-box;
	border:2px solid transparent;
	color:#1f1d1e;
padding:.75rem 1.5rem;
	position:relative
}
.btn-gradient-border:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	margin:-2px;
	border-radius:inherit;
	background:-webkit-gradient(linear, left top, right top, from(#fa5586), to(#fdd99c));
	background:-webkit-linear-gradient(left, #fa5586, #fdd99c);
	background:linear-gradient(90deg, #fa5586, #fdd99c)
}
.btn-gradient-border:hover:before {
	background:-webkit-gradient(linear, right top, left top, from(#fa5586), to(#fdd99c));
	background:-webkit-linear-gradient(right, #fa5586, #fdd99c);
	background:linear-gradient(270deg, #fa5586, #fdd99c)
}
@media (min-width:768px) {
.md-btn-round {
border-radius:50%;
display:flex;
align-items:center;
justify-content:center
}
}
.list-reset {
	list-style:none;
	padding:0
}
.img-responsive {
	height:auto;
	max-width:100%
}
.img-round {
	border-radius:50%
}
.icon {
	height:25px;
	width:25px;
	margin:0 7px
}
.text-center {
	text-align:center
}
.text-small {
font-size:.75rem
}
.text-medium {
	font-size:1.25rem
}
.text-large {
	font-size:2rem
}
.hidden {
	display:none!important
}
@media (max-width:991px) {
.hidden-small {
display:none!important
}
}
@media (min-width:992px) {
.hidden-large {
display:none!important
}
}
@media (max-width:767px) {
.sm-text-center {
text-align:center
}
}
@media (min-width:768px) {
.md-text-center {
text-align:center
}
}
@media (max-width:767px) {
.sm-text-small {
font-size:.75rem
}
}
@media (min-width:768px) {
.md-text-small {
font-size:.75rem
}
}
@media (max-width:767px) {
.sm-text-medium {
font-size:1.25rem
}
}
@media (min-width:768px) {
.md-text-medium {
font-size:1.25rem
}
}
@media (max-width:767px) {
.sm-text-large {
font-size:2rem
}
}
@media (min-width:768px) {
.md-text-large {
font-size:2rem
}
}
.text-capitalize {
	text-transform:capitalize
}
.text-lowercase {
	text-transform:lowercase
}
.text-uppercase {
	text-transform:uppercase
}
.text-grey {
	color:#5c6666
}
.text-golden {
	color:#c5ab59
}
.text-white {
	color:#fff
}
.text-blue {
	color:#002f87
}
.text-bold {
	font-family:Lato-Black
}
.lang-zh .text-bold {
	font-family:Hiragino Sans GB
}
.lang-ja .text-bold {
	font-family:NotoSansJP-Black
}
.lang-ko .text-bold {
	font-family:Nanum Gothic\ 800
}
.text-decoration-none {
	text-decoration:none
}
.text-decoration-underline {
	text-decoration:underline
}
.text-th {
	font-family:DB Heaven;
	font-size:1rem
}
.text-th.text-bold {
	font-family:DB Heaven Bold
}
.display-block {
	display:block
}
.display-inline-block {
	display:inline-block
}
.display-flex {
	display:flex
}
.m-0 {
	margin:0
}
.m-1 {
margin:.25rem
}
.m-2 {
margin:.5rem
}
.m-3 {
margin:.75rem
}
.m-4 {
	margin:1rem
}
.m-5 {
	margin:1.25rem
}
.m-6 {
	margin:1.5rem
}
.m-7 {
	margin:1.75rem
}
.m-8 {
	margin:2rem
}
.ml-0 {
	margin-left:0
}
.ml-1 {
margin-left:.25rem
}
.ml-2 {
margin-left:.5rem
}
.ml-3 {
margin-left:.75rem
}
.ml-4 {
	margin-left:1rem
}
.ml-5 {
	margin-left:1.25rem
}
.ml-6 {
	margin-left:1.5rem
}
.ml-7 {
	margin-left:1.75rem
}
.ml-8 {
	margin-left:2rem
}
.mr-0 {
	margin-right:0
}
.mr-1 {
margin-right:.25rem
}
.mr-2 {
margin-right:.5rem
}
.mr-3 {
margin-right:.75rem
}
.mr-4 {
	margin-right:1rem
}
.mr-5 {
	margin-right:1.25rem
}
.mr-6 {
	margin-right:1.5rem
}
.mr-7 {
	margin-right:1.75rem
}
.mr-8 {
	margin-right:2rem
}
.mt-0 {
	margin-top:0
}
.mt-1 {
margin-top:.25rem
}
.mt-2 {
margin-top:.5rem
}
.mt-3 {
margin-top:.75rem
}
.mt-4 {
	margin-top:1rem
}
.mt-5 {
	margin-top:1.25rem
}
.mt-6 {
	margin-top:1.5rem
}
.mt-7 {
	margin-top:1.75rem
}
.mt-8 {
	margin-top:2rem
}
.mb-0 {
	margin-bottom:0
}
.mb-1 {
margin-bottom:.25rem
}
.mb-2 {
margin-bottom:.5rem
}
.mb-3 {
margin-bottom:.75rem
}
.mb-4 {
	margin-bottom:1rem
}
.mb-5 {
	margin-bottom:1.25rem
}
.mb-6 {
	margin-bottom:1.5rem
}
.mb-7 {
	margin-bottom:1.75rem
}
.mb-8 {
	margin-bottom:2rem
}
.my-0 {
	margin-top:0;
	margin-bottom:0
}
.my-1 {
margin-top:.25rem;
margin-bottom:.25rem
}
.my-2 {
margin-top:.5rem;
margin-bottom:.5rem
}
.my-3 {
margin-top:.75rem;
margin-bottom:.75rem
}
.my-4 {
	margin-top:1rem;
	margin-bottom:1rem
}
.my-5 {
	margin-top:1.25rem;
	margin-bottom:1.25rem
}
.my-6 {
	margin-top:1.5rem;
	margin-bottom:1.5rem
}
.my-7 {
	margin-top:1.75rem;
	margin-bottom:1.75rem
}
.my-8 {
	margin-top:2rem;
	margin-bottom:2rem
}
.mx-0 {
	margin-left:0;
	margin-right:0
}
.mx-1 {
margin-left:.25rem;
margin-right:.25rem
}
.mx-2 {
margin-left:.5rem;
margin-right:.5rem
}
.mx-3 {
margin-left:.75rem;
margin-right:.75rem
}
.mx-4 {
	margin-left:1rem;
	margin-right:1rem
}
.mx-5 {
	margin-left:1.25rem;
	margin-right:1.25rem
}
.mx-6 {
	margin-left:1.5rem;
	margin-right:1.5rem
}
.mx-7 {
	margin-left:1.75rem;
	margin-right:1.75rem
}
.mx-8 {
	margin-left:2rem;
	margin-right:2rem
}
.p-0 {
	padding:0
}
.p-1 {
padding:.25rem
}
.p-2 {
padding:.5rem
}
.p-3 {
padding:.75rem
}
.p-4 {
	padding:1rem
}
.p-5 {
	padding:1.25rem
}
.p-6 {
	padding:1.5rem
}
.p-7 {
	padding:1.75rem
}
.p-8 {
	padding:2rem
}
.pt-0 {
	padding-top:0
}
.pt-1 {
padding-top:.25rem
}
.pt-2 {
padding-top:.5rem
}
.pt-3 {
padding-top:.75rem
}
.pt-4 {
	padding-top:1rem
}
.pt-5 {
	padding-top:1.25rem
}
.pt-6 {
	padding-top:1.5rem
}
.pt-7 {
	padding-top:1.75rem
}
.pt-8 {
	padding-top:2rem
}
.pb-0 {
	padding-bottom:0
}
.pb-1 {
padding-bottom:.25rem
}
.pb-2 {
padding-bottom:.5rem
}
.pb-3 {
padding-bottom:.75rem
}
.pb-4 {
	padding-bottom:1rem
}
.pb-5 {
	padding-bottom:1.25rem
}
.pb-6 {
	padding-bottom:1.5rem
}
.pb-7 {
	padding-bottom:1.75rem
}
.pb-8 {
	padding-bottom:2rem
}
.py-0 {
	padding-top:0;
	padding-bottom:0
}
.py-1 {
padding-top:.25rem;
padding-bottom:.25rem
}
.py-2 {
padding-top:.5rem;
padding-bottom:.5rem
}
.py-3 {
padding-top:.75rem;
padding-bottom:.75rem
}
.py-4 {
	padding-top:1rem;
	padding-bottom:1rem
}
.py-5 {
	padding-top:1.25rem;
	padding-bottom:1.25rem
}
.py-6 {
	padding-top:1.5rem;
	padding-bottom:1.5rem
}
.py-7 {
	padding-top:1.75rem;
	padding-bottom:1.75rem
}
.py-8 {
	padding-top:2rem;
	padding-bottom:2rem
}
.pl-0 {
	padding-left:0
}
.pl-1 {
padding-left:.25rem
}
.pl-2 {
padding-left:.5rem
}
.pl-3 {
padding-left:.75rem
}
.pl-4 {
	padding-left:1rem
}
.pl-5 {
	padding-left:1.25rem
}
.pl-6 {
	padding-left:1.5rem
}
.pl-7 {
	padding-left:1.75rem
}
.pl-8 {
	padding-left:2rem
}
.pr-0 {
	padding-right:0
}
.pr-1 {
padding-right:.25rem
}
.pr-2 {
padding-right:.5rem
}
.pr-3 {
padding-right:.75rem
}
.pr-4 {
	padding-right:1rem
}
.pr-5 {
	padding-right:1.25rem
}
.pr-6 {
	padding-right:1.5rem
}
.pr-7 {
	padding-right:1.75rem
}
.pr-8 {
	padding-right:2rem
}
.px-0 {
	padding-left:0;
	padding-right:0
}
.px-1 {
padding-left:.25rem;
padding-right:.25rem
}
.px-2 {
padding-left:.5rem;
padding-right:.5rem
}
.px-3 {
padding-left:.75rem;
padding-right:.75rem
}
.px-4 {
	padding-left:1rem;
	padding-right:1rem
}
.px-5 {
	padding-left:1.25rem;
	padding-right:1.25rem
}
.px-6 {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.px-7 {
	padding-left:1.75rem;
	padding-right:1.75rem
}
.px-8 {
	padding-left:2rem;
	padding-right:2rem
}
html {
	box-sizing:border-box;
	font-family:sans-serif;
	height:100%;
	line-height:1.15;
	-webkit-text-size-adjust:100%
}
*, :after, :before {
	box-sizing:inherit
}
body {
	color:#5c6666;
	font-family:Lato-Light;
	font-size:1rem;
	height:100%;
	line-height:1.5;
	margin:0
}
body.lang-zh {
	font-family:SimHei;
	-webkit-font-feature-settings:"liga", "kern";
	font-feature-settings:"liga", "kern"
}
body.lang-zh #makePdf.pdf-content div, body.lang-zh #makePdf.pdf-content span {
	font-family:SimSun
}
body.lang-ko {
	font-family:Nanum Gothic
}
body.lang-ko #makePdf.pdf-content div, body.lang-ko #makePdf.pdf-content span {
	font-family:UnJamoSora
}
body.lang-ja {
	font-family:NotoSansJP-Light
}
body.open {
	height:100%;
	overflow:hidden;
	position:fixed;
	width:100%
}
a {
	color:#ff647d;
	display:block;
	text-decoration:none
}
a:active, a:focus, a:hover {
	outline:none;
	text-decoration:none
}
main {
	display:block;
	height:100%
}
img {
	border-style:none
}
.backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100;
	background-color:rgba(0, 0, 0, .85)
}
.confirmation-modal {
	background:#fff;
	border-radius:20px;
	border-color:#000;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:fixed;
	top:50%;
	left:50%;
	text-align:center;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:101
}
@media (min-width:567px) {
.confirmation-modal {
width:350px
}
}
@media (max-width:566px) {
.confirmation-modal {
width:90%
}
}
.confirmation-modal__access-camera {
	padding-top:2%
}
.confirmation-modal__capture-image {
	height:640px
}
.confirmation-modal__capture-image .user-image {
	border:1px solid #ff647d;
	border-radius:40px 0 40px 40px;
	height:360px;
	margin:0 auto;
	object-fit:cover;
	object-position:top;
	width:360px
}
.confirmation-modal .confirm-actions {
	display:flex;
	margin:1rem 0 0;
	border-top:1px solid grey;
	width:100%;
	justify-content:space-around;
	min-height:50px
}
.confirmation-modal .confirm-actions span {
	width:50%;
	color:#73a0cd;
	font-family:Lato-Regular;
	font-size:1.25rem;
	cursor:pointer;
	padding:5px 0
}
.lang-zh .confirmation-modal .confirm-actions span {
	font-family:Hiragino Sans GB
}
.lang-ja .confirmation-modal .confirm-actions span {
	font-family:NotoSansJP-Regular
}
.lang-ko .confirmation-modal .confirm-actions span {
	font-family:Nanum Gothic\ 700
}
.confirmation-modal .confirm-actions span.border-right {
	border-right:1px solid #1f1d1e
}
.confirmation-modal h2 {
	font-family:Lato-Light;
	line-height:1.25;
	padding:0 1.25rem;
	text-transform:uppercase
}
.lang-ja .confirmation-modal h2 {
	font-family:NotoSansJP-Light
}
.confirmation-modal .btn {
	display:inline-block;
margin:0 .625rem
}
@media (min-width:768px) {
.confirmation-modal .btn {
margin:0 1.25rem
}
}
.confirmation-modal .text-camera-pop-up {
	text-transform:none;
	color:#1f1d1e;
	font-family:Lato-Regular;
	font-size:1.75rem;
	padding:0 20px
}
.lang-zh .confirmation-modal .text-camera-pop-up {
	font-family:Hiragino Sans GB
}
.lang-ja .confirmation-modal .text-camera-pop-up {
	font-family:NotoSansJP-Regular;
	padding:0
}
.lang-ko .confirmation-modal .text-camera-pop-up {
	font-family:Nanum Gothic\ 700
}
.confirmation-modal .text-camera-pop-up-subtext {
	text-transform:none;
	color:#1f1d1e;
	font-size:1.25rem
}
@media (min-width:1600px) {
.page-wrapper {
max-width:1600px;
margin:0 auto
}
}
.main-content {
	display:flex;
	flex-direction:column
}
@media (min-width:992px) {
.main-content {
flex-direction:row
}
}
@media (min-width:992px) {
.content-wrapper {
flex:1 1 auto;
padding:4rem 0 0;
width:90%
}
}
@media (min-width:1200px) {
.content-wrapper {
flex:none;
margin-left:3.5rem;
width:80%
}
}
.component-wrapper {
	margin-left:1rem;
	margin-right:1rem
}
.menu-expanded .component-wrapper {
	margin-top:0
}
@media (min-width:768px) {
.component-wrapper {
margin:0 1rem 3rem
}
}
@media (min-width:992px) {
.component-wrapper {
margin-left:0;
margin-right:0
}
}
.SocialMediaShareButton {
	outline:none;
	cursor:pointer
}
.sticky-container {
	padding:0;
	margin:0;
	position:fixed;
	bottom:0;
	right:-3.5rem;
	z-index:10
}
.sticky li {
	background:#fff;
	border-radius:20px;
	color:#ff647d;
	cursor:pointer;
	display:flex;
	align-items:center;
	height:43px;
	list-style:none;
	margin:0;
	padding:1.25rem;
-webkit-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
@media (min-width:1024px) {
.sticky li:hover {
margin-left:-11rem
}
.sticky li:hover .icon-normal {
display:none
}
.sticky li:hover .icon-active {
display:inline-flex
}
}
.sticky .icon {
	height:40px;
	margin:0 1rem 0 0;
	width:40px
}
.sticky .icon-active {
	display:none
}
.header {
	cursor:pointer
}
@media (min-width:768px) {
.header {
display:flex;
align-items:center;
padding:7px 0 0
}
}
@media (min-width:768px) {
.header-left {
width:14%
}
}
@media (min-width:1200px) {
.header-left {
width:10%
}
}
.header-center {
	border-left:1px solid #cacaca;
	display:flex;
	padding-top:7px;
	width:65%;
	justify-content:space-between
}
@media (min-width:1200px) {
.header-center {
padding:7px 10px;
width:calc(75% - 20px)
}
}
.header-center--left {
	margin-left:25px
}
@media (min-width:1200px) {
.header-center--left {
margin-left:10px
}
}
.header-center--left a {
	color:#5c6666;
	font-family:Lato-Light;
	text-transform:uppercase
}
.header-center--right {
	display:flex
}
.header-right {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding-right:10px;
	width:21%
}
@media (min-width:1200px) {
.header-right {
justify-content:center;
padding:0 10px;
width:calc(15% - 20px)
}
}
.header-right span {
	color:#ff647d;
	margin-right:10px;
	text-transform:uppercase
}
@media (min-width:1200px) {
.header-right .icon {
height:40px;
width:40px
}
}
.header .logo img {
	width:90px;
	margin-left:15px
}
.header-mobile {
	display:flex;
	align-items:center;
	justify-content:space-between;
margin:.25rem .625rem
}
.header-mobile .logo img {
	height:50px
}
.header-mobile .header-icons {
	display:flex;
	align-items:center;
	margin-top:7px
}
.header-mobile .menu-drawer {
	background:#fff;
	position:fixed;
	left:-16.25rem;
	z-index:100;
	top:0;
	width:16.25rem;
	height:100%;
-webkit-transition:left .6s cubic-bezier(.19, 1, .22, 1);
transition:left .6s cubic-bezier(.19, 1, .22, 1)
}
.header-mobile .menu-drawer.show {
	left:0
}
.header-mobile .user-info {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.header-mobile .user-info .img-round {
	border:2px solid #ff647d;
	height:170px;
	margin:1.75rem 0;
	width:170px
}
.header-mobile .user-info .name {
	font-family:Lato-Light;
	text-transform:uppercase;
	margin-bottom:1.5rem
}
.header-mobile .links {
	background:#ff647d;
	height:100%;
	position:absolute;
	width:100%
}
.footer {
	background:#8e8e90;
	color:#fff
}
.footer-row {
	border-bottom:1px solid #2d2f2f;
	padding:1.25rem 0
}
.footer-row.footer-bottom {
	border:0
}
.footer-row .container {
	padding:0 1rem
}
@media (min-width:768px) {
.footer-row .container {
margin:0 auto;
max-width:1200px
}
}
.social-links {
	flex-wrap:wrap
}
.social-item, .social-links {
	display:flex;
	justify-content:center
}
.social-item {
	align-items:center;
	margin:1.25rem;
	min-height:50px;
	position:relative;
	width:calc(25% - 2.5rem)
}
@media (min-width:768px) {
.social-item {
margin:0 2rem;
width:calc(25% - 4rem)
}
}
@media (min-width:992px) {
.social-item {
width:60px
}
}
.social-item .icon {
	height:auto;
	width:30px;
	margin:0
}
.social-item--facebook .icon {
	height:40px;
	width:40px
}
.social-item--youtube .icon {
	width:60px
}
.social-item--wechat svg {
	vertical-align:middle
}
.social-item--wechat .qr-code {
	height:100px;
	display:none;
margin-left:.625rem;
	width:100px
}
.social-item--wechat .qr-code img {
	height:100%;
	object-fit:cover;
	width:100%
}
.social-item--wechat:hover .qr-code {
	display:inline-block;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:1
}
.social-item-link {
	color:#fff;
	cursor:pointer
}
.social-item-link:hover {
	color:#c1c7cf
}
.links-label {
margin-bottom:.625rem
}
.footer-links {
	margin:0
}
.footer-links li {
margin-top:.625rem
}
.footer-links a {
	color:#fff;
	cursor:pointer;
	display:inline;
	display:initial;
	font-family:Lato-Regular;
	text-transform:uppercase
}
.lang-zh .footer-links a {
	font-family:SimHei;
font-size:.875rem
}
.lang-ja .footer-links a {
	font-family:NotoSansJP-Regular
}
.lang-ko .footer-links a {
	font-family:Nanum Gothic
}
.footer-links a:hover {
	color:#fff
}
.footer-links a span {
margin-right:.3125rem
}
.side-menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding-top:1rem
}
@media (min-width:567px) {
.side-menu {
padding-left:.5rem;
padding-right:.5rem
}
}
@media (min-width:992px) {
.side-menu {
flex-direction:column;
justify-content:flex-start;
padding:.625rem 0 0
}
}
.menu-expanded .side-menu .logo {
	background-color:#fff;
	width:70%
}
.side-menu .logo img {
	width:90px;
	margin-left:10px
}
@media (min-width:1200px) {
.side-menu .logo img {
margin-left:15px
}
}
.side-menu .fa-power-off, .side-menu .icon {
	display:inline-block;
	height:30px;
	margin:0 3px;
	vertical-align:middle;
	width:30px
}
@media (min-width:768px) {
.side-menu .fa-power-off, .side-menu .icon {
height:35px;
margin:0 5px;
width:35px
}
}
.side-menu-items {
	display:flex;
	flex-direction:row;
	align-items:center;
	margin:0;
	overflow:hidden
}
.side-menu-items.expanded {
	overflow-x:visible;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.side-menu-items.expanded::-webkit-scrollbar {
width:0
}
.side-menu-items.expanded .side-menu--item {
	flex:none
}
@media (min-width:992px) {
.side-menu-items {
flex-direction:column;
overflow:visible
}
}
.side-menu--item {
padding:.625rem .3125rem;
	position:relative;
	text-align:center
}
@media (max-width:991px) {
.side-menu--item {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:46px
}
}
@media (min-width:992px) {
.side-menu--item {
margin:.3125rem 0;
width:auto
}
}
.side-menu--item-vm .icon {
	width:auto
}
@media (min-width:991px) {
.side-menu--item-vm .icon {
margin-left:.625rem;
width:35px
}
}
.side-menu--item.dropdown {
	position:relative
}
.side-menu--item.dropdown ul {
	background:#fff;
	box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);
padding:.625rem;
	position:absolute;
	right:0;
	z-index:10
}
.side-menu--item.dropdown ul li {
margin:.625rem 0
}
.side-menu--item .tooltip {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARkAAAApCAYAAAABHV0OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgyMzkyRjY1QTE2NzExRTk4OTlGRTQ4MjAyOTVCRDVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgyMzkyRjY2QTE2NzExRTk4OTlGRTQ4MjAyOTVCRDVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODIzOTJGNjNBMTY3MTFFOTg5OUZFNDgyMDI5NUJENUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODIzOTJGNjRBMTY3MTFFOTg5OUZFNDgyMDI5NUJENUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6jc5cxAAACRElEQVR42uzd0XHaMAAGYMvXARiBPtEtYARGCMkA7SgwQI9uAJ2gMEafygi88RZXauBiE9tAg57yfXc6jJFlSyb/CeshobjC4eevQXyZxjKOZRLL8OWTqlkxtBwcqp6Wj5+F0GwrdNV5fR/a2jqr03lN/33+C325eP7qbEfVeo2hra3zflTV232huKH/3XVCV186+9tznaG6+fyN233V+fvaajk+NPeHtvt0Vf+Li20373nVUeftvQut57/cl/b+337+tu/8scoulk3cv42v6/LL4/5SfvT+CR7Wmxgu1be4+TXWHPR+UYSMkBEyHyFk6vX2cecibs/L0dP+5pCJAZNmLstYBp0DKmSEjJD5yCFzaisFzCwGzbptpMqOgEnhsnoJGIBeKSdWz7+/L68KmcPqX8A8GDfgRg9tQVMKGCBn0JS1gJkKGOBOQTNthMxhtU2/qZbGBriTZQyaQX0mk5apPeQF7mVwzJUiHGcxf4qieg2ZtmUwS9iFJeyu/vZcpyXs4gMsYXeNUVra/pxmMlOzGCDTbGZaVkU1NhZAJuM0k5kYByCTSQqZoXEAMhmWxgDIScgAQgYQMgBCBhAygJABEDKAkAGEDICQAYQMIGQAhAwgZABqdkIGyGkjZICctkIGyCX9t4L1J+MA5BEW5ehpbyYD5JrFzNOGkAFymKVZjJABcvgRA2Z9eiNkgHsHzKy+Q8gA2QImsboEvFd69jKr/0QSMsC9wmURy/z0kFfIAO+1i2UTyzaWdTl63F864K8AAwAAaimn6PFqBgAAAABJRU5ErkJggg==);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	border-radius:5px 5px 5px 0;
	bottom:0;
	color:#fff;
font-size:.75rem;
	overflow:hidden;
	position:absolute;
	text-transform:uppercase;
-webkit-transition:.5s;
transition:.5s;
	white-space:nowrap;
	width:0
}
.side-menu--link {
	cursor:pointer;
	height:100%;
	position:relative
}
@media (hover:hover) {
.side-menu--link:hover .icon-normal {
display:none
}
.side-menu--link:hover .icon-active {
display:inline-block
}
}
@media (hover:hover) {
.side-menu--link:hover .tooltip {
overflow:visible;
width:170px;
z-index:1
}
}
.side-menu--link .icon-active {
	display:none
}
.side-menu--link.active .icon-active {
	display:inline-block
}
.side-menu--link.active .icon-normal {
	display:none
}
@media (min-width:567px) and (max-width:767px) {
.home-component .component-wrapper {
margin:1rem auto 0;
max-width:480px
}
}
@media (min-width:768px) and (max-width:991px) {
.home-component .component-wrapper {
margin-bottom:0
}
}
.home-component .cards {
	display:flex;
	flex-direction:column;
	justify-content:center
}
.lang-ja .home-component .cards, .lang-ko .home-component .cards, .lang-zh .home-component .cards {
	justify-content:space-between
}
@media (min-width:992px) {
.home-component .cards {
flex-direction:row
}
}
.home-component .card-item {
	cursor:pointer;
margin-bottom:.5rem;
	position:relative;
	width:100%
}
@media (min-width:992px) {
.home-component .card-item {
margin:0 .625rem;
width:calc(50% - 1.25rem)
}
}
@media (min-width:1200px) {
.home-component .card-item {
margin:0 30px;
width:40.5%
}
}
@media (min-width:992px) {
.lang-ja .home-component .card-item, .lang-ko .home-component .card-item {
margin:0 10px 0 0;
width:calc(50% - 10px)
}
}
@media (min-width:1200px) {
.lang-zh .home-component .card-item--left {
margin:0;
width:50%
}
}
@media (min-width:992px) {
.lang-zh .home-component .card-item--left .card-image {
height:330px;
object-position:right
}
}
@media (min-width:1200px) {
.lang-zh .home-component .card-item--left .card-image {
height:100%;
object-position:center;
width:100%!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.lang-zh .home-component .card-item--right .card--quiz .card-image {
height:180px
}
}
@media (min-width:992px) and (max-width:1199px) {
.lang-zh .home-component .card-item--right .card--promo .card-image {
height:130px
}
}
.home-component .card-item--multiple {
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.home-component .card-item--multiple .card-image {
	object-fit:contain
}
@media (min-width:400px) {
.home-component .card-item--multiple .card-image {
object-fit:cover
}
}
.home-component .card-item--multiple .card--quiz .card-body, .home-component .card-item--multiple .card--quiz .card-image {
	border-radius:30px 30px 30px 0
}
.home-component .card-item--multiple .card--quiz .card-title {
	font-size:1.25rem;
	left:2.25rem;
top:.5rem;
	width:30%
}
@media (min-width:360px) {
.home-component .card-item--multiple .card--quiz .card-title {
top:1rem
}
}
@media (min-width:992px) {
.home-component .card-item--multiple .card--quiz .card-title {
left:3.6rem
}
}
body:not(.lang-ja):not(.lang-zh):not(.lang-ko) .home-component .card-item:not(.card-item--multiple) .card-body {
height:340px;
position:relative
}
@media (min-width:768px) {
body:not(.lang-ja):not(.lang-zh):not(.lang-ko) .home-component .card-item:not(.card-item--multiple) .card-body {
height:440px
}
}
@media (min-width:992px) {
body:not(.lang-ja):not(.lang-zh):not(.lang-ko) .home-component .card-item:not(.card-item--multiple) .card-body {
height:400px
}
}
@media (min-width:1440px) {
body:not(.lang-ja):not(.lang-zh):not(.lang-ko) .home-component .card-item:not(.card-item--multiple) .card-body {
height:470px
}
}
@media (min-width:992px) {
body:not(.lang-ja):not(.lang-ko) .home-component .card-item:not(.card-item--multiple) .card-image {
width:auto
}
}
.home-component .card {
	display:flex;
	flex-direction:column;
	justify-content:center;
	line-height:1.25;
margin-bottom:.5rem
}
@media (min-width:992px) {
.home-component .card {
line-height:1.1;
margin-bottom:0
}
}
.home-component .card--vm .card-title {
	color:#1f1d1e;
	font-family:Lato-Regular;
	font-size:2rem;
padding:.625rem;
	position:absolute;
	top:7.5rem;
	width:55%
}
.lang-ko .home-component .card--vm .card-title {
	font-family:Nanum Gothic;
	width:50%
}
@media (min-width:400px) and (max-width:767px) {
.lang-ko .home-component .card--vm .card-title {
width:40%
}
}
@media (min-width:768px) and (max-width:991px) {
.lang-ko .home-component .card--vm .card-title {
width:29%
}
}
.lang-th .home-component .card--vm .card-title {
	font-size:1.25rem;
	top:10rem
}
@media (min-width:360px) {
.lang-th .home-component .card--vm .card-title {
font-size:1.5rem
}
}
@media (min-width:567px) and (max-width:767px) {
.lang-th .home-component .card--vm .card-title {
top:8rem
}
}
@media (min-width:768px) {
.lang-th .home-component .card--vm .card-title {
font-size:2rem
}
}
@media (min-width:400px) {
.home-component .card--vm .card-title {
width:50%
}
}
@media (min-width:567px) {
.home-component .card--vm .card-title {
padding:1.25rem;
top:5rem;
width:45%
}
}
@media (min-width:768px) {
.home-component .card--vm .card-title {
font-size:2.5rem;
top:10rem;
width:50%
}
}
@media (min-width:992px) and (max-width:1366px) {
.home-component .card--vm .card-title {
width:60%
}
}
.home-component .card--vm .card-subtitle {
	color:#1f1d1e;
	font-family:Lato-Regular;
padding:.625rem;
	position:absolute;
	text-transform:uppercase;
	top:16rem
}
@media (min-width:567px) {
.home-component .card--vm .card-subtitle {
padding:1.25rem;
top:14rem
}
}
@media (min-width:768px) {
.home-component .card--vm .card-subtitle {
top:19rem
}
}
.lang-ko .home-component .card--vm .card-subtitle {
	font-family:Nanum Gothic
}
.home-component .card--quiz .card-title {
	color:#5c6666;
	font-family:Lato-Regular;
	font-size:1.75rem;
	left:2rem;
	position:absolute;
	top:2rem;
	width:40%
}
.lang-ko .home-component .card--quiz .card-title {
	font-family:Nanum Gothic
}
@media (max-width:567px) {
.lang-ko .home-component .card--quiz .card-title {
font-size:.875rem
}
}
.lang-zh .home-component .card--quiz .card-title {
	font-family:Hiragino Sans GB;
font-size:.625rem;
	width:25%
}
@media (min-width:768px) {
.home-component .card--quiz .card-title {
left:4.5rem;
top:4rem
}
body:not(.lang-ja) .home-component .card--quiz .card-title {
width:25%
}
body.lang-zh .home-component .card--quiz .card-title {
font-size:1rem
}
}
@media (min-width:992px) {
.home-component .card--quiz .card-title {
left:2.5rem
}
}
@media (min-width:1200px) and (max-width:1280px) {
body.lang-zh .home-component .card--quiz .card-title {
width:20%
}
}
.home-component .card-image {
	object-fit:cover;
	height:100%;
	width:100%
}
@media (min-width:992px) {
.frame-component {
margin-top:-3rem;
width:97%
}
}
.frame-component .result-items {
	min-height:380px;
	position:relative
}
@media (max-width:320px) {
.frame-component .result-items {
margin-left:-1rem;
margin-right:-1rem
}
}
@media (min-width:768px) {
.frame-component .result-items {
min-height:360px
}
}
@media (min-width:992px) {
.frame-component .result-items {
min-height:410px
}
}
.frame-component #TNB-module>div {
	margin:0 auto
}
.frame-component .shades {
	display:flex;
	align-items:center;
	justify-content:start;
	height:55px;
	margin:0 -1rem;
	overflow:auto;
	scrollbar-width:none
}
.frame-component .shades::-webkit-scrollbar {
display:none
}
@media (min-width:480px) {
.frame-component .shades:not(.shades--eyeshadow):not(.shades--lipstick) {
justify-content:center
}
}
@media (min-width:640px) {
.frame-component .shades:not(.shades--eyeshadow) {
justify-content:center
}
}
@media (min-width:768px) {
.frame-component .shades {
margin-left:0;
margin-right:0
}
}
@media (min-width:992px) {
.frame-component .shades {
justify-content:center
}
}
.frame-component .shades--mascara {
	justify-content:center
}
.frame-component .shades .shade-item {
	border:2px solid transparent;
	border-radius:50%;
	cursor:pointer;
	display:inline-block;
	line-height:0
}
.frame-component .shades .shade-item.active {
	border-color:#ff647d
}
.frame-component .shades .shade-item--mascara {
	border-color:#8e8e90;
margin:0 .5rem;
	padding:0
}
.frame-component .shades .shade-item--eyeshadow {
	background-color:#1f1d1e;
	border-radius:4px;
	display:flex;
	align-items:center
}
.frame-component .shades .shade-item--eyeshadow .shade-color {
	border:1px solid;
	height:20px;
margin-right:.5rem;
	width:20px
}
.frame-component .shades .shade-color {
	border-radius:50%;
	display:block;
	height:30px;
	width:30px
}
.frame-component .shades .shade-img {
	height:40px
}
.frame-component .image-capture {
	min-height:380px
}
@media (min-width:768px) {
.frame-component .image-capture {
min-height:520px
}
}
@media (min-width:1024px) {
.frame-component .image-capture {
min-height:380px
}
}
.frame-component .image-capture .user-image {
	border-radius:40px 0 40px 40px;
	height:100%;
	opacity:.5;
	object-fit:cover;
	object-position:top;
	width:100%
}
.frame-component .image-capture .capture-actions {
	display:flex;
	align-items:center;
	padding:0 3rem;
	position:absolute;
	bottom:30px
}
.frame-component .image-capture .capture-actions span {
	color:#fff;
	flex:2 1;
	font-family:Lato-Light;
	text-transform:uppercase;
	line-height:1.25
}
.frame-component .image-capture .capture-actions .icon {
	flex:1 1
}
.quiz-component {
	margin:1.25rem 1rem
}
@media (min-width:768px) {
.quiz-component {
margin-left:2.5rem;
margin-right:2.5rem
}
}
@media (min-width:992px) {
.quiz-component {
margin:1.25rem 1rem 0
}
}
.quiz-component .component-wrapper {
	margin-left:0;
	margin-right:0;
	background-image:url(/static/media/MASTER-BG-TEMPLATE.9a417b0b.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:0 0 4px 4px rgba(0, 0, 0, .25)
}
@media (min-width:768px) {
.quiz-component .component-wrapper {
background-size:cover
}
}
.quiz-component h2 {
	font-size:1rem;
	margin:0;
	text-transform:uppercase;
padding:.725rem 2.25rem
}
@media (min-width:768px) {
.quiz-component h2 {
font-size:2rem;
padding:2rem 5rem
}
}
@media (min-width:992px) {
.quiz-component h2 {
padding:.725rem 2.75rem
}
}
.quiz-component .quiz-items {
	background:#fff;
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	padding:2rem 1rem 0
}
@media (min-width:567px) {
.quiz-component .quiz-items {
padding-left:3rem;
padding-right:3rem;
border-top-right-radius:40px;
border-top-left-radius:40px
}
}
.quiz-component .quiz-items:not(.quiz-items--custom):not(.quiz-items--result) {
display:flex;
flex-direction:column;
align-items:center
}
@media (min-width:992px) {
.quiz-component .quiz-items:not(.quiz-items--custom):not(.quiz-items--result) {
flex-direction:row;
align-items:center;
justify-content:space-around
}
}
@media (min-width:768px) {
.quiz-component .quiz-items--custom {
padding-left:0;
padding-right:0
}
}
.quiz-component .quiz-items--custom .quiz-items-wrapper {
	display:flex;
	flex-direction:column
}
@media (min-width:768px) {
.quiz-component .quiz-items--custom .quiz-items-wrapper {
flex-direction:row;
padding-left:0;
padding-right:0
}
}
.quiz-component .quiz-items--custom .quiz-col {
	width:100%
}
@media (min-width:768px) {
.quiz-component .quiz-items--custom .quiz-col {
margin:0 1.25rem;
width:calc(50% - 2.5rem)
}
}
@media (min-width:992px) {
.quiz-component .quiz-items--custom .quiz-col {
margin:0 1.875rem;
width:calc(50% - 3.75rem)
}
}
.quiz-component .quiz-items--custom .quiz-item {
	min-height:200px
}
.quiz-component .quiz-items--custom .img-question {
	display:inline-block;
	height:50px;
	vertical-align:bottom
}
.quiz-component .quiz-items--custom .options {
	display:flex;
	justify-content:start;
	overflow:auto;
	scrollbar-width:none
}
.quiz-component .quiz-items--custom .options::-webkit-scrollbar {
display:none
}
@media (min-width:567px) {
.quiz-component .quiz-items--custom .options {
overflow:hidden
}
}
.quiz-component .quiz-items--custom .options input[type=radio] {
	height:0;
	opacity:0;
	position:absolute;
	width:0
}
.quiz-component .quiz-items--custom .options input[type=radio]:checked+.option-item--labels:before {
	content:"✓";
	display:block;
	width:2rem;
	color:#ff647d;
	font-size:3rem;
	font-weight:700;
	line-height:1rem;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:1
}
.quiz-component .quiz-items--custom .options input[type=radio]:checked+.option-item--labels .option-img, .quiz-component .quiz-items--custom .options input[type=radio]:checked+.option-item--labels .option-label {
	opacity:.5
}
.quiz-component .quiz-items--custom .option-item {
	flex:none;
	width:42%
}
@media (min-width:420px) {
.quiz-component .quiz-items--custom .option-item {
flex:1 1;
width:auto
}
}
.quiz-component .quiz-items--custom .option-item--labels {
	border-radius:5px;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:100%;
	position:relative
}
.quiz-component .quiz-items--custom .option-item--labels .option-img, .quiz-component .quiz-items--custom .option-item--labels .option-label {
	opacity:1
}
.quiz-component .quiz-items--result .btn {
	border-radius:10px;
	text-transform:uppercase;
padding:.625rem 1.25rem
}
@media (max-width:767px) {
.quiz-component .quiz-items .quiz-item .hair-quiz-template {
margin:1.875rem 0
}
}
.quiz-component .quiz-items .quiz-item__colors {
	width:100%
}
@media (min-width:992px) {
.quiz-component .quiz-items .quiz-item__colors {
padding:0 1rem;
margin:.625rem 0;
width:50%
}
}
.quiz-component .quiz-items .quiz-item__colors h3 {
	margin:0
}
@media (min-width:768px) {
.quiz-component .quiz-items .quiz-item__colors h3 {
margin:1.25rem 0 2rem
}
}
@media (min-width:992px) {
.quiz-component .quiz-items .quiz-item__selected {
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
width:25%
}
}
.quiz-component .quiz-items .quiz-item__selected .quiz-item-selected-hair, .quiz-component .quiz-items .quiz-item__selected .quiz-item-selected-skin {
	min-height:130px
}
.quiz-component .quiz-items .quiz-item__selected .quiz-item-selected-hair img, .quiz-component .quiz-items .quiz-item__selected .quiz-item-selected-skin img {
	height:100px;
	width:100px;
	margin-top:20px;
	border-radius:25px 25px 25px 0
}
.quiz-component .quiz-items .quiz-item__selected .quiz-item-selected-hair {
	margin-left:-5rem
}
.quiz-component .quiz-items .quiz-item__selected .quiz-item-selected-skin {
	margin-left:5rem
}
.quiz-component .quiz-items .quiz-item__next {
	display:flex;
	align-items:center;
	justify-content:center
}
.quiz-component .quiz-items .quiz-item__next.next-hair~.next-skin, .quiz-component .quiz-items .quiz-item__next.next-hair~.quiz-item-selected-skin {
display:none
}
.quiz-component .quiz-items .quiz-item__next .btn {
	border-radius:10px;
	text-transform:uppercase;
padding:.75rem 1.5rem
}
@media (min-width:992px) {
.quiz-component .quiz-items .quiz-item__next .btn {
margin-top:1.25rem
}
}
.quiz-component .list-colors {
	display:flex;
	align-items:center;
	margin-top:0;
	flex-wrap:wrap;
	justify-content:space-around
}
.quiz-component .list-colors .li {
	width:30%!important
}
.quiz-component .list-color-item {
	border-radius:4px;
	width:30%
}
@media (max-width:768px) {
.quiz-component .list-color-item {
-webkit-transform:scale(.9);
transform:scale(.9)
}
}
@media (min-width:768px) {
.quiz-component .list-color-item {
margin-bottom:10%
}
}
.quiz-component .list-color-item a {
	cursor:pointer
}
.quiz-component .list-color-item img {
	width:100px;
	border-radius:25px 25px 25px 0;
	margin:0 10px 0 auto
}
.quiz-component .list-color-item.active img {
	box-shadow:0 0 4px 0 rgba(0, 0, 0, .25)
}
@media (max-width:767px) {
.quiz-component .list-color-item.active {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.select-lens-component .captured-image {
	border-radius:40px 0 40px 40px;
	box-shadow:0 0 4px 4px rgba(0, 0, 0, .25);
	height:430px;
	margin:0 auto 2.5rem;
	position:relative;
	width:394px
}
.select-lens-component .captured-image .user-image {
	border-radius:40px 0 40px 40px;
	height:100%;
	object-fit:cover;
	object-position:top;
	width:100%
}
.list-wrapper {
	display:flex;
	justify-content:center;
	overflow:auto;
	scrollbar-width:none;
margin:.625rem 0
}
.list-wrapper::-webkit-scrollbar {
display:none
}
@media (max-width:767px) and (orientation:landscape) {
.list-wrapper {
justify-content:center;
margin-left:0;
margin-right:0
}
}
@media (max-width:767px) and (orientation:portrait) {
.list-wrapper {
justify-content:start;
margin-left:-1rem;
margin-right:-1rem
}
}
.lens-item {
	cursor:pointer;
	margin:0;
	min-width:67px;
	text-align:center
}
@media (min-width:768px) {
.lens-item {
margin-left:1rem;
margin-right:1rem
}
}
@media (max-width:767px) and (orientation:portrait) {
.lens-item:first-of-type {
margin-left:.5rem
}
}
.lens-item.active {
	background-image:url(data:image/png;base64,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);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100% 100%;
	border:1px solid #fbf9c3;
	border-radius:13px;
	height:115px;
	min-width:115px
}
@media (min-width:768px) {
.lens-item.active {
min-width:125px
}
}
.lens-item.active .lens-image {
	margin-top:0
}
.lens-item.recommended:not(.active) {
margin-top:2rem
}
.lens-item.recommended:not(.active) .lens-image {
margin-top:.125rem
}
.lens-item.recommended .icon {
	opacity:1
}
.lens-item .item-variant {
	display:flex;
	flex-direction:column;
	align-items:center
}
.lens-item .lens-name {
	color:#fff;
margin:.625rem 0 .3125rem;
	font-family:Lato-Regular
}
.lens-item .lens-name.contains-sub, .lens-item .lens-name.contains-sup {
margin-bottom:.1875rem
}
.lang-zh .lens-item .lens-name {
	font-family:SimHei
}
.lang-ja .lens-item .lens-name {
	font-family:NotoSansJP-Regular;
	letter-spacing:-3px
}
@media (min-width:768px) {
.lang-ja .lens-item .lens-name {
letter-spacing:-2px
}
}
.lang-ko .lens-item .lens-name {
	font-family:Nanum Gothic
}
.lens-item .lens-image {
	display:flex;
	flex-direction:column;
	margin-top:2.125rem
}
.lens-item .lens-image img:not(.icon) {
height:50px
}
@media (min-width:768px) {
.lens-item .lens-image img:not(.icon) {
height:60px
}
}
.lens-item .icon {
	height:15px;
	width:15px;
	opacity:0
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes container-rotate {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
25% {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
37.5% {
-webkit-transform:rotate(405deg);
transform:rotate(405deg)
}
50% {
-webkit-transform:rotate(540deg);
transform:rotate(540deg)
}
62.5% {
-webkit-transform:rotate(675deg);
transform:rotate(675deg)
}
75% {
-webkit-transform:rotate(810deg);
transform:rotate(810deg)
}
87.5% {
-webkit-transform:rotate(945deg);
transform:rotate(945deg)
}
to {
	-webkit-transform:rotate(3turn);
	transform:rotate(3turn)
}
}
@keyframes fill-unfill-rotate {
12.5% {
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
25% {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
37.5% {
-webkit-transform:rotate(405deg);
transform:rotate(405deg)
}
50% {
-webkit-transform:rotate(540deg);
transform:rotate(540deg)
}
62.5% {
-webkit-transform:rotate(675deg);
transform:rotate(675deg)
}
75% {
-webkit-transform:rotate(810deg);
transform:rotate(810deg)
}
87.5% {
-webkit-transform:rotate(945deg);
transform:rotate(945deg)
}
to {
	-webkit-transform:rotate(3turn);
	transform:rotate(3turn)
}
}
@-webkit-keyframes left-spin {
0% {
-webkit-transform:rotate(130deg);
transform:rotate(130deg)
}
50% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(130deg);
	transform:rotate(130deg)
}
}
@keyframes left-spin {
0% {
-webkit-transform:rotate(130deg);
transform:rotate(130deg)
}
50% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(130deg);
	transform:rotate(130deg)
}
}
@-webkit-keyframes right-spin {
0% {
-webkit-transform:rotate(-130deg);
transform:rotate(-130deg)
}
50% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
to {
	-webkit-transform:rotate(-130deg);
	transform:rotate(-130deg)
}
}
@keyframes right-spin {
0% {
-webkit-transform:rotate(-130deg);
transform:rotate(-130deg)
}
50% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
to {
	-webkit-transform:rotate(-130deg);
	transform:rotate(-130deg)
}
}
.loader {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:10
}
.spinner-wrapper {
	display:inline-block;
	position:relative;
	width:6rem;
	height:6rem;
	font-size:0
}
.spinner-wrapper.active {
	-webkit-animation:container-rotate 1568ms linear infinite;
	animation:container-rotate 1568ms linear infinite
}
.spinner-wrapper.active .spinner-layer {
	opacity:1;
	-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation:fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.spinner-wrapper.active .circle-clipper.left .circle {
	-webkit-animation:left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation:left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.spinner-wrapper.active .circle-clipper.right .circle {
	-webkit-animation:right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation:right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.spinner-wrapper .spinner-layer {
	border-color:#4285f4;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0
}
.spinner-wrapper .spinner-layer .circle-clipper {
	display:inline-block;
	position:relative;
	width:50%;
	height:100%;
	overflow:hidden;
	border-color:inherit
}
.spinner-wrapper .spinner-layer .circle-clipper.left .circle {
	left:0;
	border-right-color:transparent!important;
	-webkit-transform:rotate(129deg);
	transform:rotate(129deg)
}
.spinner-wrapper .spinner-layer .circle-clipper.right .circle {
	left:-100%;
	border-left-color:transparent!important;
	-webkit-transform:rotate(-129deg);
	transform:rotate(-129deg)
}
.spinner-wrapper .spinner-layer .circle-clipper .circle {
	width:200%;
	height:100%;
border:.1875rem solid;
	border-color:inherit;
	border-bottom-color:transparent!important;
	border-radius:50%;
	-webkit-animation:none;
	animation:none;
	position:absolute;
	top:0;
	right:0;
	bottom:0
}
.spinner-wrapper .spinner-layer .gap-patch {
	position:absolute;
	top:0;
	left:45%;
	width:10%;
	height:100%;
	overflow:hidden;
	border-color:inherit
}
.spinner-wrapper .spinner-layer .gap-patch .circle {
	width:1000%;
	left:-450%
}
.login-component {
	width:100%
}
.login-component+.content-wrapper {
	display:none
}
.login-form {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:300px
}
@media (min-width:768px) {
.login-form {
background:#fff;
border-top-left-radius:40px;
border-bottom-right-radius:40px;
box-shadow:0 0 4px 4px rgba(0, 0, 0, .25);
margin:5rem auto;
width:80%
}
}
@media (min-width:1200px) {
.login-form {
width:60%
}
}
.login-form .form-item {
	display:flex;
	flex-direction:column;
	margin:1.25rem 0;
	width:100%
}
@media (min-width:768px) {
.login-form .form-item {
flex-direction:row;
width:auto
}
}
.login-form .form-item label {
	font-size:1.25rem;
	font-family:Lato-Light;
margin-bottom:.625rem;
	min-width:130px;
	text-transform:uppercase
}
.login-form .form-item .form-control {
	border:1px solid #cfcfcf;
	border-radius:4px;
	padding:10px
}
@media (min-width:768px) {
.login-form .form-item .form-control {
width:360px
}
}
.slick-slider {
	box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list, .slick-slider {
	position:relative;
	display:block
}
.slick-list {
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:none
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.slick-track {
	position:relative;
	left:0;
	top:0;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.slick-track:after, .slick-track:before {
	content:"";
	display:table
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	float:left;
	height:100%;
	min-height:1px;
	display:none
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}
.slick-loading .slick-list {
	background:#fff url(data:image/gif;base64,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) 50% no-repeat
}
@font-face {
font-family:slick;
src:url(/static/media/slick.ced611da.eot);
src:url(/static/media/slick.ced611da.eot?#iefix) format("embedded-opentype"), url(/static/media/slick.b7c9e1e4.woff) format("woff"), url(/static/media/slick.d41f55a7.ttf) format("truetype"), url(/static/media/slick.f97e3bbf.svg#slick) format("svg");
font-weight:400;
font-style:normal
}
.slick-next, .slick-prev {
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:0;
	border:none
}
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
	background:transparent;
	color:transparent;
	outline:none
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity:1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity:.25
}
.slick-next:before, .slick-prev:before {
	font-family:slick;
	font-size:20px;
	line-height:1;
	color:#000;
	opacity:.75;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.slick-prev {
	left:-25px
}
[dir=rtl] .slick-prev {
	left:auto;
	right:-25px
}
.slick-prev:before {
	content:"←"
}
[dir=rtl] .slick-prev:before {
	content:"→"
}
.slick-next {
	right:-25px
}
[dir=rtl] .slick-next {
	left:-25px;
	right:auto
}
.slick-next:before {
	content:"→"
}
[dir=rtl] .slick-next:before {
	content:"←"
}
.slick-dotted.slick-slider {
	margin-bottom:30px
}
.slick-dots {
	position:absolute;
	bottom:-25px;
	list-style:none;
	display:block;
	text-align:center;
	padding:0;
	margin:0;
	width:100%
}
.slick-dots li {
	position:relative;
	display:inline-block;
	margin:0 5px;
	padding:0
}
.slick-dots li, .slick-dots li button {
	height:20px;
	width:20px;
	cursor:pointer
}
.slick-dots li button {
	border:0;
	background:transparent;
	display:block;
	outline:none;
	line-height:0;
	font-size:0;
	color:transparent;
	padding:5px
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline:none
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity:1
}
.slick-dots li button:before {
	position:absolute;
	top:0;
	left:0;
	content:"•";
	width:20px;
	height:20px;
	font-family:slick;
	font-size:6px;
	line-height:20px;
	text-align:center;
	color:#000;
	opacity:.25;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
	color:#000;
	opacity:.75
}
.frame-component .slick-slider:not(.slick-slider--makeup) .slick-slide {
height:auto
}
@media (max-width:359px) {
.frame-component .slick-slider:not(.slick-slider--makeup) .slick-slide {
width:135px!important
}
}
@media (min-width:360px) and (max-width:480px) {
.frame-component .slick-slider:not(.slick-slider--makeup) .slick-slide {
margin:0 -.025rem
}
}
@media (min-width:360px) and (max-width:480px) {
.frame-component .slick-slider--makeup .slick-slide {
margin:0 -.125rem
}
}
.slick-slide>div:focus {
	outline:none
}
.slick-active {
	height:auto!important
}
.slick-next, .slick-prev {
	height:50px;
	width:30px
}
.slick-next:before, .slick-prev:before {
	content:"";
	display:block;
	height:50px;
	width:30px
}
@media (max-width:991px) {
.slick-prev {
left:-15px
}
}
.slick-prev:before {
	background:url(/static/media/previous_arrow.d521892b.svg) no-repeat
}
@media (max-width:991px) {
.slick-next {
right:-15px
}
}
.slick-next:before {
	background:url(/static/media/next_arrow.d8c6a98b.svg) no-repeat
}
@media (max-width:1365px) {
.frame-component .slick-list {
margin-left:-1rem;
margin-right:-1rem;
padding:0!important
}
}
.recomended-items {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.recomended-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1.25rem;
	width:100%
}
@media (max-width:320px) {
.recomended-item {
width:90%
}
}
@media (min-width:480px) {
.recomended-item {
width:75%
}
}
@media (min-width:567px) {
.recomended-item {
width:60%
}
}
@media (min-width:640px) {
.recomended-item {
width:55%
}
}
@media (min-width:992px) {
.recomended-item {
width:40%
}
}
@media (min-width:1280px) {
.recomended-item {
width:33%
}
}
.recomended-item--right {
	color:#ff647d;
	font-size:1.25rem;
	font-family:Lato-Black;
	line-height:1;
	width:50%
}
.lang-ja .recomended-item--right {
	font-family:NotoSansJP-Regular
}
.vm-image {
	border-radius:20px 0 20px 20px;
	box-shadow:0 0 4px 2px rgba(0, 0, 0, .25);
	height:286px;
	margin:0 auto;
	width:262px
}
@media (min-width:768px) {
.vm-image {
border-radius:40px 0 40px 40px;
height:433px;
width:393px
}
}
.vm-image .user-image {
	border-radius:20px 0 20px 20px;
	height:100%;
	object-fit:cover;
	object-position:top;
	width:100%
}
@media (min-width:768px) {
.vm-image .user-image {
border-radius:40px 0 40px 40px
}
}
.look-image .img-looks {
	border-radius:25px 0 25px 25px;
	box-shadow:0 0 4px 2px rgba(0, 0, 0, .25);
	height:75px;
	object-fit:cover;
	object-position:top;
	width:66px
}
@media (min-width:1024px) {
.look-image .img-looks {
border-radius:50px 0 50px 50px;
height:162px;
width:150px
}
}
.result-section {
	width:100%
}
.result-description {
	margin-left:1.5rem;
	position:relative
}
@media (min-width:420px) {
.result-description {
margin:0 auto;
max-width:350px
}
}
.result-description--left {
	display:inline-block;
	position:absolute;
	z-index:1;
	left:-2rem;
	top:-1.5rem
}
.result-item--name {
	border-radius:10px;
	color:#fff;
	padding-left:3rem;
	position:absolute;
	top:-1.25rem;
	width:70%
}
.result-type-a .result-item--name {
	background-color:#e9638e
}
.result-type-b .result-item--name {
	background-color:#f5a82f
}
.result-type-c .result-item--name {
	background-color:#00b2c9
}
.result-type-d .result-item--name {
	background-color:#537abc
}
.result-item--desc {
	border:2px solid transparent;
	border-radius:1rem;
padding:2rem 2rem .5rem
}
@media (min-width:420px) {
.result-item--desc {
padding:2rem 4.5rem .5rem
}
}
.result-type-a .result-item--desc {
	border-color:#e9638e;
	color:#e9638e
}
.result-type-b .result-item--desc {
	border-color:#f5a82f;
	color:#f5a82f
}
.result-type-c .result-item--desc {
	border-color:#00b2c9;
	color:#00b2c9
}
.result-type-d .result-item--desc {
	border-color:#537abc;
	color:#537abc
}
.result-recommendation {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
@media (min-width:567px) {
.result-recommendation {
flex-direction:row
}
}
.result-recommendation .recommendation-item {
	cursor:pointer;
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:1rem
}
.result-recommendation .recommendation-item img {
	border:2px solid transparent;
	border-radius:5px
}
@media (min-width:320px) and (max-width:567px) {
.result-recommendation .recommendation-item img {
height:80px
}
}
@media (min-width:992px) {
.result-recommendation .recommendation-item img {
height:100px
}
}
.result-recommendation input[type=radio] {
	height:0;
	opacity:0;
	position:absolute;
	width:0
}
.result-type-a .result-recommendation input[type=radio]:checked+img {
	border-color:#e9638e
}
.result-type-b .result-recommendation input[type=radio]:checked+img {
	border-color:#f5a82f
}
.result-type-c .result-recommendation input[type=radio]:checked+img {
	border-color:#00b2c9
}
.result-type-d .result-recommendation input[type=radio]:checked+img {
	border-color:#537abc
}
.modal {
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	top:50%;
	left:50%;
	z-index:101;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
@media (max-width:500px) {
.modal {
width:100%
}
}
@media (min-width:768px) {
.modal.modal-product-info .body-top {
display:flex;
justify-content:center
}
}
.modal.modal-product-info .slick-slider {
	margin:0 auto;
	padding:0 1rem
}
@media (min-height:1366px) {
.modal.modal-product-info .slick-slider {
width:80%
}
}
.modal.modal-product-info .slick-slider .slick-slide {
	text-align:center
}
.modal.modal-product-info .slick-slider .lens-item {
	margin:0;
	padding:0
}
.modal.modal-product-info .slick-slider .lens-item.active .lens-image, .modal.modal-product-info .slick-slider .lens-item:hover .lens-image {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
.modal.modal-product-info .slick-slider .lens-item .lens-image {
	background:transparent;
	border-radius:0;
	box-shadow:none;
	padding:0
}
@media (min-width:768px) {
.modal.modal-product-info .slick-slider .lens-item .lens-image img {
height:90px;
width:90px
}
}
.modal.modal-product-info .slick-slider .lens-item .lens-name {
	margin:0;
	width:30%
}
@media (min-width:768px) {
.modal.modal-share .modal-dialog {
max-width:500px
}
}
@media (min-width:768px) {
.modal.modal-share .modal-dialog.sm-modal-share-content {
max-width:400px
}
}
.modal.modal-share .modal-body {
	padding:2rem
}
.modal.modal-share .modal-body-no-padding {
	padding:0
}
.modal.modal-share .modal-body .title {
	margin-top:0
}
.modal.modal-share .modal-body .share-img {
	background-image:url(/static/media/Lens_Card.45b450d0.png);
	background-repeat:no-repeat;
	width:100%;
	height:220px;
	background-size:cover
}
@media (max-width:540px) {
.modal.modal-share .modal-body .share-img {
height:170px
}
}
.modal-dialog {
margin:.5rem;
	position:relative;
	width:auto
}
@media (min-width:576px) {
.modal-dialog {
margin:1.75rem auto;
width:420px
}
}
@media (max-width:767px) {
.modal-dialog.bottom-no-margin {
margin-bottom:30px;
border-bottom:1px solid #000
}
}
@media (min-width:768px) {
.modal-dialog.bottom-no-margin {
margin-bottom:0
}
}
.modal-dialog-centered {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	min-height:calc(100% - 1rem);
	max-height:calc(100% - 1rem)
}
@media (min-width:576px) {
.modal-dialog-centered {
min-height:calc(100% - 3.5rem);
max-height:calc(100% - 3.5rem)
}
}
.modal-dialog-centered .modal-content {
	overflow:hidden
}
@media (max-width:1024px) {
.sm-modal-dialog-centered {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100%;
min-height:calc(100% - 3.5rem);
max-height:calc(100% - 3.5rem)
}
}
.sm-modal-share-content {
	max-width:400px
}
.modal-content {
	background:#fff;
	border-radius:20px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	max-height:none;
	position:relative;
	width:100%
}
.modal-content.share-content {
	width:400px
}
@media (max-width:540px) {
.modal-content.share-content {
width:90%
}
}
.modal-header {
	background-image:-webkit-gradient(linear, left top, right top, from(#fa5586), to(#fdd99c));
	background-image:-webkit-linear-gradient(left, #fa5586, #fdd99c);
	background-image:linear-gradient(90deg, #fa5586, #fdd99c);
	bottom:0;
	color:#fff;
	display:flex;
	align-items:center;
	padding:5px;
	border-top-left-radius:20px;
	border-top-right-radius:20px
}
.modal-header .modal-title {
	font-size:1.125rem;
	font-family:Lato-Regular;
	margin:0;
	text-align:center;
	width:100%
}
.lang-ja .modal-header .modal-title {
	font-family:NotoSansJP-Regular
}
.modal-header .btn-close {
	background:transparent;
	color:#fff;
	font-family:Lato-Regular
}
.lang-ja .modal-header .btn-close {
	font-family:NotoSansJP-Regular
}
.modal-header .bottom-no-margin {
	border:none
}
.modal-body {
	flex:1 1;
	overflow-y:auto;
	padding:1.25rem;
	position:relative
}
.modal-body .title {
	color:#ff647d;
	font-family:Lato-Regular;
	text-transform:uppercase
}
.lang-ja .modal-body .title {
	font-family:NotoSansJP-Regular
}
.modal-footer {
	background:#fff;
	padding:0 1rem 1.5rem
}
.share-links {
	padding:10px 0;
	display:flex;
	align-items:center;
	justify-content:center
}
.share-links>div {
	margin:0 1rem
}
@media (min-width:768px) {
.modal-lens-info {
display:flex
}
}
.shop-link {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1.25rem;
	padding:0 1rem
}
.shop-link .label {
	font-family:Lato-Regular
}
.lang-ja .shop-link .label {
	font-family:NotoSansJP-Regular
}
.shop-link .logo {
	height:auto;
	max-height:40px
}
@media (min-width:360px) {
.shop-link .logo {
max-height:50px
}
}
.shop-link .link {
font-size:.875rem;
	font-family:Lato-Regular
}
.lang-ja .shop-link .link {
	font-family:NotoSansJP-Regular
}
.shop-link .link span {
margin-right:.25rem
}
.cookie-slider {
	background:#00abe4;
	border-top:3px solid #5c6666;
	left:0;
padding:1.25rem .625rem;
	position:fixed;
	z-index:10
}
@media (min-width:992px) {
.cookie-slider {
padding:2rem 3rem
}
}
.cookie-slider.show {
	-webkit-animation-name:popInBottom;
	animation-name:popInBottom;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:cubic-bezier(.19, 1, .22, 1);
	animation-timing-function:cubic-bezier(.19, 1, .22, 1);
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	bottom:0
}
.cookie-container {
	display:flex;
	flex-direction:column;
	align-items:center
}
@media (min-width:992px) {
.cookie-container {
flex-direction:row;
justify-content:space-around
}
}
.cookie-text {
	color:#fff
}
@media (min-width:992px) {
.cookie-text {
width:45%
}
}
.cookie-text a {
	display:inline;
	display:initial
}
.cookie-actions {
	display:flex;
	align-items:center
}
.cookie-actions .btn {
	background:#fff;
	border-radius:30px;
margin:1.25rem .625rem 0;
padding:.625rem
}
.cookie-actions .btn:hover {
	background:#ff647d;
	color:#fff
}
@media (min-width:768px) {
.cookie-actions .btn {
margin-left:1.25rem;
margin-right:1.25rem;
padding:1rem 3rem
}
}
@media (min-width:992px) {
.cookie-actions .btn {
margin-top:0
}
}
@-webkit-keyframes popInBottom {
0% {
-webkit-transform:translateY(120%);
transform:translateY(120%)
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}
@keyframes popInBottom {
0% {
-webkit-transform:translateY(120%);
transform:translateY(120%)
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}
.vm-tabs__tab-list {
	border:0;
	display:flex;
	align-items:center;
	justify-content:center
}
@media (min-width:1200px) and (max-width:1439px) {
.vm-tabs__tab-list {
margin:.625rem 0
}
}
@media (max-width:767px) {
.frame-component .vm-tabs__tab-list {
margin-left:-1rem;
margin-right:-1rem
}
}
.vm-tabs__tab {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ8AAAA8CAYAAAC5HbdgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZCNUE3QjVCQUM2QjExRTlCM0ZCQkVDQkJDQUFBRkFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZCNUE3QjVDQUM2QjExRTlCM0ZCQkVDQkJDQUFBRkFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkI1QTdCNTlBQzZCMTFFOUIzRkJCRUNCQkNBQUFGQUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkI1QTdCNUFBQzZCMTFFOUIzRkJCRUNCQkNBQUFGQUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MsEfeAAADFElEQVR42uzcQVLaUBzAYR5egCOwqzu5QekJak8g2gPoDWxPoAeww/QEeIPqDdy68wh2ozvTfwQdRklIAqTWft9MDKPwSELib56iqbMh9+cXw1j1Z0vIPj5/MdUZKVt+lyrjpYpjlT13SuXblJaMk1LpfqXOao8vf/5UvG+196vGY5s8LlXZh2zpY9LT/YqOW9HxyrLir6Umx79TebvTstc6/3yWvR4zlb2+BduRVtvWVy/l0nMgK3/tU43rv+A5U6r5nIXbWPV7SMl5mZbtYza33alg7BrnYCq7Zl7et/T8vYr7/4717ePtlK62tke3625EWtdAEZtBrHZj+RzLoPwbj/iIj/iIj/i80fgsuFazm/hwHsvl1vb++ZuIz/3kYhSjHC4OjviIj/iIj/i8g/jMXx83sb0/49Zpd3u/8YyocXwiOkexOo6lV/uiEx/xER/xEZ9/NT6z7X10Gsv3JhGqHZ+IzjBW487z73IaXHTiIz7iIz7i8x7ik3/idhqgg9ONxSfCcxKro5UvOvERH/ERH/F5L/F5unERY3zpfjioNAuqdLlEdHqx+tUp+r2O+IiP+IiP+Pzv8cnHiPBkn7ofvl4tO7u6FcIzKA0PAEw9TlQern/srhSf+8ml8ABQN0CTCNCoUXwiPPkA49lAAFDHSQRo0GTmY8YDwCozoPxHcP3K8YlZz4nwALCGAE0qxSfCM+wsejs1ANQ3iNnPtyozn7FjBcAaHb/88Vv3xawnr1PfcQJgzcYL43M3/UPSQ8cHgA0YxuxnuGjmM+p4WzUAG5PtLYqPWQ8AmzR6uD7rP8fnbvovdPqOCwAbtjs/89lzPABowd58fIaOBwAtGDxcn/W6s3e5+W8GALRl2BUeANqe/YgPAG3byePjb3sAaFMvj8+O4wBAi/pmPgD8lfgAQKvEBwDxAUB8AEB8ABAfABAfAMQHAMQHAPEBQHwAQHwAEB8AEB8AxAcAxAcA8QEA8QFAfAAQHwAQHwDEBwDEBwDxAQDxAUB8ABAfABAfAMQHAMQHAPEBAPEBQHwAIPdHgAEAXM/v1lRMYjsAAAAASUVORK5CYII=);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#5c6666;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:Lato-Regular;
margin:0 .125rem .5rem;
padding:.625rem 0;
	text-align:center;
	text-transform:uppercase;
	width:320px
}
.lang-zh .vm-tabs__tab {
	font-family:SimHei
}
.lang-ja .vm-tabs__tab {
	font-family:NotoSansJP-Regular
}
.lang-ko .vm-tabs__tab {
	font-family:Nanum Gothic
}
.vm-tabs__tab-active {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ8AAAA+CAYAAAD01RZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OTQ0M0ZEQUY3QjExRTk4NTA4OTYxOTI4MjkyQUVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1OTQ0M0ZFQUY3QjExRTk4NTA4OTYxOTI4MjkyQUVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzU5NDQzRkJBRjdCMTFFOTg1MDg5NjE5MjgyOTJBRUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzU5NDQzRkNBRjdCMTFFOTg1MDg5NjE5MjgyOTJBRUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5P+U3KAAAHnElEQVR42uycQWwU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);
	color:#fff
}
.vm-tabs__tab-active:focus {
	box-shadow:none
}
.looks-wrapper {
	display:flex;
	justify-content:center;
	overflow:auto;
	scrollbar-width:none;
margin:.625rem 0
}
.looks-wrapper::-webkit-scrollbar {
display:none
}
@media (max-width:767px) and (orientation:landscape) {
.looks-wrapper {
justify-content:center;
margin-left:0;
margin-right:0
}
}
@media (max-width:767px) and (orientation:portrait) {
.looks-wrapper {
justify-content:start;
margin-left:-1rem;
margin-right:-1rem
}
}
.look {
	cursor:pointer;
	margin:0;
	min-width:67px;
	text-align:center
}
@media (min-width:768px) {
.look {
margin-left:1rem;
margin-right:1rem
}
}
@media (max-width:767px) and (orientation:portrait) {
.look:first-of-type {
margin-left:.5rem
}
}
.look.active {
	background-image:url(data:image/png;base64,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);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100% 100%;
	border:1px solid #fbf9c3;
	border-radius:13px;
	height:115px;
	min-width:115px
}
@media (min-width:768px) {
.look.active {
min-width:125px
}
}
.look.active .look-image {
	margin-top:0
}
.look.recommended:not(.active) {
margin-top:2rem
}
.look.recommended:not(.active) .look-image {
margin-top:.125rem
}
.look.recommended .icon {
	opacity:1
}
.look .item-variant {
	display:flex;
	flex-direction:column;
	align-items:center
}
.look-name {
	color:#fff;
	font-family:Lato-Regular;
margin:.625rem 0 .3125rem
}
.lang-zh .look-name {
	font-family:SimHei
}
.lang-ja .look-name {
	font-family:NotoSansJP-Regular
}
.look-image {
	display:flex;
	flex-direction:column;
	margin-top:2.125rem
}
.look-image img:not(.icon) {
height:50px
}
@media (min-width:768px) {
.look-image img:not(.icon) {
height:60px
}
}
.look .icon {
	height:15px;
	width:15px;
	opacity:0
}
.how-to-guide {
	margin-bottom:1.5rem
}
.how-to-guide .title {
	font-family:Lato-Regular;
	padding:0 1rem;
	text-transform:uppercase
}
.lang-zh .how-to-guide .title {
	font-family:SimHei
}
.lang-ja .how-to-guide .title {
	font-family:NotoSansJP-Black
}
.lang-ko .how-to-guide .title {
	font-family:Nanum Gothic
}
.how-to-guide .slick-list {
	padding:0!important
}
.how-to-guide .slick-slide {
	padding:0 1rem
}
.how-to-steps {
	padding-bottom:1.5rem
}
@media (min-width:991px) {
.how-to-steps {
display:flex;
justify-content:center;
padding:1.5rem
}
}
@media (min-width:1200px) {
.how-to-steps {
padding:0 5rem
}
}
.step {
	border:1px solid #ff647d;
	border-radius:4px;
	font-family:Lato-Regular;
	width:100%
}
.lang-ja .step {
	font-family:NotoSansJP-Regular
}
.lang-ko .step {
	font-family:Nanum Gothic
}
.hidden-large .step {
	height:300px
}
.hidden-large .step .step-icon {
	height:130px
}
.lang-zh .step {
	font-family:SimHei
}
@media (min-width:768px) {
.step {
width:calc(50% - 4rem)
}
}
@media (min-width:1200px) {
.step {
width:12.5rem
}
}
.step-icon {
	margin:0 auto
}
.tutorials {
	display:flex;
	flex-direction:column
}
@media (min-width:768px) {
.tutorials {
flex-direction:row;
justify-content:space-around
}
}
.tutorials-looks .tutorial-item {
	flex-direction:column;
	align-items:center
}
.tutorials-looks .tutorial-item--left {
	margin-bottom:1rem
}
@media (min-width:768px) {
.tutorials-looks .tutorial-item--left {
margin-bottom:0;
width:40%
}
}
@media (min-width:992px) {
.tutorials-looks .tutorial-item--left {
width:50%
}
}
.tutorials-looks .tutorial-item--left .image-box {
	box-shadow:0 0 4px 4px rgba(0, 0, 0, .25);
	display:flex;
	position:relative
}
.tutorials-looks .tutorial-item--left img:not(.thumbnail) {
position:absolute;
bottom:0
}
.tutorials-looks .tutorial-item--left .pallete {
	height:150px;
	left:0
}
@media (min-width:768px) {
.tutorials-looks .tutorial-item--left .pallete {
height:200px
}
}
.tutorials-looks .tutorial-item--left .thumbnail {
	height:400px
}
@media (min-width:768px) {
.tutorials-looks .tutorial-item--left .thumbnail {
height:500px
}
}
@media (min-width:992px) {
.tutorials-looks .tutorial-item--left .thumbnail {
height:550px
}
}
.tutorials-looks .tutorial-item--left .lens {
	height:70px;
	right:0
}
.tutorials-looks.tutorials--illuminate .tutorial-item--left .pallete {
	height:120px
}
@media (min-width:768px) {
.tutorials-looks.tutorials--illuminate .tutorial-item--left .pallete {
height:150px
}
}
.tutorials-looks.tutorials--illuminate .tutorial-item--left .thumbnail {
	height:300px
}
@media (min-width:768px) {
.tutorials-looks.tutorials--illuminate .tutorial-item--left .thumbnail {
height:450px
}
}
.tutorials-lens .tutorial-item {
	justify-content:center
}
.tutorials-lens .tutorial-item .product-promotion, .tutorials-lens .tutorial-item .product-title {
	font-family:Lato-Regular
}
.lang-zh .tutorials-lens .tutorial-item .product-promotion, .lang-zh .tutorials-lens .tutorial-item .product-title {
	font-family:SimHei
}
.lang-ja .tutorials-lens .tutorial-item .product-promotion, .lang-ja .tutorials-lens .tutorial-item .product-title {
	font-family:NotoSansJP-Regular
}
.lang-ko .tutorials-lens .tutorial-item .product-promotion, .lang-ko .tutorials-lens .tutorial-item .product-title {
	font-family:Nanum Gothic
}
.tutorials-lens .tutorial-item .product-name {
	font-family:Lato-Black
}
.lang-zh .tutorials-lens .tutorial-item .product-name {
	font-family:Hiragino Sans GB
}
.lang-ja .tutorials-lens .tutorial-item .product-name {
	font-family:NotoSansJP-Black
}
@media (max-width:567px) {
.lang-ja .tutorials-lens .tutorial-item .product-name {
width:120px;
overflow-wrap:break-word
}
}
.lang-ko .tutorials-lens .tutorial-item .product-name {
	font-family:Nanum Gothic\ 800
}
@media (min-width:768px) {
.tutorials-lens .tutorial-item--left {
flex-direction:column-reverse;
margin-bottom:0;
padding-top:1.25rem
}
}
@media (min-width:992px) {
.tutorials-lens .tutorial-item--left {
flex-direction:row;
padding-top:0
}
}
.tutorials-lens .content-left--col {
margin:0 .5rem;
	width:calc(50% - 1rem)
}
@media (min-width:768px) and (max-width:992px) {
.tutorials-lens .content-left--col {
margin:0;
width:100%
}
}
@media (min-width:992px) {
.tutorials-lens .content-left--col-first {
margin-top:15%
}
}
.tutorials-makeup {
	flex-direction:column;
	align-items:center
}
.tutorials-makeup .product-snapshot {
	display:flex;
	align-items:center;
	margin-bottom:1.5rem
}
.tutorials-makeup .product-snapshot--left {
	width:50%
}
@media (min-width:768px) {
.tutorials-makeup .product-snapshot--left {
width:300px
}
}
.tutorials-makeup .product-snapshot--right {
	width:50%
}
@media (min-width:768px) {
.tutorials-makeup .product-snapshot--right {
width:auto
}
}
.tutorials-makeup .product-snapshot .product-promotion {
	font-family:Lato-Regular;
margin-left:.5rem;
width:calc(50% - .5rem)
}
@media (min-width:768px) {
.tutorials-makeup .product-snapshot .product-promotion {
width:200px
}
}
.tutorial-item {
	display:flex;
	flex-direction:row;
	width:100%
}
@media (min-width:768px) {
.tutorial-item {
width:50%
}
}
@media (min-width:992px) {
.tutorial-item {
padding:0 1.25rem
}
}
.pdfTitle {
	margin:2rem;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase
}
.download-options, .pdfTitle {
	display:flex;
	justify-content:center
}
.download-options {
	flex-direction:column;
	margin:2rem auto;
	align-items:center
}
@media (min-width:567px) {
.download-options {
flex-direction:row
}
}
.download-options .qr-code {
	display:flex;
	flex-direction:column;
	align-items:center
}
.download-options .qr-code img {
	height:100px;
	width:100px
}
.download-options .separator {
	margin:1rem
}
@media (min-width:400px) {
.download-options .btn {
margin-left:1rem
}
}
.tutorial-step {
	display:flex;
	align-items:center;
margin-bottom:.625rem;
	width:100%
}
.tutorial-step-left, .tutorial-step-left div {
	display:flex;
	flex-direction:column
}
.tutorial-step-left div {
	height:50%
}
.tutorial-step-left div.bottom {
	justify-content:flex-end
}
.tutorial-step-left .icon {
	height:78px;
	margin:0;
	width:40px
}
.tutorial-step-right {
	border:1px solid #1f1d1e;
	display:flex;
	align-items:center;
	justify-content:space-around;
	width:100%
}
.tutorial-step:last-child {
	align-items:normal
}
@media (min-width:768px) {
.tutorial-step:last-child {
margin-bottom:0
}
}
.tutorial-step:last-child .tutorial-step-desc-item {
	margin-bottom:2rem
}
.tutorial-step-desc {
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-family:Lato-Regular;
	line-height:1;
	width:30%
}
.tutorial-step-desc-item:not(:last-child) {
margin-bottom:.5rem
}
.lang-zh .tutorial-step-desc {
	font-family:SimHei
}
.lang-ja .tutorial-step-desc {
	font-family:NotoSansJP-Regular
}
.selected {
	display:flex;
	flex-direction:column
}
@media (min-width:768px) {
.selected {
flex-direction:row;
align-items:center;
justify-content:center
}
}
.selected .define-logo img {
	width:90px
}
.selected .name {
	font-family:Lato-Black
}
.lang-zh .selected .name {
	font-family:Hiragino Sans GB
}
.lang-ja .selected .name {
	font-family:NotoSansJP-Black
}
.lang-ko .selected .name {
	font-family:Nanum Gothic\ 800
}
span.mr-50 {
	margin-right:50px
}
span.mr-20 {
	margin-right:20px
}
span.qr-code-dynamic {
	height:100px;
	width:100px
}
.default.opaque {
	opacity:0
}
.default .name {
	font-family:Lato-Black
}
.lang-zh .default .name {
	font-family:Hiragino Sans GB
}
.lang-ja .default .name {
	font-family:NotoSansJP-Black
}
.not-available {
	color:#5c6666;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:1rem
}
@media (min-width:768px) {
.not-available {
padding-top:.5rem
}
}
@media (max-width:991px) and (orientation:portrait) {
.active .not-available {
padding-left:2rem;
padding-right:2rem
}
}
.slick-active {
	height:180px
}
.text-heading {
	color:#ff647d;
	font-family:Lato-Black
}
.lang-ja .text-heading {
	font-family:NotoSansJP-Black
}
.lang-ko .text-heading {
	font-family:Nanum Gothic
}
.text-heading-secondary {
	font-family:Lato-Regular
}
@media (min-width:992px) {
.text-heading-secondary {
font-size:1.25rem
}
}
.lang-ja .text-heading-secondary {
	font-family:NotoSansJP-Black
}
.lang-ko .text-heading-secondary {
	font-family:Nanum Gothic
}
.spec-item {
	display:flex
}
.spec-item .item-left {
	height:60px;
	width:60px
}
.spec-item .item-left img {
	height:100%;
	object-fit:cover;
	width:100%
}
.spec-item .item-right {
	width:80%
}
.spec-title {
	font-family:Lato-Regular
}
.lang-zh .spec-title {
	font-family:SimHei
}
.lang-ja .spec-title {
	font-family:NotoSansJP-Regular
}
.lang-ko .spec-title {
	font-family:Nanum Gothic
}
.disclaimer-section .title {
	font-family:Lato-Black
}
.lang-zh .disclaimer-section .title {
	font-family:Hiragino Sans GB
}
.lang-ja .disclaimer-section .title {
	font-family:NotoSansJP-Black
}
.lang-ko .disclaimer-section .title {
	font-family:Nanum Gothic\ 800
}
.disclaimer-section .disclaimer-pdf {
	color:#00f;
	text-transform:underline;
	display:inline-block
}
.disclaimer-section .disclaimer-pdf:hover {
	text-decoration:underline
}
.makeup-list {
	display:flex;
	align-items:center;
	justify-content:center;
margin:.625rem 0;
	overflow:auto;
	scrollbar-width:none
}
.makeup-list::-webkit-scrollbar {
display:none
}
@media (max-width:767px) and (orientation:landscape) {
.makeup-list {
justify-content:center;
margin-left:0;
margin-right:0
}
}
@media (max-width:767px) and (orientation:portrait) {
.makeup-list {
justify-content:start;
margin-left:-1rem;
margin-right:-1rem
}
}
.makeup-item {
	cursor:pointer;
	display:flex!important;
	flex:none;
	flex-direction:column;
	align-items:center;
	min-height:105px;
	min-width:100px
}
@media (min-width:768px) {
.makeup-item {
margin-left:1rem;
margin-right:1rem;
min-width:115px
}
}
@media (max-width:767px) {
.makeup-item:first-of-type {
margin-left:.5rem
}
}
.makeup-item-active {
	border:2px dashed #4A0C35;
	border-radius:13px;
	min-width:115px; position:relative;
}
.makeup-item-active:after { content:""; width:115px; height:36px; background:#CB3D8B; position:absolute; z-index:-1; top:-2px; left:-2px;border-top-left-radius:13px;border-top-right-radius:13px;border-bottom:2px dashed #4A0C35;
	}
.makeup-item-active .makeup-item-name {
	color:#fff
}
.makeup-item:focus {
	outline:none
}
.makeup-item-name {
	font-family:Lato-Regular;
margin:.625rem 0
}
.lang-zh .makeup-item-name {
	font-family:SimHei
}
.lang-ja .makeup-item-name {
	font-family:NotoSansJP-Regular
}
.makeup-item-image {
margin:.375rem 0
}
.makeup-item-image img {
	height:50px
}
@media (min-width:768px) {
.makeup-item-image img {
height:60px
}
}
/*# sourceMappingURL=main.cb82e9ef.chunk.css.map */