@charset "UTF-8";
/*sass-lint:disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

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

/**
 * Asset URL builder
 *
 * @param {String} $type - Asset type, matching folder name
 * @param {String} $file - Asset file name, including extension
 *
 * @return {URL} - A `url()` function leading to the asset
 */
/*
 * Font asset helper
 * @access public
 * @param {String} $file - Asset file name, including extension
 * @return {URL} - A `url()` function leading to the font
 * @require {function} asset
 */
/*
 * Get Font weight
 *
 * @param {String} $weight - The name of the weight you need
 *
 * @return {Number} - The CSS based font weight on the name
 */
/**
 * Z-Index function
 *
 * @param {string} $list (Array) - The list to find the current z-index in
 * @param {string} $element (String) - The name of the current element, must be in the $list
 *
 * @returns {number}
 */
/**
 * Get EM size of a value based on a base size
 *
 * @param {Number} $value - The value you need the EM value from
 * @param {Number} $base - The base value where the $value is calculated upon
 *
 * @return {EM Value} - The EM value based on $value and $base
 */
/**
 * Font Face
 *
 * @param {string} $fontName - Name of the font
 * @param {string} $folderName - Subfolder inside the fonts folder
 * @param {string} $fileName - Name of the font-file
 * @param {string} $fontWeight (normal) - Font weight value
 * @param {string} $fontStyle (normal) - Font style value
 */
/**
 * Respond To (Breakpoint)
 *
 * @param {string} $name - Name of the breakpoint used in $breakpoints
 */
/**
 * Aspect ratio, create a :before pseudo element for setting an aspect ratio on an element
 *
 * @param {number} $width (1) - Percentage width
 * @param {number} $height ($width) - Percentage height
 * @param {boolean} $relative (true) - Add relative position to element
 */
/**
 * Hover Mixin for applying :hover pseudo styles
 *
 * Add your own implementation for showing hovers
 * Example using Modernizr touch check: html.no-touch &:hover { @content; }
 * Leaving it to just :hover by default. But best practice to always use the mixin
 *
 * @param $extraSelector:string (optional) = an extra selector that can have the same styles as a hover (for mobile/active state)
 */
/**
 * Offset
 *
 * @param {number} $top (0) - Top Offset
 * @param {number} $left (0) - Left Offset
 */
/**
 * Position mixin for setting absolute position values
 *
 * The mixin can have multiple arguments providing a number
 * @param {number} $top (0) - Top Position
 * @param {number} $right ($top) - Right Position
 * @param {number} $bottom ($top) - Bottom Position
 * @param {number} $left ($right) - Left Position
 *
 * Or a map of multiple positions
 * @param {map} $args... - A map containing multiple positions (top: 1px, left: 1px)
 */
/**
 * Set pseudo elements styles that are used mostly (content, display, position)
 *
 * @param {display} $display (block)
 * @param {position} $position (absolute)
 * @param {string} $content ('')
 */
/**
 * Size an Element
 *
 * @param {number} $width (1em) - Width of the element
 * @param {number} $height ($width) - Height of the element
 */
/* Globally available project specific mixins, functions and variables */
/*
 * This is a globally available SCSS project file.
 * It contains project specific utilities (variables, mixins, functions) that don't! output CSS by default.
 * We use it to be imported in a webpack loader to avoid having to import these in each separate file.
 *
 * This file is used next to "seng-scss" which is imported globally as well and contain the default mixins/vars/functions
 */
/**
 * Asset URL builder
 *
 * @param {String} $type - Asset type, matching folder name
 * @param {String} $file - Asset file name, including extension
 *
 * @return {URL} - A `url()` function leading to the asset
 */
/*
 * Font asset helper
 * @access public
 * @param {String} $file - Asset file name, including extension
 * @return {URL} - A `url()` function leading to the font
 * @require {function} asset
 */
/*
 * Get Font weight
 *
 * @param {String} $weight - The name of the weight you need
 *
 * @return {Number} - The CSS based font weight on the name
 */
