html[theme=default] {
    --theme-color-default: #ffffff;
    --theme-text-color: #000000;
    --theme-main-color: #4654cc;
    --theme-minor-color: #38419e;
    --theme-success-color: #00B749;
    --theme-color-strict: #737682;
    --theme-color-attention: #f44224;
    --theme-color-good: #ffac47;
    --theme-color-rating: #ffac47;
    --theme-color-rating-empty: #bec9d1;
    --theme-color-substrate: #3956730d;
    --theme-color-components: #d1dde5;
    --theme-color-components-hover: #a8b4bd;
    --theme-color-icon: #8c959c;
    --theme-color-icon-hover: #8c959c;
    --theme-color-border: #e4ebf0;
    --theme-color-block: #f2f5f7;
    --theme-color-block-hover: #e4ebf0;
    --theme-color-footer: #f2f5f7;
    --theme-color-footer-text: #6C6E7A;
    --theme-color-layer-001: #7557d6;
    --theme-color-layer-002: #005bff;
    --theme-color-layer-003: #e4f5ec;
    --theme-color-layer-004: #228644;
    --theme-color-layer-005: #08a652;
    --theme-color-overlay: #00000090;
    --theme-color-blur: #00000050;
    --theme-bg-start: rgba(1, 136, 253, 1);
    --theme-bg-middle: rgba(0, 59, 255, 1);
    --theme-bg-end: rgba(0, 31, 170, 1);
    --theme-color-shadow: #08090a14;
    --theme-color-warning: #fffae8;
    --theme-bar-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    --theme-bar-container: rgba(24, 21, 20, 0.8);







  /* root discharge */
    --theme-shadow-01: 0 2px 8px 0 var(--theme-color-shadow);
    --theme-shadow-02: 0 6px 12px 0 var(--theme-color-shadow);
    --theme-shadow-03: 0 8px 24px 0 var(--theme-color-shadow);
    --theme-shadow-04: 0 12px 48px 0 var(--theme-color-shadow);
    --theme-shadow-05: 0 16px 64px 0 var(--theme-color-shadow);
  /* root discharge */
    --theme-modal-start: overlay-modal-start .2s ease 1 forwards;
    --theme-modal-end: overlay-modal-end .2s ease 1 forwards;
  /* root discharge */
    --theme-menu-start-section-main: menu-start-section-main .2s ease 1 forwards;
    --theme-menu-start-section-sub: menu-start-section-sub .2s ease 1 forwards;
    --theme-menu-close-animation: menu-close-animation .2s ease 1 forwards;
    --theme-animation-shadow: box-shadow .2s ease;
    --theme-animation-overlay: overlay-animation .2s ease 1 forwards;
    --theme-animation-overlay-end: overlay-animation-end .2s ease 1 forwards;
    --theme-animation-bounce-in: bounce-in .6s ease 1 forwards;
}









:root {
    --theme-min-container: 1024px;
    --theme-font-family: 'mlbase-sans', -apple-system,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;
    --theme-letter-spacing: -0.2px;
    --theme-font-size: 14px;
    --theme-font-size-h1: 32px;
    --theme-font-size-h2: 28px;
    --theme-font-size-h3: 24px;
    --theme-font-size-h4: 20px;
    --theme-font-size-h5: 18px;
    --theme-font-size-h6: 16px;



}


:root {
    --theme-gap-layer: 5px;
    --theme-gap-layer-01: calc(var(--theme-gap-layer) * 1);
    --theme-gap-layer-02: calc(var(--theme-gap-layer) * 2);
    --theme-gap-layer-03: calc(var(--theme-gap-layer) * 3);
    --theme-gap-layer-04: calc(var(--theme-gap-layer) * 4);
    --theme-gap-layer-05: calc(var(--theme-gap-layer) * 5);
    --theme-gap-layer-06: calc(var(--theme-gap-layer) * 6);
    --theme-gap-layer-07: calc(var(--theme-gap-layer) * 7);
    --theme-gap-layer-08: calc(var(--theme-gap-layer) * 8);
    --theme-gap-layer-09: calc(var(--theme-gap-layer) * 9);
    --theme-gap-layer-10: calc(var(--theme-gap-layer) * 10);
    --theme-gap-layer-11: calc(var(--theme-gap-layer) * 11);
    --theme-gap-layer-12: calc(var(--theme-gap-layer) * 12);
    --theme-gap-layer-13: calc(var(--theme-gap-layer) * 13);
    --theme-gap-layer-14: calc(var(--theme-gap-layer) * 14);
    --theme-gap-layer-15: calc(var(--theme-gap-layer) * 15);
    --theme-gap-layer-16: calc(var(--theme-gap-layer) * 16);
    --theme-gap-layer-17: calc(var(--theme-gap-layer) * 17);
    --theme-gap-layer-18: calc(var(--theme-gap-layer) * 18);
    --theme-gap-layer-19: calc(var(--theme-gap-layer) * 19);
    --theme-gap-layer-20: calc(var(--theme-gap-layer) * 20);
}


:root {
    --theme-modal-large: 560px;
    --theme-modal-medium: 460px;
    --theme-modal-small: 380px;
}


:root {
    --theme-border-radius-extra-small: 4px;
    --theme-border-radius-small: 8px;
    --theme-border-radius-normal: 12px;
    --theme-border-radius-medium: 24px;
    --theme-border-radius-large: 100px;
}


:root {
    --theme-default-animation: .2s ease;
    --theme-product-title-webkit-line: 4;

}






















