/* start style 1 */
.rtl .icon-rtl {
	transform: rotate(180deg);
}

.tap-toast-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 60px;
	z-index: 10000;
}

.tap-toast {
	background-color: #000000;
	opacity: 0.85;
	height: 48px;
	padding: 16px;
	border-radius: 8px;
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	z-index: 10000;
}

.tap-toast.show {
	opacity: 1;
}

.tap-toast-tips {
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
}

/* end style 1 */
/* start style 2 */
[data-vaul-drawer] {
	touch-action: none;
	will-change: transform;
	transition: transform .5s cubic-bezier(.32, .72, 0, 1);
	animation-duration: .5s;
	animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1)
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open] {
	animation-name: slideFromBottom
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed] {
	animation-name: slideToBottom
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open] {
	animation-name: slideFromTop
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed] {
	animation-name: slideToTop
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open] {
	animation-name: slideFromLeft
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed] {
	animation-name: slideToLeft
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open] {
	animation-name: slideFromRight
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed] {
	animation-name: slideToRight
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom] {
	transform: translate3d(0, var(--initial-transform, 100%), 0)
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top] {
	transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left] {
	transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right] {
	transform: translate3d(var(--initial-transform, 100%), 0, 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top] {
	transform: translate3d(0, var(--snap-point-height, 0), 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom] {
	transform: translate3d(0, var(--snap-point-height, 0), 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left] {
	transform: translate3d(var(--snap-point-height, 0), 0, 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right] {
	transform: translate3d(var(--snap-point-height, 0), 0, 0)
}

[data-vaul-overlay][data-vaul-snap-points=false] {
	animation-duration: .5s;
	animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1)
}

[data-vaul-overlay][data-vaul-snap-points=false][data-state=open] {
	animation-name: fadeIn
}

[data-vaul-overlay][data-state=closed] {
	animation-name: fadeOut
}

[data-vaul-animate=false] {
	animation: none !important
}

[data-vaul-overlay][data-vaul-snap-points=true] {
	opacity: 0;
	transition: opacity .5s cubic-bezier(.32, .72, 0, 1)
}

[data-vaul-overlay][data-vaul-snap-points=true] {
	opacity: 1
}

[data-vaul-drawer]:not([data-vaul-custom-container=true])::after {
	content: '';
	position: absolute;
	background: inherit;
	background-color: inherit
}

[data-vaul-drawer][data-vaul-drawer-direction=top]::after {
	top: initial;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after {
	top: 100%;
	bottom: initial;
	left: 0;
	right: 0;
	height: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=left]::after {
	left: initial;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=right]::after {
	left: 100%;
	right: initial;
	top: 0;
	bottom: 0;
	width: 200%
}

[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not([data-state=closed]) {
	opacity: 0
}

[data-vaul-overlay][data-vaul-snap-points-overlay=true] {
	opacity: 1
}

[data-vaul-handle] {
	display: block;
	position: relative;
	opacity: .7;
	background: #e2e2e4;
	margin-left: auto;
	margin-right: auto;
	height: 5px;
	width: 32px;
	border-radius: 1rem;
	touch-action: pan-y
}

[data-vaul-handle]:active,
[data-vaul-handle]:hover {
	opacity: 1
}

[data-vaul-handle-hitarea] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: max(100%, 2.75rem);
	height: max(100%, 2.75rem);
	touch-action: inherit
}

@media (hover:hover) and (pointer:fine) {
	[data-vaul-drawer] {
		user-select: none
	}
}

@media (pointer:fine) {
	[data-vaul-handle-hitarea] {
		width: 100%;
		height: 100%
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeOut {
	to {
		opacity: 0
	}
}

@keyframes slideFromBottom {
	from {
		transform: translate3d(0, var(--initial-transform, 100%), 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToBottom {
	to {
		transform: translate3d(0, var(--initial-transform, 100%), 0)
	}
}

@keyframes slideFromTop {
	from {
		transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToTop {
	to {
		transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
	}
}

@keyframes slideFromLeft {
	from {
		transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToLeft {
	to {
		transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
	}
}

@keyframes slideFromRight {
	from {
		transform: translate3d(var(--initial-transform, 100%), 0, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToRight {
	to {
		transform: translate3d(var(--initial-transform, 100%), 0, 0)
	}
}

/* end style 2 */
/* start style 3 */
[data-sonner-toaster][dir=ltr],
html[dir=ltr] {
	--toast-icon-margin-start: -3px;
	--toast-icon-margin-end: 4px;
	--toast-svg-margin-start: -1px;
	--toast-svg-margin-end: 0px;
	--toast-button-margin-start: auto;
	--toast-button-margin-end: 0;
	--toast-close-button-start: 0;
	--toast-close-button-end: unset;
	--toast-close-button-transform: translate(-35%, -35%)
}

[data-sonner-toaster][dir=rtl],
html[dir=rtl] {
	--toast-icon-margin-start: 4px;
	--toast-icon-margin-end: -3px;
	--toast-svg-margin-start: 0px;
	--toast-svg-margin-end: -1px;
	--toast-button-margin-start: 0;
	--toast-button-margin-end: auto;
	--toast-close-button-start: unset;
	--toast-close-button-end: 0;
	--toast-close-button-transform: translate(35%, -35%)
}

[data-sonner-toaster] {
	position: fixed;
	width: var(--width);
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	--gray1: hsl(0, 0%, 99%);
	--gray2: hsl(0, 0%, 97.3%);
	--gray3: hsl(0, 0%, 95.1%);
	--gray4: hsl(0, 0%, 93%);
	--gray5: hsl(0, 0%, 90.9%);
	--gray6: hsl(0, 0%, 88.7%);
	--gray7: hsl(0, 0%, 85.8%);
	--gray8: hsl(0, 0%, 78%);
	--gray9: hsl(0, 0%, 56.1%);
	--gray10: hsl(0, 0%, 52.3%);
	--gray11: hsl(0, 0%, 43.5%);
	--gray12: hsl(0, 0%, 9%);
	--border-radius: 8px;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	list-style: none;
	outline: 0;
	z-index: 999999999;
	transition: transform .4s ease
}

@media (hover:none) and (pointer:coarse) {
	[data-sonner-toaster][data-lifted=true] {
		transform: none
	}
}

[data-sonner-toaster][data-x-position=right] {
	right: var(--offset-right)
}

[data-sonner-toaster][data-x-position=left] {
	left: var(--offset-left)
}

[data-sonner-toaster][data-x-position=center] {
	left: 50%;
	transform: translateX(-50%)
}

[data-sonner-toaster][data-y-position=top] {
	top: var(--offset-top)
}

[data-sonner-toaster][data-y-position=bottom] {
	bottom: var(--offset-bottom)
}

[data-sonner-toast] {
	--y: translateY(100%);
	--lift-amount: calc(var(--lift) * var(--gap));
	z-index: var(--z-index);
	position: absolute;
	opacity: 0;
	transform: var(--y);
	touch-action: none;
	transition: transform .4s, opacity .4s, height .4s, box-shadow .2s;
	box-sizing: border-box;
	outline: 0;
	overflow-wrap: anywhere
}

[data-sonner-toast][data-styled=true] {
	padding: 16px;
	background: var(--normal-bg);
	border: 1px solid var(--normal-border);
	color: var(--normal-text);
	border-radius: var(--border-radius);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
	width: var(--width);
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 6px
}

[data-sonner-toast]:focus-visible {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
}

[data-sonner-toast][data-y-position=top] {
	top: 0;
	--y: translateY(-100%);
	--lift: 1;
	--lift-amount: calc(1 * var(--gap))
}

[data-sonner-toast][data-y-position=bottom] {
	bottom: 0;
	--y: translateY(100%);
	--lift: -1;
	--lift-amount: calc(var(--lift) * var(--gap))
}

[data-sonner-toast][data-styled=true] [data-description] {
	font-weight: 400;
	line-height: 1.4;
	color: #3f3f3f
}

[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description] {
	color: inherit
}

[data-sonner-toaster][data-sonner-theme=dark] [data-description] {
	color: #e8e8e8
}

[data-sonner-toast][data-styled=true] [data-title] {
	font-weight: 500;
	line-height: 1.5;
	color: inherit
}

[data-sonner-toast][data-styled=true] [data-icon] {
	display: flex;
	height: 16px;
	width: 16px;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
	margin-left: var(--toast-icon-margin-start);
	margin-right: var(--toast-icon-margin-end)
}

[data-sonner-toast][data-promise=true] [data-icon]>svg {
	opacity: 0;
	transform: scale(.8);
	transform-origin: center;
	animation: sonner-fade-in .3s ease forwards
}

[data-sonner-toast][data-styled=true] [data-icon]>* {
	flex-shrink: 0
}

[data-sonner-toast][data-styled=true] [data-icon] svg {
	margin-left: var(--toast-svg-margin-start);
	margin-right: var(--toast-svg-margin-end)
}

[data-sonner-toast][data-styled=true] [data-content] {
	display: flex;
	flex-direction: column;
	gap: 2px
}

[data-sonner-toast][data-styled=true] [data-button] {
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 8px;
	height: 24px;
	font-size: 12px;
	color: var(--normal-bg);
	background: var(--normal-text);
	margin-left: var(--toast-button-margin-start);
	margin-right: var(--toast-button-margin-end);
	border: none;
	font-weight: 500;
	cursor: pointer;
	outline: 0;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transition: opacity .4s, box-shadow .2s
}

[data-sonner-toast][data-styled=true] [data-button]:focus-visible {
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .4)
}

[data-sonner-toast][data-styled=true] [data-button]:first-of-type {
	margin-left: var(--toast-button-margin-start);
	margin-right: var(--toast-button-margin-end)
}

[data-sonner-toast][data-styled=true] [data-cancel] {
	color: var(--normal-text);
	background: rgba(0, 0, 0, .08)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel] {
	background: rgba(255, 255, 255, .3)
}

[data-sonner-toast][data-styled=true] [data-close-button] {
	position: absolute;
	left: var(--toast-close-button-start);
	right: var(--toast-close-button-end);
	top: 0;
	height: 20px;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	color: var(--gray12);
	background: var(--normal-bg);
	border: 1px solid var(--gray4);
	transform: var(--toast-close-button-transform);
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	transition: opacity .1s, background .2s, border-color .2s
}

[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
}

[data-sonner-toast][data-styled=true] [data-disabled=true] {
	cursor: not-allowed
}

[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover {
	background: var(--gray2);
	border-color: var(--gray5)
}

[data-sonner-toast][data-swiping=true]::before {
	content: '';
	position: absolute;
	left: -100%;
	right: -100%;
	height: 100%;
	z-index: -1
}

[data-sonner-toast][data-y-position=top][data-swiping=true]::before {
	bottom: 50%;
	transform: scaleY(3) translateY(50%)
}

[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before {
	top: 50%;
	transform: scaleY(3) translateY(-50%)
}

[data-sonner-toast][data-swiping=false][data-removed=true]::before {
	content: '';
	position: absolute;
	inset: 0;
	transform: scaleY(2)
}

[data-sonner-toast][data-expanded=true]::after {
	content: '';
	position: absolute;
	left: 0;
	height: calc(var(--gap) + 1px);
	bottom: 100%;
	width: 100%
}

[data-sonner-toast][data-mounted=true] {
	--y: translateY(0);
	opacity: 1
}

[data-sonner-toast][data-expanded=false][data-front=false] {
	--scale: var(--toasts-before) * 0.05 + 1;
	--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
	height: var(--front-toast-height)
}

[data-sonner-toast]>* {
	transition: opacity .4s
}

[data-sonner-toast][data-x-position=right] {
	right: 0
}

[data-sonner-toast][data-x-position=left] {
	left: 0
}

[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>* {
	opacity: 0
}

[data-sonner-toast][data-visible=false] {
	opacity: 0;
	pointer-events: none
}

[data-sonner-toast][data-mounted=true][data-expanded=true] {
	--y: translateY(calc(var(--lift) * var(--offset)));
	height: var(--initial-height)
}

[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false] {
	--y: translateY(calc(var(--lift) * -100%));
	opacity: 0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true] {
	--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
	opacity: 0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false] {
	--y: translateY(40%);
	opacity: 0;
	transition: transform .5s, opacity .2s
}

[data-sonner-toast][data-removed=true][data-front=false]::before {
	height: calc(var(--initial-height) + 20%)
}

[data-sonner-toast][data-swiping=true] {
	transform: var(--y) translateY(var(--swipe-amount-y, 0)) translateX(var(--swipe-amount-x, 0));
	transition: none
}

[data-sonner-toast][data-swiped=true] {
	user-select: none
}

[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],
[data-sonner-toast][data-swipe-out=true][data-y-position=top] {
	animation-duration: .2s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left] {
	animation-name: swipe-out-left
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right] {
	animation-name: swipe-out-right
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up] {
	animation-name: swipe-out-up
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down] {
	animation-name: swipe-out-down
}

@keyframes swipe-out-left {
	from {
		transform: var(--y) translateX(var(--swipe-amount-x));
		opacity: 1
	}

	to {
		transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
		opacity: 0
	}
}

@keyframes swipe-out-right {
	from {
		transform: var(--y) translateX(var(--swipe-amount-x));
		opacity: 1
	}

	to {
		transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
		opacity: 0
	}
}

@keyframes swipe-out-up {
	from {
		transform: var(--y) translateY(var(--swipe-amount-y));
		opacity: 1
	}

	to {
		transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
		opacity: 0
	}
}

@keyframes swipe-out-down {
	from {
		transform: var(--y) translateY(var(--swipe-amount-y));
		opacity: 1
	}

	to {
		transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
		opacity: 0
	}
}

@media (max-width:600px) {
	[data-sonner-toaster] {
		position: fixed;
		right: var(--mobile-offset-right);
		left: var(--mobile-offset-left);
		width: 100%
	}

	[data-sonner-toaster][dir=rtl] {
		left: calc(var(--mobile-offset-left) * -1)
	}

	[data-sonner-toaster] [data-sonner-toast] {
		left: 0;
		right: 0;
		width: calc(100% - var(--mobile-offset-left) * 2)
	}

	[data-sonner-toaster][data-x-position=left] {
		left: var(--mobile-offset-left)
	}

	[data-sonner-toaster][data-y-position=bottom] {
		bottom: var(--mobile-offset-bottom)
	}

	[data-sonner-toaster][data-y-position=top] {
		top: var(--mobile-offset-top)
	}

	[data-sonner-toaster][data-x-position=center] {
		left: var(--mobile-offset-left);
		right: var(--mobile-offset-right);
		transform: none
	}
}

[data-sonner-toaster][data-sonner-theme=light] {
	--normal-bg: #fff;
	--normal-border: var(--gray4);
	--normal-text: var(--gray12);
	--success-bg: hsl(143, 85%, 96%);
	--success-border: hsl(145, 92%, 87%);
	--success-text: hsl(140, 100%, 27%);
	--info-bg: hsl(208, 100%, 97%);
	--info-border: hsl(221, 91%, 93%);
	--info-text: hsl(210, 92%, 45%);
	--warning-bg: hsl(49, 100%, 97%);
	--warning-border: hsl(49, 91%, 84%);
	--warning-text: hsl(31, 92%, 45%);
	--error-bg: hsl(359, 100%, 97%);
	--error-border: hsl(359, 100%, 94%);
	--error-text: hsl(360, 100%, 45%)
}

[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true] {
	--normal-bg: #000;
	--normal-border: hsl(0, 0%, 20%);
	--normal-text: var(--gray1)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true] {
	--normal-bg: #fff;
	--normal-border: var(--gray3);
	--normal-text: var(--gray12)
}

[data-sonner-toaster][data-sonner-theme=dark] {
	--normal-bg: #000;
	--normal-bg-hover: hsl(0, 0%, 12%);
	--normal-border: hsl(0, 0%, 20%);
	--normal-border-hover: hsl(0, 0%, 25%);
	--normal-text: var(--gray1);
	--success-bg: hsl(150, 100%, 6%);
	--success-border: hsl(147, 100%, 12%);
	--success-text: hsl(150, 86%, 65%);
	--info-bg: hsl(215, 100%, 6%);
	--info-border: hsl(223, 43%, 17%);
	--info-text: hsl(216, 87%, 65%);
	--warning-bg: hsl(64, 100%, 6%);
	--warning-border: hsl(60, 100%, 9%);
	--warning-text: hsl(46, 87%, 65%);
	--error-bg: hsl(358, 76%, 10%);
	--error-border: hsl(357, 89%, 16%);
	--error-text: hsl(358, 100%, 81%)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button] {
	background: var(--normal-bg);
	border-color: var(--normal-border);
	color: var(--normal-text)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover {
	background: var(--normal-bg-hover);
	border-color: var(--normal-border-hover)
}

[data-rich-colors=true][data-sonner-toast][data-type=success] {
	background: var(--success-bg);
	border-color: var(--success-border);
	color: var(--success-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button] {
	background: var(--success-bg);
	border-color: var(--success-border);
	color: var(--success-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=info] {
	background: var(--info-bg);
	border-color: var(--info-border);
	color: var(--info-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button] {
	background: var(--info-bg);
	border-color: var(--info-border);
	color: var(--info-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=warning] {
	background: var(--warning-bg);
	border-color: var(--warning-border);
	color: var(--warning-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button] {
	background: var(--warning-bg);
	border-color: var(--warning-border);
	color: var(--warning-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=error] {
	background: var(--error-bg);
	border-color: var(--error-border);
	color: var(--error-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button] {
	background: var(--error-bg);
	border-color: var(--error-border);
	color: var(--error-text)
}

.sonner-loading-wrapper {
	--size: 16px;
	height: var(--size);
	width: var(--size);
	position: absolute;
	inset: 0;
	z-index: 10
}

.sonner-loading-wrapper[data-visible=false] {
	transform-origin: center;
	animation: sonner-fade-out .2s ease forwards
}

.sonner-spinner {
	position: relative;
	top: 50%;
	left: 50%;
	height: var(--size);
	width: var(--size)
}

.sonner-loading-bar {
	animation: sonner-spin 1.2s linear infinite;
	background: var(--gray11);
	border-radius: 6px;
	height: 8%;
	left: -10%;
	position: absolute;
	top: -3.9%;
	width: 24%
}

.sonner-loading-bar:first-child {
	animation-delay: -1.2s;
	transform: rotate(.0001deg) translate(146%)
}

.sonner-loading-bar:nth-child(2) {
	animation-delay: -1.1s;
	transform: rotate(30deg) translate(146%)
}

.sonner-loading-bar:nth-child(3) {
	animation-delay: -1s;
	transform: rotate(60deg) translate(146%)
}

.sonner-loading-bar:nth-child(4) {
	animation-delay: -.9s;
	transform: rotate(90deg) translate(146%)
}

.sonner-loading-bar:nth-child(5) {
	animation-delay: -.8s;
	transform: rotate(120deg) translate(146%)
}

.sonner-loading-bar:nth-child(6) {
	animation-delay: -.7s;
	transform: rotate(150deg) translate(146%)
}

.sonner-loading-bar:nth-child(7) {
	animation-delay: -.6s;
	transform: rotate(180deg) translate(146%)
}

.sonner-loading-bar:nth-child(8) {
	animation-delay: -.5s;
	transform: rotate(210deg) translate(146%)
}

.sonner-loading-bar:nth-child(9) {
	animation-delay: -.4s;
	transform: rotate(240deg) translate(146%)
}

.sonner-loading-bar:nth-child(10) {
	animation-delay: -.3s;
	transform: rotate(270deg) translate(146%)
}

.sonner-loading-bar:nth-child(11) {
	animation-delay: -.2s;
	transform: rotate(300deg) translate(146%)
}

.sonner-loading-bar:nth-child(12) {
	animation-delay: -.1s;
	transform: rotate(330deg) translate(146%)
}

@keyframes sonner-fade-in {
	0% {
		opacity: 0;
		transform: scale(.8)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes sonner-fade-out {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(.8)
	}
}

@keyframes sonner-spin {
	0% {
		opacity: 1
	}

	100% {
		opacity: .15
	}
}

@media (prefers-reduced-motion) {

	.sonner-loading-bar,
	[data-sonner-toast],
	[data-sonner-toast]>* {
		transition: none !important;
		animation: none !important
	}
}

.sonner-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform-origin: center;
	transition: opacity .2s, transform .2s
}

.sonner-loader[data-visible=false] {
	opacity: 0;
	transform: scale(.8) translate(-50%, -50%)
}

/* end style 3 */
/* start style 4 */
@keyframes spinners-react-circular {
	0% {
		stroke-dashoffset: 306
	}

	50% {
		stroke-dasharray: 40, 134
	}

	to {
		stroke-dasharray: 1, 174;
		stroke-dashoffset: 132
	}
}

/* end style 4 */
/* start style 5 */
@keyframes spinners-react-circular-fixed {
	0% {
		stroke-dashoffset: 325
	}

	to {
		stroke-dashoffset: 151
	}
}

/* end style 5 */
/* start style 6 */
@keyframes spinners-react-circular-split {
	0% {
		stroke-dashoffset: 1;
		stroke-dasharray: 5, 170
	}

	10% {
		stroke-dashoffset: 13;
		stroke-dasharray: 30, 145
	}

	13% {
		stroke-dashoffset: -11;
		stroke-dasharray: 5, 145
	}

	50% {
		stroke-dasharray: 5, 0, 5, 165;
		stroke-dashoffset: -82
	}

	51% {
		stroke-dasharray: 2, 0, 2, 139;
		stroke-dashoffset: -85
	}

	61% {
		stroke-dasharray: 15, 0, 15, 165;
		stroke-dashoffset: -72
	}

	64% {
		stroke-dasharray: 5, 20, 5, 145;
		stroke-dashoffset: -72
	}
}

/* end style 6 */
/* start style 7 */
@keyframes spinners-react-infinity {
	0% {
		stroke-dasharray: 1, 347;
		stroke-dashoffset: 75
	}

	25%,
	75% {
		stroke-dasharray: 17, 330
	}

	50% {
		stroke-dasharray: 1, 347
	}

	to {
		stroke-dasharray: 1, 347;
		stroke-dashoffset: 423
	}
}

/* end style 7 */
/* start style 8 */
@keyframes spinners-react-dotted-center {

	0%,
	15%,
	85%,
	to {
		transform: scale(0)
	}

	40%,
	50% {
		transform: scale(1)
	}

	84% {
		transform: scale(.45)
	}
}

@keyframes spinners-react-dotted-shrink {
	50% {
		transform: translate(0)
	}
}

/* end style 8 */
/* start style 9 */
@keyframes spinners-react-round {

	27%,
	73% {
		r: 2px;
		stroke-width: 4
	}
}

/* end style 9 */
/* start style 10 */
@keyframes spinners-react-round-outlined {

	35%,
	65% {
		r: 2px;
		stroke-width: 4
	}
}

/* end style 10 */
/* start style 11 */
@keyframes spinners-react-diamond {
	25% {
		transform: translate(30px, -30px)
	}

	50% {
		transform: translate(60px)
	}

	75% {
		transform: translate(30px, 30px)
	}
}

/* end style 11 */
/* start style 12 */
[data-vaul-drawer] {
	touch-action: none;
	will-change: transform;
	transition: transform .5s cubic-bezier(.32, .72, 0, 1);
	animation-duration: .5s;
	animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1)
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open] {
	animation-name: slideFromBottom
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed] {
	animation-name: slideToBottom
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open] {
	animation-name: slideFromTop
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed] {
	animation-name: slideToTop
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open] {
	animation-name: slideFromLeft
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed] {
	animation-name: slideToLeft
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open] {
	animation-name: slideFromRight
}

[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed] {
	animation-name: slideToRight
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom] {
	transform: translate3d(0, var(--initial-transform, 100%), 0)
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top] {
	transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left] {
	transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
}

[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right] {
	transform: translate3d(var(--initial-transform, 100%), 0, 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top] {
	transform: translate3d(0, var(--snap-point-height, 0), 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom] {
	transform: translate3d(0, var(--snap-point-height, 0), 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left] {
	transform: translate3d(var(--snap-point-height, 0), 0, 0)
}

[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right] {
	transform: translate3d(var(--snap-point-height, 0), 0, 0)
}

[data-vaul-overlay][data-vaul-snap-points=false] {
	animation-duration: .5s;
	animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1)
}

[data-vaul-overlay][data-vaul-snap-points=false][data-state=open] {
	animation-name: fadeIn
}

[data-vaul-overlay][data-state=closed] {
	animation-name: fadeOut
}

[data-vaul-animate=false] {
	animation: none !important
}

[data-vaul-overlay][data-vaul-snap-points=true] {
	opacity: 0;
	transition: opacity .5s cubic-bezier(.32, .72, 0, 1)
}

[data-vaul-overlay][data-vaul-snap-points=true] {
	opacity: 1
}

[data-vaul-drawer]:not([data-vaul-custom-container=true])::after {
	content: '';
	position: absolute;
	background: inherit;
	background-color: inherit
}

[data-vaul-drawer][data-vaul-drawer-direction=top]::after {
	top: initial;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after {
	top: 100%;
	bottom: initial;
	left: 0;
	right: 0;
	height: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=left]::after {
	left: initial;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=right]::after {
	left: 100%;
	right: initial;
	top: 0;
	bottom: 0;
	width: 200%
}

[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not([data-state=closed]) {
	opacity: 0
}

[data-vaul-overlay][data-vaul-snap-points-overlay=true] {
	opacity: 1
}

[data-vaul-handle] {
	display: block;
	position: relative;
	opacity: .7;
	background: #e2e2e4;
	margin-left: auto;
	margin-right: auto;
	height: 5px;
	width: 32px;
	border-radius: 1rem;
	touch-action: pan-y
}

[data-vaul-handle]:active,
[data-vaul-handle]:hover {
	opacity: 1
}

[data-vaul-handle-hitarea] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: max(100%, 2.75rem);
	height: max(100%, 2.75rem);
	touch-action: inherit
}

@media (hover:hover) and (pointer:fine) {
	[data-vaul-drawer] {
		user-select: none
	}
}

@media (pointer:fine) {
	[data-vaul-handle-hitarea] {
		width: 100%;
		height: 100%
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeOut {
	to {
		opacity: 0
	}
}

@keyframes slideFromBottom {
	from {
		transform: translate3d(0, var(--initial-transform, 100%), 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToBottom {
	to {
		transform: translate3d(0, var(--initial-transform, 100%), 0)
	}
}

@keyframes slideFromTop {
	from {
		transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToTop {
	to {
		transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
	}
}

@keyframes slideFromLeft {
	from {
		transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToLeft {
	to {
		transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
	}
}

@keyframes slideFromRight {
	from {
		transform: translate3d(var(--initial-transform, 100%), 0, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideToRight {
	to {
		transform: translate3d(var(--initial-transform, 100%), 0, 0)
	}
}

/* end style 12 */
/* start style 13 */
[data-sonner-toaster][dir=ltr],
html[dir=ltr] {
	--toast-icon-margin-start: -3px;
	--toast-icon-margin-end: 4px;
	--toast-svg-margin-start: -1px;
	--toast-svg-margin-end: 0px;
	--toast-button-margin-start: auto;
	--toast-button-margin-end: 0;
	--toast-close-button-start: 0;
	--toast-close-button-end: unset;
	--toast-close-button-transform: translate(-35%, -35%)
}

[data-sonner-toaster][dir=rtl],
html[dir=rtl] {
	--toast-icon-margin-start: 4px;
	--toast-icon-margin-end: -3px;
	--toast-svg-margin-start: 0px;
	--toast-svg-margin-end: -1px;
	--toast-button-margin-start: 0;
	--toast-button-margin-end: auto;
	--toast-close-button-start: unset;
	--toast-close-button-end: 0;
	--toast-close-button-transform: translate(35%, -35%)
}

[data-sonner-toaster] {
	position: fixed;
	width: var(--width);
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	--gray1: hsl(0, 0%, 99%);
	--gray2: hsl(0, 0%, 97.3%);
	--gray3: hsl(0, 0%, 95.1%);
	--gray4: hsl(0, 0%, 93%);
	--gray5: hsl(0, 0%, 90.9%);
	--gray6: hsl(0, 0%, 88.7%);
	--gray7: hsl(0, 0%, 85.8%);
	--gray8: hsl(0, 0%, 78%);
	--gray9: hsl(0, 0%, 56.1%);
	--gray10: hsl(0, 0%, 52.3%);
	--gray11: hsl(0, 0%, 43.5%);
	--gray12: hsl(0, 0%, 9%);
	--border-radius: 8px;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	list-style: none;
	outline: 0;
	z-index: 999999999;
	transition: transform .4s ease
}

@media (hover:none) and (pointer:coarse) {
	[data-sonner-toaster][data-lifted=true] {
		transform: none
	}
}

[data-sonner-toaster][data-x-position=right] {
	right: var(--offset-right)
}

[data-sonner-toaster][data-x-position=left] {
	left: var(--offset-left)
}

[data-sonner-toaster][data-x-position=center] {
	left: 50%;
	transform: translateX(-50%)
}

[data-sonner-toaster][data-y-position=top] {
	top: var(--offset-top)
}

[data-sonner-toaster][data-y-position=bottom] {
	bottom: var(--offset-bottom)
}

[data-sonner-toast] {
	--y: translateY(100%);
	--lift-amount: calc(var(--lift) * var(--gap));
	z-index: var(--z-index);
	position: absolute;
	opacity: 0;
	transform: var(--y);
	touch-action: none;
	transition: transform .4s, opacity .4s, height .4s, box-shadow .2s;
	box-sizing: border-box;
	outline: 0;
	overflow-wrap: anywhere
}

[data-sonner-toast][data-styled=true] {
	padding: 16px;
	background: var(--normal-bg);
	border: 1px solid var(--normal-border);
	color: var(--normal-text);
	border-radius: var(--border-radius);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
	width: var(--width);
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 6px
}

[data-sonner-toast]:focus-visible {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
}

[data-sonner-toast][data-y-position=top] {
	top: 0;
	--y: translateY(-100%);
	--lift: 1;
	--lift-amount: calc(1 * var(--gap))
}

[data-sonner-toast][data-y-position=bottom] {
	bottom: 0;
	--y: translateY(100%);
	--lift: -1;
	--lift-amount: calc(var(--lift) * var(--gap))
}

[data-sonner-toast][data-styled=true] [data-description] {
	font-weight: 400;
	line-height: 1.4;
	color: #3f3f3f
}

[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description] {
	color: inherit
}

[data-sonner-toaster][data-sonner-theme=dark] [data-description] {
	color: #e8e8e8
}

[data-sonner-toast][data-styled=true] [data-title] {
	font-weight: 500;
	line-height: 1.5;
	color: inherit
}

[data-sonner-toast][data-styled=true] [data-icon] {
	display: flex;
	height: 16px;
	width: 16px;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
	margin-left: var(--toast-icon-margin-start);
	margin-right: var(--toast-icon-margin-end)
}

[data-sonner-toast][data-promise=true] [data-icon]>svg {
	opacity: 0;
	transform: scale(.8);
	transform-origin: center;
	animation: sonner-fade-in .3s ease forwards
}

[data-sonner-toast][data-styled=true] [data-icon]>* {
	flex-shrink: 0
}

[data-sonner-toast][data-styled=true] [data-icon] svg {
	margin-left: var(--toast-svg-margin-start);
	margin-right: var(--toast-svg-margin-end)
}

[data-sonner-toast][data-styled=true] [data-content] {
	display: flex;
	flex-direction: column;
	gap: 2px
}

[data-sonner-toast][data-styled=true] [data-button] {
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 8px;
	height: 24px;
	font-size: 12px;
	color: var(--normal-bg);
	background: var(--normal-text);
	margin-left: var(--toast-button-margin-start);
	margin-right: var(--toast-button-margin-end);
	border: none;
	font-weight: 500;
	cursor: pointer;
	outline: 0;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transition: opacity .4s, box-shadow .2s
}

[data-sonner-toast][data-styled=true] [data-button]:focus-visible {
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .4)
}

[data-sonner-toast][data-styled=true] [data-button]:first-of-type {
	margin-left: var(--toast-button-margin-start);
	margin-right: var(--toast-button-margin-end)
}

[data-sonner-toast][data-styled=true] [data-cancel] {
	color: var(--normal-text);
	background: rgba(0, 0, 0, .08)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel] {
	background: rgba(255, 255, 255, .3)
}

[data-sonner-toast][data-styled=true] [data-close-button] {
	position: absolute;
	left: var(--toast-close-button-start);
	right: var(--toast-close-button-end);
	top: 0;
	height: 20px;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	color: var(--gray12);
	background: var(--normal-bg);
	border: 1px solid var(--gray4);
	transform: var(--toast-close-button-transform);
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	transition: opacity .1s, background .2s, border-color .2s
}

[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
}

[data-sonner-toast][data-styled=true] [data-disabled=true] {
	cursor: not-allowed
}

[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover {
	background: var(--gray2);
	border-color: var(--gray5)
}

[data-sonner-toast][data-swiping=true]::before {
	content: '';
	position: absolute;
	left: -100%;
	right: -100%;
	height: 100%;
	z-index: -1
}

[data-sonner-toast][data-y-position=top][data-swiping=true]::before {
	bottom: 50%;
	transform: scaleY(3) translateY(50%)
}

[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before {
	top: 50%;
	transform: scaleY(3) translateY(-50%)
}

[data-sonner-toast][data-swiping=false][data-removed=true]::before {
	content: '';
	position: absolute;
	inset: 0;
	transform: scaleY(2)
}

[data-sonner-toast][data-expanded=true]::after {
	content: '';
	position: absolute;
	left: 0;
	height: calc(var(--gap) + 1px);
	bottom: 100%;
	width: 100%
}

[data-sonner-toast][data-mounted=true] {
	--y: translateY(0);
	opacity: 1
}

[data-sonner-toast][data-expanded=false][data-front=false] {
	--scale: var(--toasts-before) * 0.05 + 1;
	--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
	height: var(--front-toast-height)
}

[data-sonner-toast]>* {
	transition: opacity .4s
}

[data-sonner-toast][data-x-position=right] {
	right: 0
}

[data-sonner-toast][data-x-position=left] {
	left: 0
}

[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>* {
	opacity: 0
}

[data-sonner-toast][data-visible=false] {
	opacity: 0;
	pointer-events: none
}

[data-sonner-toast][data-mounted=true][data-expanded=true] {
	--y: translateY(calc(var(--lift) * var(--offset)));
	height: var(--initial-height)
}

[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false] {
	--y: translateY(calc(var(--lift) * -100%));
	opacity: 0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true] {
	--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
	opacity: 0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false] {
	--y: translateY(40%);
	opacity: 0;
	transition: transform .5s, opacity .2s
}

[data-sonner-toast][data-removed=true][data-front=false]::before {
	height: calc(var(--initial-height) + 20%)
}

[data-sonner-toast][data-swiping=true] {
	transform: var(--y) translateY(var(--swipe-amount-y, 0)) translateX(var(--swipe-amount-x, 0));
	transition: none
}

[data-sonner-toast][data-swiped=true] {
	user-select: none
}

[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],
[data-sonner-toast][data-swipe-out=true][data-y-position=top] {
	animation-duration: .2s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left] {
	animation-name: swipe-out-left
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right] {
	animation-name: swipe-out-right
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up] {
	animation-name: swipe-out-up
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down] {
	animation-name: swipe-out-down
}

@keyframes swipe-out-left {
	from {
		transform: var(--y) translateX(var(--swipe-amount-x));
		opacity: 1
	}

	to {
		transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
		opacity: 0
	}
}

@keyframes swipe-out-right {
	from {
		transform: var(--y) translateX(var(--swipe-amount-x));
		opacity: 1
	}

	to {
		transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
		opacity: 0
	}
}

@keyframes swipe-out-up {
	from {
		transform: var(--y) translateY(var(--swipe-amount-y));
		opacity: 1
	}

	to {
		transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
		opacity: 0
	}
}

@keyframes swipe-out-down {
	from {
		transform: var(--y) translateY(var(--swipe-amount-y));
		opacity: 1
	}

	to {
		transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
		opacity: 0
	}
}

@media (max-width:600px) {
	[data-sonner-toaster] {
		position: fixed;
		right: var(--mobile-offset-right);
		left: var(--mobile-offset-left);
		width: 100%
	}

	[data-sonner-toaster][dir=rtl] {
		left: calc(var(--mobile-offset-left) * -1)
	}

	[data-sonner-toaster] [data-sonner-toast] {
		left: 0;
		right: 0;
		width: calc(100% - var(--mobile-offset-left) * 2)
	}

	[data-sonner-toaster][data-x-position=left] {
		left: var(--mobile-offset-left)
	}

	[data-sonner-toaster][data-y-position=bottom] {
		bottom: var(--mobile-offset-bottom)
	}

	[data-sonner-toaster][data-y-position=top] {
		top: var(--mobile-offset-top)
	}

	[data-sonner-toaster][data-x-position=center] {
		left: var(--mobile-offset-left);
		right: var(--mobile-offset-right);
		transform: none
	}
}

[data-sonner-toaster][data-sonner-theme=light] {
	--normal-bg: #fff;
	--normal-border: var(--gray4);
	--normal-text: var(--gray12);
	--success-bg: hsl(143, 85%, 96%);
	--success-border: hsl(145, 92%, 87%);
	--success-text: hsl(140, 100%, 27%);
	--info-bg: hsl(208, 100%, 97%);
	--info-border: hsl(221, 91%, 93%);
	--info-text: hsl(210, 92%, 45%);
	--warning-bg: hsl(49, 100%, 97%);
	--warning-border: hsl(49, 91%, 84%);
	--warning-text: hsl(31, 92%, 45%);
	--error-bg: hsl(359, 100%, 97%);
	--error-border: hsl(359, 100%, 94%);
	--error-text: hsl(360, 100%, 45%)
}

[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true] {
	--normal-bg: #000;
	--normal-border: hsl(0, 0%, 20%);
	--normal-text: var(--gray1)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true] {
	--normal-bg: #fff;
	--normal-border: var(--gray3);
	--normal-text: var(--gray12)
}

[data-sonner-toaster][data-sonner-theme=dark] {
	--normal-bg: #000;
	--normal-bg-hover: hsl(0, 0%, 12%);
	--normal-border: hsl(0, 0%, 20%);
	--normal-border-hover: hsl(0, 0%, 25%);
	--normal-text: var(--gray1);
	--success-bg: hsl(150, 100%, 6%);
	--success-border: hsl(147, 100%, 12%);
	--success-text: hsl(150, 86%, 65%);
	--info-bg: hsl(215, 100%, 6%);
	--info-border: hsl(223, 43%, 17%);
	--info-text: hsl(216, 87%, 65%);
	--warning-bg: hsl(64, 100%, 6%);
	--warning-border: hsl(60, 100%, 9%);
	--warning-text: hsl(46, 87%, 65%);
	--error-bg: hsl(358, 76%, 10%);
	--error-border: hsl(357, 89%, 16%);
	--error-text: hsl(358, 100%, 81%)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button] {
	background: var(--normal-bg);
	border-color: var(--normal-border);
	color: var(--normal-text)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover {
	background: var(--normal-bg-hover);
	border-color: var(--normal-border-hover)
}

[data-rich-colors=true][data-sonner-toast][data-type=success] {
	background: var(--success-bg);
	border-color: var(--success-border);
	color: var(--success-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button] {
	background: var(--success-bg);
	border-color: var(--success-border);
	color: var(--success-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=info] {
	background: var(--info-bg);
	border-color: var(--info-border);
	color: var(--info-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button] {
	background: var(--info-bg);
	border-color: var(--info-border);
	color: var(--info-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=warning] {
	background: var(--warning-bg);
	border-color: var(--warning-border);
	color: var(--warning-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button] {
	background: var(--warning-bg);
	border-color: var(--warning-border);
	color: var(--warning-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=error] {
	background: var(--error-bg);
	border-color: var(--error-border);
	color: var(--error-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button] {
	background: var(--error-bg);
	border-color: var(--error-border);
	color: var(--error-text)
}

.sonner-loading-wrapper {
	--size: 16px;
	height: var(--size);
	width: var(--size);
	position: absolute;
	inset: 0;
	z-index: 10
}

.sonner-loading-wrapper[data-visible=false] {
	transform-origin: center;
	animation: sonner-fade-out .2s ease forwards
}

.sonner-spinner {
	position: relative;
	top: 50%;
	left: 50%;
	height: var(--size);
	width: var(--size)
}

.sonner-loading-bar {
	animation: sonner-spin 1.2s linear infinite;
	background: var(--gray11);
	border-radius: 6px;
	height: 8%;
	left: -10%;
	position: absolute;
	top: -3.9%;
	width: 24%
}

.sonner-loading-bar:first-child {
	animation-delay: -1.2s;
	transform: rotate(.0001deg) translate(146%)
}

.sonner-loading-bar:nth-child(2) {
	animation-delay: -1.1s;
	transform: rotate(30deg) translate(146%)
}

.sonner-loading-bar:nth-child(3) {
	animation-delay: -1s;
	transform: rotate(60deg) translate(146%)
}

.sonner-loading-bar:nth-child(4) {
	animation-delay: -.9s;
	transform: rotate(90deg) translate(146%)
}

.sonner-loading-bar:nth-child(5) {
	animation-delay: -.8s;
	transform: rotate(120deg) translate(146%)
}

.sonner-loading-bar:nth-child(6) {
	animation-delay: -.7s;
	transform: rotate(150deg) translate(146%)
}

.sonner-loading-bar:nth-child(7) {
	animation-delay: -.6s;
	transform: rotate(180deg) translate(146%)
}

.sonner-loading-bar:nth-child(8) {
	animation-delay: -.5s;
	transform: rotate(210deg) translate(146%)
}

.sonner-loading-bar:nth-child(9) {
	animation-delay: -.4s;
	transform: rotate(240deg) translate(146%)
}

.sonner-loading-bar:nth-child(10) {
	animation-delay: -.3s;
	transform: rotate(270deg) translate(146%)
}

.sonner-loading-bar:nth-child(11) {
	animation-delay: -.2s;
	transform: rotate(300deg) translate(146%)
}

.sonner-loading-bar:nth-child(12) {
	animation-delay: -.1s;
	transform: rotate(330deg) translate(146%)
}

@keyframes sonner-fade-in {
	0% {
		opacity: 0;
		transform: scale(.8)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes sonner-fade-out {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(.8)
	}
}

@keyframes sonner-spin {
	0% {
		opacity: 1
	}

	100% {
		opacity: .15
	}
}

@media (prefers-reduced-motion) {

	.sonner-loading-bar,
	[data-sonner-toast],
	[data-sonner-toast]>* {
		transition: none !important;
		animation: none !important
	}
}

.sonner-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform-origin: center;
	transition: opacity .2s, transform .2s
}

.sonner-loader[data-visible=false] {
	opacity: 0;
	transform: scale(.8) translate(-50%, -50%)
}

/* end style 13 */

/* start style 14 */
.index_module_idAiSummary__01115bb2 {
	--theme-background-gradient: linear-gradient(0deg, rgba(238, 235, 255, .8) 37.17%, rgba(245, 246, 255, .8) 73.13%), linear-gradient(180deg, #fff, #999 66.91%);
	--theme-title-gradient: linear-gradient(270deg, #6736ec 16.11%, #0f25b8 121.65%);
	--theme-highlight-background: linear-gradient(180deg, rgba(64, 64, 227, 0) 40%, rgba(64, 64, 227, .25) 88.8%, transparent 0);
	--theme-description-color: #4040e3;
	--theme-color: #4040e3;
	--theme-logo-url: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01gBytu127VN9KK615N_!!6000000007802-2-tps-84-84.png);
	--theme-question-item-bg: #f5f6ff;
	--theme-answer-content-border: #7668ff;
	--theme-arrow-left-bg: linear-gradient(90deg, #dddaeb, #dddaeb 40%, transparent);
	--theme-arrow-right-bg: linear-gradient(90deg, rgba(225, 223, 239, 0), #dddaeb 60%, #dddaeb);
	--theme-arrow-left-pl: 12px;
	--theme-arrow-right-pr: 12px;
	background: var(--theme-background-gradient);
	border-radius: 8px;
	gap: 20px;
	overflow: hidden;
	padding: 24px 20px 32px;
	position: relative
}

.index_module_idAiSummary__01115bb2[data-theme=orange] {
	--theme-background-gradient: linear-gradient(41deg, hsla(0, 100%, 92%, .4) 15.57%, rgba(206, 229, 240, .4) 73.44%, rgba(230, 245, 252, .4) 111.23%), #fff;
	--theme-title-gradient: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	--theme-highlight-background: linear-gradient(180deg, rgba(34, 126, 168, 0) 40%, rgba(34, 126, 168, .45) 88.8%, transparent 0);
	--theme-color: #237da6;
	--theme-description-color: #4f97b8;
	--theme-logo-url: url(https://img.alicdn.com/imgextra/i2/O1CN01Y9xAj81RxZiGlotiN_!!6000000002178-2-tps-84-84.png);
	--theme-question-item-bg: #fff;
	--theme-answer-content-border: transparent;
	--theme-arrow-left-bg: linear-gradient(90deg, #feeeef 48.34%, hsla(9, 100%, 97%, 0) 80.04%, transparent);
	--theme-arrow-right-bg: linear-gradient(270deg, #fff8f6 48.34%, hsla(9, 100%, 97%, 0) 80.04%, transparent);
	--theme-arrow-left-pl: 0px;
	--theme-arrow-right-pr: 0px
}

.index_module_idAiSummary_rtl__01115bb2 {
	direction: rtl
}

.index_module_idAiSummary_new__01115bb2 {
	padding: 24px 20px 20px
}

.index_module_idAiSummary__01115bb2 * {
	box-sizing: border-box
}

.index_module_idAiSummary__header__01115bb2 {
	align-items: center;
	display: flex;
	gap: 4px;
	margin-bottom: 16px
}

.index_module_idAiSummary__header_rtl__01115bb2 {
	direction: rtl
}

.index_module_idAiSummary__header__01115bb2 img {
	height: 28px
}

.index_module_idAiSummary__title__01115bb2 {
	background: var(--theme-title-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.4%;
	line-height: 26px;
	margin: 0;
	padding: 0
}

.index_module_idAiSummary__content__01115bb2 {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.index_module_idAiSummary__content_rtl__01115bb2 {
	direction: rtl
}

.index_module_idAiSummary__content_new__01115bb2 {
	gap: 12px
}

.index_module_idAiSummary__content__p__01115bb2 {
	color: #222;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 21px;
	vertical-align: middle
}

.index_module_idAiSummary__content__p__label__01115bb2 {
	color: #222;
	font-family: Inter;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.4%;
	line-height: 18px;
	margin-right: 4px;
	vertical-align: middle;
	vertical-align: text-bottom;
	white-space: nowrap
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__p__label__01115bb2 {
	margin-left: 4px;
	margin-right: 0
}

.index_module_idAiSummary__content__p__bold__01115bb2 {
	background: var(--theme-highlight-background);
	color: #222;
	font-family: Inter;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.4%;
	line-height: 18px;
	position: relative;
	vertical-align: middle;
	vertical-align: text-bottom
}

.index_module_idAiSummary__footer__01115bb2 {
	align-items: center;
	background-color: #fff;
	border-radius: 100px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	gap: 16px;
	height: 52px;
	justify-content: space-between;
	margin-top: 20px;
	padding: 0 12px 0 16px
}

.index_module_idAiSummary__footer__left__01115bb2 {
	color: #767676;
	flex: 1;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 22px;
	vertical-align: middle
}

.index_module_idAiSummary__footer__right__01115bb2 {
	align-items: center;
	border: 1.5px solid #222;
	border-radius: 20px;
	box-sizing: border-box;
	color: #222;
	display: flex;
	font-family: Inter;
	font-size: 16px;
	font-weight: 600;
	gap: 6px;
	height: 36px;
	letter-spacing: -.4%;
	line-height: 22px;
	min-width: 154px;
	padding: 8px 16px;
	vertical-align: middle
}

.index_module_idAiSummary__footer__right__01115bb2 img {
	width: 20px
}

.index_module_idAiSummary__content__list__01115bb2 {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	position: relative
}

.index_module_idAiSummary__content__list_rtl__01115bb2 {
	direction: rtl
}

.index_module_idAiSummary__content__list__container__01115bb2 {
	align-items: flex-start;
	display: flex;
	height: 108px;
	padding: 16px;
	transition: transform .3s ease
}

.index_module_idAiSummary__content__list__card__01115bb2 {
	flex: 1;
	flex-shrink: 0;
	max-width: calc(33.3% - 44px);
	padding: 0 14px
}

.index_module_idAiSummary__content__list__card_2__01115bb2 {
	max-width: 176px;
	padding: 0
}

.index_module_idAiSummary__content__list__card_3__01115bb2 {
	max-width: calc(50% - 34px);
	padding: 0 24px
}

.index_module_idAiSummary__content__list__card__title__01115bb2 {
	color: #222;
	cursor: pointer;
	font-family: Inter;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.4%;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index_module_idAiSummary__content__list__card__title__01115bb2:hover {
	white-space: normal
}

.index_module_idAiSummary__content__list__card__content__01115bb2 {
	color: #222;
	cursor: pointer;
	font-family: SF Pro Text;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 6px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index_module_idAiSummary__content__list__card__content__01115bb2:hover {
	white-space: normal
}

.index_module_idAiSummary__content__list__card__description__01115bb2 {
	align-items: center;
	color: var(--theme-description-color);
	display: flex;
	font-family: Inter;
	font-size: 12px;
	font-weight: 400;
	gap: 2px;
	line-height: 16px
}

.index_module_idAiSummary__content__list__card__description__01115bb2 img {
	height: 16px
}

.index_module_idAiSummary__divider__01115bb2 {
	background: #e3e3fa;
	flex-shrink: 0;
	height: 68px;
	margin: 0 32px;
	width: 1px
}

.index_module_idArrow__01115bb2 {
	align-items: center;
	background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
	display: flex;
	height: 100%;
	position: absolute;
	top: 0;
	width: 86px
}

.index_module_idArrow_rtl__01115bb2 {
	transform: scaleX(-1)
}

.index_module_idArrow__01115bb2 img {
	background: #fff;
	border: .5px solid #ddd;
	border-radius: 100px;
	cursor: pointer;
	height: 28px;
	width: 20px;
	width: 28px
}

.index_module_idArrowLeft__01115bb2 img {
	transform: rotate(180deg)
}

.index_module_idArrowRight__01115bb2 {
	background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
	justify-content: flex-end;
	padding-right: 12px;
	right: 0
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowLeft__01115bb2 {
	background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
	justify-content: flex-end;
	left: auto;
	padding-left: 0;
	padding-right: 12px;
	right: 0
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowRight__01115bb2 {
	background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
	justify-content: flex-start;
	left: 0;
	padding-left: 12px;
	padding-right: 0;
	right: auto
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__01115bb2 {
	direction: ltr
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__content__01115bb2,
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__title__01115bb2 {
	text-align: left
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__description__01115bb2 {
	justify-content: flex-start
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__divider__01115bb2 {
	margin: 0 32px
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrow__01115bb2 img {
	transform: none
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowLeft__01115bb2 img {
	transform: rotate(0deg)
}

.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowRight__01115bb2 img {
	transform: rotate(180deg)
}

.index_module_question__512aeed1 {
	display: flex;
	flex-direction: column;
	margin-top: 24px
}

.index_module_question_rtl__512aeed1 {
	direction: rtl
}

.index_module_question__title__512aeed1 {
	color: #222;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	margin: 0
}

.index_module_question__title_rtl__512aeed1 {
	text-align: right
}

.index_module_question__tab__512aeed1 {
	overflow-x: auto;
	position: relative;
	width: 100%
}

.index_module_question__tab_rtl__512aeed1 {
	direction: rtl
}

.index_module_question__tab_container__512aeed1 {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	padding: 12px 0
}

.index_module_question__tab_container_rtl__512aeed1 {
	direction: rtl
}

.index_module_question__tab_item__512aeed1 {
	align-items: center;
	background: var(--theme-question-item-bg);
	border-radius: 8px;
	color: #222;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	padding: 8px 16px;
	white-space: nowrap
}

.index_module_question__tab_item_active__512aeed1 {
	background: var(--theme-color);
	color: #fff
}

.index_module_question__tab_arrow__512aeed1 {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 100%;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 1
}

.index_module_question__tab_arrow__512aeed1 img {
	height: 24px;
	width: 24px
}

.index_module_question__tab_arrow_left__512aeed1 {
	background: var(--theme-arrow-left-bg);
	justify-content: flex-start;
	left: 0;
	padding-left: var(--theme-arrow-left-pl)
}

.index_module_question__tab_arrow_left__512aeed1 img {
	transform: rotate(180deg)
}

.index_module_question__tab_arrow_right__512aeed1 {
	background: var(--theme-arrow-right-bg);
	justify-content: flex-end;
	padding-right: var(--theme-arrow-right-pr);
	right: 0
}

.index_module_question__tab_arrow_left_rtl__512aeed1,
.index_module_question__tab_arrow_right_rtl__512aeed1 {
	direction: ltr
}

.index_module_answer_content__512aeed1 {
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--theme-answer-content-border);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px
}

.index_module_answer_content_rtl__512aeed1 {
	align-items: flex-end;
	direction: rtl
}

.index_module_answer_content__title__512aeed1 {
	color: #222;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
	width: 100%
}

.index_module_answer_content__title_rtl__512aeed1 {
	text-align: right
}

.index_module_answer_content__text__512aeed1 {
	color: #222;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	width: 100%
}

.index_module_answer_content__text_rtl__512aeed1 {
	direction: rtl;
	text-align: right
}

.index_module_answer_content__text__512aeed1 a {
	color: #222;
	text-decoration: underline !important
}

.index_module_answer_content__text_rtl__512aeed1 a {
	direction: rtl
}

/* end style 14 */
/* start style 15 */
*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 transparent;
	--tw-ring-shadow: 0 0 transparent;
	--tw-shadow: 0 0 transparent;
	--tw-shadow-colored: 0 0 transparent;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 transparent;
	--tw-ring-shadow: 0 0 transparent;
	--tw-shadow: 0 0 transparent;
	--tw-shadow-colored: 0 0 transparent;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
	border: 0 solid #0dfc7d;
	box-sizing: border-box
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	-webkit-text-size-adjust: 100%;
	font-feature-settings: normal;
	-webkit-tap-highlight-color: transparent;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-variation-settings: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}

body {
	line-height: inherit;
	margin: 0
}

hr {
	border-top-width: 1px;
	color: inherit;
	height: 0
}

abbr:where([title]) {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-feature-settings: normal;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-size: 1em;
	font-variation-settings: normal
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
	font-feature-settings: inherit;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	font-variation-settings: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #9ca3af;
	opacity: 1
}

input::placeholder,
textarea::placeholder {
	color: #9ca3af;
	opacity: 1
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	height: auto;
	max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
	display: none
}

:root {
	--background: 0 0% 100%;
	--foreground: 240 10% 3.9%;
	--card: 0 0% 100%;
	--card-foreground: 240 10% 3.9%;
	--popover: 0 0% 100%;
	--popover-foreground: 240 10% 3.9%;
	--highlight: 24 100% 50%;
	--highlight-dark: 19 91% 43%;
	--primary: 240 5.9% 10%;
	--primary-foreground: 0 0% 98%;
	--secondary: 240 4.8% 95.9%;
	--secondary-foreground: 240 5.9% 10%;
	--muted: 240 4.8% 95.9%;
	--muted-foreground: 240 3.8% 46.1%;
	--accent: 240 4.8% 95.9%;
	--accent-foreground: 240 5.9% 10%;
	--destructive: 0 84.2% 60.2%;
	--destructive-foreground: 0 0% 98%;
	--border: 240 5.9% 90%;
	--input: 240 5.9% 90%;
	--ring: 240 5.9% 10%;
	--radius: 0.5rem
}

* {
	border-color: #0dfc7d;
	border-color: hsl(var(--border))
}

body {
	background-color: #fff;
	background-color: hsl(var(--background));
	color: #09090b;
	color: hsl(var(--foreground))
}

.r-sr-only {
	clip: rect(0, 0, 0, 0);
	border-width: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.r-pointer-events-auto {
	pointer-events: auto
}

.r-fixed {
	position: fixed
}

.r-absolute {
	position: absolute
}

.r-relative {
	position: relative
}

.r-inset-0 {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.-r-bottom-\[4px\] {
	bottom: -4px
}

.r-bottom-0 {
	bottom: 0
}

.r-bottom-\[1px\] {
	bottom: 1px
}

.r-left-0 {
	left: 0
}

html[dir=rtl] .r-left-0 {
	left: auto;
	right: 0
}

.r-left-1\/2 {
	left: 50%
}

html[dir=rtl] .r-left-1\/2 {
	left: auto;
	right: 50%
}

.r-left-2 {
	left: .5rem
}

html[dir=rtl] .r-left-2 {
	left: auto;
	right: .5rem
}

.r-left-\[10px\] {
	left: 10px
}

html[dir=rtl] .r-left-\[10px\] {
	left: auto;
	right: 10px
}

.r-left-\[50\%\] {
	left: 50%
}

html[dir=rtl] .r-left-\[50\%\] {
	left: auto;
	right: 50%
}

.r-right-0 {
	right: 0
}

html[dir=rtl] .r-right-0 {
	left: 0;
	right: auto
}

.r-right-2 {
	right: .5rem
}

html[dir=rtl] .r-right-2 {
	left: .5rem;
	right: auto
}

.r-right-6 {
	right: 1.5rem
}

html[dir=rtl] .r-right-6 {
	left: 1.5rem;
	right: auto
}

.r-right-\[10px\] {
	right: 10px
}

html[dir=rtl] .r-right-\[10px\] {
	left: 10px;
	right: auto
}

.r-top-0 {
	top: 0
}

.r-top-2 {
	top: .5rem
}

.r-top-6 {
	top: 1.5rem
}

.r-top-\[20\%\] {
	top: 20%
}

.r-top-\[50\%\] {
	top: 50%
}

.r-z-50 {
	z-index: 50
}

.r-z-\[99999\] {
	z-index: 99999
}

.r-z-\[9999\],
.r-z-background {
	z-index: 9999
}

.r-m-0 {
	margin: 0
}

.r--mx-1 {
	margin-left: -.25rem;
	margin-right: -.25rem
}

.r-mx-\[-24px\] {
	margin-left: -24px;
	margin-right: -24px
}

.r-my-0 {
	margin-bottom: 0;
	margin-top: 0
}

.r-my-1 {
	margin-bottom: .25rem;
	margin-top: .25rem
}

.r-mb-\[10px\] {
	margin-bottom: 10px
}

.r-mb-\[12px\] {
	margin-bottom: 12px
}

.r-mb-\[14px\] {
	margin-bottom: 14px
}

.r-mb-\[16px\] {
	margin-bottom: 16px
}

.r-mb-\[20px\] {
	margin-bottom: 20px
}

.r-mb-\[24px\] {
	margin-bottom: 24px
}

.r-mb-\[2px\] {
	margin-bottom: 2px
}

.r-mb-\[40px\] {
	margin-bottom: 40px
}

.r-mb-\[4px\] {
	margin-bottom: 4px
}

.r-mb-\[8px\] {
	margin-bottom: 8px
}

.r-ml-0 {
	margin-left: 0
}

html[dir=rtl] .r-ml-0 {
	margin-left: 0;
	margin-right: 0
}

.r-ml-\[4px\] {
	margin-left: 4px
}

html[dir=rtl] .r-ml-\[4px\] {
	margin-left: 0;
	margin-right: 4px
}

.r-ml-\[6px\] {
	margin-left: 6px
}

html[dir=rtl] .r-ml-\[6px\] {
	margin-left: 0;
	margin-right: 6px
}

.r-ml-\[8px\] {
	margin-left: 8px
}

html[dir=rtl] .r-ml-\[8px\] {
	margin-left: 0;
	margin-right: 8px
}

.r-ml-auto {
	margin-left: auto
}

html[dir=rtl] .r-ml-auto {
	margin-left: 0;
	margin-right: auto
}

.r-mr-8 {
	margin-right: 2rem
}

html[dir=rtl] .r-mr-8 {
	margin-left: 2rem;
	margin-right: 0
}

.r-mr-\[10px\] {
	margin-right: 10px
}

html[dir=rtl] .r-mr-\[10px\] {
	margin-left: 10px;
	margin-right: 0
}

.r-mr-\[12px\] {
	margin-right: 12px
}

html[dir=rtl] .r-mr-\[12px\] {
	margin-left: 12px;
	margin-right: 0
}

.r-mr-\[180px\] {
	margin-right: 180px
}

html[dir=rtl] .r-mr-\[180px\] {
	margin-left: 180px;
	margin-right: 0
}

.r-mr-\[20px\] {
	margin-right: 20px
}

html[dir=rtl] .r-mr-\[20px\] {
	margin-left: 20px;
	margin-right: 0
}

.r-mr-\[2px\] {
	margin-right: 2px
}

html[dir=rtl] .r-mr-\[2px\] {
	margin-left: 2px;
	margin-right: 0
}

.r-mr-\[4px\] {
	margin-right: 4px
}

html[dir=rtl] .r-mr-\[4px\] {
	margin-left: 4px;
	margin-right: 0
}

.r-mt-2 {
	margin-top: .5rem
}

.r-mt-\[-2px\] {
	margin-top: -2px
}

.r-mt-\[0px\] {
	margin-top: 0
}

.r-mt-\[12px\] {
	margin-top: 12px
}

.r-mt-\[16px\] {
	margin-top: 16px
}

.r-mt-\[20px\] {
	margin-top: 20px
}

.r-mt-\[2px\] {
	margin-top: 2px
}

.r-mt-\[40px\] {
	margin-top: 40px
}

.r-mt-\[4px\] {
	margin-top: 4px
}

.r-line-clamp-1 {
	-webkit-line-clamp: 1
}

.r-line-clamp-1,
.r-line-clamp-2 {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.r-line-clamp-2 {
	-webkit-line-clamp: 2
}

.r-block {
	display: block
}

.r-inline-block {
	display: inline-block
}

.r-inline {
	display: inline
}

.r-flex {
	display: flex
}

.r-inline-flex {
	display: inline-flex
}

.r-grid {
	display: grid
}

.\!r-h-\[720px\] {
	height: 720px !important
}

.\!r-h-auto {
	height: auto !important
}

.r-h-10 {
	height: 2.5rem
}

.r-h-11 {
	height: 2.75rem
}

.r-h-16 {
	height: 4rem
}

.r-h-2 {
	height: .5rem
}

.r-h-3\.5 {
	height: .875rem
}

.r-h-4 {
	height: 1rem
}

.r-h-7 {
	height: 1.75rem
}

.r-h-8 {
	height: 2rem
}

.r-h-9 {
	height: 2.25rem
}

.r-h-\[100\%\] {
	height: 100%
}

.r-h-\[11px\] {
	height: 11px
}

.r-h-\[13px\] {
	height: 13px
}

.r-h-\[14px\] {
	height: 14px
}

.r-h-\[15px\] {
	height: 15px
}

.r-h-\[16px\] {
	height: 16px
}

.r-h-\[18px\] {
	height: 18px
}

.r-h-\[20px\] {
	height: 20px
}

.r-h-\[24px\] {
	height: 24px
}

.r-h-\[26px\] {
	height: 26px
}

.r-h-\[32px\] {
	height: 32px
}

.r-h-\[40px\] {
	height: 40px
}

.r-h-\[44px\] {
	height: 44px
}

.r-h-\[48px\] {
	height: 48px
}

.r-h-\[4px\] {
	height: 4px
}

.r-h-\[51px\] {
	height: 51px
}

.r-h-\[57\.6px\] {
	height: 57.6px
}

.r-h-\[600px\] {
	height: 600px
}

.r-h-\[616px\] {
	height: 616px
}

.r-h-\[67px\] {
	height: 67px
}

.r-h-\[72px\] {
	height: 72px
}

.r-h-\[76px\] {
	height: 76px
}

.r-h-\[80px\] {
	height: 80px
}

.r-h-\[9px\] {
	height: 9px
}

.r-h-\[var\(--card-height\)\] {
	height: var(--card-height)
}

.r-h-\[var\(--icon-width\)\] {
	height: var(--icon-width)
}

.r-h-auto {
	height: auto
}

.r-h-full {
	height: 100%
}

.r-h-px {
	height: 1px
}

.r-max-h-\[18px\] {
	max-height: 18px
}

.r-max-h-\[36px\] {
	max-height: 36px
}

.r-max-h-\[620px\] {
	max-height: 620px
}

.r-min-h-\[128px\] {
	min-height: 128px
}

.r-min-h-\[18px\] {
	min-height: 18px
}

.r-min-h-\[30px\] {
	min-height: 30px
}

.r-min-h-\[382px\] {
	min-height: 382px
}

.r-min-h-\[480px\] {
	min-height: 480px
}

.r-min-h-\[64px\] {
	min-height: 64px
}

.\!r-w-\[1000px\] {
	width: 1000px !important
}

.r-w-10 {
	width: 2.5rem
}

.r-w-2 {
	width: .5rem
}

.r-w-3\.5 {
	width: .875rem
}

.r-w-4 {
	width: 1rem
}

.r-w-7 {
	width: 1.75rem
}

.r-w-\[100\%\] {
	width: 100%
}

.r-w-\[1000px\] {
	width: 1000px
}

.r-w-\[150px\] {
	width: 150px
}

.r-w-\[175px\] {
	width: 175px
}

.r-w-\[18px\] {
	width: 18px
}

.r-w-\[20px\] {
	width: 20px
}

.r-w-\[24px\] {
	width: 24px
}

.r-w-\[250px\] {
	width: 250px
}

.r-w-\[339px\] {
	width: 339px
}

.r-w-\[364px\] {
	width: 364px
}

.r-w-\[36px\] {
	width: 36px
}

.r-w-\[40px\] {
	width: 40px
}

.r-w-\[44px\] {
	width: 44px
}

.r-w-\[51px\] {
	width: 51px
}

.r-w-\[561px\] {
	width: 561px
}

.r-w-\[57\.6px\] {
	width: 57.6px
}

.r-w-\[710px\] {
	width: 710px
}

.r-w-\[72px\] {
	width: 72px
}

.r-w-\[850px\] {
	width: 850px
}

.r-w-\[var\(--card-width\)\] {
	width: var(--card-width)
}

.r-w-\[var\(--icon-width\)\] {
	width: var(--icon-width)
}

.r-w-full {
	width: 100%
}

.r-min-w-\[0px\] {
	min-width: 0
}

.r-min-w-\[100px\] {
	min-width: 100px
}

.r-min-w-\[120px\] {
	min-width: 120px
}

.r-min-w-\[210px\] {
	min-width: 210px
}

.r-min-w-\[32px\] {
	min-width: 32px
}

.r-min-w-\[360px\] {
	min-width: 360px
}

.r-min-w-\[8rem\] {
	min-width: 8rem
}

.\!r-max-w-\[1000px\] {
	max-width: 1000px !important
}

.r-max-w-\[1000px\] {
	max-width: 1000px
}

.r-max-w-\[200px\] {
	max-width: 200px
}

.r-max-w-\[400px\] {
	max-width: 400px
}

.r-max-w-\[440px\] {
	max-width: 440px
}

.r-max-w-lg {
	max-width: 32rem
}

.r-flex-1 {
	flex: 1 1 0%
}

.r-flex-auto {
	flex: 1 1 auto
}

.r-shrink-0 {
	flex-shrink: 0
}

.r-origin-top {
	transform-origin: top
}

.r--translate-x-1\/2 {
	--tw-translate-x: -50%;
	transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r--translate-y-1\/2 {
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-translate-x-\[-50\%\] {
	--tw-translate-x: -50%;
	transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-translate-y-1\/2 {
	--tw-translate-y: 50%;
	transform: translate(var(--tw-translate-x), 50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-translate-y-\[-2px\] {
	--tw-translate-y: -2px;
	transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-translate-y-\[-50\%\] {
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-rotate-180 {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-scale-\[0\.83\] {
	--tw-scale-x: 0.83;
	--tw-scale-y: 0.83;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.83) scaleY(.83)
}

.r-scale-\[0\.83\],
.r-transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.r-cursor-default {
	cursor: default
}

.r-cursor-pointer {
	cursor: pointer
}

.r-select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.r-grid-rows-\[auto_1fr\] {
	grid-template-rows: auto 1fr
}

.r-flex-col {
	flex-direction: column
}

.r-flex-col-reverse {
	flex-direction: column-reverse
}

.r-flex-wrap {
	flex-wrap: wrap
}

.r-items-start {
	align-items: flex-start
}

.r-items-end {
	align-items: flex-end
}

.r-items-center {
	align-items: center
}

.r-justify-start {
	justify-content: flex-start
}

.r-justify-center {
	justify-content: center
}

.r-justify-between {
	justify-content: space-between
}

.r-justify-around {
	justify-content: space-around
}

.r-gap-1 {
	gap: .25rem
}

.r-gap-2 {
	gap: .5rem
}

.r-gap-4 {
	gap: 1rem
}

.r-gap-\[10\.71px\] {
	gap: 10.71px
}

.r-gap-\[10px\] {
	gap: 10px
}

.r-gap-\[12px\] {
	gap: 12px
}

.r-gap-\[20px\] {
	gap: 20px
}

.r-gap-\[2px\] {
	gap: 2px
}

.r-gap-\[4px\] {
	gap: 4px
}

.r-gap-\[6px\] {
	gap: 6px
}

.r-gap-\[8px\] {
	gap: 8px
}

.r-space-x-4>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: 1rem;
	margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
	margin-right: 0;
	margin-right: calc(1rem*var(--tw-space-x-reverse))
}

html[dir=rtl] .r-space-x-4>:not([hidden])~:not([hidden]) {
	margin-left: calc(1rem*var(--tw-space-x-reverse));
	margin-right: calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.r-space-y-1\.5>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: 0;
	margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
	margin-top: .375rem;
	margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.r-overflow-hidden {
	overflow: hidden
}

.r-overflow-y-auto {
	overflow-y: auto
}

.r-overflow-x-hidden {
	overflow-x: hidden
}

.r-text-ellipsis {
	text-overflow: ellipsis
}

.r-whitespace-normal {
	white-space: normal
}

.r-whitespace-nowrap {
	white-space: nowrap
}

.r-break-words {
	word-wrap: break-word
}

.r-rounded-\[12px\] {
	border-radius: 12px
}

.r-rounded-\[2\.14px\] {
	border-radius: 2.14px
}

.r-rounded-\[20px\] {
	border-radius: 20px
}

.r-rounded-\[4px\] {
	border-radius: 4px
}

.r-rounded-\[8px\] {
	border-radius: 8px
}

.r-rounded-full {
	border-radius: 9999px
}

.r-rounded-lg {
	border-radius: .5rem;
	border-radius: var(--radius)
}

.r-rounded-md {
	border-radius: calc(.5rem - 2px);
	border-radius: calc(var(--radius) - 2px)
}

.r-rounded-none {
	border-radius: 0
}

.r-rounded-sm {
	border-radius: calc(.5rem - 4px);
	border-radius: calc(var(--radius) - 4px)
}

.r-border {
	border-width: 1px
}

.r-border-0 {
	border-width: 0
}

.r-border-2 {
	border-width: 2px
}

.r-border-b {
	border-bottom-width: 1px
}

.r-border-b-2 {
	border-bottom-width: 2px
}

.r-border-b-\[1\.5px\] {
	border-bottom-width: 1.5px
}

.r-border-l {
	border-left-width: 1px
}

html[dir=rtl] .r-border-l {
	border-left-width: medium;
	border-right-width: 1px
}

.r-border-l-\[1px\] {
	border-left-width: 1px
}

html[dir=rtl] .r-border-l-\[1px\] {
	border-left-width: medium;
	border-right-width: 1px
}

.r-border-t-0 {
	border-top-width: 0
}

.r-border-solid {
	border-style: solid
}

.\!r-border-\[\#222\] {
	--tw-border-opacity: 1 !important;
	border-color: #222 !important;
	border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1)) !important
}

.r-border-\[\#000\] {
	--tw-border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

.r-border-\[\#222222\],
.r-border-\[\#222\] {
	--tw-border-opacity: 1;
	border-color: #222;
	border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1))
}

.r-border-\[\#22891F\] {
	--tw-border-opacity: 1;
	border-color: #22891f;
	border-color: rgba(34, 137, 31, var(--tw-border-opacity, 1))
}

.r-border-\[\#ddd\] {
	--tw-border-opacity: 1;
	border-color: #ddd;
	border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1))
}

.r-border-black {
	--tw-border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

.r-border-destructive {
	border-color: #ef4343;
	border-color: hsl(var(--destructive))
}

.r-border-gray-800 {
	--tw-border-opacity: 1;
	border-color: #1f2937;
	border-color: rgba(31, 41, 55, var(--tw-border-opacity, 1))
}

.r-border-b-\[\#E8E8E8\] {
	--tw-border-opacity: 1;
	border-bottom-color: #e8e8e8;
	border-bottom-color: rgba(232, 232, 232, var(--tw-border-opacity, 1))
}

.r-bg-\[\#000\] {
	--tw-bg-opacity: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#222\]\/50 {
	background-color: rgba(34, 34, 34, .5)
}

.r-bg-\[\#5369d7\] {
	--tw-bg-opacity: 1;
	background-color: #5369d7;
	background-color: rgba(83, 105, 215, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#A97E5F\] {
	--tw-bg-opacity: 1;
	background-color: #a97e5f;
	background-color: rgba(169, 126, 95, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#F0F0F0\] {
	--tw-bg-opacity: 1;
	background-color: #f0f0f0;
	background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#F4F4F4\] {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#d1d2d4\] {
	--tw-bg-opacity: 1;
	background-color: #d1d2d4;
	background-color: rgba(209, 210, 212, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#4f97b8\] {
	--tw-bg-opacity: 1;
	background-color: #4f97b8;
	background-color: rgba(214, 64, 0, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#e5e5e5\] {
	--tw-bg-opacity: 1;
	background-color: #e5e5e5;
	background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#eee\] {
	--tw-bg-opacity: 1;
	background-color: #eee;
	background-color: rgba(238, 238, 238, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#f4f4f4\] {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#f8f8f8\] {
	--tw-bg-opacity: 1;
	background-color: #f8f8f8;
	background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#fafafa\] {
	--tw-bg-opacity: 1;
	background-color: #fafafa;
	background-color: rgba(250, 250, 250, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#fe680d\] {
	--tw-bg-opacity: 1;
	background-color: #fe680d;
	background-color: rgba(254, 104, 13, var(--tw-bg-opacity, 1))
}

.r-bg-\[\#fff\] {
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
}

.r-bg-\[rgba\(0\,0\,0\,0\.5\)\] {
	background-color: rgba(0, 0, 0, .5)
}

.r-bg-background {
	background-color: #fff;
	background-color: hsl(var(--background))
}

.r-bg-black {
	--tw-bg-opacity: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1))
}

.r-bg-destructive {
	background-color: #ef4343;
	background-color: hsl(var(--destructive))
}

.r-bg-muted {
	background-color: #f4f4f5;
	background-color: hsl(var(--muted))
}

.r-bg-popover {
	background-color: #fff;
	background-color: hsl(var(--popover))
}

.r-bg-primary {
	background-color: #18181b;
	background-color: hsl(var(--primary))
}

.r-bg-secondary {
	background-color: #f4f4f5;
	background-color: hsl(var(--secondary))
}

.r-bg-transparent {
	background-color: transparent
}

.r-bg-\[url\(\'https\:\/\/img\.alicdn\.com\/imgextra\/i2\/O1CN01lTHEqn1szOqBeSAht_\!\!6000000005837-2-tps-361-360\.png\'\)\] {
	background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01lTHEqn1szOqBeSAht_!!6000000005837-2-tps-361-360.png)
}

.r-bg-\[auto_110px\] {
	background-size: auto 110px
}

.r-bg-\[right_2px\] {
	background-position: right 2px
}

html[dir=rtl] .r-bg-\[right_2px\] {
	background-position: left 2px
}

.r-bg-no-repeat {
	background-repeat: no-repeat
}

.r-fill-current {
	fill: currentColor
}

.r-object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.r-object-center {
	-o-object-position: center;
	object-position: center
}

.r-p-1 {
	padding: .25rem
}

.r-p-2 {
	padding: .5rem
}

.r-p-\[0px_20px\] {
	padding: 0 20px
}

.r-p-\[14px_20px\] {
	padding: 14px 20px
}

.r-p-\[16px\] {
	padding: 16px
}

.r-p-\[20px\] {
	padding: 20px
}

.r-p-\[24px\] {
	padding: 24px
}

.r-p-\[8px\] {
	padding: 8px
}

.r-px-0 {
	padding-left: 0;
	padding-right: 0
}

.r-px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.r-px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.r-px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.r-px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.r-px-\[16px\] {
	padding-left: 16px;
	padding-right: 16px
}

.r-px-\[24px\] {
	padding-left: 24px;
	padding-right: 24px
}

.r-px-\[4px\] {
	padding-left: 4px;
	padding-right: 4px
}

.r-px-\[70px\] {
	padding-left: 70px;
	padding-right: 70px
}

.r-py-0 {
	padding-bottom: 0;
	padding-top: 0
}

.r-py-1\.5 {
	padding-bottom: .375rem;
	padding-top: .375rem
}

.r-py-2 {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.r-py-6 {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem
}

.r-py-\[12px\] {
	padding-bottom: 12px;
	padding-top: 12px
}

.\!r-pt-0 {
	padding-top: 0 !important
}

.r-pb-0 {
	padding-bottom: 0
}

.r-pb-2 {
	padding-bottom: .5rem
}

.r-pb-\[12px\] {
	padding-bottom: 12px
}

.r-pb-\[1px\] {
	padding-bottom: 1px
}

.r-pb-\[2\.14px\] {
	padding-bottom: 2.14px
}

.r-pb-\[20px\] {
	padding-bottom: 20px
}

.r-pb-\[24px\] {
	padding-bottom: 24px
}

.r-pb-\[2px\] {
	padding-bottom: 2px
}

.r-pl-0 {
	padding-left: 0
}

html[dir=rtl] .r-pl-0 {
	padding-left: 0;
	padding-right: 0
}

.r-pl-8 {
	padding-left: 2rem
}

html[dir=rtl] .r-pl-8 {
	padding-left: 0;
	padding-right: 2rem
}

.r-pl-\[20px\] {
	padding-left: 20px
}

html[dir=rtl] .r-pl-\[20px\] {
	padding-left: 0;
	padding-right: 20px
}

.r-pl-\[24px\] {
	padding-left: 24px
}

html[dir=rtl] .r-pl-\[24px\] {
	padding-left: 0;
	padding-right: 24px
}

.r-pl-\[2px\] {
	padding-left: 2px
}

html[dir=rtl] .r-pl-\[2px\] {
	padding-left: 0;
	padding-right: 2px
}

.r-pl-\[4px\] {
	padding-left: 4px
}

html[dir=rtl] .r-pl-\[4px\] {
	padding-left: 0;
	padding-right: 4px
}

.r-pl-\[8px\] {
	padding-left: 8px
}

html[dir=rtl] .r-pl-\[8px\] {
	padding-left: 0;
	padding-right: 8px
}

.r-pr-0 {
	padding-right: 0
}

html[dir=rtl] .r-pr-0 {
	padding-left: 0;
	padding-right: 0
}

.r-pr-2 {
	padding-right: .5rem
}

html[dir=rtl] .r-pr-2 {
	padding-left: .5rem;
	padding-right: 0
}

.r-pr-\[20px\] {
	padding-right: 20px
}

html[dir=rtl] .r-pr-\[20px\] {
	padding-left: 20px;
	padding-right: 0
}

.r-pr-\[24px\] {
	padding-right: 24px
}

html[dir=rtl] .r-pr-\[24px\] {
	padding-left: 24px;
	padding-right: 0
}

.r-pr-\[40px\] {
	padding-right: 40px
}

html[dir=rtl] .r-pr-\[40px\] {
	padding-left: 40px;
	padding-right: 0
}

.r-pr-\[8px\] {
	padding-right: 8px
}

html[dir=rtl] .r-pr-\[8px\] {
	padding-left: 8px;
	padding-right: 0
}

.r-pt-2 {
	padding-top: .5rem
}

.r-pt-\[0px\] {
	padding-top: 0
}

.r-pt-\[16px\] {
	padding-top: 16px
}

.r-pt-\[2\.14px\] {
	padding-top: 2.14px
}

.r-pt-\[20px\] {
	padding-top: 20px
}

.r-pt-\[24px\] {
	padding-top: 24px
}

.r-text-left {
	text-align: left
}

html[dir=rtl] .r-text-left {
	text-align: right
}

.r-text-center {
	text-align: center
}

.r-text-right {
	text-align: right
}

html[dir=rtl] .r-text-right {
	text-align: left
}

.r-align-middle {
	vertical-align: middle
}

.r-font-\[Inter\],
.r-font-\[\'Inter\'\] {
	font-family: Inter
}

.r-font-inter {
	font-family: Inter, sans-serif
}

.r-font-sans {
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.r-text-\[11px\] {
	font-size: 11px
}

.r-text-\[12px\] {
	font-size: 12px
}

.r-text-\[13px\] {
	font-size: 13px
}

.r-text-\[14px\] {
	font-size: 14px
}

.r-text-\[16px\] {
	font-size: 16px
}

.r-text-\[20px\] {
	font-size: 20px
}

.r-text-\[24px\] {
	font-size: 24px
}

.r-text-\[26px\] {
	font-size: 26px
}

.r-text-\[48px\] {
	font-size: 48px
}

.r-text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.r-text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.r-text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.r-text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.r-font-\[500\] {
	font-weight: 500
}

.r-font-\[600\] {
	font-weight: 600
}

.r-font-bold {
	font-weight: 700
}

.r-font-medium {
	font-weight: 500
}

.r-font-normal {
	font-weight: 400
}

.r-font-semibold {
	font-weight: 600
}

.r-leading-\[14px\] {
	line-height: 14px
}

.r-leading-\[16px\] {
	line-height: 16px
}

.r-leading-\[18px\] {
	line-height: 18px
}

.r-leading-\[20px\] {
	line-height: 20px
}

.r-leading-\[22px\] {
	line-height: 22px
}

.r-leading-\[24px\] {
	line-height: 24px
}

.r-leading-\[25\.71px\] {
	line-height: 25.71px
}

.r-leading-\[26px\] {
	line-height: 26px
}

.r-leading-\[30px\] {
	line-height: 30px
}

.r-leading-\[32px\] {
	line-height: 32px
}

.r-leading-\[44px\] {
	line-height: 44px
}

.r-tracking-\[-0\.004em\] {
	letter-spacing: -.004em
}

.r-tracking-\[0\%\],
.r-tracking-\[0px\] {
	letter-spacing: 0
}

.r-tracking-widest {
	letter-spacing: .1em
}

.r-text-\[\#000\] {
	--tw-text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--tw-text-opacity, 1))
}

.r-text-\[\#222222\],
.r-text-\[\#222\] {
	--tw-text-opacity: 1;
	color: #222;
	color: rgba(34, 34, 34, var(--tw-text-opacity, 1))
}

.r-text-\[\#22891F\] {
	--tw-text-opacity: 1;
	color: #22891f;
	color: rgba(34, 137, 31, var(--tw-text-opacity, 1))
}

.r-text-\[\#333\] {
	--tw-text-opacity: 1;
	color: #333;
	color: rgba(51, 51, 51, var(--tw-text-opacity, 1))
}

.r-text-\[\#373635\] {
	--tw-text-opacity: 1;
	color: #373635;
	color: rgba(55, 54, 53, var(--tw-text-opacity, 1))
}

.r-text-\[\#666666\],
.r-text-\[\#666\] {
	--tw-text-opacity: 1;
	color: #666;
	color: rgba(102, 102, 102, var(--tw-text-opacity, 1))
}

.r-text-\[\#767676\] {
	--tw-text-opacity: 1;
	color: #767676;
	color: rgba(118, 118, 118, var(--tw-text-opacity, 1))
}

.r-text-\[\#8d8d8d\] {
	--tw-text-opacity: 1;
	color: #8d8d8d;
	color: rgba(141, 141, 141, var(--tw-text-opacity, 1))
}

.r-text-\[\#4f97b8\] {
	--tw-text-opacity: 1;
	color: #4f97b8;
	color: rgba(214, 64, 0, var(--tw-text-opacity, 1))
}

.r-text-\[\#fff\] {
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.r-text-black {
	--tw-text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--tw-text-opacity, 1))
}

.r-text-destructive-foreground {
	color: #fafafa;
	color: hsl(var(--destructive-foreground))
}

.r-text-foreground {
	color: #09090b;
	color: hsl(var(--foreground))
}

.r-text-foreground\/50 {
	color: rgba(9, 9, 11, .5);
	color: hsl(var(--foreground)/.5)
}

.r-text-muted-foreground {
	color: #71717a;
	color: hsl(var(--muted-foreground))
}

.r-text-popover-foreground {
	color: #09090b;
	color: hsl(var(--popover-foreground))
}

.r-text-primary {
	color: #18181b;
	color: hsl(var(--primary))
}

.r-text-primary-foreground {
	color: #fafafa;
	color: hsl(var(--primary-foreground))
}

.r-text-secondary-foreground {
	color: #18181b;
	color: hsl(var(--secondary-foreground))
}

.r-text-white {
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.r-underline {
	text-decoration-line: underline
}

.r-decoration-solid {
	text-decoration-style: solid
}

.r-underline-offset-4 {
	text-underline-offset: 4px
}

.r-opacity-0 {
	opacity: 0
}

.r-opacity-60 {
	opacity: .6
}

.r-opacity-90 {
	opacity: .9
}

.r-shadow-\[0_10px_38px_-10px_\#0e121659\,0_10px_20px_-15px_\#0e121633\] {
	--tw-shadow: 0 10px 38px -10px rgba(14, 18, 22, .349), 0 10px 20px -15px rgba(14, 18, 22, .2);
	--tw-shadow-colored: 0 10px 38px -10px var(--tw-shadow-color), 0 10px 20px -15px var(--tw-shadow-color);
	box-shadow: 0 0 transparent, 0 0 transparent, 0 10px 38px -10px rgba(14, 18, 22, .349), 0 10px 20px -15px rgba(14, 18, 22, .2);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.r-shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: 0 0 transparent, 0 0 transparent, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.r-shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.r-outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.r-outline-0 {
	outline-width: 0
}

.r-ring-offset-background {
	--tw-ring-offset-color: hsl(var(--background))
}

.r-transition-all {
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.r-transition-colors {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.r-transition-opacity {
	transition-duration: .15s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.r-duration-200 {
	transition-duration: .2s
}

.r-duration-300 {
	transition-duration: .3s
}

.r-ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.r-ease-linear {
	transition-timing-function: linear
}

@keyframes enter {
	0% {
		opacity: 1;
		opacity: var(--tw-enter-opacity, 1);
		transform: translateZ(0) scaleX(1) rotate(0);
		transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
	}
}

@keyframes exit {
	to {
		opacity: 1;
		opacity: var(--tw-exit-opacity, 1);
		transform: translateZ(0) scaleX(1) rotate(0);
		transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
	}
}

.r-duration-200 {
	animation-duration: .2s
}

.r-duration-300 {
	animation-duration: .3s
}

.r-ease-in-out {
	animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.r-ease-linear {
	animation-timing-function: linear
}

.tag-dropdown-menu-content span.r-left-2 {
	border: 1.5px solid #ddd;
	border-radius: 4px;
	gap: 0;
	height: 20px;
	left: calc(100% - 40px);
	width: 20px
}

html[dir=rtl] .tag-dropdown-menu-content span.r-left-2 {
	left: auto;
	right: calc(100% - 40px)
}

.tag-dropdown-menu-content div[aria-checked=true] {
	font-weight: 700
}

.tag-dropdown-menu-content div[aria-checked=true] span.r-left-2 {
	background-color: #222;
	border: 1.5px solid transparent;
	color: #fff
}

div[role=menuitemradio] {
	--tw-text-opacity: 1;
	align-items: center;
	color: #222;
	color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
	cursor: pointer;
	display: flex;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 400;
	outline: 2px solid transparent;
	outline-offset: 2px;
	padding: 12px 20px
}

div[role=menuitemradio]:hover {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

div[role=menuitemradio][aria-checked=true] {
	font-weight: 700
}

div[role=menuitemradio][aria-checked=true] span {
	display: none
}

html[dir=rtl] button.r-right-6 {
	left: 1.5rem;
	right: auto
}

html[dir=rtl] div.r-border-b-2 {
	border-bottom-width: 2px
}

html[dir=rtl] .r-border-2 {
	border-width: 2px
}

html[dir=rtl] .data-\[state\=active\]\:r-shadow-none[data-state=active] {
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

html[dir=rtl] .r-border-b-\[1\.5px\] {
	border-bottom-width: 1.5px
}

html[dir=rtl] .r-border-\[\#22891F\] {
	border-bottom-color: #22891f;
	border-bottom-color: rgba(34, 137, 31, var(--tw-border-opacity, 1))
}

html[dir=rtl] .tag-dropdown-menu-content span.r-left-2 {
	right: calc(100% - 32px)
}

html[dir=rtl] .r-reviews-dialog.r-left-\[50\%\] {
	left: 50%;
	right: auto
}

.last\:r-mb-\[0px\]:last-child {
	margin-bottom: 0
}

.last\:r-border-none:last-child {
	border-style: none
}

.last\:r-pb-\[0px\]:last-child {
	padding-bottom: 0
}

.hover\:r-bg-\[\#f4f4f4\]:hover {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

.hover\:r-bg-accent:hover {
	background-color: #f4f4f5;
	background-color: hsl(var(--accent))
}

.hover\:r-bg-destructive\/90:hover {
	background-color: rgba(239, 67, 67, .9);
	background-color: hsl(var(--destructive)/.9)
}

.hover\:r-bg-primary\/90:hover {
	background-color: rgba(24, 24, 27, .9);
	background-color: hsl(var(--primary)/.9)
}

.hover\:r-bg-secondary:hover {
	background-color: #f4f4f5;
	background-color: hsl(var(--secondary))
}

.hover\:r-bg-secondary\/80:hover {
	background-color: hsla(240, 5%, 96%, .8);
	background-color: hsl(var(--secondary)/.8)
}

.hover\:r-text-accent-foreground:hover {
	color: #18181b;
	color: hsl(var(--accent-foreground))
}

.hover\:r-text-foreground:hover {
	color: #09090b;
	color: hsl(var(--foreground))
}

.hover\:r-underline:hover {
	text-decoration-line: underline
}

.focus\:r-bg-accent:focus {
	background-color: #f4f4f5;
	background-color: hsl(var(--accent))
}

.focus\:r-text-accent-foreground:focus {
	color: #18181b;
	color: hsl(var(--accent-foreground))
}

.focus\:r-opacity-100:focus {
	opacity: 1
}

.focus\:r-outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus\:r-ring-2:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:r-ring-ring:focus {
	--tw-ring-color: hsl(var(--ring))
}

.focus\:r-ring-offset-2:focus {
	--tw-ring-offset-width: 2px
}

.focus-visible\:r-outline-none:focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus-visible\:r-ring-2:focus-visible {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-visible\:r-ring-ring:focus-visible {
	--tw-ring-color: hsl(var(--ring))
}

.focus-visible\:r-ring-offset-2:focus-visible {
	--tw-ring-offset-width: 2px
}

.disabled\:r-pointer-events-none:disabled {
	pointer-events: none
}

.disabled\:r-opacity-50:disabled {
	opacity: .5
}

.r-group:hover .group-hover\:r-opacity-100 {
	opacity: 1
}

.r-group.destructive .group-\[\.destructive\]\:r-border-muted\/40 {
	border-color: hsla(240, 5%, 96%, .4);
	border-color: hsl(var(--muted)/.4)
}

.r-group.destructive .group-\[\.destructive\]\:r-text-red-300 {
	--tw-text-opacity: 1;
	color: #fca5a5;
	color: rgba(252, 165, 165, var(--tw-text-opacity, 1))
}

.r-group.destructive .group-\[\.destructive\]\:hover\:r-border-destructive\/30:hover {
	border-color: rgba(239, 67, 67, .3);
	border-color: hsl(var(--destructive)/.3)
}

.r-group.destructive .group-\[\.destructive\]\:hover\:r-bg-destructive:hover {
	background-color: #ef4343;
	background-color: hsl(var(--destructive))
}

.r-group.destructive .group-\[\.destructive\]\:hover\:r-text-destructive-foreground:hover {
	color: #fafafa;
	color: hsl(var(--destructive-foreground))
}

.r-group.destructive .group-\[\.destructive\]\:hover\:r-text-red-50:hover {
	--tw-text-opacity: 1;
	color: #fef2f2;
	color: rgba(254, 242, 242, var(--tw-text-opacity, 1))
}

.r-group.destructive .group-\[\.destructive\]\:focus\:r-ring-destructive:focus {
	--tw-ring-color: hsl(var(--destructive))
}

.r-group.destructive .group-\[\.destructive\]\:focus\:r-ring-red-400:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity, 1))
}

.r-group.destructive .group-\[\.destructive\]\:focus\:r-ring-offset-red-600:focus {
	--tw-ring-offset-color: #dc2626
}

.data-\[disabled\]\:r-pointer-events-none[data-disabled] {
	pointer-events: none
}

.data-\[swipe\=cancel\]\:r-translate-x-0[data-swipe=cancel] {
	--tw-translate-x: 0px;
	transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[swipe\=cancel\]\:r-translate-x-0[data-swipe=cancel],
.data-\[swipe\=end\]\:r-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[swipe\=end\]\:r-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
	--tw-translate-x: var(--radix-toast-swipe-end-x)
}

.data-\[swipe\=move\]\:r-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
	--tw-translate-x: var(--radix-toast-swipe-move-x);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=active\]\:r-border-b-2[data-state=active] {
	border-bottom-width: 2px
}

.data-\[state\=active\]\:r-bg-background[data-state=active] {
	background-color: #fff;
	background-color: hsl(var(--background))
}

.data-\[state\=open\]\:r-bg-accent[data-state=open] {
	background-color: #f4f4f5;
	background-color: hsl(var(--accent))
}

.data-\[state\=active\]\:r-text-foreground[data-state=active] {
	color: #09090b;
	color: hsl(var(--foreground))
}

.data-\[disabled\]\:r-opacity-50[data-disabled] {
	opacity: .5
}

.data-\[state\=active\]\:r-shadow-none[data-state=active] {
	--tw-shadow: 0 0 transparent;
	--tw-shadow-colored: 0 0 transparent;
	box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.data-\[swipe\=move\]\:r-transition-none[data-swipe=move] {
	transition-property: none
}

.data-\[state\=open\]\:r-animate-in[data-state=open] {
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial;
	animation-duration: .15s;
	animation-name: enter
}

.data-\[state\=closed\]\:r-animate-out[data-state=closed],
.data-\[swipe\=end\]\:r-animate-out[data-swipe=end] {
	--tw-exit-opacity: initial;
	--tw-exit-scale: initial;
	--tw-exit-rotate: initial;
	--tw-exit-translate-x: initial;
	--tw-exit-translate-y: initial;
	animation-duration: .15s;
	animation-name: exit
}

.data-\[state\=closed\]\:r-fade-out-0[data-state=closed] {
	--tw-exit-opacity: 0
}

.data-\[state\=closed\]\:r-fade-out-80[data-state=closed] {
	--tw-exit-opacity: 0.8
}

.data-\[state\=open\]\:r-fade-in-0[data-state=open] {
	--tw-enter-opacity: 0
}

.data-\[state\=closed\]\:r-zoom-out-95[data-state=closed] {
	--tw-exit-scale: .95
}

.data-\[state\=open\]\:r-zoom-in-95[data-state=open] {
	--tw-enter-scale: .95
}

.data-\[side\=bottom\]\:r-slide-in-from-top-2[data-side=bottom] {
	--tw-enter-translate-y: -0.5rem
}

.data-\[side\=left\]\:r-slide-in-from-right-2[data-side=left] {
	--tw-enter-translate-x: 0.5rem
}

.data-\[side\=right\]\:r-slide-in-from-left-2[data-side=right] {
	--tw-enter-translate-x: -0.5rem
}

.data-\[side\=top\]\:r-slide-in-from-bottom-2[data-side=top] {
	--tw-enter-translate-y: 0.5rem
}

.data-\[state\=closed\]\:r-slide-out-to-left-1\/2[data-state=closed] {
	--tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:r-slide-out-to-right-full[data-state=closed] {
	--tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:r-slide-out-to-top-\[48\%\][data-state=closed] {
	--tw-exit-translate-y: -48%
}

.data-\[state\=open\]\:r-slide-in-from-left-1\/2[data-state=open] {
	--tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:r-slide-in-from-top-\[48\%\][data-state=open] {
	--tw-enter-translate-y: -48%
}

.data-\[state\=open\]\:r-slide-in-from-top-full[data-state=open] {
	--tw-enter-translate-y: -100%
}

@media (min-width:1200px) {
	.sm\:r-flex-row {
		flex-direction: row
	}

	.sm\:r-justify-end {
		justify-content: flex-end
	}

	.sm\:r-space-x-2>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: .5rem;
		margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
		margin-right: 0;
		margin-right: calc(.5rem*var(--tw-space-x-reverse))
	}

	html[dir=rtl] .sm\:r-space-x-2>:not([hidden])~:not([hidden]) {
		margin-left: calc(.5rem*var(--tw-space-x-reverse));
		margin-right: calc(.5rem*(1 - var(--tw-space-x-reverse)))
	}

	.sm\:r-rounded-lg {
		border-radius: .5rem;
		border-radius: var(--radius)
	}

	.sm\:r-text-left {
		text-align: left
	}

	html[dir=rtl] .sm\:r-text-left {
		text-align: right
	}

	.data-\[state\=open\]\:sm\:r-slide-in-from-bottom-full[data-state=open] {
		--tw-enter-translate-y: 100%
	}
}

.\[\&_svg\]\:r-pointer-events-none svg {
	pointer-events: none
}

.\[\&_svg\]\:r-size-4 svg {
	height: 1rem;
	width: 1rem
}

.\[\&_svg\]\:r-shrink-0 svg {
	flex-shrink: 0
}

/* end style 15 */
/* start style 16 */
.alitalk-unit {
	display: flex;
	align-items: center;
	color: #007ffc;
	font-size: 14px;
	cursor: pointer
}

.alitalk-unit .alitalk-unit-text {
	padding: 0 6px
}

.weblite-iframe {
	position: fixed;
	z-index: 999;
	right: 60px;
	bottom: 0;
	width: 210px;
	height: 44px;
	box-shadow: rgba(0, 0, 0, .1) -4px -4px 14px;
	overflow: hidden;
	border-radius: 4px
}

.weblite-iframe.rtl {
	right: auto;
	left: 60px
}

.alitalk-dialog {
	display: none
}

.alitalk-dialog.inquiry-form .alitalk-dialog-inner {
	position: fixed;
	bottom: 0;
	right: 60px;
	z-index: 1002;
	width: 1000px;
	height: 600px;
	border-radius: 4px 4px 0 0
}

.alitalk-dialog.inquiry-succeed {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1003;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .3)
}

.alitalk-dialog.inquiry-succeed .alitalk-dialog-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 1004;
	width: 1022px;
	height: 600px;
	border-radius: 4px
}

.alitalk-dialog-inner {
	display: flex;
	flex-direction: column;
	box-shadow: 0 -4px 14px 0px rgba(0, 0, 0, .15);
	background-color: #f5f5f5;
	overflow: hidden
}

.alitalk-dialog-header {
	position: relative;
	flex: none;
	background-color: #f4f4f4;
	padding: 20px;
	box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, .15)
}

.alitalk-dialog-title {
	font-size: 20px;
	font-weight: bold;
	font-family: "OpenSans, Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Tahoma, Arial,Helvetica"
}

.alitalk-dialog-close {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 1;
	cursor: pointer;
	transition: .3s;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center
}

.alitalk-dialog-close:hover {
	transform: rotate(90deg)
}

.alitalk-dialog-body {
	position: relative;
	flex: 1
}

.alitalk-dialog-iframe {
	display: none;
	width: 100%;
	height: 100%;
	border: 0;
	overflow-x: hidden
}

.alitalk-dialog-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: -1
}

.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor {
	display: inline-block;
	width: 48px;
	height: 48px;
	position: relative;
	margin: 0;
	-webkit-animation-duration: 5.6s;
	animation-duration: 5.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: nextVectorRoute;
	animation-name: nextVectorRoute
}

.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot {
	position: absolute;
	margin: auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ff1900;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s
}

.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:first-child {
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-name: nextVectorDotsX;
	animation-name: nextVectorDotsX
}

.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:nth-child(2) {
	left: 0;
	right: 0;
	top: 0;
	opacity: .8;
	-webkit-animation-name: nextVectorDotsY;
	animation-name: nextVectorDotsY
}

.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:nth-child(3) {
	top: 0;
	bottom: 0;
	right: 0;
	opacity: .6;
	-webkit-animation-name: nextVectorDotsXR;
	animation-name: nextVectorDotsXR
}

.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:nth-child(4) {
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .2;
	-webkit-animation-name: nextVectorDotsYR;
	animation-name: nextVectorDotsYR
}

@keyframes nextVectorRoute {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	5% {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	25% {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	30% {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	55% {
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	75% {
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	80% {
		-webkit-transform: rotate(1turn);
		-ms-transform: rotate(1turn);
		transform: rotate(1turn)
	}

	to {
		-webkit-transform: rotate(1turn);
		-ms-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes nextVectorDotsYR {
	25% {
		bottom: 0
	}

	45%,
	50% {
		bottom: 16.8px;
		height: 14.4px;
		width: 14.4px
	}

	90% {
		bottom: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsY {
	25% {
		top: 0
	}

	45%,
	50% {
		top: 16.8px;
		height: 14.4px;
		width: 14.4px
	}

	90% {
		top: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsX {
	25% {
		left: 0
	}

	45%,
	50% {
		left: 16.8px;
		width: 14.4px;
		height: 14.4px
	}

	90% {
		left: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsXR {
	25% {
		right: 0
	}

	45%,
	50% {
		right: 16.8px;
		width: 14.4px;
		height: 14.4px
	}

	90% {
		right: 0;
		height: 12px;
		width: 12px
	}
}

/* end style 16 */
/* start style 17 */
.certification-layout {
	border-top: 1px solid #ddd;
	margin-top: 32px;
	padding-top: 32px
}

.certification-layout h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: 700
}

.certification-layout h2 .certification-arrow {
	cursor: pointer
}

.certification-layout .slider-item {
	opacity: .7
}

.certification-layout .slider-item:hover {
	opacity: 1
}

.certification-layout .slider-item:hover .slider-icon {
	border: 1px solid #222
}

.certification-layout .slider-item.left {
	top: calc((100% - 56px)/2);
	position: absolute
}

html[dir=ltr] .certification-layout .slider-item.left {
	left: 4px
}

html[dir=rtl] .certification-layout .slider-item.left {
	right: 4px
}

.certification-layout .slider-item.right {
	top: calc((100% - 56px)/2);
	position: absolute
}

html[dir=ltr] .certification-layout .slider-item.right {
	right: 4px
}

html[dir=rtl] .certification-layout .slider-item.right {
	left: 4px
}

.certification-layout .slider-item .slider-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background-color: #fff;
	border: .67px solid #ddd
}

.certification-layout .certification-list {
	display: block
}

.certification-layout .certification-list .certification-cols {
	display: flex;
	gap: 8px;
	flex-direction: column;
	cursor: pointer
}

.certification-layout .certification-list .certification-cols>img {
	width: 80px;
	height: 120px
}

.certification-layout .certification-list .certification-cols .info {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 80px
}

.certification-layout .certification-list .certification-cols .info img {
	height: 14px
}

.certification-layout .certification-list .certification-cols .info span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	min-width: 21px
}

/* end style 17 */
/* start style 18 */
.project-layout {
	padding-top: 32px;
	margin-top: 32px;
	border-top: 1px solid #ddd
}

.project-layout .link {
	margin-top: 28px
}

.project-layout .link button {
	height: 38px
}

.project-layout h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-bottom: 20px
}

.project-layout h3 .project-arrow {
	cursor: pointer
}

.project-layout a {
	color: #222;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.project-layout .project-item {
	display: flex;
	flex-direction: row;
	gap: 20px
}

.project-layout .project-item>img {
	height: 200px;
	width: 200px;
	border-radius: 8px
}

.project-layout .project-item .project-info {
	display: flex;
	flex-direction: column;
	gap: 4px
}

.project-layout .project-item .project-info .name {
	font-size: 16px;
	color: #333;
	line-height: 22px
}

.project-layout .project-item .project-info .type {
	font-size: 12px;
	color: #222;
	line-height: 16px
}

.project-layout .project-item .project-info .country {
	display: flex;
	flex-direction: row;
	gap: 4px;
	align-items: center;
	font-size: 12px
}

.project-layout .project-item .project-info .country>img {
	height: 14px
}

.project-layout .project-item .project-info .link {
	margin-top: 10px
}

.project-layout .project-item .project-info .intro {
	font-size: 16px;
	margin-top: 10px;
	color: #222;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

/* end style 18 */
/* start style 19 */
.review-helpful {
	padding-top: 20px;
	display: flex;
	align-items: flex-end;
	cursor: pointer
}

.review-helpful img {
	width: 20px;
	height: 20px
}

.review-helpful span {
	font-family: SF Pro Text;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	color: #767676
}

.review-helpful.active span {
	color: #000;
	line-height: 14px
}

.helpful-toast {
	position: fixed;
	top: 20%;
	background-color: #fff;
	padding: 16px;
	font-weight: 400;
	line-height: 22px;
	border-radius: 8px;
	z-index: 99999;
	box-shadow: 0 10px 38px -10px #0e121659, 0 10px 20px -15px #0e121633;
	display: flex;
	align-items: center;
	min-width: 174px;
	min-height: 20px;
	color: #22891f;
	font-size: 11px
}

html[dir=ltr] .helpful-toast {
	left: 50%;
	transform: translate(-50%, -50%)
}

html[dir=rtl] .helpful-toast {
	right: 50%;
	transform: translate(50%, -50%)
}

.helpful-toast img {
	width: 18px
}

.helpful-toast span {
	margin-top: 1px;
	font-weight: 400;
	color: #22891f
}

html[dir=ltr] .helpful-toast span {
	padding-left: 4px
}

html[dir=rtl] .helpful-toast span {
	padding-right: 4px
}

.review-translate-up {
	display: flex;
	align-items: center
}

.review-translate-up * {
	color: #767676 !important;
	font-size: 14px;
	font-weight: 400
}

.review-translate-up img {
	width: 20px;
	height: 20px
}

html[dir=ltr] .review-translate-up img {
	margin-right: 4px
}

html[dir=rtl] .review-translate-up img {
	margin-left: 4px
}

html[dir=ltr] .review-translate-up span {
	margin-right: 4px
}

html[dir=rtl] .review-translate-up span {
	margin-left: 4px
}

.review-translate-up a {
	cursor: pointer;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.detail-pagination-list {
	display: flex;
	gap: 8px;
	flex-direction: row
}

.detail-pagination-list>button.less {
	background: none;
	cursor: none;
	margin-bottom: 8px;
	width: 16px
}

.detail-pagination-list>button:not(.less) {
	background-color: #f4f4f4;
	border-radius: 20px;
	color: #222;
	height: 36px;
	min-width: 36px
}

.detail-pagination-list>button:not(.less):hover {
	border: 1px solid #222
}

.detail-pagination-list>button:not(.less).active {
	border: 1px solid #222
}

.review-item.up {
	margin-top: 12px !important
}

html[dir=ltr] .review-item.up {
	padding-left: 10px;
	border-left: 1px solid #ddd
}

html[dir=rtl] .review-item.up {
	padding-right: 10px;
	border-right: 1px solid #ddd
}

.review-item.up .review-product {
	height: 67px;
	display: flex;
	align-items: flex-end !important;
	padding: 8px;
	border-radius: 8px;
	background: #f4f4f4;
	cursor: pointer
}

.review-item.up .review-product .review-product-image {
	height: 51px;
	width: 51px;
	border-radius: 8px;
	overflow: hidden
}

.review-item.up .review-product .review-product-image img {
	width: 100%;
	height: 100%
}

.review-item.up .review-product .review-product-info {
	flex: 1;
	overflow: hidden
}

.review-item.up .review-product .review-product-info.no-valid {
	display: flex;
	align-items: center;
	height: 51px
}

.review-item.up .review-product .review-product-info.no-valid .review-product-title {
	font-family: SF Pro Text;
	font-size: 14px;
	font-weight: 400;
	line-height: 25.71px;
	color: #666
}

.review-item.up .review-product .review-product-title {
	font-family: SF Pro Text;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.71px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

html[dir=ltr] .review-item.up .review-product .review-product-title {
	text-align: left
}

html[dir=rtl] .review-item.up .review-product .review-product-title {
	text-align: right
}

.review-item.up .review-product .review-product-price {
	font-family: SF Pro Text;
	font-size: 16px;
	font-weight: 700;
	line-height: 25.71px;
	color: #222
}

html[dir=ltr] .review-item.up .review-product .review-product-price {
	text-align: left
}

html[dir=rtl] .review-item.up .review-product .review-product-price {
	text-align: right
}

.review-item.up .review-product .review-product-shop {
	display: flex
}

.review-item.up .review-product .review-product-shop a {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #222;
	border-bottom: 1px solid #222
}

html[dir=ltr] .review-item.up .review-product .review-product-shop a {
	text-align: left
}

html[dir=rtl] .review-item.up .review-product .review-product-shop a {
	text-align: right
}

.review-item.up .review-attr {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4px
}

.review-item.up .review-attr .review-attr-item {
	font-family: Inter;
	font-size: 14px;
	line-height: 18px;
	color: #767676;
	font-weight: 400
}

html[dir=ltr] .review-item.up .review-attr .review-attr-item {
	text-align: left;
	margin-right: 20px
}

html[dir=rtl] .review-item.up .review-attr .review-attr-item {
	text-align: right;
	margin-left: 20px
}

.review-item.up .review-attr .review-attr-item span {
	font-weight: 500
}

html[dir=ltr] .review-item.up .review-attr .review-attr-item span {
	padding-right: 2px
}

html[dir=rtl] .review-item.up .review-attr .review-attr-item span {
	padding-left: 2px
}

.review-item.up .review-content {
	margin-top: 18px;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #000
}

.review-item.up .review-repeat {
	margin-top: 18px
}

.review-item.up .review-repeat * {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #767676 !important
}

html[dir=ltr] .review-item.up .review-repeat * {
	text-align: left
}

html[dir=rtl] .review-item.up .review-repeat * {
	text-align: right
}

.review-item.up .review-repeat a {
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

.review-item.up .review-reply h4 {
	font-family: Inter;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: -.004em;
	color: #333;
	margin: 0
}

.review-item.up .review-reply .content {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #333;
	margin-top: 10px
}

html[dir=ltr] .review-item.up .review-reply .content {
	text-align: left
}

html[dir=rtl] .review-item.up .review-reply .content {
	text-align: right
}

.review-repeat-list .detail-symbol {
	font-size: 16px !important
}

.star-list {
	display: flex;
	align-items: center
}

.star-list .star-item {
	height: 18px
}

.star-list .star-item.star-percent {
	position: relative
}

.star-list .star-item.star-percent div.star {
	position: absolute;
	overflow: hidden
}

.star-list .star-item img {
	width: 18px;
	height: 18px
}

.review-dialog {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.review-dialog .review-before,
.review-dialog .review-after {
	width: 48px;
	height: 48px;
	cursor: pointer
}

.review-dialog .review-before:hover,
.review-dialog .review-after:hover {
	margin-top: 1px;
	filter: brightness(90%)
}

.review-dialog .review-img {
	width: 390px;
	height: 580px
}

.review-dialog .review-after {
	transform: scaleX(-1)
}

.pc_fantasy_reviews_dialog.next-dialog {
	padding-top: 24px
}

.pc_fantasy_reviews_dialog.next-dialog .next-tabs-nav {
	border-bottom: 1px solid #ddd
}

.pc_fantasy_reviews_dialog.next-dialog .next-tabs-content {
	height: calc(70vh - 110px);
	overflow: auto
}

.review-layout,
.pc_fantasy_reviews_dialog {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #ddd
}

.review-layout .next-pagination .next-pagination-pages,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages {
	display: flex;
	align-items: center
}

.review-layout .next-pagination .next-pagination-pages .next-pagination-item:not([disabled]):hover,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item:not([disabled]):hover {
	border-color: #222 !important
}

.review-layout .next-pagination .next-pagination-pages .next-pagination-item.next-next:not([disabled]) i,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item.next-next:not([disabled]) i {
	color: #222 !important
}

html[dir=ltr] .review-layout .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item,
html[dir=ltr] .pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item {
	margin: 0 0 0 8px
}

html[dir=rtl] .review-layout .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item,
html[dir=rtl] .pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item {
	margin: 0 8px 0 0
}

.review-layout .next-pagination .next-pagination-pages .next-pagination-list,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list {
	display: flex;
	align-items: center
}

.review-layout .next-pagination .next-pagination-pages .next-pagination-list .next-icon-ellipsis,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list .next-icon-ellipsis {
	color: #222
}

.review-layout .next-pagination .next-pagination-pages .next-pagination-list>button,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list>button {
	height: 36px;
	min-width: 36px;
	background-color: #f4f4f4;
	border-radius: 20px;
	color: #222
}

.review-layout .next-pagination .next-pagination-pages .next-pagination-list .next-current,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list .next-current {
	border: 1px solid #222
}

.review-layout .next-pagination .next-pagination-pages>button,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages>button {
	height: 36px;
	min-width: 36px;
	background-color: #f4f4f4;
	border-radius: 20px;
	color: #222
}

.review-layout .next-pagination .next-pagination-pages>button .next-btn-helper,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages>button .next-btn-helper {
	display: none
}

.review-layout .tag-layout,
.pc_fantasy_reviews_dialog .tag-layout {
	display: flex;
	gap: 12px;
	flex-wrap: wrap
}

.review-layout .tag-layout .tag-item,
.pc_fantasy_reviews_dialog .tag-layout .tag-item {
	white-space: nowrap;
	font-size: 16px;
	color: #222;
	letter-spacing: 0;
	line-height: 22px;
	border: 1px solid #222;
	padding: 9px 13px;
	border-radius: 22px;
	cursor: pointer
}

.review-layout .tag-layout .tag-item.active,
.pc_fantasy_reviews_dialog .tag-layout .tag-item.active {
	padding: 8px 12px;
	background-color: #f4f4f4;
	border: 2px solid #222
}

.review-layout .tag-layout.sort,
.pc_fantasy_reviews_dialog .tag-layout.sort {
	flex-direction: column;
	width: 100%
}

.review-layout .tag-layout.sort .flex,
.pc_fantasy_reviews_dialog .tag-layout.sort .flex {
	flex: 1
}

.review-layout .tag-layout.sort .first-container,
.pc_fantasy_reviews_dialog .tag-layout.sort .first-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}

.review-layout .tag-layout.sort button,
.pc_fantasy_reviews_dialog .tag-layout.sort button {
	outline: none
}

.review-layout .tag-layout.sort .show-more,
.pc_fantasy_reviews_dialog .tag-layout.sort .show-more {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	cursor: pointer
}

.review-layout .tag-layout.sort .show-more span,
.pc_fantasy_reviews_dialog .tag-layout.sort .show-more span {
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #222;
	font-weight: 600;
	color: #222
}

.review-layout .tag-layout.sort .show-more img,
.pc_fantasy_reviews_dialog .tag-layout.sort .show-more img {
	width: 20px;
	height: 20px;
	display: inline;
	vertical-align: middle
}

html[dir=ltr] .review-layout .tag-layout.sort .show-more img,
html[dir=ltr] .pc_fantasy_reviews_dialog .tag-layout.sort .show-more img {
	margin-left: 4px
}

html[dir=rtl] .review-layout .tag-layout.sort .show-more img,
html[dir=rtl] .pc_fantasy_reviews_dialog .tag-layout.sort .show-more img {
	margin-right: 4px
}

.review-layout .tag-layout.sort .tag-item,
.pc_fantasy_reviews_dialog .tag-layout.sort .tag-item {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 20px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	font-size: 14px
}

html[dir=ltr] .review-layout .tag-layout.sort .tag-item,
html[dir=ltr] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item {
	margin-right: 10px
}

html[dir=rtl] .review-layout .tag-layout.sort .tag-item,
html[dir=rtl] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item {
	margin-left: 10px
}

.review-layout .tag-layout.sort .tag-item .tag-item-icon,
.pc_fantasy_reviews_dialog .tag-layout.sort .tag-item .tag-item-icon {
	display: inline-block;
	transition: all .3s ease;
	width: 18px;
	vertical-align: middle;
	transform: translateY(-2px)
}

html[dir=ltr] .review-layout .tag-layout.sort .tag-item .tag-item-icon,
html[dir=ltr] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item .tag-item-icon {
	margin-left: 6px
}

html[dir=rtl] .review-layout .tag-layout.sort .tag-item .tag-item-icon,
html[dir=rtl] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item .tag-item-icon {
	margin-right: 6px
}

.review-layout .tag-layout.sort .tag-item.active,
.pc_fantasy_reviews_dialog .tag-layout.sort .tag-item.active {
	border: 2px solid #222;
	background-color: #f8f8f8;
	color: #222;
	font-weight: 600
}

.review-layout .tag-layout.sort .sort-content,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content {
	display: flex;
	align-items: center;
	height: 32px
}

.review-layout .tag-layout.sort .sort-content .sort-icon,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .sort-icon {
	width: 20px;
	height: 20px
}

.review-layout .tag-layout.sort .sort-content .text,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .text {
	padding: 0 4px;
	line-height: 18px;
	font-size: 14px;
	color: #222;
	font-weight: 400
}

.review-layout .tag-layout.sort .sort-content .text span,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .text span {
	font-weight: 600
}

.review-layout .tag-layout.sort .sort-content .down-icon,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .down-icon {
	width: 24px;
	height: 24px;
	transition: all .3s ease
}

.review-layout .tag-layout.sort .second-container h4,
.pc_fantasy_reviews_dialog .tag-layout.sort .second-container h4 {
	font-weight: 600;
	margin: 0 0 10px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	letter-spacing: -.4%
}

.review-layout .next-tabs-bar,
.pc_fantasy_reviews_dialog .next-tabs-bar {
	border-bottom: 1px solid #ddd
}

.review-layout .next-tabs-bar .next-tabs-nav,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav {
	display: flex;
	gap: 28px
}

.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab.active,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab.active {
	color: #222
}

.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab.active:before,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab.active:before {
	border-bottom-color: #222 !important
}

.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab.active .next-tabs-tab-inner,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab.active .next-tabs-tab-inner {
	font-weight: 600
}

.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab .next-tabs-tab-inner,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab .next-tabs-tab-inner {
	padding: 27px 0 !important;
	font-size: 16px;
	color: #222;
	line-height: 22px
}

.review-layout .review-none,
.pc_fantasy_reviews_dialog .review-none {
	background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01lTHEqn1szOqBeSAht_!!6000000005837-2-tps-361-360.png);
	background-size: auto 110px;
	background-repeat: no-repeat;
	padding-top: 16px
}

html[dir=ltr] .review-layout .review-none,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-none {
	background-position: right 2px
}

html[dir=rtl] .review-layout .review-none,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-none {
	background-position: left 2px
}

.review-layout .review-none .item-none,
.pc_fantasy_reviews_dialog .review-none .item-none {
	margin-top: 16px;
	font-size: 16px;
	color: #000;
	line-height: 22px
}

html[dir=ltr] .review-layout .review-none .item-none,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-none .item-none {
	margin-right: 180px
}

html[dir=rtl] .review-layout .review-none .item-none,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-none .item-none {
	margin-left: 180px
}

.review-layout .review-none .item-none:first-child,
.pc_fantasy_reviews_dialog .review-none .item-none:first-child {
	font-weight: 600
}

.review-layout .review-none .item-none a,
.pc_fantasy_reviews_dialog .review-none .item-none a {
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.review-layout h3,
.pc_fantasy_reviews_dialog h3 {
	font-weight: 700;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-bottom: 20px
}

.review-layout .review-pagination,
.pc_fantasy_reviews_dialog .review-pagination {
	margin-top: 32px
}

html[dir=ltr] .review-layout .review-content .review-product .review-reply,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-content .review-product .review-reply {
	padding-left: 0 !important
}

html[dir=rtl] .review-layout .review-content .review-product .review-reply,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-content .review-product .review-reply {
	padding-right: 0 !important
}

.review-layout .review-content .company-view,
.pc_fantasy_reviews_dialog .review-content .company-view {
	margin-top: 20px;
	margin-bottom: 4px
}

.review-layout .review-content .company-view .view-info,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info {
	margin-top: 16px
}

.review-layout .review-content .company-view .view-info .info-item,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	margin-top: 4px
}

.review-layout .review-content .company-view .view-info .info-item .type,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .type {
	width: 300px
}

.review-layout .review-content .company-view .view-info .info-item .process,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process {
	width: 150px
}

.review-layout .review-content .company-view .view-info .info-item .process .next-progress-line-text,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process .next-progress-line-text {
	font-size: 16px;
	color: #222;
	letter-spacing: 0;
	line-height: 22px;
	width: auto
}

html[dir=ltr] .review-layout .review-content .company-view .view-info .info-item .process .next-progress-line-text,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process .next-progress-line-text {
	text-align: right
}

html[dir=rtl] .review-layout .review-content .company-view .view-info .info-item .process .next-progress-line-text,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process .next-progress-line-text {
	text-align: left
}

.review-layout .review-content .company-view .view-info .info-item .score,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .score {
	width: 25px
}

.review-layout .review-content .company-view .view-item,
.pc_fantasy_reviews_dialog .review-content .company-view .view-item {
	display: flex;
	gap: 4px;
	flex-direction: row;
	align-items: baseline
}

.review-layout .review-content .company-view .view-item span,
.pc_fantasy_reviews_dialog .review-content .company-view .view-item span {
	font-size: 16px;
	color: #333;
	line-height: 22px
}

.review-layout .review-content .company-view .view-item strong,
.pc_fantasy_reviews_dialog .review-content .company-view .view-item strong {
	font-size: 24px;
	color: #333;
	line-height: 30px
}

.review-layout .review-content .company-view.up,
.pc_fantasy_reviews_dialog .review-content .company-view.up {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex: 1
}

.review-layout .review-content .company-view.up .view-info,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info {
	flex: 1;
	max-width: 440px;
	min-height: 128px;
	border-radius: 8px;
	background-color: #fafafa;
	overflow: hidden;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.review-layout .review-content .company-view.up .view-info .info-item,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item {
	display: flex;
	align-items: baseline;
	justify-content: space-around;
	font-weight: 400;
	font-size: 14px;
	color: #373635;
	line-height: 18px;
	margin: 0
}

.review-layout .review-content .company-view.up .view-info .info-item .type,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .type {
	width: 250px
}

.review-layout .review-content .company-view.up .view-info .info-item .process,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process {
	width: 175px
}

html[dir=ltr] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-container,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-container {
	padding-right: 25px;
	margin-right: -25px
}

html[dir=rtl] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-container,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-container {
	padding-left: 25px;
	margin-left: -25px
}

.review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-text,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-text {
	font-family: Inter;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -.004em;
	color: #000
}

html[dir=ltr] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-text,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-text {
	text-align: left;
	margin-left: 4px
}

html[dir=rtl] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-text,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-text {
	text-align: right;
	margin-right: 4px
}

.review-layout .review-list.media-container .review-item,
.pc_fantasy_reviews_dialog .review-list.media-container .review-item {
	margin-top: 0 !important
}

html[dir=ltr] .review-layout .review-list.media-container .review-item,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list.media-container .review-item {
	border-left: none !important;
	padding-left: 0 !important
}

html[dir=rtl] .review-layout .review-list.media-container .review-item,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list.media-container .review-item {
	border-right: none !important;
	padding-right: 0 !important
}

html[dir=ltr] .review-layout .review-list.media-container .review-item .review-intro.review-product,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list.media-container .review-item .review-intro.review-product {
	border-left: none !important;
	padding-left: 8px
}

html[dir=rtl] .review-layout .review-list.media-container .review-item .review-intro.review-product,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list.media-container .review-item .review-intro.review-product {
	border-right: none !important;
	padding-right: 8px
}

.review-layout .review-list .star-rating-list,
.pc_fantasy_reviews_dialog .review-list .star-rating-list {
	display: flex
}

.review-layout .review-list .star-rating-list .detail-symbol,
.pc_fantasy_reviews_dialog .review-list .star-rating-list .detail-symbol {
	font-size: 18px
}

.review-layout .review-list .company-review,
.pc_fantasy_reviews_dialog .review-list .company-review {
	margin-top: 32px
}

.review-layout .review-list .company-review .company-content,
.pc_fantasy_reviews_dialog .review-list .company-review .company-content {
	margin-top: 8px;
	font-size: 16px;
	color: #333;
	line-height: 22px
}

.review-layout .review-list .company-review .review-item,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item {
	margin-top: 12px
}

html[dir=ltr] .review-layout .review-list .company-review .review-item,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .company-review .review-item {
	padding-left: 10px;
	border-left: 1px solid #ddd
}

html[dir=rtl] .review-layout .review-list .company-review .review-item,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .company-review .review-item {
	padding-right: 10px;
	border-right: 1px solid #ddd
}

.review-layout .review-list .company-review .review-item .review-product,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	position: relative;
	z-index: -1
}

.review-layout .review-list .company-review .review-item .review-product:before,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 44px;
	width: 44px;
	border-radius: 4px;
	background-color: #0000000a
}

html[dir=ltr] .review-layout .review-list .company-review .review-item .review-product:before,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product:before {
	left: 0
}

html[dir=rtl] .review-layout .review-list .company-review .review-item .review-product:before,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product:before {
	right: 0
}

.review-layout .review-list .company-review .review-item .review-product>img,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product>img {
	height: 44px;
	width: 44px;
	border-radius: 4px
}

.review-layout .review-list .company-review .review-item .review-product .product-layout,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product .product-layout {
	display: flex;
	flex-direction: column
}

.review-layout .review-list .company-review .review-item .review-product .product-layout .product-item a,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product .product-layout .product-item a {
	font-size: 14px;
	color: #666;
	line-height: 18px;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.review-layout .review-list .company-review .review-item .review-reply,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply {
	position: relative
}

html[dir=ltr] .review-layout .review-list .company-review .review-item .review-reply,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply {
	margin-left: -15px
}

html[dir=rtl] .review-layout .review-list .company-review .review-item .review-reply,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply {
	margin-right: -15px
}

.review-layout .review-list .company-review .review-item .review-reply:before,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply:before {
	position: absolute;
	top: -20px;
	width: 100%;
	background-color: #fff;
	height: 20px;
	content: ""
}

html[dir=ltr] .review-layout .review-list .company-review .review-item .review-reply:before,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply:before {
	left: 0
}

html[dir=rtl] .review-layout .review-list .company-review .review-item .review-reply:before,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply:before {
	right: 0
}

.review-layout .review-list .review-item,
.pc_fantasy_reviews_dialog .review-list .review-item {
	margin-top: 12px
}

html[dir=ltr] .review-layout .review-list .review-item.up .review-reply,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-item.up .review-reply {
	padding-left: 0 !important;
	margin-left: 0 !important
}

html[dir=rtl] .review-layout .review-list .review-item.up .review-reply,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-item.up .review-reply {
	padding-right: 0 !important;
	margin-right: 0 !important
}

html[dir=ltr] .review-layout .review-list .review-item .review-intro.review-product,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-item .review-intro.review-product {
	padding-left: 16px;
	border-left: 1px solid #ddd
}

html[dir=rtl] .review-layout .review-list .review-item .review-intro.review-product,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-item .review-intro.review-product {
	padding-right: 16px;
	border-right: 1px solid #ddd
}

.review-layout .review-list .review-item .review-repeat,
.pc_fantasy_reviews_dialog .review-list .review-item .review-repeat {
	font-size: 14px;
	color: #666;
	margin-top: 12px
}

.review-layout .review-list .review-item .review-translate,
.pc_fantasy_reviews_dialog .review-list .review-item .review-translate {
	margin-top: 16px;
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #767676
}

.review-layout .review-list .review-item .review-translate img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-translate img {
	height: 20px;
	width: auto
}

.review-layout .review-list .review-item .review-translate a,
.pc_fantasy_reviews_dialog .review-list .review-item .review-translate a {
	cursor: pointer;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.review-layout .review-list .review-item .review-img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img {
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-top: 12px
}

.review-layout .review-list .review-item .review-img .video,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img .video {
	cursor: pointer;
	position: relative
}

.review-layout .review-list .review-item .review-img .video .detail-symbol,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img .video .detail-symbol {
	position: absolute;
	inset: 0;
	margin: auto;
	fill: #fff
}

.review-layout .review-list .review-item .review-img img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img img {
	cursor: pointer;
	height: 80px;
	width: 80px;
	border-radius: 8px
}

.review-layout .review-list .review-item .review-reply,
.pc_fantasy_reviews_dialog .review-list .review-item .review-reply {
	margin-top: 20px;
	font-size: 16px;
	color: #222;
	line-height: 18px;
	font-weight: 600
}

html[dir=ltr] .review-layout .review-list .review-item .review-reply,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-item .review-reply {
	padding-left: 15px
}

html[dir=rtl] .review-layout .review-list .review-item .review-reply,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-item .review-reply {
	padding-right: 15px
}

.review-layout .review-list .review-item .review-reply .review-info,
.pc_fantasy_reviews_dialog .review-list .review-item .review-reply .review-info {
	font-weight: 400;
	word-wrap: break-word
}

.review-layout .review-list .review-item .review-reply p,
.pc_fantasy_reviews_dialog .review-list .review-item .review-reply p {
	font-weight: 400;
	margin-top: 8px;
	padding: 0
}

.review-layout .review-list .review-item .review-info,
.pc_fantasy_reviews_dialog .review-list .review-item .review-info {
	margin-top: 12px;
	font-size: 16px;
	color: #000;
	line-height: 22px;
	word-wrap: break-word
}

.review-layout .review-list .review-item .review-star,
.pc_fantasy_reviews_dialog .review-list .review-item .review-star {
	margin-top: 16px
}

html[dir=ltr] .review-layout .review-list .review-item .review-star,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-item .review-star {
	margin-left: -4px
}

html[dir=rtl] .review-layout .review-list .review-item .review-star,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-item .review-star {
	margin-right: -4px
}

.review-layout .review-list .review-item .review-star img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-star img {
	width: 15px;
	height: 15px
}

.review-layout .review-list .review-avatar,
.pc_fantasy_reviews_dialog .review-list .review-avatar,
.review-layout .review-list .review-avatar .avatar-info .avatar-item,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item {
	display: flex;
	align-items: center
}

.review-layout .review-list .review-avatar .avatar-info .avatar-item .date,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .date {
	margin-top: 4px;
	font-size: 12px;
	color: #767676;
	line-height: 16px
}

html[dir=ltr] .review-layout .review-list .review-avatar .avatar-info .avatar-item .date,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .date {
	text-align: right
}

html[dir=rtl] .review-layout .review-list .review-avatar .avatar-info .avatar-item .date,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .date {
	text-align: left
}

.review-layout .review-list .review-avatar .avatar-info .avatar-item .name,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .name {
	font-size: 12px;
	color: #222;
	line-height: 16px
}

.review-layout .review-list .review-avatar .avatar-info .avatar-item>img,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item>img {
	height: 15px
}

html[dir=ltr] .review-layout .review-list .review-avatar .avatar-info .avatar-item>img,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item>img {
	margin-left: 4px
}

html[dir=rtl] .review-layout .review-list .review-avatar .avatar-info .avatar-item>img,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item>img {
	margin-right: 4px
}

.review-layout .review-list .review-avatar .avatar-img,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-img {
	height: 40px;
	width: 40px;
	background-color: #5369d7;
	border-radius: 20px;
	font-weight: 700;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	text-align: center
}

html[dir=ltr] .review-layout .review-list .review-avatar .avatar-img,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-img {
	margin-right: 12px
}

html[dir=rtl] .review-layout .review-list .review-avatar .avatar-img,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-img {
	margin-left: 12px
}

.review-layout .review-tag,
.pc_fantasy_reviews_dialog .review-tag {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px
}

.review-layout .review-score,
.pc_fantasy_reviews_dialog .review-score {
	display: flex;
	margin-top: 20px;
	align-items: center
}

.review-layout .review-score .star-rating-list,
.pc_fantasy_reviews_dialog .review-score .star-rating-list {
	display: flex
}

.review-layout .review-score .star-rating-list .detail-symbol,
.pc_fantasy_reviews_dialog .review-score .star-rating-list .detail-symbol {
	font-size: 24px
}

.review-layout .review-score .score,
.pc_fantasy_reviews_dialog .review-score .score {
	font-weight: 600;
	font-size: 20px;
	color: #222;
	line-height: 30px
}

html[dir=ltr] .review-layout .review-score .score,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-score .score {
	margin-right: 4px
}

html[dir=rtl] .review-layout .review-score .score,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-score .score {
	margin-left: 4px
}

html[dir=ltr] .review-layout .review-score.up,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-score.up {
	margin: 40px 20px 40px 0
}

html[dir=rtl] .review-layout .review-score.up,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-score.up {
	margin: 40px 0 40px 20px
}

.review-layout .review-score.up .score,
.pc_fantasy_reviews_dialog .review-score.up .score {
	font-size: 48px;
	font-weight: 700
}

html[dir=ltr] .review-layout .review-score.up .score,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-score.up .score {
	margin-right: 12px
}

html[dir=rtl] .review-layout .review-score.up .score,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-score.up .score {
	margin-left: 12px
}

.review-layout .review-score.up .detail .flex,
.pc_fantasy_reviews_dialog .review-score.up .detail .flex {
	display: flex;
	align-items: center;
	margin-bottom: 4px
}

.review-layout .review-score.up .detail span,
.pc_fantasy_reviews_dialog .review-score.up .detail span {
	font-family: Inter;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: -.004em;
	color: #222
}

html[dir=ltr] .review-layout .review-score.up .detail span,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-score.up .detail span {
	padding-left: 4px
}

html[dir=rtl] .review-layout .review-score.up .detail span,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-score.up .detail span {
	padding-right: 4px
}

.review-layout .review-score.up .verified-reviews,
.pc_fantasy_reviews_dialog .review-score.up .verified-reviews {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #767676
}

.review-layout .review-score.up .verified-reviews span,
.pc_fantasy_reviews_dialog .review-score.up .verified-reviews span {
	color: #22891f;
	padding-bottom: 1px;
	border-bottom: 1.5px solid #22891F
}

html[dir=ltr] .review-layout .review-score.up .verified-reviews span,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews span {
	margin-left: 4px
}

html[dir=rtl] .review-layout .review-score.up .verified-reviews span,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews span {
	margin-right: 4px
}

.review-layout .review-score.up .verified-reviews img,
.pc_fantasy_reviews_dialog .review-score.up .verified-reviews img {
	display: inline;
	width: 18px;
	height: 18px
}

html[dir=ltr] .review-layout .review-score.up .verified-reviews img,
html[dir=ltr] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews img {
	margin-left: 4px
}

html[dir=rtl] .review-layout .review-score.up .verified-reviews img,
html[dir=rtl] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews img {
	margin-right: 4px
}

.review-layout h2 {
	font-weight: 700;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-bottom: 20px
}

.sort-dropdown-menu-content {
	min-width: 210px
}

.sort-dropdown-menu-content div[role=menuitemradio] {
	padding: 12px 20px;
	display: flex;
	align-items: center;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	color: #222;
	outline: none;
	cursor: pointer
}

.sort-dropdown-menu-content div[role=menuitemradio]:hover {
	background-color: #f4f4f4
}

.sort-dropdown-menu-content div[role=menuitemradio][aria-checked=true] {
	font-weight: 700
}

.sort-dropdown-menu-content div[role=menuitemradio][aria-checked=true] span {
	display: none
}

.tag-dropdown-menu-content {
	min-width: 360px
}

.tag-dropdown-menu-content div[role=menuitemcheckbox] {
	font-size: 14px;
	font-weight: 400;
	outline: none;
	cursor: pointer
}

html[dir=ltr] .tag-dropdown-menu-content div[role=menuitemcheckbox] {
	padding: 12px 40px 12px 20px
}

html[dir=rtl] .tag-dropdown-menu-content div[role=menuitemcheckbox] {
	padding: 12px 20px 12px 40px
}

.tag-dropdown-menu-content div[role=menuitemcheckbox]:hover {
	background-color: #f4f4f4
}

.tag-dropdown-menu-content div[role=menuitemcheckbox][aria-checked=true] {
	font-weight: 700
}

.tag-dropdown-menu-content div[role=menuitemcheckbox][aria-checked=true]>span.id-left-2 {
	color: #fff;
	background-color: #222;
	border: 1.5px solid transparent
}

.tag-dropdown-menu-content div[role=menuitemcheckbox]>span.id-left-2 {
	width: 20px;
	height: 20px;
	gap: 0;
	border-radius: 4px;
	border: 1.5px solid #ddd
}

html[dir=ltr] .tag-dropdown-menu-content div[role=menuitemcheckbox]>span.id-left-2 {
	left: calc(100% - 40px)
}

html[dir=rtl] .tag-dropdown-menu-content div[role=menuitemcheckbox]>span.id-left-2 {
	right: calc(100% - 40px)
}

.no-new-review-tips {
	padding: 24px 0 0
}

.no-new-review-tips h4 {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #8d8d8d
}

button {
	outline: none
}

.review-pop-slider.prop-slider {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: calc(80vh - 84px);
	margin-top: 20px
}

.review-pop-slider.prop-slider .prop-layout {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	gap: 28px
}

.review-pop-slider.prop-slider .prop-layout .layout-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 50vh;
	justify-content: flex-start;
	min-height: 30vh;
	height: 100%
}

.review-pop-slider.prop-slider .prop-layout .layout-image video,
.review-pop-slider.prop-slider .prop-layout .layout-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.review-pop-slider.prop-slider .prop-layout .layout-left,
.review-pop-slider.prop-slider .prop-layout .layout-right {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 25px;
	background-color: #fff;
	width: 48px;
	height: 48px;
	z-index: 1
}

/* end style 19 */
/* start style 20 */
.module-shoppingAds-component {
	margin: 20px 0;
	border: 1px solid #dae2ee;
	background: #fff;
	min-width: 750px;
	max-width: 960px;
	height: 287px;
	font-family: Roboto-Bold
}

.module-shoppingAds-component .next-slick-arrow.inline {
	background: #fff0 !important;
	color: #666 !important
}

.module-shoppingAds-component .title {
	opacity: .8;
	margin-bottom: 10px;
	padding: 16px;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px
}

.module-shoppingAds-component .slider {
	margin: 0 16px
}

.module-shoppingAds-component .item {
	padding: 0 30px
}

.module-shoppingAds-component .module-shoppingAds-item {
	width: 160px;
	overflow: hidden
}

.module-shoppingAds-component .module-shoppingAds-item a {
	color: inherit
}

.module-shoppingAds-component .module-shoppingAds-item .img-container {
	cursor: pointer;
	margin-bottom: 10px
}

.module-shoppingAds-component .module-shoppingAds-item .img-container img {
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 136px
}

.module-shoppingAds-component .module-shoppingAds-item .info {
	padding: 0 4px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0
}

.module-shoppingAds-component .module-shoppingAds-item .row-1 {
	cursor: pointer;
	margin-bottom: 8px;
	color: #333;
	font-size: 12px
}

.module-shoppingAds-component .module-shoppingAds-item .row-1:hover {
	color: #ff6a00 !important
}

.module-shoppingAds-component .module-shoppingAds-item .row-2 {
	cursor: pointer
}

.module-shoppingAds-component .module-shoppingAds-item .row-2:hover * {
	color: #ff6a00 !important
}

.module-shoppingAds-component .module-shoppingAds-item .row-2 .price-amount {
	color: #262626;
	font-weight: 700
}

.module-shoppingAds-component .module-shoppingAds-item .row-2 .price-unit {
	color: #2a2a2a
}

/* end style 20 */
/* start style 21 */
.icbu-im-plugin {
	position: fixed;
	bottom: 48px;
	width: 210px;
	height: 200px;
	z-index: 998
}

.icbu-im-plugin.right60 {
	right: 60px
}

.icbu-im-plugin.right80 {
	right: 80px
}

.icbu-im-plugin.right100 {
	right: 100px;
	bottom: 14px
}

.icbu-im-plugin-inner {
	position: absolute;
	bottom: -200px;
	background-color: #fff;
	width: 210px;
	height: 200px;
	border-radius: 4px;
	box-shadow: -4px -4px 14px #0000001a;
	padding: 16px 16px 0;
	box-sizing: border-box;
	transition: bottom 1s;
	transition-timing-function: cubic-bezier(.53, .8, .2, 1)
}

.icbu-im-plugin-inner.active {
	bottom: 0
}

.action-button {
	width: 178px;
	height: 28px;
	border: 1px solid #222;
	border-radius: 17px;
	background-color: #fff;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 16px;
	cursor: pointer
}

.action-text {
	font-size: 13px;
	line-height: 18px;
	color: #222
}

.message-text {
	font-size: 14px;
	line-height: 20px;
	color: #222;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin-top: 12px
}

.contact-wrap {
	display: flex;
	flex-direction: row
}

.contact-main-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-left: 8px;
	justify-content: center;
	overflow: hidden
}

.contact-left {
	position: relative;
	width: 40px;
	height: 40px;
	flex: none
}

.contact-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd
}

.online-tip {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	background-color: #09ff42;
	border: 1px solid #fff;
	border-radius: 50%
}

.contact-name,
.contact-status {
	font-size: 12px;
	line-height: 17px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.close-icon {
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer
}

/* end style 21 */
/* start style 22 */
.widget-detail-video {
	padding: 10px 0 16px
}

.widget-detail-video__title {
	margin: 0;
	padding: 8px 0;
	font-weight: 700
}

.widget-detail-video__video-wrap {
	padding-top: 12px;
	text-align: center
}

.widget-detail-video .bc-video-player .loading {
	margin: 0
}

/* end style 22 */
/* start style 23 */
.module-productSpecification {
	padding: 20px 0
}

.ls-product a:hover {
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.ls-product .box {
	border-top: 1px dotted #ccc;
	padding: 20px 0
}

.ls-product .box-first {
	border: none
}

.ls-product .title {
	margin: 0 0 8px;
	overflow: hidden;
	color: #333;
	font-weight: 700;
	font-size: 14px
}

.ls-product .table {
	width: 100%
}

.ls-product .table td {
	vertical-align: top;
	line-height: 20px
}

.ls-product .table .name {
	width: 101px;
	color: #666
}

.ls-product .table .mk-name {
	width: 138px;
	overflow: hidden;
	white-space: nowrap
}

.ls-product .quick-detail {
	table-layout: fixed
}

.ls-product .quick-detail .name,
.ls-product .quick-detail .value {
	width: 200px
}

.ls-product .quick-detail .value {
	padding: 0 5px
}

.ls-product .ellipsis {
	overflow: hidden;
	word-wrap: normal;
	width: 100%;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap
}

.ls-product .mk-img {
	padding-top: 10px
}

.ls-product .mk-img p {
	margin: 0;
	font-size: 0
}

.ls-product .mk-img img {
	_width: 600px;
	max-width: 600px
}

.ls-product .rich-text-description {
	position: relative;
	width: 750px;
	overflow: hidden
}

.ls-product .rich-text-description img {
	max-width: 750px
}

.ls-product .rich-text-description.is-magic img {
	max-width: none
}

.ls-product .rfq {
	margin-bottom: 15px;
	color: #666
}

.ls-product .ico-leaf {
	position: relative;
	top: -2px;
	vertical-align: middle
}

html[dir=ltr] .ls-product .ico-leaf {
	margin-right: 4px
}

html[dir=rtl] .ls-product .ico-leaf {
	margin-left: 4px
}

.ls-product .tip {
	color: #999
}

.ls-product .emphasis {
	font-weight: 700
}

.richtext-nav {
	position: relative;
	z-index: 1;
	width: 100%
}

.richtext-nav .nav-con {
	border-top: none;
	border-bottom: 2px solid #ddd;
	background-color: #fff;
	min-height: 60px;
	zoom: 1;
	box-sizing: border-box
}

.richtext-nav .fixed,
.ls-tab-new .fixed .richtext-nav .nav-con {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 10;
	transition: box-shadow .25s linear 0s;
	-moz-transition: box-shadow .25s linear 0s;
	-webkit-transition: box-shadow .25s linear 0s;
	-o-transition: box-shadow .25s linear 0s
}

html[dir=ltr] .richtext-nav .fixed,
html[dir=ltr] .ls-tab-new .fixed .richtext-nav .nav-con {
	box-shadow: 2px 2px 4px #00000021
}

html[dir=rtl] .richtext-nav .fixed,
html[dir=rtl] .ls-tab-new .fixed .richtext-nav .nav-con {
	box-shadow: -2px 2px 4px #00000021
}

.richtext-nav dl {
	margin: 0
}

.richtext-nav dd {
	margin: 0;
	height: 60px
}

html[dir=ltr] .richtext-nav dd {
	float: left;
	margin-right: 20px
}

html[dir=rtl] .richtext-nav dd {
	float: right;
	margin-left: 20px
}

.richtext-nav a {
	outline: 0;
	color: #666
}

.richtext-nav .item a {
	display: block;
	position: relative;
	padding: 20px 5px;
	width: 100%;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-align: center
}

.richtext-nav .item a em {
	display: block;
	width: 100%
}

.richtext-nav a:hover,
.richtext-nav a.selected,
.richtext-nav .selected a {
	border-bottom: 2px solid #ff6a00;
	color: #ff6a00;
	font-weight: 700;
	-webkit-text-decoration: none;
	text-decoration: none
}

.richtext {
	margin: 0;
	border: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 12px;
	white-space: normal;
	word-wrap: break-word;
	background-color: #fff;
	overflow: hidden;
	zoom: 1
}

.richtext div,
.richtext span,
.richtext object,
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6,
.richtext p,
.richtext blockquote,
.richtext pre,
.richtext a,
.richtext abbr,
.richtext acronym,
.richtext address,
.richtext code,
.richtext del,
.richtext dfn,
.richtext em,
.richtext img,
.richtext q,
.richtext dl,
.richtext dt,
.richtext dd,
.richtext ol,
.richtext ul,
.richtext li,
.richtext fieldset,
.richtext form,
.richtext label,
.richtext legend,
.richtext article,
.richtext aside,
.richtext details,
.richtext dialog,
.richtext figcaption,
.richtext figure,
.richtext footer,
.richtext header,
.richtext hgroup,
.richtext menu,
.richtext nav,
.richtext section,
.richtext summary {
	vertical-align: baseline;
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 100%;
	font: inherit
}

.richtext ol,
.richtext ul {
	margin: 1em 0;
	list-style: none
}

.richtext ol {
	list-style: decimal
}

.richtext ul {
	list-style: disc
}

html[dir=ltr] .richtext ul {
	padding: 0 0 0 30px
}

html[dir=rtl] .richtext ul {
	padding: 0 30px 0 0
}

.richtext li {
	display: list-item
}

html[dir=ltr] .richtext li {
	margin: 0 0 0 30px
}

html[dir=rtl] .richtext li {
	margin: 0 30px 0 0
}

html[dir=ltr] .richtext dd {
	margin: 0 0 0 40px
}

html[dir=rtl] .richtext dd {
	margin: 0 40px 0 0
}

.richtext ul ul,
.richtext ol ul {
	list-style-type: circle
}

.richtext ol ol ul,
.richtext ol ul ul,
.richtext ul ol ul,
.richtext ul ul ul {
	list-style-type: square
}

.richtext table,
.richtext caption,
.richtext tbody,
.richtext tfoot,
.richtext thead,
.richtext tr,
.richtext th,
.richtext td {
	margin: 0;
	padding: 0;
	font-size: 100%
}

.richtext table {
	border-collapse: separate;
	width: auto
}

.richtext table th,
.richtext table td {
	float: none
}

.richtext table td {
	font-weight: 400
}

.richtext table.aliDataTable {
	border-collapse: collapse;
	background-color: #fff
}

.richtext table.aliDataTable th,
.richtext table.aliDataTable td {
	border: 1px solid #ccc;
	padding: 1px;
	color: #000
}

.richtext hr {
	clear: both;
	border: 0 #ccc solid;
	border-top-width: 1px;
	height: 0;
	overflow: hidden
}

.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
	font-weight: 700;
	line-height: 1
}

.richtext h1 {
	margin: .67em 0;
	font-size: 2em
}

.richtext h2 {
	margin: .75em 0;
	font-size: 1.5em
}

.richtext h3 {
	margin: .83em 0;
	font-size: 1.17em
}

.richtext h4 {
	margin: 1.12em 0;
	font-size: 1em
}

.richtext h5 {
	margin: 1.5em 0;
	font-size: .83em
}

.richtext h6 {
	margin: 1.67em 0;
	font-size: .75em
}

.richtext span {
	line-height: 150%
}

.richtext blockquote:before,
.richtext blockquote:after,
.richtext q:before,
.richtext q:after {
	content: "";
	content: none
}

.richtext blockquote,
.richtext q {
	quotes: """"
}

.richtext blockquote {
	margin: 1em 40px
}

.richtext dfn {
	font-style: italic
}

.richtext mark {
	background: #ff0;
	color: #000
}

.richtext code,
.richtext kbd,
.richtext pre,
.richtext samp {
	font-size: 1em
}

.richtext pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	font: 1em arial
}

.richtext sub,
.richtext sup,
.richtext small {
	font-size: 75%
}

.richtext sub,
.richtext sup {
	position: relative;
	vertical-align: baseline;
	line-height: inherit
}

.richtext sub {
	bottom: -.25em
}

.richtext sup {
	top: -.5em
}

.rich-text sub,
.rich-text sup {
	line-height: inherit
}

.richtext b,
.richtext strong {
	font-weight: 700
}

.richtext em,
.richtext i {
	font-style: italic
}

.richtext abbr,
.richtext acronym {
	border: 0;
	font-feature-settings: normal;
	font-variant: normal
}

.richtext del {
	-webkit-text-decoration: line-through;
	text-decoration: line-through
}

.richtext img {
	vertical-align: middle;
	border: none;
	border: 0;
	max-width: 750px;
	color: #0000;
	font-size: 0;
	-ms-interpolation-mode: bicubic
}

.richtext-detail {
	width: 750px
}

.rich-text-description {
	overflow: hidden;
	word-wrap: break-word
}

.rich-text-description table {
	border-collapse: separate
}

.rich-text-description pre {
	font: 1em arial
}

.rich-text-description p {
	margin: 0;
	padding: 0
}

.rich-text-description span {
	line-height: 150%
}

.rich-text-description em {
	font-style: italic
}

.rich-text-description sub,
.rich-text-description sup {
	line-height: inherit
}

.rich-text-description ul,
.rich-text-description ol {
	display: block !important;
	margin: 1em 0 !important
}

html[dir=ltr] .rich-text-description ul,
html[dir=ltr] .rich-text-description ol {
	padding: 0 0 0 40px !important
}

html[dir=rtl] .rich-text-description ul,
html[dir=rtl] .rich-text-description ol {
	padding: 0 40px 0 0 !important
}

.rich-text-description ul {
	list-style-type: disc !important
}

.rich-text-description ol {
	list-style-type: decimal !important
}

.rich-text-description li {
	display: list-item !important
}

.rich-text-description ol ul,
.rich-text-description ul ul {
	list-style-type: circle !important
}

.rich-text-description .aliDataTable {
	border-collapse: collapse;
	background: #fff
}

.rich-text-description .aliDataTable th,
.rich-text-description .aliDataTable td {
	border: 1px solid #ccc;
	padding: 1px;
	color: #000
}

.richtext [data-maya] {
	width: 750px;
	font-size: 14px;
	font-family: Roboto
}

.ls-product .rich-text-description.is-magic span {
	line-height: normal
}

.richtext.is-magic {
	font-size: 14px;
	line-height: 1.5
}

.richtext.is-magic a,
.richtext.is-magic abbr,
.richtext.is-magic acronym,
.richtext.is-magic address,
.richtext.is-magic article,
.richtext.is-magic aside,
.richtext.is-magic blockquote,
.richtext.is-magic body,
.richtext.is-magic code,
.richtext.is-magic dd,
.richtext.is-magic del,
.richtext.is-magic details,
.richtext.is-magic dfn,
.richtext.is-magic dialog,
.richtext.is-magic div,
.richtext.is-magic dl,
.richtext.is-magic dt,
.richtext.is-magic em,
.richtext.is-magic fieldset,
.richtext.is-magic figcaption,
.richtext.is-magic figure,
.richtext.is-magic footer,
.richtext.is-magic form,
.richtext.is-magic h1,
.richtext.is-magic h2,
.richtext.is-magic h3,
.richtext.is-magic h4,
.richtext.is-magic h5,
.richtext.is-magic h6,
.richtext.is-magic header,
.richtext.is-magic hgroup,
.richtext.is-magic html,
.richtext.is-magic iframe,
.richtext.is-magic img,
.richtext.is-magic label,
.richtext.is-magic legend,
.richtext.is-magic li,
.richtext.is-magic menu,
.richtext.is-magic nav,
.richtext.is-magic object,
.richtext.is-magic ol,
.richtext.is-magic p,
.richtext.is-magic pre,
.richtext.is-magic q,
.richtext.is-magic section,
.richtext.is-magic span,
.richtext.is-magic summary,
.richtext.is-magic ul {
	line-height: inherit
}

.richtext.is-magic .detail-decorate-json-renderer-container sub,
.richtext.is-magic .detail-decorate-json-renderer-container sup {
	vertical-align: baseline !important
}

.richtext.is-magic h1,
.richtext.is-magic h2,
.richtext.is-magic h3,
.richtext.is-magic h4,
.richtext.is-magic h5,
.richtext.is-magic h6 {
	font-weight: 400
}

.richtext.is-magic .icbu-pc-images {
	position: relative;
	box-sizing: border-box;
	width: 100%
}

html[dir=ltr] .richtext.is-magic .text-align-left {
	text-align: left
}

html[dir=rtl] .richtext.is-magic .text-align-left {
	text-align: right
}

.richtext.is-magic .text-align-center {
	text-align: center
}

.richtext.is-magic .text-title {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px
}

.richtext.is-magic .text-content {
	margin-top: 10px;
	color: #333;
	font-size: 14px;
	line-height: 25px;
	white-space: pre-wrap
}

.richtext.is-magic .text-wrapper-above,
.richtext.is-magic .text-wrapper-below,
.richtext.is-magic .text-wrapper-inner {
	padding: 20px
}

html[dir=ltr] .richtext.is-magic .text-wrapper-left {
	padding-right: 12px;
	padding-left: 4px
}

html[dir=rtl] .richtext.is-magic .text-wrapper-left {
	padding-left: 12px;
	padding-right: 4px
}

html[dir=ltr] .richtext.is-magic .text-wrapper-right {
	padding-right: 4px;
	padding-left: 12px
}

html[dir=rtl] .richtext.is-magic .text-wrapper-right {
	padding-left: 4px;
	padding-right: 12px
}

.richtext.is-magic .text-wrapper-inner {
	position: absolute;
	bottom: 0;
	opacity: .8;
	box-sizing: border-box;
	width: 100%
}

.richtext.is-magic .text-wrapper-placeholder {
	background-color: #fff;
	padding: 0 50px
}

.richtext.is-magic .text-wrapper-inner.text-theme-light {
	background-color: #fff
}

.richtext.is-magic .text-wrapper-inner.text-theme-dark {
	background-color: #000
}

.richtext.is-magic .text-wrapper-inner.text-theme-dark .text-title,
.richtext.is-magic .text-wrapper-inner.text-theme-dark .text-content {
	color: #fff
}

.richtext.is-magic .flex-layout-h {
	display: flex;
	flex: 1;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between
}

.richtext.is-magic .flex-layout-v {
	display: flex;
	flex: 1;
	flex-direction: column
}

.richtext.is-magic .image-placeholder {
	background: center no-repeat #f7f8fa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABIBAMAAAD/vD1tAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURf///+zt8cTGz/P09+bn67i6w9HS2jg2DaAAAAHZSURBVEjH7ZZtbsIwDIaLygGWYXGASPC7qNN+YxZ2gEm9ABK9/xGW5st2m30YaUiTMD8INE/8vrZbaLpGF23ziH8Y2ra1zrlOCzinIV4CcVQQzimTrBLxeyfrRByVNm4h3u6Q4/iHzvXV1Xfwhilp1JOon3Yf3eOhcq8wU2z6TkkYA57SESF+x/jTsSD4M9M2URIWrPtm6seLtXumCiFWob59tDEmgkQZqKdptxdrGRFO527mCNB+qYqBHFnx/YEQp2dlTwV4tXZOlNMpl38lpD3ZOmGoxqLK7cXWCJSyUjL0yHoJlBwYu4E52fShWe+GL4hFQ1LshuGjRtDZ4S3XwK9PQwXJqsDwaoW113atIKnnYivT6HUNdVXcQCpdULhdJknOgSpEYzwpOy8QMVdG9AbrurIP6Rup1gtdxQfZxiwrXjjPkhQfUGvhRMKsj8wH5P2Ql5Ge9TGqAm4WM45pfRW6eM+n6zNR4TtpPhAw25J95++F+TKJQFtIWxIGPIl8Msh0pRTBPCdA3CKYGg9cJqtwmd1SUiYNSt2eKQnvee0plCeGktB9DqnGKCYrX6Uk0Ye8jRIk5oyS7JuD2fgXi4050NLH9Anc+ziO6e9ir4jNofe/fb02PgG4FtsuJA2ulgAAAABJRU5ErkJggg==);
	min-height: 100px
}

.richtext.is-magic .image-placeholder-wrapper {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	background-color: #eee;
	overflow: hidden
}

.richtext.is-magic .ife-detail-decorate-table table {
	border-collapse: collapse;
	width: auto;
	word-wrap: break-word;
	font-size: 14px
}

.richtext.is-magic .ife-detail-decorate-table table td {
	vertical-align: top;
	box-sizing: content-box;
	border: 1px solid #ccc;
	padding: 0;
	height: 20px;
	overflow: hidden
}

.richtext.is-magic .ife-detail-decorate-table table.has-title tr:first-child td {
	background-color: #f7f8fa
}

.richtext.is-magic .ife-detail-decorate-table table.none td {
	border-width: 0
}

.richtext.is-magic .ife-detail-decorate-table table.is-zebra tr:nth-child(odd) {
	background: #f7f8fa
}

.richtext.is-magic .ife-detail-decorate-table table.hight-light-first-column tbody tr td:first-child {
	background-color: #f3f4f8
}

.richtext.is-magic .title {
	color: red;
	font-size: 14px
}

.richtext.is-magic .big-title {
	font-size: 24px
}

.richtext.is-magic .icbu-pc-detailLeftImageRightTable {
	width: 100%
}

.richtext.is-magic .flex-layout-h {
	flex: 1 0 auto
}

.richtext.is-magic .J_module {
	margin-bottom: 10px
}

.richtext.is-magic table td>div {
	min-height: 18px !important
}

.richtext.is-magic div[module-title=detailLeftImageRightTable] table td>div {
	min-height: 28px !important
}

.richtext.is-magic ul {
	margin: 0 !important;
	padding: 0 !important
}

.richtext.is-magic img {
	max-width: none
}

#J-rich-text-description img {
	display: inline-block
}

@keyframes fxRichTextFadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

#module_product_specification {
	position: relative
}

#module_product_specification img {
	display: inline-block
}

#module_product_specification .more-button {
	position: absolute;
	bottom: 0;
	border-bottom: 40px solid #fff;
	background-image: linear-gradient(#fff0, #fff);
	padding-top: 80px;
	width: 100%;
	text-align: center
}

#module_product_specification .more-button button {
	border: 1px solid #222;
	background-color: #fff;
	width: 240px;
	color: #222;
	font-size: 14px
}

.rich-text-description.auto-hide {
	animation: fxRichTextFadeIn .5s ease-in;
	background-color: #0000
}

.richtext [data-maya] {
	width: 750px;
	font-size: 14px
}

.details-info .box-type-detailTab {
	margin-top: 20px
}

.details-info .richtext-detail {
	line-height: 1.5
}

.details-info .show-auth>.ls-icon>.detail-box,
.details-info .show-auth .product-detail-info {
	display: none
}

.details-info .show-auth .ls-verified {
	border-top: none
}

/* end style 23 */
/* start style 24 */
.detail-sidebar-layout {
	z-index: 99;
	position: fixed;
	bottom: 60px;
	display: inline-flex;
	flex-direction: column;
	gap: 8px;
	background: #fff;
	box-shadow: 0 2px 6px 2px #0000001f
}

html[dir=ltr] .detail-sidebar-layout {
	right: 0;
	border-radius: 8px 0 0 8px
}

html[dir=rtl] .detail-sidebar-layout {
	left: 0;
	border-radius: 0 8px 8px 0
}

.detail-sidebar-layout .detail-sidebar {
	--sidebar-expanded-width: 98px;
	--sidebar-expanded-width-max: 126px;
	--sidebar-collapsed-width: 52px;
	--sidebar-expanded-min-height: 56px;
	--sidebar-expanded-max-height: 72px;
	--sidebar-collapsed-height: 40px;
	width: 98px;
	width: var(--sidebar-expanded-width);
	height: 100%;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.detail-sidebar-layout .sidebar-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 8px;
	padding: 4px;
	color: #333;
	-webkit-text-decoration: none;
	text-decoration: none
}

.detail-sidebar-layout .sidebar-item:hover {
	border-radius: 8px;
	background-color: #f4f4f4
}

.detail-sidebar-layout .sidebar-icon {
	flex-shrink: 0;
	font-size: 28px;
	width: 28px;
	height: 28px;
	cursor: pointer
}

.detail-sidebar-layout .sidebar-text {
	font-size: 12px;
	opacity: 1;
	cursor: pointer;
	transform: translateY(0);
	text-align: center
}

@media (max-width: 1663px) {
	.detail-sidebar-layout .detail-sidebar {
		width: var(--sidebar-collapsed-width)
	}

	.detail-sidebar-layout .sidebar-item {
		height: var(--sidebar-collapsed-height)
	}

	.detail-sidebar-layout .sidebar-icon {
		margin-bottom: 0
	}

	html[dir=ltr] .detail-sidebar-layout .sidebar-icon {
		margin-right: 0
	}

	html[dir=rtl] .detail-sidebar-layout .sidebar-icon {
		margin-left: 0
	}

	.detail-sidebar-layout .sidebar-text {
		display: none;
		opacity: 0;
		transform: translateY(10px)
	}

	html[dir=ltr] .detail-sidebar-layout .sidebar-text {
		margin-left: 0
	}

	html[dir=rtl] .detail-sidebar-layout .sidebar-text {
		margin-right: 0
	}

	.detail-sidebar-layout .detail-sidebar:hover {
		width: var(--sidebar-expanded-width-max)
	}

	.detail-sidebar-layout .detail-sidebar:hover .sidebar-item {
		justify-content: flex-start;
		flex-direction: row
	}

	.detail-sidebar-layout .detail-sidebar:hover .sidebar-icon {
		flex-shrink: 0
	}

	html[dir=ltr] .detail-sidebar-layout .detail-sidebar:hover .sidebar-icon {
		margin-right: 8px
	}

	html[dir=rtl] .detail-sidebar-layout .detail-sidebar:hover .sidebar-icon {
		margin-left: 8px
	}

	.detail-sidebar-layout .detail-sidebar:hover .sidebar-text {
		display: block;
		opacity: 1;
		transform: translateY(0);
		text-align: start
	}

	html[dir=ltr] .detail-sidebar-layout .detail-sidebar:hover .chatbox-icon-wrapper {
		margin-right: 8px
	}

	html[dir=rtl] .detail-sidebar-layout .detail-sidebar:hover .chatbox-icon-wrapper {
		margin-left: 8px
	}

	.detail-sidebar-layout .chatbox-tip {
		word-break: keep-all !important
	}
}

@media (min-width: 1664px) {
	.detail-sidebar-layout .detail-sidebar {
		width: var(--sidebar-expanded-width)
	}

	.detail-sidebar-layout .sidebar-item {
		min-height: var(--sidebar-expanded-min-height);
		max-height: var(--sidebar-expanded-max-height)
	}

	.detail-sidebar-layout .sidebar-text {
		margin-top: 4px
	}

	.detail-sidebar-layout .sidebar-item:hover {
		background: #0000000d
	}

	.detail-sidebar-layout .sidebar-item:hover .sidebar-icon,
	.detail-sidebar-layout .sidebar-item:hover .chatbox-icon-wrapper {
		transform: translateY(-2px)
	}

	.detail-sidebar-layout .chatbox-tip {
		margin-top: 4px;
		word-break: keep-all
	}
}

html[dir=rtl] .detail-sidebar svg {
	transform: scaleX(-1)
}

.pc-search-education-tip {
	--searchx-edu-tip-bg: #222;
	position: relative;
	width: 300px;
	padding: 20px 20px 4px;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	background-color: var(--searchx-edu-tip-bg);
	border-radius: 8px
}

.pc-search-education-tip.pc-search-education-tip_arrow:after {
	position: absolute;
	width: 0;
	height: 0;
	border-color: var(--searchx-edu-tip-bg);
	border-width: 12px;
	content: "";
	border-style: solid
}

.pc-search-education-tip.pc-search-education-tip_arrow_right:after {
	top: 28px;
	inset-inline-start: -7.2px;
	transform: rotate(45deg)
}

.pc-search-education-tip.pc-search-education-tip_arrow_left:after {
	top: 28px;
	inset-inline-end: -7.2px;
	transform: rotate(45deg)
}

.pc-search-education-tip.pc-search-education-tip_arrow_bottom:after {
	top: -7.2px;
	inset-inline-start: 50%;
	margin-inline-start: -12px;
	transform: rotate(-45deg)
}

.pc-search-education-tip .pc-search-education-tip_inner {
	margin-block-end: 16px
}

.pc-search-education-tip .pc-search-education-tip_title {
	font-weight: 700;
	font-size: 16px;
	margin-block-end: 8px
}

.pc-search-education-tip .pc-search-education-tip_content {
	margin-block-end: 16px
}

.pc-search-education-tip .pc-search-education-tip_action {
	display: flex
}

.pc-search-education-tip .pc-search-education-tip_action.action-align-right {
	flex-direction: row-reverse
}

.pc-search-education-tip .pc-search-education-tip_action.action-align-left {
	flex-direction: row
}

.pc-search-education-tip .pc-search-education-tip_action.action-align-center {
	justify-content: center
}

.pc-search-education-tip .pc-search-education-tip_more>a {
	color: #fff;
	text-decoration: underline
}

.searchx-layout-right-toolbar {
	z-index: 100;
	box-shadow: 0 2px 6px 2px #0000001f;
	border-radius: 8px 0 0 8px;
	background-color: #fff;
	position: fixed;
	bottom: 60px;
	inset-inline-end: 0
}

[dir=rtl] .searchx-layout-right-toolbar {
	border-radius: 0 8px 8px 0
}

.searchx-layout-right-toolbar:has(.rfq.hovered) {
	z-index: 2001
}

.lens-icon {
	width: 20px;
	height: 20px
}

.lens-learn-more {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	min-width: 100px;
	max-width: 400px;
	gap: 10px;
	border-radius: 65px;
	padding-inline: 18px;
	background-color: #ff1900;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	text-decoration: none !important
}

.searchx-layout-right-toolbar__lens-tip {
	cursor: pointer;
	position: absolute;
	top: -16px;
	inset-inline-end: 50px;
	padding-inline-end: 24px
}

.searchx-layout-right-toolbar__lens-tip.toolbar-position {
	top: -16px;
	inset-inline-end: 50px;
	padding-inline-end: 24px
}

.searchx-layout-right-toolbar__lens-tip .lens-title-img {
	height: 20px
}

.searchx-layout-right-toolbar__lens-tip .pc-search-education-tip {
	background: linear-gradient(99deg, #fff 13.06%, #fff0 91.97%), linear-gradient(131deg, #fcbb8b1f -21.71%, #f859161f 98.49%), #fff;
	color: #222;
	box-shadow: 0 6px 12px 4px #00000014
}

[dir=rtl] .searchx-layout-right-toolbar__lens-tip .pc-search-education-tip {
	background: linear-gradient(-99deg, #fff 13.06%, #fff0 91.97%), linear-gradient(-131deg, #fcbb8d1f -21.71%, #f859161f 98.49%), #fff
}

.searchx-layout-right-toolbar__lens-tip .searchx-layout-right-toolbar__lens-tip-wrapper {
	width: 380px
}

.searchx-layout-right-toolbar__lens-tip .pc-search-education-tip.pc-search-education-tip_arrow:after {
	border-color: #feede6
}

.searchx-layout-right-toolbar__lens-tip-title {
	display: flex;
	align-items: center;
	gap: 8px
}

.searchx-layout-right-toolbar__lens-tip-title .lens-icon {
	min-width: fit-content
}

.searchx-layout-right-toolbar__lens-tip .lens-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	inset-inline-end: 20px;
	cursor: pointer
}

img.searchx-toolbar-lens-icon-item {
	width: 28px;
	height: 28px;
	padding: 4px
}

.lens-module-link {
	position: relative
}

.lens-module-link .lens-module-panel {
	display: none
}

.lens-module-link:hover .lens-module-panel {
	display: block
}

.lens-module-panel {
	position: absolute;
	top: unset;
	bottom: 0;
	inset-inline-end: 100%;
	padding-inline-end: 36px;
	transform: unset
}

.lens-module-panel.searchx-layout-right-toolbar__lens-tip .pc-search-education-tip.pc-search-education-tip_arrow:after {
	bottom: 18px !important;
	top: unset !important
}

/* end style 24 */
/* start style 25 */
.m3Avp :where(h2, h3) {
	font-size: inherit;
	font-weight: inherit;
	margin: 0
}

.m3Avp.wsFF6 {
	width: 100%
}

.m3Avp.wsFF6 :where(a):hover {
	text-decoration: none
}

.m3Avp.wsFF6 .B02Iu {
	display: flex;
	flex-direction: column;
	gap: 20px
}

.m3Avp.wsFF6 .B02Iu .BEv27 {
	color: #222;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px
}

.m3Avp.wsFF6 .B02Iu .DtXgu {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(5, minmax(0, 1fr))
}

.m3Avp.wsFF6 .B02Iu .DtXgu .PCXVG {
	display: none
}

@media screen and (min-width:1240px) {
	.m3Avp.wsFF6 .B02Iu .DtXgu {
		grid-template-columns: repeat(6, minmax(0, 1fr))
	}

	.m3Avp.wsFF6 .B02Iu .DtXgu .PCXVG {
		display: flex
	}
}

.m3Avp.Jexxn {
	width: 100%
}

.m3Avp.Jexxn .B02Iu {
	display: flex;
	flex-direction: column;
	gap: 20px
}

.m3Avp.Jexxn .B02Iu .BEv27 {
	color: #222;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px
}

.m3Avp.Jexxn .B02Iu>div {
	position: relative
}

.m3Avp.Jexxn .B02Iu>div .lhwYl,
.m3Avp.Jexxn .B02Iu>div .vIBVG {
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 36px;
	justify-content: center;
	position: absolute;
	top: calc(var(--current-width)/4/2 - 7.5px);
	width: 36px;
	z-index: 1
}

.m3Avp.Jexxn .B02Iu>div .lhwYl button,
.m3Avp.Jexxn .B02Iu>div .vIBVG button {
	opacity: .8
}

.m3Avp.Jexxn .B02Iu .DtXgu {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scrollbar-width: none
}

.m3Avp.Jexxn .B02Iu .DtXgu::-webkit-scrollbar {
	display: none
}

.m3Avp.Jexxn .B02Iu .DtXgu .LblAo {
	flex-basis: calc(var(--current-width)/4 - 15px);
	flex-shrink: 0;
	scroll-snap-align: start;
	width: calc(var(--current-width)/4 - 15px)
}

.m3Avp.ipH7B {
	width: 100%
}

.m3Avp.ipH7B .B02Iu {
	display: flex;
	flex-direction: column;
	gap: 20px
}

.m3Avp.ipH7B .B02Iu .BEv27 {
	color: #222;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px
}

.m3Avp.ipH7B .B02Iu>div {
	position: relative
}

.m3Avp.ipH7B .B02Iu>div .lhwYl,
.m3Avp.ipH7B .B02Iu>div .vIBVG {
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 36px;
	justify-content: center;
	position: absolute;
	top: calc(var(--current-width)/6/2 - 8.33333px);
	width: 36px;
	z-index: 1
}

.m3Avp.ipH7B .B02Iu>div .lhwYl button,
.m3Avp.ipH7B .B02Iu>div .vIBVG button {
	opacity: .8
}

.m3Avp.ipH7B .B02Iu .DtXgu {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scrollbar-width: none
}

.m3Avp.ipH7B .B02Iu .DtXgu::-webkit-scrollbar {
	display: none
}

.m3Avp.ipH7B .B02Iu .DtXgu .LblAo {
	flex-basis: calc(var(--current-width)/6 - 16.66667px);
	flex-shrink: 0;
	scroll-snap-align: start;
	width: calc(var(--current-width)/6 - 16.66667px)
}

@media screen and (max-width:1240px) {
	.m3Avp.ipH7B {
		width: 100%
	}

	.m3Avp.ipH7B .B02Iu {
		display: flex;
		flex-direction: column;
		gap: 20px
	}

	.m3Avp.ipH7B .B02Iu .BEv27 {
		color: #222;
		font-size: 20px;
		font-weight: 600;
		line-height: 26px
	}

	.m3Avp.ipH7B .B02Iu>div {
		position: relative
	}

	.m3Avp.ipH7B .B02Iu>div .lhwYl,
	.m3Avp.ipH7B .B02Iu>div .vIBVG {
		align-items: center;
		border-radius: 50%;
		cursor: pointer;
		display: flex;
		height: 36px;
		justify-content: center;
		position: absolute;
		top: calc(var(--current-width)/5/2 - 8px);
		width: 36px;
		z-index: 1
	}

	.m3Avp.ipH7B .B02Iu>div .lhwYl button,
	.m3Avp.ipH7B .B02Iu>div .vIBVG button {
		opacity: .8
	}

	.m3Avp.ipH7B .B02Iu .DtXgu {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		scroll-behavior: smooth;
		scroll-snap-type: x proximity;
		scrollbar-width: none
	}

	.m3Avp.ipH7B .B02Iu .DtXgu::-webkit-scrollbar {
		display: none
	}

	.m3Avp.ipH7B .B02Iu .DtXgu .LblAo {
		flex-basis: calc(var(--current-width)/5 - 16px);
		flex-shrink: 0;
		scroll-snap-align: start;
		width: calc(var(--current-width)/5 - 16px)
	}
}

.vIBVG {
	left: 0;
	transform: translateY(-50%)
}

.lhwYl {
	right: 0;
	transform: translateY(-50%) rotate(180deg)
}

.y2pBa {
	position: relative
}

.q2Myn {
	flex-grow: 0;
	flex-shrink: 0;
	min-width: 0
}

.SW_xe {
	align-items: center;
	background-color: #fff;
	border: none;
	border-radius: 9999px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	outline: none
}

.SW_xe:active,
.SW_xe:hover {
	background-color: #f4f4f4
}

.SW_xe>svg {
	height: 20px;
	width: 20px
}

.ym9Qu {
	border: 1px solid #ddd
}

.ym9Qu:active,
.ym9Qu:hover {
	border: 1px solid #222
}

.oxb3g {
	box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .12)
}

.MqBbN {
	background-color: #ff1900
}

.MqBbN:active,
.MqBbN:hover {
	background-color: #979493
}

.j6QwB {
	background-color: rgba(0, 0, 0, .2);
	border: 1px solid #fff
}

.j6QwB:active,
.j6QwB:hover {
	background-color: rgba(0, 0, 0, .5)
}

.SAH7Q {
	height: 48px;
	width: 48px
}

.SAH7Q>svg {
	height: 24px;
	width: 24px
}

.iU7aI {
	height: 36px;
	width: 36px
}

.Iu9FR {
	opacity: .8
}

.hFR19 {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	gap: 12px;
	line-height: 18px;
	overflow: hidden;
	width: 100%
}

.hFR19 .uE82p {
	position: relative
}

.hFR19 .sZpNS {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.rcEIR {
	display: block;
	line-height: 0;
	overflow: hidden;
	position: relative
}

.rcEIR:before {
	background: var(--layer-color, transparent);
	content: "";
	inset: 0;
	position: absolute;
	z-index: var(--layer-color, -1)
}

.rcEIR:before,
.rcEIR>img {
	border-radius: var(--border-radius, 16px)
}

.rcEIR>img {
	aspect-ratio: 1/1;
	display: block;
	width: 100%
}

.IHMdJ {
	color: #222;
	gap: 8px
}

.IHMdJ,
.IHMdJ .w1YwV {
	align-items: center;
	display: flex
}

.IHMdJ .w1YwV .E4kzc {
	background-color: var(--circle-color, #d3d3d3);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ddd;
	border-radius: 50%;
	height: 20px;
	overflow: hidden;
	width: 20px
}

.IHMdJ .w1YwV .E4kzc img {
	display: block;
	width: 100%
}

.IHMdJ .w1YwV .E4kzc:not(:first-child) {
	margin-inline-start: -4px
}

.DuQUT {
	height: 16px
}

.DuQUT img {
	display: block;
	height: 100%
}

.O9y2E {
	align-items: center;
	color: #767676;
	display: flex;
	height: 16px
}

.u1SHv {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #222;
	overflow: hidden
}

.OuHVv {
	color: #222;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-block: 4px 0
}

.OuHVv:not(:last-child) {
	padding-block-end: 4px
}

.OuHVv .Qplep {
	display: flex;
	flex-direction: column;
	gap: 4px
}

.OuHVv .Qplep .R3Kcz {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	overflow: hidden
}

.OuHVv .Qplep .Punjp {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	text-overflow: ellipsis
}

.OuHVv .Qplep .Punjp .FNZ_c {
	color: #767676;
	text-decoration: line-through
}

.OuHVv .Qplep .Punjp .YGd3t {
	color: #979493
}

.OuHVv .hVMAV {
	color: #222
}

.OuHVv .lusoi {
	font-weight: 700
}

.OuHVv .l3WK3,
.OuHVv .nybAM {
	color: #22891f
}

.YpiVg {
	align-items: center;
	padding-top: 2px
}

.QGcID,
.YpiVg {
	display: flex;
	line-height: 16px
}

.QGcID {
	color: #222;
	font-size: 12px
}

.QGcID .ccR9l {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.QGcID:before {
	content: open-quote
}

.QGcID:after {
	content: close-quote
}

.lqa9H {
	gap: 4px
}

.lqa9H,
.lqa9H .XS1fI {
	align-items: center;
	display: flex;
	flex-shrink: 0
}

.lqa9H .XS1fI {
	background: #f4f4f4;
	border-radius: 4px;
	padding: 2px;
	position: relative
}

.lqa9H .XS1fI img {
	height: 16px;
	mix-blend-mode: multiply
}

.NyUrJ {
	color: #a75a00
}

.eXTwE {
	align-items: center;
	display: flex;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden
}

.eXTwE .X66G8 {
	white-space: nowrap
}

.eXTwE .X66G8:last-child {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	white-space: revert;
	word-break: break-all
}

.eXTwE .X66G8:not(:first-child):before,
.eXTwE[data-has-ce=true] .X66G8:first-child:before {
	color: #767676;
	content: "�";
	margin-inline: 4px
}

.searchx-find-similar__wrapper {
	height: 36px;
	width: 36px
}

.searchx-find-similar__wrapper .searchx-find-similar__first_tip {
	white-space: wrap;
	width: 338px
}

.searchx-find-similar {
	position: relative
}

.searchx-find-similar.searchx-find-similar__icon {
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center
}

.searchx-find-similar.searchx-find-similar__icon.theme-translucent {
	background-color: #fffc;
	border: 1px solid #ddd
}

.searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
	background-color: #f4f4f4;
	border: 1px solid #222;
	box-shadow: none
}

.searchx-find-similar.searchx-find-similar__icon.normal:hover,
.searchx-find-similar.searchx-find-similar__icon.theme-float {
	box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .12)
}

.searchx-find-similar .searchx-find-similar__img {
	height: 20px;
	width: 20px
}

.searchx-find-similar__popover {
	background-color: #000;
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	max-width: 338px;
	opacity: 0;
	padding: 20px;
	position: absolute;
	transition: opacity .5s;
	z-index: 1000
}

.searchx-find-similar__popover .searchx-find-similar__popover-header {
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	margin-bottom: 8px
}

.searchx-find-similar__popover .searchx-find-similar__popover-header .searchx-find-similar_close-icon {
	cursor: pointer;
	height: 20px
}

.searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
	top: 100%
}

[dir=ltr] .searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
	left: 50%;
	transform: translate(-50%, -60%) rotate(45deg)
}

[dir=rtl] .searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
	right: 50%;
	transform: translate(50%, -60%) rotate(-45deg)
}

.searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
	top: 0
}

[dir=ltr] .searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
	left: 50%;
	transform: translate(-50%, -40%) rotate(45deg)
}

[dir=rtl] .searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
	right: 50%;
	transform: translate(50%, -40%) rotate(-45deg)
}

.searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
	top: 50%
}

[dir=ltr] .searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
	right: 0;
	transform: translate(40%, -50%) rotate(45deg)
}

[dir=rtl] .searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
	left: 0;
	transform: translate(-40%, -50%) rotate(-45deg)
}

.searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
	top: 50%
}

[dir=ltr] .searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
	left: 0;
	transform: translate(-40%, -50%) rotate(45deg)
}

[dir=rtl] .searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
	right: 0;
	transform: translate(40%, -50%) rotate(-45deg)
}

.searchx-find-similar__popover .searchx-find-similar__popover-arrow {
	background-color: #000;
	height: 12px;
	position: absolute;
	width: 12px
}

._xDF8 {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-inline-end: 4px;
	padding-block: 1px;
	vertical-align: top
}

.yP13l {
	overflow: hidden;
	position: relative;
	width: 100%
}

.yP13l.POUjf {
	background-color: transparent
}

.QNcUO {
	animation: C_3WK 3s linear infinite;
	animation-timing-function: cubic-bezier(0, 0, .75, .75);
	background-color: #ddd;
	box-shadow: 0 0 50px 35px #ddd;
	filter: blur(20px);
	height: 200%;
	opacity: .3;
	position: absolute;
	top: -50%;
	width: 35px
}

[dir=ltr] .QNcUO {
	left: -230px;
	transform: rotate(30deg)
}

[dir=rtl] .QNcUO {
	right: -230px;
	transform: rotate(-30deg)
}

.QNcUO:nth-child(2) {
	animation-delay: 1s
}

.QNcUO:nth-child(3) {
	animation-delay: 2s
}

@keyframes C_3WK {
	0% {
		transform: translateX(0) rotate(30deg)
	}

	to {
		transform: translateX(1000px) rotate(30deg)
	}
}

.Jy7kR {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.a1i3p,
.cSUrO,
.ldiM4 {
	background-color: #f4f4f4;
	width: 100%
}

.a1i3p {
	border-radius: 16px
}

@supports (aspect-ratio:1/1) {
	.a1i3p {
		aspect-ratio: 1/1
	}
}

@supports not (aspect-ratio:1/1) {
	.a1i3p {
		padding-bottom: 100%
	}
}

.ldiM4 {
	height: 36px
}

.cSUrO,
.ldiM4 {
	border-radius: 4px
}

.cSUrO {
	height: 22px
}

/* end style 25 */
.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info .img {
	width: 100%;
	height: 101px;
	margin-top: 40px;
	margin-bottom: 20px;
	background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01lnw1WK1bGeXDIoBnB_!!6000000003438-2-tps-399-303.png) no-repeat center center;
	background-size: 133px 101px
}

#popup-root .functional-content .thirdpart-login .icon-facebook {
	background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01hUG9f21b67dGOuB2W_!!6000000003415-55-tps-40-40.svg)
}

#popup-root .functional-content .thirdpart-login .icon-google {
	background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01Qd3ZsM1C2aAxLHO2h_!!6000000000023-2-tps-120-120.png)
}

#popup-root .functional-content .thirdpart-login .icon-linkedin {
	background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01qVG1rv1lNCYkhep7t_!!6000000004806-55-tps-40-40.svg)
}

.tnh-logo {
	z-index: 9999;
	display: flex;
	flex-shrink: 0;
	width: 209px;
	height: 29px;
	background: url(https://ik.imagekit.io/aswpgxhxq/logonew.gif) no-repeat 0 0;
	background-size: 209px 29px;
	cursor: pointer
}

.tnh-new-logo {
	width: 185px;
	background: url(https://ik.imagekit.io/aswpgxhxq/logonew.gif) no-repeat 0 0;
	background-size: 185px 22px;
	height: 22px
}

.source-in-europe {
	display: flex;
	gap: 32px;
	padding: 0 10px
}

.source-in-europe .divider {
	flex-shrink: 0;
	width: 1px;
	background-color: #ddd
}

.source-in-europe .sie_info {
	flex-shrink: 0;
	width: 520px
}

.source-in-europe .sie_info .sie_info-logo {
	display: inline-block !important;
	height: 28px
}

.source-in-europe .sie_info .sie_info-title {
	margin-top: 24px;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px
}

.source-in-europe .sie_info .sie_info-description {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px
}

.source-in-europe .sie_info .sie_info-sell-list {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px
}

.source-in-europe .sie_info .sie_info-sell-list-item {
	width: calc(50% - 8px);
	display: flex;
	align-items: center;
	padding: 20px 16px;
	gap: 12px;
	border-radius: 12px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600
}

.source-in-europe .sie_info .sie_info-sell-list-item img {
	width: 28px;
	height: 28px
}

.source-in-europe .sie_info .sie_info-btn {
	display: inline-block;
	min-width: 240px;
	margin-top: 24px;
	margin-bottom: 30px;
	padding: 13px 24px;
	background-color: #ff1900;
	opacity: .9;
	color: #fff !important;
	border-radius: 99px;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border: none
}

.source-in-europe .sie_info .sie_info-btn:hover {
	opacity: 1
}

.source-in-europe .sie_cards {
	display: flex;
	flex-grow: 1
}

.source-in-europe .sie_cards .sie_cards-product-list {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 32px 16px;
	max-height: 376px;
	overflow: hidden
}

.source-in-europe .sie_cards .sie_cards-product-list.lt-14 {
	justify-content: flex-start
}

.source-in-europe .sie_cards .sie_cards-product {
	width: 110px;
	height: 172px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #222;
	box-sizing: border-box
}

.source-in-europe .sie_cards .sie_cards-product .img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 88px;
	height: 88px;
	overflow: hidden;
	border-radius: 88px
}

.source-in-europe .sie_cards .sie_cards-product .img img {
	width: 88px;
	height: 88px;
	object-fit: cover
}

.source-in-europe .sie_cards .sie_cards-product .img:after {
	content: "";
	background-color: #0000001a;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.source-in-europe .sie_cards .sie_cards-product .text {
	font-size: 12px;
	line-height: 16px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-title {
	margin-top: 12px;
	color: #222
}

.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-sell,
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list {
	margin-top: 4px;
	color: #767676
}

.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list {
	display: flex;
	gap: 8px
}

.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list.one-country {
	gap: 4px
}

.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list img {
	width: 18px;
	height: 13px
}

.source-in-europe.source-in-europe-europages .sie_info-btn {
	background-color: #7faf0d
}

.source-in-europe.source-in-europe-europages .sie_info-sell-list-item {
	background-color: #f2f7e7
}

.source-in-europe.source-in-europe-europages .sie_card {
	background: #7faf0d0d
}

.source-in-europe.source-in-europe-wlw .sie_info-btn {
	background-color: #0060df
}

.source-in-europe.source-in-europe-wlw .sie_info-sell-list-item {
	background-color: #f1f5fc
}

.source-in-europe.source-in-europe-wlw .sie_card {
	background: #0060df0d
}

.tnh-sub-title {
	padding-left: 12px;
	margin-left: 13px;
	position: relative;
	color: #222;
	text-decoration: none;
	white-space: nowrap;
	font-weight: 600;
	font-size: 20px;
	line-height: 29px
}

.tnh-sub-title:active {
	text-decoration: none
}

.tnh-sub-title:before {
	content: "";
	height: 24px;
	width: 1px;
	position: absolute;
	display: inline-block;
	background-color: #222;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.popup-content {
	margin: auto;
	background: #fff;
	width: 50%;
	padding: 5px;
	border: 1px solid #d7d7d7
}

[role=tooltip].popup-content {
	width: 200px;
	box-shadow: 0 0 3px #00000029;
	border-radius: 5px
}

.popup-overlay {
	background: #00000080
}

[data-popup=tooltip].popup-overlay {
	background: transparent
}

.popup-arrow {
	-webkit-filter: drop-shadow(0 -3px 3px rgba(0, 0, 0, .16));
	filter: drop-shadow(0 -3px 3px rgba(0, 0, 0, .16));
	color: #fff;
	stroke-width: 2px;
	stroke: #d7d7d7;
	stroke-dasharray: 30px;
	stroke-dashoffset: -54px;
	inset: 0
}

.tnh-badge {
	position: relative
}

.tnh-badge i {
	position: absolute;
	top: -8px;
	left: 50%;
	height: 16px;
	padding: 0 6px;
	border-radius: 8px;
	background-color: #e52828;
	color: #fff;
	font-style: normal;
	font-size: 12px;
	line-height: 16px
}

.tnh-badge-nf i {
	position: relative;
	top: auto;
	left: auto;
	height: 16px;
	padding: 0 8px;
	border-radius: 8px;
	background-color: #e52828;
	color: #fff;
	font-style: normal;
	font-size: 12px;
	line-height: 16px
}

.tnh-button {
	display: block;
	flex-shrink: 0;
	height: 36px;
	padding: 0 24px;
	outline: none;
	border-radius: 9999px;
	background: linear-gradient(to right, #f9bb00 0%, #d31973 100%);
	box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.2);
	color: #fff !important;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 36px;
	cursor: pointer
}

.tnh-button:active {
	text-decoration: none;
	transform: scale(.9)
}

.tnh-button:hover {
	background: linear-gradient(to left, #f9bb00 0%, #d31973 100%);
}

@-webkit-keyframes circle-360 {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes circle-360 {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.circle-360 {
	animation: circle-360 infinite 1s linear;
	-webkit-animation: circle-360 infinite 1s linear
}

.tnh-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}

.tnh-loading .tnh-icon {
	color: #ddd;
	font-size: 40px
}

#the-new-header.tnh-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
	background-color: #fff !important
}

.tnh-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh
}

.tnh-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 6px;
	overflow: hidden;
	vertical-align: -.15em;
	fill: currentColor
}

.tnh-hide {
	display: none
}

.tnh-more {
	color: #222 !important;
	text-decoration: underline !important
}

#the-new-header.tnh-dark {
	background-color: transparent;
	color: #fff
}

#the-new-header.tnh-dark a:link,
#the-new-header.tnh-dark a:visited,
#the-new-header.tnh-dark a:hover,
#the-new-header.tnh-dark a:active,
#the-new-header.tnh-dark .tnh-sign-in {
	color: #fff
}

#the-new-header.tnh-dark .functional-content a {
	color: #222
}

#the-new-header.tnh-dark .tnh-logo {
	background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01kNCWs61cTlUC9Pjmu_!!6000000003602-2-tps-418-58.png) no-repeat 0 0;
	background-size: 209px 29px
}

#the-new-header.tnh-dark .tnh-new-logo {
	background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN011ZJg9l24hKaeQlVNh_!!6000000007422-2-tps-1380-165.png) no-repeat 0 0;
	background-size: auto 22px
}

#the-new-header.tnh-dark .tnh-sub-title {
	color: #fff
}

#the-new-header.tnh-dark .tnh-sub-title:before {
	content: "";
	height: 24px;
	width: 1px;
	position: absolute;
	display: inline-block;
	background-color: #fff;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

#the-new-header.tnh-white,
#the-new-header.tnh-white-overlay {
	background-color: #fff;
	color: #222
}

#the-new-header.tnh-white a:link,
#the-new-header.tnh-white-overlay a:link,
#the-new-header.tnh-white a:visited,
#the-new-header.tnh-white-overlay a:visited,
#the-new-header.tnh-white a:hover,
#the-new-header.tnh-white-overlay a:hover,
#the-new-header.tnh-white a:active,
#the-new-header.tnh-white-overlay a:active,
#the-new-header.tnh-white .tnh-sign-in,
#the-new-header.tnh-white-overlay .tnh-sign-in {
	color: #222
}

#the-new-header.tnh-white .tnh-logo,
#the-new-header.tnh-white-overlay .tnh-logo {
	background: url(/assets/Logo-Oly.gif) no-repeat 0 0;
	background-size: 209px 29px
}

#the-new-header.tnh-white .tnh-new-logo,
#the-new-header.tnh-white-overlay .tnh-new-logo {
	background: url(/assets/Logo-Oly.gif) no-repeat 0 0;
	background-size: auto 22px
}

#the-new-header.tnh-white .tnh-sub-title,
#the-new-header.tnh-white-overlay .tnh-sub-title {
	color: #222
}

#the-new-header.tnh-white {
	border-bottom: 1px solid #ddd;
	background-color: #eeeeee !important
}

#the-new-header.tnh-no-border {
	border: none
}

@-webkit-keyframes color-change-to-fff {
	0% {
		background: transparent
	}

	to {
		background: #fff
	}
}

@keyframes color-change-to-fff {
	0% {
		background: transparent
	}

	to {
		background: #fff
	}
}

#the-new-header.tnh-white-overlay {
	animation: color-change-to-fff .1s cubic-bezier(.65, 0, .35, 1);
	-webkit-animation: color-change-to-fff .1s cubic-bezier(.65, 0, .35, 1)
}

.ta-content .ta-card {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 49%;
	height: 120px;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 16px;
	background-color: #f7f7f7
}

.ta-content .ta-card .img {
	width: 70px;
	height: 70px;
	background-size: 70px 70px
}

.ta-content .ta-card .text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 76px);
	margin-left: 16px;
	font-size: 20px;
	line-height: 26px
}

.ta-content .ta-card .text h3 {
	max-width: 200px;
	margin-right: 8px;
	text-align: left;
	font-weight: 600;
	font-size: 14px
}

.ta-content .ta-card .text .tnh-icon {
	flex-shrink: 0;
	font-size: 24px
}

.ta-content {
	display: flex;
	justify-content: space-between
}

.ta-content .info {
	width: 50%;
	margin: 40px 40px 40px 134px
}

.ta-content .info h3 {
	display: block;
	margin: 20px 0 28px;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px
}

.ta-content .info .img {
	width: 212px;
	height: 32px
}

.ta-content .info .tnh-button {
	display: block;
	width: 180px;
	color: #fff
}

.ta-content .cards {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 716px
}

.help-center-content {
	display: flex;
	justify-content: center;
	gap: 40px
}

.help-center-content .hc-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 144px;
	border: 1px solid #ddd;
	font-size: 14px
}

.help-center-content .hc-item .tnh-icon {
	margin-bottom: 14px;
	font-size: 40px;
	line-height: 40px
}

.help-center-content .help-center-links {
	min-width: 250px;
	margin-left: 40px;
	padding-left: 40px;
	border-left: 1px solid #ddd
}

.help-center-content .help-center-links a {
	display: block;
	padding: 12px 14px;
	outline: none;
	color: #222;
	text-decoration: none;
	font-size: 14px
}

.help-center-content .help-center-links a:hover {
	text-decoration: underline !important
}

.get-the-app-content-tnh {
	display: flex;
	justify-content: center;
	flex: 0 0 auto
}

.get-the-app-content-tnh .info-tnh .title-tnh {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px
}

.get-the-app-content-tnh .info-tnh .content-wrapper {
	display: flex;
	justify-content: center
}

.get-the-app-content-tnh .info-tnh .content-tnh {
	margin-right: 40px;
	width: 300px;
	font-size: 16px
}

.get-the-app-content-tnh .info-tnh a {
	text-decoration: underline !important
}

.get-the-app-content-tnh .download {
	display: flex
}

.get-the-app-content-tnh .download .store {
	display: flex;
	flex-direction: column;
	margin-right: 40px
}

.get-the-app-content-tnh .download .store a {
	margin-bottom: 20px
}

.get-the-app-content-tnh .download .store a img {
	height: 44px
}

.get-the-app-content-tnh .download .qr img {
	height: 120px
}

.get-the-app-content-tnh-wrapper {
	display: flex;
	justify-content: center;
	align-items: start;
	height: 100%
}

.get-the-app-content-tnh-divider {
	width: 1px;
	height: 100%;
	background-color: #ddd;
	margin: 0 67px;
	flex: 0 0 auto
}

.tnh-alibaba-lens-install-btn {
	background-color: #ff1900;
	height: 48px;
	border-radius: 65px;
	padding: 0 24px;
	margin-left: 71px;
	color: #fff;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px
}

.tnh-alibaba-lens-install-btn img {
	width: 24px;
	height: 24px
}

.tnh-alibaba-lens-install-btn span {
	margin-left: 8px
}

.tnh-alibaba-lens-info {
	display: flex;
	margin-bottom: 20px;
	font-size: 16px
}

.tnh-alibaba-lens-info div {
	width: 400px
}

.tnh-alibaba-lens-title {
	color: #222;
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 20px
}

.tnh-alibaba-lens-extra {
	text-decoration: underline !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px
}

.featured-content {
	display: flex;
	justify-content: center;
	gap: 40px
}

.featured-content .card-links {
	min-width: 250px;
	margin-left: 40px;
	padding-left: 40px;
	border-left: 1px solid #ddd
}

.featured-content .card-links a {
	display: block;
	padding: 14px;
	outline: none;
	text-decoration: none;
	font-size: 14px
}

.featured-content .card-links a:hover {
	text-decoration: underline !important
}

.featured-content .featured-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 144px;
	border: 1px solid #ddd;
	color: #222;
	font-size: 14px
}

.featured-content .featured-item .tnh-icon {
	margin-bottom: 14px;
	font-size: 40px;
	line-height: 40px
}

.buyer-central-content {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: auto 20px;
	font-size: 14px
}

.buyer-central-content .bcc-item {
	width: 20%
}

.buyer-central-content .bcc-item .bcc-item-title,
.buyer-central-content .bcc-item .bcc-item-child {
	margin-bottom: 18px
}

.buyer-central-content .bcc-item .bcc-item-title {
	font-weight: 600
}

.buyer-central-content .bcc-item .bcc-item-child a:hover {
	text-decoration: underline !important
}

.become-supplier-content {
	display: flex;
	justify-content: center;
	gap: 40px
}

.become-supplier-content a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 144px;
	padding: 0 20px;
	border: 1px solid #ddd;
	font-size: 14px
}

.become-supplier-content a .tnh-icon {
	margin-bottom: 14px;
	font-size: 40px;
	line-height: 40px
}

.become-supplier-content a .become-supplier-content-desc {
	height: 44px;
	text-align: center
}

@-webkit-keyframes sub-header-title-hover {
	0% {
		transform: scaleX(.4);
		-webkit-transform: scaleX(.4)
	}

	to {
		transform: scaleX(1);
		-webkit-transform: scaleX(1)
	}
}

@keyframes sub-header-title-hover {
	0% {
		transform: scaleX(.4);
		-webkit-transform: scaleX(.4)
	}

	to {
		transform: scaleX(1);
		-webkit-transform: scaleX(1)
	}
}

.sub-header {
	min-width: 1200px;
	max-width: 1580px;
	height: 36px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 14px
}

.sub-header .sub-header-top {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	min-width: 1200px;
	max-width: 1600px;
	height: 36px;
	margin: 0 auto;
	background-color: transparent
}

.sub-header .sub-header-default {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 40px;
	padding: 0 40px
}

.sub-header .sub-header-default .sub-header-main,
.sub-header .sub-header-default .sub-header-sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px
}

.sub-header .sub-header-default .sub-header-main .sh-current-item .animated-tab-content,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .animated-tab-content {
	top: 108px;
	opacity: 1;
	visibility: visible
}

.sub-header .sub-header-default .sub-header-main .sh-current-item .animated-tab-content img,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .animated-tab-content img {
	display: inline
}

.sub-header .sub-header-default .sub-header-main .sh-current-item .animated-tab-content .item-img,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .animated-tab-content .item-img {
	display: block
}

.sub-header .sub-header-default .sub-header-main .sh-current-item .tab-title:after,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .tab-title:after {
	position: absolute;
	bottom: 1px;
	display: block;
	width: 100%;
	height: 2px;
	border-bottom: 2px solid #222 !important;
	content: " ";
	animation: sub-header-title-hover .3s cubic-bezier(.6, 0, .4, 1) both;
	-webkit-animation: sub-header-title-hover .3s cubic-bezier(.6, 0, .4, 1) both
}

.sub-header .sub-header-default .sub-header-main .sh-current-item .tab-title-click:hover,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .tab-title-click:hover {
	text-decoration: underline
}

.sub-header .sub-header-default .sub-header-main .sh-current-item .tab-title-click:after,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .tab-title-click:after {
	display: none
}

.sub-header .sub-header-default .sub-header-main>div,
.sub-header .sub-header-default .sub-header-sub>div {
	display: flex;
	align-items: center;
	margin-top: -2px;
	cursor: pointer
}

.sub-header .sub-header-default .sub-header-main>div:last-child,
.sub-header .sub-header-default .sub-header-sub>div:last-child {
	padding-right: 0
}

.sub-header .sub-header-default .sub-header-main>div:last-child.sh-current-item:after,
.sub-header .sub-header-default .sub-header-sub>div:last-child.sh-current-item:after {
	width: 100%
}

.sub-header .sub-header-default .sub-header-main>div .tab-title,
.sub-header .sub-header-default .sub-header-sub>div .tab-title {
	position: relative;
	height: 36px
}

.sub-header .sub-header-default .sub-header-main>div .animated-tab-content,
.sub-header .sub-header-default .sub-header-sub>div .animated-tab-content {
	position: absolute;
	top: 108px;
	left: 0;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #ddd;
	background-color: #fff;
	opacity: 0;
	visibility: hidden
}

.sub-header .sub-header-default .sub-header-main>div .animated-tab-content img,
.sub-header .sub-header-default .sub-header-sub>div .animated-tab-content img {
	display: none
}

.sub-header .sub-header-default .sub-header-main>div .animated-tab-content .item-img,
.sub-header .sub-header-default .sub-header-sub>div .animated-tab-content .item-img {
	display: none
}

.sub-header .sub-header-default .sub-header-main>div .tab-content,
.sub-header .sub-header-default .sub-header-sub>div .tab-content {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	min-width: 1200px;
	max-height: calc(100vh - 220px)
}

.sub-header .sub-header-default .sub-header-main>div .tab-content .animated-tab-content-children,
.sub-header .sub-header-default .sub-header-sub>div .tab-content .animated-tab-content-children {
	width: 100%;
	min-width: 1200px;
	max-width: 1600px;
	margin: 40px auto;
	padding: 0 40px;
	opacity: 0
}

.sub-header .sub-header-default .sub-header-main>div .tab-content .animated-tab-content-children-no-animation,
.sub-header .sub-header-default .sub-header-sub>div .tab-content .animated-tab-content-children-no-animation {
	opacity: 1
}

.sub-header .sub-header-props {
	height: 36px
}

.sub-header .sub-header-props-hide {
	position: relative;
	height: 0;
	padding: 0 40px
}

.sub-header .rounded {
	border-radius: 8px
}

.tnh-logo {
	z-index: 9999;
	display: flex;
	flex-shrink: 0;
	width: 209px;
	height: 29px;
	background: url(https://ik.imagekit.io/aswpgxhxq/logonew.gif) no-repeat 0 0;
	background-size: 209px 29px;
	cursor: pointer
}

.tnh-new-logo {
	width: 185px;
	background: url(https://ik.imagekit.io/aswpgxhxq/logonew.gif) no-repeat 0 0;
	background-size: 185px 22px;
	height: 22px
}

#popup-root .functional-content {
	width: 360px;
	max-height: calc(100vh - 40px);
	padding: 20px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 6px 12px 4px #00000014;
	-webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08)
}

#popup-root .functional-content a {
	outline: none
}

#popup-root .functional-content a:link,
#popup-root .functional-content a:visited,
#popup-root .functional-content a:hover,
#popup-root .functional-content a:active {
	color: #222;
	text-decoration: none
}

#popup-root .functional-content ul {
	padding: 0;
	list-style: none
}

#popup-root .functional-content h3 {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #222
}

#popup-root .functional-content .css-jrh21l-control {
	outline: none !important;
	border-color: #ccc;
	box-shadow: none
}

#popup-root .functional-content .css-jrh21l-control .css-15lsz6c-indicatorContainer {
	color: #ccc
}

#popup-root .functional-content .thirdpart-login {
	display: flex;
	justify-content: space-between;
	width: 245px;
	margin: 0 auto 20px
}

#popup-root .functional-content .thirdpart-login a {
	border-radius: 8px
}

#popup-root .functional-content .thirdpart-login .icon-facebook {
	background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01hUG9f21b67dGOuB2W_!!6000000003415-55-tps-40-40.svg)
}

#popup-root .functional-content .thirdpart-login .icon-google {
	background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01Qd3ZsM1C2aAxLHO2h_!!6000000000023-2-tps-120-120.png)
}

#popup-root .functional-content .thirdpart-login .icon-linkedin {
	background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01qVG1rv1lNCYkhep7t_!!6000000004806-55-tps-40-40.svg)
}

#popup-root .functional-content .login-with {
	width: 100%;
	text-align: center;
	margin-bottom: 16px
}

#popup-root .functional-content .login-tips {
	font-size: 12px;
	margin-bottom: 20px;
	color: #767676
}

#popup-root .functional-content .login-tips a {
	outline: none;
	color: #767676 !important;
	text-decoration: underline !important
}

#popup-root .functional-content .tnh-button {
	outline: none !important;
	color: #fff
}

#popup-root .functional-content .login-links>div {
	border-top: 1px solid #ddd
}

#popup-root .functional-content .login-links>div ul {
	margin: 8px 0;
	list-style: none
}

#popup-root .functional-content .login-links>div a {
	display: flex;
	align-items: center;
	min-height: 40px;
	text-decoration: none;
	font-size: 14px;
	color: #222
}

#popup-root .functional-content .login-links>div a:hover {
	margin: 0 -20px;
	padding: 0 20px;
	background-color: #f4f4f4;
	font-weight: 600
}

.tnh-languages {
	position: relative;
	display: flex
}

.tnh-languages .current {
	display: flex;
	align-items: center
}

.tnh-languages .current>div {
	margin-right: 4px
}

.tnh-languages .current .tnh-icon {
	font-size: 24px
}

.tnh-languages .current .tnh-icon:last-child {
	margin-right: 0
}

.tnh-languages-overlay {
	font-size: 14px
}

.tnh-languages-overlay .tnh-l-o-title {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px
}

.tnh-languages-overlay .tnh-l-o-select {
	width: 100%;
	margin: 8px 0 16px
}

.tnh-languages-overlay .select-item {
	background-color: #fff4ed
}

.tnh-languages-overlay .tnh-l-o-control {
	display: flex;
	justify-content: center
}

.tnh-languages-overlay .tnh-l-o-control .tnh-button {
	width: 100%
}

.tnh-cart-content {
	max-height: 600px;
	overflow-y: scroll
}

.tnh-cart-content .tnh-cart-item h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tnh-cart-content .tnh-cart-item h3 a:hover {
	text-decoration: underline !important
}

.cart-popup-content {
	padding: 0 !important
}

.cart-popup-content .cart-logged-popup-arrow {
	transform: translate(-20px)
}

.tnh-ma-content .tnh-ma-content-title {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.tnh-ma-content .tnh-ma-content-title h3 {
	margin: 0 12px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tnh-ma-content .tnh-ma-content-title img {
	height: 16px
}

.ma-portrait-waiting {
	margin-left: 12px
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list {
	display: flex;
	flex-direction: column
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	color: #222
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item:last-child {
	margin-bottom: 20px
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 100%
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .img img {
	width: 48px;
	height: 48px;
	object-fit: cover
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .user-info {
	display: flex;
	flex-direction: column
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .user-info strong {
	margin-bottom: 6px;
	font-weight: 600;
	font-size: 14px
}

.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .user-info span {
	width: 220px;
	margin-right: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px
}

.tnh-message-content .tnh-messages-unread-content {
	margin: 20px 0;
	text-align: center;
	font-size: 14px
}

.tnh-message-content .tnh-messages-unread-hascookie {
	display: flex;
	flex-direction: column;
	margin: 20px 0 16px;
	text-align: center;
	font-size: 14px
}

.tnh-message-content .tnh-messages-unread-hascookie strong {
	margin-bottom: 20px
}

.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info {
	display: flex;
	flex-direction: column;
	text-align: center
}

.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info .img {
	width: 100%;
	height: 101px;
	margin-top: 40px;
	margin-bottom: 20px;
	background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01lnw1WK1bGeXDIoBnB_!!6000000003438-2-tps-399-303.png) no-repeat center center;
	background-size: 133px 101px
}

.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info span {
	margin-bottom: 40px
}

.tnh-order-content .tnh-order-buyer,
.tnh-order-content .tnh-order-seller {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	font-size: 14px
}

.tnh-order-content .tnh-order-buyer h3,
.tnh-order-content .tnh-order-seller h3 {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px
}

.tnh-order-content .tnh-order-buyer a,
.tnh-order-content .tnh-order-seller a {
	padding: 11px 0;
	color: #222 !important
}

.tnh-order-content .tnh-order-buyer a:hover,
.tnh-order-content .tnh-order-seller a:hover {
	text-decoration: underline !important
}

.tnh-order-content .tnh-order-buyer a span,
.tnh-order-content .tnh-order-seller a span {
	margin-right: 4px
}

.tnh-order-content .tnh-order-seller,
.tnh-order-content .tnh-order-ta {
	padding-top: 20px;
	border-top: 1px solid #ddd
}

.tnh-order-content .tnh-order-seller:first-child,
.tnh-order-content .tnh-order-ta:first-child {
	border-top: 0;
	padding-top: 0
}

.tnh-order-content .tnh-order-ta .img {
	margin-bottom: 12px
}

.tnh-order-content .tnh-order-ta .img img {
	width: 186px;
	height: 28px;
	object-fit: cover
}

.tnh-order-content .tnh-order-ta .ta-info {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px
}

.tnh-order-content .tnh-order-ta .ta-info a {
	margin-left: 4px;
	text-decoration: underline !important
}

.tnh-order-content .tnh-order-nodata .ta-info .ta-logo {
	margin: 24px 0 16px
}

.tnh-order-content .tnh-order-nodata .ta-info .ta-logo img {
	height: 28px
}

.tnh-order-content .tnh-order-nodata .ta-info h3 {
	margin-bottom: 24px;
	font-size: 20px
}

.tnh-order-content .tnh-order-nodata .ta-card {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	color: #222
}

.tnh-order-content .tnh-order-nodata .ta-card:hover {
	text-decoration: underline !important
}

.tnh-order-content .tnh-order-nodata .ta-card .img {
	width: 36px;
	height: 36px;
	margin-right: 8px;
	background-size: 36px 36px !important
}

.tnh-order-content .tnh-order-nodata .ta-card .text {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.tnh-order-content .tnh-order-nodata .ta-card .text h3 {
	margin: 0;
	font-weight: 600;
	font-size: 14px
}

.tnh-order-content .tnh-order-nodata .ta-card .text .tnh-icon {
	display: none
}

.tnh-order-content .tnh-order-nodata .tnh-more {
	display: block;
	margin-bottom: 24px
}

.tnh-login {
	display: flex;
	flex-grow: 2;
	flex-shrink: 1;
	align-items: center;
	justify-content: space-between
}

.tnh-login .tnh-sign-in,
.tnh-login .tnh-sign-up {
	flex-grow: 1
}

.tnh-login .tnh-sign-in {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 28px;
	color: #222
}

.tnh-login .tnh-sign-in:hover {
	text-decoration: underline !important
}

.tnh-login .tnh-sign-up {
	min-width: 120px;
	color: #fff
}

.tnh-login .tnh-icon {
	font-size: 24px
}

.tnh-loggedin {
	display: flex;
	align-items: center;
	gap: 28px
}

.tnh-loggedin .tnh-icon {
	margin-right: 0;
	font-size: 24px
}

.tnh-loggedin .user-portrait {
	width: 36px;
	height: 36px;
	border-radius: 36px
}

.sign-in-content {
	max-height: calc(100vh - 20px);
	margin: -20px;
	padding: 20px;
	overflow-y: scroll
}

.sign-in-content-title,
.sign-in-content-button {
	margin-bottom: 20px
}

.ma-content {
	border-radius: 12px 5px 12px 12px !important
}

.tnh-ship-to {
	position: relative;
	display: flex;
	justify-content: center
}

.tnh-ship-to .ship-to-tips {
	position: absolute;
	border-radius: 16px 0 16px 16px;
	width: 360px;
	background: #fff;
	padding: 20px;
	top: 60px;
	right: 50%;
	z-index: 9999;
	box-shadow: 0 4px 12px #0003
}

.tnh-ship-to .ship-to-tips:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #fff;
	position: absolute;
	top: -19px;
	right: 0
}

.tnh-ship-to .ship-to-tips:after {
	content: "";
	z-index: -1;
	width: 1px;
	height: 5px;
	position: absolute;
	box-shadow: 0 4px 14px 3px #0003;
	top: -20px;
	right: 0;
	background-color: transparent;
	transform: translateY(3px)
}

.tnh-ship-to .ship-to-tips .ship-to-tips-container {
	display: flex;
	flex-direction: column
}

.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-title-container {
	display: flex;
	justify-content: space-between
}

.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-title-container>img {
	width: 24px;
	height: 24px
}

.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-title-container .ship-to-tips-title {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px
}

.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-desc {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.tnh-ship-to .tnh-current-country {
	display: flex;
	flex-direction: column
}

.tnh-ship-to .tnh-current-country .deliver-span {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.tnh-ship-to .tnh-country-flag {
	min-width: 23px;
	display: flex;
	align-items: center
}

.tnh-ship-to .tnh-country-flag img {
	height: 14px;
	margin-right: 4px
}

.tnh-ship-to .tnh-country-flag>span {
	font-size: 14px;
	font-weight: 600
}

.tnh-ship-to-content {
	width: 382px !important;
	padding: 0 !important
}

.tnh-ship-to-content .crated-header-ship-to {
	border-radius: 12px
}

.tnh-smart-assistant {
	display: flex
}

.tnh-smart-assistant>img {
	height: 36px
}

.tnh-no-scenes {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 108px;
	background-color: #00000080;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 108px
}

body {
	line-height: inherit;
	margin: 0
}

.the-new-header-wrapper {
	min-height: 109px
}

.the-new-header {
	position: relative;
	width: 100%;
	font-size: 14px;
	font-family: Inter, SF Pro Text, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei;
	line-height: 18px
}

.the-new-header *,
.the-new-header :after,
.the-new-header :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.the-new-header ul,
.the-new-header li {
	margin: 0;
	padding: 0;
	list-style: none
}

.the-new-header a {
	text-decoration: inherit
}

.the-new-header .header-content {
	min-width: 1200px;
	max-width: 1580px;
	margin: 0 auto;
	padding: 0 40px;
	font-size: 14px
}

.the-new-header .header-content .tnh-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 72px
}

.the-new-header .header-content .tnh-main .tnh-logo-content {
	display: flex
}

.the-new-header .header-content .tnh-main .tnh-searchbar {
	flex-grow: 1;
	flex-shrink: 1;
	margin: 0 40px
}

.the-new-header .header-content .tnh-main .functional {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 28px
}

.the-new-header .header-content .tnh-main .functional>div {
	cursor: pointer
}

@media (max-width: 1440) {
	.the-new-header .header-content .main .tnh-searchbar {
		margin: 0 28px !important
	}
}

@media (max-width: 1280px) {
	.hide-item {
		display: none
	}

	.the-new-header .header-content .main .tnh-searchbar {
		margin: 0 24px !important
	}

	.tnh-languages {
		width: auto !important
	}

	.sub-header .sub-header-main>div:last-child,
	.sub-header .sub-header-sub>div:last-child {
		padding-right: 0 !important
	}

	.functional .tnh-login .tnh-sign-in {
		margin-right: 24px !important
	}

	.tnh-languages {
		min-width: 30px
	}
}

.tnh-popup-root .functional-content {
	top: 60px !important;
	color: #222
}

@media (max-height: 550px) {

	.ship-to-content,
	.tnh-languages-overlay {
		max-height: calc(100vh - 180px) !important;
		overflow-y: scroll !important
	}
}

.cratedx-doc-playground-preview {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0
}

/* end style 26 */
/* start style 27 */
#the-new-footer .tnf-getapp {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	height: 40px
}

#the-new-footer .tnf-getapp img {
	height: 40px
}

#the-new-footer .tnf-getapp a {
	color: #222;
	text-decoration: underline !important;
	font-weight: 700
}

#the-new-footer .tnf-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-width: 1200px;
	padding: 20px 30px;
	background-color: #f4f4f4;
	color: #666
}

#the-new-footer .tnf-info a {
	color: #666 !important
}

#the-new-footer .tnf-info .group-links {
	display: flex;
	flex-direction: row;
	gap: 6px
}

#the-new-footer .tnf-info .group-links a:hover {
	text-decoration: underline
}

#the-new-footer .tnf-info .group-links a:before {
	padding-right: 6px;
	content: "|"
}

#the-new-footer .tnf-info .group-links a:first-child:before {
	content: ""
}

#the-new-footer .tnf-info .tnh-infos-content {
	display: flex;
	flex-direction: row;
	gap: 6px
}

#the-new-footer .tnf-info .tnh-infos-content a:hover>span {
	text-decoration: underline
}

#the-new-footer .tnf-info .tnh-infos-content a:before {
	padding-right: 6px;
	content: "\b7"
}

#the-new-footer .tnf-info .tnh-infos-content a:first-child:before {
	content: ""
}

#the-new-footer .tnf-info .legal,
#the-new-footer .tnf-info .legal a {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px
}

#the-new-footer .tnf-info .legal img {
	height: 20px
}

#the-new-footer .tnf-links {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

#the-new-footer .tnf-links>div {
	width: 200px
}

#the-new-footer .tnf-links ul,
#the-new-footer .tnf-links li {
	margin: 0;
	padding: 0;
	list-style: none
}

#the-new-footer .tnf-links li {
	display: block;
	margin-bottom: 20px
}

#the-new-footer .tnf-links a {
	color: #222
}

#the-new-footer .tnf-links a:hover {
	text-decoration: underline
}

#the-new-footer .tnf-links h3 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px
}

.payment-wrapper {
	display: flex;
	font-size: 14px;
	line-height: 28px;
	width: 100%;
	height: 100%
}

.payment-wrapper .payment-title {
	margin-inline-end: 12px;
	flex-shrink: 0
}

.payment-wrapper .payment-icon-box {
	display: flex;
	max-width: 350px;
	flex-shrink: 0;
	gap: 8px 4px
}

.payment-wrapper .payment-security-box {
	display: flex;
	flex-wrap: wrap;
	margin-inline-start: 16px;
	padding-inline-start: 16px;
	border-inline-start: 1px solid #dddddd;
	gap: 8px 4px
}

.payment-wrapper .payment-icon {
	height: 28px;
	width: auto
}

#the-new-footer .tnf-sns {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	height: 40px
}

#the-new-footer .tnf-sns img {
	height: 28px
}

#the-new-footer {
	content-visibility: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #ddd;
	background-color: #fff;
	color: #222;
	font-size: 14px;
	line-height: 18px
}

#the-new-footer .tnf-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	min-width: 1200px;
	max-width: 1500px;
	padding: 0 40px
}

#the-new-footer .tnf-content .sns-and-app {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

#the-new-footer a {
	outline: none
}

#the-new-footer a:link,
#the-new-footer a:visited,
#the-new-footer a:hover,
#the-new-footer a:active {
	color: #222;
	text-decoration: none
}

/* end style 27 */
/* start style 28 */
.mchp-absolute {
	position: absolute
}

.mchp-relative {
	position: relative
}

.mchp-bottom-0 {
	bottom: 0
}

.mchp-right-0 {
	right: 0
}

.mchp-z-\[1000\] {
	z-index: 1000
}

.mchp-mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mchp-my-0 {
	margin-bottom: 0;
	margin-top: 0
}

.mchp-mb-1 {
	margin-bottom: .25rem
}

.mchp-mb-10 {
	margin-bottom: 2.5rem
}

.mchp-mb-3 {
	margin-bottom: .75rem
}

.mchp-mr-4 {
	margin-right: 1rem
}

.mchp-mt-5 {
	margin-top: 1.25rem
}

.mchp-mt-7 {
	margin-top: 1.75rem
}

.mchp-line-clamp-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.mchp-flex {
	display: flex
}

.mchp-inline-flex {
	display: inline-flex
}

.mchp-h-7 {
	height: 1.75rem
}

.mchp-h-\[63px\] {
	height: 63px
}

.mchp-h-full {
	height: 100%
}

.mchp-w-\[63px\] {
	width: 63px
}

.mchp-w-full {
	width: 100%
}

.mchp-min-w-0 {
	min-width: 0
}

.mchp-cursor-pointer {
	cursor: pointer
}

.mchp-flex-wrap {
	flex-wrap: wrap
}

.mchp-items-center {
	align-items: center
}

.mchp-justify-between {
	justify-content: space-between
}

.mchp-gap-x-10 {
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem
}

.mchp-rounded {
	border-radius: .25rem
}

.mchp-rounded-full {
	border-radius: 9999px
}

.mchp-rounded-lg {
	border-radius: .5rem
}

.mchp-rounded-xl {
	border-radius: .75rem
}

.mchp-border-b {
	border-bottom-width: 1px
}

.mchp-bg-\[\#ebf9eb\] {
	--tw-bg-opacity: 1;
	background-color: #ebf9eb;
	background-color: rgba(235, 249, 235, var(--tw-bg-opacity, 1))
}

.mchp-bg-\[\#f8f8f8\] {
	--tw-bg-opacity: 1;
	background-color: #f8f8f8;
	background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1))
}

.mchp-bg-\[\#ff6600\] {
	--tw-bg-opacity: 1;
	background-color: #ff1900;
	background-color: rgba(255, 102, 0, var(--tw-bg-opacity, 1))
}

.mchp-bg-white {
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
}

.mchp-p-1 {
	padding: .25rem
}

.mchp-p-4 {
	padding: 1rem
}

.mchp-p-5 {
	padding: 1.25rem
}

.mchp-px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.mchp-py-3 {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.mchp-pb-5 {
	padding-bottom: 1.25rem
}

.mchp-pt-2 {
	padding-top: .5rem
}

.mchp-text-\[32px\] {
	font-size: 32px
}

.mchp-text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.mchp-text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.mchp-text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.mchp-font-bold {
	font-weight: 700
}

.mchp-font-semibold {
	font-weight: 600
}

.mchp-leading-10 {
	line-height: 2.5rem
}

.mchp-leading-5 {
	line-height: 1.25rem
}

.mchp-leading-\[18px\] {
	line-height: 18px
}

.mchp-leading-\[26px\] {
	line-height: 26px
}

.mchp-text-\[\#222\] {
	--tw-text-opacity: 1;
	color: #222;
	color: rgba(34, 34, 34, var(--tw-text-opacity, 1))
}

.mchp-text-\[\#22891f\] {
	--tw-text-opacity: 1;
	color: #22891f;
	color: rgba(34, 137, 31, var(--tw-text-opacity, 1))
}

.mchp-text-\[\#767676\] {
	--tw-text-opacity: 1;
	color: #767676;
	color: rgba(118, 118, 118, var(--tw-text-opacity, 1))
}

.mchp-text-\[\#848484\] {
	--tw-text-opacity: 1;
	color: #848484;
	color: rgba(132, 132, 132, var(--tw-text-opacity, 1))
}

.mchp-text-white {
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.responsive-main-width {
	width: 1200px
}

.responsive-content-width {
	width: 479px
}

.responsive-banner {
	height: 271px
}

@media (min-width:1201px) and (max-width:1599px) {
	.responsive-main-width {
		width: 1360px
	}

	.responsive-content-width {
		width: 639px
	}
}

@media (min-width:1600px) {
	.responsive-main-width {
		width: 1600px
	}

	.responsive-content-width {
		width: 879px
	}
}

.hover\:mchp-bg-\[\#e55b00\]:hover {
	--tw-bg-opacity: 1;
	background-color: #e55b00;
	background-color: rgba(229, 91, 0, var(--tw-bg-opacity, 1))
}

.hover\:mchp-underline:hover {
	text-decoration-line: underline
}

.hover\:mchp-no-underline:hover {
	text-decoration-line: none
}

/* end style 28 */
/* start style 29 */
.action-hover {
	color: #767676;
	cursor: pointer
}

.action-hover .iconfont {
	vertical-align: bottom;
	font-size: 16px;
	line-height: 18px;
	padding-left: 2px
}

.action-hover .iconfont:hover {
	fill: #979493;
	color: #979493
}

.action-hover .recommend-change {
	color: #222
}

.action-hover:hover,
.action-hover:hover span {
	color: #979493
}

.action-hover:hover .iconfont {
	fill: #979493
}

.HeaderSearch--headerSearch--2oK7UUi .HeaderSearch--searchInput--2ZB5ShU {
	border: 1px solid #222;
	height: 40px
}

.HeaderSearch--fullScreen--3OTHbuk {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px 0;
	background-color: #fff;
	border-bottom: 1px solid #dadada;
	z-index: 9201;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.HeaderSearch--fullSearchInput--1vBKfji {
	border: 1px solid #222;
	max-width: 812px;
	height: 64px !important;
	border-radius: 32px !important
}

.SearchInput--searchBar--1FLXggD {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #fff;
	padding: 4px 0 4px 24px;
	grid-gap: 12px;
	gap: 12px;
	isolation: isolate;
	width: 100%;
	height: 56px;
	border-radius: 28px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100
}

.SearchInput--dark--5YLKGF1 {
	border-width: 0
}

.SearchInput--placeholder--3wpb5sM {
	position: absolute;
	width: calc(100% - 180px);
	height: 36px;
	line-height: 36px;
	left: 24px;
	z-index: 1;
	font-size: 16px;
	color: #767676;
	cursor: text;
	overflow: hidden
}

.SearchInput--input--1l4PZ4g {
	width: 100%;
	color: #222;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 36px;
	font-size: 16px;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	background-image: none;
	background-color: transparent;
	z-index: 2
}

.SearchInput--btn--2bnvKtT {
	width: 148px;
	height: 100%;
	padding: 0 20px;
	grid-gap: 6px;
	gap: 6px;
	border-radius: 24px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: #5341e3;
	margin: 4px 4px 4px 0;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	z-index: 100
}

.SearchInput--disabled--39TM3IQ {
	opacity: .5;
	cursor: not-allowed
}

.SearchInput--searchBarHeader--39vxstA {
	position: relative
}

.SearchInput--searchBarHeader--39vxstA,
.SearchInput--searchBarHeader--39vxstA .ife-header-search-bar.header-search {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.SearchInput--searchBarHeader--39vxstA .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner {
	max-width: 812px;
	height: 64px;
	border-radius: 32px
}

.SearchInput--searchBarHeader--39vxstA .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner .fy23-icbu-search-bar-inner-button {
	height: 56px;
	border-radius: 28px
}

.SearchInput--shadeList--162K89m {
	-webkit-transition: .5s ease-in;
	transition: .5s ease-in
}

.SearchInput--textEllipsis--Px2qutt {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.PanelNoQuery--popup--3V9yDAO {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin-top: 2px;
	z-index: 2;
	-webkit-transition: all .2s cubic-bezier(.075, .82, .165, 1);
	transition: all .2s cubic-bezier(.075, .82, .165, 1);
	-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
	background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
	padding: 20px 0;
	font-size: 15px
}

.PanelNoQuery--wrap--2P9RfRL {
	width: 100%;
	color: #222;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-weight: 400;
	line-height: 21px;
	grid-gap: 20px;
	gap: 20px
}

.PanelNoQuery--wrap--2P9RfRL,
.SectionHistory--header--oj94NAF {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.SectionHistory--header--oj94NAF {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
	padding: 0 28px
}

.SectionHistory--title--2UlZwDj {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -.004em
}

.SectionHistory--list--1qvoGj3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 4px;
	gap: 4px
}

.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI {
	grid-gap: 12px;
	gap: 12px;
	height: 40px;
	padding: 0 28px
}

.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI,
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI .SectionHistory--icon--57KGom0 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI .SectionHistory--icon--57KGom0 {
	border-radius: 50%;
	width: 32px;
	height: 32px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #f4f4f4
}

.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI .SectionHistory--text--3tB1aFx {
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI.SectionHistory--active--fEc8DBV,
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI:hover {
	background-color: #f4f4f4;
	cursor: pointer;
	color: inherit;
	text-decoration: none
}

.SectionHistory--list--1qvoGj3 .SectionHistory--more--1Q2Ki_t {
	font-size: 14px;
	line-height: 18px;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	color: #767676;
	grid-gap: 4px;
	gap: 4px
}

.SectionHistory--list--1qvoGj3 .SectionHistory--more--1Q2Ki_t,
.SectionRecommend--header--18DAjUu {
	padding: 0 28px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.SectionRecommend--header--18DAjUu {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

.SectionRecommend--title--3Z1EqYe {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -.004em
}

.SectionRecommend--action--1u1l4rT {
	font-size: 14px;
	line-height: 18px;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	color: #767676;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.SectionRecommend--action--1u1l4rT,
.SectionRecommend--list--2Q_MMzL {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 4px;
	gap: 4px
}

.SectionRecommend--list--2Q_MMzL {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O {
	grid-gap: 12px;
	gap: 12px;
	height: 40px;
	padding: 0 28px
}

.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O,
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O .SectionRecommend--icon--3VTCl9j {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O .SectionRecommend--icon--3VTCl9j {
	border-radius: 50%;
	width: 32px;
	height: 32px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #f4f4f4
}

.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O .SectionRecommend--text--3LTlNon {
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O.SectionRecommend--active--xKnDglW,
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O:hover {
	background-color: #f4f4f4;
	cursor: pointer;
	color: inherit;
	text-decoration: none
}

.SectionRecommend--list--2Q_MMzL .SectionRecommend--dark--1y9LFRs {
	color: #fff
}

.SectionRecommend--list--2Q_MMzL a {
	text-decoration: none !important;
	color: #222
}

.PanelQueryAssociation--popup--d_v4S6j {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin-top: 2px;
	z-index: 2;
	-webkit-transition: all .2s cubic-bezier(.075, .82, .165, 1);
	transition: all .2s cubic-bezier(.075, .82, .165, 1);
	-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
	background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
	padding: 10px 0;
	font-size: 15px
}

.PanelQueryAssociation--list--cjP4F2E {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 8px;
	gap: 8px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	padding: 0 28px
}

.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe .PanelQueryAssociation--query--1no5Let {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe.PanelQueryAssociation--active--R95MmeE,
.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe:hover {
	background-color: #f4f4f4;
	cursor: pointer;
	color: inherit;
	text-decoration: none
}

.AdBrandAssociation--brand--Zs3y-mA {
	padding: 4px 28px
}

.AdBrandAssociation--brand--Zs3y-mA .AdBrandAssociation--img--1tFAJSm {
	height: 24px;
	margin-right: 8px;
	border-radius: 4px
}

.vc-htmlTemplateContainer .template-hover-show-arrow {
	display: none
}

.vc-htmlTemplateContainer:hover .template-hover-show-arrow {
	display: block
}

.vc-htmlTemplateContainer:hover .contactsupplier-template-hover {
	color: #fff;
	background-color: #ff1900;
	border: 1px solid #ff1900
}

.vc-htmlTemplateContainer:hover .contactsupplier-template-hover g {
	fill: #fff
}

.img-hover-bigger:hover,
.vc-htmlTemplateContainer:hover .img-template-hover-bigger {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: transform 1.25s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1)
}

.base-tag-items {
	line-height: 16px;
	font-size: 12px;
	background-color: rgba(255, 102, 0, .1);
	border-radius: 2px;
	padding: 0 4px
}

.base-tag-items,
.base-tag-new-product {
	height: 16px;
	margin: 4px 4px 4px 0
}

.base-tag-new-certificate {
	height: 18px;
	margin: 4px 4px 4px 0
}

.inline-block {
	display: inline-block
}

.hover-underline:hover {
	text-decoration: underline
}

.hover-color-333:hover {
	color: #333 !important
}

.hover-color-f60:hover {
	color: #ff1900 !important
}

.hover-color-D04A0A:hover {
	color: #979493 !important
}

.unlink:hover {
	text-decoration: none
}

.base-top-icon {
	margin-right: 4px
}

.base-text-fit-item {
	width: auto !important;
	position: absolute !important;
	visibility: hidden !important
}

.base-text-item {
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	display: block
}

.text-decoration-none {
	text-decoration: none
}

.ads-creative-base-customize-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.ads-creative-base-customize-icon-arrow {
	width: 8px;
	height: 8px;
	border-top: 1px solid #999;
	border-right: 1px solid #999
}

.ads-creative-base-customize-icon-arrow.right {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ads-creative-base-customize-icon-arrow.left {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg)
}

.ads-creative-base-customize-icon-video {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, .4);
	margin-left: 4px;
	pointer-events: none
}

.ads-creative-img-mask-container {
	position: relative;
	overflow: hidden
}

.ads-creative-img-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .04);
	pointer-events: none
}

.ads-creative-base-button {
	cursor: pointer;
	padding: 2px 5px
}

.BottomRecommend--recommend--3-_3Q8H {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 36px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 16px;
	padding: 0;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}

.BottomRecommend--label--3ykZM7b {
	white-space: nowrap;
	font-size: 16px
}

.BottomRecommend--description--1CeDcRF {
	text-align: center;
	margin-top: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 4px;
	gap: 4px;
	font-size: 14px
}

.BottomRecommend--keyword--7BxIq9a {
	border-radius: 32px;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0 10px;
	padding: 0 24px;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	background: hsla(0, 0%, 100%, .2)
}

.BottomRecommend--dark--Pk7vs-g,
.BottomRecommend--dark--Pk7vs-g a {
	color: #fff
}

.BottomRecommend--nodark--2COGNZs,
.BottomRecommend--nodark--2COGNZs a {
	color: #222
}

.BottomRecommend--terms--2T_r2oZ {
	font-size: 14px;
	margin-left: 8px;
	text-decoration: underline
}

.ProBizVersionSearchInput--searchBar--1kazYxC {
	position: relative;
	background-color: #fff;
	isolation: isolate;
	width: 100%;
	border-radius: 20px;
	z-index: 100
}

.ProBizVersionSearchInput--proBizVersion--wBB1YhW {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	height: 114px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.ProBizVersionSearchInput--proBizVersion--wBB1YhW .ProBizVersionSearchInput--inputWrapper--W2zIJzp {
	width: 100%;
	margin-bottom: 12px
}

.ProBizVersionSearchInput--proBizVersion--wBB1YhW .ProBizVersionSearchInput--actionWrapper--o8zkj-u {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.ProBizVersionSearchInput--proBizVersion--wBB1YhW .ProBizVersionSearchInput--actionWrapper--o8zkj-u .ProBizVersionSearchInput--btn--3UB92Gu {
	padding: 0 24px;
	width: auto;
	height: 48px;
	border-radius: 100px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border: 0 solid transparent;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 8px;
	gap: 8px;
	background: -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, .02)), -webkit-linear-gradient(353deg, rgba(255, 81, 102, .77) -4.06%, rgba(189, 0, 255, .77) 18.44%, rgba(128, 0, 255, .81) 39.3%, rgba(80, 0, 255, .85) 58.97%, rgba(23, 4, 231, .77) 80.11%, rgba(16, 0, 199, .81) 100.54%), #7e83ff;
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, .02)), linear-gradient(97deg, rgba(255, 81, 102, .77) -4.06%, rgba(189, 0, 255, .77) 18.44%, rgba(128, 0, 255, .81) 39.3%, rgba(80, 0, 255, .85) 58.97%, rgba(23, 4, 231, .77) 80.11%, rgba(16, 0, 199, .81) 100.54%), #7e83ff;
	-webkit-box-shadow: 0 0 100px 0 hsla(0, 0%, 100%, .06) inset;
	box-shadow: inset 0 0 100px 0 hsla(0, 0%, 100%, .06)
}

.ProBizVersionSearchInput--dark--36rguqw {
	border-width: 0
}

.ProBizVersionSearchInput--placeholder--1U_b4D_ {
	position: absolute;
	width: calc(100% - 32px);
	height: 22px;
	line-height: 22px;
	left: 16px;
	z-index: 1;
	font-size: 16px;
	color: #767676;
	cursor: text;
	overflow: hidden
}

.ProBizVersionSearchInput--input--ugrBreQ {
	position: relative;
	width: 100%;
	color: #222;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 22px;
	font-size: 16px;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	background-image: none;
	background-color: transparent;
	z-index: 2
}

.ProBizVersionSearchInput--disabled--KYy8XeL {
	opacity: .5;
	cursor: not-allowed
}

.ProBizVersionSearchInput--searchBarHeader--h6bTM7h {
	position: relative
}

.ProBizVersionSearchInput--searchBarHeader--h6bTM7h,
.ProBizVersionSearchInput--searchBarHeader--h6bTM7h .ife-header-search-bar.header-search {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ProBizVersionSearchInput--searchBarHeader--h6bTM7h .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner {
	max-width: 812px;
	height: 64px;
	border-radius: 32px
}

.ProBizVersionSearchInput--searchBarHeader--h6bTM7h .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner .fy23-icbu-search-bar-inner-button {
	height: 56px;
	border-radius: 28px
}

.ProBizVersionSearchInput--shadeList--lyYcyR4 {
	-webkit-transition: .5s ease-in;
	transition: .5s ease-in
}

.ProBizVersionSearchInput--textEllipsis--g0Hy6Vf {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.ProBizVersionBottomRecommend--bottomRecommendWrapper--2utqgss {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 20px;
	gap: 20px;
	margin-top: 12px;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500
}

.ProBizVersionBottomRecommend--recommend--1C-u7g2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 18px;
	padding: 0;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}

.ProBizVersionBottomRecommend--keyword--34zXpqL,
.ProBizVersionBottomRecommend--label--1vy5T5V {
	margin-right: 16px;
	color: #fff
}

.ProBizVersionBottomRecommend--keyword--34zXpqL {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline
}

.ProBizVersionBottomRecommend--description--1Llq7S5 {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 4px;
	gap: 4px
}

.ProBizVersionBottomRecommend--description--1Llq7S5 img {
	width: 16px;
	height: 16px
}

.ProBizVersionBottomRecommend--terms--1KkaacW {
	-webkit-text-decoration-line: none;
	text-decoration-line: none;
	font-weight: 400;
	color: #fff
}

/* end style 29 */
/* start style 30 */
.header-category-panel .hc-level1-cate-unit {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 50px;
	background-color: #ffffff;
	cursor: pointer;
}

.header-category-panel .hc-level1-cate-unit .img {
	flex-shrink: 0;
	margin-inline-start: 16px;
	height: 28px;
	width: 28px;
}

.header-category-panel .hc-level1-cate-unit .title {
	margin: 0 16px 0 8px;
	font-size: 16px;
	line-height: 22px;
	color: #222;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.header-category-panel .hc-level1-cate-unit:hover {
	background-color: #f4f4f4;
}

.header-category-panel .hc-level1-cate-unit:hover .title {
	font-weight: 600;
}

.header-category-panel .hc-level1-cate-unit.active {
	background-color: #f4f4f4;
	border-inline-start: 4px solid #222;
	box-sizing: border-box;
}

.header-category-panel .hc-level1-cate-unit.active .title {
	font-weight: 600;
}

.header-category-panel .hc-level1-cate-unit.active .img {
	margin-inline-start: 12px;
}

[dir="rtl"] .header-category-panel .hc-level1-cate-unit .img {
	transform: scaleX(-1);
}

.header-category-panel .hc-level1-panel {
	width: 360px;
	background-color: #fff;
	border-inline-end: 1px solid #ddd;
	flex-shrink: 0;
}

.header-category-panel .hc-level1-panel .level1-panel-list {
	height: 100%;
	overflow-y: auto;
	scrollbar-gutter: stable;
	overflow-y: overlay;
}

.header-category-panel .hc-level1-cate-unit {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 50px;
	background-color: #ffffff;
	cursor: pointer;
}

.header-category-panel .hc-level1-cate-unit .img {
	flex-shrink: 0;
	margin-inline-start: 16px;
	height: 28px;
	width: 28px;
}

.header-category-panel .hc-level1-cate-unit .title {
	margin: 0 16px 0 8px;
	font-size: 16px;
	line-height: 22px;
	color: #222;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.header-category-panel .hc-level1-cate-unit:hover {
	background-color: #f4f4f4;
}

.header-category-panel .hc-level1-cate-unit:hover .title {
	font-weight: 600;
}

.header-category-panel .hc-level1-cate-unit.active {
	background-color: #f4f4f4;
	border-inline-start: 4px solid #222;
	box-sizing: border-box;
}

.header-category-panel .hc-level1-cate-unit.active .title {
	font-weight: 600;
}

.header-category-panel .hc-level1-cate-unit.active .img {
	margin-inline-start: 12px;
}

[dir="rtl"] .header-category-panel .hc-level1-cate-unit .img {
	transform: scaleX(-1);
}

.header-category-panel .hc-leaf-item {
	width: 122px;
	height: 150px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}

.header-category-panel .hc-leaf-item .product-wrapper {
	position: relative;
	margin: 0 12px;
	width: 98px;
	height: 98px;
	border-radius: 999px;
	overflow: hidden;
}

.header-category-panel .hc-leaf-item .product-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.04);
}

.header-category-panel .hc-leaf-item .product-wrapper .product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-category-panel .hc-leaf-item .icon {
	position: absolute;
	top: 4px;
	inset-inline-end: 12px;
	width: 24px;
	height: 24px;
	z-index: 1;
}

.header-category-panel .hc-leaf-item .title {
	margin-top: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #222;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.header-category-panel .hc-leaf-item:hover .product-wrapper {
	box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}

.header-category-panel .hc-leaf-item:hover .product-wrapper .product-img {
	transform: scale(1.2);
}

.header-category-panel .hc-leaf-item:hover .title {
	font-weight: 500;
}

[dir="rtl"] .header-category-panel .hc-leaf-item .icon {
	transform: scaleX(-1);
}

.header-category-panel a:link,
.header-category-panel a:visited,
.header-category-panel a:hover,
.header-category-panel a:active {
	text-decoration: none;
	color: inherit;
}

.header-category-panel .hc-level3-cate-unit {
	padding: 0 24px;
	box-sizing: border-box;
}

.header-category-panel .hc-level3-cate-unit .category-title-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.header-category-panel .hc-level3-cate-unit .category-title-container .category-title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #222;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.header-category-panel .hc-level3-cate-unit .category-title-container .category-link {
	font-size: 14px;
	line-height: 20px;
	color: #222;
	text-decoration: underline;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.header-category-panel .hc-level3-cate-unit .leaf-container {
	margin-bottom: 20px;
	overflow: hidden;
}

.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 150px;
	width: 100%;
	overflow: hidden;
}

.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row.less-leaves {
	flex-direction: row;
}

.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row .leaf-item-empty {
	width: 122px;
	height: 150px;
}

.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row.second-row {
	margin-top: 24px;
}

.header-category-panel .level3-panel-unit .leaf-container .leaf-item .title {
	height: 44px;
}

.header-category-panel .hc-level2-cate-unit {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	box-sizing: border-box;
	height: 50px;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #222;
	cursor: pointer;
}

.header-category-panel .hc-level2-cate-unit .title {
	margin-inline-start: 16px;
	max-width: 328px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.header-category-panel .hc-level2-cate-unit:hover {
	background-color: #f4f4f4;
}

.header-category-panel .hc-level2-cate-unit:hover .title {
	font-weight: 600;
}

.header-category-panel .hc-level2-cate-unit.active {
	background-color: #fff;
	border-inline-start: 4px solid #222;
}

.header-category-panel .hc-level2-cate-unit.active .title {
	font-weight: 600;
	margin-inline-start: 12px;
}

.header-category-panel .hc-tree-panel-container {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	transform: translateX(100%);
	transition: transform 0.3s ease;
	z-index: 1;
}

.header-category-panel .hc-tree-panel-container.hc-panel-enter {
	transform: translateX(0);
}

.header-category-panel .hc-tree-panel-container .top-first-category-area {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: 3px 0 23px 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

.header-category-panel .hc-tree-panel-container .top-first-category-area .back-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.header-category-panel .hc-tree-panel-container .top-first-category-area .title {
	flex-shrink: 0;
	margin-inline-start: 4px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	display: -webkit-box;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.header-category-panel .hc-tree-panel-container .content {
	display: flex;
	height: calc(100% - 68px);
}

.header-category-panel .hc-tree-panel-container .content .level2-list {
	box-sizing: border-box;
	flex-shrink: 0;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 360px;
	overflow-y: auto;
	scrollbar-gutter: stable;
	overflow-y: overlay;
	border-inline-end: 1px solid #ddd;
}

.header-category-panel .hc-tree-panel-container .content .level2-placeholder {
	margin: 14px 16px;
	height: 22px;
	border-radius: 8px;
	display: flex;
	width: 228px;
	overflow: hidden;
	align-items: center;
	box-sizing: border-box;
	background-color: #e0e0e0;
}

.header-category-panel .hc-tree-panel-container .content .level3-list {
	flex: 1;
	box-sizing: border-box;
	height: 100%;
	overflow-y: auto;
	scrollbar-gutter: stable;
	padding: 0 20px;
}

.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit {
	box-sizing: border-box;
	width: 100%;
	margin-top: 16px;
}

.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit .category-title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #222;
	margin-bottom: 20px;
}

.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit .leaf-container {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 20px;
}

.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit .leaf-container .leaf-item {
	flex: 0 0 120px;
}

.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container {
	max-width: 1140px;
}

.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .title-placeholder {
	margin: 16px 0 0 24px;
	width: 40%;
	height: 26px;
	background-color: #f4f4f4;
}

.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder {
	margin: 16px 0 0 24px;
	display: flex;
	gap: 20px 24px;
	flex-wrap: wrap;
	overflow: hidden;
}

.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder .level3-placeholder-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 122px;
	height: 150px;
}

.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder .level3-placeholder-item .placeholder-img {
	width: 98px;
	height: 98px;
	border-radius: 999px;
	background-color: #f4f4f4;
	margin: 0 12px;
}

.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder .level3-placeholder-item .placeholder-title {
	margin-top: 16px;
	width: 122px;
	height: 44px;
	background-color: #f4f4f4;
}

[dir="rtl"] .header-category-panel .hc-tree-panel-container .top-first-category-area .back-icon {
	transform: scaleX(-1);
}

.header-category-panel {
	box-sizing: border-box;
	margin-top: -20px;
	position: relative;
}

.header-category-panel .modal-panel-container {
	display: flex;
	overflow: hidden;
	position: relative;
	/* ??40 + header??112 + ???????60 + header????100 */
	height: calc(100% - 100px);
	max-height: calc(100vh - 312px);
}

.header-category-panel .modal-panel-container .hc-level1-panel {
	transition: opacity 0.3s ease;
}

.header-category-panel .modal-panel-container .hc-level3-panel {
	flex: 1;
	background-color: #fff;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}

.header-category-panel .modal-panel-container .hc-level3-panel .hc-level3-list {
	box-sizing: border-box;
	overflow-y: auto;
	scrollbar-gutter: stable;
	height: 100%;
}

.header-category-panel .modal-panel-container .hc-level3-panel .level3-panel-unit:first-child {
	margin-top: 12px;
}

.header-category-panel .modal-panel-container .hc-level3-panel .level3-panel-unit {
	height: 374px;
	margin-top: 20px;
}

.header-category-panel .modal-panel-container.panel-fade .hc-level1-panel,
.header-category-panel .modal-panel-container.panel-fade .hc-level3-panel {
	opacity: 0.1;
}

.header-category-panel .modal-panel-container.panel-fade .hc-level1-panel .hc-level3-list,
.header-category-panel .modal-panel-container.panel-fade .hc-level3-panel .hc-level3-list {
	overflow: hidden;
}

.header-category-panel a,
.header-category-panel a:hover,
.header-category-panel a:link,
.header-category-panel a:visited {
	color: #333;
}

/* end style 30 */
/* start style 31 */
.header-shopping-cart {
	color: #222222;
	max-height: 680px !important;
	overflow: hidden;
	border-radius: 12px;
}

.header-shopping-cart .header-shopping-content {
	max-height: 60vh !important;
	display: flex;
	flex-direction: column;
}

.header-shopping-cart .shopping-cart-tltle {
	color: #000000 !important;
	font-weight: 700;
	font-size: 16px;
	padding: 20px 20px 10px 20px;
}

.header-shopping-cart .shopping-cart-tltle .success-tips {
	display: flex;
	flex-direction: row;
}

.header-shopping-cart .shopping-cart-tltle .success-tips img {
	height: 20px;
	inline-size: 20px;
	margin-inline-end: 4px;
}

.header-shopping-cart .shopping-cart-list {
	padding: 0px 20px 20px 20px;
	overflow: auto !important;
	max-height: 560px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item:nth-child(1) {
	margin-top: 16px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item {
	margin-top: 26px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .company-name {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .company-name:hover {
	cursor: pointer !important;
	text-decoration: underline !important;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid {
	pointer-events: none;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid .product-img {
	opacity: 0.5;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid .product-name {
	opacity: 0.5;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid .product-item-invalid-desc {
	margin-top: 4px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item {
	margin-top: 18px;
	display: flex;
	flex-direction: row;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-img {
	display: block;
	position: relative;
	inline-size: 58px;
	height: 58px;
	flex-shrink: 0;
	border-radius: 4px;
	overflow: hidden;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-img img {
	inline-size: 58px;
	height: 58px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-img::after {
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	inline-size: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.04);
	content: "";
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-item:hover {
	cursor: pointer !important;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content {
	margin-inline-start: 12px;
	inline-size: 100%;
	max-inline-size: 250px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content .semi-managed-img {
	display: block;
	height: 13px;
	margin-bottom: 4px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content .product-name {
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 400;
	color: #222222;
	font-size: 14px;
	line-height: 18px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content .product-name:hover {
	cursor: pointer !important;
	text-decoration: underline !important;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid {
	pointer-events: none;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-img {
	opacity: 0.5;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-name {
	opacity: 0.5;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-customization {
	opacity: 0.5;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-item-invalid-desc {
	margin-top: 4px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item {
	margin-top: 12px;
	background-color: rgba(246, 246, 246, 0.9);
	padding: 8px 12px 8px 12px;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-img {
	overflow: hidden;
	flex-shrink: 0;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-img img {
	height: 28px;
	inline-size: 28px;
	border-radius: 2px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content {
	margin-inline-start: 12px;
	inline-size: 100%;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-name {
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #666666 !important;
	font-weight: 400;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-customization {
	margin-top: 4px;
	display: flex;
	flex-direction: row;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-customization img {
	inline-size: 16px;
	height: 16px;
	margin-inline-end: 4px;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-customization span {
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #666666 !important;
	font-weight: 400;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount {
	margin-top: 4px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #222222;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount .sku-price {
	font-weight: 600;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount .sku-amount {
	font-weight: 400;
	display: flex;
	flex-direction: row;
}

.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount .sku-amount .sku-amount-quantity {
	margin-inline-start: 4px;
}

.header-shopping-cart .shopping-cart-list .empty-cart {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.header-shopping-cart .shopping-cart-list .empty-cart img {
	height: 69px;
	inline-size: 83px;
}

.header-shopping-cart .shopping-cart-list .empty-cart .desc {
	margin-top: 12px;
	font-weight: 600;
	font-size: 16px;
}

.header-shopping-cart .shopping-cart-actions {
	inline-size: 100%;
	padding: 20px;
	border-end-start-radius: 12px;
	border-end-end-radius: 12px;
	box-shadow: 0px -2px 6px 2px rgba(0, 0, 0, 0.12);
}

.header-shopping-cart .shopping-cart-actions .cart-action {
	background: #FF6600;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	padding: 9px;
	display: block;
	inline-size: 100%;
	color: #FFFFFF !important;
	border-radius: 65px;
	text-align: center;
}

.header-shopping-cart .shopping-cart-actions-empty {
	box-shadow: none;
	padding-top: 0px;
}

.header-shopping-cart .shopping-cart-actions-empty .cart-action {
	background: #FFFFFF;
	color: #222222 !important;
	border: 1px solid #222222;
}

.header-shopping-cart .skeleton {
	box-sizing: border-box;
	overflow-y: auto;
}

.header-shopping-cart .skeleton .skeleton-block {
	margin-top: 20px;
	height: fit-content;
	background: #fff;
	display: flex;
	flex-direction: row;
}

.header-shopping-cart .skeleton .skeleton-block .gray-image {
	height: 58px;
	inline-size: 58px;
	border-radius: 8px;
	background-color: #f4f4f4;
}

.header-shopping-cart .skeleton .skeleton-block .skeleton-product-main {
	inline-size: 100%;
	margin-inline-start: 12px;
}

.header-shopping-cart .skeleton .skeleton-block .gray-title {
	margin-bottom: 12px;
	height: 18px;
	border-radius: 4px;
	background-color: #f4f4f4;
}

.header-shopping-cart .skeleton .skeleton-block .gray-sku {
	height: 58px;
	border-radius: 4px;
	background-color: #f4f4f4;
}

.header-cart-loading-container {
	position: relative;
	inline-size: 100%;
	overflow: hidden;
}

.header-cart-block {
	position: absolute;
	top: -50%;
	inset-inline-start: -230px;
	inline-size: 35px;
	height: 200%;
	background-color: #dddddd;
	transform: rotate(30deg);
	opacity: 0.3;
	box-shadow: 0 0 50px 35px rgb(221, 221, 221);
	/* Simulate Feathering effect */
	filter: blur(20px);
	animation: moveHeaderCartBlock 3s linear infinite;
	animation-timing-function: cubic-bezier(0, 0, 0.75, 0.75);
}

.header-cart-block:nth-child(2) {
	animation-delay: 1s;
}

.header-cart-block:nth-child(3) {
	animation-delay: 2s;
}

@keyframes moveHeaderCartBlock {
	0% {
		transform: translateX(0) rotate(30deg);
	}

	100% {
		transform: translateX(1000px) rotate(30deg);
	}
}

/* end style 31 */
/* start style 32 */
.home-search-dragging-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	padding: 16px;
	position: absolute;
	top: 0;
	z-index: 11;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	background: #fff;
	border: 1px solid #ddd;
	border: 1px solid var(--line-colors-dddddd, #ddd);
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	justify-content: center;
	width: 100%
}

[dir=rtl] .home-search-dragging-panel {
	left: auto;
	right: 0
}

.home-search-dragging-panel .home-search-dragging-panel-inner {
	border-radius: 12px;
	height: 100%;
	width: 100%;
	grid-gap: 17px;
	gap: 17px
}

.home-search-dragging-panel .home-search-dragging-panel-inner,
.home-search-dragging-panel .home-search-dragging-panel-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.home-search-dragging-panel .home-search-dragging-panel-text {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	background-color: #f8f8f8;
	border: 1px dashed #767676;
	border-radius: 12px;
	height: 235px;
	justify-content: center
}

.home-search-dragging-panel .home-search-dragging-icon {
	height: 52px;
	width: 78px
}

.home-search-dragging-panel .home-search-dragging-title {
	color: #ff1900;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	margin-top: 12px
}

.home-search-dragging-panel .home-search-dragging-description {
	color: #222;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	margin-top: 2px
}

.home-search-dragging-panel-error {
	padding: 16px;
	grid-gap: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	background: #fff1f1;
	border-radius: 12px;
	justify-content: space-between
}

.home-search-dragging-panel-error .home-search-dragging-error-icon,
.home-search-dragging-panel-error .home-search-dragging-panel-error-close {
	-webkit-flex-shrink: 0;
	height: 24px;
	width: 24px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.home-search-dragging-panel-error .home-search-dragging-panel-error-close {
	cursor: pointer
}

.home-search-dragging-panel-error .home-search-dragging-panel-error-content {
	-webkit-box-flex: 1;
	color: #222;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 400;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 8px;
	gap: 8px
}

.home-search-dragging-panel-error .home-search-dragging-panel-error-content .home-search-dragging-panel-error-title {
	font-size: 20px;
	line-height: 26px
}

.home-search-dragging-panel-error .home-search-dragging-panel-error-content .home-search-dragging-panel-error-description {
	font-size: 16px;
	line-height: 22px
}

.image-multi-entity-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	grid-gap: 12px;
	gap: 12px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-x: scroll;
	width: 100%
}

.image-multi-entity-list>div {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.image-multi-entity-split-line {
	background-color: #e1e1e1;
	border-radius: 2px;
	height: 64px;
	margin: 0 4px;
	width: 1px
}

.image-multi-entity-clear {
	border-radius: 8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 92px;
	width: 96px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 4px;
	background-color: #f4f4f4;
	color: #222;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	gap: 4px;
	line-height: 16px;
	text-align: center
}

.image-multi-entity-clear:hover {
	background-color: #fff1f1
}

.pc-search-education-tip.image-multi-entity-list-education-tip {
	left: 141px;
	position: absolute;
	top: 124px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1000
}

[dir=rtl] .pc-search-education-tip.image-multi-entity-list-education-tip {
	left: auto;
	right: 141px
}

.pc-search-education-tip.image-multi-entity-list-education-tip.pc-search-education-tip_arrow_bottom:after {
	left: 0 !important;
	margin-left: 35px !important
}

[dir=rtl] .pc-search-education-tip.image-multi-entity-list-education-tip.pc-search-education-tip_arrow_bottom:after {
	left: auto !important;
	margin-left: 0 !important;
	margin-right: 35px !important;
	right: 0 !important
}

.image-multi-origin {
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	height: 92px;
	overflow: hidden;
	position: relative;
	width: 92px
}

.image-multi-origin.unchecked {
	border: 1px solid #ddd
}

.image-multi-origin.unchecked:after {
	background: hsla(0, 0%, 100%, .6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

[dir=rtl] .image-multi-origin.unchecked:after {
	left: auto;
	right: 0
}

.image-multi-origin.unchecked:hover {
	border: 1px solid #767676
}

.image-multi-origin.unchecked:hover:after {
	display: none
}

.image-multi-origin.checked {
	border: 2px solid #222;
	padding: 0
}

.image-multi-origin-image {
	height: 90px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 90px
}

.image-multi-origin-radio {
	position: absolute;
	right: 4px;
	top: 4px
}

[dir=rtl] .image-multi-origin-radio {
	left: 4px;
	right: auto
}

.image-multi-origin.unchecked .image-multi-origin-radio {
	display: none
}

.image-multi-origin.unchecked:hover .image-multi-origin-radio {
	display: inline-block
}

.image-multi-origin .image-multi-origin-origin-crop {
	display: none
}

.image-multi-origin:hover .image-multi-origin-origin-crop {
	display: block
}

.image-multi-origin-origin-crop {
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	height: 28px;
	left: 0;
	line-height: 28px;
	position: absolute;
	text-align: center;
	width: 100%
}

[dir=rtl] .image-multi-origin-origin-crop {
	left: auto;
	right: 0
}

.image-multi-origin.loading .image-multi-origin-loading-mask {
	background-color: rgba(0, 0, 0, .6);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

[dir=rtl] .image-multi-origin.loading .image-multi-origin-loading-mask {
	left: auto;
	right: 0
}

.image-multi-origin.loading .image-multi-origin-loading-mask img {
	height: 32px;
	width: 32px
}

.image-multi-origin-delete {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 0 0 0 8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 28px;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

[dir=rtl] .image-multi-origin-delete {
	border-radius: 0 0 8px 0;
	left: 0;
	right: auto
}

.image-multi-origin-delete img {
	height: 20px;
	width: 20px
}

.image-multi-origin.single-region {
	border: 1px solid #ddd
}

.image-multi-origin.single-region .image-multi-origin-delete {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.image-multi-origin.single-region .image-multi-origin-radio {
	display: none
}

.image-multi-origin.single-region:hover {
	border: 1px solid #222
}

.image-multi-origin.single-region:hover .image-multi-origin-delete {
	background-color: rgba(0, 0, 0, .8);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.image-multi-origin.single-region:hover .image-multi-origin-radio {
	display: none
}

.image-multi-radio {
	border-radius: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 24px;
	width: 24px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.image-multi-radio,
.image-multi-radio.image-multi-radio-checked {
	background-color: #fff
}

.image-multi-radio.image-multi-radio-unchecked {
	background-color: #fff;
	border: 1px solid #767676
}

.image-multi-radio .image-multi-checked-icon {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.image-multi-entity-upload-fail,
.image-multi-radio .image-multi-checked-icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.image-multi-entity-upload-fail {
	background: hsla(0, 0%, 100%, .95);
	border-radius: 8px;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	left: 50%;
	padding: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1000;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 16px;
	color: #222;
	font-size: 16px;
	gap: 16px;
	line-height: 22px
}

[dir=rtl] .image-multi-entity-upload-fail {
	left: auto;
	right: 50%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.image-multi-entity-upload-fail .fail-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 8px;
	gap: 8px
}

.image-multi-entity-upload-fail img {
	height: 24px;
	width: 24px
}

.image-multi-entity-upload-fail .try-again {
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline
}

.image-multi-entity-upload-fail .try-again:hover {
	text-decoration: underline
}

.image-multi-entity-upload-fail .close-icon {
	cursor: pointer
}

.image-multi-entity-item {
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	height: 92px;
	overflow: hidden;
	position: relative;
	width: 92px
}

.image-multi-entity-item.unchecked {
	border: 1px solid #ddd;
	position: relative
}

.image-multi-entity-item.unchecked .image-multi-entity-item-radio {
	display: none
}

.image-multi-entity-item.unchecked:after {
	background: hsla(0, 0%, 100%, .6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

[dir=rtl] .image-multi-entity-item.unchecked:after {
	left: auto;
	right: 0
}

.image-multi-entity-item.unchecked:hover {
	border: 1px solid #767676
}

.image-multi-entity-item.unchecked:hover .image-multi-entity-item-radio {
	display: inline-block
}

.image-multi-entity-item.unchecked:hover:after {
	display: none
}

.image-multi-entity-item.checked {
	border: 2px solid #222;
	padding: 0
}

.image-multi-entity-item.checked .image-multi-entity-item-image {
	height: 88px;
	width: 88px
}

.image-multi-entity-item-image {
	height: 90px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 90px
}

.image-multi-entity-item-radio {
	position: absolute;
	right: 4px;
	top: 4px
}

[dir=rtl] .image-multi-entity-item-radio {
	left: 4px;
	right: auto
}

.searchx-dialog-action {
	border: 1px solid #222;
	border-radius: 65px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	padding: 9px 24px
}

.searchx-dialog-action:hover {
	background-color: #f4f4f4
}

.searchx-dialog-action.active {
	background-color: #ff1900;
	border-color: #ff1900;
	color: #fff
}

.searchx-dialog-action.active:hover {
	background-color: #979493;
	border-color: #979493;
	color: #fff
}

.searchx-dialog-portal {
	position: relative;
	z-index: 10000
}

.searchx-dialog-wrapper .searchx-dialog-mask {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color: rgba(0, 0, 0, .5);
	height: 100%;
	inset-inline-start: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000
}

.searchx-dialog-wrapper .searchx-dialog-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 28px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 24px;
	background-color: #fff;
	border-radius: 16px;
	gap: 24px;
	left: 50%;
	max-height: 80vh;
	position: fixed;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10001
}

[dir=rtl] .searchx-dialog-wrapper .searchx-dialog-container {
	left: auto;
	right: 50%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.searchx-dialog-wrapper .searchx-dialog-container>* {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.searchx-dialog-wrapper .searchx-dialog-header {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px
}

.searchx-dialog-wrapper .searchx-dialog-body {
	overflow: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	max-height: 70vh
}

.searchx-dialog-wrapper .searchx-dialog-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	grid-gap: 16px;
	gap: 16px;
	max-height: 100px
}

.searchx-dialog-wrapper .searchx-dialog-close {
	cursor: pointer;
	height: 24px;
	inset-inline-end: 16px;
	position: absolute;
	top: 16px
}

@-webkit-keyframes marching-ants {
	0% {
		background-position: 0 0, 0 100%, 0 0, 100% 0
	}

	to {
		background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
	}
}

@keyframes marching-ants {
	0% {
		background-position: 0 0, 0 100%, 0 0, 100% 0
	}

	to {
		background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
	}
}

:root {
	--rc-drag-handle-mobile-size: 24px;
	--rc-border-color: hsla(0, 0%, 100%, .7);
	--rc-focus-color: #08f
}

.SearchXReactCrop {
	cursor: crosshair;
	display: inline-block;
	line-height: 0;
	max-width: 100%;
	position: relative
}

.SearchXReactCrop,
.SearchXReactCrop *,
.SearchXReactCrop :after,
.SearchXReactCrop :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.SearchXReactCrop--disabled,
.SearchXReactCrop--locked {
	cursor: inherit
}

.SearchXReactCrop__child-wrapper {
	max-height: inherit;
	overflow: hidden
}

.SearchXReactCrop__child-wrapper img,
.SearchXReactCrop__child-wrapper video {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none
}

.SearchXReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,
.SearchXReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,
.SearchXReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
	-ms-touch-action: none;
	touch-action: none
}

.SearchXReactCrop .ReactCrop__crop-selection {
	border-radius: 12px;
	-webkit-box-shadow: 0 0 0 99999px rgba(0, 0, 0, .2), 0 0 60px 20px #ffdbc3;
	box-shadow: 0 0 0 99999px rgba(0, 0, 0, .2), 0 0 60px 20px #ffdbc3;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 999
}

.ReactCrop--disabled .SearchXReactCrop .ReactCrop__crop-selection {
	cursor: inherit
}

.ReactCrop--circular-crop .SearchXReactCrop .ReactCrop__crop-selection {
	border-radius: 50%
}

.ReactCrop--circular-crop .SearchXReactCrop .ReactCrop__crop-selection:after {
	border: 1px solid hsla(0, 0%, 100%, .7);
	border: 1px solid var(--rc-border-color);
	bottom: -1px;
	content: "";
	left: -1px;
	opacity: .3;
	pointer-events: none;
	position: absolute;
	right: -1px;
	top: -1px
}

.ReactCrop--no-animate .SearchXReactCrop .ReactCrop__crop-selection {
	outline: 1px dashed #fff
}

.SearchXReactCrop .ReactCrop__crop-selection:not(.ReactCrop--no-animate) {
	color: #fff
}

.SearchXReactCrop .ReactCrop__crop-selection:focus {
	outline: 2px solid #08f;
	outline: 2px solid var(--rc-focus-color);
	outline-offset: -1px
}

.SearchXReactCrop--invisible-crop .SearchXReactCrop__crop-selection {
	display: none
}

.SearchXReactCrop .ReactCrop__drag-handle {
	height: 20px;
	overflow: hidden;
	position: absolute;
	width: 20px
}

.SearchXReactCrop .ReactCrop__drag-handle:after {
	border: 4px solid #fff;
	border-radius: 14px;
	content: "";
	display: block;
	height: 50px;
	position: absolute;
	width: 50px
}

.SearchXReactCrop .ReactCrop__drag-handle:focus {
	background: #08f;
	background: var(--rc-focus-color)
}

.SearchXReactCrop .ord-nw,
.SearchXReactCrop .ord-nw:after {
	left: 0;
	top: 0
}

.SearchXReactCrop .ord-nw {
	cursor: nw-resize;
	-webkit-transform: translate(-2px, -2px);
	-ms-transform: translate(-2px, -2px);
	transform: translate(-2px, -2px)
}

.SearchXReactCrop .ord-ne,
.SearchXReactCrop .ord-ne:after {
	right: 0;
	top: 0
}

.SearchXReactCrop .ord-ne {
	cursor: ne-resize;
	-webkit-transform: translate(2px, -2px);
	-ms-transform: translate(2px, -2px);
	transform: translate(2px, -2px)
}

.SearchXReactCrop .ord-se,
.SearchXReactCrop .ord-se:after {
	bottom: 0;
	right: 0
}

.SearchXReactCrop .ord-se {
	cursor: se-resize;
	-webkit-transform: translate(2px, 2px);
	-ms-transform: translate(2px, 2px);
	transform: translate(2px, 2px)
}

.SearchXReactCrop .ord-sw,
.SearchXReactCrop .ord-sw:after {
	bottom: 0;
	left: 0
}

.SearchXReactCrop .ord-sw {
	cursor: sw-resize;
	-webkit-transform: translate(-2px, 2px);
	-ms-transform: translate(-2px, 2px);
	transform: translate(-2px, 2px)
}

.SearchXReactCrop__disabled .SearchXReactCrop__drag-handle {
	cursor: inherit
}

.SearchXReactCrop--new-crop .SearchXReactCrop__drag-handle {
	display: block
}

.SearchXReactCrop--new-crop .ReactCrop__crop-selection {
	border: 4px solid #fff
}

.SearchXReactCrop--new-crop .ReactCrop__crop-selection .ReactCrop__drag-handle {
	display: none
}

@media(pointer: coarse) {
	.SearchXReactCrop__drag-handle {
		height: 24px;
		height: var(--rc-drag-handle-mobile-size);
		width: 24px;
		width: var(--rc-drag-handle-mobile-size)
	}
}

.header-tab-input-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: relative;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px
}

.header-tab-input-container,
.header-tab-shade-input-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.header-tab-shade-input-item {
	background-color: #fff;
	color: #767676;
	height: 22px;
	left: 0;
	margin-top: -11px;
	position: absolute;
	top: 50%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

[dir=rtl] .header-tab-shade-input-item {
	left: auto;
	right: 0
}

.header-tab-shade-input-item.keydown-show-item {
	color: #222
}

.header-tab-input-text {
	background-color: transparent;
	background-image: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	outline: none;
	padding: 0
}

.header-tab-shade-list.animation {
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.header-tab-shade-list .switch-place-item {
	display: block;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.fy23-icbu-search-bar-inner .shade-placeholder-item {
	height: 36px
}

.shade-placeholder-item.open-pro-biz-version {
	color: #767676;
	font-size: 16px;
	height: 22px;
	line-height: 22px
}

.fy23-icbu-searchbar-recommend-reason {
	margin-right: 4px
}

[dir=rtl] .fy23-icbu-searchbar-recommend-reason {
	margin-left: 4px;
	margin-right: 0
}

.fy23-icbu-searchbar-recommend-reason.suffix.first {
	margin-left: 10px
}

[dir=rtl] .fy23-icbu-searchbar-recommend-reason.suffix.first {
	margin-left: 0;
	margin-right: 10px
}

.fy23-icbu-searchbar-recommend-reason.prefix.first {
	margin-left: 1px
}

[dir=rtl] .fy23-icbu-searchbar-recommend-reason.prefix.first {
	margin-left: 0;
	margin-right: 1px
}

.fy23-icbu-searchbar-recommend-reason.prefix.last {
	margin-right: 10px
}

[dir=rtl] .fy23-icbu-searchbar-recommend-reason.prefix.last {
	margin-left: 10px;
	margin-right: 0
}

.fy23-icbu-searchbar-recommend-reason.image {
	vertical-align: middle
}

.fy23-icbu-searchbar-recommend-reason.text {
	color: #767676;
	font-weight: 400
}

.fy23-icbu-searchbar-recommend-reason.html {
	display: inline
}

.fy23-icbu-searchbar-recommend-reason.default.image {
	max-height: 20px
}

.fy23-icbu-searchbar-recommend-reason.default.text {
	font-size: 14px
}

.fy23-icbu-searchbar-recommend-reason.open-pro-biz-version.image {
	max-height: 22px
}

.fy23-icbu-searchbar-recommend-reason.open-pro-biz-version.text {
	font-size: 16px;
	line-height: 22px
}

.header-tab-input-container-image-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: relative;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	grid-gap: 12px;
	gap: 12px
}

.header-tab-input-container-image-text .header-tab-multi-input-text {
	-webkit-box-flex: 1;
	background-color: #fff;
	background-image: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	outline: none;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.header-tab-input-container-image-text .header-tab-multi-input-text:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff !important;
	box-shadow: inset 0 0 0 1000px #fff !important;
	-webkit-text-fill-color: #222 !important
}

.searchbar-input-container-multi {
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 24px;
	overflow: hidden;
	width: 24px
}

.searchbar-input-container-multi .input-image {
	height: 24px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 24px
}

.pc-search-education-tip {
	--searchx-edu-tip-bg: #222;
	background-color: var(--searchx-edu-tip-bg);
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 20px 20px 4px;
	position: relative;
	width: 300px
}

.pc-search-education-tip.pc-search-education-tip_arrow:after {
	border: 12px solid var(--searchx-edu-tip-bg);
	content: "";
	height: 0;
	position: absolute;
	width: 0
}

.pc-search-education-tip.pc-search-education-tip_arrow_right:after {
	left: -7.2px;
	top: 28px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

[dir=rtl] .pc-search-education-tip.pc-search-education-tip_arrow_right:after {
	left: auto;
	right: -7.2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.pc-search-education-tip.pc-search-education-tip_arrow_left:after {
	right: -7.2px;
	top: 28px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

[dir=rtl] .pc-search-education-tip.pc-search-education-tip_arrow_left:after {
	left: -7.2px;
	right: auto;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.pc-search-education-tip.pc-search-education-tip_arrow_bottom:after {
	left: 50%;
	margin-left: -12px;
	top: -7.2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

[dir=rtl] .pc-search-education-tip.pc-search-education-tip_arrow_bottom:after {
	left: auto;
	margin-left: 0;
	margin-right: -12px;
	right: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.pc-search-education-tip .pc-search-education-tip_inner {
	margin-bottom: 16px
}

.pc-search-education-tip .pc-search-education-tip_title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 8px
}

.pc-search-education-tip .pc-search-education-tip_content {
	margin-bottom: 16px
}

.pc-search-education-tip .pc-search-education-tip_action {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.pc-search-education-tip .pc-search-education-tip_action.action-align-right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.pc-search-education-tip .pc-search-education-tip_action.action-align-left {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.pc-search-education-tip .pc-search-education-tip_action.action-align-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pc-search-education-tip .pc-search-education-tip_more>a {
	color: #fff;
	text-decoration: underline
}

.ife-cdn-search-bar-pro-button {
	cursor: pointer;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px
}

.ife-cdn-search-bar-pro-button,
.ife-cdn-search-bar-pro-button .pro-switch-button-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.ife-cdn-search-bar-pro-button .pro-switch-button-wrapper {
	padding: 8px 12px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 4px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 12px;
	gap: 4px
}

.ife-cdn-search-bar-pro-button .button-icon {
	height: 24px;
	width: 24px
}

.ife-cdn-search-bar-pro-button .button-text-free {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #222;
	display: inline-block;
	font-size: 12px;
	height: 22px;
	line-height: 16px;
	padding: 2px 4px
}

.ife-cdn-search-bar-pro-button.active .pro-switch-button-wrapper {
	background: #fff8f3;
	border: 1px solid #fff0e6
}

.ife-cdn-search-bar-pro-button.active .pro-switch-switch {
	background-color: #237da6;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.ife-cdn-search-bar-pro-button.active .button-text-free {
	border: 1px solid #ffe7db
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip-wrapper {
	display: block;
	left: 50%;
	margin-left: -214px;
	position: absolute;
	top: calc(100% + 15px);
	z-index: 1002
}

[dir=rtl] .ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip-wrapper {
	left: auto;
	margin-left: 0;
	margin-right: -214px;
	right: 50%
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip {
	border-radius: 12px;
	padding: 20px;
	width: 427px
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .ai-icon {
	height: 20px;
	width: 20px
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_title {
	margin-bottom: 12px
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_content,
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_inner {
	margin-bottom: 0
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .close-icon {
	height: 20px;
	width: 20px
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-gap: 8px;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	gap: 8px;
	line-height: 22px
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_title .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 8px;
	gap: 8px
}

.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 12px;
	gap: 12px
}

.ife-cdn-search-bar-pro-button .pro-switch-switch {
	height: 20px;
	margin-left: 8px;
	padding-left: 2px;
	padding-right: 2px;
	width: 40px;
	grid-gap: 12px;
	background: #ddd;
	gap: 12px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

[dir=rtl] .ife-cdn-search-bar-pro-button .pro-switch-switch {
	margin-left: 0;
	margin-right: 8px
}

.ife-cdn-search-bar-pro-button .pro-switch-switch,
.ife-cdn-search-bar-pro-button .pro-switch-switch .pro-switch-circle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	border-radius: 999px;
	flex-shrink: 0
}

.ife-cdn-search-bar-pro-button .pro-switch-switch .pro-switch-circle {
	height: 16px;
	width: 16px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 10px;
	background: #fff;
	background: var(--surface-color-ffffff, #fff);
	gap: 10px
}

.ife-cdn-search-bar-pro-button.disabled .pro-switch-button-wrapper {
	position: relative
}

.ife-cdn-search-bar-pro-button.disabled .pro-switch-button-wrapper :after {
	background-color: hsla(0, 0%, 100%, .2);
	border-radius: 12px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

[dir=rtl] .ife-cdn-search-bar-pro-button.disabled .pro-switch-button-wrapper :after {
	left: auto;
	right: 0
}

[dir=ltr] .ife-cdn-search-bar-pro-button .button-text {
	background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

[dir=rtl] .ife-cdn-search-bar-pro-button .button-text {
	background: -webkit-linear-gradient(7deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background: linear-gradient(83deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.switch-image-upload-multi-wrapper {
	position: relative
}

.switch-image-upload-multi-wrapper,
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi {
	grid-gap: 8px;
	cursor: pointer;
	gap: 8px
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi .image-search-default-icon {
	display: inline-block
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi .image-search-hover-icon,
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi:hover .image-search-default-icon {
	display: none
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi:hover .image-search-hover-icon {
	display: inline-block
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi:hover span {
	text-decoration: underline
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi img {
	height: 24px;
	width: 24px
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.full-screen span {
	color: #222;
	font-size: 14px;
	font-weight: 500
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.disabled {
	cursor: not-allowed
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.disabled .image-search-disabled-icon {
	display: inline-block
}

.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.disabled span {
	color: #ddd;
	text-decoration: none
}

.switch-image-upload-multi-wrapper .switch-image-upload-multi-education-tip {
	background-color: #000 !important;
	display: none;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	left: 50%;
	margin-bottom: 0;
	margin-left: -205px;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 410px;
	z-index: 1000
}

[dir=rtl] .switch-image-upload-multi-wrapper .switch-image-upload-multi-education-tip {
	left: auto;
	margin-left: 0;
	margin-right: -205px;
	right: 50%
}

.switch-image-upload-multi-wrapper .switch-image-upload-multi-education-tip:after {
	border-color: #000 !important
}

.switch-image-upload-multi-wrapper:hover .switch-image-upload-multi-education-tip {
	display: block
}

.switch-image-upload-multi-wrapper.default .switch-image-upload-multi-education-tip {
	margin-top: 6px
}

.image-search-hover-overlay {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 12px;
	background: #000;
	border-radius: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	gap: 12px;
	line-height: 22px;
	padding: 20px 20px 4px;
	width: 410px
}

.image-search-hover-overlay_title {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	font-weight: 600;
	justify-content: space-between
}

.image-search-hover-overlay_title,
.image-search-hover-overlay_title .image-search-hover-overlay_title_left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 8px;
	gap: 8px
}

.image-search-hover-overlay_title .image-search-hover-overlay_close {
	cursor: pointer;
	height: 20px;
	width: 20px
}

.image-search-hover-overlay_content {
	font-weight: 400
}

.image-search-hover-overlay_content_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 4px;
	gap: 4px
}

.image-search-hover-overlay_content_item {
	color: #fff;
	display: inline-block;
	padding-left: 22px;
	position: relative
}

[dir=rtl] .image-search-hover-overlay_content_item {
	padding-left: 0;
	padding-right: 22px
}

.image-search-hover-overlay_content_item:before {
	background: #fff;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 6px;
	left: 6px;
	position: absolute;
	top: 8px;
	width: 6px
}

[dir=rtl] .image-search-hover-overlay_content_item:before {
	left: auto;
	right: 6px
}

.image-search-hover-overlay_content_item.copy-image span {
	background-color: #fff;
	border: .6px solid #767676;
	border-radius: 2px;
	color: #222;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	height: 16px;
	line-height: 16px;
	margin: 0 2px;
	min-width: 16px;
	padding: 0 2px;
	text-align: center
}

.image-search-hover-overlay_content_line {
	background: #666;
	height: 1px;
	margin: 16px 0;
	width: 100%
}

.image-search-hover-overlay_content_lens {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	background: -webkit-linear-gradient(344deg, rgba(255, 111, 15, .2) -69.21%, rgba(255, 183, 135, .2) 91.23%);
	background: linear-gradient(106deg, rgba(255, 111, 15, .2) -69.21%, rgba(255, 183, 135, .2) 91.23%);
	border-radius: 8px;
	cursor: pointer;
	padding: 12px;
	text-decoration: none
}

[dir=rtl] .image-search-hover-overlay_content_lens {
	background: linear-gradient(-106deg, rgba(255, 111, 15, .2) -69.21%, rgba(255, 183, 135, .2) 91.23%)
}

.image-search-hover-overlay_content_lens,
.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	grid-gap: 8px;
	gap: 8px
}

.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px
}

.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left img {
	height: 21px;
	width: 20px
}

.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left span {
	color: #fff
}

.image-search-hover-overlay_content_lens img {
	height: 16px;
	width: 16px
}

[dir=rtl] .image-search-hover-overlay_content_lens img {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.header-tab-input-button {
	border: 0 solid transparent;
	border-radius: 100px;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	background-color: #ff1900;
	color: #fff;
	justify-content: center
}

.header-tab-input-button.small-button {
	font-size: 14px;
	font-weight: 500;
	height: 32px;
	padding: 0 16px;
	grid-gap: 8px;
	gap: 8px
}

.header-tab-input-button.small-button img {
	height: 16px;
	width: 16px
}

.header-tab-input-button.full-screen-button {
	font-size: 16px;
	font-weight: 500;
	height: 44px;
	padding: 0 24px;
	grid-gap: 8px;
	gap: 8px
}

.header-tab-input-button.full-screen-button img {
	height: 20px;
	width: 20px
}

.header-tab-input-button.black-button {
	background-color: #222;
	color: #fff
}

.header-tab-input-button.pro-button {
	background: -webkit-linear-gradient(187deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%);
	background: linear-gradient(263deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%);
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 8px 0 hsla(0, 0%, 100%, .4);
	box-shadow: inset 0 0 8px 0 hsla(0, 0%, 100%, .4);
	color: #fff
}

[dir=rtl] .header-tab-input-button.pro-button {
	background: linear-gradient(-263deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%)
}

.header-tab-input-button.disabled {
	background-color: #ddd;
	cursor: not-allowed
}

[dir=ltr] .header-tab-input-button.pro-button {
	background: -webkit-linear-gradient(187deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%);
	background: linear-gradient(263deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%)
}

[dir=rtl] .header-tab-input-button.pro-button {
	background: -webkit-linear-gradient(7deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%);
	background: linear-gradient(83deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%)
}

#market-mate-for-1688 {
	display: none
}

.header-tab-container .util-ellipsis,
.home-search .util-ellipsis,
.ife-header-search-bar .util-ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.ife-header-search-bar-popup-wrap {
	color: #222;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	padding: 20px 0;
	width: 100%
}

.ife-header-search-bar-popup-wrap.mini {
	padding: 10px 0
}

.ife-header-search-bar-popup-wrap.mini .item span,
.ife-header-search-bar-popup-wrap.mini .item.active span,
.ife-header-search-bar-popup-wrap.mini .item:hover span {
	color: #767676
}

.ife-header-search-bar-popup-wrap .section.history {
	margin-bottom: 16px
}

.ife-header-search-bar-popup-wrap .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 28px 8px
}

.ife-header-search-bar-popup-wrap .title-text {
	font-size: 18px;
	font-weight: 600;
	line-height: 25px
}

.ife-header-search-bar-popup-wrap .title-action {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.ife-header-search-bar-popup-wrap .title-action:hover {
	color: inherit;
	cursor: pointer
}

.ife-header-search-bar-popup-wrap .title-action img {
	height: 17px;
	width: 17px
}

.ife-header-search-bar-popup-wrap .item {
	color: #222;
	display: -webkit-box;
	font-weight: 400;
	margin-bottom: 4px;
	overflow: hidden;
	padding: 4px 28px;
	text-decoration: none;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.ife-header-search-bar-popup-wrap .item.active,
.ife-header-search-bar-popup-wrap .item:hover {
	background-color: #f4f4f4;
	color: inherit;
	cursor: pointer;
	text-decoration: none
}

.ife-header-search-bar-popup-wrap .item.association-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	font-weight: 600;
	height: 29px;
	line-height: 21px
}

.ife-header-search-bar-popup-wrap .item.association-item span {
	font-weight: 400
}

.ife-header-search-bar-popup-wrap .item.brand-item {
	font-weight: 600
}

.ife-header-search-bar-popup-wrap .item.brand-item.active,
.ife-header-search-bar-popup-wrap .item.brand-item:hover {
	color: #979493
}

.ife-header-search-bar-popup-wrap .item.recent-item {
	height: 40px;
	line-height: 32px
}

.ife-header-search-bar-popup-wrap .item.recommend-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	line-height: 32px
}

.ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 8px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

[dir=rtl] .ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand {
	margin-left: 0;
	margin-right: 8px
}

.ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand .brand-logo {
	height: 24px
}

.ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand span {
	color: #ccc;
	font-size: 12px
}

.ife-header-search-bar-popup-wrap .popup-item-query {
	color: #222;
	font-weight: 600
}

.ife-header-search-bar-popup-wrap .popup-item-prefix-icon {
	background-color: #f4f4f4;
	border-radius: 16px;
	color: #767676;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin-right: 12px;
	text-align: center;
	width: 32px
}

[dir=rtl] .ife-header-search-bar-popup-wrap .popup-item-prefix-icon {
	margin-left: 12px;
	margin-right: 0
}

.ife-header-search-bar-popup-wrap .popup-item-brand-img {
	border-radius: 4px;
	height: 24px;
	margin-right: 8px
}

[dir=rtl] .ife-header-search-bar-popup-wrap .popup-item-brand-img {
	margin-left: 8px;
	margin-right: 0
}

.ife-header-search-bar-popup-wrap .popup-item-suffix {
	margin-left: 10px
}

[dir=rtl] .ife-header-search-bar-popup-wrap .popup-item-suffix {
	margin-left: 0;
	margin-right: 10px
}

.ife-header-search-bar-popup-wrap .more {
	padding: 0 28px;
	vertical-align: baseline
}

.ife-header-search-bar-popup-wrap .more :hover {
	cursor: pointer
}

.ife-header-search-bar-popup-wrap .more .iconfont {
	margin-top: 4px
}

.ife-header-search-bar-popup-wrap .action-hover {
	color: #767676;
	cursor: pointer
}

.ife-header-search-bar-popup-wrap .action-hover .iconfont {
	font-size: 16px;
	line-height: 18px;
	padding-left: 2px;
	vertical-align: bottom
}

[dir=rtl] .ife-header-search-bar-popup-wrap .action-hover .iconfont {
	padding-left: 0;
	padding-right: 2px
}

.ife-header-search-bar-popup-wrap .action-hover .recommend-change {
	color: #222
}

.ife-header-search-bar-popup-wrap .action-hover:hover,
.ife-header-search-bar-popup-wrap .action-hover:hover span {
	color: #979493
}

.ife-header-search-bar-popup-wrap .underline {
	text-decoration: underline
}

.ife-header-search-bar-popup-wrap .change-suffix-img {
	background-position-y: -16px
}

.ife-header-search-bar-popup-wrap.pro-biz-version {
	padding: 24px 0
}

.ife-header-search-bar-popup-wrap.pro-biz-version .section {
	margin-bottom: 12px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .title {
	margin-bottom: 4px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .more {
	margin-bottom: 20px;
	margin-top: 4px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .more,
.ife-header-search-bar-popup-wrap.pro-biz-version .title {
	padding: 0 24px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .more.action-hover .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .more.action-hover .underline,
.ife-header-search-bar-popup-wrap.pro-biz-version .title.action-hover .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .title.action-hover .underline {
	font-size: 16px;
	line-height: 22px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .more .title-text,
.ife-header-search-bar-popup-wrap.pro-biz-version .title .title-text {
	padding: 0
}

.ife-header-search-bar-popup-wrap.pro-biz-version .item,
.ife-header-search-bar-popup-wrap.pro-biz-version .title-text {
	font-size: 16px;
	margin-bottom: 0
}

.ife-header-search-bar-popup-wrap.pro-biz-version .item .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .title-text .iconfont {
	display: none
}

.ife-header-search-bar-popup-wrap.pro-biz-version .title-text {
	line-height: 22px;
	padding: 8px 24px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .item {
	height: 38px;
	line-height: 38px;
	padding: 0 24px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 20px;
	grid-gap: 4px;
	gap: 4px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .underline {
	color: #767676;
	font-size: 14px;
	line-height: 18px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .iconfont:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .underline:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover:hover {
	color: #767676
}

.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .pro-biz-icon,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap img,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap img {
	height: 20px;
	width: 20px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 4px;
	gap: 4px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	-webkit-text-fill-color: transparent
}

[dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
	background: linear-gradient(-263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%)
}

.SearchXReactCrop .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
.SearchXReactCrop .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text,
[dir] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
	background-clip: text;
	-webkit-background-clip: text
}

.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .list-insights-wrap,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .list-pro-wrap,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .list-insights-wrap,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .list-pro-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 12px 24px 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	grid-gap: 12px;
	gap: 12px
}

.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item {
	background: #fffaf7;
	border: 1px solid #ffe7db;
	border-radius: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 7px 12px;
	width: 33%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	grid-gap: 8px;
	color: #222;
	gap: 8px;
	text-decoration: none
}

.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item:hover {
	border: 1px solid #237da6
}

.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item div,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item div,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item div,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item div {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 44px
}

[dir=ltr] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir=ltr] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
	background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

[dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
	background: -webkit-linear-gradient(7deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background: linear-gradient(83deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.searchbar-panel-lens {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 12px 24px 0;
	padding: 8px 12px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: -webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(319deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%);
	background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%);
	border-radius: 12px;
	color: #222;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none
}

[dir=rtl] .searchbar-panel-lens {
	background: linear-gradient(-100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(-131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%)
}

.searchbar-panel-lens .searchbar-panel-lens-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 4px;
	gap: 4px
}

.searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 8px;
	gap: 8px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-title img {
	height: 20px;
	width: 20px
}

.searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.searchbar-panel-lens .searchbar-panel-lens-right {
	color: #222;
	cursor: pointer;
	text-decoration: underline
}

.searchbar-panel-lens .searchbar-panel-lens-right:hover {
	color: #222
}

[dir=ltr] .searchbar-panel-lens {
	background: -webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(319deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%);
	background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%)
}

[dir=rtl] .searchbar-panel-lens {
	background: -webkit-linear-gradient(170deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(139deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%);
	background: linear-gradient(280deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(311deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%)
}

.vc-htmlTemplateContainer .template-hover-show-arrow {
	display: none
}

.vc-htmlTemplateContainer:hover .template-hover-show-arrow {
	display: block
}

.vc-htmlTemplateContainer:hover .contactsupplier-template-hover {
	background-color: #ff1900;
	border: 1px solid #ff1900;
	color: #fff
}

.vc-htmlTemplateContainer:hover .contactsupplier-template-hover g {
	fill: #fff
}

.vc-htmlTemplateContainer:hover .img-template-hover-bigger {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: transform 1.25s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1)
}

.base-tag-items {
	background-color: rgba(255, 102, 0, .1);
	border-radius: 2px;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	margin: 4px 4px 4px 0;
	padding: 0 4px
}

[dir=rtl] .base-tag-items {
	margin: 4px 0 4px 4px
}

.hover-underline:hover {
	text-decoration: underline
}

.hover-color-333:hover {
	color: #333 !important
}

.hover-color-f60:hover {
	color: #ff1900 !important
}

.hover-color-D04A0A:hover {
	color: #979493 !important
}

.unlink:hover {
	text-decoration: none
}

.img-hover-bigger:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: transform 1.25s cubic-bezier(.165, .84, .44, 1);
	transition: transform 1.25s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1)
}

.header-tab-search .popup-item-ggs-divider,
.header-tab-search-multi .popup-item-ggs-divider,
.home-search .popup-item-ggs-divider,
.home-search-online .popup-item-ggs-divider,
.ife-header-search-bar .popup-item-ggs-divider {
	font-weight: 500;
	margin-left: 12px
}

[dir=rtl] .header-tab-search .popup-item-ggs-divider,
[dir=rtl] .header-tab-search-multi .popup-item-ggs-divider,
[dir=rtl] .home-search .popup-item-ggs-divider,
[dir=rtl] .home-search-online .popup-item-ggs-divider,
[dir=rtl] .ife-header-search-bar .popup-item-ggs-divider {
	margin-left: 0;
	margin-right: 12px
}

.header-tab-search .popup-item-ggs-text,
.header-tab-search-multi .popup-item-ggs-text,
.home-search .popup-item-ggs-text,
.home-search-online .popup-item-ggs-text,
.ife-header-search-bar .popup-item-ggs-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-weight: 500;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 4px
}

[dir=rtl] .header-tab-search .popup-item-ggs-text,
[dir=rtl] .header-tab-search-multi .popup-item-ggs-text,
[dir=rtl] .home-search .popup-item-ggs-text,
[dir=rtl] .home-search-online .popup-item-ggs-text,
[dir=rtl] .ife-header-search-bar .popup-item-ggs-text {
	margin-left: 0;
	margin-right: 4px
}

.header-tab-search .popup-item-ggs-flag,
.header-tab-search-multi .popup-item-ggs-flag,
.home-search .popup-item-ggs-flag,
.home-search-online .popup-item-ggs-flag,
.ife-header-search-bar .popup-item-ggs-flag {
	border: .5px solid #ddd;
	height: 16px;
	margin: 0 4px;
	vertical-align: middle;
	width: 24px
}

.home-search .home-search-bottom-recommend-common {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	gap: 20px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	text-align: center
}

.home-search .home-search-bottom-recommend-common.bottom-insights {
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.home-search .home-search-bottom-recommend-common .left-wrapper {
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 16px;
	gap: 16px;
	height: 18px;
	overflow: hidden
}

.home-search .home-search-bottom-recommend-common .left-wrapper span {
	font-weight: 500
}

.home-search .home-search-bottom-recommend-common .left-wrapper .keyword {
	color: #fff;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline
}

.home-search .home-search-bottom-recommend-common .right-wrapper {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-shrink: 0;
	grid-gap: 4px;
	gap: 4px
}

.home-search .home-search-bottom-recommend-common .right-wrapper .icon {
	height: 16px;
	width: 16px
}

.home-search .home-search-bottom-recommend-common .right-wrapper .home-search-bottom-ai-factory-tc {
	color: #fff;
	-webkit-text-decoration-line: none;
	text-decoration-line: none
}

.home-search.header-search-full-screen {
	height: 144px
}

.home-search.header-search-full-screen .home-search-input-panel.image-query {
	height: 230px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

[dir=rtl] .home-search.header-search-full-screen .home-search-input-panel.image-query {
	left: auto;
	right: 0
}

.home-search.header-search-full-screen .home-search-input-panel.dragging-image {
	background: #fff;
	border: 1px solid #ddd;
	border: 1px solid var(--line-colors-dddddd, #ddd);
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	left: 0;
	padding: 16px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

[dir=rtl] .home-search.header-search-full-screen .home-search-input-panel.dragging-image {
	left: auto;
	right: 0
}

.home-search.header-search-full-screen {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.home-search.header-search-full-screen,
.home-search.header-search-full-screen .home-search-input-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.home-search.header-search-full-screen .home-search-input-panel {
	height: 114px;
	padding: 16px;
	width: 100%;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	background: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
	justify-content: space-between
}

.home-search.header-search-full-screen .home-search-input-panel .home-search-input-wrapper {
	height: 22px;
	width: 100%
}

.home-search.header-search-full-screen .home-search-input-panel .home-search-panel {
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	left: 0;
	margin-top: 2px;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 10
}

[dir=rtl] .home-search.header-search-full-screen .home-search-input-panel .home-search-panel {
	left: auto;
	right: 0
}

.home-search.header-search-full-screen .home-search-bottom-recommend {
	margin-top: 12px;
	width: 100%
}

.header-tab-action-full-screen {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	grid-gap: 16px;
	gap: 16px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}

.header-tab-action-full-screen .header-tab-action-full-screen-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 20px;
	gap: 20px;
	height: 44px
}

.header-tab-action-full-screen .header-tab-action-full-screen-left .image-search-full-screen-container {
	padding: 8px 0
}

.header-tab-action-full-screen .header-tab-action-full-screen-right,
.header-tab-switch-image-upload {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.header-tab-switch-image-upload {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 8px;
	cursor: pointer;
	gap: 8px
}

.header-tab-switch-image-upload .image-search-default-icon {
	display: inline-block
}

.header-tab-switch-image-upload .image-search-hover-icon,
.header-tab-switch-image-upload:hover .image-search-default-icon {
	display: none
}

.header-tab-switch-image-upload:hover .image-search-hover-icon {
	display: inline-block
}

.header-tab-switch-image-upload:hover span {
	text-decoration: underline
}

.header-tab-switch-image-upload img {
	height: 24px;
	width: 24px
}

.header-tab-switch-image-upload.full-screen span {
	color: #222;
	font-size: 14px;
	font-weight: 500
}

.header-tab-image-popup-mask {
	background: rgba(0, 0, 0, .5);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 10000
}

[dir=rtl] .header-tab-image-popup-mask {
	left: auto;
	right: 0
}

.image-upload-cls-wrapper.image-upload-container {
	background-color: #fff;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	position: relative
}

.image-upload-cls-wrapper.image-upload-container.floating {
	min-height: -webkit-min-content;
	min-height: -moz-min-content;
	min-height: min-content;
	width: 480px;
	z-index: 10001
}

.image-upload-cls-wrapper.image-upload-container .image-upload-content {
	padding: 20px
}

.image-upload-cls-wrapper.image-upload-container .image-upload-title {
	margin-bottom: 12px
}

.image-upload-cls-wrapper.image-upload-container .image-content {
	padding: 16px
}

.image-upload-cls-wrapper.image-upload-container .image-upload-content.floating-padding {
	padding: 0 20px 20px
}

.image-upload-cls-wrapper.image-upload-container .image-upload-title {
	color: #333;
	padding: 0 22px;
	position: relative;
	text-align: center
}

.image-upload-cls-wrapper.image-upload-container .image-upload-title.floating {
	margin-bottom: 16px;
	padding-top: 20px
}

.image-upload-cls-wrapper.image-upload-container .image-upload-body {
	background-color: #fff;
	border: 2px dashed #ddd;
	border-radius: 4px;
	margin: 0 0 12px;
	min-height: 180px;
	position: relative;
	width: 100%
}

.image-upload-cls-wrapper.image-upload-container.floating .image-upload-body {
	min-height: unset
}

.image-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	height: 100%;
	justify-content: center;
	margin-top: 0;
	word-break: break-word
}

.image-content.floating {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 16px;
	gap: 16px
}

.image-content:has(".image-content-tip ") {
	height: 100%;
	grid-column-gap: 4px;
	-webkit-column-gap: 4px;
	-moz-column-gap: 4px;
	column-gap: 4px;
	margin: 0;
	padding: 0
}

.image-content .image-content-tip {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 12px;
	color: #222;
	font-weight: 400;
	row-gap: 12px
}

.image-content .image-content-tip .desc {
	font-weight: 600
}

.image-content .image-content-tip .paste-tip {
	padding-left: 18px;
	position: relative
}

[dir=rtl] .image-content .image-content-tip .paste-tip {
	padding-left: 0;
	padding-right: 18px
}

.image-content .image-content-tip .paste-tip .imgsearch-action {
	border: 1px solid #767676;
	border-radius: 2px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0 2px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	background-color: #fff;
	justify-content: center;
	margin-right: 2px;
	min-width: 24px
}

[dir=rtl] .image-content .image-content-tip .paste-tip .imgsearch-action {
	margin-left: 2px;
	margin-right: 0
}

.image-content .image-content-tip .paste-tip:before {
	background-color: #000;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 6px;
	position: absolute;
	top: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 6px
}

[dir=rtl] .image-content .image-content-tip .paste-tip:before {
	left: auto;
	right: 6px
}

.image-content img {
	height: 62px;
	min-height: 62px;
	min-width: 94px;
	width: 94px;
	-webkit-user-drag: none
}

.upload-file {
	display: none
}

.upload-file-text {
	color: #ff1900;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 22px;
	margin-left: 4px;
	text-decoration: underline
}

[dir=rtl] .upload-file-text {
	margin-left: 0;
	margin-right: 4px
}

.upload-file-text:hover {
	color: #06c
}

.margin-right-28 {
	margin-right: 28px
}

[dir=rtl] .margin-right-28 {
	margin-left: 28px;
	margin-right: 0
}

.image-upload-cls-wrapper .icon-close-panel {
	background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01EX46Uj1uPKfX5cdrP_!!6000000006029-2-tps-66-66.png) no-repeat 50%;
	background-size: cover;
	cursor: pointer;
	height: 22px;
	position: absolute;
	right: 0;
	width: 22px
}

[dir=rtl] .image-upload-cls-wrapper .icon-close-panel {
	left: 0;
	right: auto
}

.image-upload-cls-wrapper .img-loading-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding: 32px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.image-upload-cls-wrapper .img-loading-container .img-uploading {
	height: 60px;
	margin-left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 60px
}

[dir=rtl] .image-upload-cls-wrapper .img-loading-container .img-uploading {
	margin-left: 0;
	margin-right: 50%;
	-webkit-transform: translate(50%);
	-ms-transform: translate(50%);
	transform: translate(50%)
}

.image-upload-cls-wrapper .img-loading-container .img-uploading-text {
	color: #666;
	font-size: 20px;
	font-weight: 700;
	height: 27px;
	letter-spacing: 0;
	margin-top: 18px;
	text-align: center
}

.iup-image-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 16px 40px 20px;
	grid-gap: 4px;
	gap: 4px
}

.iup-image-content .img-floating-panel {
	height: 62px;
	width: 94px;
	-webkit-user-drag: none;
	margin-bottom: 16px
}

.iup-image-content .image-content-text {
	color: #666
}

.iup-image-content-icon {
	height: 36px;
	width: 36px
}

.iup-content-tip {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	color: #222;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	grid-gap: 4px;
	gap: 4px
}

.iup-content-tip,
.iup-content-tip .imgsearch-action-key {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.iup-content-tip .imgsearch-action-key {
	background-color: #fff;
	border: 1px solid #767676;
	border-radius: 2px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 2px;
	min-width: 20px
}

[dir=rtl] .iup-content-tip .imgsearch-action-key {
	margin-left: 2px;
	margin-right: 0
}

.iup-upload-btn {
	height: 40px;
	margin-top: 8px;
	padding: 0 24px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 10px;
	background: #ff1900;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	gap: 10px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis
}

.iup-lens-panel,
.iup-upload-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.iup-lens-panel {
	padding: 12px 16px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 8px;
	background: -webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(319deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%);
	background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%);
	border-radius: 8px;
	gap: 8px
}

[dir=rtl] .iup-lens-panel {
	background: linear-gradient(-100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(-131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%)
}

.iup-lens-panel .lens-logo {
	height: 15px;
	width: 125.5px
}

.iup-lens-panel .lens-desc {
	color: #222;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px
}

.iup-lens-panel .lens-panel-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 4px;
	gap: 4px
}

.iup-lens-panel .lens-panel-right {
	color: #222;
	cursor: pointer;
	-webkit-flex-shrink: 0;
	font-size: 14px;
	font-weight: 600;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.image-upload-cls-wrapper .image-upload-warn {
	background-color: #fff1f1;
	border-radius: 8px;
	margin-top: 12px;
	padding: 16px 12px
}

.image-upload-cls-wrapper .upload-warn-title {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	margin-left: 32px;
	position: relative
}

[dir=rtl] .image-upload-cls-wrapper .upload-warn-title {
	margin-left: 0;
	margin-right: 32px
}

.image-upload-cls-wrapper .upload-warn-title:before {
	background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01KKqHXl1YMeo9GR4B9_!!6000000003045-2-tps-72-72.png?wbep=false) no-repeat;
	background-size: cover;
	border-radius: 50%;
	content: "";
	display: block;
	height: 24px;
	left: -30px;
	position: absolute;
	top: -3px;
	width: 24px
}

[dir=rtl] .image-upload-cls-wrapper .upload-warn-title:before {
	left: auto;
	right: -30px
}

.image-upload-cls-wrapper .upload-warn-desc {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 18px;
	margin: 8px 58px 0 32px
}

[dir=rtl] .image-upload-cls-wrapper .upload-warn-desc {
	margin: 8px 32px 0 58px
}

.image-upload-cls-wrapper .upload-warn-close {
	margin-right: 8px
}

[dir=rtl] .image-upload-cls-wrapper .upload-warn-close {
	margin-left: 8px;
	margin-right: 0
}

.home-search-online {
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.home-search-online,
.home-search-online.img-outside {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal
}

.home-search-online.img-outside {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	grid-gap: 12px;
	gap: 12px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 90px
}

.home-search-online.img-outside .home-search-online-left {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.home-search-online.img-outside .home-search-online-left .header-tab-input-button {
	background-color: #222
}

.home-search-online.img-outside .ife-header-search-bar-img-outside {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.home-search-online .home-search-online-left {
	width: 100%
}

.home-search-online .home-search-input-panel {
	border-width: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 56px;
	padding: 4px;
	position: relative;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	background: #fff;
	border-radius: 100px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
	justify-content: space-between
}

.home-search-online .home-search-input-panel .home-search-input-wrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 22px;
	padding: 0 16px 0 18px;
	width: 100%
}

[dir=rtl] .home-search-online .home-search-input-panel .home-search-input-wrapper {
	padding: 0 18px 0 16px
}

.home-search-online .home-search-input-panel .header-tab-action-default {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.home-search-online .home-search-input-panel .header-tab-action-default .switch-image-upload img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.home-search-online .home-search-input-panel .home-search-panel {
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	left: 0;
	margin-top: 2px;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 10
}

[dir=rtl] .home-search-online .home-search-input-panel .home-search-panel {
	left: auto;
	right: 0
}

.home-search-online .home-search-input-panel .home-search-panel.img-outside {
	background-color: #fff;
	left: 0;
	position: relative;
	top: 0;
	width: 100%
}

[dir=rtl] .home-search-online .home-search-input-panel .home-search-panel.img-outside {
	left: auto;
	right: 0
}

.home-search-online .home-search-input-panel .header-tab-input-button {
	background-color: #ff1900;
	border-radius: 100px;
	font-size: 16px;
	height: 48px;
	width: 126px
}

.home-search-online .home-search-input-panel .header-tab-input-button img {
	height: 20px;
	width: 20px
}

.home-search-online-bottom-recommend-wrap.default {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	height: 26px;
	line-height: 18px;
	margin: 4px 0;
	overflow: hidden;
	padding: 0 22px;
	width: 100%
}

.home-search-online-bottom-recommend-wrap.default span {
	font-weight: 500;
	margin-right: 6px
}

[dir=rtl] .home-search-online-bottom-recommend-wrap.default span {
	margin-left: 6px;
	margin-right: 0
}

.home-search-online-bottom-recommend-wrap.default .keyword {
	margin: 8px 6px
}

.home-search-online-bottom-recommend-wrap.default .keyword:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: underline
}

.home-search-online-bottom-recommend-wrap.default .keyword,
.home-search-online-bottom-recommend-wrap.default span {
	color: #fff;
	font-weight: 400;
	text-decoration: none
}

.home-search-online-bottom-recommend-wrap.pill {
	height: 36px;
	margin-top: 32px;
	overflow: hidden;
	padding: 0
}

.home-search-online-bottom-recommend-wrap.pill .keyword,
.home-search-online-bottom-recommend-wrap.pill span {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	text-decoration: none
}

.home-search-online-bottom-recommend-wrap.pill span {
	font-size: 16px;
	margin-right: 10px
}

[dir=rtl] .home-search-online-bottom-recommend-wrap.pill span {
	margin-left: 10px;
	margin-right: 0
}

.home-search-online-bottom-recommend-wrap.pill .keyword {
	background-color: rgba(0, 0, 0, .2);
	border: 1px solid #fff;
	border-radius: 22px;
	margin: 0 10px;
	padding: 0 24px
}

.home-search-online-bottom-recommend-wrap.pill .keyword:hover {
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	text-decoration: none
}

.home-search-online-img-outside-container {
	position: relative
}

.home-search-online-img-outside-panel {
	left: 50%;
	margin-left: -264px;
	position: absolute;
	top: calc(100% + 2px);
	width: 528px;
	z-index: 10
}

[dir=rtl] .home-search-online-img-outside-panel {
	left: auto;
	margin-left: 0;
	margin-right: -264px;
	right: 50%
}

.ife-header-search-bar-img-outside {
	background-color: #fff4e9;
	border-radius: 64px;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 56px;
	padding: 0 16px;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	color: #222;
	font-size: 16px;
	font-weight: 500;
	justify-content: space-between;
	line-height: 22px
}

.ife-header-search-bar-img-outside img {
	margin-right: 4px
}

[dir=rtl] .ife-header-search-bar-img-outside img {
	margin-left: 4px;
	margin-right: 0
}

.ife-header-search-bar-image-upload-panel {
	position: absolute;
	width: 100%
}

.ife-header-search-bar-image-upload-panel.popup {
	margin-top: 2px;
	position: absolute;
	right: -179.5px;
	top: 100%;
	width: 528px;
	z-index: 2
}

[dir=rtl] .ife-header-search-bar-image-upload-panel.popup {
	left: -179.5px;
	right: auto
}

.ife-header-search-bar-image-upload-panel.popup.floating {
	z-index: 10001
}

.ife-header-search-bar-image-upload-panel.common-panel {
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
	overflow: hidden;
	-webkit-transition: all .2s cubic-bezier(.075, .82, .165, 1);
	transition: all .2s cubic-bezier(.075, .82, .165, 1)
}

.ife-header-search-bar-image-upload-panel.common-panel.floating {
	left: unset;
	right: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

[dir=rtl] .ife-header-search-bar-image-upload-panel.common-panel.floating {
	left: 0;
	right: unset
}

.ife-header-search-bar-image-upload-panel.common-panel.panelFixed {
	background: transparent;
	left: 50%;
	position: fixed;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: none;
	transition: none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

[dir=rtl] .ife-header-search-bar-image-upload-panel.common-panel.panelFixed {
	left: auto;
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

.ife-header-search-bar-image-upload-panel .image-content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 16px;
	gap: 16px
}

.header-tab-search-multi.header-tab-search-default .header-tab-input-panel {
	background: #ddd;
	height: 42px
}

.header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
	background-color: #fff
}

.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner {
	height: 100%
}

.header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image {
	border: 1px solid var(--line-colors-dddddd, #ddd)
}

.header-tab-action-default {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 8px;
	gap: 8px
}

.header-tab-search-multi {
	min-height: 42px
}

.header-tab-search-multi .header-tab-input-wrapper {
	position: relative
}

.header-tab-search-multi .header-tab-panel.show-default-panel {
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 2
}

[dir=rtl] .header-tab-search-multi .header-tab-panel.show-default-panel {
	left: auto;
	right: 0
}

.header-tab-search-multi.header-tab-search-default {
	position: relative
}

.header-tab-search-multi.header-tab-search-default .header-tab-input-panel {
	background-color: #ddd;
	border-radius: 20px;
	padding: 1px
}

.header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	background: #fff;
	border-radius: 19px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 4px 4px 4px 0
}

[dir=rtl] .header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
	padding: 4px 0 4px 4px
}

.header-tab-search-multi.header-tab-search-default .header-tab-input-wrapper {
	height: 32px;
	padding-left: 20px;
	padding-right: 16px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

[dir=rtl] .header-tab-search-multi.header-tab-search-default .header-tab-input-wrapper {
	padding-left: 16px;
	padding-right: 20px
}

.header-tab-search-multi.header-tab-search-default .header-tab-action-default {
	grid-gap: 8px;
	gap: 8px
}

.header-tab-search-multi.header-tab-search-default .header-tab-panel.show-default-panel {
	margin-top: 12px
}

.header-tab-search-multi.header-tab-search-full-screen {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 0 20px;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel {
	border-radius: 20px;
	-webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08);
	box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08);
	left: 0;
	padding: 2px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1002
}

[dir=rtl] .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel {
	left: auto;
	right: 0
}

.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 16px;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-gap: 10px;
	background: #fff;
	border-radius: 18px;
	gap: 10px
}

.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel.default {
	background: #ddd
}

.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-wrapper {
	height: 22px;
	width: 100%
}

.header-tab-search-multi.header-tab-search-full-screen .header-tab-panel {
	border-radius: 20px;
	left: 0;
	position: absolute;
	top: 116px;
	width: 100%;
	z-index: 1001
}

[dir=rtl] .header-tab-search-multi.header-tab-search-full-screen .header-tab-panel {
	left: auto;
	right: 0
}

.header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	left: 0;
	padding: 16px;
	position: absolute;
	top: 0;
	width: 100%
}

[dir=rtl] .header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image {
	left: auto;
	right: 0
}

.header-tab-search .header-tab-panel.show-floating-image-panel {
	left: 50% !important;
	margin-left: -240px !important;
	position: fixed !important;
	top: 0 !important;
	z-index: 10001 !important
}

[dir=rtl] .header-tab-search .header-tab-panel.show-floating-image-panel {
	left: auto !important;
	margin-left: 0 !important;
	margin-right: -240px !important;
	right: 50% !important
}

.header-tab-search.header-tab-search-default .header-tab-input-panel {
	background: #ddd;
	height: 42px
}

.header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
	padding: 4px 4px 4px 0
}

[dir=rtl] .header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
	padding: 4px 0 4px 4px
}

.header-tab-search.header-tab-search-full-screen .header-tab-input-panel {
	width: 100%
}

.header-tab-search.header-tab-search-full-screen .header-tab-input-panel.default {
	background: #ddd
}

[dir=ltr] .header-tab-input-panel.ai-theme {
	background: -webkit-linear-gradient(7deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%);
	background: linear-gradient(83deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%)
}

[dir=rtl] .header-tab-input-panel.ai-theme {
	background: -webkit-linear-gradient(187deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%);
	background: linear-gradient(263deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%)
}

.header-tab-search {
	min-height: 42px
}

.header-tab-search .header-tab-input-wrapper {
	position: relative
}

.header-tab-search .header-tab-panel.show-default-panel {
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 2
}

[dir=rtl] .header-tab-search .header-tab-panel.show-default-panel {
	left: auto;
	right: 0
}

.header-tab-search .header-tab-panel.show-floating-image-panel {
	left: 50%;
	margin-left: -240px;
	position: fixed;
	top: 0
}

[dir=rtl] .header-tab-search .header-tab-panel.show-floating-image-panel {
	left: auto;
	margin-left: 0;
	margin-right: -240px;
	right: 50%
}

.header-tab-search .show-floating-image-panel {
	margin-top: 12px
}

.header-tab-search.header-tab-search-default {
	position: relative
}

.header-tab-search.header-tab-search-default .header-tab-input-panel {
	background-color: #ddd;
	border-radius: 20px;
	padding: 1px
}

.header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	background-color: #fff;
	border-radius: 19px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.header-tab-search.header-tab-search-default .header-tab-input-wrapper {
	height: 32px;
	padding-left: 20px;
	padding-right: 16px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

[dir=rtl] .header-tab-search.header-tab-search-default .header-tab-input-wrapper {
	padding-left: 16px;
	padding-right: 20px
}

.header-tab-search.header-tab-search-default .header-tab-action-default {
	grid-gap: 8px;
	gap: 8px
}

.header-tab-search.header-tab-search-default .header-tab-panel.show-default-panel {
	margin-top: 12px
}

.header-tab-search.header-tab-search-full-screen {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 0 20px;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.header-tab-search.header-tab-search-full-screen .header-tab-input-panel {
	border-radius: 20px;
	-webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08);
	box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08);
	left: 0;
	padding: 2px;
	position: absolute;
	top: 0;
	z-index: 1002
}

[dir=rtl] .header-tab-search.header-tab-search-full-screen .header-tab-input-panel {
	left: auto;
	right: 0
}

.header-tab-search.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding: 16px;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-gap: 10px;
	background: #fff;
	border-radius: 18px;
	gap: 10px
}

.header-tab-search.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-wrapper {
	height: 22px;
	width: 100%
}

.header-tab-search.header-tab-search-full-screen .header-tab-panel {
	border-radius: 20px;
	left: 0;
	position: absolute;
	top: 116px;
	width: 100%;
	z-index: 1001
}

[dir=rtl] .header-tab-search.header-tab-search-full-screen .header-tab-panel {
	left: auto;
	right: 0
}

/* end style 32 */
/* start style 33 */
.input-zip-code {
	inline-size: 342px;
	height: 38px;
	border: 1px solid #c3c6cf;
	padding: 0;
	border-radius: 4px;
	padding: 0 12px;
	box-sizing: border-box;
}

.input-invalid-text {
	display: inline-block;
	color: #b3261e;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 8px;
}

.input-zip-code::placeholder {
	color: #767676;
	font-style: normal;
}

.crated-header-ship-to *,
.crated-header-ship-to-trigger * {
	box-sizing: border-box;
	font-size: 14px;
}

.crated-header-ship-to-trigger {
	position: relative;
	display: inline-block;
	cursor: default;
}

.crated-header-ship-to-country-item {
	display: flex;
	align-items: center;
	height: 36px;
	padding: 12px;
	cursor: pointer;
}

.crated-header-ship-to-country-item:hover {
	background: #eee;
}

.crated-header-ship-to-country-item i {
	margin-inline-end: 4px;
}

.crated-header-ship-to {
	background: #fff;
	padding: 20px;
	inline-size: 380px;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	overflow-x: hidden;
}

.crated-header-ship-to .crated-header-ship-to-title {
	color: rgb(51, 51, 51);
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 4px;
}

.crated-header-ship-to .crated-header-ship-to-desc {
	margin-top: 8px;
	color: rgb(51, 51, 51);
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}

.crated-header-ship-to .crated-header-ship-to-sign-in {
	inline-size: 100%;
	background-color: #ff6a00;
	border: none;
	border-radius: 9999px;
	display: block;
	text-align: center;
	margin-top: 6px;
	line-height: 36px;
	height: 36px;
	cursor: pointer;
	color: #fff !important;
	outline: none;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.crated-header-ship-to .address-item-container {
	margin-bottom: 8px;
}

.crated-header-ship-to .ship-to-invalid-span {
	display: flex;
	color: #b3261e;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 8px;
}

.crated-header-ship-to .ship-to-invalid-span>img {
	height: 16px;
	inline-size: 16px;
	margin-inline-end: 2px;
}

.crated-header-ship-to .crated-header-ship-to-item {
	color: #333;
	border: 1px solid #e6e7eb;
	cursor: pointer;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 22px;
	border-radius: 4px;
}

.crated-header-ship-to .crated-header-ship-to-item b {
	margin-inline-end: 2px;
}

.crated-header-ship-to .crated-header-ship-to-item .crated-header-ship-to-item-default-mb {
	display: none;
}

.crated-header-ship-to .crated-header-ship-to-item .crated-header-ship-to-item-default-mb {
	margin-bottom: 8px;
}

.crated-header-ship-to .crated-header-ship-to-item.current {
	border: 1px solid #ff6a00;
}

.crated-header-ship-to .crated-header-ship-to-item.current .crated-header-ship-to-item-default-mb {
	display: block;
}

.crated-header-ship-to .crated-header-ship-to-item .crated-header-ship-to-item-default {
	display: inline-block;
	margin-top: 12px;
	color: #ff6600;
	font-size: 12px;
	background: #fff1e8;
	padding: 0px 2px;
	border-radius: 4px;
	line-height: 24px;
}

.crated-header-ship-to .crated-header-ship-to-action-container {
	margin-top: 16px;
}

.crated-header-ship-to .crated-header-ship-to-action-container .crated-header-ship-to-separator {
	position: relative;
	top: -0.06em;
	display: inline-block;
	inline-size: 1px;
	background: #d8d8d8;
	height: 0.9em;
	margin: 0 8px;
	vertical-align: middle;
}

.crated-header-ship-to .crated-header-ship-to-action-container .crated-header-ship-to-action {
	border-radius: 0;
	padding: 0;
	height: 20px;
	font-size: 14px;
	border-width: 0;
	color: #222;
	background: none;
	border: none;
	outline: none;
	cursor: pointer;
	line-height: 18px;
	text-decoration-line: underline !important;
}

.crated-header-ship-to .crated-header-ship-to-dash-wrapper {
	margin: 24px 0;
	position: relative;
}

.crated-header-ship-to .crated-header-ship-to-dash-wrapper .crated-header-ship-to-dash-line {
	border-top: 1px solid #dddddd;
}

.crated-header-ship-to .crated-header-ship-to-dash-wrapper .crated-header-ship-to-dash-line-text-wrapper {
	top: -9px;
	inline-size: 100%;
	position: absolute;
	text-align: center;
}

.crated-header-ship-to .crated-header-ship-to-dash-wrapper .crated-header-ship-to-dash-line-text-wrapper .crated-header-ship-to-dash-line-text {
	color: #767676;
	display: inline-block;
	padding: 2px 12px;
	font-size: 12px;
	background: #fff;
}

.crated-header-ship-to .ship-to-country {
	inline-size: 342px;
	height: 29px;
	box-sizing: border-box;
}

.crated-header-ship-to .ship-to-country.invalid-country .css-13cymwt-control {
	border-color: #b3261e;
}

.crated-header-ship-to .ship-to-country-item {
	height: 36px;
	padding: 12px;
	cursor: pointer;
}

.crated-header-ship-to .ship-to-country-item:hover {
	background: #eee;
}

.crated-header-ship-to .ship-to-zip {
	margin-top: 19px;
	margin-bottom: 16px;
}

.crated-header-ship-to .crated-header-ship-to-no-data-container,
.crated-header-ship-to .crated-header-ship-to-action-main {
	text-align: center;
}

.crated-header-ship-to .crated-header-ship-to-no-data-container .crated-header-ship-to-action-btn,
.crated-header-ship-to .crated-header-ship-to-no-data-container button,
.crated-header-ship-to .crated-header-ship-to-action-main .crated-header-ship-to-action-btn,
.crated-header-ship-to .crated-header-ship-to-action-main button {
	min-inline-size: 98px;
	inline-size: 160px;
	background-color: #ff6a00;
	border: none;
	border-radius: 2px;
	text-align: center;
	margin-top: 6px;
	line-height: 36px;
	height: 36px;
	box-sizing: border-box;
	cursor: pointer;
	color: #fff !important;
	border-radius: 9999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.crated-header-ship-to .crated-header-ship-to-no-data-container button,
.crated-header-ship-to .crated-header-ship-to-action-main button {
	inline-size: 100%;
}

.crated-header-ship-to .crated-header-ship-to-no-data-container .crated-header-ship-to-action-btn,
.crated-header-ship-to .crated-header-ship-to-action-main .crated-header-ship-to-action-btn {
	display: block;
	inline-size: 100%;
}

.crated-header-ship-to .crated-header-ship-to-no-data-container button {
	inline-size: 100%;
}

/* end style 33 */
/* start style 34 */
.im-header-notification {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.im-header-notification .action-icon svg {
	fill: currentColor;
}

.im-header-notification:hover .balloon-wrapper {
	display: block;
}

.im-header-notification .balloon-wrapper {
	display: none;
	position: absolute;
	top: 36px;
	left: -182px;
	width: 380px;
	background-color: #fff;
	border-radius: 10px;
	padding: 12px 0;
	z-index: 99;
	box-shadow: 0px 4px 10px #ddd;
}

.im-header-notification .balloon-wrapper:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	transform: rotate(45deg);
	position: absolute;
	top: -8px;
	background-color: #fff;
	left: 186px;
}

.im-header-notification .unread-count,
.im-header-list .unread-count {
	position: absolute;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 8px;
	background-color: #e52828;
	color: #fff;
	font-size: 12px;
	padding: 0 6px;
}

.im-header-notification .unread-count {
	left: 50%;
	top: -8px;
}

[dir=rtl] .im-header-notification .unread-count {
	left: -50%;
	top: -8px;
}

.im-header-list {
	padding: 6px 4px;
}

.im-header-list .list-header {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 0 14px;
}

.im-header-list .im-header-list-item {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0 14px;
}

.im-header-list .im-header-list-item:hover {
	background-color: #e6e9ed;
}

.im-header-list .contact-left {
	position: relative;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	flex-shrink: 0;
	box-sizing: border-box;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

.im-header-list .contact-left img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.im-header-list .letter {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #fff;
	background-color: #50e3c2;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

.im-header-list .unread-num {
	position: absolute;
	right: 2px;
	top: 4px;
	background-color: #f33;
	color: #fff;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-weight: normal;
	border: 1px solid #fff;
	transform: scale(0.8);
}

.im-header-list .contact-right {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	flex-grow: 1;
	padding: 6px 0 10px;
	overflow: hidden;
}

.im-header-list .contact-info {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	min-width: 0;
}

.im-header-list .name {
	font-size: 14px;
	color: #333;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}

.im-header-list .contact-time {
	flex-shrink: 0;
	flex-grow: 1;
	text-align: right;
	color: #999;
	font-size: 12px;
}

.im-header-list .contact-company {
	padding-right: 44px;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.im-header-list .msg-wrapper {
	margin: 2px 0;
}

.im-header-list .msg-wrapper p {
	padding: 0;
	margin: 0;
}

.im-header-list .latest-msg {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	color: #666;
	position: relative;
}

.im-header-list .latest-msg.latest-msg-rec {
	padding-right: 25px;
}

.im-header-list .latest-msg .latest-msg-oneline {
	width: 100%;
}

.im-header-list .latest-msg .latest-msg-oneline p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.im-header-list .unread-count {
	top: 30px;
	right: 14px;
	left: auto;
}

.im-header-list .button-bar {
	padding: 0 14px;
}

.im-header-list .list-view-more {
	width: 100%;
	background-color: #ff1900;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 18px;
	cursor: pointer;
}

.im-header-list .list-view-more:hover {
	background-color: #979493;
}

.im-header-list .list-view-more:active {
	background-color: #979493;
}

.im-header-list .no-data-img {
	width: 160px;
	margin: 30px auto 0;
	display: block;
}

.im-header-list .no-data-tip,
.im-header-list .login-tip {
	color: #222;
	font-size: 12px;
	text-align: center;
	margin: 20px 0;
}

.im-header-list .login-tip {
	margin: 40px 0;
	line-height: 20px;
}

/* end style 34 */
/* start style 35 */
.src--Launcher_content--11g09bj {
	min-width: 1000px;
	background: #fff;
	grid-gap: 40px;
	gap: 40px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: default
}

.src--Launcher_content--11g09bj,
.src--left_resources--2QAeo_v {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.src--left_resources--2QAeo_v {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.src--title_content--1Bo-c60 {
	font-size: 28px;
	font-weight: 700;
	color: #222;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 35px
}

.src--title_text--1xDh2ZB {
	max-width: 620px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 35px
}

.src--logo--3bBaHqV {
	margin-left: 8px
}

.src--sub_title--3yhvFPn {
	margin-top: 8px;
	line-height: 25px;
	font-size: 20px;
	width: 650px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.src--footer_title--YltMh5l {
	font-size: 14px;
	color: #767676;
	margin-top: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.src--footer_button--1HRzQeh,
.src--footer_title--YltMh5l {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.src--footer_button--1HRzQeh {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 140px;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	background: #1ead6f;
	color: #fff;
	border-radius: 65px;
	height: 50px;
	margin-top: 30px;
	padding: 0 20px
}

.src--link--_GYnQg6 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	white-space: normal;
	word-break: break-word
}

.src--right_resources--7a3Ksre {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 250px
}

.src--footer_logo--2xiIxvq {
	margin-left: 8px
}

.src--right_resources--7a3Ksre img {
	max-width: 630px;
	max-height: 354px;
	border-radius: 12px
}

.cardList--card--rOvbHCM {
	margin-top: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 20px;
	gap: 20px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.cardList--card_content--3l3Esa- {
	line-height: 20px;
	font-size: 16px;
	max-width: 216px;
	background: #e6faf2;
	border-radius: 12px;
	padding: 20px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	cursor: pointer
}

.cardList--card_title--1fpRTQS {
	margin-top: 12px
}

/* end style 35 */
/* start style 36 */
.qJTHM {
	-webkit-user-select: none;
	color: #202124;
	direction: ltr;
	-webkit-touch-callout: none;
	font-family: "Roboto-Regular", arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	margin: 0;
	overflow: hidden;
	-webkit-text-size-adjust: 100%
}

.ynRLnc {
	left: -9999px;
	position: absolute;
	top: -9999px
}

.L6cTce {
	display: none
}

.bltWBb {
	overflow-wrap: break-word;
	word-break: break-word
}

.hSRGPd {
	color: #1a73e8;
	cursor: pointer;
	font-weight: 500;
	text-decoration: none
}

.Bz112c-W3lGp {
	height: 16px;
	width: 16px
}

.Bz112c-E3DyYd {
	height: 20px;
	width: 20px
}

.Bz112c-r9oPif {
	height: 24px;
	width: 24px
}

.Bz112c-u2z5K {
	height: 36px;
	width: 36px
}

.Bz112c-uaxL4e {
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.LgbsSe-Bz112c {
	display: block
}

.S9gUrf-YoZ4jf,
.S9gUrf-YoZ4jf * {
	border: none;
	margin: 0;
	padding: 0
}

.fFW7wc-ibnC6b>.aZ2wEe>div {
	border-color: #4285f4
}

.P1ekSe-ZMv3u {
	-webkit-transition: height linear 200ms;
	-webkit-transition: height linear 200ms;
	transition: height linear 200ms
}

.P1ekSe-ZMv3u>div:nth-child(1) {
	background-color: #1a73e8 !important;
	-webkit-transition: width linear 300ms;
	-webkit-transition: width linear 300ms;
	transition: width linear 300ms
}

.P1ekSe-ZMv3u>div:nth-child(2),
.P1ekSe-ZMv3u>div:nth-child(3) {
	background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.haAclf {
	display: inline-block
}

.nsm7Bb-HzV7m-LgbsSe {
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-transition: background-color 0.218s, border-color 0.218s;
	transition: background-color 0.218s, border-color 0.218s;
	-webkit-user-select: none;
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dadce0;
	color: #3c4043;
	cursor: pointer;
	font-family: "Google Sans", arial, sans-serif;
	font-size: 14px;
	height: 40px;
	letter-spacing: 0.25px;
	outline: none;
	overflow: hidden;
	padding: 0 12px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: auto
}

@media screen and (-ms-high-contrast:active) {
	.nsm7Bb-HzV7m-LgbsSe {
		border: 2px solid windowText;
		color: windowText
	}
}

@media screen and (preferes-contrast:more) {
	.nsm7Bb-HzV7m-LgbsSe {
		color: #000
	}
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
	font-size: 14px;
	height: 32px;
	letter-spacing: 0.25px;
	padding: 0 10px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
	font-size: 11px;
	height: 20px;
	letter-spacing: 0.3px;
	padding: 0 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
	padding: 0;
	width: 40px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
	width: 32px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
	width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
	border-radius: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
	border-radius: 16px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
	border-radius: 10px
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
	border: none;
	color: #fff
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
	background-color: #1a73e8
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
	background-color: #202124;
	color: #e8eaed
}

@media screen and (prefers-contrast:more) {
	.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
		color: #fff
	}
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	height: 18px;
	margin-right: 8px;
	min-width: 18px;
	width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	height: 14px;
	min-width: 14px;
	width: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	height: 10px;
	min-width: 10px;
	width: 10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	margin-left: 8px;
	margin-right: -4px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	margin: 0;
	padding: 10px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	padding: 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	padding: 4px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #fff;
	height: 36px;
	margin-left: -10px;
	margin-right: 12px;
	min-width: 36px;
	width: 36px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
	margin: 0;
	padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	height: 28px;
	margin-left: -8px;
	margin-right: 10px;
	min-width: 28px;
	width: 28px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	height: 16px;
	margin-left: -6px;
	margin-right: 8px;
	min-width: 16px;
	width: 16px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-radius: 3px;
	margin-left: 2px;
	margin-right: 0;
	padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-radius: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-radius: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-radius: 8px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 100%;
	position: relative;
	width: 100%
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	font-family: "Google Sans", arial, sans-serif;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
	font-weight: 300
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
	-webkit-flex-grow: 0;
	-webkit-box-flex: 0;
	flex-grow: 0
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
	-webkit-transition: background-color 0.218s;
	transition: background-color 0.218s;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.nsm7Bb-HzV7m-LgbsSe:hover,
.nsm7Bb-HzV7m-LgbsSe:focus {
	box-shadow: none;
	border-color: #d2e3fc;
	outline: none
}

.nsm7Bb-HzV7m-LgbsSe:focus-within {
	outline: 2px solid #00639b;
	border-color: transparent
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
	background: rgba(66, 133, 244, .08)
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
	background: rgba(66, 133, 244, .1)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
	background: rgba(255, 255, 255, .24)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
	background: rgba(255, 255, 255, .32)
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 20px;
	margin-left: -4px;
	margin-right: 8px;
	min-width: 20px;
	width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
	font-family: "Roboto";
	font-size: 12px;
	text-align: left
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
	overflow: hidden;
	text-overflow: ellipsis
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	color: #5f6368;
	fill: #5f6368;
	font-size: 11px;
	font-weight: 400
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
	color: #e8eaed;
	fill: #e8eaed
}

@media screen and (prefers-contrast:more) {

	.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,
	.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
		color: #000;
		fill: #000
	}
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
	height: 18px;
	margin: -3px -3px -3px 2px;
	min-width: 18px;
	width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-left: 12px;
	margin-right: -10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
	border-radius: 18px
}

.L5Fo6c-sM5MNb {
	border: 0;
	display: block;
	left: 0;
	position: relative;
	top: 0
}

.L5Fo6c-bF1uUb {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.L5Fo6c-bF1uUb:focus {
	border: none;
	outline: none
}

/* end style 36 */
/* start style 37 */
#credential_picker_container {
	border: none;
	height: 330px;
	position: fixed;
	right: 20px;
	top: 20px;
	width: 391px;
	z-index: 9999
}

#credential_picker_container .L5Fo6c-PQbLGe {
	border: none;
	width: 391px;
	height: 330px
}

@media only screen and (max-width:410px) {
	#credential_picker_container {
		overflow-x: hidden;
		overflow-y: auto;
		right: 0;
		width: 100vw
	}

	#credential_picker_container .L5Fo6c-PQbLGe {
		width: 100vw
	}
}

#g_a11y_announcement {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px
}

.L5Fo6c-sM5MNb {
	border: 0;
	display: block;
	left: 0;
	position: relative;
	top: 0
}

.L5Fo6c-bF1uUb {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.L5Fo6c-bF1uUb:focus {
	border: none;
	outline: none
}

/* end style 37 */
/* start style 38 */
.no-border-radius .marketing-pc-atmosphere {
	border-radius: 0 !important
}

#icbu-marketing-atmosphere {
	cursor: default !important
}

.index_module_xmanButton__4c82e0fd {
	--btn-primary-color: #4f97b8;
	--btn-primary-hover-color: #c53b00;
	--btn-secondary-color: #fff;
	--btn-border-color: #222;
	--btn-text-primary: #fff;
	--btn-text-secondary: #222;
	--btn-disabled-opacity: 0.4;
	--btn-disabled-border: #a6a6a6;
	--btn-disabled-bg-primary: var(--btn-primary-color);
	--btn-disabled-bg-secondary: #fff;
	--btn-disabled-text-primary: #fff;
	--btn-disabled-text-secondary: var(--btn-disabled-border);
	border: none;
	border-radius: 999px;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 700;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	padding: 0 8px;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	transition: all .2s ease;
	white-space: nowrap;
	width: 100%
}

.index_module_xmanButtonSecondary__4c82e0fd {
	background-color: var(--btn-secondary-color);
	border: 1px solid var(--btn-border-color);
	color: var(--btn-text-secondary)
}

.index_module_xmanButtonPrimary__4c82e0fd {
	background-color: var(--btn-primary-color);
	border-width: 0;
	color: var(--btn-text-primary)
}

.index_module_xmanButtonDisabled__4c82e0fd {
	cursor: not-allowed;
	pointer-events: none
}

.index_module_xmanButtonDisabled__4c82e0fd.index_module_xmanButtonPrimary__4c82e0fd {
	background-color: var(--btn-disabled-bg-primary);
	color: var(--btn-disabled-text-primary);
	opacity: var(--btn-disabled-opacity)
}

.index_module_xmanButtonDisabled__4c82e0fd.index_module_xmanButtonSecondary__4c82e0fd {
	background-color: var(--btn-disabled-bg-secondary);
	border-color: var(--btn-disabled-border);
	color: var(--btn-disabled-text-secondary)
}

.index_module_xmanButtonBlock__4c82e0fd {
	display: block;
	width: 100%
}

.index_module_xmanButtonATag__4c82e0fd:active,
.index_module_xmanButtonATag__4c82e0fd:focus,
.index_module_xmanButtonATag__4c82e0fd:hover,
.index_module_xmanButtonATag__4c82e0fd:link,
.index_module_xmanButtonATag__4c82e0fd:visited {
	text-decoration: none
}

.index_module_xmanButtonPrimary__4c82e0fd:hover {
	background-color: var(--btn-primary-hover-color)
}

.index_module_xmanButton__4c82e0fd:active:not(.index_module_xmanButtonDisabled__4c82e0fd) {
	transform: translateY(0)
}

.index_module_xmanButton__4c82e0fd:not(.index_module_xmanButtonBlock__4c82e0fd) {
	display: inline-block;
	min-width: 120px;
	width: auto
}

.member-checkbox {
	align-items: center;
	color: #333;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	line-height: 1.5;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.member-checkbox:focus {
	outline: none
}

.member-checkbox:focus .member-checkbox__icon {
	border-radius: 4px;
	box-shadow: 0 0 0 2px rgba(34, 34, 34, .2)
}

.member-checkbox--disabled {
	cursor: not-allowed;
	opacity: .5
}

.member-checkbox--disabled:hover .member-checkbox__icon {
	opacity: .5
}

.member-checkbox__icon {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	transition: all .2s ease
}

.member-checkbox__icon svg {
	display: block
}

.member-checkbox__label {
	color: inherit;
	flex: 1;
	font-size: inherit;
	line-height: inherit;
	margin-left: 8px
}

.ant-select-dropdown .ant-empty-description,
.member-checkbox__label:empty {
	display: none
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5 {
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	color: #767676;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 400;
	justify-content: center;
	line-height: 1.4;
	position: absolute;
	text-decoration: none;
	transition: all .2s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 1000
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5:hover {
	color: #767676;
	text-decoration: none
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5:active {
	color: #767676
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionBottomRight__11b9afc5 {
	bottom: 32px;
	right: 32px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionBottomLeft__11b9afc5 {
	bottom: 32px;
	left: 32px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionTopRight__11b9afc5 {
	right: 32px;
	top: 32px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionTopLeft__11b9afc5 {
	left: 32px;
	top: 32px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionBottomRight__11b9afc5 {
	bottom: 28px;
	right: 28px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionBottomLeft__11b9afc5 {
	bottom: 28px;
	left: 28px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionTopRight__11b9afc5 {
	right: 28px;
	top: 28px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionTopLeft__11b9afc5 {
	left: 28px;
	top: 28px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeLarge__11b9afc5.CornerLinkButton_module_positionBottomLeft__11b9afc5 {
	bottom: 40px;
	left: 40px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeLarge__11b9afc5.CornerLinkButton_module_positionTopRight__11b9afc5 {
	right: 40px;
	top: 40px
}

.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeLarge__11b9afc5.CornerLinkButton_module_positionTopLeft__11b9afc5 {
	left: 40px;
	top: 40px
}

@media (max-width:768px) {
	.CornerLinkButton_module_cornerLinkButton__11b9afc5 {
		font-size: 14px
	}
}

.pc.LP-form_error {
	color: #b3261e;
	font-size: 12px;
	line-height: 16px
}

.pc.LP-form_error .LP-form_error_icon {
	color: #ff5243;
	font-size: 1.33em;
	line-height: 1em;
	margin-right: 2px;
	position: relative;
	text-shadow: 0 1px 0 #fff;
	top: 2px
}

.h5.LP-form_error {
	color: #b3261e;
	font-size: 2.93333vw;
	margin-top: 2.13333vw
}

.index_module_exceptionState__084dd7ea {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 100%
}

.index_module_image__084dd7ea {
	display: block;
	height: 150px;
	margin-bottom: 24px;
	max-width: 100%;
	width: 150px
}

.index_module_title__084dd7ea {
	color: #222;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	padding-bottom: 16px
}

.index_module_description__084dd7ea {
	color: #000;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 36px
}

.index_module_button__084dd7ea {
	width: 400px
}

.RM-header {
	align-items: center;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	height: 72px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 40px
}

.RM-header_ali_log {
	display: inline-block;
	margin-inline-end: 20px
}

.RM-header_ali_log a {
	background: url(https://s.alicdn.com/@img/i4/O1CN017MrHk61F6C7ZVpv3s_!!6000000000437-2-tps-496-60.png) no-repeat;
	background-size: contain;
	display: block;
	height: 24px;
	text-indent: -9999px;
	width: 200px
}

.RM-header_language {
	height: 48px;
	width: 140px
}

.icbu-input-group-wrapper {
	background-color: #fff;
	border: none;
	border-radius: 8px;
	display: inline-block;
	position: relative;
	text-align: start;
	transition: all .3s;
	vertical-align: top;
	width: 100%
}

.icbu-input-group-wrapper:before {
	border: 1px solid #ddd;
	border-radius: 8px;
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: border-color .3s;
	z-index: 1
}

.icbu-input-group-wrapper:has(.icbu-input-group-addon):before {
	z-index: 10011
}

.icbu-input-group-wrapper .icbu-input-group {
	align-items: stretch;
	display: flex;
	position: relative;
	width: 100%
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon {
	align-items: center;
	background-color: transparent;
	border: none;
	box-sizing: border-box;
	color: #222;
	display: flex;
	flex-shrink: 0;
	font-size: 15px;
	font-weight: 400;
	min-height: 48px;
	padding: 0;
	white-space: nowrap
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon.icbu-input-group-addon-before {
	border-end-end-radius: 0;
	border-end-start-radius: 8px;
	border-inline-end: 1px solid #e8e8e8;
	border-start-end-radius: 0;
	border-start-start-radius: 8px
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon.icbu-input-group-addon-after {
	border-end-end-radius: 8px;
	border-end-start-radius: 0;
	border-inline-start: 1px solid #e8e8e8;
	border-start-end-radius: 8px;
	border-start-start-radius: 0
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon:not(:has(.xman-select)) {
	padding: 0 12px
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	flex: 1;
	position: relative
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper:first-child {
	border-end-end-radius: 0;
	border-end-start-radius: 8px;
	border-start-end-radius: 0;
	border-start-start-radius: 8px
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper:last-child {
	border-end-end-radius: 8px;
	border-end-start-radius: 0;
	border-start-end-radius: 8px;
	border-start-start-radius: 0
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper:only-child {
	border-radius: 8px !important
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper .icbu-input {
	background: transparent;
	border: none;
	box-shadow: none
}

.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper .icbu-input-label {
	inset-inline-start: 12px
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-focused:before {
	border-color: #222
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon-before {
	border-inline-end-color: #e8e8e8
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon-after {
	border-inline-start-color: #e8e8e8
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-select .icbu-select-arrow {
	color: #222 !important
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-error:before {
	border-color: #b3261e
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled {
	background-color: #f5f5f5;
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled:before {
	border-color: #d9d9d9
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled .icbu-input-group-addon {
	color: rgba(0, 0, 0, .25)
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled .icbu-input {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.icbu-input-wrapper {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	display: inline-flex;
	font-size: 15px;
	min-width: 0;
	position: relative;
	transition: all .3s;
	width: 100%
}

.icbu-input-wrapper.password-input {
	margin-top: 10px
}

.icbu-input-wrapper .icbu-input {
	background: 0 0;
	border: 0;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1em;
	height: 48px;
	line-height: 2.466em;
	outline: 0;
	padding: 21px 12px 8px;
	vertical-align: top;
	width: 100%
}

.icbu-input-wrapper .icbu-input[type=password] {
	font-weight: 800;
	letter-spacing: 3px;
	line-height: .8em;
	overflow: hidden
}

.icbu-input-wrapper .icbu-input:-webkit-autofill,
.icbu-input-wrapper .icbu-input:-webkit-autofill:active,
.icbu-input-wrapper .icbu-input:-webkit-autofill:focus,
.icbu-input-wrapper .icbu-input:-webkit-autofill:hover {
	-webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
	transition: color 11111s ease-out, background-color 111111s ease-out;
	transition-delay: 111111s
}

.icbu-input-wrapper .icbu-input-label {
	color: #767676;
	inset-inline-start: 12px;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	text-overflow: ellipsis;
	top: 12px;
	transition-duration: .125s;
	transition-timing-function: ease-in;
	white-space: nowrap;
	width: calc(100% - 24px);
	z-index: 0
}

.icbu-input-wrapper .icbu-input-entered~.icbu-input-label,
.icbu-input-wrapper .icbu-input:focus~.icbu-input-label,
.icbu-input-wrapper .icbu-input:valid[required]~.icbu-input-label,
.icbu-input-wrapper .icbu-input[placeholder]~.icbu-input-label {
	color: #767676;
	font-size: .8em;
	letter-spacing: -.01em;
	line-height: 1.5;
	top: 4px
}

.icbu-input-wrapper .icbu-input-suffix {
	align-items: center;
	display: flex;
	flex: none;
	margin-inline-end: 13px;
	margin-inline-start: 4px
}

.icbu-input-wrapper .icbu-input:-webkit-autofill~.icbu-input-label {
	color: #767676;
	font-size: .8em;
	letter-spacing: -.01em;
	line-height: 1.5;
	top: 4px
}

.icbu-input-wrapper .icbu-input-wrapper .icbu-input:-webkit-autofill {
	border-color: #222
}

.icbu-input-wrapper .icbu-input:-webkit-autofill,
.icbu-input-wrapper .icbu-input:-webkit-autofill:focus,
.icbu-input-wrapper .icbu-input:-webkit-autofill:hover {
	border-color: #222 !important
}

.icbu-input-wrapper .icbu-input:-webkit-autofill~.icbu-input-label {
	color: #767676 !important
}

.icbu-input-wrapper .icbu-input-wrapper:has(.icbu-input:-webkit-autofill) {
	border-color: #222
}

.icbu-input-wrapper-disabled {
	background-color: #f5f5f5;
	border-color: #d9d9d9;
	box-shadow: none;
	opacity: 1
}

.icbu-input-wrapper-disabled,
.icbu-input-wrapper-disabled .icbu-input {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.icbu-input-wrapper-focused {
	border-color: #222
}

.icbu-input-wrapper-error {
	border-color: #b3261e
}

.icbu-input-group-wrapper .icbu-input-group-addon .icbu-select,
.icbu-input-group-wrapper .icbu-input-group-addon .xman * {
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important
}

.icbu-input-group-wrapper .icbu-input-group-addon .xman-select-single:not(.xman-select-customize-input) .xman-select-selector {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 12px !important
}

.icbu-input-group-wrapper .icbu-input-group-addon .xman-select,
.icbu-input-group-wrapper .icbu-input-group-addon .xman-select *,
.icbu-input-group-wrapper .icbu-input-group-addon .xman-select.xman-select-focused .xman-select-selector,
.icbu-input-group-wrapper .icbu-input-group-addon .xman-select.xman-select-open .xman-select-selector,
.icbu-input-group-wrapper .icbu-input-group-addon .xman-select:focus .xman-select-selector,
.icbu-input-group-wrapper .icbu-input-group-addon .xman-select:hover .xman-select-selector {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-before {
	border-inline-end-color: #222
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-after {
	border-inline-start-color: #222
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-error .icbu-input-group-addon.icbu-input-group-addon-before {
	border-inline-end-color: #e52828 !important
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-error .icbu-input-group-addon.icbu-input-group-addon-after {
	border-inline-start-color: #e52828 !important
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-error.icbu-input-group-wrapper-focused:before {
	border-color: #e52828 !important
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-error.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-before {
	border-inline-end-color: #e52828 !important
}

.icbu-input-group-wrapper.icbu-input-group-wrapper-error.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-after {
	border-inline-start-color: #e52828 !important
}

body:has(.icbu-input-group-addon-before .xman-select-open) .xman-select-dropdown {
	border-start-end-radius: 0 !important
}

body:has(.icbu-input-group-addon-before .xman-select-open) .xman-select-dropdown .xman-dropdown-gap~div {
	border-start-end-radius: 0 !important
}

body:has(.icbu-input-group-addon-after .xman-select-open) .xman-select-dropdown {
	border-start-start-radius: 0 !important
}

body:has(.icbu-input-group-addon-after .xman-select-open) .xman-select-dropdown .xman-dropdown-gap~div {
	border-start-start-radius: 0 !important
}

.index_module_loadingMask__24decb21 {
	--loading-mask-bg: rgba(0, 0, 0, .6);
	--loading-text-color: #333;
	--loading-text-size: 14px;
	--loading-icon-size: 32px;
	align-items: center;
	background-color: var(--loading-mask-bg);
	display: flex;
	justify-content: center
}

.index_module_loadingMaskGlobal__24decb21 {
	bottom: 0;
	height: 100vh;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw
}

.index_module_loadingMaskLocal__24decb21 {
	border-radius: inherit;
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.index_module_loadingContent__24decb21 {
	align-items: center;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
	padding: 20px 28px;
	text-align: center
}

.index_module_loadingSpin__24decb21 {
	align-items: center;
	display: flex;
	height: var(--loading-icon-size);
	justify-content: center;
	width: var(--loading-icon-size)
}

.index_module_loadingIcon__24decb21 {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%
}

.index_module_loadingText__24decb21 {
	color: var(--loading-text-color);
	font-size: var(--loading-text-size);
	line-height: 1.4;
	margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap
}

@media (max-width:768px) {
	.index_module_loadingContent__24decb21 {
		gap: 8px
	}

	.index_module_loadingText__24decb21 {
		font-size: 12px
	}

	.index_module_loadingSpin__24decb21 {
		--loading-icon-size: 28px
	}
}

@media (prefers-color-scheme:dark) {
	.index_module_loadingMask__24decb21 {
		--loading-text-color: #333
	}

	.index_module_loadingContent__24decb21 {
		background: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .3)
	}
}

@media (prefers-contrast:high) {
	.index_module_loadingMask__24decb21 {
		--loading-mask-bg: rgba(0, 0, 0, .8);
		--loading-text-color: #333
	}

	.index_module_loadingContent__24decb21 {
		background: #fff;
		border: 1px solid #e0e0e0;
		box-shadow: 0 4px 16px rgba(0, 0, 0, .4)
	}
}

@media (prefers-reduced-motion:reduce) {
	.index_module_loadingIcon__24decb21 {
		animation: none
	}
}

.member-otp-container .ant-input-outlined {
	font-size: 20px !important;
	font-weight: 700 !important;
	height: 55px !important;
	padding-inline: 4px !important;
	text-align: center !important;
	width: 55px !important
}

.member-otp-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
	border-color: #b3261e
}

.member-otp-container .ant-input {
	font-size: 20px !important;
	font-weight: 700 !important;
	height: 55px !important;
	padding-inline: 4px !important;
	text-align: center !important;
	width: 55px !important
}

.LP-topbar {
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.LP-navbar_right_button img {
	height: 6.66667vw;
	margin-inline-end: 5.33333vw;
	width: 6.66667vw
}

.LP-navbar_right_text {
	color: #767676;
	font-size: 3.73333vw;
	height: 6.66667vw;
	overflow: hidden;
	padding-inline-end: 1.06667vw;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 16vw
}

.custom-dialog-wrapper {
	margin: 2px 0
}

.nc_wrapper {
	border-radius: 32px;
	overflow: hidden
}

.nc-container .nc_scale .nc_bg {
	padding-right: 15px
}

.nc_iconfont.btn_ok,
.nc_iconfont.btn_slide {
	background: linear-gradient(to bottom right, #fe8e43, #ff6a00) !important;
	border: 1px solid #ff6a00 !important;
	border-radius: 32px;
	box-shadow: 0 2px 4px rgba(255, 106, 0, .5);
	color: #fff !important;
	font-size: 20px !important;
	overflow: hidden;
	width: 56px !important
}

.nc_wrapper .nc_bg {
	background: linear-gradient(90deg, rgba(255, 106, 0, .6), #f5f5f5) !important
}

#pure-bx-feedback-btn {
	display: none
}

.nc-container .nc_wrapper .errloading {
	height: 100%
}

._nc .stage1 {
	overflow: hidden !important
}

._nc .stage1,
._nc .stage1 .slider {
	border-radius: 36px !important;
	height: 36px !important
}

._nc .stage1 .slider {
	overflow: hidden
}

._nc .stage1 .label,
._nc .stage1 .track div {
	font-size: 14px !important;
	height: 36px !important;
	line-height: 36px !important
}

._nc .stage1 .button {
	align-items: center;
	background: linear-gradient(to bottom right, #fe8e43, #ff6a00) !important;
	border: 1px solid #ff6a00 !important;
	border-radius: 36px !important;
	box-shadow: 0 2px 4px rgba(255, 106, 0, .5);
	color: #fff !important;
	display: flex;
	font-size: 20px !important;
	height: 36px !important;
	justify-content: center;
	overflow: hidden;
	width: 56px !important
}

._nc .stage1 .button .icon {
	font-size: 20px;
	height: 20px;
	position: static;
	width: 20px
}

._nc .stage1 .bg-green {
	background: linear-gradient(90deg, rgba(255, 106, 0, .6), #f5f5f5) !important
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0 {
	--responsive-bg-color: #fff;
	--responsive-content-bg: #fff;
	--responsive-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	--responsive-border-radius: 16px;
	--breakpoint-mobile: 750px;
	--breakpoint-small: 824px;
	--breakpoint-medium: 1080px;
	--container-large: 1000px;
	--container-small: 686px;
	--padding-large: 40px;
	--padding-medium: 30px;
	--padding-small: 20px;
	--padding-mobile: 16px;
	--padding-base: 32px;
	margin: 0 auto;
	max-width: var(--container-large);
	min-height: 480px;
	position: relative;
	width: 100%
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_withBackground__2a32e8e0 {
	background-color: var(--responsive-bg-color);
	border-radius: var(--responsive-border-radius);
	min-width: var(--container-small)
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
	box-sizing: border-box;
	margin: 0 auto;
	min-width: var(--container-small);
	padding: var(--padding-base);
	position: relative
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0>* {
	box-sizing: border-box
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_centered__2a32e8e0 {
	display: flex;
	justify-content: center
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_centered__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
	align-items: center;
	display: flex;
	flex-direction: column
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_withPadding__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
	padding-top: var(--padding-base)
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_withPadding__2a32e8e0) .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
	padding: 0
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_withBackground__2a32e8e0) {
	background: transparent
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_withBackground__2a32e8e0) .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
	background: var(--responsive-content-bg);
	border-radius: var(--responsive-border-radius);
	box-shadow: var(--responsive-shadow)
}

.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_centered__2a32e8e0) .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
	margin: 0
}

@media (max-width:749px) {
	.ResponsiveContainer_module_responsiveContainer__2a32e8e0 {
		margin-left: 32px !important;
		margin-right: 32px !important;
		min-width: var(--container-small);
		width: calc(100% - 64px)
	}
}

@media (min-width:750px) {
	.ResponsiveContainer_module_responsiveContainer__2a32e8e0 {
		min-width: var(--container-small);
		width: calc(100% - 80px)
	}

	.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
		padding-left: var(--padding-base);
		padding-right: var(--padding-base);
		width: var(--container-small)
	}
}

@media (min-width:824px) {
	.ResponsiveContainer_module_responsiveContainer__2a32e8e0 {
		width: calc(100% - 80px)
	}

	.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
		padding-left: var(--padding-medium);
		padding-right: var(--padding-medium);
		width: 100%
	}
}

@media (min-width:1080px) {
	.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
		padding-left: var(--padding-large);
		padding-right: var(--padding-large);
		width: var(--container-large)
	}

	.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_withPadding__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0 {
		padding: var(--padding-large) 60px
	}
}

.xman-select-single .xman-select-selector .xman-select-selection-item,
.xman-select-single .xman-select-selector .xman-select-selection-placeholder,
.xman-select-wrapper .xman-select-name {
	inset-inline-start: 12px
}

.xman-select-single:not(.xman-select-customize-input) .xman-select-selector .xman-select-selection-search-input {
	inset-inline-start: 8px
}

.xman-select-error .xman-select-selector {
	border-color: #b3261e !important
}

.xman-select-allow-clear.xman-select-multiple .xman-select-selector {
	padding-inline-end: 20px
}

.xman-select-allow-clear .xman-select-clear {
	inset-inline-end: 20px
}

.xman-select-show-arrow.xman-select-multiple .xman-select-selector {
	padding-inline-end: 20px
}

.xman-select-item-option-grouped {
	padding-inline-start: 24px
}

.xsu-toast {
	font-size: 16px;
	line-height: 22px;
	max-width: 500px;
	padding: 12px 16px;
	top: 60px;
	z-index: 9011
}

.xsu-toast.xsu-toast-fail,
.xsu-toast.xsu-toast-normal,
.xsu-toast.xsu-toast-success {
	background-color: rgba(0, 0, 0, .85);
	color: #fff
}

.xsu-toast.xsu-toast-warning {
	background-color: #fffbe6;
	border: 1px solid #ffe58f;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
	color: #d48806
}

.xsu-toast.xsu-toast-info {
	background-color: #e6f7ff;
	border: 1px solid #91d5ff;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
	color: #0958d9
}

.xsu-toast.xsu-toast-loading {
	background-color: #fff;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
	color: #262626
}

.xsu-toast.xsu-toast-no-shadow {
	box-shadow: none !important
}

.xsu-toast .xsu-toast_icon {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 16px;
	justify-content: center;
	margin-inline-end: 8px;
	width: 16px
}

.xsu-toast .xsu-toast_icon.xsu-toast_loading-icon {
	animation: toast-loading-spin 1s linear infinite
}

@keyframes toast-loading-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.xsu-toast-m {
	align-items: center;
	border-radius: 8px;
	box-sizing: border-box;
	color: #222;
	display: flex;
	font-size: 13px;
	left: 50%;
	line-height: 15px;
	max-width: 500px;
	padding: 15px 16px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9011
}

.xsu-toast-m.xsu-toast-fail,
.xsu-toast-m.xsu-toast-normal,
.xsu-toast-m.xsu-toast-success {
	background-color: rgba(0, 0, 0, .85);
	color: #fff
}

.xsu-toast-m.xsu-toast-warning {
	background-color: #fffbe6;
	border: 1px solid #ffe58f;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	color: #d48806
}

.xsu-toast-m.xsu-toast-info {
	background-color: #e6f7ff;
	border: 1px solid #91d5ff;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	color: #0958d9
}

.xsu-toast-m.xsu-toast-loading {
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	color: #262626
}

.xsu-toast-m.xsu-toast-no-shadow {
	box-shadow: none !important
}

.xsu-toast-m .xsu-toast_icon {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 18px;
	justify-content: center;
	margin-inline-end: 4px;
	width: 18px
}

.xsu-toast-m .xsu-toast_icon.xsu-toast_loading-icon {
	animation: toast-loading-spin 1s linear infinite
}

.speedy3-navbar {
	background-color: var(--wrapper-bg-color);
	box-shadow: var(--navbar-shadow);
	z-index: 99
}

.speedy3-navbar .navbar-icon {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-right: 5.33333vw
}

.speedy3-navbar .icon-wrap {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-inline-start: 5.33333vw;
	z-index: 1
}

.speedy3-navbar .status-bar-placeholder {
	height: var(--status-height);
	width: 100vw
}

.speedy3-navbar .app-top-bar {
	display: flex;
	height: var(--appbar-height);
	justify-content: center;
	top: 0;
	width: 100vw
}

.speedy3-navbar .navbar-wrapper {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: row;
	justify-content: space-between;
	position: relative
}

.speedy3-navbar .right-icon-wrapper {
	flex-direction: row;
	z-index: 1
}

.speedy3-navbar .right-icon-wrapper .exclamation-mark {
	vertical-align: bottom
}

.speedy3-navbar .title-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100vw
}

.speedy3-navbar .title-wrapper .title {
	color: var(--title-color);
	flex: 1;
	font-size: 4.8vw;
	font-weight: 700;
	line-height: 6.66667vw;
	max-width: 66.66667vw;
	overflow: hidden;
	padding: 0 2.13333vw;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}

html[dir=rtl] .speedy3-navbar .icon-wrap .bbp-icon-font {
	transform: rotate(180deg)
}

.Prompt-IVModal-wrapper {
	align-items: center;
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.Prompt-IVModal-wrapper .Prompt-IVModal-box {
	background-color: #fff;
	position: relative
}

.Prompt-IVModal-wrapper .Prompt-IVModal-box .Prompt-IVModal-header-icon {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 30px;
	justify-content: center;
	position: absolute;
	right: 28px;
	top: 16px;
	width: 30px;
	z-index: 10
}

.Prompt-IVModal-wrapper .Prompt-IVModal-box .Prompt-IVModal-header-icon svg {
	height: 28px;
	width: 28px
}

.Prompt-IVModal-wrapper .Prompt-IVModal-box .Prompt-IVModal-iframe {
	border: none;
	border-radius: inherit;
	height: 100%;
	width: 100%
}

.Prompt-IVModal-wrapper-h5 .Prompt-IVModal-box {
	height: 70%;
	width: 90%
}

.Prompt-IVModal-wrapper-pc .Prompt-IVModal-box {
	border-radius: 16px;
	height: 600px;
	width: 500px
}

.index_module_notification__76942d11 {
	align-items: center;
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 12px
}

.index_module_notification__76942d11.index_module_success__76942d11 {
	background-color: #ebf9eb
}

.index_module_notification__76942d11.index_module_success__76942d11 .index_module_notificationTips__76942d11 {
	color: #22891f
}

.index_module_notification__76942d11.index_module_warning__76942d11 {
	background-color: #fff1f1
}

.index_module_notification__76942d11.index_module_warning__76942d11 .index_module_notificationTips__76942d11 {
	color: #b3261e
}

.index_module_notification__76942d11.index_module_error__76942d11 {
	background-color: #fff1f1
}

.index_module_notification__76942d11.index_module_error__76942d11 .index_module_notificationTips__76942d11 {
	color: #b3261e
}

.index_module_notificationTips__76942d11 {
	flex: 1;
	font-size: 12px;
	line-height: 16px
}

.svg-icon {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	justify-content: center
}

.svg-icon svg {
	display: block
}

.svg-icon:hover {
	opacity: .8
}

.icbu-form-password-check {
	margin-top: 12px
}

.icbu-form-password-check-item {
	align-items: flex-start;
	display: flex;
	margin-bottom: 4px
}

.icbu-form-password-check-item:last-child {
	margin-bottom: 0
}

.icbu-form-password-check-item-check,
.icbu-form-password-check-item-error,
.icbu-form-password-check-item-init {
	flex: 1;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px
}

.icbu-form-password-check-item-icon {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 16px;
	justify-content: center;
	margin-inline-end: 4px;
	margin-top: 2px;
	width: 16px
}

.icbu-form-password-check-item-init {
	color: #767676
}

.icbu-form-password-check-item-check {
	color: #22891f
}

.icbu-form-password-check-item-error {
	color: #b3261e
}

.mb-mask {
	background-color: #373737;
	background-color: rgba(55, 55, 55, .6);
	filter: alpha(opacity=50);
	height: 100%
}

.mb-dialog-wrapper,
.mb-mask {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10010
}

.mb-dialog-wrapper {
	-webkit-overflow-scrolling: touch;
	align-items: center;
	display: flex;
	justify-content: center;
	outline: 0;
	overflow: auto
}

.mb-dialog-wrapper .mb-dialog {
	animation: scale-up-ver-center .2s cubic-bezier(.35, 0, .2, 1) both;
	border-radius: 16px;
	height: var(--dialog-height);
	max-height: 700px;
	overflow: hidden;
	position: relative;
	width: var(--dialog-width)
}

.mb-dialog-wrapper .mb-dialog .mb-dialog-content {
	background-clip: padding-box;
	background-color: #fff;
	height: auto;
	outline: 0;
	position: relative;
	width: 100%
}

.mb-dialog-wrapper .mb-dialog .mb-dialog-close {
	cursor: pointer;
	inset-inline-end: 28px;
	position: absolute;
	top: 16px;
	z-index: 1
}

@keyframes scale-up-ver-center {
	0% {
		opacity: 0;
		transform: scaleY(.4)
	}

	to {
		opacity: 1;
		transform: scaleY(1)
	}
}

@keyframes scale-up-hor-center {
	0% {
		width: 500px
	}

	to {
		width: 1000px
	}
}

.xman-identity-card {
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	margin-bottom: 16px;
	padding: 16px;
	transition: all .3s
}

.xman-identity-card.checked,
.xman-identity-card:hover {
	border-color: #222
}

.xman-identity-card-content {
	width: 240px
}

.xman-identity-card-content-title {
	font-size: 16px;
	font-weight: 600;
	height: 25px;
	line-height: 22px;
	padding-bottom: 4px
}

.xman-identity-card-content-description {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.xman-identity-card-content-tips {
	color: #767676;
	font-size: 12px;
	line-height: 16px;
	padding-top: 4px
}

.xman-identity-card-icon {
	padding-left: 20px
}

.xman-identity-card .title {
	margin: 0 0 8px
}

.xman-identity-card .description {
	color: #666;
	margin: 0
}

.xman-identity-card .icon-container {
	float: right
}

.xman-identity-card .radio-container {
	display: inline-block;
	margin-right: 8px
}

.xman-input-wrapper {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	display: inline-flex;
	font-size: 15px;
	min-width: 0;
	position: relative;
	width: 100%
}

.xman-input-wrapper.password-input {
	margin-top: 10px
}

.xman-input-wrapper .xman-input {
	background: 0 0;
	border: 0;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1em;
	height: 48px;
	line-height: 2.466em;
	outline: 0;
	padding: 21px 12px 8px;
	vertical-align: top;
	width: 100%
}

.xman-input-wrapper .xman-input[type=password] {
	font-weight: 800;
	letter-spacing: 3px;
	line-height: .8em;
	overflow: hidden
}

.xman-input-wrapper .xman-input:-webkit-autofill,
.xman-input-wrapper .xman-input:-webkit-autofill:active,
.xman-input-wrapper .xman-input:-webkit-autofill:focus,
.xman-input-wrapper .xman-input:-webkit-autofill:hover {
	-webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
	transition: color 11111s ease-out, background-color 111111s ease-out;
	transition-delay: 111111s
}

.xman-input-wrapper .xman-input-label {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #767676;
	display: -webkit-box;
	left: 12px;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	text-overflow: ellipsis;
	top: 12px;
	transition-duration: .125s;
	transition-timing-function: ease-in;
	width: calc(100% - 24px);
	z-index: 0
}

.xman-input-wrapper .xman-input-entered~.xman-input-label,
.xman-input-wrapper .xman-input:focus~.xman-input-label,
.xman-input-wrapper .xman-input:valid[required]~.xman-input-label,
.xman-input-wrapper .xman-input[placeholder]~.xman-input-label {
	color: #767676;
	font-size: .8em;
	letter-spacing: -.01em;
	line-height: 1.5;
	top: 4px
}

.xman-input-wrapper .xman-input-suffix {
	align-items: center;
	display: flex;
	flex: none;
	margin-inline-end: 13px;
	margin-inline-start: 4px
}

.xman-input-wrapper .xman-input:-webkit-autofill~.xman-input-label {
	color: #767676;
	font-size: .8em;
	letter-spacing: -.01em;
	line-height: 1.5;
	top: 4px
}

.xman-input-wrapper .xman-input-wrapper .xman-input:-webkit-autofill {
	border-color: #222
}

.xman-input-wrapper .xman-input:-webkit-autofill,
.xman-input-wrapper .xman-input:-webkit-autofill:focus,
.xman-input-wrapper .xman-input:-webkit-autofill:hover {
	border-color: #222 !important
}

.xman-input-wrapper .xman-input:-webkit-autofill~.xman-input-label {
	color: #767676 !important
}

.xman-input-wrapper .xman-input-wrapper:has(.xman-input:-webkit-autofill) {
	border-color: #222
}

.xman-input-wrapper-disabled {
	border-color: #d9d9d9;
	box-shadow: none;
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed;
	opacity: 1
}

.xman-input-wrapper-disabled .xman-input {
	cursor: not-allowed
}

.xman-input-wrapper-focused {
	border-color: #222
}

.xman-input-wrapper-error {
	border-color: #e52828
}

.xsu-toast {
	align-items: center;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5);
	box-sizing: border-box;
	display: flex;
	font-size: 13px;
	left: 50%;
	line-height: 15px;
	padding: 15px 16px;
	position: fixed;
	top: 90px;
	transform: translateX(-50%);
	z-index: 10011
}

.xsu-toast svg {
	flex-shrink: 0;
	margin-inline-end: 4px
}

.xman-select-wrapper {
	box-sizing: border-box;
	display: inline-block;
	font-size: 0;
	position: relative;
	width: 100%
}

.xman-select-wrapper * {
	box-sizing: inherit
}

.xman-select-wrapper .xman-select-name {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #888;
	display: -webkit-box;
	font-size: 15px;
	left: 12px;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	text-overflow: ellipsis;
	top: 12px;
	transition-duration: .125s;
	transition-timing-function: ease-in;
	z-index: 0
}

.xman-select {
	display: inline-block;
	font-size: 12px;
	position: relative;
	width: 100%
}

.xman-select-disabled,
.xman-select-disabled input {
	cursor: not-allowed
}

.xman-select-disabled .xman-select-selector {
	opacity: .3
}

.xman-select-notFoundContent {
	font-size: 14px;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.xman-select-show-arrow.xman-select-loading .xman-select-arrow-icon:after {
	animation: rcSelectLoadingIcon .5s infinite;
	border-color: transparent #999;
	border-radius: 100%;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	height: 12px;
	margin-top: 4px;
	transform: none;
	width: 12px
}

.xman-select .xman-select-selection-placeholder {
	color: #767676;
	pointer-events: none
}

.xman-select .xman-select-selection-search-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.xman-select .xman-select-selection-search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	display: none
}

.xman-select-single .xman-select-selector {
	background-color: #fff;
	display: flex;
	position: relative
}

.xman-select-single .xman-select-selector .xman-select-selection-search {
	display: block;
	width: calc(100% - 39px)
}

.xman-select-single .xman-select-selector .xman-select-selection-search-input {
	height: 20px;
	width: calc(100% - 51px)
}

.xman-select-single .xman-select-selector .xman-select-selection-search-input[value=""] {
	caret-color: transparent
}

.xman-select-single .xman-select-selector .xman-select-selection-item,
.xman-select-single .xman-select-selector .xman-select-selection-placeholder {
	background-color: transparent;
	font-size: 15px;
	height: 20px;
	left: 12px;
	line-height: 20px;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	text-overflow: ellipsis;
	top: 21px;
	white-space: nowrap;
	width: calc(100% - 39px)
}

.xman-select-single.xman-select-no-name .xman-select-selector .xman-select-selection-item,
.xman-select-single.xman-select-no-name .xman-select-selector .xman-select-selection-placeholder {
	height: 24px;
	line-height: 24px;
	top: 12px
}

.xman-select-single:not(.xman-select-customize-input) .xman-select-selector {
	border: 1px solid #ddd;
	border-radius: 8px;
	height: var(--xman-select-height)
}

.xman-select-single:not(.xman-select-customize-input) .xman-select-selector .xman-select-selection-search-input {
	background-color: transparent;
	border: none;
	left: 8px;
	outline: none;
	position: absolute;
	top: 21px
}

.xman-select-entered~.xman-select-name,
.xman-select-focused~.xman-select-name {
	color: #767676;
	font-size: 12px;
	letter-spacing: -.01em;
	line-height: 1.5;
	top: 4px
}

.xman-select-error .xman-select-selector {
	border-color: #e52828 !important
}

.xman-select-allow-clear.xman-select-multiple .xman-select-selector {
	padding-right: 20px
}

.xman-select-allow-clear .xman-select-clear {
	position: absolute;
	right: 20px;
	top: 0
}

.xman-select-show-arrow.xman-select-multiple .xman-select-selector {
	padding-right: 20px
}

.xman-select-show-arrow .xman-select-arrow {
	font-size: 0;
	inset-inline-end: 12px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.xman-select-focused:not(.xman-select-customize-input) .xman-select-selector {
	border: 1px solid #222
}

.xman-select-open .xman-select-arrow svg {
	transform: rotate(180deg)
}

.xman-select-dropdown {
	background: transparent;
	border-radius: 8px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	min-height: 100px;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 10010
}

.xman-select-dropdown .xman-dropdown-gap {
	background-color: transparent;
	pointer-events: none;
	width: 100%
}

.xman-select-dropdown .xman-dropdown-gap~div {
	background-color: #fff
}

.xman-select-dropdown-hidden {
	display: none
}

.xman-select-dropdown .rc-virtual-list-holder {
	max-height: 220px !important
}

.xman-select-item {
	background-color: #fff;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.153;
	padding: 12.5px 12px 16.5px;
	pointer-events: auto
}

.xman-select-item-group {
	color: #999;
	font-size: 80%;
	font-weight: 700
}

.xman-select-item-option {
	position: relative
}

.xman-select-item-option-grouped {
	padding-left: 24px
}

.xman-select-item-option .xman-select-item-option-state {
	display: none
}

.xman-select-item-option-active {
	background: #f4f4f4
}

.xman-select-item-option-disabled {
	color: #999
}

.xman-select-item-empty {
	color: #999;
	text-align: center
}

.xman-select-selection__choice-zoom {
	transition: all .3s
}

.xman-select-selection__choice-zoom-appear {
	opacity: 0;
	transform: scale(.5)
}

.xman-select-selection__choice-zoom-appear.xman-select-selection__choice-zoom-appear-active,
.xman-select-selection__choice-zoom-leave {
	opacity: 1;
	transform: scale(1)
}

.xman-select-selection__choice-zoom-leave.xman-select-selection__choice-zoom-leave-active {
	opacity: 0;
	transform: scale(.5)
}

.xman-select-dropdown-slide-up-appear,
.xman-select-dropdown-slide-up-enter {
	animation-duration: .3s;
	animation-fill-mode: both;
	animation-play-state: paused;
	animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	opacity: 0;
	transform-origin: 0 0
}

.xman-select-dropdown-slide-up-leave {
	animation-duration: .3s;
	animation-fill-mode: both;
	animation-play-state: paused;
	animation-timing-function: cubic-bezier(.6, .04, .98, .34);
	opacity: 1;
	transform-origin: 0 0
}

.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-bottomLeft,
.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-bottomRight,
.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-bottomLeft,
.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-bottomRight {
	animation-name: rcSelectDropdownSlideUpIn;
	animation-play-state: running
}

.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-bottomLeft,
.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-bottomRight {
	animation-name: rcSelectDropdownSlideUpOut;
	animation-play-state: running
}

.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-topLeft,
.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-topRight,
.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-topLeft,
.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-topRight {
	animation-name: rcSelectDropdownSlideDownIn;
	animation-play-state: running
}

.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-topLeft,
.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-topRight {
	animation-name: rcSelectDropdownSlideDownOut;
	animation-play-state: running
}

@keyframes rcSelectDropdownSlideUpIn {
	0% {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 0 0
	}

	to {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: 0 0
	}
}

@keyframes rcSelectDropdownSlideUpOut {
	0% {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: 0 0
	}

	to {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 0 0
	}
}

@keyframes rcSelectDropdownSlideDownIn {
	0% {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 100% 100%
	}

	to {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: 100% 100%
	}
}

@keyframes rcSelectDropdownSlideDownOut {
	0% {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: 100% 100%
	}

	to {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 100% 100%
	}
}

@keyframes rcSelectLoadingIcon {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

.member-otp-container .ant-input-outlined {
	font-size: 20px;
	font-weight: 700;
	height: 48px;
	padding-inline: 4px;
	text-align: center;
	width: 48px
}

.QRCodeButtonGroup_module_qrCodeGroup__606590f6 {
	bottom: 40px;
	color: #767676;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	inset-inline-end: 64px;
	position: absolute;
	z-index: 1
}

.QRCodeButtonGroup_module_QRCodeButtonItem__606590f6 {
	align-items: center;
	display: flex;
	margin-inline-start: 20px
}

.QRCodeButtonGroup_module_qrCodeGroupImage__606590f6 {
	display: inline-block;
	height: 28px;
	margin-inline-start: 8px;
	vertical-align: middle;
	width: 28px
}

.QRCodeButtonGroup_module_qrCodeGroupTips__606590f6 {
	margin-inline-start: 8px
}

.QRCodeButton_module_qrCode__5b95ce7c {
	bottom: var(--bottom-position, 28px);
	color: #767676;
	cursor: pointer;
	font-size: 14px;
	inset-inline-end: var(--right-position, 28px);
	position: absolute;
	z-index: 1
}

.QRCodeButton_module_xmanDialog__5b95ce7c {
	--bottom-position: 28px;
	--right-position: 28px
}

.QRCodeButton_module_xmanPage__5b95ce7c {
	--bottom-position: 40px;
	--right-position: 64px
}

.QRCodeButton_module_commonLogin__5b95ce7c {
	--bottom-position: 52px;
	--right-position: 64px
}

.QRCodeButton_module_qrCodeImage__5b95ce7c {
	display: inline-block;
	height: 28px;
	margin-inline-start: 8px;
	vertical-align: middle;
	width: 28px
}

.xsu-checkbox {
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	outline: none;
	position: relative;
	vertical-align: middle;
	white-space: nowrap
}

.xsu-checkbox-input:focus+.xsu-checkbox-inner,
.xsu-checkbox:hover .xsu-checkbox-inner {
	border-color: #ff1900
}

.xsu-checkbox-inner {
	background-color: #fff;
	border: 2px solid #d9d9d9;
	border-radius: 3px;
	display: inline-block;
	height: 20px;
	left: 0;
	position: relative;
	top: 0;
	transition: border-color .3s cubic-bezier(.68, -.55, .27, 1.55), background-color .3s cubic-bezier(.68, -.55, .27, 1.55);
	width: 20px
}

.xsu-checkbox-inner:after {
	animation-duration: .3s;
	animation-name: amCheckboxOut;
	animation-timing-function: cubic-bezier(.68, -.55, .27, 1.55);
	border: 2px solid #fff;
	border-left: 0;
	border-top: 0;
	content: " ";
	display: table;
	height: 10px;
	left: 4px;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 6px
}

.xsu-checkbox-input {
	bottom: 0;
	cursor: pointer;
	height: 20px;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	z-index: 1
}

.xsu-checkbox-input[type=checkbox] {
	margin: 0;
	padding: 0
}

.xsu-checkbox-checked:hover .xsu-checkbox-inner {
	border-color: #ff1900
}

.xsu-checkbox-checked .xsu-checkbox-inner {
	background-color: #ff1900;
	border-color: #ff1900
}

.xsu-checkbox-checked .xsu-checkbox-inner:after {
	animation-duration: .3s;
	animation-name: amCheckboxOut;
	animation-timing-function: cubic-bezier(.68, -.55, .27, 1.55);
	border: 2px solid #fff;
	border-left: 0;
	border-top: 0;
	content: " ";
	display: table;
	height: 10px;
	left: 4px;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 6px
}

@media print {
	.xsu-checkbox-checked .xsu-checkbox-inner {
		box-shadow: inset 0 0 0 16px #ff1900
	}
}

.xsu-checkbox-disabled.xsu-checkbox-checked:hover .xsu-checkbox-inner {
	border-color: #d9d9d9
}

.xsu-checkbox-disabled.xsu-checkbox-checked .xsu-checkbox-inner {
	background-color: #f3f3f3;
	border-color: #d9d9d9
}

.xsu-checkbox-disabled.xsu-checkbox-checked .xsu-checkbox-inner:after {
	animation-name: none;
	border-color: #ccc
}

@media print {
	.xsu-checkbox-disabled.xsu-checkbox-checked .xsu-checkbox-inner {
		box-shadow: inset 0 0 0 16px #f3f3f3
	}
}

.xsu-checkbox-disabled:hover .xsu-checkbox-inner {
	border-color: #d9d9d9
}

.xsu-checkbox-disabled .xsu-checkbox-inner {
	background-color: #f3f3f3;
	border-color: #d9d9d9
}

.xsu-checkbox-disabled .xsu-checkbox-inner:after {
	animation-name: none;
	border-color: #f3f3f3
}

.xsu-checkbox-disabled .xsu-checkbox-inner-input {
	cursor: default
}

@keyframes amCheckboxIn {
	0% {
		opacity: 0;
		transform: scale(0) rotate(45deg);
		transform-origin: 50% 50%
	}

	to {
		opacity: 1;
		transform: scale(1) rotate(45deg);
		transform-origin: 50% 50%
	}
}

@keyframes amCheckboxOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.Iframe_module_icbuXman__ab95fc48 {
	height: 600px;
	width: 500px
}

.Iframe_module_iframe__ab95fc48 {
	border: 0;
	height: 100%;
	width: 100%
}

.Iframe_module_load__ab95fc48 {
	align-items: center;
	background-color: #fff;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: .8;
	position: absolute;
	right: 0;
	top: 0
}

.Iframe_module_loadIcon__ab95fc48 {
	animation: Iframe_module_rotate__ab95fc48 2s linear infinite
}

@keyframes Iframe_module_rotate__ab95fc48 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.third-login {
	width: 100%
}

.third-login #google .thirdpart-login-icon {
	background-image: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01ZWDFkg1rgKascYS4S_!!6000000005660-2-tps-44-44.png)
}

.third-login #facebook .thirdpart-login-icon {
	background-image: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01pBjMjE1c9c3zEVEys_!!6000000003558-2-tps-44-44.png)
}

.third-login #linkedin .thirdpart-login-icon {
	background-image: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01TZCWSd29qYWCfxdcP_!!6000000008119-2-tps-44-44.png)
}

.third-login #email .thirdpart-login-icon,
.third-login #twitter .thirdpart-login-icon {
	background-image: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01l9QcFh1eesKUOcLlt_!!6000000003897-2-tps-44-44.png)
}

.third-login-smallType {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, 1fr)
}

.third-login-smallType#third-login .thirdpart-login-icon {
	background-clip: content-box;
	background-position: 47px 15px;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	margin: 0;
	width: 100%
}

.third-login-smallType .thirdpart-login-wrapper {
	height: 52px
}

.third-login-smallType .thirdpart-login-wrapper .thirdpart-login-icon-wrapper {
	background-color: #f8f8f8;
	border-radius: 4px;
	height: 52px;
	margin-bottom: 4px;
	position: relative;
	width: 116px
}

.third-login-longType#third-login .thirdpart-login-icon {
	background-clip: content-box;
	background-position: left 12px top 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	box-sizing: border-box;
	color: #222;
	display: inline-block;
	font-size: 15px;
	height: 100%;
	margin: 0;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
	width: 100%
}

[dir=rtl].third-login-longType#third-login .thirdpart-login-icon {
	background-position: right 12px top 50%
}

.third-login-longType .thirdpart-login-wrapper {
	position: relative
}

.third-login-longType .thirdpart-login-wrapper:not(:last-child) {
	margin-bottom: 16px
}

.third-login-longType .thirdpart-login-wrapper .thirdpart-login-icon-wrapper {
	background: #fff;
	border: 1px solid #767676;
	border-radius: 8px;
	box-sizing: border-box;
	height: 48px;
	width: 100%
}

.third-login-longType .thirdpart-login-wrapper .thirdpart-login-text {
	font-size: 15px;
	font-weight: 600;
	left: 50%;
	letter-spacing: -.29px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.index_module_loginWrapper__b258be20 {
	margin-top: 16px;
	position: relative;
	width: 100%
}

.index_module_loginIcon__b258be20 {
	background-clip: content-box;
	background-position: left 12px top 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	box-sizing: border-box;
	color: #222;
	display: inline-block;
	font-size: 15px;
	height: 100%;
	margin: 0;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
	width: 100%
}

[dir=rtl] .index_module_loginIcon__b258be20 {
	background-position: right 12px top 50%
}

.index_module_loginIconWrapper__b258be20 {
	align-items: center;
	border: 1px solid #767676;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	height: 48px;
	width: 100%
}

.index_module_loginText__b258be20 {
	font-size: 15px;
	font-weight: 600;
	left: 50%;
	letter-spacing: -.29px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.index_module_xsiEllipsis__b258be20 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.SignTips_module_tips__5fa8e70d {
	color: #767676;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-top: 20px
}

.SignTips_module_lineText__5fa8e70d {
	color: #444;
	cursor: pointer;
	font-weight: 600;
	margin-inline-start: 8px;
	text-decoration: underline;
	text-underline-offset: 2px
}

.Divider_module_divider__cabd6133 {
	border-top: 1px solid #ddd;
	height: 0;
	margin: 28px 0 25px;
	position: relative;
	width: 100%
}

.Divider_module_dividerText__cabd6133 {
	background-color: #fff;
	color: #767676;
	font-size: 15px;
	left: 50%;
	padding: 0 8px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.SNSSignIn_module_sns__7bbf84b6 {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: var(--min-login-height);
	padding-bottom: 50px;
	width: 100%
}

.SNSSignIn_module_title__7bbf84b6 {
	font-size: 24px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.SNSSignIn_module_titleTips__7bbf84b6 {
	color: #767676;
	font-size: 16px;
	font-weight: 400;
	height: 22px;
	line-height: 22px;
	margin: 20px 0 16px
}

.SNSSignIn_module_loginWrapper__7bbf84b6 {
	margin-top: 16px;
	position: relative;
	width: 100%
}

.SNSSignIn_module_loginWrapper__7bbf84b6:not(:last-child) {
	margin-bottom: 16px
}

.SNSSignIn_module_loginIcon__7bbf84b6 {
	background-clip: content-box;
	background-image: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01ZWDFkg1rgKascYS4S_!!6000000005660-2-tps-44-44.png);
	background-position: left 12px top 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	box-sizing: border-box;
	color: #222;
	display: inline-block;
	font-size: 15px;
	height: 100%;
	margin: 0;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
	width: 100%
}

[dir=rtl] .SNSSignIn_module_loginIcon__7bbf84b6 {
	background-position: right 12px top 50%
}

.SNSSignIn_module_loginIconWrapper__7bbf84b6 {
	align-items: center;
	border: 1px solid #767676;
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	height: 48px;
	width: 100%
}

.SNSSignIn_module_loginText__7bbf84b6 {
	font-size: 15px;
	font-weight: 600;
	left: 50%;
	letter-spacing: -.29px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.SNSSignIn_module_snsInput__7bbf84b6 {
	border: 1px solid #767676;
	border-radius: 8px;
	box-sizing: border-box;
	height: 48px;
	line-height: 46px;
	margin: 16px 0 32px;
	padding: 0 35px;
	text-align: center
}

.SNSSignIn_module_tipsSubtitle__7bbf84b6 {
	text-align: center
}

.QRSignIn_module_qr__90c29510 {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: var(--min-login-height);
	padding-bottom: 50px;
	width: 100%
}

.QRSignIn_module_title__90c29510 {
	font-size: 24px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.QRSignIn_module_titleTips__90c29510 {
	word-wrap: break-word;
	color: #767676;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin: 28px auto 0;
	max-width: 280px;
	text-align: center;
	white-space: normal
}

.QRSignIn_module_qrCode__90c29510 {
	margin: 40px auto 0;
	position: relative;
	width: 160px
}

.QRSignIn_module_qrCodeLoad__90c29510 {
	align-items: center;
	background-color: #fff;
	display: flex;
	height: 160px;
	justify-content: center;
	left: 0;
	opacity: .9;
	position: absolute;
	top: 0;
	width: 160px
}

.QRSignIn_module_qrCodeLoadIcon__90c29510 {
	cursor: pointer;
	height: 28px;
	width: 28px
}

.QRSignIn_module_code__90c29510 {
	bottom: 21px;
	color: #767676;
	cursor: pointer;
	position: absolute;
	right: 28px;
	z-index: 1
}

.QRSignIn_module_codeImage__90c29510 {
	display: inline-block;
	height: 23px;
	margin-inline-start: 8px;
	vertical-align: middle;
	width: 23px
}

.SignPrompt_module_tips__6b61294f {
	color: #e52828;
	font-size: 14px
}

.SignPrompt_module_linkText__6b61294f {
	color: #e52828;
	cursor: pointer;
	font-weight: 700;
	margin-inline-start: 8px;
	text-decoration: underline;
	text-underline-offset: 2px
}

.xsu-common_error {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #e52828;
	display: -webkit-box;
	font-size: 12px;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis
}

#baxia-dialog-content {
	margin-top: 12px;
	width: 100%
}

.toast {
	align-items: center;
	background-color: #282828;
	border-radius: 8px;
	display: flex;
	height: 48px;
	left: 50%;
	opacity: 0;
	padding: 16px;
	position: absolute;
	top: 60px;
	transform: translate(-50%);
	transition: opacity .3s ease;
	z-index: 10
}

.toast.show {
	opacity: 1
}

.toast-tips {
	color: #fff;
	font-size: 16;
	padding-left: 8px
}

.IVModal-wrapper {
	align-items: center;
	background: rgba(0, 0, 0, .3);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.IVModal-wrapper .IVModal-box {
	background-color: #fff
}

.IVModal-wrapper .IVModal-box .IVModal-header {
	display: flex;
	flex-direction: row-reverse
}

.IVModal-wrapper .IVModal-box .IVModal-header-icon {
	box-sizing: content-box;
	cursor: pointer;
	height: 30px;
	padding-inline-end: 10px;
	padding-top: 10px;
	width: 30px
}

.IVModal-wrapper .IVModal-box .IVModal-iframe {
	height: 100%;
	width: 100%
}

.IVModal-wrapper-h5 .IVModal-box {
	height: 70%;
	width: 90%
}

.IVModal-wrapper-pc .IVModal-box {
	height: 472px;
	width: 382px
}

.MainSignIn_module_xsiMain__8da07a50 {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 496px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%
}

.MainSignIn_module_xsiTitle__8da07a50 {
	font-size: 24px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-align: center
}

#MainSignIn_module_icbuMarketingAtmosphere__8da07a50 {
	margin-bottom: 28px
}

.MainSignIn_module_inputError__8da07a50 {
	color: #e52828
}

.MainSignIn_module_xsiAction__8da07a50 {
	margin-top: 12px
}

.MainSignIn_module_forgotPassword__8da07a50 {
	color: #222;
	cursor: pointer;
	display: inline-block;
	float: inline-end;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 20px;
	text-decoration: underline;
	text-underline-offset: 3px
}

.MainSignIn_module_otherXsi__8da07a50 {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%
}

.MainSignIn_module_xsiContent__8da07a50 {
	margin-top: 4px;
	width: 100%
}

.MainSignIn_module_snsLine__8da07a50 {
	border-top: 1px solid #ddd;
	height: 0;
	margin: 25px 0;
	position: relative;
	width: 100%
}

.MainSignIn_module_snsLineText__8da07a50 {
	background-color: #fff;
	color: #767676;
	font-size: 15px;
	left: 50%;
	padding: 0 8px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.MainSignIn_module_xsiTips__8da07a50 {
	margin: 15px 0 20px
}

.MainSignIn_module_xsiSubtitle__8da07a50 {
	text-align: center
}

.MainSignIn_module_accountInput__8da07a50,
.MainSignIn_module_passwordInput__8da07a50 {
	margin-top: 16px
}

.HistoryFreeSignIn_module_hfs__91122d59 {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: var(--min-login-height);
	padding-bottom: 50px;
	width: 372px
}

.HistoryFreeSignIn_module_title__91122d59 {
	font-size: 24px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.HistoryFreeSignIn_module_emailModule__91122d59 {
	width: 100%
}

.HistoryFreeSignIn_module_emailContinue__91122d59 {
	margin-top: 12px
}

.HistoryFreeSignIn_module_thirdModule__91122d59 {
	margin-top: 20px;
	width: 100%
}

.QuickSignIn_module_quickXsi__77636c60 {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: var(--min-login-height);
	padding-bottom: 50px;
	width: 100%
}

.QuickSignIn_module_title__77636c60 {
	font-size: 24px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.QuickSignIn_module_avatarCircle__77636c60 {
	align-items: center;
	background-color: #ffe9e0;
	border: 1px solid #f8f8f8;
	border-radius: 50%;
	color: #ff1900;
	display: flex;
	font-size: 40px;
	font-weight: 700;
	height: 88px;
	justify-content: center;
	margin: 20px 0 16px;
	width: 88px
}

.QuickSignIn_module_subTitle__77636c60 {
	word-wrap: break-word;
	color: #222;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 40px;
	max-width: 280px;
	text-align: center;
	white-space: normal
}

.QuickSignIn_module_tips__77636c60 {
	cursor: pointer;
	letter-spacing: -.09px
}

.LoginForm_module_loginForm__9ec63026 {
	--position: relative;
	display: flex;
	height: calc(100% - 104px);
	justify-content: center;
	max-height: 620px;
	padding: 52px 64px;
	position: var(--position);
	width: var(--login-width)
}

.LoginForm_module_pageVariant__9ec63026 {
	--position: static
}

.CheckEmail_module_commonTitle__d2b8ae6e {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	min-height: 30px
}

.CheckEmail_module_thirdLoginModule__d2b8ae6e {
	padding-top: 28px
}

.CheckEmail_module_emailContinue__d2b8ae6e {
	font-size: 16px;
	margin: 12px 0 32px
}

.CheckEmail_module_thirdLogin__d2b8ae6e {
	margin-top: 0
}

.VerifyCode_module_verifyCode__47c9aeed {
	display: flex;
	flex-direction: column;
	height: 100%
}

.VerifyCode_module_commonTitle__47c9aeed {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px
}

.VerifyCode_module_commonDesc__47c9aeed {
	color: #767676;
	font-size: 16px;
	line-height: 20px;
	margin: 28px 0 32px
}

.VerifyCode_module_commonEmail__47c9aeed {
	word-wrap: break-word;
	color: #767676;
	font-weight: 600;
	white-space: pre-wrap
}

.VerifyCode_module_vcForm__47c9aeed {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between
}

.VerifyCode_module_vcResend__47c9aeed {
	font-size: 15px;
	line-height: 20px;
	margin-top: 12px
}

.VerifyCode_module_vcResendText__47c9aeed {
	color: #444;
	cursor: pointer;
	font-weight: 600;
	margin-inline-start: 8px;
	text-decoration: underline;
	text-underline-offset: 2px
}

.VerifyCode_module_vcRemindText__47c9aeed {
	color: #767676
}

.VerifyCode_module_vcContinue__47c9aeed {
	margin-top: auto
}

.VerifyCode_module_vcBack__47c9aeed {
	margin-top: 12px
}

.CompleteInfo_module_commonTitle__7ef36e6d {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	min-height: 30px
}

.CompleteInfo_module_ciForm__7ef36e6d {
	display: flex;
	flex-direction: column;
	font-size: 0;
	height: 450px;
	justify-content: space-between;
	margin-top: 12px;
	transform: translate()
}

.CompleteInfo_module_ciDemoAccount__7ef36e6d {
	height: 0;
	opacity: 0;
	overflow: hidden
}

.CompleteInfo_module_ciFormItem__7ef36e6d {
	margin-top: 16px
}

.CompleteInfo_module_ciNameWrapper__7ef36e6d {
	display: flex
}

.CompleteInfo_module_ciNameWrapper__7ef36e6d>:not(:first-child) {
	margin-inline-start: 12px
}

.CompleteInfo_module_ciTerms__7ef36e6d {
	align-items: flex-start;
	color: #767676;
	display: flex;
	font-size: 12px;
	line-height: 14px;
	margin: 16px 0
}

.CompleteInfo_module_ciTermsText__7ef36e6d {
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin-inline-start: 10px;
	overflow: hidden
}

.CompleteInfo_module_ciTermsText__7ef36e6d a {
	color: #666;
	text-decoration: underline;
	text-underline-offset: 2px
}

.CompleteInfo_module_ciTermsText__7ef36e6d a:active,
.CompleteInfo_module_ciTermsText__7ef36e6d a:hover,
.CompleteInfo_module_ciTermsText__7ef36e6d a:link,
.CompleteInfo_module_ciTermsText__7ef36e6d a:visited {
	color: #666
}

.rtl .icon-rtl {
	transform: rotate(180deg)
}

.Identity_module_commonTitle__cce614eb {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	min-height: 30px;
	width: 300px
}

.Identity_module_IdentityModule__cce614eb {
	display: flex;
	flex-direction: column;
	height: 438px;
	justify-content: space-between;
	margin-top: 28px
}

.RegistrationForm_module_xsuRegistration__ca104af0 {
	height: 496px;
	width: 372px
}

.RegistrationForm_module_registrationFade__ca104af0 {
	height: 100%;
	width: 100%
}

.CoversIntro_module_coversIntro__02ab7439 {
	align-self: flex-end;
	margin-bottom: 52px;
	width: 400px;
	z-index: 1
}

.CoversIntro_module_coversIntroTitle__02ab7439 {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 12px
}

.CoversIntro_module_coversIntroTips__02ab7439 {
	align-items: center;
	display: flex;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
}

.CoversIntro_module_coversIntroDesc__02ab7439 {
	background-color: #fff;
	border-radius: 50%;
	font-size: 14px;
	height: 4px;
	margin: 7px;
	width: 4px
}

.CoversIntro_module_buyingCoversIntro__02ab7439 {
	align-self: flex-end;
	margin-bottom: 52px;
	width: 400px;
	z-index: 1
}

.CoversIntro_module_buyingCoversIntroTitle__02ab7439 {
	color: #4b1d1f;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px
}

.CoversIntro_module_buyingCoversIntroTips__02ab7439 {
	color: #4b1d1f;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	margin-top: 6px
}

.xsu-img_loading {
	filter: blur(3px)
}

.xsu-img_loaded {
	filter: blur(0);
	transition: filter .5s linear
}

.SignUp_module_contentBox__7eaf5a4d {
	border-radius: 6px;
	box-sizing: border-box;
	display: flex;
	height: var(--dialog-height);
	overflow: hidden;
	width: var(--dialog-width)
}

.SignUp_module_covers__7eaf5a4d {
	color: #fff;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 500px
}

.SignUp_module_coversImg__7eaf5a4d {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 500px
}

.SignUp_module_regContentBox__7eaf5a4d {
	display: flex;
	justify-content: center;
	padding: 52px 64px
}

.SignUp_module_main__7eaf5a4d {
	height: calc(100% - 104px);
	margin: 52px 0;
	padding: 0 64px;
	width: calc(100% - 500px)
}

.index_module_xmanPlusDialog__bf513861 {
	border-radius: 16px;
	min-width: var(--dialog-width);
	overflow: hidden;
	transition: width .3s cubic-bezier(.35, 0, .2, 1);
	width: var(--dialog-width)
}

.index_module_animationWrapper__bf513861 {
	display: flex;
	height: auto;
	justify-content: center;
	transition: transform .3s cubic-bezier(.35, 0, .2, 1);
	width: 100%
}

.index_module_signUpAnimationEnter__bf513861,
.index_module_xsiAnimationEnter__bf513861 {
	opacity: 0
}

.index_module_signUpAnimationEnterActive__bf513861,
.index_module_xsiAnimationEnterActive__bf513861 {
	opacity: 1;
	transform: scale(1);
	transition: opacity .2s, transform .2s cubic-bezier(.35, 0, .2, 1)
}

.index_module_signUpAnimationExit__bf513861,
.index_module_xsiAnimationExit__bf513861 {
	opacity: 1;
	transform: scale(1)
}

.index_module_signUpAnimationExitActive__bf513861,
.index_module_xsiAnimationExitActive__bf513861 {
	opacity: 0;
	transition: opacity .3s, transform .3s cubic-bezier(.35, 0, .2, 1)
}

.module-modal {
	position: relative;
	width: 400px;
	z-index: 100
}

.module-modal .module-modal-content {
	background: linear-gradient(205.19deg, #fff 13.91%, #ffe9e0 82.29%);
	border-radius: 24px;
	padding: 20px
}

.module-modal .module-modal-close {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.module-modal .module-modal-close .module-modal-close-icon {
	cursor: pointer
}

@keyframes modal-show {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.first-order-incentive {
	background-color: rgba(34, 34, 34, .5);
	box-sizing: border-box;
	color: #222;
	position: fixed;
	z-index: 9007
}

.first-order-incentive,
.first-order-incentive .first-order-incentive-img {
	align-items: center;
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	top: 0;
	width: 100vw
}

.first-order-incentive .first-order-incentive-img {
	position: absolute
}

.first-order-incentive .first-order-incentive-img img {
	position: relative;
	top: -65px
}

.first-order-incentive .first-order-main .first-order-main-container {
	color: #4b1d1f
}

.first-order-incentive .first-order-main .first-order-main-img {
	display: flex;
	justify-content: center
}

.first-order-incentive .first-order-main .first-order-main-img img {
	height: auto;
	width: 200px
}

.first-order-incentive .first-order-main .first-order-main-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	margin-top: 16px;
	text-align: center
}

.first-order-incentive .first-order-main .first-order-main-content :first-of-type {
	margin-top: 4px
}

.first-order-incentive .first-order-main .first-order-main-content :last-of-type {
	margin-top: 8px
}

.first-order-incentive .first-order-main .first-order-main-content .first-order-main-desc {
	align-items: flex-start;
	display: flex;
	font-size: 14px;
	justify-content: center;
	line-height: 18px;
	margin-top: 8px
}

.first-order-incentive .first-order-main .first-order-main-content .first-order-main-desc img {
	height: 15px;
	margin: 0 4px;
	width: auto
}

.first-order-incentive .first-order-main .first-order-main-content .first-order-main-subTitle {
	font-size: 13px;
	line-height: 16px;
	text-align: center
}

.first-order-incentive .first-order-main .first-order-main-btn {
	background-color: #ff1900;
	border-radius: 99px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	margin-top: 24px;
	padding: 0 12px;
	text-align: center
}

.first-order-incentive .first-order-main .first-order-main-time {
	color: #767676;
	font-size: 11px;
	line-height: 13px;
	margin-top: 12px;
	text-align: center
}

/*# sourceMappingURL=index.umd.es5.production.css.map */
/* end style 38 */
/* start style 39 */
#icbu-buyer-pc-top-banner {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 1920px 40px;
	z-index: 9999;
	cursor: pointer;
}

#icbu-buyer-pc-top-banner .hugo5-count-down-wrapper {
	position: absolute;
	top: 50%;
	left: calc((100% - 1920px) / 2 + 1344px + 80px);
	transform: translateY(-50%);
}

#icbu-buyer-pc-top-banner .hugo5-count-down-wrapper .hugo5-count-down-end {
	color: var(--hugo5-count-down-text-color);
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#icbu-buyer-pc-top-banner .hugo5-count-down .one-line-ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

#icbu-buyer-pc-top-banner .hugo5-count-down,
#icbu-buyer-pc-top-banner .hugo5-count-down .cell,
#icbu-buyer-pc-top-banner .hugo5-count-down .days-text,
#icbu-buyer-pc-top-banner .hugo5-count-down .semicolon {
	display: flex;
	align-items: center;
	justify-content: center;
}

#icbu-buyer-pc-top-banner .hugo5-count-down .cell {
	box-sizing: border-box;
	background: var(--hugo5-count-down-cell-bg);
	color: var(--hugo5-count-down-cell-color);
}

#icbu-buyer-pc-top-banner .hugo5-count-down .prefix-text,
#icbu-buyer-pc-top-banner .hugo5-count-down .days-text,
#icbu-buyer-pc-top-banner .hugo5-count-down .semicolon {
	line-height: normal;
	color: var(--hugo5-count-down-text-color);
}

#icbu-buyer-pc-top-banner .hugo5-count-down.pc {
	font-size: 12px;
	gap: 4px;
}

#icbu-buyer-pc-top-banner .hugo5-count-down.pc .cell {
	padding: 0 2px;
	min-width: 20px;
	height: 16px;
	line-height: 16px;
	font-weight: 500;
	border-radius: 2px;
}

/* end style 39 */
/* start style 40 */
.drop-shipping.dialog-wrap {
	position: fixed;
	inset: 0;
	z-index: 100;
	color: #333;
	box-sizing: border-box;
	line-height: 1.2
}

.drop-shipping.dialog-wrap * {
	box-sizing: inherit
}

.drop-shipping.dialog-wrap a,
.drop-shipping.dialog-wrap a:link,
.drop-shipping.dialog-wrap a:visited,
.drop-shipping.dialog-wrap a:hover,
.drop-shipping.dialog-wrap a:active {
	text-decoration: none;
	color: inherit
}

.drop-shipping.dialog-wrap .mask {
	display: block;
	background-color: #00000073;
	width: 100%;
	height: 100%
}

.drop-shipping.dialog-wrap .dialog-content {
	position: absolute;
	padding: 36px 20px 20px;
	min-width: 360px;
	max-height: 605px;
	top: 100px;
	left: 50%;
	transform: translate(-50%);
	background: #fff;
	box-shadow: 0 4px 14px #0000001a;
	border-radius: 8px
}

.drop-shipping.dialog-wrap .dialog-content .title,
.drop-shipping.dialog-wrap .dialog-content .subtitle,
.drop-shipping.dialog-wrap .dialog-content .success-guide,
.drop-shipping.dialog-wrap .dialog-content .btn {
	text-align: center
}

.drop-shipping.dialog-wrap .dialog-content .title {
	line-height: 20px;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	margin: 0 auto 4px
}

.drop-shipping.dialog-wrap .dialog-content .subtitle {
	line-height: 16px;
	font-size: 14px;
	color: #999;
	margin: 8px auto0
}

.drop-shipping.dialog-wrap .dialog-content .close-btn {
	content: "";
	display: block;
	background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01IrGg4s26UcWC9e1ma_!!6000000007665-2-tps-48-48.png);
	background-size: contain;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 18px;
	right: 18px;
	cursor: pointer
}

.drop-shipping.dialog-wrap .dialog-content .success-guide {
	font-size: 14px;
	color: #666
}

.drop-shipping.dialog-wrap .dialog-content .no-longer-show {
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	cursor: pointer;
	margin-top: 38px
}

.drop-shipping.dialog-wrap .dialog-content .no-longer-show input {
	margin: 0 4px
}

.drop-shipping.dialog-wrap .dialog-content .no-longer-show.hidden {
	display: none
}

.drop-shipping.dialog-wrap .dialog-content .confirm-btn {
	color: #fff;
	background-color: #ff1900;
	border-radius: 24px;
	padding: 0 24px;
	line-height: 28px;
	min-width: 172px;
	max-width: 300px;
	width: fit-content;
	margin: 19px auto 0;
	cursor: pointer;
	text-align: center
}

.drop-shipping.dialog-wrap .dialog-content .isv-container {
	display: flex;
	flex-wrap: wrap;
	padding-top: 24px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.center {
	justify-content: center
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger {
	width: 756px;
	margin: 0 -8px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item {
	margin: 0 8px 22px;
	padding: 24px 16px 16px;
	width: 236px;
	height: 220px;
	font-size: 12px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item img {
	display: block;
	height: 42px;
	margin: 0 auto
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item .text {
	color: #666;
	height: 70px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item .btn {
	display: block;
	align-self: flex-end;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	width: 177px;
	color: #fff;
	background-color: #ff1900;
	border-radius: 24px;
	padding: 0 24px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item .btn:hover {
	background-color: #e15301;
	color: #fff !important
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.normal {
	margin: 0 -6px;
	max-width: 585px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.normal .item {
	margin: 0 6px 22px;
	width: 181px
}

.drop-shipping.dialog-wrap .dialog-content .isv-container.normal .item img {
	height: 25px;
	margin: 21px auto
}

.drop-shipping.dialog-wrap .dialog-content .isv-container .item {
	border: 1px solid #eee;
	border-radius: 4px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.drop-shipping.dialog-wrap .dialog-content .isv-container .item:hover {
	border: 1px solid transparent;
	box-shadow: 0 0 6px #0000001a
}

.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status]:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 10px);
	width: 20px;
	height: 20px;
	background-size: contain
}

.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status=success]:after {
	background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01UTL7R3218ZN5BgNyo_!!6000000006940-2-tps-60-60.png)
}

.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status=failed] {
	border: 1px solid #f33200
}

.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status=failed]:after {
	background-image: url(https://img.alicdn.com/imgextra/i1/O1CN01ujoGZR1LDs5uFUn1z_!!6000000001266-2-tps-60-60.png)
}

.drop-shipping.dialog-wrap .dialog-content .ds-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(https://gw.alicdn.com/tfs/TB1UC6DP1L2gK0jSZPhXXahvXXa-76-76.gif);
	background-size: contain;
	width: 20px;
	height: 20px
}

.drop-shipping.dialog-wrap .dialog-content .ds-loading.hidden {
	display: none
}

.drop-shipping.dialog-wrap .dialog-content .loading-mask {
	display: block;
	position: absolute;
	inset: 0;
	background-color: #99999924
}

.drop-shipping.dialog-wrap .dialog-content .loading-mask.hidden {
	display: none
}

.drop-shipping.dialog-wrap .dialog-content[data-code="4008"]:before {
	content: "";
	display: block;
	background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01oyW1221j5fmaPOkCu_!!6000000004497-2-tps-126-120.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	margin-bottom: 8px
}

.drop-shipping.dialog-wrap .popup {
	display: none;
	padding: 0 8px;
	height: 33px;
	line-height: 33px;
	background-color: #fff;
	position: absolute;
	top: 10px;
	left: 50%;
	border-radius: 4px;
	box-shadow: 0 4px 14px #0000001a;
	white-space: nowrap;
	z-index: 2
}

.drop-shipping.dialog-wrap .popup .text .title,
.drop-shipping.dialog-wrap .popup .subtitle,
.drop-shipping.dialog-wrap .popup .success-guide,
.drop-shipping.dialog-wrap .popup .no-longer-show {
	max-width: 500px
}

.drop-shipping.dialog-wrap .popup.show {
	display: block
}

.drop-shipping.dialog-wrap .popup:after {
	content: "";
	display: block;
	background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01nfFfKS1GH0jMDDyfi_!!6000000000596-2-tps-39-42.png);
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	bottom: -5px;
	left: 12px
}

.drop-shipping.dialog-wrap .flex {
	display: flex;
	flex-wrap: wrap
}

@media screen and (min-height: 700px) {
	.drop-shipping.dialog-wrap .dialog-content {
		top: 100px
	}
}

@media screen and (min-height: 900px) {
	.drop-shipping.dialog-wrap .dialog-content {
		top: 170px
	}
}

@media screen and (min-height: 1420px) {
	.drop-shipping.dialog-wrap .dialog-content {
		top: 50%;
		transform: translate(-50%, -50%)
	}
}

.drop-shipping.dialog-wrap [lines="1"] {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.drop-shipping.dialog-wrap [lines="2"] {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.drop-shipping.dialog-wrap [lines="5"] {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}

.drop-shipping.message-wrap {
	position: fixed;
	left: 50%;
	right: 0;
	transform: translate(-50%);
	z-index: 100;
	color: #fff;
	box-sizing: border-box;
	min-width: 146px;
	max-width: 200px;
	height: 76px;
	background-color: #000000b3;
	border-radius: 4px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	flex-wrap: no-wrap;
	justify-content: center;
	align-items: center;
	transition: all .5s;
	opacity: 1
}

.drop-shipping.message-wrap * {
	box-sizing: inherit
}

.drop-shipping.message-wrap.hidden {
	top: -200px !important;
	opacity: 0
}

.drop-shipping.message-wrap .icon {
	height: 24px;
	width: 24px;
	margin-bottom: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}

.drop-shipping.message-wrap .icon.loading {
	background-image: url(https://gw.alicdn.com/tfs/TB1UC6DP1L2gK0jSZPhXXahvXXa-76-76.gif)
}

.drop-shipping.message-wrap .icon.success {
	background-image: url(https://img.alicdn.com/imgextra/i1/O1CN012sLrvG1yrVOQTTqYw_!!6000000006632-2-tps-48-50.png)
}

.drop-shipping.message-wrap .message-text {
	width: 100%;
	text-align: center
}

.drop-shipping.message-wrap [lines="1"] {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.buyer-assurance-dialog-mask {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0000004d;
	display: flex;
	justify-content: center;
	align-items: center
}

.buyer-assurance-dialog-mask.show-modal {
	background-color: #0009
}

.buyer-assurance-dialog {
	position: relative;
	width: 640px;
	max-height: 80%;
	z-index: 1002;
	transition: all .2s;
	border-radius: 12px;
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: center center
}

.buyer-assurance-dialog iframe {
	max-height: 100%
}

.buyer-assurance-dialog .close-icon {
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 11;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-image: url(https://gw.alicdn.com/imgextra/i4/O1CN01CzA2rP1TC3XPZwvbm_!!6000000002345-55-tps-18-18.svg);
	background-position: center center;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	cursor: pointer
}

.buyer-assurance-dialog .skeleton-item {
	padding: 4px 20px 0
}

.buyer-assurance-dialog .skeleton-item:first-child {
	padding-bottom: 0;
	padding-top: 20px
}

.buyer-assurance-dialog .adm-skeleton {
	width: 100%;
	height: 0;
	border-radius: 0;
	background-color: #bebebe33;
	display: block
}

.buyer-assurance-dialog .adm-skeleton.adm-skeleton-animated {
	background: linear-gradient(90deg, #bebebe33 25%, #8181813d 37%, #bebebe33 63%);
	background-size: 400% 100%;
	animation: adm-skeleton-loading 1.4s ease infinite
}

.buyer-assurance-dialog .adm-skeleton.adm-skeleton-paragraph-line {
	height: 18px;
	border-radius: 2px;
	margin-top: 12px;
	margin-bottom: 12px
}

.buyer-assurance-dialog .adm-skeleton.adm-skeleton-paragraph-line:first-child {
	width: 65%
}

@keyframes adm-skeleton-loading {
	0% {
		background-position: 100% 50%
	}

	to {
		background-position: 0 50%
	}
}

.buyer-assurance-dialog.lang-ar_SA * {
	unicode-bidi: bidi-override;
	direction: rtl
}

.buyer-assurance-dialog.lang-ar_SA .close-icon {
	right: auto !important;
	left: 20px !important
}

#the-new-footer .tnf-getapp {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	height: 40px
}

#the-new-footer .tnf-getapp img {
	height: 40px
}

#the-new-footer .tnf-getapp a {
	color: #222;
	text-decoration: underline !important;
	font-weight: 700
}

#the-new-footer .tnf-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-width: 1200px;
	padding: 20px 30px;
	background-color: #f4f4f4;
	color: #666
}

#the-new-footer .tnf-info a {
	color: #666 !important
}

#the-new-footer .tnf-info .group-links {
	display: flex;
	flex-direction: row;
	gap: 6px;
	direction: ltr;
	unicode-bidi: embed
}

#the-new-footer .tnf-info .group-links a:hover {
	text-decoration: underline
}

#the-new-footer .tnf-info .group-links a:before {
	padding-right: 6px;
	content: "|"
}

#the-new-footer .tnf-info .group-links a:first-child:before {
	content: ""
}

#the-new-footer .tnf-info .tnh-infos-content {
	display: flex;
	flex-direction: row;
	gap: 6px
}

#the-new-footer .tnf-info .tnh-infos-content a:hover>span {
	text-decoration: underline
}

#the-new-footer .tnf-info .tnh-infos-content a:before {
	padding-right: 6px;
	content: "\b7"
}

#the-new-footer .tnf-info .tnh-infos-content a:first-child:before {
	content: ""
}

#the-new-footer .tnf-info .legal {
	direction: ltr;
	unicode-bidi: embed;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px
}

#the-new-footer .tnf-info .legal a {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px
}

#the-new-footer .tnf-info .legal img {
	height: 20px
}

#the-new-footer .tnf-links {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

#the-new-footer .tnf-links>div {
	width: 200px
}

#the-new-footer .tnf-links ul,
#the-new-footer .tnf-links li {
	margin: 0;
	padding: 0;
	list-style: none
}

#the-new-footer .tnf-links li {
	display: block;
	margin-bottom: 20px
}

#the-new-footer .tnf-links a {
	color: #222
}

#the-new-footer .tnf-links a:hover {
	text-decoration: underline
}

#the-new-footer .tnf-links h3 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px
}

.payment-wrapper {
	display: flex;
	font-size: 14px;
	line-height: 28px;
	width: 100%;
	height: 100%
}

.payment-wrapper .payment-title {
	margin-inline-end: 12px;
	flex-shrink: 0
}

.payment-wrapper .payment-icon-box {
	display: flex;
	max-width: 350px;
	flex-shrink: 0;
	gap: 8px 4px
}

.payment-wrapper .payment-security-box {
	display: flex;
	flex-wrap: wrap;
	margin-inline-start: 16px;
	padding-inline-start: 16px;
	border-inline-start: 1px solid #ddd;
	gap: 8px 4px
}

.payment-wrapper .payment-icon {
	height: 28px;
	width: auto
}

#the-new-footer .tnf-sns {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	height: 40px
}

#the-new-footer .tnf-sns img {
	height: 28px
}

#the-new-footer {
	content-visibility: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #ddd;
	background-color: #fff;
	color: #222;
	font-size: 14px;
	line-height: 18px
}

#the-new-footer .tnf-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	min-width: 1200px;
	max-width: 1500px;
	padding: 0 40px
}

#the-new-footer .tnf-content .sns-and-app {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	direction: ltr;
	unicode-bidi: embed
}

#the-new-footer a {
	outline: none
}

#the-new-footer a:link,
#the-new-footer a:visited,
#the-new-footer a:hover,
#the-new-footer a:active {
	color: #222;
	text-decoration: none
}

.next-icon-AddProducts:before {
	content: "\e739"
}

.next-icon-Cameraswitching:before {
	content: "\e757"
}

.next-icon-Cameraswitching-fill:before {
	content: "\e685"
}

.next-icon-Contacts:before {
	content: "\e70b"
}

.next-icon-Contacts-fill:before {
	content: "\e693"
}

.next-icon-CurrencyConverter:before {
	content: "\e772"
}

.next-icon-CurrencyConverter-fill:before {
	content: "\e692"
}

.next-icon-Customermanagement:before {
	content: "\e773"
}

.next-icon-Customermanagement-fill:before {
	content: "\e695"
}

.next-icon-Daytimemode:before {
	content: "\e776"
}

.next-icon-Daytimemode-fill:before {
	content: "\e697"
}

.next-icon-Exportservices:before {
	content: "\e791"
}

.next-icon-Exportservices-fill:before {
	content: "\e69e"
}

.next-icon-Fee:before {
	content: "\e78f"
}

.next-icon-Foreigncurrency:before {
	content: "\e796"
}

.next-icon-Householdappliances:before {
	content: "\e7a5"
}

.next-icon-Italic:before {
	content: "\e7ad"
}

.next-icon-Landtransportation:before {
	content: "\e7b3"
}

.next-icon-Moneymanagement:before {
	content: "\e7c4"
}

.next-icon-Moneymanagement-fill:before {
	content: "\e6b8"
}

.next-icon-Newuserzone:before {
	content: "\e7ca"
}

.next-icon-Newuserzone-fill:before {
	content: "\e6bc"
}

.next-icon-Non-staplefood:before {
	content: "\e7cb"
}

.next-icon-Notvisible:before {
	content: "\e708"
}

.next-icon-QRcode:before {
	content: "\e7e7"
}

.next-icon-RFQ-logo:before {
	content: "\e7f2"
}

.next-icon-RFQ-logo-fill:before {
	content: "\e6d4"
}

.next-icon-RFQ-word:before {
	content: "\e7f7"
}

.next-icon-RFQ-word-fill:before {
	content: "\e705"
}

.next-icon-Rightarrow:before {
	content: "\e7f3"
}

.next-icon-Rightbutton:before {
	content: "\e7f4"
}

.next-icon-Rightbutton-fill:before {
	content: "\e6d6"
}

.next-icon-Salescenter:before {
	content: "\e7fa"
}

.next-icon-Salescenter-fill:before {
	content: "\e6d8"
}

.next-icon-Scene:before {
	content: "\e6e3"
}

.next-icon-Searchcart:before {
	content: "\e7fd"
}

.next-icon-Searchcart-fill:before {
	content: "\e6d9"
}

.next-icon-Similarproducts:before {
	content: "\e809"
}

.next-icon-Similarproducts-fill:before {
	content: "\e6e7"
}

.next-icon-Subscribe:before {
	content: "\e811"
}

.next-icon-Top:before {
	content: "\e823"
}

.next-icon-Top-fill:before {
	content: "\e6fd"
}

.next-icon-Tradingvolume:before {
	content: "\e828"
}

.next-icon-Tradingvolume1:before {
	content: "\e82a"
}

.next-icon-Training:before {
	content: "\e829"
}

.next-icon-Training-fill:before {
	content: "\e6f5"
}

.next-icon-Transfermoney:before {
	content: "\e82b"
}

.next-icon-Transfermoney1:before {
	content: "\e82e"
}

.next-icon-VIP:before {
	content: "\e834"
}

.next-icon-VIP-fill:before {
	content: "\e6fa"
}

.next-icon-account-fill:before {
	content: "\e676"
}

.next-icon-add-account:before {
	content: "\e73b"
}

.next-icon-add-account-fill:before {
	content: "\e679"
}

.next-icon-add-cart:before {
	content: "\e738"
}

.next-icon-add-cart-fill:before {
	content: "\e67a"
}

.next-icon-add-fill:before {
	content: "\e678"
}

.next-icon-add1:before {
	content: "\e737"
}

.next-icon-addcell:before {
	content: "\e73e"
}

.next-icon-agriculture:before {
	content: "\e73f"
}

.next-icon-ali-clould:before {
	content: "\e742"
}

.next-icon-ali-clould-fill:before {
	content: "\e67c"
}

.next-icon-all:before {
	content: "\e73d"
}

.next-icon-all-fill:before {
	content: "\e6cd"
}

.next-icon-apparel:before {
	content: "\e741"
}

.next-icon-arrow-lift:before {
	content: "\e740"
}

.next-icon-ashbin-fill:before {
	content: "\e67b"
}

.next-icon-aspjiesuan:before {
	content: "\e745"
}

.next-icon-assessed-badge:before {
	content: "\e743"
}

.next-icon-atm-away:before {
	content: "\e749"
}

.next-icon-atm-away-fill:before {
	content: "\e684"
}

.next-icon-atm-fill:before {
	content: "\e67e"
}

.next-icon-attachent:before {
	content: "\e744"
}

.next-icon-auto:before {
	content: "\e746"
}

.next-icon-aviation:before {
	content: "\e748"
}

.next-icon-background-color:before {
	content: "\e747"
}

.next-icon-bad:before {
	content: "\e752"
}

.next-icon-bad-fill:before {
	content: "\e67d"
}

.next-icon-bags:before {
	content: "\e74b"
}

.next-icon-banzhengfuwu:before {
	content: "\e718"
}

.next-icon-beauty:before {
	content: "\e74c"
}

.next-icon-becomeagoldsupplier:before {
	content: "\e74d"
}

.next-icon-beijing:before {
	content: "\e74e"
}

.next-icon-bmp:before {
	content: "\e750"
}

.next-icon-bmp-fill:before {
	content: "\e68d"
}

.next-icon-bold:before {
	content: "\e74f"
}

.next-icon-brand:before {
	content: "\e751"
}

.next-icon-brand-fill:before {
	content: "\e682"
}

.next-icon-browse:before {
	content: "\e754"
}

.next-icon-browse-close:before {
	content: "\e6de"
}

.next-icon-browse1:before {
	content: "\e674"
}

.next-icon-bussiness-man:before {
	content: "\e753"
}

.next-icon-buyer:before {
	content: "\e6e4"
}

.next-icon-calculator:before {
	content: "\e755"
}

.next-icon-calculator-fill:before {
	content: "\e67f"
}

.next-icon-calendar-fill:before {
	content: "\e681"
}

.next-icon-camera:before {
	content: "\e756"
}

.next-icon-camera-fill:before {
	content: "\e680"
}

.next-icon-cangku:before {
	content: "\e70c"
}

.next-icon-cart:before {
	content: "\e758"
}

.next-icon-cart-fill:before {
	content: "\e686"
}

.next-icon-cart-fill1:before {
	content: "\e690"
}

.next-icon-cart1:before {
	content: "\e75b"
}

.next-icon-cascades:before {
	content: "\e759"
}

.next-icon-category:before {
	content: "\e75a"
}

.next-icon-cecurity-protection:before {
	content: "\e75c"
}

.next-icon-cecurity-protection-fill:before {
	content: "\e687"
}

.next-icon-centeralignment:before {
	content: "\e75d"
}

.next-icon-certified-supplier:before {
	content: "\e75e"
}

.next-icon-certified-supplier-fill:before {
	content: "\e68a"
}

.next-icon-checkstand:before {
	content: "\e75f"
}

.next-icon-click:before {
	content: "\e88b"
}

.next-icon-click-rate:before {
	content: "\e6e1"
}

.next-icon-clock-fill:before {
	content: "\e689"
}

.next-icon-code:before {
	content: "\e765"
}

.next-icon-collection:before {
	content: "\e762"
}

.next-icon-collection-fill:before {
	content: "\e688"
}

.next-icon-color:before {
	content: "\e763"
}

.next-icon-color-fill:before {
	content: "\e68f"
}

.next-icon-column:before {
	content: "\e70a"
}

.next-icon-column1:before {
	content: "\e70d"
}

.next-icon-comments:before {
	content: "\e764"
}

.next-icon-comments-fill:before {
	content: "\e68c"
}

.next-icon-company:before {
	content: "\e766"
}

.next-icon-company-fill:before {
	content: "\e68b"
}

.next-icon-component:before {
	content: "\e767"
}

.next-icon-conditions:before {
	content: "\e768"
}

.next-icon-confirm:before {
	content: "\e769"
}

.next-icon-connections:before {
	content: "\e76a"
}

.next-icon-consumption:before {
	content: "\e66b"
}

.next-icon-consumption1:before {
	content: "\e76b"
}

.next-icon-costoms-alearance:before {
	content: "\e76e"
}

.next-icon-coupons:before {
	content: "\e76f"
}

.next-icon-coupons-fill:before {
	content: "\e6ae"
}

.next-icon-credit-level:before {
	content: "\e771"
}

.next-icon-credit-level-fill:before {
	content: "\e691"
}

.next-icon-creditcard:before {
	content: "\e770"
}

.next-icon-creditcard-fill:before {
	content: "\e68e"
}

.next-icon-cry-fill:before {
	content: "\e694"
}

.next-icon-customization:before {
	content: "\e775"
}

.next-icon-cut:before {
	content: "\e777"
}

.next-icon-daibancaishui:before {
	content: "\e70e"
}

.next-icon-daikuan:before {
	content: "\e70f"
}

.next-icon-daikuan1:before {
	content: "\e710"
}

.next-icon-danjuzhuanhuan:before {
	content: "\e713"
}

.next-icon-data:before {
	content: "\e774"
}

.next-icon-default-template:before {
	content: "\e77a"
}

.next-icon-default-template-fill:before {
	content: "\e696"
}

.next-icon-discount:before {
	content: "\e77b"
}

.next-icon-discount-fill:before {
	content: "\e698"
}

.next-icon-discounts:before {
	content: "\e779"
}

.next-icon-discounts-fill:before {
	content: "\e699"
}

.next-icon-doc:before {
	content: "\e77c"
}

.next-icon-doc-fill:before {
	content: "\e69a"
}

.next-icon-dollar:before {
	content: "\e77f"
}

.next-icon-dongtai:before {
	content: "\e712"
}

.next-icon-double-arro-right:before {
	content: "\e77e"
}

.next-icon-double-arrow-left:before {
	content: "\e77d"
}

.next-icon-earth:before {
	content: "\e782"
}

.next-icon-editor:before {
	content: "\e781"
}

.next-icon-electronics:before {
	content: "\e783"
}

.next-icon-eletrical:before {
	content: "\e785"
}

.next-icon-email-fill:before {
	content: "\e69b"
}

.next-icon-eraser:before {
	content: "\e787"
}

.next-icon-etrical-equipm:before {
	content: "\e789"
}

.next-icon-exchangerate:before {
	content: "\e78b"
}

.next-icon-exl:before {
	content: "\e78a"
}

.next-icon-exl-fill:before {
	content: "\e6b6"
}

.next-icon-falg-fill-fill:before {
	content: "\e69c"
}

.next-icon-falling:before {
	content: "\e78c"
}

.next-icon-favorites:before {
	content: "\e78d"
}

.next-icon-favorites-fill:before {
	content: "\e69d"
}

.next-icon-feed-logo:before {
	content: "\e78e"
}

.next-icon-feed-logo-fill:before {
	content: "\e69f"
}

.next-icon-feeds:before {
	content: "\e790"
}

.next-icon-feeds-fill:before {
	content: "\e6a2"
}

.next-icon-fencengpeizhi:before {
	content: "\e714"
}

.next-icon-filling:before {
	content: "\e794"
}

.next-icon-filter-fill:before {
	content: "\e6a1"
}

.next-icon-flag:before {
	content: "\e793"
}

.next-icon-folder:before {
	content: "\e798"
}

.next-icon-folder-fill:before {
	content: "\e6a0"
}

.next-icon-form-fill:before {
	content: "\e6a4"
}

.next-icon-furniture:before {
	content: "\e799"
}

.next-icon-gif:before {
	content: "\e79a"
}

.next-icon-gif-fill:before {
	content: "\e6a5"
}

.next-icon-gift:before {
	content: "\e79c"
}

.next-icon-gold-supplie:before {
	content: "\e79b"
}

.next-icon-gold-supplie-fill:before {
	content: "\e6a3"
}

.next-icon-good:before {
	content: "\e79d"
}

.next-icon-good-fill:before {
	content: "\e6a7"
}

.next-icon-goods:before {
	content: "\e6df"
}

.next-icon-goumaipianhao:before {
	content: "\e716"
}

.next-icon-guanliyuan:before {
	content: "\e79e"
}

.next-icon-hardware:before {
	content: "\e7a0"
}

.next-icon-help-fill:before {
	content: "\e6a8"
}

.next-icon-history:before {
	content: "\e7a1"
}

.next-icon-home:before {
	content: "\e7a2"
}

.next-icon-home-fill:before {
	content: "\e6a6"
}

.next-icon-home1:before {
	content: "\e7a3"
}

.next-icon-homepage-ads-fill:before {
	content: "\e6ab"
}

.next-icon-homepage_ads:before {
	content: "\e6e2"
}

.next-icon-hot:before {
	content: "\e7a6"
}

.next-icon-hot-fill:before {
	content: "\e6aa"
}

.next-icon-image-text:before {
	content: "\e7a4"
}

.next-icon-image-text-fill:before {
	content: "\e6a9"
}

.next-icon-infantmom:before {
	content: "\e7a7"
}

.next-icon-inquiry-template:before {
	content: "\e7a9"
}

.next-icon-inquiry-template-fill:before {
	content: "\e6ad"
}

.next-icon-inspection:before {
	content: "\e7a8"
}

.next-icon-inspection-fill:before {
	content: "\e6ac"
}

.next-icon-inspection-fill1:before {
	content: "\e6af"
}

.next-icon-inspection1:before {
	content: "\e7ac"
}

.next-icon-insurance:before {
	content: "\e7aa"
}

.next-icon-insurance-fill:before {
	content: "\e6b2"
}

.next-icon-integral:before {
	content: "\e7ab"
}

.next-icon-integral-fill:before {
	content: "\e6b0"
}

.next-icon-invoice:before {
	content: "\e7af"
}

.next-icon-ipad:before {
	content: "\e7ae"
}

.next-icon-jewelry:before {
	content: "\e7b0"
}

.next-icon-jiaobiao:before {
	content: "\e717"
}

.next-icon-jizhuangxiang:before {
	content: "\e715"
}

.next-icon-jpge:before {
	content: "\e7b2"
}

.next-icon-jpge-fill:before {
	content: "\e6b5"
}

.next-icon-kehupandian:before {
	content: "\e719"
}

.next-icon-kehuquanyi:before {
	content: "\e71a"
}

.next-icon-kitchen:before {
	content: "\e7b1"
}

.next-icon-kuaidiwuliu:before {
	content: "\e71b"
}

.next-icon-langugae:before {
	content: "\e7b8"
}

.next-icon-leftalignment:before {
	content: "\e7b5"
}

.next-icon-leftarrow:before {
	content: "\e7b4"
}

.next-icon-leftbutton:before {
	content: "\e7b6"
}

.next-icon-leftbutton-fill:before {
	content: "\e6b1"
}

.next-icon-libra:before {
	content: "\e7b7"
}

.next-icon-lights:before {
	content: "\e7ba"
}

.next-icon-link:before {
	content: "\e7b9"
}

.next-icon-listing-content:before {
	content: "\e7bb"
}

.next-icon-listing-content-fill:before {
	content: "\e6b4"
}

.next-icon-logistic-logo:before {
	content: "\e7be"
}

.next-icon-logistic-logo-fill:before {
	content: "\e6c2"
}

.next-icon-logistics-icon:before {
	content: "\e7bd"
}

.next-icon-logistics-icon-fill:before {
	content: "\e6bf"
}

.next-icon-machinery:before {
	content: "\e7c0"
}

.next-icon-manage-order:before {
	content: "\e7bf"
}

.next-icon-manage-order-fill:before {
	content: "\e6bd"
}

.next-icon-map:before {
	content: "\e7c1"
}

.next-icon-map-fill:before {
	content: "\e6be"
}

.next-icon-messagecenter:before {
	content: "\e7c2"
}

.next-icon-messagecenter-fill:before {
	content: "\e6ba"
}

.next-icon-moban:before {
	content: "\e6e6"
}

.next-icon-mobile-phone:before {
	content: "\e7c3"
}

.next-icon-move:before {
	content: "\e7c5"
}

.next-icon-multi-language:before {
	content: "\e7c7"
}

.next-icon-multi-language-fill:before {
	content: "\e6b7"
}

.next-icon-mute:before {
	content: "\e7c6"
}

.next-icon-mute-fill:before {
	content: "\e6bb"
}

.next-icon-namecard:before {
	content: "\e7d0"
}

.next-icon-namecard-fill:before {
	content: "\e6b9"
}

.next-icon-nav-list:before {
	content: "\e7c9"
}

.next-icon-nightmode:before {
	content: "\e7c8"
}

.next-icon-nightmode-fill:before {
	content: "\e6c1"
}

.next-icon-notice:before {
	content: "\e7cd"
}

.next-icon-notice-fill:before {
	content: "\e6c5"
}

.next-icon-office:before {
	content: "\e7d2"
}

.next-icon-office-supplies:before {
	content: "\e7cc"
}

.next-icon-office-supplies-fill:before {
	content: "\e6c0"
}

.next-icon-online-tracking:before {
	content: "\e7d1"
}

.next-icon-online-tracking-fill:before {
	content: "\e6e0"
}

.next-icon-ontimeshipment:before {
	content: "\e7ce"
}

.next-icon-operation:before {
	content: "\e7cf"
}

.next-icon-order:before {
	content: "\e7d3"
}

.next-icon-order-fill:before {
	content: "\e6c6"
}

.next-icon-other:before {
	content: "\e889"
}

.next-icon-packaging:before {
	content: "\e7d4"
}

.next-icon-packing-labeling:before {
	content: "\e7d6"
}

.next-icon-packing-labeling-fill:before {
	content: "\e6c3"
}

.next-icon-password:before {
	content: "\e7d5"
}

.next-icon-password-fill:before {
	content: "\e6c4"
}

.next-icon-paylater:before {
	content: "\e7d8"
}

.next-icon-paylater-fill:before {
	content: "\e6e5"
}

.next-icon-pcm:before {
	content: "\e7d7"
}

.next-icon-pdf:before {
	content: "\e7d9"
}

.next-icon-pdf-fill:before {
	content: "\e6f3"
}

.next-icon-phone:before {
	content: "\e7dd"
}

.next-icon-phone-fill:before {
	content: "\e6c7"
}

.next-icon-pic:before {
	content: "\e7da"
}

.next-icon-pic-fill:before {
	content: "\e6c8"
}

.next-icon-pin:before {
	content: "\e7db"
}

.next-icon-pin-fill:before {
	content: "\e6c9"
}

.next-icon-platform:before {
	content: "\e7dc"
}

.next-icon-platform-fill:before {
	content: "\e6ca"
}

.next-icon-play:before {
	content: "\e7de"
}

.next-icon-play-fill:before {
	content: "\e6cb"
}

.next-icon-png:before {
	content: "\e7df"
}

.next-icon-png-fill:before {
	content: "\e6fc"
}

.next-icon-pointerleft:before {
	content: "\e7e0"
}

.next-icon-print:before {
	content: "\e7e1"
}

.next-icon-process:before {
	content: "\e7e2"
}

.next-icon-product:before {
	content: "\e7e3"
}

.next-icon-product-fill:before {
	content: "\e6cc"
}

.next-icon-product1:before {
	content: "\e7e4"
}

.next-icon-prompt-fill:before {
	content: "\e6ce"
}

.next-icon-quanping1:before {
	content: "\e60f"
}

.next-icon-quanyipeizhi:before {
	content: "\e720"
}

.next-icon-quick:before {
	content: "\e7e6"
}

.next-icon-quick-fill:before {
	content: "\e6cf"
}

.next-icon-rankinglist:before {
	content: "\e7e9"
}

.next-icon-rankinglist-fill:before {
	content: "\e702"
}

.next-icon-raw:before {
	content: "\e7ea"
}

.next-icon-reduce:before {
	content: "\e7e8"
}

.next-icon-reduce-fill:before {
	content: "\e6d1"
}

.next-icon-reducecell:before {
	content: "\e7eb"
}

.next-icon-reeor-fill:before {
	content: "\e6d2"
}

.next-icon-rejected-order:before {
	content: "\e7ed"
}

.next-icon-rejected-order-fill:before {
	content: "\e6d0"
}

.next-icon-remind:before {
	content: "\e7ec"
}

.next-icon-remind-fill:before {
	content: "\e6d5"
}

.next-icon-resonserate:before {
	content: "\e7f0"
}

.next-icon-resonserate-fill:before {
	content: "\e6d3"
}

.next-icon-responsetime:before {
	content: "\e7ef"
}

.next-icon-return:before {
	content: "\e7f1"
}

.next-icon-rightalignment:before {
	content: "\e7f5"
}

.next-icon-rising:before {
	content: "\e7f6"
}

.next-icon-rmb:before {
	content: "\e7f8"
}

.next-icon-save:before {
	content: "\e7f9"
}

.next-icon-save-fill:before {
	content: "\e6d7"
}

.next-icon-scanning:before {
	content: "\e7fb"
}

.next-icon-scenes:before {
	content: "\e7fc"
}

.next-icon-security:before {
	content: "\e672"
}

.next-icon-security-fill:before {
	content: "\e6da"
}

.next-icon-seleted:before {
	content: "\e7ff"
}

.next-icon-sendinquiry:before {
	content: "\e801"
}

.next-icon-service:before {
	content: "\e800"
}

.next-icon-service-fill:before {
	content: "\e6db"
}

.next-icon-set-fill:before {
	content: "\e704"
}

.next-icon-shangchuan:before {
	content: "\e71f"
}

.next-icon-shangchuanbeiandanzheng:before {
	content: "\e71c"
}

.next-icon-share:before {
	content: "\e802"
}

.next-icon-shengyijing:before {
	content: "\e71e"
}

.next-icon-shenqingjilu:before {
	content: "\e71d"
}

.next-icon-shoes:before {
	content: "\e806"
}

.next-icon-shouqi:before {
	content: "\e722"
}

.next-icon-shuangshen:before {
	content: "\e733"
}

.next-icon-shuffling-banner:before {
	content: "\e805"
}

.next-icon-shuffling-banner-fill:before {
	content: "\e6eb"
}

.next-icon-signboard:before {
	content: "\e803"
}

.next-icon-signboard-fill:before {
	content: "\e6dc"
}

.next-icon-similar-product:before {
	content: "\e808"
}

.next-icon-similar-product-fill:before {
	content: "\e6dd"
}

.next-icon-smile-fill:before {
	content: "\e6e9"
}

.next-icon-sound-Mute:before {
	content: "\e80a"
}

.next-icon-sound-Mute-fill:before {
	content: "\e6e8"
}

.next-icon-sound-filling:before {
	content: "\e80b"
}

.next-icon-sound-filling-fill:before {
	content: "\e6ec"
}

.next-icon-sport:before {
	content: "\e80f"
}

.next-icon-square:before {
	content: "\e80d"
}

.next-icon-stop:before {
	content: "\e80e"
}

.next-icon-stop-fill:before {
	content: "\e6ea"
}

.next-icon-store:before {
	content: "\e812"
}

.next-icon-store-fill:before {
	content: "\e6ed"
}

.next-icon-subscript:before {
	content: "\e810"
}

.next-icon-success-fill:before {
	content: "\e6fb"
}

.next-icon-suggest:before {
	content: "\e815"
}

.next-icon-suoxiao:before {
	content: "\e723"
}

.next-icon-superscript:before {
	content: "\e814"
}

.next-icon-supplier-features:before {
	content: "\e817"
}

.next-icon-supplier-features-fill:before {
	content: "\e6f0"
}

.next-icon-survey:before {
	content: "\e818"
}

.next-icon-suspended:before {
	content: "\e816"
}

.next-icon-suspended-fill:before {
	content: "\e6ef"
}

.next-icon-tag-subscript:before {
	content: "\e819"
}

.next-icon-task-management:before {
	content: "\e81a"
}

.next-icon-task-management-fill:before {
	content: "\e6ee"
}

.next-icon-template:before {
	content: "\e81d"
}

.next-icon-text:before {
	content: "\e81f"
}

.next-icon-textile-products:before {
	content: "\e81e"
}

.next-icon-tif-fill:before {
	content: "\e6f1"
}

.next-icon-tongguan:before {
	content: "\e721"
}

.next-icon-tongguanshuju:before {
	content: "\e725"
}

.next-icon-tongxunlu:before {
	content: "\e724"
}

.next-icon-tool:before {
	content: "\e820"
}

.next-icon-tool-fill:before {
	content: "\e6f2"
}

.next-icon-tool-hardware:before {
	content: "\e821"
}

.next-icon-topraning:before {
	content: "\e824"
}

.next-icon-topranning-fill:before {
	content: "\e6f4"
}

.next-icon-topsales:before {
	content: "\e822"
}

.next-icon-toy:before {
	content: "\e826"
}

.next-icon-trade-assurance:before {
	content: "\e827"
}

.next-icon-trade-assurance-fill:before {
	content: "\e707"
}

.next-icon-tradealert:before {
	content: "\e825"
}

.next-icon-trust:before {
	content: "\e709"
}

.next-icon-trust-fill:before {
	content: "\e6f8"
}

.next-icon-tuishui:before {
	content: "\e726"
}

.next-icon-tuishuirongzi:before {
	content: "\e72d"
}

.next-icon-txt:before {
	content: "\e82c"
}

.next-icon-under-line:before {
	content: "\e82d"
}

.next-icon-unlock-fill:before {
	content: "\e6f7"
}

.next-icon-usercenter:before {
	content: "\e830"
}

.next-icon-vehivles:before {
	content: "\e833"
}

.next-icon-video:before {
	content: "\e831"
}

.next-icon-video-fill:before {
	content: "\e6f6"
}

.next-icon-viewgallery:before {
	content: "\e835"
}

.next-icon-viewlarger:before {
	content: "\e832"
}

.next-icon-viewlarger-fill:before {
	content: "\e6f9"
}

.next-icon-viewlist:before {
	content: "\e836"
}

.next-icon-voice:before {
	content: "\e838"
}

.next-icon-voice-fill:before {
	content: "\e6fe"
}

.next-icon-vs:before {
	content: "\e837"
}

.next-icon-vs-fill:before {
	content: "\e703"
}

.next-icon-waihuishuju:before {
	content: "\e727"
}

.next-icon-wallet:before {
	content: "\e83c"
}

.next-icon-wallet-fill:before {
	content: "\e701"
}

.next-icon-warehouse:before {
	content: "\e83b"
}

.next-icon-warehouse-fill:before {
	content: "\e700"
}

.next-icon-warning-fill:before {
	content: "\e6ff"
}

.next-icon-writing:before {
	content: "\e83e"
}

.next-icon-writing-fill:before {
	content: "\e83a"
}

.next-icon-wuliuchanpin:before {
	content: "\e728"
}

.next-icon-wuliudingdan:before {
	content: "\e72b"
}

.next-icon-xiakuangxian:before {
	content: "\e83d"
}

.next-icon-xinwaizongyewu:before {
	content: "\e72a"
}

.next-icon-xinxibar_shouji:before {
	content: "\e729"
}

.next-icon-xinxibar_zhanghu:before {
	content: "\e72c"
}

.next-icon-xlsx:before {
	content: "\e840"
}

.next-icon-xuanzhuandu:before {
	content: "\e72e"
}

.next-icon-years:before {
	content: "\e711"
}

.next-icon-years-fill:before {
	content: "\e675"
}

.next-icon-yidatong:before {
	content: "\e72f"
}

.next-icon-yiguanzhugongyingshang:before {
	content: "\e73a"
}

.next-icon-zhanghucaozuo:before {
	content: "\e732"
}

.next-icon-zhankai:before {
	content: "\e730"
}

.next-icon-zhongjianren:before {
	content: "\e731"
}

.next-icon-zhuanyequanwei:before {
	content: "\e735"
}

.next-icon-zijin:before {
	content: "\e734"
}

.next-icon-zip:before {
	content: "\e83f"
}

.next-icon-zip-fill:before {
	content: "\e706"
}

.next-icon-ziyingyewu:before {
	content: "\e73c"
}

.next-icon-zuanshi:before {
	content: "\e736"
}

.DetailFreightCalculator {
	display: block
}

.detail-freight-dialog {
	min-width: 800px !important;
	max-height: 600px !important
}

@font-face {
	.detail-freight-dialog {
		font-family: OpenSans;
		src: url(https://alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);
		font-display: swap
	}
}

@font-face {
	.detail-freight-dialog {
		font-family: OpenSans;
		src: url(https://alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);
		font-display: swap
	}
}

@font-face {
	.detail-freight-dialog {
		font-family: OpenSans;
		src: url(https://alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);
		font-display: swap
	}
}

.detail-freight-dialog .next-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	top: 0;
	margin: -1px
}

.detail-freight-dialog .next-loading-fusion-reactor[dir=rtl] {
	animation-name: nextVectorRouteRTL
}

@keyframes nextVectorRouteRTL {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(-90deg)
	}

	25% {
		transform: rotate(-90deg)
	}

	30% {
		transform: rotate(-180deg)
	}

	50% {
		transform: rotate(-180deg)
	}

	55% {
		transform: rotate(-270deg)
	}

	75% {
		transform: rotate(-270deg)
	}

	80% {
		transform: rotate(-360deg)
	}

	to {
		transform: rotate(-360deg)
	}
}

.detail-freight-dialog .next-loading {
	position: relative
}

.detail-freight-dialog .next-loading.next-open {
	pointer-events: none
}

.detail-freight-dialog .next-loading .next-loading-component {
	opacity: .7;
	filter: blur(1px);
	filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)";
	position: relative;
	pointer-events: none
}

.detail-freight-dialog .next-loading-masker {
	position: absolute;
	inset: 0;
	z-index: 99;
	opacity: .2;
	background: #fff
}

.detail-freight-dialog .next-loading-inline {
	display: inline-block
}

.detail-freight-dialog .next-loading-tip {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	transform: translate(-50%, -50%);
	text-align: center
}

.detail-freight-dialog .next-loading-tip-fullscreen {
	top: inherit;
	left: inherit;
	transform: inherit
}

.detail-freight-dialog .next-loading-tip-placeholder {
	display: none
}

.detail-freight-dialog .next-loading-right-tip .next-loading-indicator {
	display: inline-block
}

.detail-freight-dialog .next-loading-right-tip .next-loading-tip-content {
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.detail-freight-dialog .next-loading-right-tip .next-loading-tip-placeholder {
	display: inline-block;
	visibility: hidden;
	margin-left: 1em
}

.detail-freight-dialog .next-loading-fusion-reactor {
	display: inline-block;
	width: 48px;
	height: 48px;
	position: relative;
	margin: 0;
	animation-duration: 5.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: nextVectorRoute
}

.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot {
	position: absolute;
	margin: auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ff1900;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 1.4s
}

.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(1) {
	top: 0;
	bottom: 0;
	left: 0;
	animation-name: nextVectorDotsX
}

.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(2) {
	left: 0;
	right: 0;
	top: 0;
	opacity: .8;
	animation-name: nextVectorDotsY
}

.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(3) {
	top: 0;
	bottom: 0;
	right: 0;
	opacity: .6;
	animation-name: nextVectorDotsXR
}

.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(4) {
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .2;
	animation-name: nextVectorDotsYR
}

.detail-freight-dialog .next-loading-medium-fusion-reactor {
	width: 32px;
	height: 32px
}

.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot {
	width: 8px;
	height: 8px
}

.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(1) {
	animation-name: nextVectorDotsX-medium
}

.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(2) {
	animation-name: nextVectorDotsY-medium
}

.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(3) {
	animation-name: nextVectorDotsXR-medium
}

.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(4) {
	animation-name: nextVectorDotsYR-medium
}

@keyframes nextVectorRoute {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(90deg)
	}

	25% {
		transform: rotate(90deg)
	}

	30% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(180deg)
	}

	55% {
		transform: rotate(270deg)
	}

	75% {
		transform: rotate(270deg)
	}

	80% {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes nextVectorDotsYR {
	25% {
		bottom: 0
	}

	45%,
	50% {
		bottom: 16.8px;
		height: calc(12px * 1.2);
		width: calc(12px * 1.2)
	}

	90% {
		bottom: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsY {
	25% {
		top: 0
	}

	45%,
	50% {
		top: 16.8px;
		height: calc(12px * 1.2);
		width: calc(12px * 1.2)
	}

	90% {
		top: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsX {
	25% {
		left: 0
	}

	45%,
	50% {
		left: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		left: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsXR {
	25% {
		right: 0
	}

	45%,
	50% {
		right: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		right: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes nextVectorDotsYR-medium {
	25% {
		bottom: 0
	}

	45%,
	50% {
		bottom: 11.2px;
		height: 9.6px;
		width: 9.6px
	}

	90% {
		bottom: 0;
		height: 8px;
		width: 8px
	}
}

@keyframes nextVectorDotsY-medium {
	25% {
		top: 0
	}

	45%,
	50% {
		top: 11.2px;
		height: 9.6px;
		width: 9.6px
	}

	90% {
		top: 0;
		height: 8px;
		width: 8px
	}
}

@keyframes nextVectorDotsX-medium {
	25% {
		left: 0
	}

	45%,
	50% {
		left: 11.2px;
		width: 9.6px;
		height: 9.6px
	}

	90% {
		left: 0;
		height: 8px;
		width: 8px
	}
}

@keyframes nextVectorDotsXR-medium {
	25% {
		right: 0
	}

	45%,
	50% {
		right: 11.2px;
		width: 9.6px;
		height: 9.6px
	}

	90% {
		right: 0;
		height: 8px;
		width: 8px
	}
}

.detail-freight-dialog .detail-next-dialog-header,
.detail-freight-dialog .next-dialog-header {
	margin-bottom: 0;
	border-bottom: none !important;
	padding: 28px 28px 16px !important;
	font-size: 20px !important
}

.detail-freight-dialog .theme-color {
	color: #ff6a00
}

.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot {
	background-color: #ff6a00
}

.detail-freight-dialog .next-dialog-body,
.detail-freight-dialog .detail-next-dialog-body {
	color: #333;
	padding: 0 28px 40px !important;
	max-height: -moz-max-content !important;
	max-height: max-content !important
}

.detail-freight-dialog .next-dialog-close,
.detail-freight-dialog .detail-next-dialog-close {
	top: 26px !important;
	right: 28px !important
}

.detail-freight-dialog .next-dialog-close .next-dialog-close-icon,
.detail-freight-dialog .next-dialog-close .detail-next-dialog-close-icon,
.detail-freight-dialog .detail-next-dialog-close .next-dialog-close-icon,
.detail-freight-dialog .detail-next-dialog-close .detail-next-dialog-close-icon {
	width: 20px !important;
	height: 20px !important;
	color: #222 !important
}

.detail-freight-dialog .next-dialog-close .next-dialog-close-icon:before,
.detail-freight-dialog .next-dialog-close .detail-next-dialog-close-icon:before,
.detail-freight-dialog .detail-next-dialog-close .next-dialog-close-icon:before,
.detail-freight-dialog .detail-next-dialog-close .detail-next-dialog-close-icon:before {
	width: 20px !important;
	height: 20px !important;
	font-size: 18px !important;
	color: #222 !important
}

.detail-freight-dialog .detail-next-loading,
.detail-freight-dialog .next-loading {
	width: 100%;
	max-height: 400px
}

.detail-freight-dialog .shipping-to-text {
	font-size: 14px;
	line-height: 20px
}

.detail-freight-dialog .shipping-to-title {
	display: inline-block;
	border-radius: 4px;
	color: #222;
	font-size: 14px
}

.detail-freight-dialog .shipping-to-title>span {
	display: inline-block;
	height: 14px;
	width: 30px
}

.detail-freight-dialog .shipping-survey-tips {
	display: flex;
	align-items: center;
	margin-top: 28px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px
}

.detail-freight-dialog .shipping-survey-tips a {
	margin-left: 4px;
	color: #222;
	text-decoration: underline
}

.detail-freight-dialog .tariff-ddp-tips {
	height: 34px;
	line-height: 34px;
	border-radius: 8px;
	color: #222;
	font-size: 14px;
	background-color: #fff5f1;
	padding-left: 8px;
	margin-bottom: 20px
}

.detail-freight-dialog .confirm-btn {
	width: 173px;
	height: 36px !important;
	background-color: #ff6a00;
	border: none;
	border-radius: 65px;
	color: #fff
}

.detail-freight-dialog .confirm-btn:hover {
	background-color: #ff6a0080;
	color: #fff
}

.detail-freight-dialog .no-data-message {
	text-align: center;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.detail-freight-dialog .no-data-message img {
	width: 120px
}

.detail-freight-dialog .no-data-message div {
	margin-top: 10px;
	color: #000;
	font-size: 14px
}

.detail-freight-dialog.btn-shadow .next-dialog-footer,
.detail-freight-dialog.btn-shadow .detail-next-dialog-footer {
	box-shadow: 0 -4px 8px #0000000a
}

.detail-freight-dialog .next-dialog-footer,
.detail-freight-dialog .detail-next-dialog-footer {
	padding-top: 16px !important;
	padding-bottom: 28px !important
}

.detail-freight-dialog .border-none {
	border: none
}

.detail-freight-dialog .tips,
.detail-freight-dialog .green-tips {
	color: #ff6a00;
	display: inline-block;
	font-size: 12px;
	background: #ff6a001a;
	border-radius: 2px;
	padding: 2px 5px;
	line-height: 16px
}

.detail-freight-dialog .tips {
	margin-top: 4px;
	word-break: break-word
}

.detail-freight-dialog .font-primary {
	color: #ff6a00
}

.detail-freight-dialog .green-tips {
	color: #00ac53;
	background-color: #e5f6ed
}

.detail-freight-dialog .shipping-operate {
	display: flex;
	align-items: center;
	margin-bottom: 28px;
	line-height: 20px
}

.detail-freight-dialog .help-icon {
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	cursor: pointer;
	background: url(https://u.alicdn.com/simg/single/icon/help-info-15x15.png) no-repeat 0 0
}

.detail-freight-dialog .icon {
	width: 1.5em;
	height: 1.5em;
	fill: currentColor;
	overflow: hidden
}

.detail-freight-dialog .more-icon {
	transition: all .3s;
	margin-left: 4px
}

.detail-freight-dialog .opened {
	transform: rotate(180deg)
}

.logistic-select-button-dialog .next-dialog-footer {
	background: #fff;
	background-image: linear-gradient(180deg, #fff0, #0000000a);
	padding: 24px 20px;
	box-shadow: 0 -1px 10px 1px #0000001a
}

.next-dialog-header {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	font-weight: 700
}

.next-overlay-wrapper .next-overlay-inner {
	z-index: 10001 !important;
	pointer-events: auto
}

.next-overlay-backdrop,
.next-dialog {
	z-index: 10001 !important
}

.detail-standard-close-icon {
	width: 28px;
	height: 28px
}

.next-btn.next-btn-primary .next-btn-helper {
	font-weight: 600 !important
}

.next-btn.next-btn-primary:hover {
	@apply id-bg-highlight-dark;
}

.next-btn-ghost.next-btn-light {
	border: 1px solid #222 !important
}

.next-btn-ghost.next-btn-light:hover {
	border: 1px solid #222;
	background-color: #f4f4f4 !important
}

.next-btn-ghost.next-btn-light .next-btn-helper {
	color: #222
}

/* end style 40 */
/* start style 41 */
.detail-symbol {
	width: 1em;
	height: 1em;
	font-size: 26px
}

.loading-container {
	position: absolute;
	text-align: center;
	display: block;
	z-index: 10;
	width: 100%;
	height: 100%
}

.loading-container .loading-masker-container {
	filter: blur(1px);
	position: relative;
	pointer-events: none;
	width: 100%;
	height: 100%
}

.loading-container .loading-masker {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .4;
	z-index: 99;
	background-color: #fff
}

.loading-container .loading-indicator-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.loading-container .loading-indicator-container .loading-indicator {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 48px;
	height: 48px;
	animation-duration: 5.6s;
	animation-timing-function: linear;
	animation-name: vectorRoute;
	animation-iteration-count: infinite;
	top: 50%
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ff6a00;
	animation-duration: 1.4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	margin: auto
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
	top: 0;
	bottom: 0;
	left: 0;
	animation-name: vectorDotsX
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
	left: 0;
	right: 0;
	animation-name: vectorDotsY;
	opacity: .8
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
	top: 0;
	bottom: 0;
	right: 0;
	animation-name: vectorDotsXR;
	opacity: .6
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
	left: 0;
	right: 0;
	bottom: 0;
	animation-name: vectorDotsYR;
	opacity: .2
}

@keyframes vectorRoute {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(90deg)
	}

	25% {
		transform: rotate(90deg)
	}

	30% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(180deg)
	}

	55% {
		transform: rotate(270deg)
	}

	75% {
		transform: rotate(270deg)
	}

	80% {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes vectorDotsX {
	25% {
		left: 0
	}

	45%,
	50% {
		left: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		left: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsY {
	25% {
		top: 0
	}

	45%,
	50% {
		top: 16.8px;
		height: calc(12px * 1.2);
		width: calc(12px * 1.2)
	}

	90% {
		top: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsXR {
	25% {
		right: 0
	}

	45%,
	50% {
		right: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		right: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsYR {
	25% {
		bottom: 0
	}

	45%,
	50% {
		bottom: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		bottom: 0;
		height: 12px;
		width: 12px
	}
}

@media (min-width: 1664px) {
	.chatbox .chatbox-icon-wrapper {
		display: flex;
		justify-content: center
	}

	.chatbox .chatbox-icon-wrapper .chatbox-icon {
		width: 28px;
		height: 28px;
		position: relative
	}

	.chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
		position: absolute;
		top: -5px;
		right: -6px;
		font-size: 11px;
		font-weight: 400;
		text-align: center;
		background-color: #f7421e;
		color: #fff;
		height: 16px;
		width: auto;
		border-radius: 10px;
		border: 1px solid #fff;
		padding: 0 4px
	}

	.chatbox .chatbox-tip {
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
		text-align: center;
		width: 100%;
		margin: 4px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all
	}
}

@media (max-width: 1663px) {
	.chatbox {
		width: auto;
		display: flex;
		flex-direction: row;
		align-items: center
	}

	.chatbox .chatbox-icon-wrapper {
		display: flex;
		justify-content: center
	}

	.chatbox .chatbox-icon-wrapper .chatbox-icon {
		width: 28px;
		height: 28px;
		position: relative;
		transition: margin .3s ease
	}

	.chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
		position: absolute;
		top: -5px;
		right: -6px;
		font-size: 11px;
		font-weight: 400;
		text-align: center;
		background-color: #f7421e;
		color: #fff;
		height: 16px;
		width: auto;
		border-radius: 10px;
		border: 1px solid #fff;
		padding: 0 4px
	}

	.chatbox .chatbox-tip {
		display: none !important;
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
		text-align: center;
		height: 100%;
		margin-left: 8px;
		padding-left: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
		opacity: 0
	}
}

.detail-sidebar:hover .chatbox .chatbox-tip,
.home-sidebar:hover .chatbox .chatbox-tip {
	display: block !important;
	opacity: 1
}

.marketing-pc-atmosphere strong {
	color: #4b1d1f
}

.marketing-pc-atmosphere b,
.marketing-pc-atmosphere strong {
	font-weight: 600
}

.mc-pointer-events-none {
	pointer-events: none
}

.mc-visible {
	visibility: visible
}

.mc-invisible {
	visibility: hidden
}

.mc-fixed {
	position: fixed
}

.mc-absolute {
	position: absolute
}

.mc-relative {
	position: relative
}

.mc-inset-0 {
	inset: 0
}

.mc-end-0 {
	inset-inline-end: 0
}

.mc-start-full {
	inset-inline-start: 100%
}

.mc-z-10 {
	z-index: 10
}

.mc-z-\[-100\] {
	z-index: -100
}

.mc-z-\[10000\] {
	z-index: 10000
}

.mc-mx-6 {
	margin-left: 24px;
	margin-right: 24px
}

.-mc-ms-1 {
	margin-inline-start: -4px
}

.mc-me-1 {
	margin-inline-end: 4px
}

.mc-me-4 {
	margin-inline-end: 16px
}

.mc-mr-1 {
	margin-right: 4px
}

.mc-ms-1 {
	margin-inline-start: 4px
}

.mc-ms-9 {
	margin-inline-start: 36px
}

.mc-ms-\[15px\] {
	margin-inline-start: 15px
}

.mc-box-border {
	box-sizing: border-box
}

.mc-line-clamp-1,
.mc-line-clamp-2 {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.mc-line-clamp-3 {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden
}

.mc-inline-block {
	display: inline-block
}

.mc-flex {
	display: flex
}

.\!mc-h-4 {
	height: 16px !important
}

.mc-h-5 {
	height: 20px
}

.mc-h-8 {
	height: 32px
}

.mc-h-full {
	height: 100%
}

.mc-h-screen {
	height: 100vh
}

.\!mc-w-4 {
	width: 16px !important
}

.mc-w-5 {
	width: 20px
}

.mc-w-8 {
	width: 32px
}

.mc-w-\[1px\] {
	width: 1px
}

.mc-w-full {
	width: 100%
}

.mc-w-screen {
	width: 100vw
}

.mc-min-w-\[300px\] {
	min-width: 300px
}

.mc-min-w-tag {
	min-width: 104px
}

.mc-flex-1 {
	flex: 1 1 0%
}

.mc-flex-shrink-0,
.mc-shrink-0 {
	flex-shrink: 0
}

.mc-cursor-pointer {
	cursor: pointer
}

.mc-flex-col {
	flex-direction: column
}

.mc-flex-wrap {
	flex-wrap: wrap
}

.mc-items-center {
	align-items: center
}

.mc-justify-center {
	justify-content: center
}

.mc-justify-between {
	justify-content: space-between
}

.mc-overflow-hidden {
	overflow: hidden
}

.mc-whitespace-nowrap {
	white-space: nowrap
}

.mc-whitespace-pre-wrap {
	white-space: pre-wrap
}

.mc-border-none {
	border-style: none
}

.mc-bg-\[\#FDC6A2\] {
	--tw-bg-opacity: 1;
	background-color: rgb(253 198 162/var(--tw-bg-opacity))
}

.mc-object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.mc-object-top {
	-o-object-position: top;
	object-position: top
}

.mc-px-3 {
	padding-left: 12px;
	padding-right: 12px
}

.\!mc-pb-0 {
	padding-bottom: 0 !important
}

.\!mc-pe-0 {
	padding-inline-end: 0 !important
}

.\!mc-ps-0 {
	padding-inline-start: 0 !important
}

.\!mc-pt-0 {
	padding-top: 0 !important
}

.mc-text-center {
	text-align: center
}

.mc-align-middle {
	vertical-align: middle
}

.mc-align-bottom {
	vertical-align: bottom
}

.mc-text-base {
	font-size: 16px
}

.mc-text-sm {
	font-size: 14px
}

.mc-font-normal {
	font-weight: 400
}

.mc-font-semibold {
	font-weight: 600
}

.mc-leading-18 {
	line-height: 18px
}

.mc-leading-5 {
	line-height: 1.25rem
}

.mc-leading-\[18px\] {
	line-height: 18px
}

.mc-leading-base {
	line-height: 22px
}

.mc-text-\[\#666\] {
	--tw-text-opacity: 1;
	color: rgb(102 102 102/var(--tw-text-opacity))
}

.mc-countdown-gradient-box {
	background: linear-gradient(270deg, #ff3332, #ff1900);
	height: 26px;
	width: 26px
}

.mc-countdown-expired-days,
.mc-countdown-gradient-box {
	align-items: center;
	border-radius: 4px;
	display: flex;
	justify-content: center
}

.mc-countdown-expired-days {
	background-color: #fff9;
	gap: 4px;
	padding: 6px 8px
}

.mc-line-clamp-1 {
	-webkit-line-clamp: 1
}

.mc-line-clamp-1,
.mc-line-clamp-2 {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}

.mc-line-clamp-2 {
	-webkit-line-clamp: 2
}

.mc-countdown-expired-days {
	align-items: center;
	display: flex
}

.mc-countdown-expired-days span {
	align-items: center;
	display: inline-flex
}

.mc-countdown-expired-days img {
	height: 18px !important;
	margin-right: 6px !important;
	width: 18px !important
}

.rtl\:mc-reverse-rtl-img:where([dir=rtl], [dir=rtl] *) {
	transform: scaleX(-1)
}

.layout-stick:not(.sticky) .layout-overview .module_free_shipping {
	padding: 0 20px
}

.layout-stick:not(.sticky) .layout-overview .module_free_shipping .marketing-pc-atmosphere {
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 4px !important
}

.shipping-layout {
	padding: 20px 0;
	margin: 0 20px;
	border-top: 1px solid #ddd
}

.shipping-layout h3 {
	font-size: 18px;
	line-height: 24px;
	color: #222;
	margin-bottom: 24px;
	font-weight: 600
}

.shipping-layout .shipping-list {
	display: flex;
	gap: 16px;
	color: #000;
	flex-direction: column
}

.shipping-layout .shipping-list .no-shipping u {
	cursor: pointer
}

.shipping-layout .shipping-list .shipping-item {
	display: flex;
	gap: 8px;
	flex-direction: column;
	padding: 12px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ddd
}

.shipping-layout .shipping-list .shipping-item b {
	font-weight: 600
}

.shipping-layout .shipping-list .shipping-item.activated {
	border: 1px solid #222
}

.shipping-layout .shipping-list .shipping-item .shipping-title {
	display: flex;
	align-items: center
}

.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_method {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600
}

.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
	width: 1px;
	height: 12px;
	background-color: #ddd
}

html[dir=ltr] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
	margin-left: 4px
}

html[dir=rtl] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
	margin-right: 4px
}

.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
	height: 18px
}

html[dir=ltr] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
	margin-left: 4px
}

html[dir=rtl] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
	margin-right: 4px
}

.shipping-layout .shipping-list .shipping-item .shipping-intro,
.shipping-layout .shipping-list .shipping-item .shipping-delivery {
	font-size: 14px;
	line-height: 18px
}

.h3-title,
.h4-title {
	line-height: 20px;
	font-size: 14px;
	font-weight: 500
}

.p-text {
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	margin: 5px 0;
	color: gray
}

.label-hover {
	display: block;
	padding: 4px 6px;
	margin: 10px 0;
	transition: color .3s ease
}

.label-hover:hover {
	background-color: #fafafa
}

html[dir=ltr] .radio-input {
	margin-right: 6px
}

html[dir=rtl] .radio-input {
	margin-left: 6px
}

.img-reset {
	display: inline;
	width: 16px
}

.ag-img-reset {
	display: inline;
	width: 125px;
	height: 18px
}

html[dir=ltr] .ag-img-reset {
	margin-left: 5px
}

html[dir=rtl] .ag-img-reset {
	margin-right: 5px
}

.divider {
	height: 2px;
	background-color: #ddd;
	margin: 10px 0
}

.scrollable-div1 {
	overflow: auto
}

.iconSpan {
	background-color: #e5eeff;
	border-radius: 30px;
	font-weight: 400;
	font-size: 12px;
	padding: 4px 6px;
	line-height: 14px;
	vertical-align: middle
}

html[dir=ltr] .iconSpan {
	margin-left: 10px
}

html[dir=rtl] .iconSpan {
	margin-right: 10px
}

.shipFromlocalStock .shipFromText img {
	display: inline-block;
	height: 12px;
	vertical-align: middle
}

.sku-logistic {
	border-top: 1px solid #e6e7eb;
	display: flex;
	padding-top: 20px;
	margin-top: 20px;
	flex-direction: column;
	min-height: 100px
}

.sku-logistic .logistic-item h3 {
	margin-top: 0 !important
}

.sku-logistic .logistic-item b {
	font-weight: 600
}

.sku-logistic .ship-from {
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: #222;
	margin-bottom: 12px
}

.sku-logistic .ship-from h3 {
	margin-top: 0
}

.sku-logistic .ship-from .next-radio-group {
	display: flex;
	gap: 8px
}

.sku-logistic .ship-from .next-radio .next-radio-inner {
	border: 1px solid #222
}

.sku-logistic .ship-from .next-radio.focused .next-radio-inner {
	background-color: #222
}

.sku-logistic .ship-from .next-radio .next-radio-inner:after {
	margin-top: -5px
}

html[dir=ltr] .sku-logistic .ship-from .next-radio .next-radio-inner:after {
	margin-left: -5px
}

html[dir=rtl] .sku-logistic .ship-from .next-radio .next-radio-inner:after {
	margin-right: -5px
}

.sku-logistic .ship-from .next-radio.checked .next-radio-inner {
	background-color: #fff;
	border-color: #222
}

.sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
	margin-top: -5px;
	width: 10px;
	height: 10px;
	background: #222
}

html[dir=ltr] .sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
	margin-left: -5px
}

html[dir=rtl] .sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
	margin-right: -5px
}

.sku-logistic .ship-from>label {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px
}

.sku-logistic .ship-from .next-radio-label {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px
}

.sku-logistic .logistic-item {
	min-height: 22px;
	font-size: 16px;
	line-height: 22px
}

.sku-logistic .logistic-item h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px
}

.sku-logistic .logistic-item.strong {
	font-weight: 600
}

.sku-logistic .logistic-item.method {
	display: flex;
	align-items: center;
	height: 24px
}

.sku-logistic .logistic-item.method .logistics-method {
	flex: 0 1 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sku-logistic .logistic-item.method .logistics-ali-logo {
	flex-shrink: 0;
	width: 131px
}

html[dir=ltr] .sku-logistic .logistic-item.method .logistics-ali-logo {
	margin-left: 4px
}

html[dir=rtl] .sku-logistic .logistic-item.method .logistics-ali-logo {
	margin-right: 4px
}

.sku-logistic .logistic-item.method .logistics-ali-logo-gap {
	width: 1px;
	height: 12px;
	background-color: #ddd
}

html[dir=ltr] .sku-logistic .logistic-item.method .logistics-ali-logo-gap {
	margin-left: 4px
}

html[dir=rtl] .sku-logistic .logistic-item.method .logistics-ali-logo-gap {
	margin-right: 4px
}

.sku-logistic .logistic-item.method .logistics-switching-button {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	font-size: 14px
}

html[dir=ltr] .sku-logistic .logistic-item.method .logistics-switching-button {
	margin-left: auto;
	padding-left: 14px
}

html[dir=rtl] .sku-logistic .logistic-item.method .logistics-switching-button {
	margin-right: auto;
	padding-right: 14px
}

.sku-logistic .logistic-item.method .logistics-switching-button .detail-symbol {
	width: 24px;
	height: 24px
}

.sku-logistic .logistic-item a {
	font-weight: 400;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	color: #222
}

.sku-logistic .logistic-item a:hover {
	color: #333
}

.sku-logistic .logistic-item.green {
	color: #22891f
}

.sku-logistic .logistic-item.byBulkLogistics {
	font-size: .875rem;
	line-height: 1.25rem
}

.price-sample {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.price-sample .info {
	color: #767676;
	font-size: 16px;
	line-height: 22px
}

.price-sample .sold-out {
	margin-top: 12px;
	color: hsl(var(--highlight-dark));
	font-size: 16px;
	line-height: 22px
}

.price-sample .price {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 4px
}

.price-sample .price span {
	display: flex;
	flex-direction: column;
	color: #222;
	font-weight: 700;
	font-size: 28px;
	line-height: 30px
}

html[dir=ltr] .price-sample .price span {
	margin-right: 4px
}

html[dir=rtl] .price-sample .price span {
	margin-left: 4px
}

.price-sample .price span del {
	color: #999;
	font-size: 16px
}

.price-sample .price span.other {
	color: #767676;
	font-size: 16px;
	line-height: 20px
}

.drawer-pop-slider-wrapper {
	display: flex;
	align-items: center;
	justify-content: center
}

.drawer-pop-slider-wrapper .layout-left,
.drawer-pop-slider-wrapper .layout-right {
	display: flex;
	width: 3rem;
	height: 3rem;
	flex-shrink: 0;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
	border-radius: 25px
}

.drawer-pop-slider-wrapper .layout-left:hover,
.drawer-pop-slider-wrapper .layout-right:hover {
	border: 1px solid #222;
	background-color: #f4f4f4
}

.drawer-pop-slider-wrapper .prop-layout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.75rem
}

.drawer-pop-slider-wrapper .prop-layout .layout-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 50vh;
	min-height: 30vh
}

@media screen and (max-width: 1280px) {
	.drawer-pop-slider-wrapper .prop-layout .layout-image {
		width: 40vh
	}
}

.drawer-pop-slider-wrapper .prop-layout .layout-image .sku-info {
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.drawer-pop-slider-wrapper .prop-layout .layout-image>img {
	border-radius: var(--radius)
}

.drawer-pop-slider-wrapper .prop-layout .layout-image .info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px
}

.drawer-pop-slider-wrapper .prop-layout .layout-image .info>img {
	height: 50px
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout {
	margin-left: 3rem;
	margin-right: 3rem;
	gap: 3rem
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout .layout-image {
	width: auto
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout .layout-image>img {
	border-radius: 0
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-left,
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-right {
	width: 2.75rem;
	height: 2.75rem
}

.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-left:hover,
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-right:hover {
	border: 1px solid #222;
	background-color: #f4f4f4
}

.free-shipping-atmosphere-layout {
	position: absolute;
	top: -40px;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	background-size: 32%;
	background-repeat: no-repeat
}

html[dir=ltr] .free-shipping-atmosphere-layout {
	left: 0;
	background-position: 80% bottom
}

html[dir=rtl] .free-shipping-atmosphere-layout {
	right: 0;
	background-position: 20% bottom
}

.free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
	width: 32px;
	height: 24px
}

html[dir=ltr] .free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
	margin-right: 8px
}

html[dir=rtl] .free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
	margin-left: 8px
}

.free-shipping-atmosphere-layout .free-shipping-atmosphere-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 0
}

.light-customization-item.selected:after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 4px;
	border-width: 1px;
	border-color: #222
}

.ui-number-picker {
	position: relative;
	display: flex;
	width: 7rem;
	min-width: 7rem;
	align-items: center;
	justify-content: space-between
}

.ui-number-picker>.hr {
	position: absolute;
	left: 1rem;
	right: 1rem;
	top: .2px;
	bottom: .2px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: #d1d5db;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1))
}

.ui-number-picker>input {
	z-index: 10;
	width: 3rem;
	flex-shrink: 0;
	border-width: 0px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	--tw-text-opacity: 1;
	color: #111827;
	color: rgba(17, 24, 39, var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button {
	z-index: 10;
	display: flex;
	height: 2rem;
	width: 2rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: #d1d5db;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
	font-size: 1.125rem;
	line-height: 1.75rem;
	line-height: 1;
	--tw-text-opacity: 1;
	color: #111827;
	color: rgba(17, 24, 39, var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button:hover {
	--tw-border-opacity: 1;
	border-color: #f97316;
	border-color: rgba(249, 115, 22, var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: #f97316;
	background-color: rgba(249, 115, 22, var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button:disabled {
	cursor: not-allowed;
	--tw-bg-opacity: 1;
	background-color: #0dfc7d;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: #9ca3af;
	color: rgba(156, 163, 175, var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button:hover:disabled {
	--tw-border-opacity: 1;
	border-color: #0dfc7d;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: #0dfc7d;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: #9ca3af;
	color: rgba(156, 163, 175, var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button.disabled {
	cursor: not-allowed;
	--tw-border-opacity: 1;
	border-color: #0dfc7d;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: #0dfc7d;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: #9ca3af;
	color: rgba(156, 163, 175, var(--tw-text-opacity, 1))
}

.ui-number-picker>.number-picker-button.disabled:hover {
	--tw-border-opacity: 1;
	border-color: #0dfc7d;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: #0dfc7d;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: #9ca3af;
	color: rgba(156, 163, 175, var(--tw-text-opacity, 1))
}

.double-bordered-box {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border-radius: var(--radius);
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .2s;
	animation-duration: .2s
}

.double-bordered-box.disabled {
	cursor: not-allowed;
	opacity: .5
}

.double-bordered-box:not(.disabled) {
	cursor: pointer
}

.double-bordered-box:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	display: none;
	border-radius: var(--radius);
	border-width: 2px;
	border-color: transparent
}

.double-bordered-box:not(.selected):not(.disabled):hover:before {
	display: block;
	--tw-border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

.double-bordered-box:not(.selected):not(.disabled):hover>.inner-border {
	display: block;
	--tw-border-opacity: 1;
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1))
}

.double-bordered-box.selected>.inner-border {
	display: block;
	--tw-border-opacity: 1;
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1))
}

.double-bordered-box.selected:before {
	display: block;
	--tw-border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

.double-bordered-box:after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--radius);
	background-color: #0000000a
}

.double-bordered-box>.inner-border {
	position: absolute;
	inset: 2px;
	display: none;
	border-radius: var(--radius);
	border-width: 1px;
	border-color: transparent
}

.sku-selected-layout {
	position: absolute;
	top: 0;
	background: #fff;
	padding: 20px;
	height: 100vh;
	animation: slide-in-top .35s cubic-bezier(.35, 0, .2, 1) forwards;
	z-index: 10
}

.sku-selected-layout.down {
	animation: slide-in-down .35s cubic-bezier(.35, 0, .2, 1) forwards
}

.sku-selected-layout .close {
	cursor: pointer;
	position: absolute;
	top: 24px
}

html[dir=ltr] .sku-selected-layout .close {
	right: 24px
}

html[dir=rtl] .sku-selected-layout .close {
	left: 24px
}

.sku-selected-layout h4 {
	font-weight: 700;
	font-size: 18px;
	color: #222;
	line-height: 24px;
	padding: 0;
	margin-bottom: 20px
}

.sku-selected-layout .layout-list {
	display: table;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 300px
}

.sku-selected-layout .layout-list .layout-item {
	display: table-row;
	border: 1px solid #ddd
}

.sku-selected-layout .layout-list .layout-item:first-child {
	font-weight: 700;
	font-size: 16px;
	color: #222;
	line-height: 22px
}

.sku-selected-layout .layout-list .layout-item:first-child .price {
	font-weight: 700
}

.sku-selected-layout .layout-list .layout-item>div {
	padding: 15px 10px;
	display: table-cell;
	border: 1px solid #ddd
}

.sku-selected-layout .layout-list .layout-item .sku {
	font-size: 16px;
	color: #222;
	line-height: 22px;
	width: 242px
}

.sku-selected-layout .layout-list .layout-item .sku>div {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	flex-wrap: wrap;
	gap: 4px
}

.sku-selected-layout .layout-list .layout-item .sku>div>span {
	word-break: break-all;
	word-wrap: break-word
}

.sku-selected-layout .layout-list .layout-item .sku>div img {
	width: 20px;
	height: 20px
}

.sku-selected-layout .layout-list .layout-item .price {
	width: 156px;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	line-height: 22px
}

.sku-selected-layout .layout-list .layout-item .quantity {
	width: 156px
}

.bottom-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px
}

.bottom-item.total {
	font-weight: 600;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	padding-top: 8px;
	border-top: 1px solid #DDD
}

.bottom-item.total .item-right {
	font-weight: 600
}

.bottom-item.showSubTotalWithCoupon.total .item-right s {
	font-weight: 400
}

.bottom-item.showSubTotalWithCoupon.total .item-right span {
	color: hsl(var(--highlight-dark))
}

.bottom-item .item-right {
	font-weight: 600;
	font-size: 14px;
	color: #222;
	line-height: 18px
}

.bottom-item .item-left {
	font-size: 14px
}

.bottom-item .item-left span {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px
}

.bottom-item .item-left a {
	font-weight: 400;
	font-size: 14px;
	color: #222;
	line-height: 22px
}

.sku-layout.none .sku-out-bottom {
	margin-bottom: 10px
}

.sku-layout.none .sku-option {
	margin-top: 20px;
	margin-bottom: 20px
}

.sku-layout.none .inventory-info {
	font-size: 16px;
	color: hsl(var(--highlight-dark))
}

.sku-layout.none .sku-logistic {
	border-bottom: 0
}

.sku-layout.logistics .sku-logistic {
	min-height: 130px
}

.sku-layout .sku-logistic h4 {
	font-weight: 600;
	font-size: 18px;
	color: #222;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 0
}

.sku-layout h3 {
	font-weight: 600;
	font-size: 18px;
	color: #222;
	line-height: 24px;
	margin-bottom: 0
}

.sku-layout .sku-info {
	padding: 4px 0
}

.sku-layout .sku-info h4 {
	font-weight: 600;
	font-size: 14px;
	color: #222;
	line-height: 18px;
	margin-top: 16px;
	margin-bottom: 12px;
	position: relative
}

.sku-layout .sku-info h4>a {
	color: #222;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-decoration-line: underline;
	position: absolute;
	bottom: 0
}

html[dir=ltr] .sku-layout .sku-info h4>a {
	right: 0
}

html[dir=rtl] .sku-layout .sku-info h4>a {
	left: 0
}

.sku-layout .sku-info h4>span {
	font-weight: 400
}

html[dir=ltr] .sku-layout .sku-info h4>span {
	margin-left: 4px
}

html[dir=rtl] .sku-layout .sku-info h4>span {
	margin-right: 4px
}

.sku-layout .sku-info .info-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	max-height: 44px;
	overflow: hidden
}

.sku-layout .sku-info .info-item .show-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px
}

.sku-layout .sku-info .info-item .show-more>a {
	color: #222;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	text-decoration-line: underline
}

.sku-layout .sku-info .info-item .last-sku-item {
	width: 100%;
	position: relative
}

.sku-layout .sku-info .info-item .last-sku-item .inventory-info {
	position: absolute;
	margin: 4px 0;
	font-size: 12px
}

html[dir=ltr] .sku-layout .sku-info .info-item .last-sku-item .inventory-info {
	right: 0
}

html[dir=rtl] .sku-layout .sku-info .info-item .last-sku-item .inventory-info {
	left: 0
}

.sku-layout .sku-info .info-item .last-sku-item .inventory-info.out-of-stock {
	color: #767676
}

.sku-layout .sku-info .info-item .last-sku-item .inventory-info.tight-stock {
	color: hsl(var(--highlight-dark))
}

.sku-layout .sku-info .info-item .number {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	gap: 4px
}

.sku-layout .sku-info .info-item .number:hover {
	cursor: pointer
}

.sku-layout .sku-info .info-item .number .last-sku-first-item {
	width: 45%;
	display: flex;
	align-items: center
}

.sku-layout .sku-info .info-item .number .price {
	flex: 1
}

.module_sku .sku-layout .sku-info .info-item .number.active img {
	border: 2px solid #222;
	padding: 1px
}

.module_sku .sku-layout .sku-info .info-item .number.active .color {
	border: 2px solid #222
}

.sku-layout .sku-info .info-item .number span.image img {
	width: 44px;
	height: 44px;
	border-radius: 4px
}

html[dir=ltr] .sku-layout .sku-info .info-item .number span.image img {
	margin-right: 4px
}

html[dir=rtl] .sku-layout .sku-info .info-item .number span.image img {
	margin-left: 4px
}

.sku-layout .sku-info .info-item .number span.color {
	position: relative;
	width: 44px;
	height: 44px;
	display: inline-block;
	border-radius: 4px
}

.sku-layout .sku-info .info-item .number span.color:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #0000000a
}

html[dir=ltr] .sku-layout .sku-info .info-item .number span.color:before {
	left: 0
}

html[dir=rtl] .sku-layout .sku-info .info-item .number span.color:before {
	right: 0
}

.sku-layout .sku-info .info-item span.more {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	max-height: 44px;
	width: 44px;
	background-color: #f4f4f4;
	border-radius: 4px;
	font-weight: 400;
	font-size: 14px;
	color: #222
}

.sku-layout .sku-info .info-item a.text,
.sku-layout .sku-info .info-item a.color,
.sku-layout .sku-info .info-item a.image {
	position: relative
}

.sku-layout .sku-info .info-item a.text.selected,
.sku-layout .sku-info .info-item a.color.selected,
.sku-layout .sku-info .info-item a.image.selected {
	border: 2px solid #222;
	padding: 1px
}

.sku-layout .sku-info .info-item a.text span.badge,
.sku-layout .sku-info .info-item a.color span.badge,
.sku-layout .sku-info .info-item a.image span.badge {
	position: absolute;
	top: -16px;
	background-color: #e52828;
	border: 1px solid #fff;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	padding: 4px 8px;
	white-space: nowrap
}

html[dir=ltr] .sku-layout .sku-info .info-item a.text span.badge,
html[dir=ltr] .sku-layout .sku-info .info-item a.color span.badge,
html[dir=ltr] .sku-layout .sku-info .info-item a.image span.badge {
	right: -5px
}

html[dir=rtl] .sku-layout .sku-info .info-item a.text span.badge,
html[dir=rtl] .sku-layout .sku-info .info-item a.color span.badge,
html[dir=rtl] .sku-layout .sku-info .info-item a.image span.badge {
	left: -5px
}

.sku-layout .sku-info .info-item a.color {
	width: 44px;
	height: 44px;
	display: inline-block;
	border-radius: 4px
}

.sku-layout .sku-info .info-item a.color:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #0000000a
}

html[dir=ltr] .sku-layout .sku-info .info-item a.color:before {
	left: 0
}

html[dir=rtl] .sku-layout .sku-info .info-item a.color:before {
	right: 0
}

.sku-layout .sku-info .info-item a.color.selected:before {
	border: 1px solid #fff
}

.sku-layout .sku-info .info-item a.image {
	width: 44px;
	height: 44px;
	display: inline-block;
	border-radius: 4px
}

.sku-layout .sku-info .info-item a.image:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 44px;
	height: 44px;
	border-radius: 4px;
	background-color: #0000000a
}

html[dir=ltr] .sku-layout .sku-info .info-item a.image:before {
	left: 0
}

html[dir=rtl] .sku-layout .sku-info .info-item a.image:before {
	right: 0
}

.sku-layout .sku-info .info-item a.image>img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.sku-layout .sku-info .info-item a.text {
	-webkit-text-decoration: none;
	text-decoration: none;
	text-align: center;
	display: grid;
	border: 2px solid #fff;
	border-radius: 8px
}

.sku-layout .sku-info .info-item a.text>span {
	font-weight: 400;
	color: #222;
	padding: 8px 12px;
	background-color: #f4f4f4;
	font-size: 14px;
	border-radius: 8px;
	line-height: 18px
}

.sku-layout .sku-option {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 8px;
	gap: 20px;
	width: 100%
}

.sku-layout .sku-option .item-right>a {
	font-weight: 600;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	white-space: nowrap;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.sku-layout .sku-option .item-left {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.sku-layout .sku-option .item-left .option {
	font-weight: 400;
	font-size: 14px;
	color: #222;
	line-height: 22px
}

.sku-layout .sku-option .item-left .total {
	font-size: 14px;
	color: #222;
	line-height: 22px;
	font-weight: 500
}

html[dir=ltr] .sku-layout .sku-option .item-left .total span {
	margin-right: 4px
}

html[dir=rtl] .sku-layout .sku-option .item-left .total span {
	margin-left: 4px
}

.sku-layout .sku-out-bottom .item-right del {
	color: #767676
}

.sku-layout .sku-out-bottom .select-layout {
	position: absolute;
	top: 0;
	background: #fff;
	padding: 20px;
	height: 100vh;
	animation: slide-in-top .35s cubic-bezier(.35, 0, .2, 1) forwards;
	z-index: 3
}

.sku-layout .sku-out-bottom .select-layout.down {
	animation: slide-in-down .35s cubic-bezier(.35, 0, .2, 1) forwards
}

.sku-layout .sku-out-bottom .select-layout .close {
	cursor: pointer;
	position: absolute;
	top: 24px
}

html[dir=ltr] .sku-layout .sku-out-bottom .select-layout .close {
	right: 24px
}

html[dir=rtl] .sku-layout .sku-out-bottom .select-layout .close {
	left: 24px
}

.sku-layout .sku-out-bottom .select-layout h4 {
	font-weight: 700;
	font-size: 18px;
	color: #222;
	line-height: 24px;
	padding: 0;
	margin-bottom: 20px
}

.sku-layout .sku-out-bottom .select-layout .layout-list {
	display: table;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 300px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item {
	display: table-row;
	border: 1px solid #ddd
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item:first-child {
	font-weight: 700;
	font-size: 16px;
	color: #222;
	line-height: 22px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item:first-child .price {
	font-weight: 700
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item>div {
	padding: 15px 10px;
	display: table-cell;
	border: 1px solid #ddd
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku {
	font-size: 16px;
	color: #222;
	line-height: 22px;
	width: 242px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	flex-wrap: wrap;
	gap: 4px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div>span {
	word-break: break-all;
	word-wrap: break-word
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div img {
	width: 20px;
	height: 20px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .price {
	width: 156px;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	line-height: 22px
}

.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .quantity {
	width: 156px
}

.sku-layout .sku-out-bottom .bottom-item {
	display: flex;
	justify-content: space-between;
	margin-top: 10px
}

.sku-layout .sku-out-bottom .bottom-item:first-child {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e6e7eb
}

.sku-layout .sku-out-bottom .bottom-item.total {
	font-weight: 600;
	font-size: 14px;
	color: #222;
	line-height: 18px;
	margin-top: 15px
}

.sku-layout .sku-out-bottom .bottom-item.total .item-right {
	font-weight: 600
}

.sku-layout .sku-out-bottom .bottom-item.showSubTotalWithCoupon.total .item-right s {
	font-weight: 400
}

.sku-layout .sku-out-bottom .bottom-item.showSubTotalWithCoupon.total .item-right span {
	color: hsl(var(--highlight-dark))
}

.sku-layout .sku-out-bottom .bottom-item .item-right {
	font-size: 14px;
	color: #222;
	line-height: 18px;
	font-weight: 600
}

.sku-layout .sku-out-bottom .bottom-item .item-left span {
	font-weight: 400;
	font-size: 16px;
	color: #222;
	line-height: 22px
}

.sku-layout .sku-out-bottom .bottom-item .item-left a {
	font-weight: 400;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.layout-right .sku-layout .sku-info>*:nth-child(n+7) {
	display: none
}

.module_ta_plus {
	padding: 0 20px;
	min-height: 20px
}

.module_ta_plus .ta-semi {
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd
}

.module_ta_plus .ta-semi .ta-wrapper {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	justify-content: space-between;
	cursor: pointer
}

.module_ta_plus .ta-semi .ta-wrapper>div {
	display: flex;
	gap: 8px
}

.module_ta_plus .ta-semi .ta-wrapper>div img {
	height: 20px
}

.module_ta_plus .ta-semi .ta-wrapper .detail-symbol {
	font-size: 24px
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header {
	display: flex;
	gap: 4px;
	flex: 1;
	flex-direction: column
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item {
	display: flex;
	align-items: flex-end;
	gap: 4px
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item.other {
	font-weight: 400;
	font-size: 14px;
	align-items: center
}

.module_ta_plus .ta-semi .ta-wrapper .ta-header img {
	margin-bottom: 2px;
	height: 20px
}

.module_ta_plus .ta-semi .semi-footer {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #666;
	margin-top: 16px
}

.module_ta_plus .ta-semi .semi-footer img {
	display: inline-block;
	height: 15px
}

html[dir=ltr] .module_ta_plus .ta-semi .semi-footer img {
	margin-left: 4px
}

html[dir=rtl] .module_ta_plus .ta-semi .semi-footer img {
	margin-right: 4px
}

.report-layout {
	margin-top: 20px;
	padding-top: 28px;
	border-top: 1px solid #ddd;
	display: flex;
	align-items: center;
	gap: 4px
}

.report-layout .report-link {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-decoration-line: underline
}

.related-layout {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #ddd;
	margin-bottom: 30px
}

.related-layout h2 {
	font-size: 22px;
	color: #222;
	line-height: 30px;
	font-weight: 700;
	padding-bottom: 20px
}

.related-layout .related-list {
	display: flex;
	gap: 20px;
	flex-wrap: wrap
}

.related-layout .related-list>a {
	padding: 8px 16px;
	border: 1px solid #ddd;
	border-radius: 24px;
	line-height: 16px;
	font-size: 14px;
	color: #222;
	-webkit-text-decoration: none;
	text-decoration: none
}

.related-layout .related-list>a:hover {
	border: 1px solid #222
}

.module_recommend {
	margin-top: 20px
}

.module_recommend .recommend-layout {
	border-top: 0
}

.recommend-layout {
	background-color: #fff;
	padding-top: 32px;
	margin-top: 32px;
	border-top: 1px solid #ddd
}

.recommend-layout:has(>div[data-visible=false]) {
	display: none
}

.recommend-layout.you_may_like {
	margin-top: 0
}

.recommend-layout.you_may_like .button-item {
	display: none
}

.recommend-layout a,
.recommend-layout a:hover {
	-webkit-text-decoration: none;
	text-decoration: none
}

.service_layout {
	border-top: 1px solid #ddd;
	margin-top: 32px;
	padding-top: 28px
}

.service_layout h2 {
	color: #222;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 20px
}

.service_layout .service-info {
	display: flex;
	gap: 17px;
	flex-direction: column
}

.service_layout .service-info .service-item {
	display: flex;
	gap: 4px;
	align-items: center
}

.service_layout .service-info .service-item img {
	height: 20px
}

.lead-layout {
	border-top: 1px solid #ddd;
	margin-top: 32px
}

.lead-layout h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-bottom: 20px;
	margin-top: 28px
}

.lead-layout h2 .lead-arrow {
	cursor: pointer
}

.lead-layout .lead-list {
	display: flex;
	font-size: 14px;
	color: #333
}

.lead-layout .lead-list table {
	border-collapse: collapse;
	border: 1px solid #ddd
}

.lead-layout .lead-list table td {
	border: 1px solid #ddd;
	padding: 12px
}

.lead-layout .lead-list table td:first-child {
	background-color: #f4f4f4
}

html[dir=ltr] .lead-layout .lead-list table td:first-child {
	border-left: 0 solid #ddd
}

html[dir=rtl] .lead-layout .lead-list table td:first-child {
	border-right: 0 solid #ddd
}

.lead-layout .lead-list table th {
	border: 2px solid #ddd;
	padding: 5px
}

.collapsible-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	color: #222;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px
}

.collapsible-title .detail-symbol:hover {
	cursor: pointer
}

.collapsible-layout {
	display: block
}

.collapsible-layout.hidden {
	display: none
}

.other-customization .im-alitalk-container {
	display: inline-block
}

.module_sample {
	margin: 0;
	padding: 0
}

.module_sample .sample-layout {
	margin-top: 32px;
	padding: 0
}

.module_sample .sample-layout button {
	height: 36px
}

.module_sample .sample-action {
	display: none
}

.sample-layout {
	margin-top: 16px;
	padding: 0 24px;
	font-weight: 400;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	margin-bottom: 20px;
	border-top: 1px solid #ddd
}

.sample-layout a {
	color: #222;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.sample-layout .sample-floor h2 {
	font-weight: 700;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-top: 32px;
	padding-bottom: 20px;
	margin-bottom: 0
}

.sample-layout .sample-item {
	font-weight: 400;
	font-size: 16px;
	color: #222;
	line-height: 22px;
	margin-bottom: 10px;
	display: flex
}

.sample-layout .sample-item .price {
	display: flex;
	flex-direction: column
}

html[dir=ltr] .sample-layout .sample-item .price {
	margin-left: 4px
}

html[dir=rtl] .sample-layout .sample-item .price {
	margin-right: 4px
}

.sample-layout .sample-item .price del {
	font-size: 12px;
	color: #999
}

.sample-layout>a {
	font-weight: 400;
	font-size: 16px;
	color: #222;
	line-height: 22px
}

.sample-layout button {
	margin-top: 15px;
	border-color: #333 !important
}

.sellingpoint {
	visibility: hidden;
	margin-top: 32px;
	border-top: 1px solid #ddd;
	padding-top: 32px;
	height: -moz-max-content;
	height: max-content;
	color: #222
}

.sellingpoint .show-more {
	height: 112px;
	overflow: hidden
}

.sellingpoint .header {
	margin-bottom: 24px
}

.sellingpoint .header h2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px
}

.sellingpoint ul {
	position: relative;
	min-height: 18px
}

html[dir=ltr] .sellingpoint ul {
	padding-left: 14px
}

html[dir=rtl] .sellingpoint ul {
	padding-right: 14px
}

.sellingpoint ul li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 22px;
	list-style-type: disc;
	word-wrap: break-word
}

.sellingpoint ul li:last-of-type {
	margin-bottom: 0
}

.atp-tip-content>p {
	margin-bottom: 12px
}

#module_product_specification img {
	display: inline-block
}

.module_description .richtext table td {
	vertical-align: middle
}

.module_description .description-layout {
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid #ddd
}

.module_description .description-layout h2 {
	margin-bottom: 20px;
	color: #222;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px
}

.module_description .description-layout .show-more {
	max-height: 720px
}

.module_description .description-layout .show-less {
	max-height: none
}

.module_description .layout-other-wrapper {
	overflow: hidden;
	position: relative
}

.module_description .description-show-button {
	margin-top: 20px;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.module_description .description-show-button:hover {
	cursor: pointer
}

.market-opportunity-tool-container {
	padding-top: 28px;
	border-top: 1px solid #DDD
}

.selection-tool-wrapper {
	margin: 0;
	position: relative
}

.selection-tool-wrapper .popup {
	position: relative;
	z-index: 10000
}

.selection-tool-wrapper .popup .popup-close .close-icon {
	position: inherit
}

.richtext-detail td {
	border-width: 1px
}

.detail-honorary-title {
	line-height: 18px;
	font-weight: 600;
	color: #222;
	letter-spacing: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.detail-honorary-title .popular-action {
	font-weight: 400;
	color: #222
}

html[dir=ltr] .detail-honorary-title .popular-action {
	margin-left: 4px
}

html[dir=rtl] .detail-honorary-title .popular-action {
	margin-right: 4px
}

.module_skuCertification {
	padding: 0 24px
}

.product-sku-certifications {
	display: flex;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400
}

.product-sku-certifications:empty {
	display: none
}

.certificate-dialog-layout {
	display: flex;
	gap: 34px;
	margin-top: 15px
}

.certificate-dialog-layout .prop-layout {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0
}

.certificate-dialog-layout .prop-layout .layout-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 50vh;
	justify-content: flex-start;
	min-height: 30vh;
	max-width: 490px
}

.certificate-dialog-layout .prop-layout .layout-left,
.certificate-dialog-layout .prop-layout .layout-right {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 25px;
	background-color: #fff;
	width: 48px;
	height: 48px
}

.certificate-dialog-layout .prop-layout .layout-left {
	z-index: 1
}

html[dir=ltr] .certificate-dialog-layout .prop-layout .layout-left:first-child {
	margin-right: -58px
}

html[dir=rtl] .certificate-dialog-layout .prop-layout .layout-left:first-child {
	margin-left: -58px
}

html[dir=ltr] .certificate-dialog-layout .prop-layout .layout-left:last-child {
	margin-left: -58px
}

html[dir=rtl] .certificate-dialog-layout .prop-layout .layout-left:last-child {
	margin-right: -58px
}

.certificate-dialog-layout .prop-right {
	width: 440px
}

.certificate-dialog-layout .prop-right .certificate-info {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.certificate-dialog-layout .prop-right .certificate-info .verified-image .icon-list {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px
}

.certificate-dialog-layout .prop-right .certificate-info .verified-image img {
	height: 16px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-info {
	font-size: 16px;
	color: #222;
	line-height: 22px;
	margin-top: 5px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-info img {
	height: 24px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-content {
	font-size: 16px;
	color: #222;
	line-height: 22px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-header {
	display: flex;
	font-size: 20px;
	color: #222;
	line-height: 28px;
	align-items: center;
	gap: 8px
}

.certificate-dialog-layout .prop-right .certificate-info .certificate-header img {
	height: 20px
}

.detail-star {
	display: flex;
	align-items: center
}

.detail-star .detail-symbol {
	font-size: 16px
}

html[dir=ltr] .detail-star .next-rating-icon:first-child {
	margin-left: 0
}

html[dir=rtl] .detail-star .next-rating-icon:first-child {
	margin-right: 0
}

.detail-review {
	cursor: pointer;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

html[dir=ltr] .detail-review {
	margin-left: 4px
}

html[dir=rtl] .detail-review {
	margin-right: 4px
}

.detail-review-item {
	flex-shrink: 0
}

.star-rating-list {
	display: flex
}

.star-rating-list .fa-star-half {
	position: relative;
	display: inline-block
}

.star-rating-list .fa-star-half .fa-star-half-layout {
	position: absolute;
	top: 0;
	overflow: hidden
}

html[dir=ltr] .star-rating-list .fa-star-half .fa-star-half-layout {
	left: 0
}

html[dir=rtl] .star-rating-list .fa-star-half .fa-star-half-layout {
	right: 0
}

.star-rating-list .fa-star-half .fa-star-half-layout .detail-symbol {
	fill: #ff1900
}

.star-rating-list .detail-symbol {
	fill: #e6e7eb
}

.star-rating-list .detail-symbol.fa-star {
	fill: #ff1900
}

.detail-product-comment {
	display: flex;
	height: 34px;
	font-size: 14px;
	align-items: center
}

.detail-product-comment .star-rating-list {
	display: flex;
	vertical-align: top
}

.product-company {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	height: 40px;
	font-size: 14px;
	background-size: 100% 100%;
	background-color: #f8f8f8;
	border-radius: 4px;
	padding: 0 12px
}

.product-company .company-logo {
	box-sizing: border-box;
	margin-inline-end: 4px;
	width: 28px;
	height: 28px;
	border: .5px solid #ddd;
	border-radius: 4px;
	background-color: #fff
}

.product-company .product-company-info {
	display: flex;
	align-items: center;
	overflow: hidden;
	height: 22px
}

html[dir=ltr] .product-company .product-company-info {
	margin-left: 4px
}

html[dir=rtl] .product-company .product-company-info {
	margin-right: 4px
}

.product-company .product-company-info .company-name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.product-company .product-company-info .company-name a {
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.product-company .product-company-info .verify-icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	height: 12px
}

.product-company .product-company-info .verify-icon a {
	display: flex
}

.product-company .product-company-info .verify-icon img {
	height: 12px;
	width: auto
}

html[dir=ltr] .product-company .product-company-info .verify-icon img {
	margin-right: 4px
}

html[dir=rtl] .product-company .product-company-info .verify-icon img {
	margin-left: 4px
}

.product-company .product-company-info .company-identity {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.product-company .product-company-info .company-life {
	flex-shrink: 0
}

.product-company .product-company-info .company-country {
	height: 18px;
	line-height: normal;
	flex-shrink: 0
}

.product-company .product-company-info .company-country>img {
	width: 16px;
	-o-object-fit: contain;
	object-fit: contain
}

html[dir=ltr] .product-company .product-company-info .company-country>img {
	margin-right: 4px
}

html[dir=rtl] .product-company .product-company-info .company-country>img {
	margin-left: 4px
}

html[dir=ltr] .product-company .product-company-info html[dir=rtl] .company-country>img {
	margin-right: 0;
	margin-left: 4px
}

html[dir=rtl] .product-company .product-company-info html[dir=rtl] .company-country>img {
	margin-left: 0;
	margin-right: 4px
}

.react-dove-icon {
	display: block;
	font-size: 16px;
	font-size: var(--dove-icon-size, 16px);
	color: #fff;
	color: var(--dove-icon-color, #fff)
}

.react-dove-controls-fullscreen .react-dove-icon {
	font-size: 40px;
	font-size: var(--dove-icon-fullscreen-size, 40px)
}

.react-dove-playButton {
	opacity: .9;
	transition: opacity .5s ease;
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	width: 64px;
	width: var(--dove-playButton-width, 64px);
	background-color: #000;
	background-color: #0000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.react-dove-playButton:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.react-dove-playButton-wapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding-left: 4px;
	border-radius: 50%;
	background-color: #0000004d;
	background-color: var(--dove-playButton-backgroud-color, rgba(0, 0, 0, .3));
	border: 2px solid rgba(255, 255, 255, .8);
	border: var(--dove-playButton-border-width, 2px) solid var(--dove-playButton-border-color, rgba(255, 255, 255, .8));
	display: flex;
	justify-content: center;
	align-items: center
}

.react-dove-playButton-arrow.react-dove-icon {
	font-size: 32px;
	font-size: var(--dove-playButton-font-size, 32px)
}

.react-dove-playButton.left {
	top: 20px;
	left: 20px
}

.react-dove-playButton.right {
	top: 20px;
	right: 20px
}

.react-dove-controls-fullscreen .react-dove-playButton {
	width: 80px;
	width: var(--dove-playButton-width, 80px)
}

.react-dove-bigPlay {
	z-index: 3
}

.react-dove-bigPlay.react-dove-bigPlay.hide {
	visibility: hidden;
	opacity: 0
}

.react-dove-button {
	background: #0000;
	border: none;
	cursor: pointer;
	line-height: inherit;
	text-transform: none;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: visible;
	font-size: inherit;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	padding: 0;
	flex-shrink: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	color: var(--dove-control-color, #fff);
	outline: none
}

.react-dove-progress {
	flex: 1;
	box-sizing: border-box
}

.react-dove-progress-inner {
	width: 100%;
	padding: 0 4px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	position: relative
}

.react-dove-progress-inner .react-dove-slider-handle {
	opacity: 0
}

.react-dove-progress-inner:hover .react-dove-slider,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider {
	height: 12px;
	height: calc(var(--dove-slider-height, 9px) + var(--dove-slider-rail-active-height, 6px) - var(--dove-slider-rail-height, 3px))
}

.react-dove-progress-inner:hover .react-dove-slider-rail,
.react-dove-progress-inner:hover .react-dove-slider-track,
.react-dove-progress-inner:hover .react-dove-slider-step,
.react-dove-progress-inner:hover .react-dove-slider-dot,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-rail,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-track,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-step,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-dot {
	height: 6px;
	height: var(--dove-slider-rail-active-height, 6px)
}

.react-dove-progress-inner:hover .react-dove-slider-handle,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-handle {
	opacity: 1;
	bottom: -1px !important;
	bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2 - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-active-height, 6px))/2) !important
}

.react-dove-progress.relative .react-dove-progress-inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% - 3px);
	bottom: calc(100% - (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	padding: 0
}

.react-dove-progress.absolute {
	width: 0%;
	padding: 0 !important;
	flex: none
}

.react-dove-progress.absolute .react-dove-progress-inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% - 3px);
	bottom: calc(100% - (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	padding: 0
}

.react-dove-progress-segment {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(calc(-100% - 18px));
	transform: translateY(calc(-100% - var(--dove-progress-segment-bottom, 12px) - var(--dove-slider-rail-active-height, 6px)));
	overflow-wrap: break-word;
	background-color: #fff;
	background-color: var(--dove-progress-segment-background, #fff);
	padding: 4px;
	width: 120px;
	line-height: 14px;
	font-weight: 700;
	font-size: 12px;
	color: #222;
	text-align: center;
	visibility: hidden;
	overflow: hidden
}

.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider {
	height: 28px;
	height: calc(var(--dove-slider-fullscreen-height, 24px) + var(--dove-slider-rail-fullscreen-active-height, 12px) - var(--dove-slider-rail-fullscreen-height, 8px))
}

.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-track,
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-step,
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-dot,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-track,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-step,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-dot {
	height: 12px;
	height: var(--dove-slider-rail-fullscreen-active-height, 12px)
}

.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-handle,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-handle {
	opacity: 1;
	bottom: 4px !important;
	bottom: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2 - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-active-height, 12px))/2) !important
}

.react-dove-controls-fullscreen .react-dove-progress.relative .react-dove-progress-inner,
.react-dove-controls-fullscreen .react-dove-progress.absolute .react-dove-progress-inner {
	bottom: calc(100% - 8px);
	bottom: calc(100% - (var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2)
}

.react-dove-controls-fullscreen .react-dove-progress-segment {
	transform: translateY(calc(-100% - 24px));
	transform: translateY(calc(-100% - var(--dove-progress-segment-bottom, 12px) - var(--dove-slider-rail-fullscreen-active-height, 12px)));
	background-color: #fff;
	background-color: var(--dove-progress-segment-background, #fff);
	width: 200px;
	line-height: 19px;
	font-size: 16px
}

.react-dove-number {
	font-size: 12px;
	font-size: var(--dove-font-size-number, var(--dove-font-size-small, 12px));
	height: 16px;
	height: var(--dove-icon-size, 16px);
	line-height: 16px;
	line-height: var(--dove-icon-size, 16px)
}

.react-dove-controls-fullscreen .react-dove-number {
	font-size: 24px;
	font-size: var(--dove-font-size-fullscreen-number, 24px);
	height: 40px;
	height: var(--dove-icon-fullscreen-size, 40px);
	line-height: 40px;
	line-height: var(--dove-icon-fullscreen-size, 40px)
}

.react-dove-timeDivider {
	padding-left: 2px;
	padding-right: 2px
}

.react-dove-time.react-dove-button {
	cursor: inherit
}

.react-dove-time.react-dove-button:hover {
	background-color: #0000
}

.react-dove-time.toggle {
	cursor: pointer
}

.react-dove-timeControl {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.react-dove-fullscreen-disable .react-dove-icon {
	color: #a7b0be
}

.react-dove-volume-slider {
	--dove-slider-handle-size: 9px;
	--dove-slider-track-background: #fff
}

.react-dove-volume-slider .react-dove-slider-handle {
	opacity: 1
}

.react-dove-popup {
	background-color: #00000080;
	background-color: var(--dove-controls-background, rgba(0, 0, 0, .5));
	border-radius: 4px;
	z-index: 999999
}

.react-dove-popup.rc-tooltip-hidden {
	display: none
}

.react-dove-popup.hide {
	display: none !important
}

.react-dove-slider-container {
	width: 100%
}

.react-dove-slider-container .react-dove-slider {
	position: relative;
	padding: 3px 0;
	padding: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2) 0;
	height: 9px;
	height: var(--dove-slider-height, 9px);
	width: 100%;
	touch-action: none;
	cursor: pointer;
	transition: height .2s ease
}

.react-dove-slider-container .react-dove-slider-rail {
	bottom: 3px;
	bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	height: 3px;
	height: var(--dove-slider-rail-height, 3px);
	position: absolute;
	width: 100%;
	background-color: #ffffff80;
	background-color: var(--dove-slider-rail-background, rgba(255, 255, 255, .5));
	transition: height .2s ease
}

.react-dove-slider-container .react-dove-slider-track {
	bottom: 3px;
	bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	height: 3px;
	height: var(--dove-slider-rail-height, 3px);
	position: absolute;
	background-color: #ff1900;
	background-color: var(--dove-slider-track-background, var(--dove-color-main, var(--dove-color-main, #ff1900)));
	transition: height .2s ease
}

.react-dove-slider-container .react-dove-slider-step {
	bottom: 3px;
	bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	height: 3px;
	height: var(--dove-slider-rail-height, 3px);
	position: absolute;
	width: 100%;
	background: #0000
}

.react-dove-slider-container .react-dove-slider-handle {
	position: absolute;
	bottom: -2.5px;
	bottom: calc(calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-height, 3px)) / 2);
	width: 14px;
	width: var(--dove-slider-handle-size, 14px);
	height: 14px;
	height: var(--dove-slider-handle-size, 14px);
	background-color: #fff;
	background-color: var(--dove-slider-handle-background, #fff);
	border-radius: 50%;
	cursor: pointer;
	cursor: grab;
	touch-action: pan-x;
	pointer-events: none;
	transition: opacity .2s ease, bottom .2s ease
}

.react-dove-slider-container .react-dove-slider-dot {
	height: 3px;
	height: var(--dove-slider-rail-height, 3px);
	position: absolute;
	bottom: 0;
	width: 6px;
	width: var(--dove-slider-dot-width, 6px);
	background-color: #fff;
	background-color: var(--dove-slider-dot-background, #fff);
	cursor: pointer;
	transition: height .2s ease
}

.react-dove-slider-container.vertical {
	height: 100%;
	width: auto;
	width: initial
}

.react-dove-slider-container.vertical .react-dove-slider {
	padding: 0 3px;
	padding: 0 calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	height: 100%;
	width: 9px;
	width: var(--dove-slider-height, 9px)
}

.react-dove-slider-container.vertical .react-dove-slider-rail {
	bottom: auto;
	bottom: initial;
	left: 3px;
	left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	width: 3px;
	width: var(--dove-slider-rail-height, 3px);
	transition: width .2s ease;
	height: 100%
}

.react-dove-slider-container.vertical .react-dove-slider-track {
	bottom: auto;
	bottom: initial;
	left: 3px;
	left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	width: 3px;
	width: var(--dove-slider-rail-height, 3px);
	transition: width .2s ease
}

.react-dove-slider-container.vertical .react-dove-slider-step {
	bottom: auto;
	bottom: initial;
	left: 3px;
	left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px))/2);
	width: 3px;
	width: var(--dove-slider-rail-height, 3px);
	transition: width .2s ease;
	height: 100%
}

.react-dove-slider-container.vertical .react-dove-slider-handle {
	bottom: auto;
	bottom: initial;
	left: -2.5px;
	left: calc(calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-height, 3px)) / 2);
	transition: opacity .2s ease, left .2s ease
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider {
	padding: 8px 0;
	padding: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2) 0;
	height: 24px;
	height: var(--dove-slider-fullscreen-height, 24px)
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-track,
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-step {
	bottom: 8px;
	bottom: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
	height: 8px;
	height: var(--dove-slider-rail-fullscreen-height, 8px)
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-handle {
	bottom: 2px;
	bottom: calc(calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
	width: 20px;
	width: var(--dove-slider-handle-fullscreen-size, 20px);
	height: 20px;
	height: var(--dove-slider-handle-fullscreen-size, 20px)
}

.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-dot {
	height: 8px;
	height: var(--dove-slider-rail-fullscreen-height, 8px);
	width: 12px;
	width: var(--dove-slider-dot-fullscreen-width, 12px)
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider {
	padding: 0 8px;
	padding: 0 calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
	width: 24px;
	width: var(--dove-slider-fullscreen-height, 24px);
	height: 100%
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-step {
	bottom: auto;
	bottom: initial;
	left: 8px;
	left: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
	width: 8px;
	width: var(--dove-slider-rail-fullscreen-height, 8px);
	height: 100%
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-track {
	bottom: auto;
	bottom: initial;
	left: 8px;
	left: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px))/2);
	width: 8px;
	width: var(--dove-slider-rail-fullscreen-height, 8px)
}

.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-handle {
	bottom: auto;
	bottom: initial;
	left: 2px;
	left: calc(calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2)
}

.react-dove-volume-control-wrapper,
.react-dove-volume-control-wrapper .react-dove-volume-control-toggle {
	width: 100%;
	height: 100%
}

.react-dove-volume-control .react-dove-volumeControl-slider {
	margin-left: 4px;
	margin-left: var(--dove-control-spacing, 4px)
}

.react-dove-volume-control .react-dove-volumeControl-slider.hide {
	width: 0;
	overflow: hidden
}

.react-dove-volume-control.inline {
	width: 16px
}

.react-dove-volume-control.inline .react-dove-volumeControl-slider {
	display: none
}

.react-dove-volume-control.inline:hover,
.react-dove-volume-control.inline.active {
	width: 90px;
	transition: all .5s ease;
	transition: var(--dove-transition, all .5s ease)
}

.react-dove-volume-control.inline:hover .react-dove-volumeControl-slider,
.react-dove-volume-control.inline.active .react-dove-volumeControl-slider {
	display: block
}

.react-dove-volume-control .react-dove-button {
	z-index: 1
}

.react-dove-volume-control-popup {
	width: 28px;
	width: var(--dove-control-size, 28px);
	height: 80px;
	padding: 8px 0;
	top: 0 !important;
	transform: translateY(calc(-100% - 11px));
	transform: translateY(calc(-100% - var(--dove-control-popup-bottom, 11px)))
}

.react-dove-volume-control-popup .rc-tooltip-content,
.react-dove-volume-control-popup .rc-tooltip-inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.react-dove-controls-fullscreen .react-dove-volume-control-popup {
	width: 60px;
	width: var(--dove-control-fullscreen-size, 60px);
	height: 160px;
	padding: 12px 0;
	transform: translateY(calc(-100% - 24px));
	transform: translateY(calc(-100% - var(--dove-control-fullscreen-popup-bottom, 24px)))
}

.react-dove-controls {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 36px;
	height: var(--dove-controls-height, 36px);
	box-sizing: border-box;
	background: #00000080;
	background: var(--dove-controls-background, rgba(0, 0, 0, .5));
	color: #fff;
	color: var(--dove-control-color, #fff)
}

.react-dove-controls-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 0 12px;
	padding: 0 var(--dove-controls-padding, 12px);
	display: flex;
	align-items: center;
	box-sizing: border-box
}

.react-dove-controls-wrapper>*+* {
	margin-left: 4px;
	margin-left: var(--dove-control-spacing, 4px)
}

.react-dove-controls-wrapper .react-dove-controls-item {
	width: 28px;
	width: var(--dove-control-size, 28px);
	height: 28px;
	height: var(--dove-control-size, 28px);
	border-radius: 4px;
	border-radius: var(--dove-control-border-radius, 4px);
	display: flex;
	justify-content: center;
	align-items: center
}

.react-dove-controls-wrapper .react-dove-controls-item>* {
	width: 100%;
	height: 100%
}

.react-dove-controls-wrapper .react-dove-controls-item:hover {
	background-color: #00000080;
	background-color: var(--dove-controls-background, rgba(0, 0, 0, .5))
}

.react-dove-controls-fullscreen .react-dove-controls {
	height: 72px;
	height: var(--dove-controls-fullscreen-height, 72px)
}

.react-dove-controls-fullscreen .react-dove-controls-wrapper {
	padding: 0 40px;
	padding: 0 var(--dove-controls-fullscreen-padding, 40px)
}

.react-dove-controls-fullscreen .react-dove-controls-wrapper>*+* {
	margin-left: 20px;
	margin-left: var(--dove-control-fullscreen-spacing, 20px)
}

.react-dove-controls-fullscreen .react-dove-controls-wrapper .react-dove-controls-item {
	width: 60px;
	width: var(--dove-control-fullscreen-size, 60px);
	height: 60px;
	height: var(--dove-control-fullscreen-size, 60px);
	border-radius: 8px;
	border-radius: var(--dove-control-fullscreen-border-radius, 8px)
}

.react-dove-error {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	background: #000000e6;
	color: #fff;
	color: var(--dove-control-color, #fff)
}

.react-dove-error .react-dove-error-message {
	display: flex;
	justify-content: center;
	padding: 24px;
	font-size: 14px;
	font-size: var(--dove-font-size-base, 14px)
}

.react-dove-error .react-dove-error-reload {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer
}

.react-dove-error .react-dove-error-reload .react-dove-icon {
	font-size: 32px;
	font-size: calc(var(--dove-icon-size, 16px) * 2)
}

.react-dove-error .react-dove-error-close {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer
}

.react-dove-error .react-dove-error-close .react-dove-icon {
	font-size: 24px;
	font-size: calc(var(--dove-icon-size, 16px) * 1.5)
}

.react-dove-loading {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	color: #fff;
	color: var(--dove-control-color, #fff);
	transform: translate(-50%, -50%)
}

.react-dove-image {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	-o-object-fit: contain;
	object-fit: contain;
	background-color: #000;
	background-color: var(--dove-video-background, rgb(0, 0, 0))
}

.react-dove-controls-wraper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer
}

.react-dove-controls-wraper-inner {
	position: absolute;
	left: 0;
	top: 0;
	visibility: visible;
	opacity: 1;
	transition: all .5s ease;
	transition: var(--dove-transition, all .5s ease);
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.react-dove-controls-wraper-inner.hide {
	visibility: hidden;
	opacity: 0
}

.react-dove-controls-wraper-outer {
	position: absolute;
	left: 0;
	top: 0;
	visibility: visible;
	opacity: 1;
	transition: all .5s ease;
	transition: var(--dove-transition, all .5s ease);
	width: 100%;
	height: 100%
}

.react-dove {
	position: relative;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 320px;
	height: 180px
}

.react-dove .react-dove-container {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.react-dove .react-dove-container .react-dove-video {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: var(--dove-video-background, rgb(0, 0, 0))
}

.react-dove * {
	box-sizing: border-box
}

.react-videox-subtitle {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	margin-bottom: 1%;
	color: #fff;
	font-family: PingFang SC, SF Pro SC, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 rgba(0, 0, 0, .7), 1px -1px 0 rgba(0, 0, 0, .7), -1px -1px 0 rgba(0, 0, 0, .7);
	background-color: none;
	border-radius: 0;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-pack: center;
	-ms-flex-pack: center
}

.react-videox-subtitle-inner {
	display: block;
	max-width: 92%
}

.react-videox-subtitle-inner .text-track-single {
	-webkit-line-clamp: 1
}

.react-videox-subtitle-inner .text-track-double {
	-webkit-line-clamp: 2
}

.react-videox-subtitle-inner .text-track-three {
	-webkit-line-clamp: 3
}

.react-videox-subtitle-span {
	display: -webkit-box;
	padding: 1px 4px;
	overflow: hidden;
	line-height: 120%;
	text-align: center;
	text-overflow: ellipsis;
	word-break: break-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.detail-video-container {
	width: 100%;
	height: 100%
}

.detail-video-container .detail-video-player {
	margin: 0 auto;
	max-width: 100%
}

.detail-video-container .react-dove-view-port {
	background-color: #000;
	width: 100%;
	height: 100%
}

.detail-video-placeholder {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

html[dir=ltr] .detail-video-placeholder {
	left: 0
}

html[dir=rtl] .detail-video-placeholder {
	right: 0
}

.detail-video-placeholder>img {
	transform: scale(1.1);
	background: #000;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.detail-video-placeholder .play-triangle {
	cursor: pointer;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	width: 0;
	height: 0
}

html[dir=ltr] .detail-video-placeholder .play-triangle {
	border-left: 26px solid #fff
}

html[dir=rtl] .detail-video-placeholder .play-triangle {
	border-right: 26px solid #fff
}

.searchx-find-similar__wrapper {
	height: 36px;
	width: 36px
}

.searchx-find-similar__wrapper .searchx-find-similar__first_tip {
	white-space: wrap;
	width: 338px
}

.searchx-find-similar {
	position: relative
}

.searchx-find-similar.searchx-find-similar__icon {
	background-color: #fff;
	border-radius: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.searchx-find-similar.searchx-find-similar__icon.theme-translucent {
	border: 1px solid #ddd;
	background-color: #fffc
}

.searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
	border: 1px solid #222;
	background-color: #f4f4f4;
	box-shadow: none
}

.searchx-find-similar.searchx-find-similar__icon.theme-float,
.searchx-find-similar.searchx-find-similar__icon.normal:hover {
	box-shadow: 0 2px 6px 2px #0000001f
}

.searchx-find-similar .searchx-find-similar__img {
	width: 20px;
	height: 20px
}

.searchx-find-similar__popover {
	color: #fff;
	position: absolute;
	background-color: #000;
	padding: 20px;
	max-width: 338px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 22px;
	z-index: 1000;
	opacity: 0;
	transition: opacity .5s
}

.searchx-find-similar__popover .searchx-find-similar__popover-header {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	margin-bottom: 8px
}

.searchx-find-similar__popover .searchx-find-similar__popover-header .searchx-find-similar_close-icon {
	height: 20px;
	cursor: pointer
}

.searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
	left: 50%;
	top: 100%;
	transform: translate(-50%, -60%) rotate(45deg)
}

.searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
	left: 50%;
	top: 0;
	transform: translate(-50%, -40%) rotate(45deg)
}

.searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
	right: 0;
	top: 50%;
	transform: translate(40%, -50%) rotate(45deg)
}

.searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
	left: 0;
	top: 50%;
	transform: translate(-40%, -50%) rotate(45deg)
}

.searchx-find-similar__popover .searchx-find-similar__popover-arrow {
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: #000
}

[data-module=MainImage] .new-detail-find-similar-container .detail-find-similar {
	width: 40px;
	height: 40px
}

[data-module=MainImage] .new-detail-find-similar-container .searchx-find-similar,
[data-module=MainImage] .new-detail-find-similar-container .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
	border: none;
	box-shadow: 0 2px 6px 2px #0000001f
}

[data-module=MainImage] .new-detail-find-similar-container .searchx-find-similar__img {
	width: 24px;
	height: 24px
}

[data-module=MainImage] .detail-find-similar-container .detail-find-similar {
	width: 48px;
	height: 48px
}

[data-module=MainImage] .detail-find-similar-container .searchx-find-similar,
[data-module=MainImage] .detail-find-similar-container .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
	border: none;
	box-shadow: 0 2px 6px 2px #0000001f
}

[data-module=MainImage] .detail-find-similar-container .searchx-find-similar__img {
	width: 28px;
	height: 28px
}

.product-title-container {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400
}

.product-title-container .product-certifications {
	display: flex;
	height: 18px;
	margin-bottom: 12px
}

.product-title-container .product-certifications .self-operated-business {
	color: hsl(var(--highlight-dark))
}

.product-title-container h1 {
	background: none !important;
	-webkit-text-fill-color: #222 !important;
	margin-bottom: 8px;
	line-height: 26px;
	font-weight: 600;
	font-size: 18px;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #222;
	letter-spacing: 0
}

.product-title-container h1>img {
	margin-bottom: 4px;
	height: 16px;
	vertical-align: text-bottom;
	display: inline-block
}

html[dir=ltr] .product-title-container h1>img {
	margin-right: 4px
}

html[dir=rtl] .product-title-container h1>img {
	margin-left: 4px
}

.layout-body {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
	min-width: 1180px;
	max-width: 1440px
}

.layout-body .detail-separator {
	display: flex
}

.layout-body .detail-separator:after {
	margin: 0 4px;
	content: "\b7"
}

.layout-body .detail-separator:last-of-type:after {
	display: none
}

.layout-right {
	position: relative;
	width: 37%
}

.layout-right .layout-stick {
	display: flow-root;
	position: relative;
	box-shadow: 0 0 0 1px #ddd;
	border-radius: 8px;
	background: #fff
}

.layout-right .layout-stick.action-section-fade-down {
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-name: action-section-fade-down
}

.layout-right .layout-stick.action-section-fade-up {
	animation-duration: .6s;
	animation-timing-function: ease-out;
	animation-name: action-section-fade-up
}

.layout-right .layout-stick:not(.sticky) .right-bottom-sticky {
	position: sticky;
	bottom: 0;
	z-index: 20
}

.layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
	filter: drop-shadow(0 -4px 8px rgba(0, 0, 0, .08));
	margin: 0 0 8px;
	padding: 20px 0 12px
}

@media screen and (min-width: 1920px) {
	.layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
		margin: 0 0 4px;
		padding: 20px 0 16px
	}
}

.layout-right .layout-stick.sticky {
	position: sticky;
	top: 135px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #fff
}

.layout-right .layout-stick.sticky .layout-overview {
	padding-bottom: 120px;
	max-height: calc(100vh - 200px);
	overflow-x: hidden;
	overflow-y: auto
}

.layout-right .layout-stick.sticky .module_free_shipping {
	position: absolute;
	bottom: 84px;
	z-index: 3;
	width: 100%
}

.layout-right .layout-stick.sticky .module_free_shipping .free-shipping-layout {
	margin: 0;
	border-radius: 0
}

.layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
	position: absolute;
	bottom: 84px;
	z-index: 3;
	border-radius: 0;
	width: 100%
}

html[dir=ltr] .layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
	left: 0
}

html[dir=rtl] .layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
	right: 0
}

.layout-right .layout-stick.sticky .sku-option .next-number-picker {
	margin-bottom: 20px
}

.layout-right .layout-stick.sticky .bottom-action {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 20px
}

.layout-right .layout-stick.sticky .bottom-action .module_order,
.layout-right .layout-stick.sticky .bottom-action .module_cart {
	flex: 1
}

html[dir=ltr] .layout-right .layout-stick.sticky .bottom-action .module_order,
html[dir=ltr] .layout-right .layout-stick.sticky .bottom-action .module_cart {
	margin-right: 16px
}

html[dir=rtl] .layout-right .layout-stick.sticky .bottom-action .module_order,
html[dir=rtl] .layout-right .layout-stick.sticky .bottom-action .module_cart {
	margin-left: 16px
}

.layout-right .layout-stick.sticky .bottom-action>div button {
	width: 100%;
	height: 48px
}

.layout-right .layout-stick.sticky .bottom-action>div button span {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px
}

.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content {
	flex-direction: row;
	align-items: flex-start
}

html[dir=ltr] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .logo-list {
	margin-left: 0
}

html[dir=rtl] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .logo-list {
	margin-right: 0
}

.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-left span {
	display: none
}

html[dir=ltr] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-right p {
	margin-left: 0
}

html[dir=rtl] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-right p {
	margin-right: 0
}

.layout-right .layout-stick.sticky .right-bottom {
	position: absolute;
	bottom: 0;
	z-index: 1;
	margin: 0;
	box-shadow: 0 2px 15px #afafaf80;
	border-radius: 0 0 8px 8px;
	background-color: #fff;
	padding-top: 16px;
	padding-bottom: 20px;
	width: 100%
}

html[dir=ltr] .layout-right .layout-stick.sticky .right-bottom {
	left: 0
}

html[dir=rtl] .layout-right .layout-stick.sticky .right-bottom {
	right: 0
}

.layout-right .layout-stick.sticky .right-bottom .sample-layout {
	margin-top: 16px;
	margin-bottom: 0;
	border-top: 0
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 20px
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
	flex: 1
}

html[dir=ltr] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
html[dir=ltr] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
	margin-right: 16px
}

html[dir=rtl] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
html[dir=rtl] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
	margin-left: 16px
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action>div button {
	width: 100%;
	height: 48px
}

.layout-right .layout-stick.sticky .right-bottom .bottom-action>div button span {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px
}

.layout-right .layout-stick.sticky .buyer-benefits h4 {
	margin-bottom: 20px;
	font-weight: 600
}

.layout-right .layout-stick.sticky .buyer-benefits .buyer-arrow {
	display: block
}

.layout-right .layout-stick.sticky .buyer-benefits .buyer-item {
	display: none
}

.layout-right .layout-stick.sticky .buyer-benefits .buyer-item.shown {
	display: block
}

.layout-right .right-bottom {
	margin: auto;
	background-color: #fff;
	padding: 20px 0;
	width: calc(100% - 2px)
}

@keyframes action-section-fade-down {
	0% {
		transform: translate3d(0, 60px, 0);
		opacity: 0
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes action-section-fade-up {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

*,
:before,
:after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(58, 145, 41, .5);
	--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */
*,
:before,
:after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #673AB7;
}

:before,
:after {
	--tw-content: ""
}

html,
:host {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0;
	line-height: inherit
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0;
	padding: 0
}

legend {
	padding: 0
}

ol,
ul,
menu {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

button,
[role=button] {
	cursor: pointer
}

:disabled {
	cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle
}

img,
video {
	max-width: 100%;
	height: auto
}

[hidden]:where(:not([hidden=until-found])) {
	display: none
}

:root {
	--background: 0 0% 100%;
	--foreground: 240 10% 3.9%;
	--card: 0 0% 100%;
	--card-foreground: 240 10% 3.9%;
	--popover: 0 0% 100%;
	--popover-foreground: 240 10% 3.9%;
	--highlight: 24 100% 50%;
	--highlight-dark: 19 91% 43%;
	--primary: 240 5.9% 10%;
	--primary-foreground: 0 0% 98%;
	--secondary: 240 4.8% 95.9%;
	--secondary-foreground: 240 5.9% 10%;
	--muted: 240 4.8% 95.9%;
	--muted-foreground: 240 3.8% 46.1%;
	--accent: 240 4.8% 95.9%;
	--accent-foreground: 240 5.9% 10%;
	--destructive: 0 84.2% 60.2%;
	--destructive-foreground: 0 0% 98%;
	--border: 240 5.9% 90%;
	--input: 240 5.9% 90%;
	--ring: 240 5.9% 10%;
	--radius: .5rem
}

.dark {
	--background: 240 10% 3.9%;
	--foreground: 0 0% 98%;
	--card: 240 10% 3.9%;
	--card-foreground: 0 0% 98%;
	--popover: 240 10% 3.9%;
	--popover-foreground: 0 0% 98%;
	--primary: 0 0% 98%;
	--primary-foreground: 240 5.9% 10%;
	--secondary: 240 3.7% 15.9%;
	--secondary-foreground: 0 0% 98%;
	--muted: 240 3.7% 15.9%;
	--muted-foreground: 240 5% 64.9%;
	--accent: 240 3.7% 15.9%;
	--accent-foreground: 0 0% 98%;
	--destructive: 0 62.8% 30.6%;
	--destructive-foreground: 0 0% 98%;
	--border: 240 3.7% 15.9%;
	--input: 240 3.7% 15.9%;
	--ring: 240 4.9% 83.9%
}

.id-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.id-pointer-events-none {
	pointer-events: none
}

.id-pointer-events-auto {
	pointer-events: auto
}

.id-fixed {
	position: fixed
}

.id-absolute {
	position: absolute
}

.id-relative {
	position: relative
}

.id-sticky {
	position: sticky
}

.id-inset-0 {
	inset: 0
}

.id-inset-x-0 {
	left: 0;
	right: 0
}

.id-inset-x-1 {
	left: .25rem;
	right: .25rem
}

html[dir=ltr] .\!id-left-0 {
	left: 0 !important
}

html[dir=rtl] .\!id-left-0 {
	right: 0 !important
}

.-id-bottom-\[2px\] {
	bottom: -2px
}

html[dir=ltr] .-id-right-1 {
	right: -.25rem
}

html[dir=rtl] .-id-right-1 {
	left: -.25rem
}

html[dir=ltr] .-id-right-2 {
	right: -.5rem
}

html[dir=rtl] .-id-right-2 {
	left: -.5rem
}

.-id-top-4 {
	top: -1rem
}

.id-bottom-0 {
	bottom: 0
}

.id-bottom-1 {
	bottom: .25rem
}

.id-bottom-2 {
	bottom: .5rem
}

.id-bottom-3 {
	bottom: .75rem
}

.id-bottom-4 {
	bottom: 1rem
}

.id-bottom-\[115px\] {
	bottom: 115px
}

.id-bottom-\[200px\] {
	bottom: 200px
}

.id-bottom-\[46px\] {
	bottom: 46px
}

.id-bottom-\[60px\] {
	bottom: 60px
}

.id-end-0 {
	inset-inline-end: 0px
}

.id-end-7 {
	inset-inline-end: 1.75rem
}

.id-end-\[-18px\] {
	inset-inline-end: -18px
}

.id-end-\[14px\] {
	inset-inline-end: 14px
}

html[dir=ltr] .id-left-0 {
	left: 0
}

html[dir=rtl] .id-left-0 {
	right: 0
}

html[dir=ltr] .id-left-1 {
	left: .25rem
}

html[dir=rtl] .id-left-1 {
	right: .25rem
}

html[dir=ltr] .id-left-1\/2 {
	left: 50%
}

html[dir=rtl] .id-left-1\/2 {
	right: 50%
}

html[dir=ltr] .id-left-2 {
	left: .5rem
}

html[dir=rtl] .id-left-2 {
	right: .5rem
}

html[dir=ltr] .id-left-3 {
	left: .75rem
}

html[dir=rtl] .id-left-3 {
	right: .75rem
}

html[dir=ltr] .id-left-\[0px\] {
	left: 0
}

html[dir=rtl] .id-left-\[0px\] {
	right: 0
}

html[dir=ltr] .id-left-\[10px\] {
	left: 10px
}

html[dir=rtl] .id-left-\[10px\] {
	right: 10px
}

html[dir=ltr] .id-left-\[12px\] {
	left: 12px
}

html[dir=rtl] .id-left-\[12px\] {
	right: 12px
}

html[dir=ltr] .id-left-\[14px\] {
	left: 14px
}

html[dir=rtl] .id-left-\[14px\] {
	right: 14px
}

html[dir=ltr] .id-left-\[30px\] {
	left: 30px
}

html[dir=rtl] .id-left-\[30px\] {
	right: 30px
}

html[dir=ltr] .id-left-\[375px\] {
	left: 375px
}

html[dir=rtl] .id-left-\[375px\] {
	right: 375px
}

html[dir=ltr] .id-left-\[50\%\] {
	left: 50%
}

html[dir=rtl] .id-left-\[50\%\] {
	right: 50%
}

html[dir=ltr] .id-right-0 {
	right: 0
}

html[dir=rtl] .id-right-0 {
	left: 0
}

html[dir=ltr] .id-right-1 {
	right: .25rem
}

html[dir=rtl] .id-right-1 {
	left: .25rem
}

html[dir=ltr] .id-right-10 {
	right: 2.5rem
}

html[dir=rtl] .id-right-10 {
	left: 2.5rem
}

html[dir=ltr] .id-right-2 {
	right: .5rem
}

html[dir=rtl] .id-right-2 {
	left: .5rem
}

html[dir=ltr] .id-right-3 {
	right: .75rem
}

html[dir=rtl] .id-right-3 {
	left: .75rem
}

html[dir=ltr] .id-right-5 {
	right: 1.25rem
}

html[dir=rtl] .id-right-5 {
	left: 1.25rem
}

html[dir=ltr] .id-right-6 {
	right: 1.5rem
}

html[dir=rtl] .id-right-6 {
	left: 1.5rem
}

html[dir=ltr] .id-right-\[10px\] {
	right: 10px
}

html[dir=rtl] .id-right-\[10px\] {
	left: 10px
}

html[dir=ltr] .id-right-\[12px\] {
	right: 12px
}

html[dir=rtl] .id-right-\[12px\] {
	left: 12px
}

html[dir=ltr] .id-right-\[14px\] {
	right: 14px
}

html[dir=rtl] .id-right-\[14px\] {
	left: 14px
}

html[dir=ltr] .id-right-\[30px\] {
	right: 30px
}

html[dir=rtl] .id-right-\[30px\] {
	left: 30px
}

.id-start-1\/2 {
	inset-inline-start: 50%
}

.id-top-0 {
	top: 0
}

.id-top-1 {
	top: .25rem
}

.id-top-1\/2 {
	top: 50%
}

.id-top-10 {
	top: 2.5rem
}

.id-top-16 {
	top: 4rem
}

.id-top-2 {
	top: .5rem
}

.id-top-5 {
	top: 1.25rem
}

.id-top-6 {
	top: 1.5rem
}

.id-top-7 {
	top: 1.75rem
}

.id-top-\[0px\] {
	top: 0
}

.id-top-\[100px\] {
	top: 100px
}

.id-top-\[12px\] {
	top: 12px
}

.id-top-\[20\%\] {
	top: 20%
}

.id-top-\[20px\] {
	top: 20px
}

.id-top-\[30px\] {
	top: 30px
}

.id-top-\[35px\] {
	top: 35px
}

.id-top-\[50\%\] {
	top: 50%
}

.id-top-\[9px\] {
	top: 9px
}

.-id-z-10 {
	z-index: -10
}

.id-z-10 {
	z-index: 10
}

.id-z-20 {
	z-index: 20
}

.id-z-50 {
	z-index: 50
}

.id-z-\[10000\] {
	z-index: 10000
}

.id-z-\[100\] {
	z-index: 100
}

.id-z-\[2\] {
	z-index: 2
}

.id-z-\[3\] {
	z-index: 3
}

.id-z-\[99999\] {
	z-index: 99999
}

.id-z-\[9999\],
.id-z-background {
	z-index: 9999
}

.id-z-base {
	z-index: 1
}

.id-z-panelBackground {
	z-index: 9100
}

.id-z-panelForeGround {
	z-index: 9200
}

.id-m-0 {
	margin: 0
}

.id-m-0\.5 {
	margin: .125rem
}

.id-m-5 {
	margin: 1.25rem
}

.id-m-\[10px\] {
	margin: 10px
}

.id--mx-1 {
	margin-left: -.25rem;
	margin-right: -.25rem
}

.id-mx-0 {
	margin-left: 0;
	margin-right: 0
}

.id-mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.id-mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.id-mx-3 {
	margin-left: .75rem;
	margin-right: .75rem
}

.id-mx-5 {
	margin-left: 1.25rem;
	margin-right: 1.25rem
}

.id-mx-6 {
	margin-left: 1.5rem;
	margin-right: 1.5rem
}

.id-mx-\[6px\] {
	margin-left: 6px;
	margin-right: 6px
}

.id-mx-auto {
	margin-left: auto;
	margin-right: auto
}

.id-my-0\.5 {
	margin-top: .125rem;
	margin-bottom: .125rem
}

.id-my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.id-my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.id-my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem
}

.id-my-5 {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem
}

.id-my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.id-my-8 {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.id-my-\[10px\] {
	margin-top: 10px;
	margin-bottom: 10px
}

html[dir=ltr] .-id-ml-2 {
	margin-left: -.5rem
}

html[dir=rtl] .-id-ml-2 {
	margin-right: -.5rem
}

.-id-mt-px {
	margin-top: -1px
}

html[dir=ltr] .id--ml-4 {
	margin-left: -1rem
}

html[dir=rtl] .id--ml-4 {
	margin-right: -1rem
}

.id--mt-4 {
	margin-top: -1rem
}

.id--mt-5 {
	margin-top: -1.25rem
}

.id-mb-0 {
	margin-bottom: 0
}

.id-mb-0\.5 {
	margin-bottom: .125rem
}

.id-mb-1 {
	margin-bottom: .25rem
}

.id-mb-2 {
	margin-bottom: .5rem
}

.id-mb-20 {
	margin-bottom: 5rem
}

.id-mb-3 {
	margin-bottom: .75rem
}

.id-mb-4 {
	margin-bottom: 1rem
}

.id-mb-5 {
	margin-bottom: 1.25rem
}

.id-mb-6 {
	margin-bottom: 1.5rem
}

.id-mb-7 {
	margin-bottom: 1.75rem
}

.id-mb-\[-32px\] {
	margin-bottom: -32px
}

.id-mb-\[10px\] {
	margin-bottom: 10px
}

.id-mb-\[12px\] {
	margin-bottom: 12px
}

.id-mb-\[14px\] {
	margin-bottom: 14px
}

.id-mb-\[15px\] {
	margin-bottom: 15px
}

.id-mb-\[20px\] {
	margin-bottom: 20px
}

.id-mb-\[24px\] {
	margin-bottom: 24px
}

.id-mb-\[2px\] {
	margin-bottom: 2px
}

.id-mb-\[3px\] {
	margin-bottom: 3px
}

.id-mb-\[4\.6px\] {
	margin-bottom: 4.6px
}

.id-mb-\[4px\] {
	margin-bottom: 4px
}

.id-mb-\[52px\] {
	margin-bottom: 52px
}

.id-mb-\[64px\] {
	margin-bottom: 64px
}

.id-mb-\[6px\] {
	margin-bottom: 6px
}

.id-mb-\[9px\] {
	margin-bottom: 9px
}

.id-me-0\.5 {
	margin-inline-end: .125rem
}

.id-me-1 {
	margin-inline-end: .25rem
}

.id-me-2 {
	margin-inline-end: .5rem
}

.id-me-3 {
	margin-inline-end: .75rem
}

.id-me-\[12px\] {
	margin-inline-end: 12px
}

.id-me-\[2px\] {
	margin-inline-end: 2px
}

.id-me-\[3px\] {
	margin-inline-end: 3px
}

.id-me-\[5px\] {
	margin-inline-end: 5px
}

html[dir=ltr] .id-ml-0 {
	margin-left: 0
}

html[dir=rtl] .id-ml-0 {
	margin-right: 0
}

html[dir=ltr] .id-ml-1 {
	margin-left: .25rem
}

html[dir=rtl] .id-ml-1 {
	margin-right: .25rem
}

html[dir=ltr] .id-ml-2 {
	margin-left: .5rem
}

html[dir=rtl] .id-ml-2 {
	margin-right: .5rem
}

html[dir=ltr] .id-ml-3 {
	margin-left: .75rem
}

html[dir=rtl] .id-ml-3 {
	margin-right: .75rem
}

html[dir=ltr] .id-ml-\[0px\] {
	margin-left: 0
}

html[dir=rtl] .id-ml-\[0px\] {
	margin-right: 0
}

html[dir=ltr] .id-ml-\[16px\] {
	margin-left: 16px
}

html[dir=rtl] .id-ml-\[16px\] {
	margin-right: 16px
}

html[dir=ltr] .id-ml-\[3px\] {
	margin-left: 3px
}

html[dir=rtl] .id-ml-\[3px\] {
	margin-right: 3px
}

html[dir=ltr] .id-ml-\[4px\] {
	margin-left: 4px
}

html[dir=rtl] .id-ml-\[4px\] {
	margin-right: 4px
}

html[dir=ltr] .id-ml-\[6px\] {
	margin-left: 6px
}

html[dir=rtl] .id-ml-\[6px\] {
	margin-right: 6px
}

html[dir=ltr] .id-ml-\[8px\] {
	margin-left: 8px
}

html[dir=rtl] .id-ml-\[8px\] {
	margin-right: 8px
}

html[dir=ltr] .id-ml-auto {
	margin-left: auto
}

html[dir=rtl] .id-ml-auto {
	margin-right: auto
}

html[dir=ltr] .id-mr-0 {
	margin-right: 0
}

html[dir=rtl] .id-mr-0 {
	margin-left: 0
}

html[dir=ltr] .id-mr-1 {
	margin-right: .25rem
}

html[dir=rtl] .id-mr-1 {
	margin-left: .25rem
}

html[dir=ltr] .id-mr-2 {
	margin-right: .5rem
}

html[dir=rtl] .id-mr-2 {
	margin-left: .5rem
}

html[dir=ltr] .id-mr-3 {
	margin-right: .75rem
}

html[dir=rtl] .id-mr-3 {
	margin-left: .75rem
}

html[dir=ltr] .id-mr-4 {
	margin-right: 1rem
}

html[dir=rtl] .id-mr-4 {
	margin-left: 1rem
}

html[dir=ltr] .id-mr-5 {
	margin-right: 1.25rem
}

html[dir=rtl] .id-mr-5 {
	margin-left: 1.25rem
}

html[dir=ltr] .id-mr-8 {
	margin-right: 2rem
}

html[dir=rtl] .id-mr-8 {
	margin-left: 2rem
}

html[dir=ltr] .id-mr-\[10px\] {
	margin-right: 10px
}

html[dir=rtl] .id-mr-\[10px\] {
	margin-left: 10px
}

html[dir=ltr] .id-mr-\[12px\] {
	margin-right: 12px
}

html[dir=rtl] .id-mr-\[12px\] {
	margin-left: 12px
}

html[dir=ltr] .id-mr-\[20px\] {
	margin-right: 20px
}

html[dir=rtl] .id-mr-\[20px\] {
	margin-left: 20px
}

html[dir=ltr] .id-mr-\[4px\] {
	margin-right: 4px
}

html[dir=rtl] .id-mr-\[4px\] {
	margin-left: 4px
}

html[dir=ltr] .id-mr-\[5px\] {
	margin-right: 5px
}

html[dir=rtl] .id-mr-\[5px\] {
	margin-left: 5px
}

html[dir=ltr] .id-mr-\[6px\] {
	margin-right: 6px
}

html[dir=rtl] .id-mr-\[6px\] {
	margin-left: 6px
}

.id-ms-0\.5 {
	margin-inline-start: .125rem
}

.id-ms-1 {
	margin-inline-start: .25rem
}

.id-ms-2 {
	margin-inline-start: .5rem
}

.id-ms-\[26px\] {
	margin-inline-start: 26px
}

.id-ms-\[3px\] {
	margin-inline-start: 3px
}

.id-ms-auto {
	margin-inline-start: auto
}

.id-mt-0 {
	margin-top: 0
}

.id-mt-0\.5 {
	margin-top: .125rem
}

.id-mt-1 {
	margin-top: .25rem
}

.id-mt-2 {
	margin-top: .5rem
}

.id-mt-24 {
	margin-top: 6rem
}

.id-mt-3 {
	margin-top: .75rem
}

.id-mt-4 {
	margin-top: 1rem
}

.id-mt-5 {
	margin-top: 1.25rem
}

.id-mt-6 {
	margin-top: 1.5rem
}

.id-mt-8 {
	margin-top: 2rem
}

.id-mt-\[0px\] {
	margin-top: 0
}

.id-mt-\[10px\] {
	margin-top: 10px
}

.id-mt-\[120px\] {
	margin-top: 120px
}

.id-mt-\[128px\] {
	margin-top: 128px
}

.id-mt-\[12px\] {
	margin-top: 12px
}

.id-mt-\[14px\] {
	margin-top: 14px
}

.id-mt-\[15px\] {
	margin-top: 15px
}

.id-mt-\[16px\] {
	margin-top: 16px
}

.id-mt-\[20px\] {
	margin-top: 20px
}

.id-mt-\[28px\] {
	margin-top: 28px
}

.id-mt-\[29px\] {
	margin-top: 29px
}

.id-mt-\[40px\] {
	margin-top: 40px
}

.id-mt-\[44px\] {
	margin-top: 44px
}

.id-mt-\[4px\] {
	margin-top: 4px
}

.id-mt-\[5px\] {
	margin-top: 5px
}

.id-mt-\[6px\] {
	margin-top: 6px
}

.id-mt-\[8\.5px\] {
	margin-top: 8.5px
}

.id-mt-\[8px\] {
	margin-top: 8px
}

.id-mt-\[9px\] {
	margin-top: 9px
}

.id-mt-auto {
	margin-top: auto
}

.id-mt-px {
	margin-top: 1px
}

.id-box-border {
	box-sizing: border-box
}

.id-line-clamp-1 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.id-line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.id-line-clamp-3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.id-block {
	display: block
}

.id-inline-block {
	display: inline-block
}

.id-inline {
	display: inline
}

.id-flex {
	display: flex
}

.id-inline-flex {
	display: inline-flex
}

.id-table {
	display: table
}

.id-table-row {
	display: table-row
}

.id-grid {
	display: grid
}

.id-hidden {
	display: none
}

.id-aspect-\[1347\/920\] {
	aspect-ratio: 1347/920
}

.id-aspect-\[16\/10\] {
	aspect-ratio: 16/10
}

.id-aspect-square {
	aspect-ratio: 1 / 1
}

.id-size-0 {
	width: 0px;
	height: 0px
}

.id-size-0\.5 {
	width: .125rem;
	height: .125rem
}

.id-size-10 {
	width: 2.5rem;
	height: 2.5rem
}

.id-size-12 {
	width: 3rem;
	height: 3rem
}

.id-size-16 {
	width: 4rem;
	height: 4rem
}

.id-size-3\.5 {
	width: .875rem;
	height: .875rem
}

.id-size-4 {
	width: 1rem;
	height: 1rem
}

.id-size-5 {
	width: 1.25rem;
	height: 1.25rem
}

.id-size-6 {
	width: 1.5rem;
	height: 1.5rem
}

.id-size-7 {
	width: 1.75rem;
	height: 1.75rem
}

.id-size-8 {
	width: 2rem;
	height: 2rem
}

.id-size-9 {
	width: 2.25rem;
	height: 2.25rem
}

.id-size-\[13\.5px\] {
	width: 13.5px;
	height: 13.5px
}

.id-size-\[13px\] {
	width: 13px;
	height: 13px
}

.id-size-\[14px\] {
	width: 14px;
	height: 14px
}

.id-size-\[15px\] {
	width: 15px;
	height: 15px
}

.id-size-\[18px\] {
	width: 18px;
	height: 18px
}

.id-size-\[20px\] {
	width: 20px;
	height: 20px
}

.id-size-\[22px\] {
	width: 22px;
	height: 22px
}

.id-size-\[24px\] {
	width: 24px;
	height: 24px
}

.id-size-\[30px\] {
	width: 30px;
	height: 30px
}

.id-size-\[3px\] {
	width: 3px;
	height: 3px
}

.id-size-\[40px\] {
	width: 40px;
	height: 40px
}

.id-size-\[55px\] {
	width: 55px;
	height: 55px
}

.id-size-\[58px\] {
	width: 58px;
	height: 58px
}

.\!id-h-full {
	height: 100% !important
}

.id-h-0 {
	height: 0px
}

.id-h-1 {
	height: .25rem
}

.id-h-10 {
	height: 2.5rem
}

.id-h-11 {
	height: 2.75rem
}

.id-h-12 {
	height: 3rem
}

.id-h-14 {
	height: 3.5rem
}

.id-h-16 {
	height: 4rem
}

.id-h-2 {
	height: .5rem
}

.id-h-20 {
	height: 5rem
}

.id-h-3 {
	height: .75rem
}

.id-h-3\.5 {
	height: .875rem
}

.id-h-4 {
	height: 1rem
}

.id-h-4\/5 {
	height: 80%
}

.id-h-5 {
	height: 1.25rem
}

.id-h-6 {
	height: 1.5rem
}

.id-h-7 {
	height: 1.75rem
}

.id-h-8 {
	height: 2rem
}

.id-h-9 {
	height: 2.25rem
}

.id-h-96 {
	height: 24rem
}

.id-h-\[0\.5px\] {
	height: .5px
}

.id-h-\[100\%\] {
	height: 100%
}

.id-h-\[100px\] {
	height: 100px
}

.id-h-\[100vh\] {
	height: 100vh
}

.id-h-\[10px\] {
	height: 10px
}

.id-h-\[11px\] {
	height: 11px
}

.id-h-\[120px\] {
	height: 120px
}

.id-h-\[12px\] {
	height: 12px
}

.id-h-\[148px\] {
	height: 148px
}

.id-h-\[14px\] {
	height: 14px
}

.id-h-\[150px\] {
	height: 150px
}

.id-h-\[151px\] {
	height: 151px
}

.id-h-\[15px\] {
	height: 15px
}

.id-h-\[16px\] {
	height: 16px
}

.id-h-\[172px\] {
	height: 172px
}

.id-h-\[174px\] {
	height: 174px
}

.id-h-\[177px\] {
	height: 177px
}

.id-h-\[18px\] {
	height: 18px
}

.id-h-\[1px\] {
	height: 1px
}

.id-h-\[200px\] {
	height: 200px
}

.id-h-\[20px\] {
	height: 20px
}

.id-h-\[22px\] {
	height: 22px
}

.id-h-\[23px\] {
	height: 23px
}

.id-h-\[24px\] {
	height: 24px
}

.id-h-\[25px\] {
	height: 25px
}

.id-h-\[26px\] {
	height: 26px
}

.id-h-\[28px\] {
	height: 28px
}

.id-h-\[30px\] {
	height: 30px
}

.id-h-\[32px\] {
	height: 32px
}

.id-h-\[34px\] {
	height: 34px
}

.id-h-\[36px\] {
	height: 36px
}

.id-h-\[38px\] {
	height: 38px
}

.id-h-\[400px\] {
	height: 400px
}

.id-h-\[40px\] {
	height: 40px
}

.id-h-\[40vh\] {
	height: 40vh
}

.id-h-\[42px\] {
	height: 42px
}

.id-h-\[430px\] {
	height: 430px
}

.id-h-\[46px\] {
	height: 46px
}

.id-h-\[48px\] {
	height: 48px
}

.id-h-\[496px\] {
	height: 496px
}

.id-h-\[50px\] {
	height: 50px
}

.id-h-\[51px\] {
	height: 51px
}

.id-h-\[54px\] {
	height: 54px
}

.id-h-\[58px\] {
	height: 58px
}

.id-h-\[600px\] {
	height: 600px
}

.id-h-\[60px\] {
	height: 60px
}

.id-h-\[66px\] {
	height: 66px
}

.id-h-\[67px\] {
	height: 67px
}

.id-h-\[68px\] {
	height: 68px
}

.id-h-\[6px\] {
	height: 6px
}

.id-h-\[700px\] {
	height: 700px
}

.id-h-\[70vh\] {
	height: 70vh
}

.id-h-\[72px\] {
	height: 72px
}

.id-h-\[75vh\] {
	height: 75vh
}

.id-h-\[76px\] {
	height: 76px
}

.id-h-\[780px\] {
	height: 780px
}

.id-h-\[80vh\] {
	height: 80vh
}

.id-h-\[82px\] {
	height: 82px
}

.id-h-\[auto\] {
	height: auto
}

.id-h-\[var\(--radix-select-trigger-height\)\] {
	height: var(--radix-select-trigger-height)
}

.id-h-auto {
	height: auto
}

.id-h-fit {
	height: -moz-fit-content;
	height: fit-content
}

.id-h-full {
	height: 100%
}

.id-h-px {
	height: 1px
}

.id-h-screen {
	height: 100vh
}

.id-max-h-9 {
	max-height: 2.25rem
}

.id-max-h-\[--radix-select-content-available-height\] {
	max-height: var(--radix-select-content-available-height)
}

.id-max-h-\[100vh\] {
	max-height: 100vh
}

.id-max-h-\[20px\] {
	max-height: 20px
}

.id-max-h-\[270px\] {
	max-height: 270px
}

.id-max-h-\[38px\] {
	max-height: 38px
}

.id-max-h-\[440px\] {
	max-height: 440px
}

.id-max-h-\[473px\] {
	max-height: 473px
}

.id-max-h-\[500px\] {
	max-height: 500px
}

.id-max-h-\[502px\] {
	max-height: 502px
}

.id-max-h-\[54px\] {
	max-height: 54px
}

.id-max-h-\[600px\] {
	max-height: 600px
}

.id-max-h-\[60px\] {
	max-height: 60px
}

.id-max-h-\[60vh\] {
	max-height: 60vh
}

.id-max-h-\[683px\] {
	max-height: 683px
}

.id-max-h-\[68px\] {
	max-height: 68px
}

.id-max-h-\[700px\] {
	max-height: 700px
}

.id-max-h-\[70vh\] {
	max-height: 70vh
}

.id-max-h-\[75vh\] {
	max-height: 75vh
}

.id-max-h-\[calc\(100vh-44px\)\] {
	max-height: calc(100vh - 44px)
}

.id-max-h-\[calc\(600px-136px\)\] {
	max-height: 464px
}

.id-max-h-none {
	max-height: none
}

.id-min-h-\[22px\] {
	min-height: 22px
}

.id-min-h-\[28px\] {
	min-height: 28px
}

.id-min-h-\[382px\] {
	min-height: 382px
}

.id-min-h-\[38px\] {
	min-height: 38px
}

.id-min-h-\[400px\] {
	min-height: 400px
}

.id-min-h-\[480px\] {
	min-height: 480px
}

.id-min-h-\[48px\] {
	min-height: 48px
}

.id-min-h-\[540px\] {
	min-height: 540px
}

.id-min-h-\[570px\] {
	min-height: 570px
}

.id-w-1 {
	width: .25rem
}

.id-w-1\/2 {
	width: 50%
}

.id-w-1\/3 {
	width: 33.333333%
}

.id-w-1\/4 {
	width: 25%
}

.id-w-10 {
	width: 2.5rem
}

.id-w-11 {
	width: 2.75rem
}

.id-w-12 {
	width: 3rem
}

.id-w-14 {
	width: 3.5rem
}

.id-w-16 {
	width: 4rem
}

.id-w-2 {
	width: .5rem
}

.id-w-20 {
	width: 5rem
}

.id-w-3 {
	width: .75rem
}

.id-w-3\.5 {
	width: .875rem
}

.id-w-3\/4 {
	width: 75%
}

.id-w-4 {
	width: 1rem
}

.id-w-5 {
	width: 1.25rem
}

.id-w-5\/12 {
	width: 41.666667%
}

.id-w-6 {
	width: 1.5rem
}

.id-w-7 {
	width: 1.75rem
}

.id-w-7\/12 {
	width: 58.333333%
}

.id-w-72 {
	width: 18rem
}

.id-w-8 {
	width: 2rem
}

.id-w-9 {
	width: 2.25rem
}

.id-w-\[0\.5px\] {
	width: .5px
}

.id-w-\[100\%\] {
	width: 100%
}

.id-w-\[1000px\] {
	width: 1000px
}

.id-w-\[100px\] {
	width: 100px
}

.id-w-\[100vw\] {
	width: 100vw
}

.id-w-\[10px\] {
	width: 10px
}

.id-w-\[110px\] {
	width: 110px
}

.id-w-\[116px\] {
	width: 116px
}

.id-w-\[120px\] {
	width: 120px
}

.id-w-\[126px\] {
	width: 126px
}

.id-w-\[12px\] {
	width: 12px
}

.id-w-\[140px\] {
	width: 140px
}

.id-w-\[14px\] {
	width: 14px
}

.id-w-\[150px\] {
	width: 150px
}

.id-w-\[15px\] {
	width: 15px
}

.id-w-\[16px\] {
	width: 16px
}

.id-w-\[173px\] {
	width: 173px
}

.id-w-\[18px\] {
	width: 18px
}

.id-w-\[1px\] {
	width: 1px
}

.id-w-\[200px\] {
	width: 200px
}

.id-w-\[20px\] {
	width: 20px
}

.id-w-\[22px\] {
	width: 22px
}

.id-w-\[23px\] {
	width: 23px
}

.id-w-\[24px\] {
	width: 24px
}

.id-w-\[28px\] {
	width: 28px
}

.id-w-\[297px\] {
	width: 297px
}

.id-w-\[30px\] {
	width: 30px
}

.id-w-\[32px\] {
	width: 32px
}

.id-w-\[335px\] {
	width: 335px
}

.id-w-\[339px\] {
	width: 339px
}

.id-w-\[352px\] {
	width: 352px
}

.id-w-\[36px\] {
	width: 36px
}

.id-w-\[40px\] {
	width: 40px
}

.id-w-\[42px\] {
	width: 42px
}

.id-w-\[440px\] {
	width: 440px
}

.id-w-\[460px\] {
	width: 460px
}

.id-w-\[47\%\] {
	width: 47%
}

.id-w-\[48px\] {
	width: 48px
}

.id-w-\[50px\] {
	width: 50px
}

.id-w-\[51px\] {
	width: 51px
}

.id-w-\[54px\] {
	width: 54px
}

.id-w-\[553px\] {
	width: 553px
}

.id-w-\[55px\] {
	width: 55px
}

.id-w-\[560px\] {
	width: 560px
}

.id-w-\[561px\] {
	width: 561px
}

.id-w-\[576px\] {
	width: 576px
}

.id-w-\[585px\] {
	width: 585px
}

.id-w-\[59\%\] {
	width: 59%
}

.id-w-\[60\%\] {
	width: 60%
}

.id-w-\[600px\] {
	width: 600px
}

.id-w-\[60px\] {
	width: 60px
}

.id-w-\[640px\] {
	width: 640px
}

.id-w-\[64px\] {
	width: 64px
}

.id-w-\[66px\] {
	width: 66px
}

.id-w-\[690px\] {
	width: 690px
}

.id-w-\[710px\] {
	width: 710px
}

.id-w-\[80vh\] {
	width: 80vh
}

.id-w-\[850px\] {
	width: 850px
}

.id-w-\[89px\] {
	width: 89px
}

.id-w-\[9\%\] {
	width: 9%
}

.id-w-\[90px\] {
	width: 90px
}

.id-w-\[96px\] {
	width: 96px
}

.id-w-\[calc\(100\%-16px\)\] {
	width: calc(100% - 16px)
}

.id-w-\[calc\(100\%-69px\)\] {
	width: calc(100% - 69px)
}

.id-w-\[calc\(100vw-140px\)\] {
	width: calc(100vw - 140px)
}

.id-w-\[calc\(100vw-600px\)\] {
	width: calc(100vw - 600px)
}

.id-w-auto {
	width: auto
}

.id-w-fit {
	width: -moz-fit-content;
	width: fit-content
}

.id-w-full {
	width: 100%
}

.id-w-px {
	width: 1px
}

.id-w-screen {
	width: 100vw
}

.id-min-w-0 {
	min-width: 0px
}

.id-min-w-11 {
	min-width: 2.75rem
}

.id-min-w-\[0px\] {
	min-width: 0px
}

.id-min-w-\[100px\] {
	min-width: 100px
}

.id-min-w-\[46px\] {
	min-width: 46px
}

.id-min-w-\[58px\] {
	min-width: 58px
}

.id-min-w-\[60px\] {
	min-width: 60px
}

.id-min-w-\[740px\] {
	min-width: 740px
}

.id-min-w-\[8rem\] {
	min-width: 8rem
}

.id-min-w-\[var\(--radix-select-trigger-width\)\] {
	min-width: var(--radix-select-trigger-width)
}

.id-max-w-3xl {
	max-width: 48rem
}

.id-max-w-4xl {
	max-width: 56rem
}

.id-max-w-\[1000px\] {
	max-width: 1000px
}

.id-max-w-\[100vw\] {
	max-width: 100vw
}

.id-max-w-\[124\.8vh\] {
	max-width: 124.8vh
}

.id-max-w-\[200px\] {
	max-width: 200px
}

.id-max-w-\[300px\] {
	max-width: 300px
}

.id-max-w-\[351px\] {
	max-width: 351px
}

.id-max-w-\[360px\] {
	max-width: 360px
}

.id-max-w-\[368px\] {
	max-width: 368px
}

.id-max-w-\[500px\] {
	max-width: 500px
}

.id-max-w-\[584px\] {
	max-width: 584px
}

.id-max-w-\[60\%\] {
	max-width: 60%
}

.id-max-w-\[608px\] {
	max-width: 608px
}

.id-max-w-\[640px\] {
	max-width: 640px
}

.id-max-w-\[690px\] {
	max-width: 690px
}

.id-max-w-\[700px\] {
	max-width: 700px
}

.id-max-w-\[800px\] {
	max-width: 800px
}

.id-max-w-\[880px\] {
	max-width: 880px
}

.id-max-w-\[896px\] {
	max-width: 896px
}

.id-max-w-full {
	max-width: 100%
}

.id-max-w-lg {
	max-width: 32rem
}

.id-max-w-xl {
	max-width: 36rem
}

.id-flex-1 {
	flex: 1 1 0%
}

.id-flex-shrink {
	flex-shrink: 1
}

.id-flex-shrink-0,
.id-shrink-0 {
	flex-shrink: 0
}

.id-flex-grow {
	flex-grow: 1
}

.id-flex-grow-0,
.id-grow-0 {
	flex-grow: 0
}

.id-basis-1\/6 {
	flex-basis: 16.666667%
}

.id-basis-6 {
	flex-basis: 1.5rem
}

.id-basis-7 {
	flex-basis: 1.75rem
}

.id-basis-auto {
	flex-basis: auto
}

.id-basis-full {
	flex-basis: 100%
}

.id-table-fixed {
	table-layout: fixed
}

.id-caption-bottom {
	caption-side: bottom
}

.id-border-collapse {
	border-collapse: collapse
}

.id-origin-\[--radix-select-content-transform-origin\] {
	transform-origin: var(--radix-select-content-transform-origin)
}

.-id-translate-x-1\/2 {
	--tw-translate-x: -50%;
	transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-id-translate-y-0\.5 {
	--tw-translate-y: -.125rem;
	transform: translate(var(--tw-translate-x), -.125rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-id-translate-y-1\/2 {
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id--translate-x-1\/2 {
	--tw-translate-x: -50%;
	transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id--translate-y-1\/2 {
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id--translate-y-\[calc\(100\%\+40px\)\] {
	--tw-translate-y: calc((100% + 40px)*-1);
	transform: translate(var(--tw-translate-x), calc((100% + 40px)*-1)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-translate-x-0 {
	--tw-translate-x: 0px;
	transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-translate-x-\[-50\%\] {
	--tw-translate-x: -50%;
	transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-translate-y-1\/2 {
	--tw-translate-y: 50%;
	transform: translate(var(--tw-translate-x), 50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-translate-y-\[-1px\] {
	--tw-translate-y: -1px;
	transform: translate(var(--tw-translate-x), -1px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-translate-y-\[-50\%\] {
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-rotate-180 {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-rotate-90 {
	--tw-rotate: 90deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-scale-110 {
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.id-transform-none {
	transform: none
}

.\!id-animate-none {
	animation: none !important
}

@keyframes id-pulse {
	50% {
		opacity: .5
	}
}

.id-animate-pulse {
	animation: id-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes id-spin-ltr {
	to {
		transform: rotate(360deg)
	}
}

@keyframes id-spin-rtl {
	to {
		transform: rotate(-360deg)
	}
}

html[dir=ltr] .id-animate-spin {
	animation: id-spin-ltr 1s linear infinite
}

html[dir=rtl] .id-animate-spin {
	animation: id-spin-rtl 1s linear infinite
}

.id-cursor-default {
	cursor: default
}

.id-cursor-not-allowed {
	cursor: not-allowed
}

.id-cursor-pointer {
	cursor: pointer
}

.id-select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.id-grid-flow-row {
	grid-auto-flow: row
}

.id-auto-rows-min {
	grid-auto-rows: min-content
}

.id-grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.id-grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.id-grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

.id-grid-cols-\[2fr_3fr\] {
	grid-template-columns: 2fr 3fr
}

.id-flex-row {
	flex-direction: row
}

.id-flex-col {
	flex-direction: column
}

.id-flex-col-reverse {
	flex-direction: column-reverse
}

.id-flex-wrap {
	flex-wrap: wrap
}

.id-flex-nowrap {
	flex-wrap: nowrap
}

.id-items-start {
	align-items: flex-start
}

.id-items-end {
	align-items: flex-end
}

.id-items-center {
	align-items: center
}

.id-items-baseline {
	align-items: baseline
}

.id-items-stretch {
	align-items: stretch
}

.id-justify-start {
	justify-content: flex-start
}

.id-justify-end {
	justify-content: flex-end
}

.id-justify-center {
	justify-content: center
}

.id-justify-between {
	justify-content: space-between
}

.id-justify-around {
	justify-content: space-around
}

.id-gap-0 {
	gap: 0px
}

.id-gap-0\.5 {
	gap: .125rem
}

.id-gap-1 {
	gap: .25rem
}

.id-gap-1\.5 {
	gap: .375rem
}

.id-gap-10 {
	gap: 2.5rem
}

.id-gap-2 {
	gap: .5rem
}

.id-gap-2\.5 {
	gap: .625rem
}

.id-gap-3 {
	gap: .75rem
}

.id-gap-4 {
	gap: 1rem
}

.id-gap-5 {
	gap: 1.25rem
}

.id-gap-6 {
	gap: 1.5rem
}

.id-gap-\[10px\] {
	gap: 10px
}

.id-gap-\[12px\] {
	gap: 12px
}

.id-gap-\[16px\] {
	gap: 16px
}

.id-gap-\[20px\] {
	gap: 20px
}

.id-gap-\[3px\] {
	gap: 3px
}

.id-gap-\[4\.6px\] {
	gap: 4.6px
}

.id-gap-\[4px\] {
	gap: 4px
}

.id-gap-\[6px\] {
	gap: 6px
}

.id-gap-x-10 {
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem
}

.id-gap-x-6 {
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem
}

.id-gap-x-7 {
	-moz-column-gap: 1.75rem;
	column-gap: 1.75rem
}

.id-gap-x-8 {
	-moz-column-gap: 2rem;
	column-gap: 2rem
}

.id-gap-x-\[10px\] {
	-moz-column-gap: 10px;
	column-gap: 10px
}

.id-gap-y-1 {
	row-gap: .25rem
}

.id-gap-y-2 {
	row-gap: .5rem
}

.id-gap-y-3 {
	row-gap: .75rem
}

.id-gap-y-4 {
	row-gap: 1rem
}

.id-gap-y-5 {
	row-gap: 1.25rem
}

.id-gap-y-6 {
	row-gap: 1.5rem
}

.id-space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0
}

html[dir=ltr] .id-space-x-2>:not([hidden])~:not([hidden]) {
	margin-right: calc(.5rem * var(--tw-space-x-reverse));
	margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
	margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

html[dir=rtl] .id-space-x-2>:not([hidden])~:not([hidden]) {
	margin-left: calc(.5rem * var(--tw-space-x-reverse));
	margin-right: calc(.5rem * (1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.id-space-x-3>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0
}

html[dir=ltr] .id-space-x-3>:not([hidden])~:not([hidden]) {
	margin-right: calc(.75rem * var(--tw-space-x-reverse));
	margin-left: calc(.75rem * (1 - var(--tw-space-x-reverse)));
	margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

html[dir=rtl] .id-space-x-3>:not([hidden])~:not([hidden]) {
	margin-left: calc(.75rem * var(--tw-space-x-reverse));
	margin-right: calc(.75rem * (1 - var(--tw-space-x-reverse)));
	margin-right: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.id-space-y-0>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
	margin-top: 0;
	margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0;
	margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.id-space-y-1>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.25rem * (1 - var(--tw-space-y-reverse)));
	margin-top: .25rem;
	margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0rem;
	margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.id-space-y-1\.5>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.375rem * (1 - var(--tw-space-y-reverse)));
	margin-top: .375rem;
	margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0rem;
	margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.id-space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)));
	margin-top: .5rem;
	margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0rem;
	margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.id-space-y-3>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.75rem * (1 - var(--tw-space-y-reverse)));
	margin-top: .75rem;
	margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0rem;
	margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.id-space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
	margin-top: 1rem;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0rem;
	margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.id-space-y-5>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
	margin-top: 1.25rem;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: 0rem;
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.id-self-stretch {
	align-self: stretch
}

.id-overflow-auto {
	overflow: auto
}

.id-overflow-hidden {
	overflow: hidden
}

.id-overflow-visible {
	overflow: visible
}

.id-overflow-scroll {
	overflow: scroll
}

.id-overflow-x-auto {
	overflow-x: auto
}

.id-overflow-y-auto {
	overflow-y: auto
}

.id-overflow-x-hidden {
	overflow-x: hidden
}

.id-overflow-y-hidden {
	overflow-y: hidden
}

.id-overflow-x-visible {
	overflow-x: visible
}

.id-overflow-y-scroll {
	overflow-y: scroll
}

.id-overscroll-contain {
	overscroll-behavior: contain
}

.id-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.id-overflow-ellipsis,
.id-text-ellipsis {
	text-overflow: ellipsis
}

.id-whitespace-nowrap {
	white-space: nowrap
}

.id-whitespace-pre {
	white-space: pre
}

.id-whitespace-pre-line {
	white-space: pre-line
}

.id-text-wrap {
	text-wrap: wrap
}

.id-text-nowrap {
	text-wrap: nowrap
}

.id-break-words {
	word-wrap: break-word
}

.id-break-all {
	word-break: break-all
}

.\!id-rounded {
	border-radius: .25rem !important
}

.id-rounded {
	border-radius: .25rem
}

.id-rounded-2xl {
	border-radius: 1rem
}

.id-rounded-\[100px\] {
	border-radius: 100px
}

.id-rounded-\[12px\] {
	border-radius: 12px
}

.id-rounded-\[16px\] {
	border-radius: 16px
}

.id-rounded-\[25px\] {
	border-radius: 25px
}

.id-rounded-\[2px\] {
	border-radius: 2px
}

.id-rounded-\[3px\] {
	border-radius: 3px
}

.id-rounded-\[40px\] {
	border-radius: 40px
}

.id-rounded-\[4px\] {
	border-radius: 4px
}

.id-rounded-\[50\%\] {
	border-radius: 50%
}

.id-rounded-\[65px\] {
	border-radius: 65px
}

.id-rounded-\[8px\] {
	border-radius: 8px
}

.id-rounded-full {
	border-radius: 9999px
}

.id-rounded-lg {
	border-radius: .5rem;
	border-radius: var(--radius)
}

.id-rounded-md {
	border-radius: calc(.5rem - 2px);
	border-radius: calc(var(--radius) - 2px)
}

.id-rounded-none {
	border-radius: 0
}

.id-rounded-sm {
	border-radius: calc(.5rem - 4px);
	border-radius: calc(var(--radius) - 4px)
}

.id-rounded-xl {
	border-radius: .75rem
}

.\!id-rounded-t-\[4px\] {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important
}

.id-rounded-b-\[8px\] {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px
}

.id-rounded-b-lg {
	border-bottom-right-radius: .5rem;
	border-bottom-right-radius: var(--radius);
	border-bottom-left-radius: .5rem;
	border-bottom-left-radius: var(--radius)
}

html[dir=ltr] .id-rounded-l-\[4px\] {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

html[dir=rtl] .id-rounded-l-\[4px\] {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

html[dir=ltr] .id-rounded-l-lg {
	border-top-left-radius: .5rem;
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: .5rem;
	border-bottom-left-radius: var(--radius)
}

html[dir=rtl] .id-rounded-l-lg {
	border-top-right-radius: .5rem;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: .5rem;
	border-bottom-right-radius: var(--radius)
}

html[dir=ltr] .id-rounded-l-xl {
	border-top-left-radius: .75rem;
	border-bottom-left-radius: .75rem
}

html[dir=rtl] .id-rounded-l-xl {
	border-top-right-radius: .75rem;
	border-bottom-right-radius: .75rem
}

html[dir=ltr] .id-rounded-r-\[4px\] {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

html[dir=rtl] .id-rounded-r-\[4px\] {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.id-rounded-t-\[10px\] {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.id-rounded-t-\[4px\] {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.id-rounded-t-\[8px\] {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.id-rounded-t-lg {
	border-top-left-radius: .5rem;
	border-top-left-radius: var(--radius);
	border-top-right-radius: .5rem;
	border-top-right-radius: var(--radius)
}

.id-rounded-t-xl {
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem
}

.id-rounded-ee-lg {
	border-end-end-radius: .5rem;
	border-end-end-radius: var(--radius)
}

.\!id-border-0 {
	border-width: 0px !important
}

.id-border {
	border-width: 1px
}

.id-border-0 {
	border-width: 0px
}

.id-border-2 {
	border-width: 2px
}

.id-border-\[0\.25px\] {
	border-width: .25px
}

.id-border-\[0\.5px\] {
	border-width: .5px
}

.id-border-\[1px\] {
	border-width: 1px
}

.id-border-\[2px\] {
	border-width: 2px
}

.id-border-x {
	border-left-width: 1px;
	border-right-width: 1px
}

.id-border-b {
	border-bottom-width: 1px
}

.id-border-b-2 {
	border-bottom-width: 2px
}

.id-border-b-\[0\.5px\] {
	border-bottom-width: .5px
}

.id-border-b-\[3px\] {
	border-bottom-width: 3px
}

html[dir=ltr] .id-border-l {
	border-left-width: 1px
}

html[dir=rtl] .id-border-l {
	border-right-width: 1px
}

html[dir=ltr] .id-border-l-0 {
	border-left-width: 0px
}

html[dir=rtl] .id-border-l-0 {
	border-right-width: 0px
}

html[dir=ltr] .id-border-l-\[1px\] {
	border-left-width: 1px
}

html[dir=rtl] .id-border-l-\[1px\],
html[dir=ltr] .id-border-r {
	border-right-width: 1px
}

html[dir=rtl] .id-border-r {
	border-left-width: 1px
}

html[dir=ltr] .id-border-r-0 {
	border-right-width: 0px
}

html[dir=rtl] .id-border-r-0 {
	border-left-width: 0px
}

.id-border-t {
	border-top-width: 1px
}

.id-border-t-0 {
	border-top-width: 0px
}

.id-border-t-\[1px\] {
	border-top-width: 1px
}

.id-border-solid {
	border-style: solid
}

.id-border-dashed {
	border-style: dashed
}

.id-border-none {
	border-style: none
}

.id-border-\[\#222\] {
	--tw-border-opacity: 1;
	border-color: #222;
	border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1))
}

.id-border-\[\#333\] {
	--tw-border-opacity: 1;
	border-color: #333;
	border-color: rgba(51, 51, 51, var(--tw-border-opacity, 1))
}

.id-border-\[\#767676\] {
	--tw-border-opacity: 1;
	border-color: #767676;
	border-color: rgba(118, 118, 118, var(--tw-border-opacity, 1))
}

.id-border-\[\#DDDDDD\] {
	--tw-border-opacity: 1;
	border-color: #ddd;
	border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1))
}

.id-border-\[\#E5E5E5\] {
	--tw-border-opacity: 1;
	border-color: #e5e5e5;
	border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1))
}

.id-border-\[\#EAEAEA\] {
	--tw-border-opacity: 1;
	border-color: #eaeaea;
	border-color: rgba(234, 234, 234, var(--tw-border-opacity, 1))
}

.id-border-\[\#F0F0F0\] {
	--tw-border-opacity: 1;
	border-color: #f0f0f0;
	border-color: rgba(240, 240, 240, var(--tw-border-opacity, 1))
}

.id-border-\[\#ddd\] {
	--tw-border-opacity: 1;
	border-color: #ddd;
	border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1))
}

.id-border-\[\#0dfc7d\] {
	--tw-border-opacity: 1;
	border-color: #0dfc7d;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1))
}

.id-border-\[\#e8e8e8\] {
	--tw-border-opacity: 1;
	border-color: #e8e8e8;
	border-color: rgba(232, 232, 232, var(--tw-border-opacity, 1))
}

.id-border-\[\#ff6a00\] {
	--tw-border-opacity: 1;
	border-color: #ff6a00;
	border-color: rgba(255, 106, 0, var(--tw-border-opacity, 1))
}

.id-border-black {
	--tw-border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

.id-border-border {
	border-color: #0dfc7d;
	border-color: hsl(var(--border))
}

.id-border-gray-200 {
	--tw-border-opacity: 1;
	border-color: #0dfc7d;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1))
}

.id-border-gray-300 {
	--tw-border-opacity: 1;
	border-color: #d1d5db;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1))
}

.id-border-gray-800 {
	--tw-border-opacity: 1;
	border-color: #1f2937;
	border-color: rgba(31, 41, 55, var(--tw-border-opacity, 1))
}

.id-border-highlight-dark {
	border-color: #d1490a;
	border-color: hsl(var(--highlight-dark))
}

.id-border-input {
	border-color: #0dfc7d;
	border-color: hsl(var(--input))
}

.id-border-orange-500 {
	--tw-border-opacity: 1;
	border-color: #f97316;
	border-color: rgba(249, 115, 22, var(--tw-border-opacity, 1))
}

.id-border-white {
	--tw-border-opacity: 1;
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1))
}

.id-border-b-\[\#222\] {
	--tw-border-opacity: 1;
	border-bottom-color: #222;
	border-bottom-color: rgba(34, 34, 34, var(--tw-border-opacity, 1))
}

.id-border-b-\[\#e6e7eb\] {
	--tw-border-opacity: 1;
	border-bottom-color: #e6e7eb;
	border-bottom-color: rgba(230, 231, 235, var(--tw-border-opacity, 1))
}

.id-bg-\[\#0000000a\] {
	background-color: #0000000a
}

.id-bg-\[\#00000069\] {
	background-color: #00000069
}

.id-bg-\[\#000000D9\] {
	background-color: #000000d9
}

.id-bg-\[\#000000b3\] {
	background-color: #000000b3
}

.id-bg-\[\#222\] {
	--tw-bg-opacity: 1;
	background-color: #222;
	background-color: rgba(34, 34, 34, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#333\] {
	--tw-bg-opacity: 1;
	background-color: #333;
	background-color: rgba(51, 51, 51, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#DDDDDD\],
.id-bg-\[\#DDD\] {
	--tw-bg-opacity: 1;
	background-color: #ddd;
	background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#E7F4FF\] {
	--tw-bg-opacity: 1;
	background-color: #e7f4ff;
	background-color: rgba(231, 244, 255, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F0F0F0\] {
	--tw-bg-opacity: 1;
	background-color: #f0f0f0;
	background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F3F3F3\] {
	--tw-bg-opacity: 1;
	background-color: #f3f3f3;
	background-color: rgba(243, 243, 243, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F4F4F4\] {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#ff1900\] {
	--tw-bg-opacity: 1;
	background-color: #ff1900;
	background-color: rgba(255, 102, 0, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#F8F8F8\] {
	--tw-bg-opacity: 1;
	background-color: #f8f8f8;
	background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FAFAFA\] {
	--tw-bg-opacity: 1;
	background-color: #fafafa;
	background-color: rgba(250, 250, 250, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FCF8F1\] {
	--tw-bg-opacity: 1;
	background-color: #fcf8f1;
	background-color: rgba(252, 248, 241, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FFF5F1\] {
	--tw-bg-opacity: 1;
	background-color: #fff5f1;
	background-color: rgba(255, 245, 241, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FFF9F7\] {
	--tw-bg-opacity: 1;
	background-color: #fff9f7;
	background-color: rgba(255, 249, 247, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#FFFFFF\] {
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#d1d2d4\] {
	--tw-bg-opacity: 1;
	background-color: #d1d2d4;
	background-color: rgba(209, 210, 212, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#ddd\] {
	--tw-bg-opacity: 1;
	background-color: #ddd;
	background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f0f0f0\] {
	--tw-bg-opacity: 1;
	background-color: #f0f0f0;
	background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f4f4f4\] {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f5f5f5\] {
	--tw-bg-opacity: 1;
	background-color: #f5f5f5;
	background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#ff1900\] {
	--tw-bg-opacity: 1;
	background-color: #ff1900;
	background-color: rgba(255, 102, 0, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f7421e\] {
	--tw-bg-opacity: 1;
	background-color: #f7421e;
	background-color: rgba(247, 66, 30, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f8f8f8\] {
	--tw-bg-opacity: 1;
	background-color: #f8f8f8;
	background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#ff4014\] {
	--tw-bg-opacity: 1;
	background-color: #ff4014;
	background-color: rgba(255, 64, 20, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#fff6f4\] {
	--tw-bg-opacity: 1;
	background-color: #fff6f4;
	background-color: rgba(255, 246, 244, var(--tw-bg-opacity, 1))
}

.id-bg-\[\#fff\] {
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
}

.id-bg-\[rgb\(252\,248\,241\)\] {
	--tw-bg-opacity: 1;
	background-color: #fcf8f1;
	background-color: rgba(252, 248, 241, var(--tw-bg-opacity, 1))
}

.id-bg-\[rgba\(255\,249\,247\,1\)\] {
	background-color: #fff9f7
}

.id-bg-background {
	background-color: #fff;
	background-color: hsl(var(--background))
}

.id-bg-black {
	--tw-bg-opacity: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1))
}

.id-bg-black\/30 {
	background-color: #0000004d
}

.id-bg-black\/50 {
	background-color: #00000080
}

.id-bg-black\/80 {
	background-color: #000c
}

.id-bg-blue-500 {
	--tw-bg-opacity: 1;
	background-color: #3b82f6;
	background-color: rgba(59, 130, 246, var(--tw-bg-opacity, 1))
}

.id-bg-card {
	background-color: #fff;
	background-color: hsl(var(--card))
}

.id-bg-destructive {
	background-color: #ef4343;
	background-color: hsl(var(--destructive))
}

.id-bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: #f3f4f6;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1))
}

.id-bg-gray-200 {
	--tw-bg-opacity: 1;
	background-color: #0dfc7d;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1))
}

.id-bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: #f9fafb;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1))
}

.id-bg-green-50 {
	--tw-bg-opacity: 1;
	background-color: #f0fdf4;
	background-color: rgba(240, 253, 244, var(--tw-bg-opacity, 1))
}

.id-bg-green-500 {
	--tw-bg-opacity: 1;
	background-color: #22c55e;
	background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1))
}

.id-bg-highlight {
	background-color: #ff1900;
	background-color: hsl(var(--highlight))
}

.id-bg-muted {
	background-color: #f4f4f5;
	background-color: hsl(var(--muted))
}

.id-bg-muted\/50 {
	background-color: #f4f4f580;
	background-color: hsl(var(--muted) / .5)
}

.id-bg-orange-50 {
	--tw-bg-opacity: 1;
	background-color: #fff7ed;
	background-color: rgba(255, 247, 237, var(--tw-bg-opacity, 1))
}

.id-bg-popover {
	background-color: #fff;
	background-color: hsl(var(--popover))
}

.id-bg-primary {
	background-color: #18181b;
	background-color: hsl(var(--primary))
}

.id-bg-red-500 {
	--tw-bg-opacity: 1;
	background-color: #ef4444;
	background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1))
}

.id-bg-secondary {
	background-color: #f4f4f5;
	background-color: hsl(var(--secondary))
}

.id-bg-transparent {
	background-color: transparent
}

.id-bg-white {
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
}

.id-bg-opacity-50 {
	--tw-bg-opacity: .5
}

.id-bg-opacity-80 {
	--tw-bg-opacity: .8
}

.id-bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.id-bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.id-from-\[rgba\(255\,255\,255\,0\)\] {
	--tw-gradient-from: rgba(255, 255, 255, 0) var(--tw-gradient-from-position);
	--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.id-from-white\/90 {
	--tw-gradient-from: rgba(255, 255, 255, .9) var(--tw-gradient-from-position);
	--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.id-via-white\/60 {
	--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), rgba(255, 255, 255, .6) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.id-via-50\% {
	--tw-gradient-via-position: 50%
}

.id-to-\[rgba\(255\,255\,255\)\] {
	--tw-gradient-to: rgba(255, 255, 255) var(--tw-gradient-to-position)
}

.id-to-transparent {
	--tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.id-bg-contain {
	background-size: contain
}

.id-bg-cover {
	background-size: cover
}

.id-bg-center {
	background-position: center
}

.id-bg-no-repeat {
	background-repeat: no-repeat
}

.id-fill-\[\#E10505\] {
	fill: #e10505
}

.id-fill-black {
	fill: #000
}

.id-fill-current {
	fill: currentColor
}

.id-fill-green-700 {
	fill: #15803d
}

.id-fill-highlight-dark {
	fill: #d1490a;
	fill: hsl(var(--highlight-dark))
}

.id-object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.id-object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.id-object-fill {
	-o-object-fit: fill;
	object-fit: fill
}

.id-object-center {
	-o-object-position: center;
	object-position: center
}

.id-p-0 {
	padding: 0
}

.id-p-0\.5 {
	padding: .125rem
}

.id-p-1 {
	padding: .25rem
}

.id-p-2 {
	padding: .5rem
}

.id-p-3 {
	padding: .75rem
}

.id-p-4 {
	padding: 1rem
}

.id-p-5 {
	padding: 1.25rem
}

.id-p-6 {
	padding: 1.5rem
}

.id-p-9 {
	padding: 2.25rem
}

.id-p-\[0\.25px\] {
	padding: .25px
}

.id-p-\[0px_20px\] {
	padding: 0 20px
}

.id-p-\[10px\] {
	padding: 10px
}

.id-p-\[12px\] {
	padding: 12px
}

.id-p-\[14px\] {
	padding: 14px
}

.id-p-\[14px_20px\] {
	padding: 14px 20px
}

.id-p-\[20px\] {
	padding: 20px
}

.id-p-\[24px\] {
	padding: 24px
}

.id-p-\[8px\] {
	padding: 8px
}

.id-p-\[9px\] {
	padding: 9px
}

.id-px-0 {
	padding-left: 0;
	padding-right: 0
}

.id-px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.id-px-1\.5 {
	padding-left: .375rem;
	padding-right: .375rem
}

.id-px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.id-px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.id-px-2\.5 {
	padding-left: .625rem;
	padding-right: .625rem
}

.id-px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.id-px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.id-px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.id-px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.id-px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.id-px-\[12px\] {
	padding-left: 12px;
	padding-right: 12px
}

.id-px-\[14px\] {
	padding-left: 14px;
	padding-right: 14px
}

.id-px-\[16px\] {
	padding-left: 16px;
	padding-right: 16px
}

.id-px-\[20px\] {
	padding-left: 20px;
	padding-right: 20px
}

.id-px-\[22px\] {
	padding-left: 22px;
	padding-right: 22px
}

.id-px-\[24px\] {
	padding-left: 24px;
	padding-right: 24px
}

.id-px-\[3px\] {
	padding-left: 3px;
	padding-right: 3px
}

.id-px-\[6px\] {
	padding-left: 6px;
	padding-right: 6px
}

.id-px-\[9px\] {
	padding-left: 9px;
	padding-right: 9px
}

.id-py-0 {
	padding-top: 0;
	padding-bottom: 0
}

.id-py-0\.5 {
	padding-top: .125rem;
	padding-bottom: .125rem
}

.id-py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.id-py-1\.5 {
	padding-top: .375rem;
	padding-bottom: .375rem
}

.id-py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.id-py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.id-py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.id-py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}

.id-py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.id-py-\[12px\] {
	padding-top: 12px;
	padding-bottom: 12px
}

.id-py-\[14px\] {
	padding-top: 14px;
	padding-bottom: 14px
}

.id-py-\[15px\] {
	padding-top: 15px;
	padding-bottom: 15px
}

.id-py-\[18px\] {
	padding-top: 18px;
	padding-bottom: 18px
}

.id-py-\[24px\] {
	padding-top: 24px;
	padding-bottom: 24px
}

.id-py-\[3px\] {
	padding-top: 3px;
	padding-bottom: 3px
}

.id-py-\[6px\] {
	padding-top: 6px;
	padding-bottom: 6px
}

.id-py-\[8px\] {
	padding-top: 8px;
	padding-bottom: 8px
}

.\!id-pt-0 {
	padding-top: 0 !important
}

.id-pb-0 {
	padding-bottom: 0
}

.id-pb-2 {
	padding-bottom: .5rem
}

.id-pb-3 {
	padding-bottom: .75rem
}

.id-pb-4 {
	padding-bottom: 1rem
}

.id-pb-5 {
	padding-bottom: 1.25rem
}

.id-pb-6 {
	padding-bottom: 1.5rem
}

.id-pb-7 {
	padding-bottom: 1.75rem
}

.id-pb-\[10px\] {
	padding-bottom: 10px
}

.id-pb-\[120px\] {
	padding-bottom: 120px
}

.id-pb-\[14px\] {
	padding-bottom: 14px
}

.id-pb-\[18px\] {
	padding-bottom: 18px
}

.id-pb-\[20px\] {
	padding-bottom: 20px
}

.id-pb-\[2px\] {
	padding-bottom: 2px
}

.id-pb-\[300px\] {
	padding-bottom: 300px
}

.id-pb-\[40px\] {
	padding-bottom: 40px
}

.id-pb-\[50px\] {
	padding-bottom: 50px
}

.id-pb-\[8px\] {
	padding-bottom: 8px
}

.id-pb-\[9px\] {
	padding-bottom: 9px
}

.id-pb-\[calc\(14vh\)\] {
	padding-bottom: 14vh
}

.id-pe-0 {
	padding-inline-end: 0px
}

html[dir=ltr] .id-pl-0 {
	padding-left: 0
}

html[dir=rtl] .id-pl-0 {
	padding-right: 0
}

html[dir=ltr] .id-pl-2 {
	padding-left: .5rem
}

html[dir=rtl] .id-pl-2 {
	padding-right: .5rem
}

html[dir=ltr] .id-pl-3 {
	padding-left: .75rem
}

html[dir=rtl] .id-pl-3 {
	padding-right: .75rem
}

html[dir=ltr] .id-pl-4 {
	padding-left: 1rem
}

html[dir=rtl] .id-pl-4 {
	padding-right: 1rem
}

html[dir=ltr] .id-pl-5 {
	padding-left: 1.25rem
}

html[dir=rtl] .id-pl-5 {
	padding-right: 1.25rem
}

html[dir=ltr] .id-pl-8 {
	padding-left: 2rem
}

html[dir=rtl] .id-pl-8 {
	padding-right: 2rem
}

html[dir=ltr] .id-pl-\[0px\] {
	padding-left: 0
}

html[dir=rtl] .id-pl-\[0px\] {
	padding-right: 0
}

html[dir=ltr] .id-pl-\[10px\] {
	padding-left: 10px
}

html[dir=rtl] .id-pl-\[10px\] {
	padding-right: 10px
}

html[dir=ltr] .id-pl-\[14px\] {
	padding-left: 14px
}

html[dir=rtl] .id-pl-\[14px\] {
	padding-right: 14px
}

html[dir=ltr] .id-pl-\[4px\] {
	padding-left: 4px
}

html[dir=rtl] .id-pl-\[4px\] {
	padding-right: 4px
}

html[dir=ltr] .id-pl-\[6px\] {
	padding-left: 6px
}

html[dir=rtl] .id-pl-\[6px\] {
	padding-right: 6px
}

html[dir=ltr] .id-pl-\[70px\] {
	padding-left: 70px
}

html[dir=rtl] .id-pl-\[70px\] {
	padding-right: 70px
}

html[dir=ltr] .id-pl-\[8px\] {
	padding-left: 8px
}

html[dir=rtl] .id-pl-\[8px\] {
	padding-right: 8px
}

html[dir=ltr] .id-pr-2 {
	padding-right: .5rem
}

html[dir=rtl] .id-pr-2 {
	padding-left: .5rem
}

html[dir=ltr] .id-pr-3 {
	padding-right: .75rem
}

html[dir=rtl] .id-pr-3 {
	padding-left: .75rem
}

html[dir=ltr] .id-pr-\[150px\] {
	padding-right: 150px
}

html[dir=rtl] .id-pr-\[150px\] {
	padding-left: 150px
}

html[dir=ltr] .id-pr-\[27\.6px\] {
	padding-right: 27.6px
}

html[dir=rtl] .id-pr-\[27\.6px\] {
	padding-left: 27.6px
}

html[dir=ltr] .id-pr-\[6px\] {
	padding-right: 6px
}

html[dir=rtl] .id-pr-\[6px\] {
	padding-left: 6px
}

html[dir=ltr] .id-pr-\[70px\] {
	padding-right: 70px
}

html[dir=rtl] .id-pr-\[70px\] {
	padding-left: 70px
}

html[dir=ltr] .id-pr-\[8px\] {
	padding-right: 8px
}

html[dir=rtl] .id-pr-\[8px\] {
	padding-left: 8px
}

.id-ps-1\.5 {
	padding-inline-start: .375rem
}

.id-ps-5 {
	padding-inline-start: 1.25rem
}

.id-ps-\[14px\] {
	padding-inline-start: 14px
}

.id-pt-0 {
	padding-top: 0
}

.id-pt-2 {
	padding-top: .5rem
}

.id-pt-3 {
	padding-top: .75rem
}

.id-pt-4 {
	padding-top: 1rem
}

.id-pt-5 {
	padding-top: 1.25rem
}

.id-pt-6 {
	padding-top: 1.5rem
}

.id-pt-8 {
	padding-top: 2rem
}

.id-pt-\[0px\] {
	padding-top: 0
}

.id-pt-\[12px\] {
	padding-top: 12px
}

.id-pt-\[14px\] {
	padding-top: 14px
}

.id-pt-\[16px\] {
	padding-top: 16px
}

.id-pt-\[28px\] {
	padding-top: 28px
}

.id-pt-\[5px\] {
	padding-top: 5px
}

.id-pt-\[6px\] {
	padding-top: 6px
}

html[dir=ltr] .id-text-left {
	text-align: left
}

html[dir=rtl] .id-text-left {
	text-align: right
}

.id-text-center {
	text-align: center
}

html[dir=ltr] .id-text-right {
	text-align: right
}

html[dir=rtl] .id-text-right {
	text-align: left
}

.id-text-start {
	text-align: start
}

.id-align-middle {
	vertical-align: middle
}

.id-align-bottom {
	vertical-align: bottom
}

.id-font-\[\#F7421E\] {
	font-family: #F7421E
}

.id-text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.id-text-\[0px\] {
	font-size: 0px
}

.id-text-\[10px\] {
	font-size: 10px
}

.id-text-\[11px\] {
	font-size: 11px
}

.id-text-\[12\.7px\] {
	font-size: 12.7px
}

.id-text-\[12px\] {
	font-size: 12px
}

.id-text-\[13\.8px\] {
	font-size: 13.8px
}

.id-text-\[13px\] {
	font-size: 13px
}

.id-text-\[14px\] {
	font-size: 14px
}

.id-text-\[15px\] {
	font-size: 15px
}

.id-text-\[16px\] {
	font-size: 16px
}

.id-text-\[17px\] {
	font-size: 17px
}

.id-text-\[18px\] {
	font-size: 18px
}

.id-text-\[20px\] {
	font-size: 20px
}

.id-text-\[26px\] {
	font-size: 26px
}

.id-text-\[32px\] {
	font-size: 32px
}

.id-text-\[9px\] {
	font-size: 9px
}

.id-text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.id-text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.id-text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.id-text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.id-text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.id-font-bold {
	font-weight: 700
}

.id-font-medium {
	font-weight: 500
}

.id-font-normal {
	font-weight: 400
}

.id-font-semibold {
	font-weight: 600
}

.id-leading-4 {
	line-height: 1rem
}

.id-leading-5 {
	line-height: 1.25rem
}

.id-leading-7 {
	line-height: 1.75rem
}

.id-leading-\[1\.4\] {
	line-height: 1.4
}

.id-leading-\[12px\] {
	line-height: 12px
}

.id-leading-\[14px\] {
	line-height: 14px
}

.id-leading-\[15px\] {
	line-height: 15px
}

.id-leading-\[16px\] {
	line-height: 16px
}

.id-leading-\[17px\] {
	line-height: 17px
}

.id-leading-\[18px\] {
	line-height: 18px
}

.id-leading-\[20px\] {
	line-height: 20px
}

.id-leading-\[22px\] {
	line-height: 22px
}

.id-leading-\[24px\] {
	line-height: 24px
}

.id-leading-\[25\.71px\] {
	line-height: 25.71px
}

.id-leading-\[26px\] {
	line-height: 26px
}

.id-leading-\[28px\] {
	line-height: 28px
}

.id-leading-\[40px\] {
	line-height: 40px
}

.id-leading-\[50px\] {
	line-height: 50px
}

.id-leading-\[51px\] {
	line-height: 51px
}

.id-leading-none {
	line-height: 1
}

.id-leading-normal {
	line-height: 1.5
}

.id-leading-relaxed {
	line-height: 1.625
}

.id-leading-tight {
	line-height: 1.25
}

.id-tracking-\[-0\.004em\] {
	letter-spacing: -.004em
}

.id-tracking-\[-0\.3px\] {
	letter-spacing: -.3px
}

.id-tracking-\[-0\.6px\] {
	letter-spacing: -.6px
}

.id-tracking-normal {
	letter-spacing: 0em
}

.id-tracking-tight {
	letter-spacing: -.025em
}

.id-tracking-widest {
	letter-spacing: .1em
}

.\!id-text-\[\#666\] {
	--tw-text-opacity: 1 !important;
	color: #666 !important;
	color: rgba(102, 102, 102, var(--tw-text-opacity, 1)) !important
}

.\!id-text-white {
	--tw-text-opacity: 1 !important;
	color: #fff !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important
}

.id-text-\[\#00346e\] {
	--tw-text-opacity: 1;
	color: #00346e;
	color: rgba(0, 52, 110, var(--tw-text-opacity, 1))
}

.id-text-\[\#0066CC\] {
	--tw-text-opacity: 1;
	color: #06c;
	color: rgba(0, 102, 204, var(--tw-text-opacity, 1))
}

.id-text-\[\#222222\],
.id-text-\[\#222\] {
	--tw-text-opacity: 1;
	color: #222;
	color: rgba(34, 34, 34, var(--tw-text-opacity, 1))
}

.id-text-\[\#262626\] {
	--tw-text-opacity: 1;
	color: #262626;
	color: rgba(38, 38, 38, var(--tw-text-opacity, 1))
}

.id-text-\[\#333333\],
.id-text-\[\#333\] {
	--tw-text-opacity: 1;
	color: #333;
	color: rgba(51, 51, 51, var(--tw-text-opacity, 1))
}

.id-text-\[\#4B1D1F\] {
	--tw-text-opacity: 1;
	color: #4b1d1f;
	color: rgba(75, 29, 31, var(--tw-text-opacity, 1))
}

.id-text-\[\#636363\] {
	--tw-text-opacity: 1;
	color: #636363;
	color: rgba(99, 99, 99, var(--tw-text-opacity, 1))
}

.id-text-\[\#666666\],
.id-text-\[\#666\] {
	--tw-text-opacity: 1;
	color: #666;
	color: rgba(102, 102, 102, var(--tw-text-opacity, 1))
}

.id-text-\[\#767676\] {
	--tw-text-opacity: 1;
	color: #767676;
	color: rgba(118, 118, 118, var(--tw-text-opacity, 1))
}

.id-text-\[\#999\] {
	--tw-text-opacity: 1;
	color: #999;
	color: rgba(153, 153, 153, var(--tw-text-opacity, 1))
}

.id-text-\[\#A75A00\] {
	--tw-text-opacity: 1;
	color: #a75a00;
	color: rgba(167, 90, 0, var(--tw-text-opacity, 1))
}

.id-text-\[\#F7421E\] {
	--tw-text-opacity: 1;
	color: #f7421e;
	color: rgba(247, 66, 30, var(--tw-text-opacity, 1))
}

.id-text-\[\#FDC6A2\] {
	--tw-text-opacity: 1;
	color: #fdc6a2;
	color: rgba(253, 198, 162, var(--tw-text-opacity, 1))
}

.id-text-\[\#FFFFFF\],
.id-text-\[\#FFF\] {
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.id-text-\[\#f7421e\] {
	--tw-text-opacity: 1;
	color: #f7421e;
	color: rgba(247, 66, 30, var(--tw-text-opacity, 1))
}

.id-text-\[\#ff6a00\] {
	--tw-text-opacity: 1;
	color: #ff6a00;
	color: rgba(255, 106, 0, var(--tw-text-opacity, 1))
}

.id-text-\[rgb\(167\,90\,0\)\] {
	--tw-text-opacity: 1;
	color: #a75a00;
	color: rgba(167, 90, 0, var(--tw-text-opacity, 1))
}

.id-text-black {
	--tw-text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--tw-text-opacity, 1))
}

.id-text-blue-600 {
	--tw-text-opacity: 1;
	color: #2563eb;
	color: rgba(37, 99, 235, var(--tw-text-opacity, 1))
}

.id-text-card-foreground {
	color: #09090b;
	color: hsl(var(--card-foreground))
}

.id-text-destructive-foreground {
	color: #fafafa;
	color: hsl(var(--destructive-foreground))
}

.id-text-foreground {
	color: #09090b;
	color: hsl(var(--foreground))
}

.id-text-gray-200 {
	--tw-text-opacity: 1;
	color: #0dfc7d;
	color: rgba(229, 231, 235, var(--tw-text-opacity, 1))
}

.id-text-gray-400 {
	--tw-text-opacity: 1;
	color: #9ca3af;
	color: rgba(156, 163, 175, var(--tw-text-opacity, 1))
}

.id-text-gray-500 {
	--tw-text-opacity: 1;
	color: #6b7280;
	color: rgba(107, 114, 128, var(--tw-text-opacity, 1))
}

.id-text-gray-600 {
	--tw-text-opacity: 1;
	color: #4b5563;
	color: rgba(75, 85, 99, var(--tw-text-opacity, 1))
}

.id-text-gray-800 {
	--tw-text-opacity: 1;
	color: #1f2937;
	color: rgba(31, 41, 55, var(--tw-text-opacity, 1))
}

.id-text-green-700 {
	--tw-text-opacity: 1;
	color: #15803d;
	color: rgba(21, 128, 61, var(--tw-text-opacity, 1))
}

.id-text-highlight {
	color: #ff1900;
	color: hsl(var(--highlight))
}

.id-text-highlight-dark {
	color: #d1490a;
	color: hsl(var(--highlight-dark))
}

.id-text-inherit {
	color: inherit
}

.id-text-muted {
	color: #f4f4f5;
	color: hsl(var(--muted))
}

.id-text-muted-foreground {
	color: #71717a;
	color: hsl(var(--muted-foreground))
}

.id-text-popover-foreground {
	color: #09090b;
	color: hsl(var(--popover-foreground))
}

.id-text-primary {
	color: #18181b;
	color: hsl(var(--primary))
}

.id-text-primary-foreground {
	color: #fafafa;
	color: hsl(var(--primary-foreground))
}

.id-text-secondary-foreground {
	color: #18181b;
	color: hsl(var(--secondary-foreground))
}

.id-text-white {
	--tw-text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
}

.id-underline {
	text-decoration-line: underline
}

.id-line-through {
	text-decoration-line: line-through
}

.id-no-underline {
	text-decoration-line: none
}

.id-underline-offset-4 {
	text-underline-offset: 4px
}

.id-opacity-0 {
	opacity: 0
}

.id-opacity-100 {
	opacity: 1
}

.id-opacity-5 {
	opacity: .05
}

.id-opacity-50 {
	opacity: .5
}

.id-opacity-60 {
	opacity: .6
}

.id-opacity-70 {
	opacity: .7
}

.id-opacity-80 {
	opacity: .8
}

.id-shadow-\[0_-4px_8px_0_rgba\(0\,0\,0\,0\.04\)\] {
	--tw-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
	--tw-shadow-colored: 0 -4px 8px 0 var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 -4px 8px #0000000a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-\[0_2px_3px_0_rgba\(74\,74\,74\,0\.2\)\] {
	--tw-shadow: 0 2px 3px 0 rgba(74, 74, 74, .2);
	--tw-shadow-colored: 0 2px 3px 0 var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 3px #4a4a4a33;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-\[0_2px_6px_2px_rgba\(0\,0\,0\,0\.12\)\] {
	--tw-shadow: 0 2px 6px 2px rgba(0, 0, 0, .12);
	--tw-shadow-colored: 0 2px 6px 2px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 6px 2px #0000001f;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-\[0px_-4px_8px_0px_\#0000000a\] {
	--tw-shadow: 0px -4px 8px 0px rgba(0, 0, 0, .03922);
	--tw-shadow-colored: 0px -4px 8px 0px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 -4px 8px #0000000a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-\[0px_2px_2px_2px_rgba\(0\,0\,0\,0\.04\)\] {
	--tw-shadow: 0px 2px 2px 2px rgba(0, 0, 0, .04);
	--tw-shadow-colored: 0px 2px 2px 2px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 2px 2px #0000000a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-\[0px_2px_6px_2px_rgba\(0\,0\,0\,0\.04\)\] {
	--tw-shadow: 0px 2px 6px 2px rgba(0, 0, 0, .04);
	--tw-shadow-colored: 0px 2px 6px 2px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 6px 2px #0000000a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-cards {
	--tw-shadow: 0 0 10px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 10px #0000001a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.id-outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.id-outline-0 {
	outline-width: 0px
}

.id-ring-offset-background {
	--tw-ring-offset-color: hsl(var(--background))
}

.id-backdrop-blur-sm {
	--tw-backdrop-blur: blur(4px);
	-webkit-backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.id-transition-\[0\.4s\] {
	transition-property: .4s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.id-transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.id-transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.id-transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.id-transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.id-duration-200 {
	transition-duration: .2s
}

.id-duration-300 {
	transition-duration: .3s
}

.id-ease-in {
	transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.id-ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.id-ease-out {
	transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@keyframes enter {
	0% {
		opacity: 1;
		opacity: var(--tw-enter-opacity, 1);
		transform: translateZ(0) scaleZ(1) rotate(0);
		transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
	}
}

@keyframes exit {
	to {
		opacity: 1;
		opacity: var(--tw-exit-opacity, 1);
		transform: translateZ(0) scaleZ(1) rotate(0);
		transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
	}
}

.id-animate-in {
	animation-name: enter;
	animation-duration: .15s;
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial
}

.id-fade-in-0 {
	--tw-enter-opacity: 0
}

.id-zoom-in-95 {
	--tw-enter-scale: .95
}

.id-duration-200 {
	animation-duration: .2s
}

.id-duration-300 {
	animation-duration: .3s
}

.id-ease-in {
	animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.id-ease-in-out {
	animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.id-ease-out {
	animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

.id-z-foreground {
	z-index: 10000
}

.sc-hd-prefix-mask,
.sc-hd-prefix2-dialog-normal {
	pointer-events: auto
}

@font-face {
	font-style: normal;
	font-weight: 100 900;
	src: url(https://s.alicdn.com/@g/bc/common-font/0.0.1/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
	font-family: Inter;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body {
	background-color: #fff;
	background-color: hsl(var(--background));
	color: #09090b;
	color: hsl(var(--foreground));
	font-family: Inter, SF Pro Text, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei, serif
}

/* .details-page a:not([class*=magic]) {
      color: #222;
    } */

body.no-scroll {
	overflow: hidden
}

.first-line\:id-break-words:first-line {
	word-wrap: break-word
}

.after\:id-absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:id-bottom-\[-7px\]:after {
	content: var(--tw-content);
	bottom: -7px
}

.after\:id-content-\[\'\'\]:after {
	--tw-content: "";
	content: "";
	content: var(--tw-content)
}

.first\:id-mt-0:first-child {
	margin-top: 0
}

html[dir=ltr] .first\:id-rounded-tl-\[8px\]:first-child {
	border-top-left-radius: 8px
}

html[dir=rtl] .first\:id-rounded-tl-\[8px\]:first-child {
	border-top-right-radius: 8px
}

html[dir=ltr] .last\:id-rounded-tr-\[8px\]:last-child {
	border-top-right-radius: 8px
}

html[dir=rtl] .last\:id-rounded-tr-\[8px\]:last-child {
	border-top-left-radius: 8px
}

.last\:id-border-b-0:last-child {
	border-bottom-width: 0px
}

.hover\:id-cursor-crosshair:hover {
	cursor: crosshair
}

.hover\:id-cursor-pointer:hover {
	cursor: pointer
}

.hover\:id-border-\[1px\]:hover {
	border-width: 1px
}

.hover\:id-border-solid:hover {
	border-style: solid
}

.hover\:id-border-\[\#222\]:hover {
	--tw-border-opacity: 1;
	border-color: #222;
	border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1))
}

.hover\:id-border-orange-300:hover {
	--tw-border-opacity: 1;
	border-color: #fdba74;
	border-color: rgba(253, 186, 116, var(--tw-border-opacity, 1))
}

.hover\:id-bg-\[\#F0F0F0\]:hover {
	--tw-bg-opacity: 1;
	background-color: #f0f0f0;
	background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1))
}

.hover\:id-bg-\[\#F4F4F4\]:hover,
.hover\:id-bg-\[\#f4f4f4\]:hover {
	--tw-bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1))
}

.hover\:id-bg-\[\#f5f5f5\]:hover {
	--tw-bg-opacity: 1;
	background-color: #f5f5f5;
	background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1))
}

.hover\:id-bg-accent:hover {
	background-color: #f4f4f5;
	background-color: hsl(var(--accent))
}

.hover\:id-bg-black\/50:hover {
	background-color: #00000080
}

.hover\:id-bg-destructive\/90:hover {
	background-color: #ef4343e6;
	background-color: hsl(var(--destructive) / .9)
}

.hover\:id-bg-gray-100:hover {
	--tw-bg-opacity: 1;
	background-color: #f3f4f6;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1))
}

.hover\:id-bg-gray-50:hover {
	--tw-bg-opacity: 1;
	background-color: #f9fafb;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1))
}

.hover\:id-bg-muted\/50:hover {
	background-color: #f4f4f580;
	background-color: hsl(var(--muted) / .5)
}

.hover\:id-bg-secondary\/80:hover {
	background-color: #f4f4f5cc;
	background-color: hsl(var(--secondary) / .8)
}

.hover\:id-text-\[\#222\]:hover {
	--tw-text-opacity: 1;
	color: #222;
	color: rgba(34, 34, 34, var(--tw-text-opacity, 1))
}

.hover\:id-text-\[\#666\]:hover {
	--tw-text-opacity: 1;
	color: #666;
	color: rgba(102, 102, 102, var(--tw-text-opacity, 1))
}

.hover\:id-text-accent-foreground:hover {
	color: #18181b;
	color: hsl(var(--accent-foreground))
}

.hover\:id-text-foreground:hover {
	color: #09090b;
	color: hsl(var(--foreground))
}

.hover\:id-underline:hover {
	text-decoration-line: underline
}

.hover\:\!id-opacity-100:hover {
	opacity: 1 !important
}

.hover\:id-opacity-90:hover {
	opacity: .9
}

.focus\:id-bg-accent:focus {
	background-color: #f4f4f5;
	background-color: hsl(var(--accent))
}

.focus\:id-text-accent-foreground:focus {
	color: #18181b;
	color: hsl(var(--accent-foreground))
}

.focus\:id-outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus\:id-ring-2:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.focus\:id-ring-ring:focus {
	--tw-ring-color: hsl(var(--ring))
}

.focus\:id-ring-transparent:focus {
	--tw-ring-color: transparent
}

.focus\:id-ring-offset-2:focus {
	--tw-ring-offset-width: 2px
}

.focus-visible\:id-outline-none:focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus-visible\:id-ring-0:focus-visible {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.focus-visible\:id-ring-2:focus-visible {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.focus-visible\:id-ring-ring:focus-visible {
	--tw-ring-color: hsl(var(--ring))
}

.focus-visible\:id-ring-offset-2:focus-visible {
	--tw-ring-offset-width: 2px
}

.active\:id-scale-95:active {
	--tw-scale-x: .95;
	--tw-scale-y: .95;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:id-bg-\[\#E8E8E8\]:active {
	--tw-bg-opacity: 1;
	background-color: #e8e8e8;
	background-color: rgba(232, 232, 232, var(--tw-bg-opacity, 1))
}

.disabled\:id-pointer-events-none:disabled {
	pointer-events: none
}

.disabled\:id-hidden:disabled {
	display: none
}

.disabled\:id-cursor-not-allowed:disabled {
	cursor: not-allowed
}

.disabled\:id-border-gray-200:disabled {
	--tw-border-opacity: 1;
	border-color: #0dfc7d;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1))
}

.disabled\:id-bg-gray-100:disabled {
	--tw-bg-opacity: 1;
	background-color: #f3f4f6;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1))
}

.disabled\:id-text-gray-400:disabled {
	--tw-text-opacity: 1;
	color: #9ca3af;
	color: rgba(156, 163, 175, var(--tw-text-opacity, 1))
}

.disabled\:id-opacity-40:disabled {
	opacity: .4
}

.disabled\:id-opacity-50:disabled {
	opacity: .5
}

html[dir=ltr] .id-peer:checked~.peer-checked\:id-left-auto {
	left: auto
}

html[dir=rtl] .id-peer:checked~.peer-checked\:id-left-auto {
	right: auto
}

html[dir=ltr] .id-peer:checked~.peer-checked\:id-right-0\.5 {
	right: .125rem
}

html[dir=rtl] .id-peer:checked~.peer-checked\:id-right-0\.5 {
	left: .125rem
}

.data-\[disabled\]\:id-pointer-events-none[data-disabled] {
	pointer-events: none
}

.data-\[side\=bottom\]\:id-translate-y-1[data-side=bottom] {
	--tw-translate-y: .25rem;
	transform: translate(var(--tw-translate-x), .25rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=left\]\:id--translate-x-1[data-side=left] {
	--tw-translate-x: -.25rem;
	transform: translate(-.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=right\]\:id-translate-x-1[data-side=right] {
	--tw-translate-x: .25rem;
	transform: translate(.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=top\]\:id--translate-y-1[data-side=top] {
	--tw-translate-y: -.25rem;
	transform: translate(var(--tw-translate-x), -.25rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=active\]\:id-border-b-2[data-state=active] {
	border-bottom-width: 2px
}

.data-\[state\=active\]\:id-border-b-4[data-state=active] {
	border-bottom-width: 4px
}

.data-\[state\=active\]\:id-border-t-\[3px\][data-state=active] {
	border-top-width: 3px
}

.data-\[state\=active\]\:id-border-b-black[data-state=active] {
	--tw-border-opacity: 1;
	border-bottom-color: #000;
	border-bottom-color: rgba(0, 0, 0, var(--tw-border-opacity, 1))
}

.data-\[state\=active\]\:id-border-t-\[\#FF6A00\][data-state=active] {
	--tw-border-opacity: 1;
	border-top-color: #ff6a00;
	border-top-color: rgba(255, 106, 0, var(--tw-border-opacity, 1))
}

.data-\[state\=active\]\:id-bg-background[data-state=active] {
	background-color: #fff;
	background-color: hsl(var(--background))
}

.data-\[state\=active\]\:id-bg-white[data-state=active] {
	--tw-bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
}

.data-\[state\=open\]\:id-bg-accent[data-state=open] {
	background-color: #f4f4f5;
	background-color: hsl(var(--accent))
}

.data-\[state\=selected\]\:id-bg-muted[data-state=selected] {
	background-color: #f4f4f5;
	background-color: hsl(var(--muted))
}

.data-\[state\=active\]\:id-font-\[700\][data-state=active] {
	font-weight: 700
}

.data-\[state\=active\]\:id-font-semibold[data-state=active] {
	font-weight: 600
}

.data-\[placeholder\]\:id-text-muted-foreground[data-placeholder] {
	color: #71717a;
	color: hsl(var(--muted-foreground))
}

.data-\[state\=active\]\:id-text-black[data-state=active] {
	--tw-text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--tw-text-opacity, 1))
}

.data-\[state\=active\]\:id-text-foreground[data-state=active] {
	color: #09090b;
	color: hsl(var(--foreground))
}

.data-\[disabled\]\:id-opacity-50[data-disabled] {
	opacity: .5
}

.data-\[state\=active\]\:id-shadow-none[data-state=active] {
	--tw-shadow: 0 0 rgba(0, 0, 0, 0);
	--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.data-\[state\=active\]\:id-shadow-sm[data-state=active] {
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.data-\[state\=open\]\:id-animate-in[data-state=open] {
	animation-name: enter;
	animation-duration: .15s;
	--tw-enter-opacity: initial;
	--tw-enter-scale: initial;
	--tw-enter-rotate: initial;
	--tw-enter-translate-x: initial;
	--tw-enter-translate-y: initial
}

.data-\[state\=closed\]\:id-animate-out[data-state=closed] {
	animation-name: exit;
	animation-duration: .15s;
	--tw-exit-opacity: initial;
	--tw-exit-scale: initial;
	--tw-exit-rotate: initial;
	--tw-exit-translate-x: initial;
	--tw-exit-translate-y: initial
}

.data-\[state\=closed\]\:id-fade-out-0[data-state=closed] {
	--tw-exit-opacity: 0
}

.data-\[state\=open\]\:id-fade-in-0[data-state=open] {
	--tw-enter-opacity: 0
}

.data-\[state\=closed\]\:id-zoom-out-95[data-state=closed] {
	--tw-exit-scale: .95
}

.data-\[state\=open\]\:id-zoom-in-95[data-state=open] {
	--tw-enter-scale: .95
}

.data-\[side\=bottom\]\:id-slide-in-from-top-2[data-side=bottom] {
	--tw-enter-translate-y: -.5rem
}

.data-\[side\=left\]\:id-slide-in-from-right-2[data-side=left] {
	--tw-enter-translate-x: .5rem
}

.data-\[side\=right\]\:id-slide-in-from-left-2[data-side=right] {
	--tw-enter-translate-x: -.5rem
}

.data-\[side\=top\]\:id-slide-in-from-bottom-2[data-side=top] {
	--tw-enter-translate-y: .5rem
}

.data-\[state\=closed\]\:id-slide-out-to-left-1\/2[data-state=closed] {
	--tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:id-slide-out-to-top-\[48\%\][data-state=closed] {
	--tw-exit-translate-y: -48%
}

.data-\[state\=open\]\:id-slide-in-from-left-1\/2[data-state=open] {
	--tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:id-slide-in-from-top-\[48\%\][data-state=open] {
	--tw-enter-translate-y: -48%
}

@media (max-width: 1280px) {
	.max-\[1280px\]\:id-w-\[76px\] {
		width: 76px
	}
}

@media (min-width: 1200px) {
	html[dir=ltr] .sm\:id-mr-0 {
		margin-right: 0
	}

	html[dir=rtl] .sm\:id-mr-0 {
		margin-left: 0
	}

	html[dir=ltr] .sm\:id-mr-5 {
		margin-right: 1.25rem
	}

	html[dir=rtl] .sm\:id-mr-5 {
		margin-left: 1.25rem
	}

	html[dir=ltr] .sm\:id-mr-6 {
		margin-right: 1.5rem
	}

	html[dir=rtl] .sm\:id-mr-6 {
		margin-left: 1.5rem
	}

	.sm\:id-h-\[36px\] {
		height: 36px
	}

	.sm\:id-w-\[600px\] {
		width: 600px
	}

	.sm\:id-w-screenSm {
		width: 1200px
	}

	.sm\:id-flex-row {
		flex-direction: row
	}

	.sm\:id-justify-end {
		justify-content: flex-end
	}

	.sm\:id-space-x-2>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0
	}

	html[dir=ltr] .sm\:id-space-x-2>:not([hidden])~:not([hidden]) {
		margin-right: calc(.5rem * var(--tw-space-x-reverse));
		margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
		margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
	}

	html[dir=rtl] .sm\:id-space-x-2>:not([hidden])~:not([hidden]) {
		margin-left: calc(.5rem * var(--tw-space-x-reverse));
		margin-right: calc(.5rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
	}

	.sm\:id-rounded-lg {
		border-radius: .5rem;
		border-radius: var(--radius)
	}

	html[dir=ltr] .sm\:id-text-left {
		text-align: left
	}

	html[dir=rtl] .sm\:id-text-left {
		text-align: right
	}

	.sm\:id-text-\[12px\] {
		font-size: 12px
	}

	.sm\:id-leading-\[36px\] {
		line-height: 36px
	}
}

@media (min-width: 1240px) {
	.md\:id-w-screenMd {
		width: 1240px
	}
}

@media (min-width: 1280px) {
	.min-\[1280px\]\:id-w-\[116px\] {
		width: 116px
	}
}

@media (min-width: 1360px) {
	.min-\[1360px\]\:id-w-\[156px\] {
		width: 156px
	}
}

@media (min-width: 1440px) {
	.lg\:id-w-screenLg {
		width: 1440px
	}

	.id-dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover {
		paint-order: markers
	}
}

.ltr\:id-end-5:where([dir=ltr], [dir=ltr] *) {
	inset-inline-end: 1.25rem
}

.ltr\:id-ms-auto:where([dir=ltr], [dir=ltr] *) {
	margin-inline-start: auto
}

.ltr\:id--translate-x-1\/2:where([dir=ltr], [dir=ltr] *) {
	--tw-translate-x: -50%;
	transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html[dir=ltr] .ltr\:id-text-left:where([dir=ltr], [dir=ltr] *) {
	text-align: left
}

html[dir=rtl] .ltr\:id-text-left:where([dir=ltr], [dir=ltr] *) {
	text-align: right
}

html[dir=ltr] .rtl\:id-left-0:where([dir=rtl], [dir=rtl] *) {
	left: 0
}

html[dir=rtl] .rtl\:id-left-0:where([dir=rtl], [dir=rtl] *) {
	right: 0
}

html[dir=ltr] .rtl\:id-left-auto:where([dir=rtl], [dir=rtl] *) {
	left: auto
}

html[dir=rtl] .rtl\:id-left-auto:where([dir=rtl], [dir=rtl] *) {
	right: auto
}

html[dir=ltr] .rtl\:id-right-6:where([dir=rtl], [dir=rtl] *) {
	right: 1.5rem
}

html[dir=rtl] .rtl\:id-right-6:where([dir=rtl], [dir=rtl] *) {
	left: 1.5rem
}

html[dir=ltr] .rtl\:id-right-\[50\%\]:where([dir=rtl], [dir=rtl] *) {
	right: 50%
}

html[dir=rtl] .rtl\:id-right-\[50\%\]:where([dir=rtl], [dir=rtl] *) {
	left: 50%
}

.rtl\:id-start-5:where([dir=rtl], [dir=rtl] *) {
	inset-inline-start: 1.25rem
}

.rtl\:id-mx-auto:where([dir=rtl], [dir=rtl] *) {
	margin-left: auto;
	margin-right: auto
}

.rtl\:id-me-auto:where([dir=rtl], [dir=rtl] *) {
	margin-inline-end: auto
}

html[dir=ltr] .rtl\:id-mr-1:where([dir=rtl], [dir=rtl] *) {
	margin-right: .25rem
}

html[dir=rtl] .rtl\:id-mr-1:where([dir=rtl], [dir=rtl] *) {
	margin-left: .25rem
}

html[dir=ltr] .rtl\:id-mr-3:where([dir=rtl], [dir=rtl] *) {
	margin-right: .75rem
}

html[dir=rtl] .rtl\:id-mr-3:where([dir=rtl], [dir=rtl] *) {
	margin-left: .75rem
}

html[dir=ltr] .rtl\:id-mr-\[10px\]:where([dir=rtl], [dir=rtl] *) {
	margin-right: 10px
}

html[dir=rtl] .rtl\:id-mr-\[10px\]:where([dir=rtl], [dir=rtl] *) {
	margin-left: 10px
}

.rtl\:id-translate-x-1\/2:where([dir=rtl], [dir=rtl] *) {
	--tw-translate-x: 50%;
	transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:id-rotate-180:where([dir=rtl], [dir=rtl] *) {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:id-scale-x-\[-1\]:where([dir=rtl], [dir=rtl] *) {
	--tw-scale-x: -1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html[dir=ltr] .rtl\:id-text-left:where([dir=rtl], [dir=rtl] *) {
	text-align: left
}

html[dir=rtl] .rtl\:id-text-left:where([dir=rtl], [dir=rtl] *) {
	text-align: right
}

html[dir=ltr] .\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role=checkbox]) {
	padding-right: 0
}

html[dir=rtl] .\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role=checkbox]) {
	padding-left: 0
}

html[dir=ltr] .\[\&\:not\(\:first-child\)\]\:id-border-l-\[0\.5px\]:not(:first-child) {
	border-left-width: .5px
}

html[dir=rtl] .\[\&\:not\(\:first-child\)\]\:id-border-l-\[0\.5px\]:not(:first-child) {
	border-right-width: .5px
}

html[dir=ltr] .\[\&\:not\(\:last-child\)\]\:id-border-r-\[0\.5px\]:not(:last-child) {
	border-right-width: .5px
}

html[dir=rtl] .\[\&\:not\(\:last-child\)\]\:id-border-r-\[0\.5px\]:not(:last-child) {
	border-left-width: .5px
}

.\[\&\>\.highlight-dot\]\:id-size-\[5px\]>.highlight-dot {
	width: 5px;
	height: 5px
}

.\[\&\>\.highlight-dot\]\:id-shrink-0>.highlight-dot {
	flex-shrink: 0
}

.\[\&\>\.highlight-dot\]\:id-translate-y-\[10\.5px\]>.highlight-dot {
	--tw-translate-y: 10.5px;
	transform: translate(var(--tw-translate-x), 10.5px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\>\.highlight-dot\]\:id-rounded-full>.highlight-dot {
	border-radius: 9999px
}

.\[\&\>\.highlight-dot\]\:id-bg-\[\#222\]>.highlight-dot {
	--tw-bg-opacity: 1;
	background-color: #222;
	background-color: rgba(34, 34, 34, var(--tw-bg-opacity, 1))
}

.\[\&\>b\]\:id-font-semibold>b {
	font-weight: 600
}

.\[\&\>div\]\:id-mt-4>div {
	margin-top: 1rem
}

.\[\&\>div\]\:id-table-cell>div {
	display: table-cell
}

.\[\&\>div\]\:id-border-\[1px\]>div {
	border-width: 1px
}

.\[\&\>div\]\:id-border-solid>div {
	border-style: solid
}

.\[\&\>div\]\:id-border-\[\#ddd\]>div {
	--tw-border-opacity: 1;
	border-color: #ddd;
	border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1))
}

.\[\&\>div\]\:id-p-4>div {
	padding: 1rem
}

.\[\&\>div\]\:id-px-4>div {
	padding-left: 1rem;
	padding-right: 1rem
}

.\[\&\>div\]\:id-py-\[6px\]>div {
	padding-top: 6px;
	padding-bottom: 6px
}

.\[\&\>div\]\:id-leading-\[18px\]>div {
	line-height: 18px
}

.\[\&\>img\]\:\!id-mx-auto>img {
	margin-left: auto !important;
	margin-right: auto !important
}

.\[\&\>img\]\:id-mb-0\.5>img {
	margin-bottom: .125rem
}

.\[\&\>img\]\:id-mb-2>img {
	margin-bottom: .5rem
}

.\[\&\>img\]\:id-mb-\[3px\]>img {
	margin-bottom: 3px
}

.\[\&\>img\]\:id-inline-block>img {
	display: inline-block
}

.\[\&\>img\]\:id-size-4>img {
	width: 1rem;
	height: 1rem
}

.\[\&\>img\]\:id-size-\[12px\]>img {
	width: 12px;
	height: 12px
}

.\[\&\>img\]\:id-size-\[14px\]>img {
	width: 14px;
	height: 14px
}

.\[\&\>img\]\:\!id-h-full>img {
	height: 100% !important
}

.\[\&\>img\]\:\!id-w-auto>img {
	width: auto !important
}

.\[\&\>span\]\:id-mt-4>span {
	margin-top: 1rem
}

.\[\&\>span\]\:id-line-clamp-1>span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.\[\&\>span\]\:id-block>span {
	display: block
}

.\[\&\>span\]\:id-w-full>span {
	width: 100%
}

.\[\&\>svg\]\:id-size-3\.5>svg {
	width: .875rem;
	height: .875rem
}

.\[\&\>svg\]\:id-size-6>svg {
	width: 1.5rem;
	height: 1.5rem
}

.\[\&\>tr\]\:last\:id-border-b-0:last-child>tr {
	border-bottom-width: 0px
}

.\[\&\>u\]\:id-no-underline>u {
	text-decoration-line: none
}

.\[\&_\.chatbox-tip\]\:id-mx-0 .chatbox-tip {
	margin-left: 0;
	margin-right: 0
}

.\[\&_\.chatbox-tip\]\:id-mb-0 .chatbox-tip {
	margin-bottom: 0
}

.\[\&_img\]\:id-mx-1 img {
	margin-left: .25rem;
	margin-right: .25rem
}

.\[\&_img\]\:id-ms-1 img {
	margin-inline-start: .25rem
}

.\[\&_img\]\:id-inline-block img {
	display: inline-block
}

.\[\&_img\]\:id-inline img {
	display: inline
}

.\[\&_img\]\:id-h-4 img {
	height: 1rem
}

.\[\&_img\]\:id-h-\[12px\] img {
	height: 12px
}

.\[\&_img\]\:id-w-auto img {
	width: auto
}

.\[\&_img\]\:id-align-baseline img {
	vertical-align: baseline
}

.\[\&_img\]\:id-align-bottom img {
	vertical-align: bottom
}

.\[\&_img\]\:id-align-text-bottom img {
	vertical-align: text-bottom
}

.\[\&_span\]\:id-inline-block span {
	display: inline-block
}

.\[\&_svg\]\:id-size-3 svg {
	width: .75rem;
	height: .75rem
}

.\[\&_svg\]\:id-size-\[14px\] svg {
	width: 14px;
	height: 14px
}

.\[\&_tr\:last-child\]\:id-border-0 tr:last-child {
	border-width: 0px
}

.\[\&_tr\]\:id-border-b tr {
	border-bottom-width: 1px
}

.sticky .\[\.sticky_\&\]\:id-border-t {
	border-top-width: 1px
}

.sticky .\[\.sticky_\&\]\:id-pb-5 {
	padding-bottom: 1.25rem
}

.sticky .\[\.sticky_\&\]\:id-pt-5 {
	padding-top: 1.25rem
}

.sticky .\[\.sticky_\&\]\:id-pt-\[14px\] {
	padding-top: 14px
}

/* end style 41 */
/* start style 42 */
.detail-symbol {
	width: 1em;
	height: 1em;
	font-size: 26px
}

.loading-container {
	position: absolute;
	text-align: center;
	display: block;
	z-index: 10;
	width: 100%;
	height: 100%
}

.loading-container .loading-masker-container {
	filter: blur(1px);
	position: relative;
	pointer-events: none;
	width: 100%;
	height: 100%
}

.loading-container .loading-masker {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .4;
	z-index: 99;
	background-color: #fff
}

.loading-container .loading-indicator-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.loading-container .loading-indicator-container .loading-indicator {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 48px;
	height: 48px;
	animation-duration: 5.6s;
	animation-timing-function: linear;
	animation-name: vectorRoute;
	animation-iteration-count: infinite;
	top: 50%
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ff6a00;
	animation-duration: 1.4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	margin: auto
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
	top: 0;
	bottom: 0;
	left: 0;
	animation-name: vectorDotsX
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
	left: 0;
	right: 0;
	animation-name: vectorDotsY;
	opacity: .8
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
	top: 0;
	bottom: 0;
	right: 0;
	animation-name: vectorDotsXR;
	opacity: .6
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
	left: 0;
	right: 0;
	bottom: 0;
	animation-name: vectorDotsYR;
	opacity: .2
}

@keyframes vectorRoute {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(90deg)
	}

	25% {
		transform: rotate(90deg)
	}

	30% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(180deg)
	}

	55% {
		transform: rotate(270deg)
	}

	75% {
		transform: rotate(270deg)
	}

	80% {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes vectorDotsX {
	25% {
		left: 0
	}

	45%,
	50% {
		left: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		left: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsY {
	25% {
		top: 0
	}

	45%,
	50% {
		top: 16.8px;
		height: calc(12px * 1.2);
		width: calc(12px * 1.2)
	}

	90% {
		top: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsXR {
	25% {
		right: 0
	}

	45%,
	50% {
		right: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		right: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsYR {
	25% {
		bottom: 0
	}

	45%,
	50% {
		bottom: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		bottom: 0;
		height: 12px;
		width: 12px
	}
}

#the-new-header {
	margin-bottom: 10px
}

#the-new-header.tnh-fixed .sub-menu-layout {
	display: flex;
	flex-direction: row;
	gap: 40px;
	margin: 0 auto;
	padding: 0 40px;
	min-width: 1240px;
	max-width: 1600px
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item {
	display: inline-block;
	position: relative;
	transition: color .3s;
	border-bottom: 4px solid #fff;
	color: #222;
	font-size: 14px;
	line-height: 36px;
	-webkit-text-decoration: none;
	text-decoration: none
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
	position: absolute;
	bottom: 0;
	transition: width .3s, transform .3s;
	background: #222;
	width: 0;
	height: 3px;
	content: ""
}

html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
	left: 50%;
	transform: translate(-50%)
}

html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
	right: 50%;
	transform: translate(50%)
}

html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
	right: 50%;
	transform: translate(50%)
}

html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
	left: 50%;
	transform: translate(-50%)
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover {
	-webkit-text-decoration: none;
	text-decoration: none
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover:after {
	width: 100%
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:before {
	width: 100%
}

.icbu-buyer-pc-top-banner:empty {
	display: none
}

/* end style 42 */
/* start style 43 */
.detail-symbol {
	width: 1em;
	height: 1em;
	font-size: 26px
}

.loading-container {
	position: absolute;
	text-align: center;
	display: block;
	z-index: 10;
	width: 100%;
	height: 100%
}

.loading-container .loading-masker-container {
	filter: blur(1px);
	position: relative;
	pointer-events: none;
	width: 100%;
	height: 100%
}

.loading-container .loading-masker {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .4;
	z-index: 99;
	background-color: #fff
}

.loading-container .loading-indicator-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.loading-container .loading-indicator-container .loading-indicator {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 48px;
	height: 48px;
	animation-duration: 5.6s;
	animation-timing-function: linear;
	animation-name: vectorRoute;
	animation-iteration-count: infinite;
	top: 50%
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ff6a00;
	animation-duration: 1.4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	margin: auto
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
	top: 0;
	bottom: 0;
	left: 0;
	animation-name: vectorDotsX
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
	left: 0;
	right: 0;
	animation-name: vectorDotsY;
	opacity: .8
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
	top: 0;
	bottom: 0;
	right: 0;
	animation-name: vectorDotsXR;
	opacity: .6
}

.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
	left: 0;
	right: 0;
	bottom: 0;
	animation-name: vectorDotsYR;
	opacity: .2
}

@keyframes vectorRoute {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(90deg)
	}

	25% {
		transform: rotate(90deg)
	}

	30% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(180deg)
	}

	55% {
		transform: rotate(270deg)
	}

	75% {
		transform: rotate(270deg)
	}

	80% {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes vectorDotsX {
	25% {
		left: 0
	}

	45%,
	50% {
		left: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		left: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsY {
	25% {
		top: 0
	}

	45%,
	50% {
		top: 16.8px;
		height: calc(12px * 1.2);
		width: calc(12px * 1.2)
	}

	90% {
		top: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsXR {
	25% {
		right: 0
	}

	45%,
	50% {
		right: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		right: 0;
		height: 12px;
		width: 12px
	}
}

@keyframes vectorDotsYR {
	25% {
		bottom: 0
	}

	45%,
	50% {
		bottom: 16.8px;
		width: calc(12px * 1.2);
		height: calc(12px * 1.2)
	}

	90% {
		bottom: 0;
		height: 12px;
		width: 12px
	}
}

#the-new-header {
	margin-bottom: 10px
}

#the-new-header.tnh-fixed .sub-menu-layout {
	display: flex;
	flex-direction: row;
	gap: 40px;
	margin: 0 auto;
	padding: 0 40px;
	min-width: 1240px;
	max-width: 1600px
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item {
	display: inline-block;
	position: relative;
	transition: color .3s;
	border-bottom: 4px solid #fff;
	color: #222;
	font-size: 14px;
	line-height: 36px;
	-webkit-text-decoration: none;
	text-decoration: none
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
	position: absolute;
	bottom: 0;
	transition: width .3s, transform .3s;
	background: #222;
	width: 0;
	height: 3px;
	content: ""
}

html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
	left: 50%;
	transform: translate(-50%)
}

html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
	right: 50%;
	transform: translate(50%)
}

html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
	right: 50%;
	transform: translate(50%)
}

html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
	left: 50%;
	transform: translate(-50%)
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover {
	-webkit-text-decoration: none;
	text-decoration: none
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover:after {
	width: 100%
}

#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:before {
	width: 100%
}

.icbu-buyer-pc-top-banner:empty {
	display: none
}
/* end style 43 */