/**
 * Z-Index function
 *
 * @param {string} $list (Array) - The list to find the current z-index in
 * @param {string} $element (String) - The name of the current element, must be in the $list
 *
 * @returns {number}
 */
/**
 * Get EM size of a value based on a base size
 *
 * @param {Number} $value - The value you need the EM value from
 * @param {Number} $base - The base value where the $value is calculated upon
 *
 * @return {EM Value} - The EM value based on $value and $base
 */
/**
 * Font Face
 *
 * @param {string} $fontName - Name of the font
 * @param {string} $folderName - Subfolder inside the fonts folder
 * @param {string} $fileName - Name of the font-file
 * @param {string} $fontWeight (normal) - Font weight value
 * @param {string} $fontStyle (normal) - Font style value
 */
/**
 * Respond To (Breakpoint)
 *
 * @param {string} $name - Name of the breakpoint used in $breakpoints
 */
/**
 * Aspect ratio, create a :before pseudo element for setting an aspect ratio on an element
 *
 * @param {number} $width (1) - Percentage width
 * @param {number} $height ($width) - Percentage height
 * @param {boolean} $relative (true) - Add relative position to element
 */
/**
 * Hover Mixin for applying :hover pseudo styles
 *
 * Add your own implementation for showing hovers
 * Example using Modernizr touch check: html.no-touch &:hover { @content; }
 * Leaving it to just :hover by default. But best practice to always use the mixin
 *
 * @param $extraSelector:string (optional) = an extra selector that can have the same styles as a hover (for mobile/active state)
 */
/**
 * Offset
 *
 * @param {number} $top (0) - Top Offset
 * @param {number} $left (0) - Left Offset
 */
/**
 * Position mixin for setting absolute position values
 *
 * The mixin can have multiple arguments providing a number
 * @param {number} $top (0) - Top Position
 * @param {number} $right ($top) - Right Position
 * @param {number} $bottom ($top) - Bottom Position
 * @param {number} $left ($right) - Left Position
 *
 * Or a map of multiple positions
 * @param {map} $args... - A map containing multiple positions (top: 1px, left: 1px)
 */
/**
 * Set pseudo elements styles that are used mostly (content, display, position)
 *
 * @param {display} $display (block)
 * @param {position} $position (absolute)
 * @param {string} $content ('')
 */
/**
 * Size an Element
 *
 * @param {number} $width (1em) - Width of the element
 * @param {number} $height ($width) - Height of the element
 */
.abs-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.abs-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.fit-contain {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	position: absolute;
	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
	font-family: 'object-fit: contain;';
}

.fit-cover {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
	font-family: 'object-fit: cover;';
}

@font-face {
	font-family: 'svgicons';
	src: url("../fonts/svgicons.woff2") format("woff2"), url("../fonts/svgicons.woff") format("woff");
}

.font-ico-arrow-down:before, .font-ico-arrow-right:before, .font-ico-chevron-down:before, .font-ico-cross:before, .font-ico-download:before, .font-ico-external-link:before, .font-ico-filter:before, .font-ico-globe:before, .font-ico-maximize:before, .font-ico-minimize:before, .font-ico-minus:before, .font-ico-mobile-burger:before, .font-ico-pause:before, .font-ico-play:before, .font-ico-plus:before, .font-ico-search:before, .font-ico-sound-off:before, .font-ico-sound-on:before, .font-ico-tick:before, .font-ico-wechat:before {
	font-family: 'svgicons';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	display: block;
	line-height: 1;
}

[class*='font-ico'] {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
}

.font-ico-arrow-down:before {
	content: "";
}

.font-ico-arrow-right:before {
	content: "";
}

.font-ico-chevron-down:before {
	content: "";
}

.font-ico-cross:before {
	content: "";
}

.font-ico-download:before {
	content: "";
}

.font-ico-external-link:before {
	content: "";
}

.font-ico-filter:before {
	content: "";
}

.font-ico-globe:before {
	content: "";
}

.font-ico-maximize:before {
	content: "";
}

