.judgment-effect-layer{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:30;pointer-events:none;overflow:hidden}.judgment-effect-praise{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.92);max-width:86vw;color:#ff4d8d;background:linear-gradient(90deg, #FF3D7F 0%, #FFB84D 24%, #42D392 48%, #4DA3FF 72%, #9B5CFF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:4.4rem;line-height:1.15;font-weight:900;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 #f4e04d,0 2px 0 #ffb84d,0 3px 0 #ff6b9d,0 4px 0 #9b5cff,0 12px 24px rgba(13,12,34,.28);opacity:0;animation:judgmentPraiseFade 1.8s cubic-bezier(0.2, 0.72, 0.24, 1) forwards;perspective:800px;transform-style:preserve-3d}.judgment-effect-petal,.judgment-effect-star{position:absolute;top:-18vh;display:block;opacity:0}.judgment-effect-petal,.judgment-effect-star{animation-name:judgmentFall;animation-timing-function:linear;animation-fill-mode:forwards}.judgment-effect-petal{width:25px;height:18px;border-radius:80% 20% 80% 20%;background:var(--judgment-effect-color);box-shadow:inset -3px -2px 0 rgba(255,255,255,.28),0 5px 14px rgba(13,12,34,.12)}.judgment-effect-star{width:28px;height:28px;background:var(--judgment-effect-color);clip-path:polygon(50% 0%, 61% 33%, 96% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 4% 35%, 39% 33%);filter:drop-shadow(0 5px 10px rgba(13, 12, 34, 0.18))}.judgment-effect-text-burst{position:fixed;left:0;top:0;z-index:31;pointer-events:none;color:var(--judgment-effect-color-start);font-size:1.75rem;line-height:1;font-weight:800;text-transform:uppercase;text-shadow:0 2px 8px rgba(236,19,19,.22);animation:judgmentTextBurst 1100ms cubic-bezier(0.2, 0.64, 0.3, 1) forwards}@keyframes judgmentPraiseFade{0%{opacity:0;transform:translate(-50%, -42%) rotateX(18deg) rotateY(-14deg) scale(0.82)}18%{opacity:1;transform:translate(-50%, -50%) rotateX(0deg) rotateY(0deg) scale(1.08)}78%{opacity:1;transform:translate(-50%, -50%) rotateX(0deg) rotateY(0deg) scale(1)}100%{opacity:0;transform:translate(-50%, -58%) rotateX(-10deg) rotateY(10deg) scale(0.92)}}@keyframes judgmentFall{0%{opacity:0;transform:translate3d(0, -12vh, 0) rotate(0deg)}12%{opacity:1}100%{opacity:0;transform:translate3d(var(--judgment-effect-drift), 116vh, 0) rotate(var(--judgment-effect-rotate))}}@keyframes judgmentTextBurst{0%{opacity:0;color:var(--judgment-effect-color-start);filter:blur(2px);transform:translate(-50%, -50%) rotate(0deg) scale(0.42)}14%{opacity:.92;color:var(--judgment-effect-color-start);filter:blur(0);transform:translate(calc(-50% + var(--judgment-effect-x-weak)), calc(-50% + var(--judgment-effect-y-weak))) rotate(0deg) scale(0.96)}46%{opacity:.78;color:var(--judgment-effect-color-end);transform:translate(calc(-50% + var(--judgment-effect-x-mid)), calc(-50% + var(--judgment-effect-y-mid))) rotate(var(--judgment-effect-rotate-mid)) scale(1.08)}70%{opacity:.46;color:var(--judgment-effect-color-end);transform:translate(calc(-50% + var(--judgment-effect-x-fall-start)), calc(-50% + var(--judgment-effect-y-fall-start))) rotate(var(--judgment-effect-rotate-start)) scale(0.96)}100%{opacity:0;color:var(--judgment-effect-color-end);filter:blur(1px);transform:translate(calc(-50% + var(--judgment-effect-x-fall-end)), calc(-50% + var(--judgment-effect-y-fall-end))) rotate(var(--judgment-effect-rotate-end)) scale(0.76)}}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;


  --pswp-root-z-index: 100000;

  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);

  /* defined via js:
  --pswp-transition-duration: 333ms; */

  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;


  --pswp-root-z-index: 100000;

  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);

  /* defined via js:
  --pswp-transition-duration: 333ms; */

  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;


  --pswp-root-z-index: 100000;

  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);

  /* defined via js:
  --pswp-transition-duration: 333ms; */

  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.logo-icon{height:100%;width:auto}.card{width:100%;text-decoration:none;border-radius:8px 8px;overflow:hidden;box-shadow:0px 2px 6px 0px rgba(108,0,27,.2);background-color:#fff;display:block}.card .cover{width:100%}.card .intro{padding:.8rem 1.2rem 1.2rem}.card .intro p{font-size:min(max(1.8rem,14px),20px);line-height:1.25;font-weight:600;color:#3d3d4e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:min(max(4.5rem,35px),50px)}.image-box{width:100%;height:0;padding-bottom:52.375%;position:relative}.image-box .image-background{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0}.image-box .image-background img{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}.no-limit-ratio{width:100%;height:auto}.no-limit-ratio .image-background{width:100%;background-color:#fff}.no-limit-ratio .image-background img{width:100%;height:100%;display:block}.fixed-height{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.fixed-height .image-background{width:auto;height:100%;border-radius:12px}.fixed-height .image-background img{width:auto;height:100%;display:block}.ads-box{width:100%;text-align:center}.ads-box p{font-size:max(1.2rem, min(12px, 1.6rem));font-size:clamp(1.2rem,12px,1.6rem);line-height:1.25;font-weight:600;color:gray;margin-bottom:0}:root{--horizon-padding: 14.8rem}:root{--base: 1440;--horizon-padding: 14.8rem}html,body{margin:0 0;padding:0 0;user-select:none;font-size:calc(100vw/var(--base, 1440)*10);font-family:"Lato",sans-serif,Roboto,Opensans,sans-serif,Arial,Helvetica;background-color:#f2f2f2;min-height:100vh}body{display:flex;flex-direction:column}p,h1,h2,h3,h4,h5{margin:0 0}::-webkit-scrollbar{width:5px;height:8px;background-color:rgba(175,175,175,.6)}::-webkit-scrollbar-thumb{background:#aaa}#page{width:100%;flex:1 1 auto}nav{width:100%;height:50px;border-bottom:1px solid rgba(0,0,0,.1);padding:0 var(--horizon-padding);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-color:#fff;z-index:2}nav a{text-decoration:none}nav #logo{display:block;height:30px}nav #nav-group{height:100%;list-style:none;margin:0 0;padding:0 0;display:flex}nav #nav-group li{height:100%;margin:0 1.8rem;position:relative}nav #nav-group li a,nav #nav-group li label{width:100%;height:100%;display:flex;font-size:min(max(1.6rem,16px),20px);line-height:1.2;font-weight:400;color:#0d0c22;align-items:center;justify-content:center;cursor:pointer;padding:0 max(1.2rem,12px);box-sizing:border-box;text-transform:capitalize}nav #nav-group li label{padding:0 max(1.2rem,12px);background-color:#fff;box-sizing:border-box}nav #nav-group li label:hover{background-color:#f1f0f0}nav #nav-group li:hover{background-color:#f1f0f0}nav #nav-group .category-active::before{content:"";width:2rem;height:.7rem;background:linear-gradient(83.16deg, rgba(234, 86, 175, 0.8) 0%, rgba(234, 59, 101, 0.8) 100%);backdrop-filter:blur(1px);border-radius:6px;position:absolute;bottom:0;left:calc(50% - .5rem);transform:translateX(-50%);z-index:2}nav #nav-group .category-active::after{content:"";width:2rem;height:.7rem;background:linear-gradient(83.16deg, #EF874E 0%, #EA2B6B 100%);opacity:.8;border-radius:6px;transform:matrix(-1, 0, 0, 1, 0, 0);position:absolute;bottom:0;left:calc(50% + .5rem);transform:translateX(-50%);z-index:1}nav #nav-group .photo-categories{width:100%;margin:0 0;padding:0 0;box-sizing:border-box;background-color:#fff;list-style:none;position:absolute;transform:translateY(calc(-100% - 7.1rem));transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:-1}nav #nav-group .photo-categories li{padding:max(1.2rem,12px) 0;margin:0 0}nav #nav-group .photo-categories li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}nav #nav-group input:checked~.photo-categories{transform:translateY(1px)}footer{width:100%}footer .site-desc{width:100%;padding:2rem var(--horizon-padding);background-color:#3d3d4e;box-sizing:border-box;color:#fff}footer .site-desc ul{list-style-type:disc;padding-left:40px;box-sizing:border-box}footer .site-desc h6,footer .site-desc h7{margin:0 0}footer .site-desc h6{font-size:22px;margin:10px 0}footer .site-desc h7{font-size:20px}footer .site-desc span{font-size:1.4rem;line-height:2.1rem}footer .site-desc p{font-size:1.4rem;line-height:2.1rem;color:rgba(255,255,255,.8);margin-bottom:10px}footer .site-info{width:100%;height:9.9rem;padding:0 var(--horizon-padding);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-color:#6e6d7a}footer .site-info .logo{height:6.1rem;margin-right:10rem}footer .site-info .disclaimer-group{display:flex;flex:1 1 auto;align-items:center;justify-content:space-around}footer .site-info .disclaimer-group a{text-decoration-color:#fff;font-size:1.6rem;line-height:1.9rem;font-weight:600;color:#fff}#snackbar{position:fixed;left:50%;bottom:1rem;z-index:9999;transform:scale(0) translate(-50%, -10px);width:350px;height:48px;border-radius:4px;color:#fff;background:linear-gradient(145deg, #ab6de7 0%, #f47f42 50%, #ec4c6b 100%);box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);display:flex;align-items:center;padding:0 1.2rem;box-sizing:border-box;transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform-origin:50% 50%}#snackbar .snack-text{font-size:16px}#snackbar.show{transform:scale(1) translate(-50%, -10px)}.landscape-card{width:100%;text-decoration:none;border-radius:8px;background-color:#fff;box-shadow:0px 2px 6px 0px rgba(108,0,27,.2);overflow:hidden;display:flex;padding:.8rem .8rem;box-sizing:border-box}.landscape-card .cover{width:min(50%,166px);border-radius:5px;overflow:hidden;flex:0 0 auto}.landscape-card .intro{margin-left:.8rem;display:flex;align-items:center}.landscape-card .intro .content-title{font-size:min(1.4rem,18px);line-height:1.25;color:#3d3d4e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.landscape-card .intro.intro-summary{flex-direction:column;justify-content:space-evenly;padding:.4rem 0;box-sizing:border-box;align-items:flex-start}.landscape-card .intro.intro-summary .content-summary{font-size:min(1.2rem,16px);line-height:1.15;color:#3e3e3e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#selection-container{width:100%}#selection-container .question-ads{margin:1.5rem 0;position:relative;grid-row:2/span 1}#selection-container .ads-1{margin-block:1rem}#selection-container .unfill{height:0 !important;min-height:0 !important;margin:0 0}#selection-container .pc-ads-1{grid-row:2/span 1}#selection-container .pc-ads-2{margin-top:10px}#selection-container .main-ads{margin:1rem 0}#selection-container[hidden]{display:none !important}#selection-container.show-ads{border-radius:0;position:relative;overflow:hidden}#selection-container.show-ads .questions,#selection-container.show-ads .question-progress,#selection-container.show-ads .question-actions{display:none}#selection-container.show-ads #loading-cover{z-index:0}#selection-container.show-ads .title .cover{display:block}#selection-container #loading-cover{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:12px;background:linear-gradient(-20deg, #00B4FF 0%, #009CFF 100%);display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);z-index:-1}#selection-container .active-loading{height:150px !important;z-index:0 !important;visibility:visible !important}#selection-container header h5{font-size:24px;line-height:1.2;font-weight:600;color:#0d0c22;text-transform:capitalize}#selection-container .question-description{width:100%;box-sizing:border-box;margin-bottom:10px;font-size:1.4rem;line-height:1.75;color:#666}#selection-container .question-description h5{font-size:18px;margin-bottom:8px}#selection-container .question-description p{font-size:1.4rem;line-height:1.75;color:#666;margin:10px 0}#selection-container .question-description ul{padding:0 0 0 2rem;margin:0;font-size:1.4rem;line-height:1.75;color:#666}#selection-container .question-description ul li{font-size:1.4rem;line-height:1.75;color:#666}#selection-container .title{margin-bottom:5px}#selection-container .title .cover{width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.1019607843);overflow:hidden;margin-bottom:12px;position:relative;display:none}#selection-container .title p{font-size:16px;line-height:1.2;color:#3d3d4e}#selection-container .question-progress{width:100%;margin-bottom:5px}#selection-container .question-progress .question-progress-shell{display:flex;align-items:center}#selection-container .question-progress .progress-counter{font-size:1.4rem;line-height:1.8rem;font-weight:400;color:#3d3d4e;margin-left:10px}#selection-container .question-progress .progress-counter .question-progress-current{font-size:1.8rem;line-height:2rem;color:#00b4ff;font-weight:600}#selection-container .question-progress .question-progress-bar{width:100%;height:1.8rem;border-radius:999px;border:2px solid rgba(0,180,255,.42);background:#e5f7ff;overflow:hidden;position:relative}#selection-container .question-progress .question-progress-bar-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(83.16deg, #00B4FF 0%, #009CFF 100%);transition:width .3s ease;position:relative;z-index:0}#selection-container .question-progress .question-progress-percent{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:1.4rem;line-height:1;font-weight:600;color:#0d0c22;z-index:1}#selection-container .questions{width:100%;display:grid;row-gap:12px;grid-template-columns:100%}#selection-container .questions li{width:100%}#selection-container .question-actions{width:100%;max-width:30.6rem;margin:20px auto 0;display:flex;align-items:flex-start;justify-content:center}#selection-container .question-action{display:flex;justify-content:center;align-items:center;height:5rem;border-radius:12px;text-decoration:none;box-sizing:border-box;transition:all .35s cubic-bezier(0.075, 0.82, 0.165, 1);user-select:none}#selection-container #next{font-size:2.4rem}#selection-container .question{width:100%}#selection-container .question .sequence-number{margin-bottom:4px}#selection-container .question .sequence-number p{font-size:1.6rem;line-height:1.9rem;font-weight:400;color:#3d3d4e}#selection-container .question .sequence-number p span{font-size:2.4rem;line-height:2.9rem;color:#00b4ff;font-weight:600}#selection-container .question-board{width:100%;border-radius:12px;overflow:hidden;padding-bottom:.4rem;background-color:#fff}#selection-container .question-board .question-header{padding:.8rem 2rem;box-sizing:border-box}#selection-container .question-board .question-header p{font-size:24px;line-height:1.2;font-weight:600;color:#0d0c22;text-transform:capitalize}#selection-container .answer-list{width:100%;box-sizing:border-box;padding:.8rem 2rem 1.2rem;background-color:#fff;display:grid;grid-template-columns:repeat(2, calc((100% - 1.2rem) / 2));column-gap:1.2rem;row-gap:1.2rem;border-radius:0 0 12px 12px;overflow:hidden;border:1px solid rgba(0,180,255,.1)}#selection-container .answer-list a{text-decoration:none}#selection-container .answer-list li{width:100%;box-sizing:border-box;overflow:hidden}#selection-container .answer-list li .answer-item{display:block;width:100%;height:0;padding-bottom:52.375%;overflow:hidden;cursor:pointer;border-radius:12px;background-color:#fff;border:2px solid #00b4ff;box-sizing:border-box;position:relative;transition:all .25s linear;-webkit-transition:all .25s linear}#selection-container .answer-list li .answer-item .check{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;border-radius:8px;overflow:hidden;transition:all .05s linear;-webkit-transition:all .05s linear}#selection-container .answer-list li .answer-item .check .image-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#selection-container .answer-list li input:checked~label{background:linear-gradient(83.16deg, #00B4FF 0%, #009CFF 100%)}#selection-container .answer-list li input:checked~label .check{width:calc(100% - 24px);height:calc(100% - 24px);top:12px;left:12px;border-radius:4px}#selection-container .answer-list li input:checked~label .check .image-box{width:calc(100% + 16px)}#selection-container .question-body{background-color:#fff;border-radius:12px}#selection-container .question-body .question-cover{width:100%}#selection-container .question-body .question-cover img{aspect-ratio:80/35;object-fit:cover}#selection-container .question-body .radio-list{width:100%;box-sizing:border-box;padding:.8rem 2rem 1.2rem;display:grid;gap:8px 12px;grid-template-columns:repeat(2, minmax(0, 1fr))}#selection-container .question-body .radio-list li{width:100%;display:flex;position:relative}#selection-container .question-body .radio-list li input{visibility:hidden;position:absolute}#selection-container .question-body .radio-list li label{width:100%;height:100%;display:flex;align-items:center;padding:1.4rem 1.6rem;min-height:9rem;box-sizing:border-box;cursor:pointer;background-color:rgba(26,188,255,.0392156863);border-radius:8px;overflow:hidden;transition:background .25s linear;-webkit-transition:background .25s linear;border:2px solid rgba(0,156,255,.35)}#selection-container .question-body .radio-list li label span{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:2.6rem;line-height:2.6rem;font-weight:500;color:#2a2a36;text-transform:capitalize}#selection-container .question-body .radio-list li label .check{display:none;border:3px solid #00b4ff;border-radius:100%;width:26px;height:26px;transition:border .25s linear;-webkit-transition:border .25s linear;flex:0 0 auto;margin-right:1.2rem;opacity:.8;justify-content:center;align-items:center}#selection-container .question-body .radio-list li label .check::before{content:"";display:block;height:12px;width:12px;transition:background .25s linear;-webkit-transition:background .25s linear;border-radius:100%}#selection-container .question-body .radio-list li:hover input:not(:checked)~label{background-color:rgba(0,180,255,.1)}#selection-container .question-body .radio-list li:hover input:not(:checked)~label span{color:#2a2a36}#selection-container .question-body .radio-list li input:checked~label{border-color:#009cff;background:linear-gradient(83.16deg, #00B4FF 0%, #009CFF 100%);box-shadow:0px 2px 8px 0px rgba(0,91,153,.2)}#selection-container .question-body .radio-list li input:checked~label span{color:#fff;font-weight:700}#selection-container .question-body .radio-list li input:checked~label .check{border-color:rgba(255,255,255,.8)}#selection-container .question-body .radio-list li input:checked~label .check::before{background-color:rgba(255,255,255,.8)}#selection-container #next{width:100%;height:5rem;display:flex;justify-content:center;align-items:center;text-decoration:none;background-color:#00b4ff;border-radius:12px;overflow:hidden;margin:0;line-height:2.4rem;font-weight:600;color:#fff;transition:all .5s cubic-bezier(0.075, 0.82, 0.165, 1);box-shadow:0px 4px 10px 0px rgba(0,180,255,.18)}#selection-container #next:hover{background-color:#007eb3;box-shadow:0px 2px 6px 0px #00b4ff}#selection-container #next:active{background-color:#007eb3;box-shadow:0px 1px 4px 0px #00b4ff}#selection-container #next[aria-disabled=true]{pointer-events:none;opacity:.72;box-shadow:none}#selection-container #next.is-loading{background:#a5e0ff}#selection-container #ani-hide{width:0;height:0;visibility:hidden;animation:loadAni 5s ease forwards}@keyframes loadAni{from{opacity:1}to{opacity:0}}#selection-container .mobile .ads-2{margin-top:10px}#selection-container .mobile .header-ads{margin:10px -1.2rem;width:auto}#selection-container .mobile .title .main-ads{margin:12px -1.2rem}#selection-container .mobile .questions .main-ads-2{grid-row:2/span 1}#selection-container .mobile .questions .main-ads-3{grid-row:5/span 1}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center::before,.cropper-center::after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center::before{height:1px;left:-3px;top:0;width:7px}.cropper-center::after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}.cropper-point.point-se{height:15px;width:15px}.cropper-point.point-se{height:10px;width:10px}.cropper-point.point-se{height:5px;opacity:.75;width:5px}.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("./a-90438939b17284829c35.png")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none !important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}#pic-quiz-container{width:100%;background-color:#fff;overflow:hidden;padding:2rem 2.9rem 2rem 1.1rem;box-sizing:border-box;position:relative}#pic-quiz-container.show-ads{background-color:rgba(0,0,0,0);border-radius:0;padding:0 0}#pic-quiz-container.show-ads .mobile .main-ads{min-height:330px;margin:1rem 0}#pic-quiz-container.show-ads .question-action,#pic-quiz-container.show-ads .question-tip{display:none}#pic-quiz-container.show-ads #loading-cover{z-index:0}#pic-quiz-container .mobile .main-ads{min-height:330px;margin:0 -1.2rem 1rem}#pic-quiz-container .user-area{width:100%}#pic-quiz-container #loading-cover{width:100%;height:35%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(-20deg, rgba(234, 86, 175, 0.0039215686) 0%, #EA3B65 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);z-index:-1;gap:10px}#pic-quiz-container #error-tip{width:100%;height:0;background:linear-gradient(76.58deg, #EF844F 0%, #EA4C89 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:-1;visibility:hidden;transition:all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}#pic-quiz-container #error-tip #try-button{height:4rem;padding:0 1.5rem;margin-top:2rem;border-radius:1rem;border:1px solid #fafafa;justify-content:center;align-items:center;font-size:2rem;line-height:1.2;text-decoration:none;color:#fafafa;font-weight:600}#pic-quiz-container #error-tip svg{width:80%}#pic-quiz-container .active-loading{height:150px !important;z-index:0 !important;visibility:visible !important;display:flex}#pic-quiz-container header{width:100%;margin-bottom:1.7rem}#pic-quiz-container header h5{font-size:26px;line-height:31px;font-weight:600;color:#0d0c22;margin-bottom:8px;text-transform:capitalize}#pic-quiz-container .question-description{width:100%;box-sizing:border-box;margin-bottom:20px;font-size:1.4rem;line-height:1.75;color:#666}#pic-quiz-container .question-description h5{font-size:18px;margin-bottom:8px}#pic-quiz-container .question-description p{font-size:1.4rem;line-height:1.75;color:#666;margin:10px 0}#pic-quiz-container .question-description ul{padding:0 0 0 2rem;margin:0;font-size:1.4rem;line-height:1.75;color:#666}#pic-quiz-container .question-description ul li{font-size:1.4rem;line-height:1.75;color:#666}#pic-quiz-container .pic-cover{width:100%;position:relative;border:1px solid rgba(0,0,0,.1019607843);border-radius:12px;overflow:hidden;margin-bottom:4.6rem}#pic-quiz-container .pic-cover .pic-title{width:100%;height:31px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);opacity:.7;position:absolute;bottom:0;left:0;display:flex;align-items:center;padding-left:2.6rem;box-sizing:border-box}#pic-quiz-container .pic-cover .pic-title span{font-size:1.6rem;line-height:19px;font-weight:400;color:#fff;text-transform:capitalize;opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#pic-quiz-container .main-ads{width:auto;margin-left:-1.1rem;margin-right:-2.9rem}#pic-quiz-container .question-action{width:100%;padding-right:1.7rem;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:12px}#pic-quiz-container .question-action #customer-image{width:0;height:0}#pic-quiz-container .question-action a{width:35rem;height:6rem;border-radius:12px;overflow:hidden;text-decoration:none;text-transform:capitalize;display:flex;justify-content:center;align-items:center}#pic-quiz-container .question-action a span{font-size:2.4rem;line-height:29px;font-weight:600;color:#fff;margin-left:8px}#pic-quiz-container .question-action .use-fb{background-color:#4864b4;margin-bottom:10px}#pic-quiz-container .question-action .use-file{background-color:#ea4c89}#pic-quiz-container .question-tip{width:100%;display:flex;justify-content:center}#pic-quiz-container .question-tip span{font-size:1.4rem;line-height:17px;color:#6e6d7a}#lightbox{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:-1;display:flex;align-items:center;justify-content:center}#lightbox .cropper-container.cropper-bg{background:#000}#lightbox #close-lightbox{position:absolute;top:1.5rem;right:1.5rem}#lightbox #close-lightbox .close{position:relative;display:inline-block;width:3.5rem;height:3.5rem;overflow:hidden;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#lightbox #close-lightbox .close:hover{transform:scale(1.05)}#lightbox #close-lightbox .close:hover::before,#lightbox #close-lightbox .close:hover::after{background:#fafafa}#lightbox #close-lightbox .close::before,#lightbox #close-lightbox .close::after{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fafafa}#lightbox #close-lightbox .close::before{transform:rotate(45deg)}#lightbox #close-lightbox .close::after{transform:rotate(-45deg)}#lightbox #close-lightbox .close.rounded::before,#lightbox #close-lightbox .close.rounded::after{border-radius:5px}#lightbox #close-lightbox .close.black::before,#lightbox #close-lightbox .close.black::after{height:8px;margin-top:-4px}#lightbox #cropper-actions{width:100%;height:8rem;position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-sizing:border-box}#lightbox #cropper-actions a{width:auto;height:4rem;padding:0 1.5rem;background:linear-gradient(83.16deg, #EA56AF 0%, #EA3B65 100%);border-radius:1rem;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.8rem;line-height:1.2}.preview{z-index:2 !important}#ani-hide{width:0;height:0;visibility:hidden;animation:loadAni 5s ease forwards}@keyframes loadAni{from{opacity:1}to{opacity:0}}#loading-cover .hand{display:flex;justify-content:center;align-items:center}#loading-cover span{color:rgba(255,255,255,.8745098039);font-size:30px;font-weight:800}#loading-cover .finger{display:inline-block;width:2.5em;height:4.5em;background-color:#f2cce0;margin:0 .25em;border-bottom:.5em solid #dc84b1;border-left:.25em solid #ab3070;border-radius:15% 15% 25% 25%;animation-name:tap;animation-duration:1s;animation-iteration-count:infinite}#loading-cover .finger:nth-child(1){animation-delay:.8s}#loading-cover .finger:nth-child(2){animation-delay:.7s}#loading-cover .finger:nth-child(3){animation-delay:.6s}#loading-cover .finger:nth-child(4){animation-delay:.5s}@keyframes tap{0%{transform:translateY(0)}60%{transform:translateY(-1em)}70%{transform:translateY(0)}100%{transform:translateY(0)}}#pic-word-quiz-container{width:100%;background-color:#fff;border-radius:12px;overflow:hidden;padding:2rem 2rem;box-sizing:border-box}#pic-word-quiz-container header{width:100%;margin-bottom:1.7rem}#pic-word-quiz-container header h5{font-size:26px;line-height:31px;font-weight:600;color:#0d0c22;margin-bottom:8px;text-transform:capitalize}#pic-word-quiz-container .pic-cover{width:100%;margin-bottom:3rem}#pic-word-quiz-container .pic-cover .cover{position:relative;border:1px solid rgba(0,0,0,.1019607843);border-radius:12px;overflow:hidden;margin-bottom:12px}#pic-word-quiz-container .pic-cover .cover .pic-title{width:100%;height:31px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);opacity:.7;position:absolute;bottom:0;left:0;display:flex;align-items:center;padding-left:2.6rem;box-sizing:border-box}#pic-word-quiz-container .pic-cover .cover .pic-title span{font-size:1.6rem;line-height:19px;font-weight:400;color:#fff;text-transform:capitalize;opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#pic-word-quiz-container .pic-cover .desc{font-size:1.6rem;line-height:1.9rem;min-height:16px;color:#3d3d4e;text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}#pic-word-quiz-container .question-action{width:100%;padding-right:1.7rem;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:12px}#pic-word-quiz-container .question-action .or{font-size:16px;line-height:19px;color:#3d3d4e;margin-bottom:8px}#pic-word-quiz-container .question-action a,#pic-word-quiz-container .question-action .custom-name{width:35rem;height:6rem;border-radius:12px;overflow:hidden;text-decoration:none;text-transform:capitalize;display:flex;justify-content:center;align-items:center}#pic-word-quiz-container .question-action a span,#pic-word-quiz-container .question-action .custom-name span{font-size:2.4rem;line-height:29px;font-weight:600;color:#fff;margin-left:8px}#pic-word-quiz-container .question-action .use-fb{background-color:#4864b4;margin-bottom:10px}#pic-word-quiz-container .question-action .custom-name input{width:calc(100% - 11rem);height:100%;border:none;padding-left:2rem;box-sizing:border-box;background-color:#fdeef4;flex:0 0 auto;font-size:1.6rem;line-height:max(1.9rem,16px);outline:0;color:#0d0c22}#pic-word-quiz-container .question-action .custom-name input::placeholder{color:#ea4c89;font-size:1.6rem;line-height:max(1.9rem,16px);text-transform:capitalize}#pic-word-quiz-container .question-action .custom-name a{background-color:#ea4c89;border-radius:0 0;font-size:1.8rem;line-height:max(2.2rem,14px);color:#fff;text-transform:capitalize}#pic-word-quiz-container .question-tip{width:100%;display:flex;justify-content:center}#pic-word-quiz-container .question-tip span{font-size:1.4rem;line-height:17px;color:#6e6d7a}#judgment-container{width:100%}#judgment-container .question-ads{margin:1.5rem 0;position:relative;grid-row:2/span 1}#judgment-container .main-ads{margin:1rem 0}#judgment-container .ads-1{margin:1rem 0}#judgment-container .unfill{height:0 !important;min-height:0 !important;margin:0 0}#judgment-container.show-ads{border-radius:0;position:relative;overflow:hidden}#judgment-container.show-ads .user-area .main-ads{margin-top:2rem}#judgment-container.show-ads .title .cover{display:block}#judgment-container.show-ads #loading-cover{z-index:0}#judgment-container.show-ads .questions,#judgment-container.show-ads .page-progress,#judgment-container.show-ads .page-actions{display:none}#judgment-container #loading-cover{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:12px;background:linear-gradient(-20deg, #00B4FF 0%, #009CFF 100%);display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);z-index:-1}#judgment-container .active-loading{height:150px !important;z-index:0 !important;visibility:visible !important}#judgment-container header{margin-bottom:10px}#judgment-container header h5{font-size:24px;line-height:1.2;font-weight:600;color:#0d0c22;text-transform:capitalize}#judgment-container .question-description{width:100%;box-sizing:border-box;margin-bottom:10px;font-size:1.4rem;line-height:1.75;color:#666}#judgment-container .question-description h5{font-size:18px;margin-bottom:8px}#judgment-container .question-description p{font-size:1.4rem;line-height:1.75;color:#666;margin:10px 0}#judgment-container .question-description ul{padding:0 0 0 2rem;margin:0;font-size:1.4rem;line-height:1.75;color:#666}#judgment-container .question-description ul li{font-size:1.4rem;line-height:1.75;color:#666}#judgment-container .title{margin-bottom:5px}#judgment-container .title .cover{width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.1019607843);overflow:hidden;margin-bottom:12px;position:relative;display:none}#judgment-container .title p{font-size:16px;line-height:1.2;color:#3d3d4e}#judgment-container .page-progress{width:100%;box-sizing:border-box;margin:4px 0 5px}#judgment-container .page-progress .progress-shell{display:flex;align-items:center}#judgment-container .page-progress .progress-text{font-size:1.4rem;line-height:1.8rem;font-weight:400;color:#3d3d4e;margin-left:10px}#judgment-container .page-progress .progress-text .current-step{font-size:1.8rem;line-height:2rem;color:#00b4ff;font-weight:600}#judgment-container .page-progress .progress-track{width:100%;height:1.8rem;border-radius:999px;overflow:hidden;border:2px solid rgba(0,180,255,.42);background:#e5f7ff;position:relative}#judgment-container .page-progress .progress-bar{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(83.16deg, #00B4FF 0%, #009CFF 100%);transition:width .3s ease;position:relative;z-index:0}#judgment-container .page-progress .progress-percent{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:1.4rem;line-height:1;font-weight:600;color:#0d0c22;z-index:1}#judgment-container .questions{width:100%;display:grid;row-gap:12px;grid-template-columns:100%}#judgment-container .questions li{width:100%}#judgment-container .questions .sub-question{display:none}#judgment-container .questions .sub-question.is-active{display:block}#judgment-container .question{width:100%}#judgment-container .question .sequence-number{margin-bottom:4px}#judgment-container .question .sequence-number p{font-size:1.6rem;line-height:1.9rem;font-weight:400;color:#3d3d4e}#judgment-container .question .sequence-number p span{font-size:2.4rem;line-height:2.9rem;color:#00b4ff;font-weight:600}#judgment-container .question-board{width:100%;border-radius:12px;overflow:hidden;padding-bottom:.4rem;background-color:#fff}#judgment-container .question-board .question-header{padding:.8rem 2rem;box-sizing:border-box}#judgment-container .question-board .question-header p{font-size:24px;line-height:1.2;font-weight:600;color:#0d0c22;text-transform:capitalize}#judgment-container .answer-list{width:100%;box-sizing:border-box;padding:.8rem 2rem 1.2rem;background-color:#fff;display:grid;grid-template-columns:repeat(2, calc((100% - 1.2rem) / 2));column-gap:1.2rem;row-gap:1.2rem;border-radius:0 0 12px 12px;overflow:hidden;border:1px solid rgba(0,180,255,.1)}#judgment-container .answer-list a{text-decoration:none}#judgment-container .answer-list li{width:100%;box-sizing:border-box;overflow:hidden}#judgment-container .answer-list li .answer-item{display:block;width:100%;height:0;padding-bottom:52.375%;overflow:hidden;cursor:pointer;border-radius:12px;background-color:#fff;border:2px solid #00b4ff;box-sizing:border-box;position:relative;transition:all .25s linear;-webkit-transition:all .25s linear}#judgment-container .answer-list li .answer-item .check{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;border-radius:8px;overflow:hidden;transition:all .05s linear;-webkit-transition:all .05s linear}#judgment-container .answer-list li .answer-item .check .image-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#judgment-container .answer-list li .incorrect{border:2px solid #00b4ff}#judgment-container .answer-list li.is-answer-revealed input:checked~.correct,#judgment-container .answer-list li.is-answer-revealed .correct-active{animation:judgmentAnswerStateIn 420ms ease-out;background:#1cd12a;border-color:#1cd12a;box-shadow:0px 2px 8px rgba(0,91,153,.2)}#judgment-container .answer-list li.is-answer-revealed input:checked~.correct .check,#judgment-container .answer-list li.is-answer-revealed .correct-active .check{width:calc(100% - 24px);height:calc(100% - 24px);top:12px;left:12px;border-radius:4px}#judgment-container .answer-list li.is-answer-revealed input:checked~.correct .check .image-box,#judgment-container .answer-list li.is-answer-revealed .correct-active .check .image-box{width:calc(100% + 16px)}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect{background:#ff7f7f;border:2px solid #e70c0c;box-sizing:border-box}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect .check{width:calc(100% - 24px);height:calc(100% - 24px);top:12px;left:12px;border-radius:4px}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect .check .image-box{width:calc(100% + 16px)}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect .check{border-color:#ec1313}#judgment-container .answer-list li.is-answer-shaking input:checked~label{animation:judgmentIncorrectShake 400ms ease-in-out}#judgment-container .question-body{background-color:#fff;border-radius:12px}#judgment-container .question-body .question-cover{width:100%}#judgment-container .question-body .question-cover img{aspect-ratio:80/35;object-fit:cover}#judgment-container .question-body .radio-list{width:100%;box-sizing:border-box;padding:.8rem 2rem 1.2rem;display:grid;gap:8px 12px;grid-template-columns:repeat(2, minmax(0, 1fr))}#judgment-container .question-body .radio-list li{width:100%;display:flex;position:relative}#judgment-container .question-body .radio-list li input{visibility:hidden;position:absolute}#judgment-container .question-body .radio-list li label{width:100%;height:100%;display:flex;align-items:center;padding:8px 1.2rem;min-height:9rem;box-sizing:border-box;cursor:pointer;background-color:#00b4ff;border-radius:8px;overflow:hidden;transition:background .25s linear;-webkit-transition:background .25s linear;border:2px solid #00b4ff}#judgment-container .question-body .radio-list li label span{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:2.6rem;line-height:2.6rem;font-weight:700;color:#fff;text-transform:capitalize}#judgment-container .question-body .radio-list li label .check{display:none;border:3px solid #00b4ff;border-radius:100%;width:26px;height:26px;transition:border .25s linear;-webkit-transition:border .25s linear;flex:0 0 auto;margin-right:1.2rem;opacity:.8;justify-content:center;align-items:center;position:relative}#judgment-container .question-body .radio-list li:hover label{background-color:#009cff}#judgment-container .question-body .radio-list li:hover label span{color:#fff}#judgment-container .question-body .radio-list li:hover label .check{color:#006c99}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active{animation:judgmentAnswerStateIn 420ms ease-out;background:#1cd12a;box-shadow:0px 2px 8px rgba(0,91,153,.2)}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct span,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active span{color:#fff;font-weight:700}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct .check,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active .check{border-color:#fff}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct .check::before,#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct .check::after,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active .check::before,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active .check::after{content:"";height:2px;background-color:#fff;display:block;border-radius:2px;position:absolute;z-index:10;left:50%;top:50%}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct .check::before,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active .check::before{width:6px;transform:translate(calc(-50% - 3px), calc(-50% + 1.5px)) rotate(45deg)}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.correct .check::after,#judgment-container .question-body .radio-list li.is-answer-revealed .correct-active .check::after{width:11px;transform:translate(calc(-50% + 2px), -50%) rotate(-45deg)}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect{background:#ff7f7f;border:2px solid #e70c0c}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect span{color:#fff;font-weight:700}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect .check{border-color:#ec1313}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect .check::before,#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect .check::after{content:"";width:12px;height:2px;background-color:#ec1313;display:block;border-radius:2px;position:absolute;top:50%;left:50%;z-index:10;transform-origin:center}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect .check::before{transform:translate(-50%, -50%) rotate(45deg)}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect .check::after{transform:translate(-50%, -50%) rotate(-45deg)}#judgment-container .question-body .radio-list li.is-answer-shaking input:checked~label{animation:judgmentIncorrectShake 400ms ease-in-out}#judgment-container .page-actions{width:100%;box-sizing:border-box;max-width:30.6rem;margin:20px auto 0;display:flex;align-items:stretch;justify-content:center}#judgment-container #next{width:100%;height:5rem;display:flex;justify-content:center;align-items:center;border-radius:12px;overflow:hidden;border:0;text-decoration:none;cursor:pointer;font-family:inherit;-webkit-appearance:none;appearance:none;font-size:2.4rem;line-height:2.9rem;font-weight:600;transition:all .5s cubic-bezier(0.075, 0.82, 0.165, 1)}#judgment-container .is-hidden{display:none !important}#judgment-container #next{background-color:#00b4ff;color:#fff}#judgment-container #next:hover{background-color:#007eb3;box-shadow:0px 2px 6px 0px #00b4ff}#judgment-container #next:active{background-color:#007eb3;box-shadow:0px 1px 4px 0px #00b4ff}#judgment-container #next:disabled{cursor:default;opacity:.72;box-shadow:none}#judgment-container #next.is-loading{background:#a5e0ff}#judgment-container #ani-hide{width:0;height:0;visibility:hidden;animation:loadAni 5s ease forwards}@keyframes judgmentAnswerStateIn{from{transform:scale(0.97);opacity:.84}to{transform:scale(1);opacity:1}}@keyframes judgmentIncorrectShake{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}@keyframes loadAni{from{opacity:1}to{opacity:0}}#judgment-container .mobile .ads-2{margin-top:10px}#judgment-container .mobile .main-ads{margin-left:-1.2rem;margin-right:-1.2rem;width:auto}#judgment-container .mobile .title .main-ads{margin-top:20px;margin-bottom:20px}#judgment-container .mobile .questions .main-ads-2{grid-row:2/span 1}#judgment-container .mobile .questions .main-ads-3{grid-row:5/span 1}#inputrandom-container{margin-top:-1rem}#inputrandom-container.style_0 #question-board{background-image:url("./a-4ffad5179209384f8cc7.jpg")}#inputrandom-container.style_0 #question-board .question-board-container .board-title{width:50%}#inputrandom-container.style_0 .question-input{background-color:#d3398d}#inputrandom-container.style_1 #question-board{background-image:url("./a-6b9b750650a20f3591c2.jpg")}#inputrandom-container.style_1 #question-board .question-board-container .board-title{width:30%}#inputrandom-container.style_1 #question-board .question-board-container .input-tip{margin-top:-5px}#inputrandom-container.style_1 .question-input{background-color:#1d1c61}#inputrandom-container .main-ads{margin:1rem 0}#inputrandom-container header{padding:1rem 1.2rem;box-sizing:border-box}#inputrandom-container header h5{font-size:1.8rem;line-height:1.2;font-weight:600;color:#0d0c22}#inputrandom-container .question-description{width:100%;box-sizing:border-box;margin-bottom:10px;font-size:1.4rem;line-height:1.75;color:#666}#inputrandom-container .question-description h5{font-size:18px;margin-bottom:8px}#inputrandom-container .question-description p{font-size:1.4rem;line-height:1.75;color:#666;margin:10px 0}#inputrandom-container .question-description ul{padding:0 0 0 2rem;margin:0;font-size:1.4rem;line-height:1.75;color:#666}#inputrandom-container .question-description ul li{font-size:1.4rem;line-height:1.75;color:#666}#inputrandom-container #question-board{width:100%;height:0;padding-bottom:500px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}#inputrandom-container #question-board .question-board-container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding-top:10px;box-sizing:border-box}#inputrandom-container #question-board .question-board-container .board-title{max-width:300px}#inputrandom-container #question-board .question-board-container .board-title img{width:100%}#inputrandom-container #question-board .question-board-container .input-tip{width:90%;font-size:22px;color:#fff;text-align:center;max-width:340px}#inputrandom-container #question-board .question-board-container .input-tip img{width:100%}#inputrandom-container #question-board .questions{width:90%;display:flex;align-items:center;margin-top:10px}#inputrandom-container #question-board .questions .and-icon{margin:20px 10px 0;font-size:24px;color:#fff;font-weight:700}#inputrandom-container #question-board .questions .sub-question{width:80%}#inputrandom-container #question-board .questions .sub-question .sub-question-board{display:flex;flex-direction:column}#inputrandom-container #question-board .questions .sub-question .sub-question-board .question-header{margin-bottom:5px;padding-left:2px;box-sizing:border-box}#inputrandom-container #question-board .questions .sub-question .sub-question-board .question-header p{color:#fff;font-size:18px;text-transform:capitalize}#inputrandom-container #question-board .questions .sub-question .sub-question-board .question-input{width:100%;height:40px;outline:none;border:2px #fff solid;border-radius:7px;padding:0 5px;box-sizing:border-box;color:#fff;font-size:1.6rem}#inputrandom-container #question-board #submit{height:200px;width:auto;animation:beatani 3s cubic-bezier(0.895, 0.03, 0.685, 0.22) .5s infinite;cursor:pointer;margin-top:20px}#inputrandom-container #question-board #submit img{height:100%}#inputrandom-container #question-board #submit:hover{animation:none}#inputrandom-container .desktop header{background-color:#fff;margin-bottom:10px}#inputrandom-container .mobile .main-ads{margin:10px 0 0 !important}@keyframes beatani{0%{transform:scale(1)}80%{transform:scale(1)}85%{transform:scale(1.05)}90%{transform:scale(0.99)}95%{transform:scale(1.05)}100%{transform:scale(1)}}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center::before,.cropper-center::after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center::before{height:1px;left:-3px;top:0;width:7px}.cropper-center::after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}.cropper-point.point-se{height:15px;width:15px}.cropper-point.point-se{height:10px;width:10px}.cropper-point.point-se{height:5px;opacity:.75;width:5px}.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("./a-90438939b17284829c35.png")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none !important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.role-box{width:70%;height:100%;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.role-box img{width:60%;border-radius:8px}.ratio-2-1 .role-area .role-container .role-box img{width:90%}.temperature{width:70%;height:100%;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.temperature .background{width:100%;height:100%;position:absolute;top:0;left:0}.temperature .background::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:1}.temperature .background img{width:100%;height:100%}.temperature .temperature-box{height:80%;position:relative;z-index:2}.temperature .temperature-box .temperature-img{width:auto;height:100%;z-index:1}.temperature .temperature-box .left-side,.temperature .temperature-box .right-side{width:80%;position:absolute;bottom:7%;top:9%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.temperature .temperature-box .left-side li,.temperature .temperature-box .right-side li{width:100%;height:6px;background-color:#fff;border-radius:3px;position:relative}.temperature .temperature-box .left-side li.top,.temperature .temperature-box .right-side li.top{width:75%}.temperature .temperature-box .left-side li span,.temperature .temperature-box .right-side li span{font-size:14px;color:#fff;text-transform:uppercase;position:absolute;white-space:nowrap;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.temperature .temperature-box .left-side li span.temperature-focus,.temperature .temperature-box .right-side li span.temperature-focus{transform:translateY(-50%) scale(1.2)}.temperature .temperature-box .left-side{left:calc(-50% - 3px);align-items:flex-start}.temperature .temperature-box .left-side li span{right:calc(100% + 8px)}.temperature .temperature-box .right-side{height:42.5%;top:50.5%;right:calc(-50% - 3px);transform:translateY(-50%);align-items:flex-end}.temperature .temperature-box .right-side li span{left:calc(100% + 8px)}.temperature .temperature-box .temp{--transform-ball: translate(-50%, -50%);--temp-height: 0%;width:25%;height:calc(0% + 10px);position:absolute;bottom:calc(7% - 10px);left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;border-radius:0 0 10px 10px}.temperature .temperature-box .temp .pillar{width:100%;height:100%;border-radius:0 0 10px 10px;position:relative;background-color:inherit;background-color:inherit}.temperature .temperature-box .temp .ball{width:calc(100% + 5px);height:0;padding-bottom:calc(100% + 5px);border-radius:50%;position:absolute;left:50%;top:0;transform:var(--transform-ball);background-color:inherit}.main-ads-1{margin:1rem -1rem}#role-container{width:100%;background-color:#fff;border-radius:12px;overflow:hidden;padding:8px 1rem .8rem;box-sizing:border-box;position:relative}#role-container::before{content:"";background:url("./a-892c283bbba3289875ea.png");width:0;height:0}#role-container .user-area{width:100%}#role-container header{width:100%;margin-bottom:10px}#role-container header h5{font-size:18px;line-height:1.2;font-weight:600;color:#0d0c22;margin-bottom:8px;text-transform:capitalize}#role-container .question-description{width:100%;box-sizing:border-box;margin-bottom:10px;font-size:1.4rem;line-height:1.75;color:#666}#role-container .question-description h5{font-size:18px;margin-bottom:8px}#role-container .question-description p{font-size:1.4rem;line-height:1.75;color:#666;margin:10px 0}#role-container .question-description ul{padding:0 0 0 2rem;margin:0;font-size:1.4rem;line-height:1.75;color:#666}#role-container .question-description ul li{font-size:1.4rem;line-height:1.75;color:#666}#role-container .role-area{width:100%;position:relative;overflow:hidden;padding-bottom:56.25%}#role-container .role-area .question-cover{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:10px;z-index:1;transition:all .3s ease}#role-container .role-area .question-cover .image-box{width:100%;height:100%;padding-bottom:0}#role-container .role-area .question-cover .image-box .image-background img{width:100%;height:100%;border-radius:10px}#role-container .role-area .role-container{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:10px;background-color:#000;display:flex;padding:10px;box-sizing:border-box;align-items:center}#role-container .role-area .role-container .upload-box{width:40%;height:100%;margin-right:9px;position:relative;border-radius:8px;overflow:hidden}#role-container .role-area .role-container .upload-box img{width:100%}#role-container .role-area .role-container .upload-box .input-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#role-container .role-area .role-container .upload-box .input-container .input-btn{width:95%;height:95%;border-radius:8px;position:relative}#role-container .role-area .role-container .upload-box .input-container .input-btn .glass-bg{width:100%;height:100%;overflow:hidden;filter:blur(5px);position:relative;background:#eb36dd}#role-container .role-area .role-container .upload-box .input-container .input-btn .glass-bg::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,.3);box-sizing:border-box;mix-blend-mode:hard-light}#role-container .role-area .role-container .upload-box .input-container .input-btn .glass-bg img{height:100%;width:auto;position:absolute;top:0;left:50%;transform:translateX(-50%)}#role-container .role-area .role-container .upload-box .input-container .input-btn .upload-icon{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column}#role-container .role-area .role-container .upload-box .input-container .input-btn .upload-icon svg{width:100px;height:100px;margin-bottom:10px;animation:heartbeat 2.5s ease-in-out infinite both;cursor:pointer}#role-container .role-area .role-container .upload-box .input-container .input-btn .upload-icon span{font-size:22px;color:#fff;font-weight:600;text-transform:capitalize}#role-container .question-action{width:100%;padding-right:1.7rem;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:12px}#role-container .question-action #customer-image{width:0;height:0}#role-container .question-action a{width:35rem;height:6rem;border-radius:12px;overflow:hidden;text-decoration:none;text-transform:capitalize;display:flex;justify-content:center;align-items:center}#role-container .question-action a span{font-size:2.4rem;line-height:29px;font-weight:600;color:#fff;margin-left:8px}#role-container .question-action .use-fb{background-color:#4864b4;margin-bottom:10px}#role-container .question-action .use-file{background-color:#ea4c89}#role-container .question-tip{width:100%;display:flex;justify-content:center}#role-container .question-tip span{font-size:1.4rem;line-height:17px;color:#6e6d7a}.preview{z-index:2 !important}#ani-hide{width:0;height:0;visibility:hidden;animation:loadAni 5s ease forwards}@keyframes loadAni{from{opacity:1}to{opacity:0}}#editor-area{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}#editor-area .cropper-box{width:100%;height:100%;position:fixed;left:0;top:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}#editor-area .cropper-box .cropper-container.cropper-bg{background:#fff}#editor-area .cropper-box .cropper-container .cropper-modal{background-color:rgba(255,255,255,.85);opacity:1}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-face{background-color:rgba(0,0,0,0);background-image:url("./a-892c283bbba3289875ea.png");background-repeat:no-repeat;background-size:100% 100%;background-position:center center;opacity:.5}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-view-box{outline:2px solid #000}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-line{background-color:rgba(0,0,0,0)}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-line.line-e,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-line.line-w{width:16px}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-line.line-n,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-line.line-s{height:16px}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-se,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-sw,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-ne,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-nw{width:16px;height:16px;background-color:#000;border-radius:50%;opacity:1}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-se::before,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-sw::before,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-ne::before,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-nw::before{background-color:#000;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%;border-radius:50%}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-e,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-w,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-n,#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-s{width:0;height:0;background-color:#000;border-radius:50%}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-se{bottom:-8px;right:-8px}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-sw{bottom:-8px;left:-8px}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-ne{top:-8px;right:-8px}#editor-area .cropper-box .cropper-container .cropper-crop-box .cropper-point.point-nw{top:-8px;left:-8px}#editor-area .cropper-box .editor-actions{width:100%;height:60px;border-radius:10px;overflow:hidden;margin-top:20px;display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;padding:0 20px;box-sizing:border-box;pointer-events:none}#editor-area .cropper-box .editor-actions a{width:100px;height:50px;padding:0 1.5rem;background:linear-gradient(83.16deg, #EA56AF 0%, #EA3B65 100%);border-radius:1rem;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.8rem;line-height:1.2;text-decoration:none;pointer-events:auto;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)}#editor-area.show{z-index:10}#editor-area.show .backdrop{animation:fadeIn .5s ease forwards}#editor-area.show .cropper-box{z-index:2}#editor-area.show .cropper-box #cropper{animation:slideIn .3s ease-in-out forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:scale(0.5)}to{transform:scale(1)}}.loader-box{position:absolute;display:none;left:0;top:0%;height:100%;width:100%;border-bottom:1px solid rgba(255,255,255,.75);animation:loader-ani 4s cubic-bezier(0.25, 0, 0.75, 1) infinite;overflow:hidden}.loader-box.loader-show{display:block}.feather{position:absolute;bottom:0%;height:200px;width:100%;opacity:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(212, 250, 255, 0.25) 100%),linear-gradient(180deg, rgba(212, 255, 250, 0) 0%, rgba(212, 255, 250, 0.5) 100%);animation:feather-ani 4s cubic-bezier(0.25, 0, 0.75, 1) infinite;mix-blend-mode:hard-light}@keyframes loader-ani{0%{height:0%}30%{border-bottom:1px solid rgba(255,255,255,.75)}50%{border-bottom:1px solid rgba(255,255,255,0);height:110%}100%{border-bottom:1px solid rgba(255,255,255,0);height:110%}}@keyframes feather-ani{0%{opacity:1}25%{opacity:1}50%{opacity:0}100%{opacity:0}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(0.96);transform:scale(0.96);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(0.99);transform:scale(0.99);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center::before,.cropper-center::after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center::before{height:1px;left:-3px;top:0;width:7px}.cropper-center::after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}.cropper-point.point-se{height:15px;width:15px}.cropper-point.point-se{height:10px;width:10px}.cropper-point.point-se{height:5px;opacity:.75;width:5px}.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("./a-90438939b17284829c35.png")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none !important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.role-box{width:60%;height:100%;position:relative;border-radius:8px;overflow:hidden}.role-box .background{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:20px;overflow:hidden}.role-box .background img{height:100%;width:auto}.role-box .rail{width:100%;height:100%;position:absolute;top:0;left:0}.role-box .rail img{width:100%;height:100%}.role-box .carousel{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.role-box .carousel #carousel-container{width:auto;height:100%;display:flex}.role-box .carousel #carousel-container .carousel-item{height:100%;flex:0 0 auto;display:flex;justify-content:center}.role-box .carousel #carousel-container .carousel-item img{height:100%;width:auto}.role-box #addon-container{width:100%;height:100%;position:absolute;top:0;right:0}.role-box #addon-container .addon-image-box{width:100%;height:100%;display:flex;justify-content:center;transform:translateX(100%);position:absolute}.role-box #addon-container .addon-image-box .addon-image{height:100%;width:auto}.temperature{width:70%;height:100%;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.temperature .background{width:100%;height:100%;position:absolute;top:0;left:0}.temperature .background::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:1}.temperature .background img{width:100%;height:100%}.temperature .temperature-box{height:80%;position:relative;z-index:2}.temperature .temperature-box .temperature-img{width:auto;height:100%;z-index:1}.temperature .temperature-box .left-side,.temperature .temperature-box .right-side{width:80%;position:absolute;bottom:7%;top:9%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.temperature .temperature-box .left-side li,.temperature .temperature-box .right-side li{width:100%;height:6px;background-color:#fff;border-radius:3px;position:relative}.temperature .temperature-box .left-side li.top,.temperature .temperature-box .right-side li.top{width:75%}.temperature .temperature-box .left-side li span,.temperature .temperature-box .right-side li span{font-size:14px;color:#fff;text-transform:uppercase;position:absolute;white-space:nowrap;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.temperature .temperature-box .left-side li span.temperature-focus,.temperature .temperature-box .right-side li span.temperature-focus{transform:translateY(-50%) scale(1.2)}.temperature .temperature-box .left-side{left:calc(-50% - 3px);align-items:flex-start}.temperature .temperature-box .left-side li span{right:calc(100% + 8px)}.temperature .temperature-box .right-side{height:42.5%;top:50.5%;right:calc(-50% - 3px);transform:translateY(-50%);align-items:flex-end}.temperature .temperature-box .right-side li span{left:calc(100% + 8px)}.temperature .temperature-box .temp{--transform-ball: translate(-50%, -50%);--temp-height: 0%;width:25%;height:calc(0% + 10px);position:absolute;bottom:calc(7% - 10px);left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;border-radius:0 0 10px 10px}.temperature .temperature-box .temp .pillar{width:100%;height:100%;border-radius:0 0 10px 10px;position:relative;background-color:inherit;background-color:inherit}.temperature .temperature-box .temp .ball{width:calc(100% + 5px);height:0;padding-bottom:calc(100% + 5px);border-radius:50%;position:absolute;left:50%;top:0;transform:var(--transform-ball);background-color:inherit}#image-complex-container{width:100%;overflow:hidden;padding:2rem 0 2rem;box-sizing:border-box;position:relative}#image-complex-container .main-ads{margin:1rem 0}#image-complex-container .user-area{width:100%}#image-complex-container header{width:100%;margin-bottom:10px;padding:10px 1.2rem 0;box-sizing:border-box}#image-complex-container header h5{font-size:26px;line-height:31px;font-weight:600;color:#0d0c22;margin-bottom:8px;text-transform:capitalize}#image-complex-container .question-description{width:100%;box-sizing:border-box;margin-bottom:10px;padding:0 1.2rem;font-size:1.4rem;line-height:1.75;color:#666}#image-complex-container .question-description h5{font-size:18px;margin-bottom:8px}#image-complex-container .question-description p{font-size:1.4rem;line-height:1.75;color:#666;margin:10px 0}#image-complex-container .question-description ul{padding:0 0 0 2rem;margin:0;font-size:1.4rem;line-height:1.75;color:#666}#image-complex-container .question-description ul li{font-size:1.4rem;line-height:1.75;color:#666}#image-complex-container .role-area{width:100%;position:relative;padding-bottom:56.25%}#image-complex-container .role-area .role-container{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:10px;background-color:#000;display:flex;padding:8px;box-sizing:border-box;align-items:center;border-bottom:#f4f3f2 1px solid;background:#fff;box-shadow:0px 3px 1px #dcdcda;overflow:hidden}#image-complex-container .role-area .role-container .upload-box{width:40%;height:100%;margin-right:8px;position:relative;border-radius:8px;overflow:hidden}#image-complex-container .role-area .role-container .upload-box img{width:100%}#image-complex-container .role-area .role-container .upload-box #name-container{width:100%;height:100%;padding-top:35px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#image-complex-container .role-area .role-container .upload-box #name-container .block{width:100%;display:flex;flex-direction:column;align-items:center}#image-complex-container .role-area .role-container .upload-box #name-container .block .enter-name-tip{width:75%;margin-bottom:16px}#image-complex-container .role-area .role-container .upload-box #name-container .block .role-title{width:75%;font-family:"Eras";font-size:4.2rem;color:#e60785;word-break:break-word;white-space:pre-wrap;letter-spacing:-2px;word-spacing:3px;margin-bottom:16px;line-height:1}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box{width:85%;height:50px;border-radius:25px;border:1px solid #e5e5e5;overflow:hidden;box-shadow:inset 0px 0px 4px #b6b6b6,inset 0px 0px 4px #b6b6b6}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-name,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date{width:100%;height:100%;border:none;outline:none;padding:0 20px;box-sizing:border-box;font-size:22px;line-height:25px;color:#000;caret-color:#bbbaba;background-color:rgba(0,0,0,0)}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date{display:flex;align-items:center;justify-content:center}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line{height:100%;position:relative;padding:0 2px;box-sizing:content-box}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.month{margin-left:-2px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.split-line{margin-left:-4px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.split-line{font-size:22px;display:flex;align-items:center}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month span,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day span,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year span,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line span{height:100%;line-height:100%;font-size:22px;visibility:hidden;padding:0 2px;box-sizing:content-box}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month input,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day input,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year input,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line input{height:100%;position:absolute;top:0;left:2px;right:2px;outline:none;color:#000;caret-color:#bbbaba;background-color:rgba(0,0,0,0);border:none;padding:0 0;font-size:22px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month input:focus,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day input:focus,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year input:focus,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line input:focus{position:absolute;left:2px;right:2px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month{margin-left:-2px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date span{margin-left:-4px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date span{width:6px}#image-complex-container .role-area .role-container .upload-box #name-container .submit-box{width:80%;height:60px;margin-bottom:6rem}#image-complex-container .role-area .role-container .upload-box #name-container .submit-box .submit-btn{width:100%;height:100%;border-radius:30px;background:#73dcfe;display:flex;justify-content:center;align-items:center;color:#fff;font-family:"Lato";font-size:28px;font-weight:800;line-height:30px;text-transform:uppercase;cursor:pointer;text-decoration:none;box-shadow:0 6px 0 #4476ff;transition:all .1s}#image-complex-container .role-area .role-container .upload-box #name-container .submit-box .submit-btn:active{background:#e886ff;box-shadow:0 0 0;transform:translateY(6px)}#image-complex-container .role-area .role-container .upload-box #loading-container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:-1;opacity:0;transition:all .2s ease-in;background:#fff;padding:0 10px;box-sizing:border-box}#image-complex-container .role-area .role-container .upload-box #loading-container .enter-name-value{font-family:"Eras";font-size:32px;color:#e60785;filter:drop-shadow(1px 3px 1px #cdccc9);word-break:break-word;white-space:pre-wrap}#image-complex-container .role-area .role-container .upload-box #loading-container .enter-name-value .enter-name-word{display:inline-block}#image-complex-container .role-area .role-container .upload-box #loading-container .enter-name-value .enter-name-char{display:inline-block;line-height:1.25}#image-complex-container .role-area .role-container .upload-box #loading-container .enter-name-value .enter-name-char.enter-name-space{width:8px}#image-complex-container .role-area .role-container .upload-box #loading-container.show-loading{z-index:1;opacity:1}#image-complex-container .role-area .role-container .temperature{width:60%}ul{list-style:none;margin:0 0;padding:0 0}.ads-box{margin:1rem 0}.main-ads{margin-top:1rem;margin-bottom:1rem}.aside-ads-1{margin-bottom:1rem}.aside-ads-2{padding-top:1.5rem}#container{width:100%;min-height:100%;box-sizing:border-box;padding:5px 0 4rem;display:grid;justify-content:center;column-gap:15px}#container{grid-template-columns:max(100% - 405px,650px)}#container{grid-template-columns:min(max(100% - 340px,720px),800px)}#container #pic-quiz-container .pic-cover{margin-bottom:2rem}.recommends{margin-top:1rem}.recommends .header{padding-bottom:1.2rem}.recommends .header p{font-size:18px;line-height:2.2rem;font-weight:600;color:#0d0c22}.recommends ul{width:100%;padding:0 0;margin:0 0;list-style:none;display:grid;gap:12px 12px;grid-template-columns:repeat(2, calc((100% - 12px) / 2))}aside header{margin-bottom:12px}aside header p{font-size:1.8rem;line-height:2.2rem;color:#0d0c22;font-weight:600}aside ul{display:grid;row-gap:12px;grid-template-columns:100%}
@font-face{ font-family: 'Poppins'; font-weight: 700; src: url("./a-ebc8473d7fd7b973e669.woff2") format('woff2'); }
@font-face{ font-family: 'Poppins'; font-weight: 400; src: url("./a-79ea1f80a130504fea2c.woff2") format('woff2'); }
@media (max-width: 1024px){:root{--base: 1440}:root{--horizon-padding: 8rem;--base: 1280}:root{--horizon-padding: max(2rem, 20px);--base: 1024}.cropper-point.point-se{height:15px;width:15px}.cropper-point.point-se{height:15px;width:15px}.cropper-point.point-se{height:15px;width:15px}#container{grid-template-columns:100%}#container main{width:calc(100% - 40px);max-width:720px;margin:auto}#container aside{display:none}}
@media (max-width: 768px){.judgment-effect-praise{font-size:2.7rem}:root{--base: 1440}:root{--horizon-padding: 8rem;--base: 1280}:root{--horizon-padding: max(2rem, 20px);--base: 1024}:root{--horizon-padding: max(2rem, 12px);--base: 860}#selection-container .question-board .question-header{padding:.8rem 1.2rem}#selection-container .question-board .question-header p{font-size:22px;line-height:1.2;font-weight:600;color:#0d0c22;text-transform:capitalize}#selection-container .answer-list{padding:1.2rem .8rem 1.6rem;column-gap:.8rem;row-gap:.8rem;grid-template-columns:repeat(2, calc((100% - 0.8rem) / 2))}#selection-container .answer-list li input:checked~label{background:linear-gradient(83.16deg, #00B4FF 0%, #009CFF 100%)}#selection-container .answer-list li input:checked~label .check{width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px;border-radius:8px}#selection-container .answer-list li input:checked~label .check .image-box{width:calc(100% + 8px)}#selection-container .question-body .radio-list li input:checked~label{background:linear-gradient(83.16deg, #00B4FF 0%, #009CFF 100%);box-shadow:0px 2px 8px rgba(0,91,153,.2)}#selection-container .question-body .radio-list{padding:1.2rem 1.7rem 1.6rem;gap:.8rem 0;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:5px}#selection-container .question-body .radio-list li label span{font-size:2rem;line-height:1.25}#selection-container .question-body .radio-list li label .check{display:none}#pic-quiz-container{padding:0;background-color:inherit}#pic-quiz-container header h5{font-size:1.8rem;line-height:2.2rem}#pic-quiz-container .pic-cover{margin-bottom:2rem}#pic-quiz-container .question-action{padding:0 0}#pic-quiz-container .question-action a{width:100%}#pic-quiz-container #loading-cover{height:50%;gap:5px}#pic-quiz-container #loading-cover .finger{width:1.5em;height:2.5em}#pic-quiz-container #loading-cover span{font-size:22px;font-weight:700}#pic-word-quiz-container{padding:0;background-color:inherit}#pic-word-quiz-container header h5{font-size:1.8rem;line-height:2.2rem}#pic-word-quiz-container .pic-cover{margin-bottom:2rem}#pic-word-quiz-container .question-action{padding:0 0}#pic-word-quiz-container .question-action a{width:100%}#judgment-container .question-board .question-header{padding:.8rem 1.2rem}#judgment-container .question-board .question-header p{font-size:22px;line-height:1.2;font-weight:600;color:#0d0c22;text-transform:capitalize}#judgment-container .answer-list{padding:1.2rem .8rem 1.6rem;column-gap:.8rem;row-gap:.8rem;grid-template-columns:repeat(2, calc((100% - 0.8rem) / 2))}#judgment-container .answer-list li.is-answer-revealed input:checked~.correct,#judgment-container .answer-list li.is-answer-revealed .correct-active{background:#1cd12a}#judgment-container .answer-list li.is-answer-revealed input:checked~.correct .check,#judgment-container .answer-list li.is-answer-revealed .correct-active .check{width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px;border-radius:8px}#judgment-container .answer-list li.is-answer-revealed input:checked~.correct .check .image-box,#judgment-container .answer-list li.is-answer-revealed .correct-active .check .image-box{width:calc(100% + 8px)}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect{background:#ff7f7f}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect .check{width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px;border-radius:8px}#judgment-container .answer-list li.is-answer-revealed input:checked~.incorrect .check .image-box{width:calc(100% + 8px)}#judgment-container .question-body .radio-list{padding:1.2rem 1.7rem 1.6rem;gap:.8rem 0;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:5px}#judgment-container .question-body .radio-list li label{background-color:#00b4ff}#judgment-container .question-body .radio-list li label span{font-size:2rem;font-weight:700;line-height:1.25}#judgment-container .question-body .radio-list li label .check{display:none}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect{background:#ec1313}#judgment-container .question-body .radio-list li.is-answer-revealed input:checked~.incorrect span{color:#fff}.role-box{width:50%}.role-box img{width:80%}.temperature{width:60%}.temperature .temperature-box .left-side li,.temperature .temperature-box .right-side li{width:75%;height:3px}.temperature .temperature-box .left-side li.top,.temperature .temperature-box .right-side li.top{width:50%}.temperature .temperature-box .left-side li span,.temperature .temperature-box .right-side li span{font-size:9px}.temperature .temperature-box .left-side{left:calc(-25% - 3px)}.temperature .temperature-box .left-side li span{right:calc(75% + 8px)}.temperature .temperature-box .right-side{right:calc(-25% - 3px)}.temperature .temperature-box .right-side li span{left:calc(75% + 8px)}.temperature .temperature-box .temp{bottom:calc(7% - 5px);left:calc(50% + .5px);--transform-ball: translate(-50%, 0%)}#role-container .role-area .role-container .upload-box .input-container .input-btn .upload-icon svg{width:70px;height:70px}#role-container .role-area .role-container .upload-box .input-container .input-btn .upload-icon span{font-size:18px}#role-container .role-area .role-container .upload-box .input-container .input-btn .upload-icon span:first-of-type{margin-bottom:5px}#role-container{padding:0;background-color:inherit}#role-container header h5{font-size:1.8rem;line-height:2.2rem}#role-container .role-area{margin-bottom:2rem}#role-container .question-action{padding:0 0}#role-container .question-action a{width:100%}.temperature{width:60%}.temperature .temperature-box .left-side li,.temperature .temperature-box .right-side li{width:75%;height:3px}.temperature .temperature-box .left-side li.top,.temperature .temperature-box .right-side li.top{width:50%}.temperature .temperature-box .left-side li span,.temperature .temperature-box .right-side li span{font-size:9px}.temperature .temperature-box .left-side{left:calc(-25% - 3px)}.temperature .temperature-box .left-side li span{right:calc(75% + 8px)}.temperature .temperature-box .right-side{right:calc(-25% - 3px)}.temperature .temperature-box .right-side li span{left:calc(75% + 8px)}.temperature .temperature-box .temp{bottom:calc(7% - 5px);left:calc(50% + .5px);--transform-ball: translate(-50%, 0%)}#selection-container header{margin:0 -1.2rem 10px;width:auto;padding:10px 0 0}#selection-container header h5{padding:0 1.2rem;box-sizing:border-box}#selection-container .title{margin-bottom:12px}#selection-container .title .cover{margin-bottom:0}#selection-container .question-progress{margin-bottom:1.2rem}#selection-container .question-progress .question-progress-shell{grid-template-columns:100%}#selection-container .question-actions{max-width:none;flex-direction:column;align-items:center}#selection-container #next{width:100%}#pic-quiz-container header{padding:1.2rem 1.2rem 0;margin:0 -1.2rem 1.7rem}#judgment-container .page-progress{margin:0 0 1.2rem;padding:0}#judgment-container .page-progress .progress-shell{grid-template-columns:100%}#judgment-container .page-actions{max-width:100%;flex-direction:column}#judgment-container #next{width:100%}#judgment-container .title{margin-bottom:12px}#judgment-container .title .cover{margin-bottom:0}#inputrandom-container.style_0 #question-board{background-image:url("./a-04db0184f0ab5310f0fa.jpg")}#inputrandom-container.style_0 #submit{width:50% !important}#inputrandom-container.style_1 #question-board{background-image:url("./a-e200b3ba2535c6cb2b98.jpg")}#inputrandom-container.style_1 #submit{width:40% !important}#inputrandom-container header{background-color:#fff}#inputrandom-container .question-description{width:calc(100% - 20px);margin:10px auto}#inputrandom-container #question-board{padding-bottom:90%}#inputrandom-container #question-board .question-board-container{padding-top:5px}#inputrandom-container #question-board .question-board-container .board-title{width:40%}#inputrandom-container #question-board .question-board-container .input-tip{width:80%}#inputrandom-container #question-board .question-board-container .input-tip img{width:100%}#inputrandom-container #question-board .question-board-container .questions{width:95%;flex-direction:row;margin-top:5px}#inputrandom-container #question-board .question-board-container .questions .and-icon{margin:20px 10px 0;font-size:24px;color:#fff;font-weight:700}#inputrandom-container #submit{margin-top:5px !important;height:auto !important}#inputrandom-container #submit img{width:100% !important;height:auto}#role-container header{padding:10px 0}#role-container header h5{padding:0 1.2rem;box-sizing:border-box}#image-complex-container{padding:0;background-color:inherit}#image-complex-container header h5{font-size:1.8rem;line-height:2.2rem}#image-complex-container .role-area{margin-bottom:2rem}#image-complex-container .role-area .role-container .upload-box #name-container{padding-top:15px}#image-complex-container .role-area .role-container .upload-box #name-container .block .enter-name-tip{width:95%;margin-bottom:16px}#image-complex-container .role-area .role-container .upload-box #name-container .block .role-title{width:95%;letter-spacing:-1px;word-spacing:2px;font-size:2.5rem;margin-bottom:10px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box{width:95%;height:40px;box-shadow:inset 0px 0px 1px #b6b6b6,inset 0px 0px 1px #b6b6b6}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date{display:flex;align-items:center;justify-content:center}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line{height:100%;position:relative;padding:0 2px;box-sizing:content-box}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.month,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.month{margin-left:-2px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.split-line{margin-left:-4px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year.split-line,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line.split-line{font-size:14px;display:flex;align-items:center}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month span,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day span,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year span,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line span{height:100%;line-height:100%;font-size:14px;visibility:hidden;padding:0 2px;box-sizing:content-box}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month input,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day input,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year input,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line input{height:100%;position:absolute;top:0;left:2px;right:2px;outline:none;color:#000;caret-color:#bbbaba;background-color:rgba(0,0,0,0);border:none;padding:0 0;font-size:14px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month input:focus,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day input:focus,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year input:focus,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .split-line input:focus{position:absolute;left:2px;right:2px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .month{margin-left:-2px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .day,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date .year,#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date span{margin-left:-4px}#image-complex-container .role-area .role-container .upload-box #name-container .block .input-box .enter-date span{width:6px}#image-complex-container .role-area .role-container .upload-box #name-container .submit-box{width:90%;height:40px;margin-bottom:20px}#image-complex-container .role-area .role-container .upload-box #name-container .submit-box .submit-btn{font-size:18px}#image-complex-container .role-area .role-container .temperature{width:60%}#image-complex-container .role-area .role-container .temperature .temperature-box{margin-left:5px}}