.animation-img {
	opacity: 0;
    transition: opacity .2s ease;
}

.animation-img.lazyloaded, .animation-img.ls-is-cached {
	opacity: 1;
}








@keyframes overlay-animation {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: var(--theme-color-overlay);
	}
}

@keyframes overlay-animation-end {
	0% {
		background-color: var(--theme-color-overlay);
	}

	100% {
		background-color: transparent;
	}
}

@keyframes overlay-modal-start {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes overlay-modal-end {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


@keyframes bounce-in {
	0% {
		transform: scale(1);
	}

	20% {
		transform: scale(1.3);
	}

	30% {
		transform: scale(1.2);
	}

	40% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.2);
	}
}



@keyframes loader-animation {
	0% {
		transform: translate(0);
	}

	16% {
		transform: translateY(-150%);
	}

	33% {
		transform: translate(0);
	}

	100% {
		transform: translate(0);
	}
}


@keyframes menu-start-section-main {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}


@keyframes menu-start-section-sub {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}


@keyframes menu-close-animation {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}











html {
	font-family: var(--theme-font-family, 'mlbase-sans', -apple-system, Arial, "Helvetica Neue", "Noto Sans", Roboto, sans-serif);
	font-size: var(--theme-font-size, 14px);
	letter-spacing: var(--theme-letter-spacing, -0.2px);
	color: var(--theme-text-color, #000000);
	background: var(--theme-color-default, #ffffff);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-weight: 400;
}

*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}





[data-template="indent"] {
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	font-weight: bold;
}

h1 {
	font-size: var(--theme-font-size-h1, 32px);
}

h2 {
	font-size: var(--theme-font-size-h2, 28px);
}

h6 {
	font-size: var(--theme-font-size-h6, 16px);
}

b, strong {
	font-weight: bold;
}

a {
	color: inherit;
	text-decoration: none;
    transition: color .2s ease;
}

a:hover, a:focus {
	color: var(--theme-main-color, #0000FF);
}

blockquote {
	border: 2px solid var(--theme-color-border, #808080);
	border-left: none;
	border-right: none;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
	margin: 55px 0 50px;
	padding: 30px 80px;
	text-align: center;
	font-family: var(--theme-font-family, 'mlbase-sans', -apple-system, Arial, "Helvetica Neue", "Noto Sans", Roboto, sans-serif);
	letter-spacing: normal;
}

blockquote footer {
	color: var(--theme-color-strict, #808080);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.33;
	margin-top: 20px;
	padding: 0 130px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

mark {
	background: var(--theme-color-good, #ffa500);
	color: var(--theme-color-default, #ffffff);
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	word-wrap: break-word;
	white-space: pre-wrap;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dd {
	margin-left: 40px;
}

nav ol, nav ul, ul {
	list-style: none;
}

img {
	border: none;
	-ms-interpolation-mode: bicubic;
	user-drag: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	height: auto;
	max-width: 100%;
	outline: none;
}

svg:not(:root) {
	overflow: hidden;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: inherit;
	color: inherit;
	background: transparent;
	margin: 0;
	vertical-align: baseline;
	border-radius: 0;
	-webkit-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	outline: none;
	letter-spacing: var(--theme-letter-spacing, -0.2px);
	font-weight: 400;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	border: none;
	cursor: pointer;
}

button[disabled], input[disabled] {
	cursor: default;
	background: transparent;
}

input[type="search"] {
	appearance: textfield;
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	appearance: none;
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
	border-top: 1px solid currentColor;
	margin: 1em 0;
	opacity: .2;
}

::placeholder {
	color: var(--theme-color-strict, #808080);
}

input:focus::placeholder {
	color: var(--theme-color-default, #ffffff);
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: currentColor;
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: 0 0 0px 1000px transparent inset;
}

input::-webkit-autofill-button {
	display: none;
	pointer-events: none;
	position: absolute;
	right: 0;
	visibility: hidden;
}

input::-ms-clear, input::-ms-reveal {
	display: none;
}

:where(a, button, [role="button"], input, select, textarea):focus-visible {
	outline: 0px solid currentColor;
	outline-offset: 0px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .001ms;
		animation-iteration-count: 1;
		transition-duration: .001ms;
		scroll-behavior: auto;
	}
}

.layout-default {
	display: flex;
	flex-direction: column;
	min-height: calc(var(--vh, 1vh) * 100);
	min-width: var(--screen);
}

header {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	background:#ffffff;
	z-index:1001;
}


.container {
	max-width: var(--theme-container, var(--theme-min-container, 1024px));
	padding: 0 var(--theme-container-padding, 40px);
	margin: 0 auto;
}


.usn {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.full {
	position: relative;
	width: 100%;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color-overlay, #00000090);
	animation: var(--theme-animation-overlay, overlay-animation .2s ease 1 forwards);
	z-index: 20;
}

.scrollbar {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--theme-color-components, #d1dde5) transparent;
}

.scrollbar:hover, .scrollbar:focus, .scrollbar:active {
	scrollbar-color: var(--theme-color-components-hover, #a8b4bd) transparent;
}

main {
	flex-grow: 1;
	padding-top: var(--theme-gap-layer-06, 30px);
}

footer {
	position: relative;
	padding-top: var(--theme-gap-layer-10, 50px);
	background: var(--theme-color-footer, #f2f2f2);
	margin-top: var(--theme-gap-layer-20, 100px);
}

.svg-icon {
	fill: currentColor;
	display: inline-block;
	position: relative;
	vertical-align: top;
}