.font-ico-minimize:before {
	content: "";
}

.font-ico-minus:before {
	content: "";
}

.font-ico-mobile-burger:before {
	content: "";
}

.font-ico-pause:before {
	content: "";
}

.font-ico-play:before {
	content: "";
}

.font-ico-plus:before {
	content: "";
}

.font-ico-search:before {
	content: "";
}

.font-ico-sound-off:before {
	content: "";
}

.font-ico-sound-on:before {
	content: "";
}

.font-ico-tick:before {
	content: "";
}

.font-ico-wechat:before {
	content: "";
}

button,
input[type='button'],
input[type='submit'] {
	font-family: "Microsoft Yahei", "Pingfang", sans-serif;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 0;
}

a,
button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	text-decoration: none;
}

.primary-button, .tertiary-button__icon {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(23, 23, 23, 0.8);
	height: 48px;
	min-width: 48px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	border-radius: 10px;
	-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes arrowAnimation {
	16.65% {
		-webkit-transform: translateX(6px);
		        transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@keyframes arrowAnimation {
	16.65% {
		-webkit-transform: translateX(6px);
		        transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

.primary-button [class*='font-ico'], .tertiary-button__icon [class*='font-ico'] {
	position: relative;
	color: #fff;
	margin: 0 13px;
}

.primary-button span:not([class*='font-ico']), .tertiary-button__icon span:not([class*='font-ico']) {
	position: relative;
	font-size: 12px;
	font-weight: 400;
	padding: 0 14px 0 16px;
}

.is-hover .primary-button, .is-hover .tertiary-button__icon {
	background-color: #d9261c;
}

.is-hover .primary-button .font-ico-arrow-right, .is-hover .tertiary-button__icon .font-ico-arrow-right {
	-webkit-animation: arrowAnimation 1.2s ease-in-out;
	        animation: arrowAnimation 1.2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.primary-button:hover, .tertiary-button__icon:hover {
	background-color: #d9261c;
}

.primary-button:hover .font-ico-arrow-right, .tertiary-button__icon:hover .font-ico-arrow-right {
	-webkit-animation: arrowAnimation 1.2s ease-in-out;
	        animation: arrowAnimation 1.2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.primary-button--disabled {
	background-color: #c7c8cb;
}

.primary-button--on-dark, .tertiary-button--on-dark.tertiary-button__icon {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(255, 255, 255, 0.2);
}

.is-hover .primary-button--on-dark, .is-hover .tertiary-button--on-dark.tertiary-button__icon {
	background-color: #bd1e0f;
}

.primary-button--on-dark:hover, .tertiary-button--on-dark.tertiary-button__icon:hover {
	background-color: #bd1e0f;
}

.primary-button--on-dark:active, .tertiary-button--on-dark.tertiary-button__icon:active {
	background-color: #8e160b;
}

.primary-button--on-dark.primary-button--disabled, .primary-button--disabled.tertiary-button--on-dark.tertiary-button__icon {
	background-color: #454545;
}

.primary-button--highlight {
	background-color: #d9261c;
}

.is-hover .primary-button--highlight {
	background-color: #bd1e0f;
}

.primary-button--highlight:hover {
	background-color: #bd1e0f;
}

.primary-button--highlight:active {
	background-color: #8e160b;
}

.primary-button--highlight.primary-button--disabled {
	background-color: #c7c8cb;
}

@media (min-width: 768px) {
	.primary-button, .tertiary-button__icon {
		height: 56px;
		min-width: 56px;
		position: relative;
	}
	.primary-button::before, .tertiary-button__icon::before {
		content: "";
		display: "";
		position: absolute;
		height: 100%;
		width: 100%;
		border: 2px solid #d2e8f5;
		border-radius: 10px;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	.primary-button.focus-visible, .focus-visible.tertiary-button__icon {
		outline: none;
		background-color: #d9261c;
	}
	.primary-button.focus-visible::before, .focus-visible.tertiary-button__icon::before {
		opacity: 1;
	}
	.primary-button [class*='font-ico'], .tertiary-button__icon [class*='font-ico'] {
		position: relative;
		color: #fff;
		margin: 0 16px;
	}
	.primary-button span:not([class*='font-ico']), .tertiary-button__icon span:not([class*='font-ico']) {
		font-size: 14px;
		padding: 0 18px 0 24px;
	}
}

.secondary-button {
	position: relative;
	height: 40px;
	min-width: 40px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #454545;
	-webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s ease;
	transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s ease;
}

.secondary-button::before {
	content: "";
	display: "";
	position: absolute;
	height: 100%;
	width: 100%;
	border: 2px solid #d2e8f5;
	border-radius: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.secondary-button [class*='font-ico'] {
	position: relative;
	color: #666;
	margin: 0 7px;
}

.is-hover .secondary-button {
	border-color: #454545;
}

.secondary-button:hover {
	border-color: #454545;
}

.secondary-button.focus-visible {
	outline: none;
}

.secondary-button.focus-visible::before {
	opacity: 1;
}

.secondary-button span:not([class*='font-ico']) {
	position: relative;
	font-size: 12px;
	font-weight: 400;
	padding: 0 4px 0 16px;
	color: #858587;
}

.secondary-button:active {
	background-color: #353535;
}

.secondary-button--disabled {
	color: #454545;
}

.secondary-button--disabled [class*='font-ico'] {
	color: #454545;
}

@media (min-width: 768px) {
	.secondary-button span:not([class*='font-ico']) {
		font-size: 14px;
		padding: 0 0 0 24px;
		color: #858587;
	}
	.secondary-button span[class*='font-ico'] {
		margin-right: 16px;
	}
}

.tertiary-button {
	color: #171717;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.tertiary-button--on-dark {
	color: #fff;
}

.tertiary-button .copy-01 {
	margin-left: 16px;
}

.tertiary-button .heading-04 {
	margin-left: 24px;
}

.tertiary-button:hover {
	color: #d9261c;
}

.tertiary-button:hover .tertiary-button__icon {
	background: #d9261c;
}

.tertiary-button:hover .tertiary-button__icon .font-ico-arrow-right {
	-webkit-animation: arrowAnimation 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	        animation: arrowAnimation 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.primary-label {
	position: relative;
	height: 32px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-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;
	border-radius: 20px;
	padding: 0 16px;
	color: #171717;
	background-color: #fff;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.primary-label::before {
	content: "";
	display: "";
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(23, 23, 23, 0.8);
	border-radius: 20px;
	-webkit-transform: scale(0.85);
	        transform: scale(0.85);
	opacity: 0;
	-webkit-transition: opacity 0.15s ease, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: opacity 0.15s ease, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.15s ease;
	transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.15s ease, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.primary-label span {
	position: relative;
}

.primary-label.is-active {
	color: #fff;
}

.primary-label.is-active::before {
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}

.primary-label--dark {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(23, 23, 23, 0.8);
	color: #fff;
}

.primary-label--dark::before {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(255, 255, 255, 0.2);
}

.primary-label--dark.is-active {
	color: #171717;
}

@media (min-width: 768px) {
	.primary-label {
		height: 40px;
	}
}

/**
 * Generate semantic grid columns with these mixins.
 */
/**
 * Used to generate the correct number of grid classes given any value of `$grid-columns`.
 */
.container {
	max-width: 1920px;
	margin: 0 auto;
}

/**
 * Fluid container
 * Utilizes the mixin meant for fixed width containers, but with 100% width for fluid, full width layouts.
 */
.container-fluid {
	width: 100%;
	padding-right: 24px;
	padding-left: 24px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.container-fluid {
		padding-right: 80px;
		padding-left: 80px;
	}
}

/**
 * Row
 * Rows contain and clear the floats of your columns.
 */
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
	padding-left: 24px;
	padding-right: 24px;
}

@media (min-width: 480px) {
	.row {
		padding-left: 3.495%;
		padding-right: 3.495%;
	}
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-small-1, .col-small-2, .col-small-3, .col-small-4, .col-small-5, .col-small-6, .col-small-7, .col-small-8, .col-small-9, .col-small-10, .col-small-11, .col-small-12, .col-small,
.col-small-auto, .col-medium-1, .col-medium-2, .col-medium-3, .col-medium-4, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11, .col-medium-12, .col-medium,
.col-medium-auto, .col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11, .col-large-12, .col-large,
.col-large-auto, .col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11, .col-xlarge-12, .col-xlarge,
.col-xlarge-auto, .col-xxlarge-1, .col-xxlarge-2, .col-xxlarge-3, .col-xxlarge-4, .col-xxlarge-5, .col-xxlarge-6, .col-xxlarge-7, .col-xxlarge-8, .col-xxlarge-9, .col-xxlarge-10, .col-xxlarge-11, .col-xxlarge-12, .col-xxlarge,
.col-xxlarge-auto, .col-xxxlarge-1, .col-xxxlarge-2, .col-xxxlarge-3, .col-xxxlarge-4, .col-xxxlarge-5, .col-xxxlarge-6, .col-xxxlarge-7, .col-xxxlarge-8, .col-xxxlarge-9, .col-xxxlarge-10, .col-xxxlarge-11, .col-xxxlarge-12, .col-xxxlarge,
.col-xxxlarge-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0;
}

@media (min-width: 480px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-small-1, .col-small-2, .col-small-3, .col-small-4, .col-small-5, .col-small-6, .col-small-7, .col-small-8, .col-small-9, .col-small-10, .col-small-11, .col-small-12, .col-small,
	.col-small-auto, .col-medium-1, .col-medium-2, .col-medium-3, .col-medium-4, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11, .col-medium-12, .col-medium,
	.col-medium-auto, .col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11, .col-large-12, .col-large,
	.col-large-auto, .col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11, .col-xlarge-12, .col-xlarge,
	.col-xlarge-auto, .col-xxlarge-1, .col-xxlarge-2, .col-xxlarge-3, .col-xxlarge-4, .col-xxlarge-5, .col-xxlarge-6, .col-xxlarge-7, .col-xxlarge-8, .col-xxlarge-9, .col-xxlarge-10, .col-xxlarge-11, .col-xxlarge-12, .col-xxlarge,
	.col-xxlarge-auto, .col-xxxlarge-1, .col-xxxlarge-2, .col-xxxlarge-3, .col-xxxlarge-4, .col-xxxlarge-5, .col-xxxlarge-6, .col-xxxlarge-7, .col-xxxlarge-8, .col-xxxlarge-9, .col-xxxlarge-10, .col-xxxlarge-11, .col-xxxlarge-12, .col-xxxlarge,
	.col-xxxlarge-auto {
		padding-right: 0.625%;
		padding-left: 0.625%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

.col {
	-webkit-flex-basis: 0;
	    -ms-flex-preferred-size: 0;
	        flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-1 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8.33333%;
	    -ms-flex: 0 0 8.33333%;
	        flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.col-2 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16.66667%;
	    -ms-flex: 0 0 16.66667%;
	        flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.col-3 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	    -ms-flex: 0 0 25%;
	        flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.33333%;
	    -ms-flex: 0 0 33.33333%;
	        flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.66667%;
	    -ms-flex: 0 0 41.66667%;
	        flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.33333%;
	    -ms-flex: 0 0 58.33333%;
	        flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 66.66667%;
	    -ms-flex: 0 0 66.66667%;
	        flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	    -ms-flex: 0 0 75%;
	        flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 83.33333%;
	    -ms-flex: 0 0 83.33333%;
	        flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 91.66667%;
	    -ms-flex: 0 0 91.66667%;
	        flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
}

.offset-1 {
	margin-left: 8.33333%;
}

.offset-2 {
	margin-left: 16.66667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333%;
}

.offset-5 {
	margin-left: 41.66667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333%;
}

.offset-8 {
	margin-left: 66.66667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333%;
}

.offset-11 {
	margin-left: 91.66667%;
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 480px) {
	.col-small {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-small-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-small-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-small-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-small-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-small-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-small-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-small-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-small-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-small-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-small-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-small-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-small-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-small-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-small-0 {
		margin-left: 0;
	}
	.offset-small-1 {
		margin-left: 8.33333%;
	}
	.offset-small-2 {
		margin-left: 16.66667%;
	}
	.offset-small-3 {
		margin-left: 25%;
	}
	.offset-small-4 {
		margin-left: 33.33333%;
	}
	.offset-small-5 {
		margin-left: 41.66667%;
	}
	.offset-small-6 {
		margin-left: 50%;
	}
	.offset-small-7 {
		margin-left: 58.33333%;
	}
	.offset-small-8 {
		margin-left: 66.66667%;
	}
	.offset-small-9 {
		margin-left: 75%;
	}
	.offset-small-10 {
		margin-left: 83.33333%;
	}
	.offset-small-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 768px) {
	.col-medium {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-medium-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-medium-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-medium-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-medium-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-medium-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-medium-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-medium-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-medium-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-medium-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-medium-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-medium-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-medium-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-medium-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-medium-0 {
		margin-left: 0;
	}
	.offset-medium-1 {
		margin-left: 8.33333%;
	}
	.offset-medium-2 {
		margin-left: 16.66667%;
	}
	.offset-medium-3 {
		margin-left: 25%;
	}
	.offset-medium-4 {
		margin-left: 33.33333%;
	}
	.offset-medium-5 {
		margin-left: 41.66667%;
	}
	.offset-medium-6 {
		margin-left: 50%;
	}
	.offset-medium-7 {
		margin-left: 58.33333%;
	}
	.offset-medium-8 {
		margin-left: 66.66667%;
	}
	.offset-medium-9 {
		margin-left: 75%;
	}
	.offset-medium-10 {
		margin-left: 83.33333%;
	}
	.offset-medium-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1024px) {
	.col-large {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-large-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-large-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-large-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-large-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-large-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-large-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-large-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-large-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-large-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-large-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-large-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-large-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-large-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-large-0 {
		margin-left: 0;
	}
	.offset-large-1 {
		margin-left: 8.33333%;
	}
	.offset-large-2 {
		margin-left: 16.66667%;
	}
	.offset-large-3 {
		margin-left: 25%;
	}
	.offset-large-4 {
		margin-left: 33.33333%;
	}
	.offset-large-5 {
		margin-left: 41.66667%;
	}
	.offset-large-6 {
		margin-left: 50%;
	}
	.offset-large-7 {
		margin-left: 58.33333%;
	}
	.offset-large-8 {
		margin-left: 66.66667%;
	}
	.offset-large-9 {
		margin-left: 75%;
	}
	.offset-large-10 {
		margin-left: 83.33333%;
	}
	.offset-large-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1280px) {
	.col-xlarge {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-xlarge-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xlarge-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xlarge-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xlarge-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xlarge-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xlarge-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xlarge-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xlarge-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xlarge-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xlarge-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xlarge-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xlarge-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xlarge-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-xlarge-0 {
		margin-left: 0;
	}
	.offset-xlarge-1 {
		margin-left: 8.33333%;
	}
	.offset-xlarge-2 {
		margin-left: 16.66667%;
	}
	.offset-xlarge-3 {
		margin-left: 25%;
	}
	.offset-xlarge-4 {
		margin-left: 33.33333%;
	}
	.offset-xlarge-5 {
		margin-left: 41.66667%;
	}
	.offset-xlarge-6 {
		margin-left: 50%;
	}
	.offset-xlarge-7 {
		margin-left: 58.33333%;
	}
	.offset-xlarge-8 {
		margin-left: 66.66667%;
	}
	.offset-xlarge-9 {
		margin-left: 75%;
	}
	.offset-xlarge-10 {
		margin-left: 83.33333%;
	}
	.offset-xlarge-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1440px) {
	.col-xxlarge {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-xxlarge-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xxlarge-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xxlarge-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xxlarge-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxlarge-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xxlarge-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xxlarge-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxlarge-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xxlarge-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xxlarge-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxlarge-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xxlarge-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xxlarge-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-xxlarge-0 {
		margin-left: 0;
	}
	.offset-xxlarge-1 {
		margin-left: 8.33333%;
	}
	.offset-xxlarge-2 {
		margin-left: 16.66667%;
	}
	.offset-xxlarge-3 {
		margin-left: 25%;
	}
	.offset-xxlarge-4 {
		margin-left: 33.33333%;
	}
	.offset-xxlarge-5 {
		margin-left: 41.66667%;
	}
	.offset-xxlarge-6 {
		margin-left: 50%;
	}
	.offset-xxlarge-7 {
		margin-left: 58.33333%;
	}
	.offset-xxlarge-8 {
		margin-left: 66.66667%;
	}
	.offset-xxlarge-9 {
		margin-left: 75%;
	}
	.offset-xxlarge-10 {
		margin-left: 83.33333%;
	}
	.offset-xxlarge-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1920px) {
	.col-xxxlarge {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-xxxlarge-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xxxlarge-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xxxlarge-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xxxlarge-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxxlarge-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xxxlarge-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xxxlarge-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxxlarge-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xxxlarge-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xxxlarge-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxxlarge-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xxxlarge-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xxxlarge-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-xxxlarge-0 {
		margin-left: 0;
	}
	.offset-xxxlarge-1 {
		margin-left: 8.33333%;
	}
	.offset-xxxlarge-2 {
		margin-left: 16.66667%;
	}
	.offset-xxxlarge-3 {
		margin-left: 25%;
	}
	.offset-xxxlarge-4 {
		margin-left: 33.33333%;
	}
	.offset-xxxlarge-5 {
		margin-left: 41.66667%;
	}
	.offset-xxxlarge-6 {
		margin-left: 50%;
	}
	.offset-xxxlarge-7 {
		margin-left: 58.33333%;
	}
	.offset-xxxlarge-8 {
		margin-left: 66.66667%;
	}
	.offset-xxxlarge-9 {
		margin-left: 75%;
	}
	.offset-xxxlarge-10 {
		margin-left: 83.33333%;
	}
	.offset-xxxlarge-11 {
		margin-left: 91.66667%;
	}
}

.copy-01 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}

@media (min-width: 768px) {
	.copy-01 {
		font-size: 16px;
		line-height: 24px;
	}
}

[class*='heading-'] {
	font-weight: 400;
}

.heading-01 {
	font-size: 80px;
	line-height: 88px;
	letter-spacing: -0.009em;
}

@media (min-width: 1024px) {
	.heading-01 {
		font-size: 136px;
		line-height: 160px;
		letter-spacing: -0.01em;
	}
}

.heading-02 {
	font-size: 48px;
	line-height: 64px;
}

@media (min-width: 1024px) {
	.heading-02 {
		font-size: 80px;
		line-height: 104px;
	}
}

.heading-03 {
	font-size: 32px;
	line-height: 40px;
}

@media (min-width: 1024px) {
	.heading-03 {
		font-size: 56px;
		line-height: 80px;
	}
}

.heading-04 {
	font-size: 20px;
	line-height: 32px;
}

@media (min-width: 1024px) {
	.heading-04 {
		font-size: 32px;
		line-height: 48px;
	}
}

.heading-05 {
	font-size: 16px;
	line-height: 24px;
}

@media (min-width: 1024px) {
	.heading-05 {
		font-size: 20px;
		line-height: 32px;
	}
}

p,
h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}

html {
	font-size: 10px;
	font-family: "Microsoft Yahei", "Pingfang", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	overflow-x: hidden;
}

body .scrollbar-track {
	background-color: transparent;
}

body .scrollbar-thumb-y {
	width: 4px;
	background-color: #c7c8cb;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

/*
  Focus-visible styling:

  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not(.focus-visible) {
	outline: none;
}

.n06-footer {
	margin-top: 50px !important;
}