html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

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

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background: #ff0;
	color: #000
}

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
}

img {
	border: 0
}

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

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}


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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

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

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

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

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

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

td,
th {
	padding: 0
}

@font-face {
	font-weight: 400;
	font-family: "Segoe UI";
	src: local("Segoe UI")
}

@font-face {
	font-weight: 500;
	font-family: "Segoe UI";
	src: local("Segoe UI Semibold"), local("Segoe UI Bold")
}

@font-face {
	font-weight: 600;
	font-family: "Segoe UI";
	src: local("Segoe UI Semibold"), local("Segoe UI Bold")
}

@font-face {
	font-weight: 700;
	font-family: "Segoe UI";
	src: local("Segoe UI Bold")
}

@font-face {
	font-weight: 400;
	font-family: "Hiragino Sans";
	src: local(HiraginoSans-W4)
}

@font-face {
	font-weight: 500;
	font-family: "Hiragino Sans";
	src: local(HiraginoSans-W5)
}

@font-face {
	font-weight: 600;
	font-family: "Hiragino Sans";
	src: local(HiraginoSans-W6)
}

@font-face {
	font-weight: 700;
	font-family: "Hiragino Sans";
	src: local(HiraginoSans-W7)
}

@font-face {
	font-weight: 400;
	font-family: "Hiragino Kaku Gothic ProN";
	src: local("ヒラギノ角ゴ ProN W3"), local("Hiragino Kaku Gothic ProN")
}

@font-face {
	font-weight: 500;
	font-family: "Hiragino Kaku Gothic ProN";
	src: local("ヒラギノ角ゴ ProN W6"), local("Hiragino Kaku Gothic ProN W6")
}

@font-face {
	font-weight: 600;
	font-family: "Hiragino Kaku Gothic ProN";
	src: local("ヒラギノ角ゴ ProN W6"), local("Hiragino Kaku Gothic ProN W6")
}

@font-face {
	font-weight: 700;
	font-family: "Hiragino Kaku Gothic ProN";
	src: local("ヒラギノ角ゴ ProN W6"), local("Hiragino Kaku Gothic ProN W6")
}

@font-face {
	font-weight: 400;
	font-family: "Yu Gothic UI";
	src: local("Yu Gothic UI Regular")
}

@font-face {
	font-weight: 500;
	font-family: "Yu Gothic UI";
	src: local("Yu Gothic UI Semibold")
}

@font-face {
	font-weight: 600;
	font-family: "Yu Gothic UI";
	src: local("Yu Gothic UI Bold")
}

@font-face {
	font-weight: 700;
	font-family: "Yu Gothic UI";
	src: local("Yu Gothic UI Bold")
}

@font-face {
	font-weight: 400;
	font-family: "Meiryo UI";
	src: local("Meiryo UI")
}

@font-face {
	font-weight: 500;
	font-family: "Meiryo UI";
	src: local("Meiryo UI Bold")
}

@font-face {
	font-weight: 600;
	font-family: "Meiryo UI";
	src: local("Meiryo UI Bold")
}

@font-face {
	font-weight: 700;
	font-family: "Meiryo UI";
	src: local("Meiryo UI Bold")
}

@font-face {
	font-weight: 400;
	font-family: "PingFang SC";
	src: local("PingFang SC Regular")
}

@font-face {
	font-weight: 500;
	font-family: "PingFang SC";
	src: local("PingFang SC Medium")
}

@font-face {
	font-weight: 600;
	font-family: "PingFang SC";
	src: local("PingFang SC Semibold")
}

@font-face {
	font-weight: 700;
	font-family: "PingFang SC";
	src: local("PingFang SC Bold")
}

@font-face {
	font-weight: 400;
	font-family: "Hiragino Sans GB";
	src: local("Hiragino Sans GB W3")
}

@font-face {
	font-weight: 500;
	font-family: "Hiragino Sans GB";
	src: local("Hiragino Sans GB W6")
}

@font-face {
	font-weight: 600;
	font-family: "Hiragino Sans GB";
	src: local("Hiragino Sans GB W6")
}

@font-face {
	font-weight: 700;
	font-family: "Hiragino Sans GB";
	src: local("Hiragino Sans GB W6")
}

@font-face {
	font-weight: 400;
	font-family: "Heiti SC";
	src: local("Heiti SC Light")
}

@font-face {
	font-weight: 500;
	font-family: "Heiti SC";
	src: local("Heiti SC Medium")
}

@font-face {
	font-weight: 600;
	font-family: "Heiti SC";
	src: local("Heiti SC Medium")
}

@font-face {
	font-weight: 700;
	font-family: "Heiti SC";
	src: local("Heiti SC Medium")
}

@font-face {
	font-weight: 400;
	font-family: "Microsoft YaHei";
	src: local("Microsoft YaHei")
}

@font-face {
	font-weight: 500;
	font-family: "Microsoft YaHei";
	src: local("Microsoft YaHei Semibold"), local("Microsoft YaHei Bold")
}

@font-face {
	font-weight: 600;
	font-family: "Microsoft YaHei";
	src: local("Microsoft YaHei Semibold"), local("Microsoft YaHei Bold")
}

@font-face {
	font-weight: 700;
	font-family: "Microsoft YaHei";
	src: local("Microsoft YaHei Bold")
}

@font-face {
	font-weight: 400;
	font-family: "Microsoft JhengHei";
	src: local("Microsoft JhengHei")
}

@font-face {
	font-weight: 500;
	font-family: "Microsoft JhengHei";
	src: local("Microsoft JhengHei Bold")
}

@font-face {
	font-weight: 600;
	font-family: "Microsoft JhengHei";
	src: local("Microsoft JhengHei Bold")
}

@font-face {
	font-weight: 700;
	font-family: "Microsoft JhengHei";
	src: local("Microsoft JhengHei Bold")
}

* {
	box-sizing: border-box;
	word-wrap: break-word
}

body,
html {
	color: #3c4257 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif !important;
}

code,
kbd,
pre,
samp {
	font-size: 13px;
	font-family: "Menlo", "Consolas", monospace;
}

code {
	color: inherit
}

code:lang(ja-JP),
kbd:lang(ja-JP),
pre:lang(ja-JP),
samp:lang(ja-JP) {
	font-family: "Menlo", "Consolas", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN", monospace
}

code:lang(zh-Hans),
kbd:lang(zh-Hans),
pre:lang(zh-Hans),
samp:lang(zh-Hans) {
	font-family: "Menlo", "Consolas", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei", monospace
}

body,
button,
html,
input {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body:lang(ja-JP),
html:lang(ja-JP) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN", sans-serif
}

body:lang(zh-Hans),
html:lang(zh-Hans) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei", sans-serif
}

a {
	color: #0070e0 !important;
	font-weight: 500;
	text-decoration: none
}

a:hover {
	color: #1a1f36;
	text-decoration: none
}

b,
strong {
	font-weight: 500
}

em,
i {
	font-style: italic
}

.UnstyledLink {
	margin: 0;
	padding: 0;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	font-style: inherit;
	text-align: inherit;
	text-decoration: none;
	background-color: transparent;
	border: 0;
	outline: none;
	cursor: pointer
}

.UnstyledLink:hover {
	color: inherit
}

.TextAligner::before {
	content: "\200B"
}

.AlignInfo {
	z-index: 1;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.AlignInfo-overlay {
	position: absolute;
	right: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	height: 100%;
	overflow: hidden
}

.AlignInfo-overlay--boundary {
	box-shadow: 0 0 0 1px rgba(107, 124, 147, 0.2)
}

.TypeLine {
	z-index: 1;
	height: 1px
}

.TypeLine-inner {
	position: absolute;
	height: 1px;
	background: rgba(107, 124, 147, 0.2)
}

.Flex-flex {
	display: -ms-flexbox;
	display: flex
}

.Flex-inlineFlex {
	display: -ms-inline-flexbox;
	display: inline-flex
}

.Flex-alignContent--flexStart {
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.Flex-alignContent--flexEnd {
	-ms-flex-line-pack: end;
	align-content: flex-end
}

.Flex-alignContent--center {
	-ms-flex-line-pack: center;
	align-content: center
}

.Flex-alignContent--spaceBetween {
	-ms-flex-line-pack: justify;
	align-content: space-between
}

.Flex-alignContent--spaceAround {
	-ms-flex-line-pack: distribute;
	align-content: space-around
}

.Flex-alignContent--stretch {
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.Flex-alignItems--flexStart {
	-ms-flex-align: start;
	align-items: flex-start
}

.Flex-alignItems--flexEnd {
	-ms-flex-align: end;
	align-items: flex-end
}

.Flex-alignItems--center {
	-ms-flex-align: center;
	align-items: center
}

.Flex-alignItems--baseline {
	-ms-flex-align: baseline;
	align-items: baseline
}

.Flex-alignItems--stretch {
	-ms-flex-align: stretch;
	align-items: stretch
}

.Flex-direction--row {
	-ms-flex-direction: row;
	flex-direction: row
}

.Flex-direction--rowReversed {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.Flex-direction--column {
	-ms-flex-direction: column;
	flex-direction: column
}

.Flex-direction--columnReverse {
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.Flex-justifyContent--flexStart {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.Flex-justifyContent--flexEnd {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.Flex-justifyContent--center {
	-ms-flex-pack: center;
	justify-content: center
}

.Flex-justifyContent--spaceBetween {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.Flex-justifyContent--spaceAround {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.Flex-wrap--nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.Flex-wrap--wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.Flex-wrap--wrapReverse {
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse
}

.Box-root {
	box-sizing: border-box
}

.Box-hideIfEmpty:empty {
	display: none
}

.Box-background--white {
	background-color: #fff
}

.Box-divider--light-top-1 {
	box-shadow: inset 0 1px #e3e8ee
}

.Box-divider--light-bottom-1 {
	box-shadow: inset 0 -1px #e3e8ee
}

.Margin-top--0 {
	margin-top: 0
}

.Margin-top--2 {
	margin-top: 2px
}

.Margin-top--4 {
	margin-top: 4px
}

.Margin-top--8 {
	margin-top: 8px
}

.Margin-top--12 {
	margin-top: 12px
}

.Margin-top--16 {
	margin-top: 16px
}

.Margin-top--20 {
	margin-top: 20px
}

.Margin-top--24 {
	margin-top: 24px
}

.Margin-top--32 {
	margin-top: 32px
}

.Margin-top--48 {
	margin-top: 48px
}

.Margin-top--64 {
	margin-top: 64px
}

.Margin-top--80 {
	margin-top: 80px
}

.Margin-right--0 {
	margin-right: 0
}

.Margin-right--2 {
	margin-right: 2px
}

.Margin-right--4 {
	margin-right: 4px
}

.Margin-right--8 {
	margin-right: 8px
}

.Margin-right--12 {
	margin-right: 12px
}

.Margin-right--16 {
	margin-right: 16px
}

.Margin-right--20 {
	margin-right: 20px
}

.Margin-right--24 {
	margin-right: 24px
}

.Margin-right--32 {
	margin-right: 32px
}

.Margin-right--48 {
	margin-right: 48px
}

.Margin-right--64 {
	margin-right: 64px
}

.Margin-right--80 {
	margin-right: 80px
}

.Margin-bottom--0 {
	margin-bottom: 0
}

.Margin-bottom--2 {
	margin-bottom: 2px
}

.Margin-bottom--4 {
	margin-bottom: 4px
}

.Margin-bottom--8 {
	margin-bottom: 8px
}

.Margin-bottom--12 {
	margin-bottom: 12px
}

.Margin-bottom--16 {
	margin-bottom: 16px
}

.Margin-bottom--20 {
	margin-bottom: 20px
}

.Margin-bottom--24 {
	margin-bottom: 24px
}

.Margin-bottom--32 {
	margin-bottom: 32px
}

.Margin-bottom--48 {
	margin-bottom: 48px
}

.Margin-bottom--64 {
	margin-bottom: 64px
}

.Margin-bottom--80 {
	margin-bottom: 80px
}

.Margin-left--0 {
	margin-left: 0
}

.Margin-left--2 {
	margin-left: 2px
}

.Margin-left--4 {
	margin-left: 4px
}

.Margin-left--8 {
	margin-left: 8px
}

.Margin-left--12 {
	margin-left: 12px
}

.Margin-left--16 {
	margin-left: 16px
}

.Margin-left--20 {
	margin-left: 20px
}

.Margin-left--24 {
	margin-left: 24px
}

.Margin-left--32 {
	margin-left: 32px
}

.Margin-left--48 {
	margin-left: 48px
}

.Margin-left--64 {
	margin-left: 64px
}

.Margin-left--80 {
	margin-left: 80px
}

.Margin-vertical--0 {
	margin-top: 0;
	margin-bottom: 0
}

.Margin-vertical--2 {
	margin-top: 2px;
	margin-bottom: 2px
}

.Margin-vertical--4 {
	margin-top: 4px;
	margin-bottom: 4px
}

.Margin-vertical--8 {
	margin-top: 8px;
	margin-bottom: 8px
}

.Margin-vertical--12 {
	margin-top: 12px;
	margin-bottom: 12px
}

.Margin-vertical--16 {
	margin-top: 16px;
	margin-bottom: 16px
}

.Margin-vertical--20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.Margin-vertical--24 {
	margin-top: 24px;
	margin-bottom: 24px
}

.Margin-vertical--32 {
	margin-top: 32px;
	margin-bottom: 32px
}

.Margin-vertical--48 {
	margin-top: 48px;
	margin-bottom: 48px
}

.Margin-vertical--64 {
	margin-top: 64px;
	margin-bottom: 64px
}

.Margin-vertical--80 {
	margin-top: 80px;
	margin-bottom: 80px
}

.Margin-horizontal--0 {
	margin-right: 0;
	margin-left: 0
}

.Margin-horizontal--2 {
	margin-right: 2px;
	margin-left: 2px
}

.Margin-horizontal--4 {
	margin-right: 4px;
	margin-left: 4px
}

.Margin-horizontal--8 {
	margin-right: 8px;
	margin-left: 8px
}

.Margin-horizontal--12 {
	margin-right: 12px;
	margin-left: 12px
}

.Margin-horizontal--16 {
	margin-right: 16px;
	margin-left: 16px
}

.Margin-horizontal--20 {
	margin-right: 20px;
	margin-left: 20px
}

.Margin-horizontal--24 {
	margin-right: 24px;
	margin-left: 24px
}

.Margin-horizontal--32 {
	margin-right: 32px;
	margin-left: 32px
}

.Margin-horizontal--48 {
	margin-right: 48px;
	margin-left: 48px
}

.Margin-horizontal--64 {
	margin-right: 64px;
	margin-left: 64px
}

.Margin-horizontal--80 {
	margin-right: 80px;
	margin-left: 80px
}

.Margin-all--0 {
	margin: 0
}

.Margin-all--2 {
	margin: 2px
}

.Margin-all--4 {
	margin: 4px
}

.Margin-all--8 {
	margin: 8px
}

.Margin-all--12 {
	margin: 12px
}

.Margin-all--16 {
	margin: 16px
}

.Margin-all--20 {
	margin: 20px
}

.Margin-all--24 {
	margin: 24px
}

.Margin-all--32 {
	margin: 32px
}

.Margin-all--48 {
	margin: 48px
}

.Margin-all--64 {
	margin: 64px
}

.Margin-all--80 {
	margin: 80px
}

.Padding-top--0 {
	padding-top: 0
}

.Padding-top--2 {
	padding-top: 2px
}

.Padding-top--4 {
	padding-top: 4px
}

.Padding-top--8 {
	padding-top: 8px
}

.Padding-top--12 {
	padding-top: 12px
}

.Padding-top--16 {
	padding-top: 16px
}

.Padding-top--20 {
	padding-top: 20px
}

.Padding-top--24 {
	padding-top: 24px
}

.Padding-top--32 {
	padding-top: 32px
}

.Padding-top--48 {
	padding-top: 48px
}

.Padding-top--64 {
	padding-top: 64px
}

.Padding-top--80 {
	padding-top: 80px
}

.Padding-right--0 {
	padding-right: 0
}

.Padding-right--2 {
	padding-right: 2px
}

.Padding-right--4 {
	padding-right: 4px
}

.Padding-right--8 {
	padding-right: 8px
}

.Padding-right--12 {
	padding-right: 12px
}

.Padding-right--16 {
	padding-right: 16px
}

.Padding-right--20 {
	padding-right: 20px
}

.Padding-right--24 {
	padding-right: 24px
}

.Padding-right--32 {
	padding-right: 32px
}

.Padding-right--48 {
	padding-right: 48px
}

.Padding-right--64 {
	padding-right: 64px
}

.Padding-right--80 {
	padding-right: 80px
}

.Padding-bottom--0 {
	padding-bottom: 0
}

.Padding-bottom--2 {
	padding-bottom: 2px
}

.Padding-bottom--4 {
	padding-bottom: 4px
}

.Padding-bottom--8 {
	padding-bottom: 8px
}

.Padding-bottom--12 {
	padding-bottom: 12px
}

.Padding-bottom--16 {
	padding-bottom: 16px
}

.Padding-bottom--20 {
	padding-bottom: 20px
}

.Padding-bottom--24 {
	padding-bottom: 24px
}

.Padding-bottom--32 {
	padding-bottom: 32px
}

.Padding-bottom--48 {
	padding-bottom: 48px
}

.Padding-bottom--64 {
	padding-bottom: 64px
}

.Padding-bottom--80 {
	padding-bottom: 80px
}

.Padding-left--0 {
	padding-left: 0
}

.Padding-left--2 {
	padding-left: 2px
}

.Padding-left--4 {
	padding-left: 4px
}

.Padding-left--8 {
	padding-left: 8px
}

.Padding-left--12 {
	padding-left: 12px
}

.Padding-left--16 {
	padding-left: 16px
}

.Padding-left--20 {
	padding-left: 20px
}

.Padding-left--24 {
	padding-left: 24px
}

.Padding-left--32 {
	padding-left: 32px
}

.Padding-left--48 {
	padding-left: 48px
}

.Padding-left--64 {
	padding-left: 64px
}

.Padding-left--80 {
	padding-left: 80px
}

.Padding-vertical--0 {
	padding-top: 0;
	padding-bottom: 0
}

.Padding-vertical--2 {
	padding-top: 2px;
	padding-bottom: 2px
}

.Padding-vertical--4 {
	padding-top: 4px;
	padding-bottom: 4px
}

.Padding-vertical--8 {
	padding-top: 8px;
	padding-bottom: 8px
}

.Padding-vertical--12 {
	padding-top: 12px;
	padding-bottom: 12px
}

.Padding-vertical--16 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.Padding-vertical--20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.Padding-vertical--24 {
	padding-top: 24px;
	padding-bottom: 24px
}

.Padding-vertical--32 {
	padding-top: 32px;
	padding-bottom: 32px
}

.Padding-vertical--48 {
	padding-top: 48px;
	padding-bottom: 48px
}

.Padding-vertical--64 {
	padding-top: 64px;
	padding-bottom: 64px
}

.Padding-vertical--80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.Padding-horizontal--0 {
	padding-right: 0;
	padding-left: 0
}

.Padding-horizontal--2 {
	padding-right: 2px;
	padding-left: 2px
}

.Padding-horizontal--4 {
	padding-right: 4px;
	padding-left: 4px
}

.Padding-horizontal--8 {
	padding-right: 8px;
	padding-left: 8px
}

.Padding-horizontal--12 {
	padding-right: 12px;
	padding-left: 12px
}

.Padding-horizontal--16 {
	padding-right: 16px;
	padding-left: 16px
}

.Padding-horizontal--20 {
	padding-right: 20px;
	padding-left: 20px
}

.Padding-horizontal--24 {
	padding-right: 24px;
	padding-left: 24px
}

.Padding-horizontal--32 {
	padding-right: 32px;
	padding-left: 32px
}

.Padding-horizontal--48 {
	padding-right: 48px;
	padding-left: 48px
}

.Padding-horizontal--64 {
	padding-right: 64px;
	padding-left: 64px
}

.Padding-horizontal--80 {
	padding-right: 80px;
	padding-left: 80px
}

.Padding-all--0 {
	padding: 0
}

.Padding-all--2 {
	padding: 2px
}

.Padding-all--4 {
	padding: 4px
}

.Padding-all--8 {
	padding: 8px
}

.Padding-all--12 {
	padding: 12px
}

.Padding-all--16 {
	padding: 16px
}

.Padding-all--20 {
	padding: 20px
}

.Padding-all--24 {
	padding: 24px
}

.Padding-all--32 {
	padding: 32px
}

.Padding-all--48 {
	padding: 48px
}

.Padding-all--64 {
	padding: 64px
}

.Padding-all--80 {
	padding: 80px
}

.PressableCore {
	position: relative;
	transition: background-color 240ms, box-shadow 240ms
}

.PressableCore--cursor--arrow .PressableContext--cursor--arrow {
	cursor: default
}

.PressableContext--cursor--pointer,
.PressableCore--cursor--pointer {
	cursor: pointer
}

.PressableContext--cursor--text,
.PressableCore--cursor--text {
	cursor: text
}

.PressableContext--radius--all,
.PressableCore--radius--all {
	border-radius: 4px
}

.PressableContext--radius--bottom,
.PressableCore--radius--bottom {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.PressableContext--radius--bottomLeft,
.PressableCore--radius--bottomLeft {
	border-bottom-left-radius: 4px
}

.PressableContext--radius--bottomRight,
.PressableCore--radius--bottomRight {
	border-bottom-right-radius: 4px
}

.PressableContext--radius--circle,
.PressableCore--radius--circle {
	border-radius: 50%
}

.PressableContext--radius--left,
.PressableCore--radius--left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.PressableContext--radius--right,
.PressableCore--radius--right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.PressableContext--radius--top,
.PressableCore--radius--top {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.PressableContext--radius--topLeft,
.PressableCore--radius--topLeft {
	border-top-left-radius: 4px
}

.PressableContext--radius--topRight,
.PressableCore--radius--topRight {
	border-top-right-radius: 4px
}

.PressableContext--height {
	min-height: inherit
}

.PressableContext--height--jumbo,
.PressableCore--height--jumbo {
	min-height: 44px
}

.PressableContext--height--large,
.PressableCore--height--large {
	min-height: 36px
}

.PressableContext--height--medium,
.PressableCore--height--medium {
	min-height: 28px
}

.PressableContext--height--small,
.PressableCore--height--small {
	min-height: 24px
}

.PressableCore--width {
	max-width: 100%
}

.PressableCore--width--long {
	width: 352px
}

.PressableCore--width--maximized {
	width: 100%
}

.PressableCore--width--short {
	width: 168px
}

.PressableContext--width {
	width: 100%
}

.PressableCore-base {
	position: relative;
	z-index: 1;
	display: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	width: inherit;
	height: inherit;
	border-radius: inherit
}

.PressableCore-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	border-radius: inherit;
	opacity: 0;
	transition: opacity 240ms;
	pointer-events: none
}

.PressableCore-overlay--isVisible {
	z-index: 10;
	opacity: 0.5;
	pointer-events: all
}

.PressableCore-overlay--extendBy1 {
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px
}

.PressableCore-overlay--extendBy2 {
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px
}

.PressableContext {
	position: relative;
	z-index: 1;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0;
	text-decoration: none;
	vertical-align: middle;
	word-break: normal;
	background: transparent;
	border: 0;
	outline: 0;
	transition: color 240ms;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.PressableContext:-ms-input-placeholder {
	color: #a3acb9
}

.PressableContext::-ms-input-placeholder {
	color: #a3acb9
}

.PressableContext::placeholder {
	color: #a3acb9
}

.PressableContext--display--block {
	display: block
}

.PressableContext--display--flex {
	display: -ms-flexbox;
	display: flex
}

.PressableContext--display--inline {
	display: inline
}

.PressableContext--display--inlineFlex {
	display: -ms-inline-flexbox;
	display: inline-flex
}

.PressableContext--fontLineHeight--16 {
	line-height: 16px
}

.PressableContext--fontLineHeight--20 {
	line-height: 20px
}

.PressableContext--fontLineHeight--24 {
	line-height: 24px
}

.PressableContext--fontLineHeight--28 {
	line-height: 28px
}

.PressableContext--fontSize--13 {
	font-size: 13px
}

.PressableContext--fontSize--14 {
	font-size: 14px
}

.PressableContext--fontSize--16 {
	font-size: 16px
}

.PressableContext--fontWeight--regular {
	font-weight: 400
}

.PressableContext--fontWeight--medium {
	font-weight: 500
}

.PressableControlLabel-label {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.PressableControlLabel.Is--disabled .PressableControlLabel-label {
	cursor: default
}

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

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

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

.Text-color--dark {
	color: #1a1f36
}

.Text-color--default {
	color: #3c4257
}

.Text-color--disabled {
	color: #a3acb9
}

.Text-color--inherit {
	color: inherit
}

.Text-color--invalid {
	color: #cd3d64
}

.Text-color--selected {
	color: #0070e0;
}

.Text-color--white {
	color: #fff
}

.Text-color--gray {
	color: #697386
}

.Text-color--gray900 {
	color: #1a1f36
}

.Text-color--gray800 {
	color: #2a2f45
}

.Text-color--gray700 {
	color: #3c4257
}

.Text-color--gray600 {
	color: #4f566b
}

.Text-color--gray500 {
	color: #697386
}

.Text-color--gray400 {
	color: #8792a2
}

.Text-color--gray300 {
	color: #a3acb9
}

.Text-color--gray200 {
	color: #c1c9d2
}

.Text-color--gray100 {
	color: #e3e8ee
}

.Text-color--gray50 {
	color: #f7fafc
}

.Text-color--blue {
	color: #0070e0;
}

.Text-color--blue900 {
	color: #131f41
}

.Text-color--blue800 {
	color: #212d63
}

.Text-color--blue700 {
	color: #2f3d89
}

.Text-color--blue600 {
	color: #3d4eac
}

.Text-color--blue500 {
	color: #0070e0;
}

.Text-color--blue400 {
	color: #6c8eef
}

.Text-color--blue300 {
	color: #7dabf8
}

.Text-color--blue200 {
	color: #a4cdfe
}

.Text-color--blue100 {
	color: #d6ecff
}

.Text-color--blue50 {
	color: #f5fbff
}

.Text-color--cyan {
	color: #067ab8
}

.Text-color--cyan900 {
	color: #042235
}

.Text-color--cyan800 {
	color: #093353
}

.Text-color--cyan700 {
	color: #06457a
}

.Text-color--cyan600 {
	color: #075996
}

.Text-color--cyan500 {
	color: #067ab8
}

.Text-color--cyan400 {
	color: #3a97d4
}

.Text-color--cyan300 {
	color: #4db7e8
}

.Text-color--cyan200 {
	color: #7fd3ed
}

.Text-color--cyan100 {
	color: #c4f1f9
}

.Text-color--cyan50 {
	color: #edfdfd
}

.Text-color--green {
	color: #09825d
}

.Text-color--green900 {
	color: #082429
}

.Text-color--green800 {
	color: #0b3733
}

.Text-color--green700 {
	color: #0d4b3b
}

.Text-color--green600 {
	color: #0e6245
}

.Text-color--green500 {
	color: #09825d
}

.Text-color--green400 {
	color: #1ea672
}

.Text-color--green300 {
	color: #33c27f
}

.Text-color--green200 {
	color: #85d996
}

.Text-color--green100 {
	color: #cbf4c9
}

.Text-color--green50 {
	color: #efffed
}

.Text-color--red {
	color: #cd3d64
}

.Text-color--red900 {
	color: #420828
}

.Text-color--red800 {
	color: #5e1039
}

.Text-color--red700 {
	color: #80143f
}

.Text-color--red600 {
	color: #a41c4e
}

.Text-color--red500 {
	color: #cd3d64
}

.Text-color--red400 {
	color: #ed5f74
}

.Text-color--red300 {
	color: #fa8389
}

.Text-color--red200 {
	color: #fbb5b2
}

.Text-color--red100 {
	color: #fde2dd
}

.Text-color--red50 {
	color: #fff8f5
}

.Text-color--yellow {
	color: #bb5504
}

.Text-color--yellow900 {
	color: #3a1607
}

.Text-color--yellow800 {
	color: #571f0d
}

.Text-color--yellow700 {
	color: #762b0b
}

.Text-color--yellow600 {
	color: #983705
}

.Text-color--yellow500 {
	color: #bb5504
}

.Text-color--yellow400 {
	color: #d97917
}

.Text-color--yellow300 {
	color: #e5993e
}

.Text-color--yellow200 {
	color: #efc078
}

.Text-color--yellow100 {
	color: #f8e5b9
}

.Text-color--yellow50 {
	color: #fcf9e9
}

.Text-color--orange {
	color: #c44c34
}

.Text-color--orange900 {
	color: #420e11
}

.Text-color--orange800 {
	color: #5d161b
}

.Text-color--orange700 {
	color: #7e1e23
}

.Text-color--orange600 {
	color: #9e2f28
}

.Text-color--orange500 {
	color: #c44c34
}

.Text-color--orange400 {
	color: #e56f4a
}

.Text-color--orange300 {
	color: #f5925e
}

.Text-color--orange200 {
	color: #f8b886
}

.Text-color--orange100 {
	color: #fee3c0
}

.Text-color--orange50 {
	color: #fffaee
}

.Text-color--purple {
	color: #a450b5
}

.Text-color--purple900 {
	color: #2d0f55
}

.Text-color--purple800 {
	color: #401d6a
}

.Text-color--purple700 {
	color: #5b2b80
}

.Text-color--purple600 {
	color: #7b3997
}

.Text-color--purple500 {
	color: #a450b5
}

.Text-color--purple400 {
	color: #c96ed0
}

.Text-color--purple300 {
	color: #e28ddc
}

.Text-color--purple200 {
	color: #f0b4e4
}

.Text-color--purple100 {
	color: #fce0f6
}

.Text-color--purple50 {
	color: #fff8fe
}

.Text-color--violet {
	color: #8260c3
}

.Text-color--violet900 {
	color: #1f184e
}

.Text-color--violet800 {
	color: #352465
}

.Text-color--violet700 {
	color: #4b3480
}

.Text-color--violet600 {
	color: #61469b
}

.Text-color--violet500 {
	color: #8260c3
}

.Text-color--violet400 {
	color: #9c82db
}

.Text-color--violet300 {
	color: #b0a1e1
}

.Text-color--violet200 {
	color: #c7c2ea
}

.Text-color--violet100 {
	color: #e6e6fc
}

.Text-color--violet50 {
	color: #f8f9fe
}

.Text-display--block {
	display: block
}

.Text-display--inline {
	display: inline
}

.Text-fontSize--11 {
	font-size: 11px
}

.Text-fontSize--12 {
	font-size: 12px
}

.Text-fontSize--13 {
	font-size: 13px
}

.Text-fontSize--14 {
	font-size: 14px
}

.Text-fontSize--15 {
	font-size: 15px
}

.Text-fontSize--16 {
	font-size: 16px
}

.Text-fontSize--20 {
	font-size: 20px
}

.Text-fontSize--24 {
	font-size: 24px
}

.Text-fontSize--28 {
	font-size: 28px
}

.Text-fontSize--32 {
	font-size: 32px
}

.Text-fontSize--48 {
	font-size: 48px
}

.Text-fontSize--56 {
	font-size: 56px
}

.Text-fontWeight--regular {
	font-weight: 400
}

.Text-fontWeight--medium {
	font-weight: 500
}

.Text-fontWeight--bold {
	font-weight: 700
}

.Text-lineHeight--16 {
	line-height: 16px
}

.Text-lineHeight--20 {
	line-height: 20px
}

.Text-lineHeight--24 {
	line-height: 24px
}

.Text-lineHeight--28 {
	line-height: 28px
}

.Text-lineHeight--32 {
	line-height: 32px
}

.Text-lineHeight--36 {
	line-height: 36px
}

.Text-lineHeight--40 {
	line-height: 40px
}

.Text-lineHeight--56 {
	line-height: 56px
}

.Text-lineHeight--64 {
	line-height: 64px
}

.Text-numericSpacing--proportional {
	font-feature-settings: "pnum";
	font-variant: proportional-nums
}

.Text-numericSpacing--tabular {
	font-feature-settings: "tnum";
	font-variant: tabular-nums
}

.Text-typeface--base {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif
}

.Text-typeface--base:lang(ja-JP) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN", sans-serif
}

.Text-typeface--base:lang(zh-Hans) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei", sans-serif
}

.Text-typeface--upper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
	text-transform: uppercase
}

.Text-typeface--upper:lang(ja-JP) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN", sans-serif
}

.Text-typeface--upper:lang(zh-Hans) {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei", sans-serif
}

.Text-typeface--mono {
	font-family: "Menlo", "Consolas", monospace
}

.Text-typeface--mono:lang(ja-JP) {
	font-family: "Menlo", "Consolas", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN", monospace
}

.Text-typeface--mono:lang(zh-Hans) {
	font-family: "Menlo", "Consolas", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei", monospace
}

.Text--visuallyHidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.Text-wordBreak--all {
	word-break: break-all
}

.Text-wordBreak--normal {
	word-break: normal
}

.Text-wordBreak--word {
	word-break: break-word
}

.Text-wrap--wrap {
	white-space: normal
}

.Text-wrap--noWrap {
	white-space: nowrap
}

.AddressInput-grouping {
	width: 100%
}

.Button-element {
	height: 100%
}

.Button-align {
	width: 100%
}

.Button-label {
	text-transform: none;
	transition: color 240ms
}

.Button--hideLabel .Button-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.Button-icon {
	transition: color 240ms
}

.Button-shortcut {
	color: inherit;
	font-size: 11px;
	line-height: 12px;
	opacity: 0.7
}

.ButtonLink.Is--disabled,
.ButtonLink:disabled {
	pointer-events: none
}

.ButtonLink:active .ButtonLink-label.Text-color--white,
.ButtonLink:hover .ButtonLink-label.Text-color--white {
	color: white;
	opacity: 0.7
}

.ButtonLink--Is--disabled--white .ButtonLink-label {
	color: white;
	opacity: 0.5
}

.ButtonLink:active .ButtonLink-label,
.ButtonLink:hover .ButtonLink-label {
	color: #1a1f36
}

.ButtonLink--Is--disabled--white .Icon svg {
	color: white;
	opacity: 0.5
}

.ButtonLink:active .Icon svg,
.ButtonLink:hover .Icon svg {
	fill: #3c4257
}

.ButtonLink:active .Icon.Icon-color--white svg,
.ButtonLink:hover .Icon.Icon-color--white svg {
	opacity: 0.7;
	fill: white
}

.ButtonLink:focus:not([data-input-method="mouse"]):not([data-input-method="touch"]) {
	z-index: 1;
	border-radius: 4px;
	box-shadow: 0 0 0 4px rgba(58, 151, 212, 0.28), 0 0 1px 1px rgba(7, 89, 150, 0.36)
}

.Text-typeface--base .InlineLink,
.Text-typeface--upper .InlineLink {
	font-weight: 500
}

.Text-typeface--mono .InlineLink {
	font-weight: 700
}

.InlineLink.Is--disabled,
.InlineLink:disabled {
	pointer-events: none
}

.InlineLink:active,
.InlineLink:hover {
	color: #1a1f36
}

.InlineLink:active .Icon svg,
.InlineLink:hover .Icon svg {
	fill: #3c4257
}

.InlineLink:focus:not([data-input-method="mouse"]):not([data-input-method="touch"]) {
	z-index: 1;
	border-radius: 4px;
	box-shadow: 0 0 0 4px rgba(58, 151, 212, 0.28), 0 0 1px 1px rgba(7, 89, 150, 0.36)
}

.Input--nowrap {
	white-space: nowrap
}

.Input[type="number"]:-ms-input-placeholder {
	font-feature-settings: "tnum";
	font-variant: tabular-nums
}

.Input[type="number"]::-ms-input-placeholder {
	font-feature-settings: "tnum";
	font-variant: tabular-nums
}

.Input[type="number"],
.Input[type="number"]::placeholder {
	font-feature-settings: "tnum";
	font-variant: tabular-nums
}

.Input[type="number"]::-webkit-inner-spin-button,
.Input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none
}

.Input[type="search"] {
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.Input[type="time"] {
	height: 0
}

.Input[type="time"]::-webkit-inner-spin-button,
.Input[type="time"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none
}

.InputBase--width--auto {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.InputBase-row {
	width: 100%
}

.InputBase-pressable {
	position: relative;
	z-index: 2
}

.InputBase-pressable.Is--disabled {
	z-index: 1
}

.InputBase-pressable.Is--invalid {
	z-index: 3
}

.InputBase-pressable:hover {
	z-index: 4
}

.InputBase-pressable:focus,
.InputBase-pressable:focus-within {
	z-index: 5
}

.TextArea--resize--none .TextInput-element {
	resize: none
}

.TextArea--resize--vertical .TextInput-element {
	resize: vertical
}

.TextInput-end,
.TextInput-search,
.TextInput-start {
	cursor: text;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.TextInput-clear {
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0
}

.TextInput-element {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.TextInput-element--align--center {
	text-align: center
}

.TextInput-element--align--left {
	text-align: left
}

.TextInput-element--align--right {
	text-align: right
}

.Toggle {
	min-width: 0;
	margin: 0;
	padding: 0.01em 0 0 0;
	border: 0
}

body:not(:-moz-handler-blocked) .Toggle {
	display: table-cell
}

.Badge {
	padding: 1px 6px;
	border-radius: 4px
}

.Badge-icon--container {
	transition: padding-left 300ms ease-in-out, padding-right 300ms ease-in-out
}

.Icon--hoverable:hover {
	color: #3c4257
}

.Icon-color svg {
	fill: currentColor
}

.Icon-color--inherit {
	color: inherit
}

.Icon-color--white {
	color: white
}

.Icon-color--gray {
	color: #8792a2
}

.Icon-color--gray900 {
	color: #1a1f36
}

.Icon-color--gray800 {
	color: #2a2f45
}

.Icon-color--gray700 {
	color: #3c4257
}

.Icon-color--gray600 {
	color: #4f566b
}

.Icon-color--gray500 {
	color: #697386
}

.Icon-color--gray400 {
	color: #8792a2
}

.Icon-color--gray300 {
	color: #a3acb9
}

.Icon-color--gray200 {
	color: #c1c9d2
}

.Icon-color--gray100 {
	color: #e3e8ee
}

.Icon-color--gray50 {
	color: #f7fafc
}

.Icon-color--blue {
	/* color: #6c8eef */
	color: #0070e0;
}

.Icon-color--blue900 {
	color: #131f41
}

.Icon-color--blue800 {
	color: #212d63
}

.Icon-color--blue700 {
	color: #2f3d89
}

.Icon-color--blue600 {
	color: #3d4eac
}

.Icon-color--blue500 {
	color: #0070e0;
}

.Icon-color--blue400 {
	color: #6c8eef
}

.Icon-color--blue300 {
	color: #7dabf8
}

.Icon-color--blue200 {
	color: #a4cdfe
}

.Icon-color--blue100 {
	color: #d6ecff
}

.Icon-color--blue50 {
	color: #f5fbff
}

.Icon-color--cyan {
	color: #3a97d4
}

.Icon-color--cyan900 {
	color: #042235
}

.Icon-color--cyan800 {
	color: #093353
}

.Icon-color--cyan700 {
	color: #06457a
}

.Icon-color--cyan600 {
	color: #075996
}

.Icon-color--cyan500 {
	color: #067ab8
}

.Icon-color--cyan400 {
	color: #3a97d4
}

.Icon-color--cyan300 {
	color: #4db7e8
}

.Icon-color--cyan200 {
	color: #7fd3ed
}

.Icon-color--cyan100 {
	color: #c4f1f9
}

.Icon-color--cyan50 {
	color: #edfdfd
}

.Icon-color--green {
	color: #1ea672
}

.Icon-color--green900 {
	color: #082429
}

.Icon-color--green800 {
	color: #0b3733
}

.Icon-color--green700 {
	color: #0d4b3b
}

.Icon-color--green600 {
	color: #0e6245
}

.Icon-color--green500 {
	color: #09825d
}

.Icon-color--green400 {
	color: #1ea672
}

.Icon-color--green300 {
	color: #33c27f
}

.Icon-color--green200 {
	color: #85d996
}

.Icon-color--green100 {
	color: #cbf4c9
}

.Icon-color--green50 {
	color: #efffed
}

.Icon-color--orange {
	color: #e56f4a
}

.Icon-color--orange900 {
	color: #420e11
}

.Icon-color--orange800 {
	color: #5d161b
}

.Icon-color--orange700 {
	color: #7e1e23
}

.Icon-color--orange600 {
	color: #9e2f28
}

.Icon-color--orange500 {
	color: #c44c34
}

.Icon-color--orange400 {
	color: #e56f4a
}

.Icon-color--orange300 {
	color: #f5925e
}

.Icon-color--orange200 {
	color: #f8b886
}

.Icon-color--orange100 {
	color: #fee3c0
}

.Icon-color--orange50 {
	color: #fffaee
}

.Icon-color--purple {
	color: #c96ed0
}

.Icon-color--purple900 {
	color: #2d0f55
}

.Icon-color--purple800 {
	color: #401d6a
}

.Icon-color--purple700 {
	color: #5b2b80
}

.Icon-color--purple600 {
	color: #7b3997
}

.Icon-color--purple500 {
	color: #a450b5
}

.Icon-color--purple400 {
	color: #c96ed0
}

.Icon-color--purple300 {
	color: #e28ddc
}

.Icon-color--purple200 {
	color: #f0b4e4
}

.Icon-color--purple100 {
	color: #fce0f6
}

.Icon-color--purple50 {
	color: #fff8fe
}

.Icon-color--red {
	color: #ed5f74
}

.Icon-color--red900 {
	color: #420828
}

.Icon-color--red800 {
	color: #5e1039
}

.Icon-color--red700 {
	color: #80143f
}

.Icon-color--red600 {
	color: #a41c4e
}

.Icon-color--red500 {
	color: #cd3d64
}

.Icon-color--red400 {
	color: #ed5f74
}

.Icon-color--red300 {
	color: #fa8389
}

.Icon-color--red200 {
	color: #fbb5b2
}

.Icon-color--red100 {
	color: #fde2dd
}

.Icon-color--red50 {
	color: #fff8f5
}

.Icon-color--yellow {
	color: #d97917
}

.Icon-color--yellow900 {
	color: #3a1607
}

.Icon-color--yellow800 {
	color: #571f0d
}

.Icon-color--yellow700 {
	color: #762b0b
}

.Icon-color--yellow600 {
	color: #983705
}

.Icon-color--yellow500 {
	color: #bb5504
}

.Icon-color--yellow400 {
	color: #d97917
}

.Icon-color--yellow300 {
	color: #e5993e
}

.Icon-color--yellow200 {
	color: #efc078
}

.Icon-color--yellow100 {
	color: #f8e5b9
}

.Icon-color--yellow50 {
	color: #fcf9e9
}

.Icon-color--violet {
	color: #9c82db
}

.Icon-color--violet900 {
	color: #1f184e
}

.Icon-color--violet800 {
	color: #352465
}

.Icon-color--violet700 {
	color: #4b3480
}

.Icon-color--violet600 {
	color: #61469b
}

.Icon-color--violet500 {
	color: #8260c3
}

.Icon-color--violet400 {
	color: #9c82db
}

.Icon-color--violet300 {
	color: #b0a1e1
}

.Icon-color--violet200 {
	color: #c7c2ea
}

.Icon-color--violet100 {
	color: #e6e6fc
}

.Icon-color--violet50 {
	color: #f8f9fe
}


@keyframes SpinnerAnimationShow {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes SpinnerAnimationRotation {
	100% {
		transform: rotate(360deg)
	}
}

.ContextualPopover {
	display: -ms-flexbox;
	display: flex
}

.ContextualPopover-arrowContainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-sizing: border-box
}

.ContextualPopover-arrow {
	z-index: 1;
	width: 21px;
	height: 21px;
	margin: -7px;
	background: url(img/data_image_svg+xml.svg);
	background-repeat: no-repeat;
	background-position: center center
}

.ContextualPopover-contents {
	position: relative;
	z-index: 0;
	overflow: hidden;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08)
}


.List {
	margin: 0;
	padding: 0
}

.List-item {
	padding-top: 0.25em
}

.List-item--bulleted {
	list-style-type: disc
}

.List-item--numbered {
	list-style-type: decimal
}

@keyframes keyframes {
	0% {
		background-position: 200% center
	}
	100% {
		background-position: 0 center
	}
}

.NavItem--disabled {
	cursor: default
}

*:last-child>.Notice:last-child {
	box-shadow: none
}

.Pressable {
	position: relative
}

.Pressable.Is--disabled {
	cursor: default;
	pointer-events: none
}

.Pressable--layer--elevated {
	cursor: pointer
}

.Pressable-part {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none
}

.Pressable--radius--all>.Pressable-part,
.Pressable--radius--all>.Pressable-part>.Pressable-part {
	border-radius: 4px
}

.Pressable--radius--bottom>.Pressable-part,
.Pressable--radius--bottom>.Pressable-part>.Pressable-part {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.Pressable--radius--circle>.Pressable-part,
.Pressable--radius--circle>.Pressable-part>.Pressable-part {
	border-radius: 50%
}

.Pressable--radius--left>.Pressable-part,
.Pressable--radius--left>.Pressable-part>.Pressable-part {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.Pressable--radius--right>.Pressable-part,
.Pressable--radius--right>.Pressable-part>.Pressable-part {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.Pressable--radius--top>.Pressable-part,
.Pressable--radius--top>.Pressable-part>.Pressable-part {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.Pressable--size--control {
	width: 14px;
	height: 14px
}

.Pressable--size--jumbo {
	min-height: 44px
}

.Pressable--size--large {
	min-height: 36px
}

.Pressable--size--medium {
	min-height: 28px
}

.Pressable--size--small {
	min-height: 24px
}

.Pressable--width {
	max-width: 100%
}

.Pressable--width--long {
	width: 352px
}

.Pressable--width--maximized {
	width: 100%
}

.Pressable--width--short {
	width: 168px
}

.Pressable-overlay {
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	z-index: 5;
	background: rgba(247, 250, 252, 0.5)
}

.Pressable-children {
	position: relative;
	z-index: 4;
	width: 100%
}

.Pressable-background {
	z-index: 3
}

.Pressable-keylines {
	z-index: 2
}

.Pressable-selectedKeyline {
	z-index: 3;
	box-shadow: 0 0 0 2px #6c8eef
}

.Pressable-baseKeyline {
	z-index: 2;
	box-shadow: 0 0 0 1px rgba(60, 66, 87, 0.16)
}

.Pressable-blueKeyline {
	z-index: 2;
	background: #0070e0;
	box-shadow: 0 1px 0 0 #3d4eac, 0 0 0 1px #0070e0;
}

.Pressable-invalidKeyline {
	z-index: 2;
	box-shadow: 0 0 0 1px #ed5f74
}

.Pressable-redKeyline {
	z-index: 2;
	background: #cd3d64;
	box-shadow: 0 1px 0 0 #a41c4e, 0 0 0 1px #cd3d64
}

.Pressable-shadows {
	z-index: 1
}

.Pressable-baseShadow {
	z-index: 4;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12)
}

.Pressable-elevatedShadow {
	z-index: 3;
	box-shadow: 0 2px 5px 0 rgba(60, 66, 87, 0.12)
}

.Pressable-elevatedShadowDarker {
	z-index: 3;
	box-shadow: 0 2px 4px 0 rgba(60, 66, 87, 0.22)
}

.Pressable--layer--elevated:hover>.Pressable-shadows>.Pressable-hoverShadow {
	z-index: 2;
	box-shadow: 0 3px 9px 0 rgba(60, 66, 87, 0.12)
}

.Pressable--layer--elevated:hover>.Pressable-shadows>.Pressable-hoverShadowDarker {
	z-index: 2;
	box-shadow: 0 3px 7px 0 rgba(60, 66, 87, 0.22)
}

.Pressable-focusShadow {
	box-shadow: 0 0 0 0 rgba(58, 151, 212, 0);
	transition: opacity 250ms, box-shadow 250ms
}

.Pressable--focus:focus-within>.Pressable-shadows>.Pressable--nested-focusShadow,
.Pressable--focus:focus>.Pressable-shadows>.Pressable--nested-focusShadow {
	z-index: 1;
	box-shadow: 0 1px 0 0 rgba(58, 151, 212, 0.6)
}

.Pressable--focus--visible>.Pressable-shadows>.Pressable-focusShadow,
.Pressable--focus:focus-within>.Pressable-shadows>.Pressable-focusShadow,
.Pressable--focus:focus>.Pressable-shadows>.Pressable-focusShadow {
	z-index: 1;
	box-shadow: 0 0 0 4px rgba(58, 151, 212, 0.28)
}

:root {
	--sail-color-black: #000;
	--sail-color-white: #fff;
	--sail-color-gray-50: #f7fafc;
	--sail-color-gray-100: #e3e8ee;
	--sail-color-gray-200: #c1c9d2;
	--sail-color-gray-300: #a3acb9;
	--sail-color-gray-400: #8792a2;
	--sail-color-gray-500: #697386;
	--sail-color-gray-600: #4f566b;
	--sail-color-gray-700: #3c4257;
	--sail-color-gray-800: #2a2f45;
	--sail-color-gray-900: #1a1f36;
	--sail-color-blue-50: #f5fbff;
	--sail-color-blue-100: #d6ecff;
	--sail-color-blue-200: #a4cdfe;
	--sail-color-blue-300: #7dabf8;
	--sail-color-blue-400: #6c8eef;
	--sail-color-blue-500: #0070e0;
	--sail-color-blue-600: #3d4eac;
	--sail-color-blue-700: #2f3d89;
	--sail-color-blue-800: #212d63;
	--sail-color-blue-900: #131f41;
	--sail-color-cyan-50: #edfdfd;
	--sail-color-cyan-100: #c4f1f9;
	--sail-color-cyan-200: #7fd3ed;
	--sail-color-cyan-300: #4db7e8;
	--sail-color-cyan-400: #3a97d4;
	--sail-color-cyan-500: #067ab8;
	--sail-color-cyan-600: #075996;
	--sail-color-cyan-700: #06457a;
	--sail-color-cyan-800: #093353;
	--sail-color-cyan-900: #042235;
	--sail-color-green-50: #efffed;
	--sail-color-green-100: #cbf4c9;
	--sail-color-green-200: #85d996;
	--sail-color-green-300: #33c27f;
	--sail-color-green-400: #1ea672;
	--sail-color-green-500: #09825d;
	--sail-color-green-600: #0e6245;
	--sail-color-green-700: #0d4b3b;
	--sail-color-green-800: #0b3733;
	--sail-color-green-900: #082429;
	--sail-color-yellow-50: #fcf9e9;
	--sail-color-yellow-100: #f8e5b9;
	--sail-color-yellow-200: #efc078;
	--sail-color-yellow-300: #e5993e;
	--sail-color-yellow-400: #d97917;
	--sail-color-yellow-500: #bb5504;
	--sail-color-yellow-600: #983705;
	--sail-color-yellow-700: #762b0b;
	--sail-color-yellow-800: #571f0d;
	--sail-color-yellow-900: #3a1607;
	--sail-color-orange-50: #fffaee;
	--sail-color-orange-100: #fee3c0;
	--sail-color-orange-200: #f8b886;
	--sail-color-orange-300: #f5925e;
	--sail-color-orange-400: #e56f4a;
	--sail-color-orange-500: #c44c34;
	--sail-color-orange-600: #9e2f28;
	--sail-color-orange-700: #7e1e23;
	--sail-color-orange-800: #5d161b;
	--sail-color-orange-900: #420e11;
	--sail-color-red-50: #fff8f5;
	--sail-color-red-100: #fde2dd;
	--sail-color-red-200: #fbb5b2;
	--sail-color-red-300: #fa8389;
	--sail-color-red-400: #ed5f74;
	--sail-color-red-500: #cd3d64;
	--sail-color-red-600: #a41c4e;
	--sail-color-red-700: #80143f;
	--sail-color-red-800: #5e1039;
	--sail-color-red-900: #420828;
	--sail-color-purple-50: #fff8fe;
	--sail-color-purple-100: #fce0f6;
	--sail-color-purple-200: #f0b4e4;
	--sail-color-purple-300: #e28ddc;
	--sail-color-purple-400: #c96ed0;
	--sail-color-purple-500: #a450b5;
	--sail-color-purple-600: #7b3997;
	--sail-color-purple-700: #5b2b80;
	--sail-color-purple-800: #401d6a;
	--sail-color-purple-900: #2d0f55;
	--sail-color-violet-50: #f8f9fe;
	--sail-color-violet-100: #e6e6fc;
	--sail-color-violet-200: #c7c2ea;
	--sail-color-violet-300: #b0a1e1;
	--sail-color-violet-400: #9c82db;
	--sail-color-violet-500: #8260c3;
	--sail-color-violet-600: #61469b;
	--sail-color-violet-700: #4b3480;
	--sail-color-violet-800: #352465;
	--sail-color-violet-900: #1f184e;
	--sail-color-background: var(--sail-color-white);
	--sail-color-background-white: var(--sail-color-white);
	--sail-color-background-gray: var(--sail-color-gray-500);
	--sail-color-background-blue: var(--sail-color-blue-500);
	--sail-color-background-cyan: var(--sail-color-cyan-500);
	--sail-color-background-green: var(--sail-color-green-500);
	--sail-color-background-yellow: var(--sail-color-yellow-500);
	--sail-color-background-orange: var(--sail-color-orange-500);
	--sail-color-background-red: var(--sail-color-red-500);
	--sail-color-background-purple: var(--sail-color-purple-500);
	--sail-color-background-violet: var(--sail-color-violet-500);
	--sail-color-background-canvas: var(--sail-color-gray-100);
	--sail-color-background-offset: var(--sail-color-gray-50);
	/* LINE */
	--sail-color-line-divider: var(--sail-color-gray-100);
	--sail-color-line-divider-medium: var(--sail-color-gray-200);
	--sail-color-line-divider-dark: var(--sail-color-gray-600);
	--sail-color-line-selected: var(--sail-color-blue-400);
	--sail-color-line-focus: var(--sail-color-cyan-400);
	--sail-color-line-focus-keyline: var(--sail-color-cyan-600);
	--sail-color-line-invalid: var(--sail-color-red-400);
	--sail-color-line-keyline: var(--sail-color-line-divider);
	/* Quick hack to shorten variables to avoid rbga() mangling by formatters */
	--sosk: var(--sail-opacity-shadow-key);
	--sosa: var(--sail-opacity-shadow-ambient);
	--sclf: var(--sail-color-line-focus);
	--sosf: var(--sail-opacity-shadow-focus);
	--sclfk: var(--sail-color-line-focus-keyline);
	--sosfk: var(--sail-opacity-shadow-focus-keyline);
	--sail-color-shadow-key: rgba(var(--sail-color-black), var(--sosk));
	--sail-color-shadow-ambient: rgba(var(--sail-color-gray-700), var(--sosa));
	--sail-color-shadow-focus: rgba(var(--sclf), var(--sosf));
	--sail-color-shadow-focus-keyline: rgba(var(--sclfk), var(--sosfk));
	/* TEXT */
	--sail-color-text: var(--sail-color-gray-700);
	--sail-color-text-black: var(--sail-color-black);
	--sail-color-text-white: var(--sail-color-white);
	--sail-color-text-gray: var(--sail-color-gray-500);
	--sail-color-text-blue: var(--sail-color-blue-500);
	--sail-color-text-cyan: var(--sail-color-cyan-500);
	--sail-color-text-green: var(--sail-color-green-500);
	--sail-color-text-yellow: var(--sail-color-yellow-500);
	--sail-color-text-orange: var(--sail-color-orange-500);
	--sail-color-text-red: var(--sail-color-red-500);
	--sail-color-text-purple: var(--sail-color-purple-500);
	--sail-color-text-violet: var(--sail-color-violet-500);
	--sail-color-text-disabled: var(--sail-color-gray-300);
	--sail-color-text-hover: var(--sail-color-gray-900);
	--sail-color-text-emphasized: var(--sail-color-gray-900);
	--sail-color-text-invalid: var(--sail-color-text-red);
	--sail-color-text-selected: var(--sail-color-text-blue);
	--sail-color-text-link: var(--sail-color-text-blue);
	--sail-color-text-link-hover: var(--sail-color-text-hover);
}

:root {
	--sail-duration-80: 80ms;
	--sail-duration-120: 120ms;
	--sail-duration-160: 160ms;
	--sail-duration-240: 240ms;
	--sail-duration-320: 320ms;
	--sail-duration-400: 400ms;
	--sail-duration: var(--sail-duration-240);
	--sail-duration-out: var(--sail-duration-160);
	--sail-duration-fast: var(--sail-duration-120);
	--sail-duration-fast-out: var(--sail-duration-80);
	--sail-duration-slow: var(--sail-duration-400);
	--sail-duration-slow-out: var(--sail-duration-320);
}

:root {
	--sail-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu";
	--sail-font-monospace: "Menlo", "Consolas";
	--sail-font-ja-JP: "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN";
	--sail-font-zh-Hans: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei";
	--sail-font-family: var(--sail-font-system), sans-serif;
	--sail-font-family-ja-JP: var(--sail-font-system), var(--sail-font-ja-JP), sans-serif;
	--sail-font-family-zh-Hans: var(--sail-font-system), var(--sail-font-zh-Hans), sans-serif;
	--sail-font-family-monospace: var(--sail-font-monospace), monospace;
	--sail-font-family-monospace-ja-JP: var(--sail-font-monospace), var(--sail-font-ja-JP), monospace;
	--sail-font-family-monospace-zh-Hans: var(--sail-font-monospace), var(--sail-font-zh-Hans), monospace;
	--sail-font-size-11: 11px;
	--sail-font-size-12: 12px;
	--sail-font-size-13: 13px;
	--sail-font-size-14: 14px;
	--sail-font-size-15: 15px;
	--sail-font-size-16: 16px;
	--sail-font-size-20: 20px;
	--sail-font-size-24: 24px;
	--sail-font-size-28: 28px;
	--sail-font-size-32: 32px;
	--sail-font-size-48: 48px;
	--sail-font-size-56: 56px;
	--sail-font-lineHeight-16: 16px;
	--sail-font-lineHeight-20: 20px;
	--sail-font-lineHeight-24: 24px;
	--sail-font-lineHeight-28: 28px;
	--sail-font-lineHeight-32: 32px;
	--sail-font-lineHeight-36: 36px;
	--sail-font-lineHeight-40: 40px;
	--sail-font-lineHeight-56: 56px;
	--sail-font-lineHeight-64: 64px;
	--sail-font-weight-regular: 400;
	--sail-font-weight-medium: 500;
	--sail-font-weight-bold: 700;
	--sail-font-weight-link: var(--sail-font-weight-medium);
}

:root {
	--sail-modal-gutter: 40px;
	--sail-modal-gutter-mobile: 12px;
}

:root {
	--sail-opacity-0: 0;
	--sail-opacity-8: 0.08;
	--sail-opacity-12: 0.12;
	--sail-opacity-16: 0.16;
	--sail-opacity-20: 0.2;
	--sail-opacity-24: 0.24;
	--sail-opacity-28: 0.28;
	--sail-opacity-32: 0.32;
	--sail-opacity-36: 0.36;
	--sail-opacity-40: 0.4;
	--sail-opacity-48: 0.48;
	--sail-opacity-56: 0.56;
	--sail-opacity-64: 0.64;
	--sail-opacity-72: 0.72;
	--sail-opacity-80: 0.88;
	--sail-opacity-88: 0.88;
	--sail-opacity-96: 0.96;
	--sail-opacity-100: 1;
	--sail-opacity-shadow-key: var(--sail-opacity-12);
	--sail-opacity-shadow-ambient: var(--sail-opacity-8);
	--sail-opacity-shadow-focus: var(--sail-opacity-28);
	--sail-opacity-shadow-focus-keyline: var(--sail-opacity-36);
	--sail-opacity-overlay-modal: var(--sail-opacity-24);
}

:root {
	--sail-radius-1: 1px;
	--sail-radius-2: 2px;
	--sail-radius-3: 3px;
	--sail-radius-4: 4px;
	--sail-radius: var(--sail-radius-4);
}

:root {
	--sail-shadow-keyline: 0 0 0 1px var(--sail-color-line-keyline);
	--sail-shadow-small: 0 2px 5px 0 var(--sail-color-shadow-ambient), 0 1px 1px 0 var(--sail-color-shadow-key);
	--sail-shadow-medium: 0 7px 14px 0 var(--sail-color-shadow-ambient), 0 3px 6px 0 var(--sail-color-shadow-key);
	--sail-shadow-large: 0 15px 35px 0 var(--sail-color-shadow-ambient), 0 5px 15px 0 var(--sail-color-shadow-key);
	--sail-shadow-extraLarge: 0 50px 100px 0 var(--sail-color-shadow-ambient), 0 15px 35px 0 var(--sail-color-shadow-ambient), 0 5px 15px 0 var(--sail-color-shadow-key);
	--sail-shadow-focus: 0 0 0 4px var(--sail-color-shadow-focus);
	--sail-shadow-focus-keyline: 0 0 1px 1px var(--sail-color-shadow-focus-keyline);
	--sail-shadow-link-focus: var(--sail-shadow-focus), var(--sail-shadow-focus-keyline);
}

:root {
	--sail-spacing-0: 0;
	--sail-spacing-2: 2px;
	--sail-spacing-4: 4px;
	--sail-spacing-8: 8px;
	--sail-spacing-12: 12px;
	--sail-spacing-16: 16px;
	--sail-spacing-20: 20px;
	--sail-spacing-24: 24px;
	--sail-spacing-32: 32px;
	--sail-spacing-48: 48px;
	--sail-spacing-64: 64px;
	--sail-spacing-80: 80px;
}

:root {
	--sail-zIndex-contextualLayer: 300;
	--sail-zIndex-contextualLayer-inModal: 400;
	--sail-zIndex-toastLayer: 500;
}


/*# sourceMappingURL=sail.afc1dcad040a612ba8c8.css.map*/


/* logo */

.navbar-brand-svg {
	/* margin-top: 2rem; */
	margin-bottom: -1px;
}

.navbar-brand-svg .navbar-brand-svg-text {
	fill: currentColor
}

.navbar-brand-svg .text-primary {
	fill: #e63946
}

/*.torqboltlogo {
	width: 236px;
	height: 38px;
	position: relative;
	margin-left: -16px;
}*/

.torqboltlogo {
    top: -90px;
    margin-left: -55px;
    width: 300px;
    height: 270px;
    position: absolute;
}

@media (max-width:218px) {
	.torqboltlogo {
		width: 100%;
		margin: 0;
	}
}

@media (min-width:219px) and (max-width:399px) {
	.torqboltlogo {
		margin-left: -32px;
	}
}

@media (min-width:400px) and (max-width:992px) {
	.torqboltlogo {
		margin-left: -22px
	}
}

@media (min-width:993px) and (max-width:1199px) {
	.torqboltlogo {
		margin-left: -50px
	}
}


/* /external css */


/* external2 css */

.Search {
	max-width: 500px
}

.Search .SearchInput-spinner {
	padding-top: 6px
}

.Search .SearchInput-kbd {
	display: inline-block;
	text-align: center;
	padding: 0px 6px;
	font-style: italic;
	background: var(--sail-color-background-offset);
	border-radius: var(--sail-radius-4);
	border: 1px solid var(--sail-color-gray-100)
}

.Search-overlayCard {
	border: 1px solid var(--sail-color-gray-100)
}

.SearchResult.SearchResult-selected {
	background: var(--sail-color-background-blue);
	color: white
}

.SearchResult.SearchResult-selected .SearchResult-title {
	color: white
}

.SearchResult.SearchResult-selected .SearchResult-breadcrumbs,
.SearchResult.SearchResult-selected .SearchResult-methodSignature {
	color: white;
	opacity: 0.7
}

.SearchResult.SearchResult-selected .Icon svg {
	fill: white
}

.SearchResult.SearchResult-selected .SearchResult-right-wrapper-toast {
	color: var(--sail-color-gray-100)
}

.SearchResult {
	padding: 8px;
	padding-left: 12px;
	border-radius: var(--sail-radius-4);
	display: flex;
	align-items: center;
	width: 100%
}

.SearchResult p {
	margin: 0
}

.SearchResult .Spinner {
	padding-top: 6px
}

.SearchResult .SearchResult-left-wrapper {
	flex: 1;
	min-width: 0
}

.SearchResult .SearchResult-title strong {
	font-weight: 600
}

.SearchResult .SearchResult-description {
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.SearchResult .SearchResult-description strong {
	font-weight: 600
}

.SearchResult .SearchResult-methodSignature {
	color: var(--sail-color-gray-400);
	padding-bottom: 2px;
	font-family: 'Menlo', 'Consolas', monospace;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.SearchResult-copyable:hover {
	cursor: pointer
}

.SearchResult .SearchResult-right-wrapper {
	margin-left: 10px
}

.SearchResult .SearchResult-right-wrapper .Icon {
	padding-right: 5px
}

.SearchResult .SearchResult-right-wrapper-toast {
	padding: 2px 8px;
	color: var(--sail-color-gray-500);
	font-size: 12px;
	font-family: var(--sail-font-family);
	letter-spacing: 0.3px;
	line-height: 20px;
	font-weight: 600
}

@media (max-width: 1000px) {
	.Search {
		display: none
	}
}

.MobileNav {
	display: none;
	position: relative;
	max-width: 40vw;
	min-width: 50px;
	overflow: hidden;
	--mobile-nav-element-padding: 0 20px 0 8px
}

.MobileNav label {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: var(--sail-color-gray-500);
	z-index: 99;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: var(--mobile-nav-element-padding);
	display: inline-block;
	width: 100%
}

.MobileNav .MobileNav-arrow {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 5px
}

.MobileNav select {
	color: rgba(255, 255, 255, 0);
	z-index: 100;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	background: transparent;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: var(--mobile-nav-element-padding);
	position: absolute;
	left: 0
}

@media (max-width: 1000px) {
	.MobileNav {
		display: block;
		margin-left: 24px
	}
}

@media (max-width: 800px) {
	.MobileNav {
		display: flex;
		margin-left: 0;
		max-width: 50vw
	}
	.MobileNav label {
		font-size: 14px
	}
}

@media (max-width: 700px) {
	.MobileNav {
		max-width: 55vw
	}
}

@media (max-width: 350px) {
	.MobileNav {
		max-width: 40vw
	}
}

.Shell-legacy .Header {
	min-height: 68px
}

.Shell-legacy .Header-buttons--full {
	display: block
}

.Shell-legacy .Header-buttons--small {
	display: none
}

@media (max-width: 850px) {
	.Shell-legacy .Header {
		width: 100vw;
		overflow: hidden;
		min-height: 64px
	}
	.Shell-legacy .Header-buttons--full {
		display: none
	}
	.Shell-legacy .Header-buttons--small {
		display: block
	}
}

.CookieBanner {
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0
}

.CookieBanner-prompt {
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
	background: var(--sail-color-blue-900);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.CookieBanner-toast {
	position: absolute;
	bottom: 16px;
	right: 16px;
	border-radius: 4px;
	background: var(--sail-color-blue-900)
}

.CookieBanner-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 0 0 16px
}

.CookieBanner a {
	color: var(--sail-color-blue-400);
	white-space: nowrap
}

.CookieBanner a:hover {
	color: var(--sail-color-blue-500)
}

@media screen and (min-width: 1000px) {
	.CookieBanner-close {
		padding-left: 16px
	}
	.CookieBanner-close .ButtonLink-label {
		position: absolute !important;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px)
	}
}

@media screen and (max-width: 1000px) {
	.CookieBanner-prompt {
		width: 410px;
		left: auto;
		bottom: 16px;
		right: 16px;
		border-radius: 4px;
		flex-direction: column
	}
	.CookieBanner-close {
		padding-left: 0
	}
	.CookieBanner-close:hover .Icon svg {
		fill: var(--sail-color-blue-500)
	}
	.CookieBanner-close:hover .ButtonLink-label {
		color: var(--sail-color-blue-500)
	}
	.CookieBanner-actions {
		width: 100%;
		padding: 16px 0 0 0;
		flex-direction: row-reverse;
		justify-content: space-between
	}
}

@media screen and (max-width: 600px) {
	.CookieBanner-prompt {
		width: 100%;
		right: 0;
		bottom: 0;
		border-radius: 0
	}
}

.Heading+.TabGroup {
	margin-top: 8px
}

.Badge {
	padding: 1px 6px;
	border-radius: var(--sail-radius);
	margin: 0 4px
}

.Badge--gray {
	color: var(--sail-color-gray-600);
	background: var(--sail-color-gray-100)
}

.Badge--blue {
	color: var(--sail-color-blue-600);
	background: var(--sail-color-blue-100)
}

.Badge--cyan {
	color: var(--sail-color-cyan-600);
	background: var(--sail-color-cyan-100)
}

.Badge--green {
	color: var(--sail-color-green-600);
	background: var(--sail-color-green-100)
}

.Badge--yellow {
	color: var(--sail-color-yellow-600);
	background: var(--sail-color-yellow-100)
}

.Badge--red {
	color: var(--sail-color-red-600);
	background: var(--sail-color-red-100)
}

h1.Heading .Badge {
	font-size: 0.75em;
	font-weight: 600;
	position: relative;
	top: -1px
}

h2.Heading .Badge {
	font-size: 0.75em;
	font-weight: 600;
	position: relative;
	top: -1px
}

h3.Heading .Badge {
	font-size: 0.8em
}

h4.Heading .Badge {
	font-size: 0.8em
}

h5.Heading .Badge {
	font-size: 0.8em
}

h6.Heading .Badge {
	font-size: 0.8em
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	font-weight: 700
}

article h2 {
	padding-top: 32px
}

article h3 {
	padding-top: 20px;
	font-size: 16px;
	color: var(--sail-color-text-black)
}

article h3:not(:first-child) {
	margin-top: 18px;
	padding-top: 16px
}

article h4,
article h5,
article h6 {
	margin-top: 20px;
	padding-top: 10px;
	font-size: 16px;
	font-weight: 600;
	color: var(--sail-color-text-black)
}

.Heading.Heading--anchored {
	cursor: pointer
}

.Heading.Heading--anchored:after {
	content: '';
	position: relative;
	top: 1px;
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(/docs/assets/fcc3a1c24df6fcffface6110ca4963de.svg) no-repeat;
	background-size: 100% 100%;
	margin-left: 4px;
	opacity: 0;
	transition: opacity 250ms ease-in-out
}

.Heading.Heading--anchored:hover:after {
	opacity: 1
}

.Collapsable {
	padding-top: var(--default-vertical-spacing)
}

.Collapsable .Collapsable-heading {
	cursor: pointer
}

.Collapsable .Collapsable-heading h3 {
	padding-top: 0
}

p+.Collapsable,
.Collapsable+p {
	padding-top: calc(var(--default-vertical-spacing) * 3)
}

.Document a:not(.no-api-tag)[href^="/docs/api"],
.Document a:not(.no-api-tag)[href^="/docs/js"],
.Document a:not(.no-api-tag)[href^="/docs/stripe-js/reference"] {
	position: relative;
	padding-right: 20px;
	display: inline-block
}

.Document a:not(.no-api-tag)[href^="/docs/api"]:after,
.Document a:not(.no-api-tag)[href^="/docs/js"]:after,
.Document a:not(.no-api-tag)[href^="/docs/stripe-js/reference"]:after {
	position: absolute;
	content: '';
	display: inline-block;
	margin-left: 4px;
	margin-right: -20px;
	width: 20px;
	height: 12px;
	background-image: url(/docs/assets/f8b92fd0090c242da6961f3d1dafdabd.svg);
	background-repeat: no-repeat;
	background-size: 16px auto;
	bottom: 5px
}

.Document a:not(.no-api-tag)[href^="/docs/js"]:after,
.Document a:not(.no-api-tag)[href^="/docs/stripe-js/reference"]:after {
	background-image: url(/docs/assets/a309f79057d8fc94640cf6a28de90c4f.svg)
}

.Document a.no-api-tag:after {
	display: none !important
}

.Document blockquote {
	border-left: 1px solid var(--sail-color-gray-200);
	padding: 5px 0px 5px 10px;
	margin: 10px 0
}

.Document blockquote p {
	padding-top: 0;
	font-size: 14px;
	line-height: 20px
}

.Footnote p {
	font-size: 13px;
	color: var(--sail-color-gray-500);
	font-weight: 400
}

.Glossary-term {
	color: #556cd6;
	padding: 4px 0;
	font-weight: var(--sail-font-weight-medium);
	transition: background-size .1s ease;
	background-image: linear-gradient(120deg, rgba(196, 240, 255, 0.7), rgba(196, 240, 255, 0.9));
	background-repeat: no-repeat;
	background-size: 100% .2em;
	background-position: 0 88%
}

.Glossary-term:hover {
	color: #025984;
	background-size: 100% 100%
}

.ZoomableImage-wrapper {
	text-align: center
}

.ZoomableImage-wrapper p {
	padding-top: 4px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	color: var(--sail-color-gray-500)
}

a.ZoomableImage-wrapper {
	cursor: zoom-in;
	display: block
}

.ZoomableImage {
	display: inline-block
}

.AsideImage {
	padding: 16px;
	margin-left: 20px;
	max-width: 262px;
	float: right;
	margin-top: var(--default-vertical-spacing);
	margin-bottom: var(--default-vertical-spacing)
}

.ZoomableImage-expanded {
	width: 100%;
	display: block;
	cursor: zoom-out
}

.ImageGroup img {
	border-radius: var(--sail-radius)
}

.ImageGroup {
	clear: both
}

.InlineCode {
	font-size: 15px;
	color: var(--sail-color-text);
	font-weight: 500;
	padding: 1px 2px;
	background: var(--sail-color-gray-50);
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px
}

.Heading .InlineCode {
	font-size: inherit;
	font-weight: inherit;
	background: unset;
	border: none
}

.List {
	padding-top: var(--default-vertical-spacing);
	font-size: 16px;
	line-height: 26px;
	list-style: none;
	padding-left: 0
}

.List>li {
	position: relative;
	margin: 4px 0
}

.List.default>li {
	padding-left: 32px
}

.List p {
	padding-top: 0
}

.List .List {
	padding: 4px 0
}

ul.List.default>li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 8px;
	top: 10px;
	border-radius: 50%;
	background: var(--sail-color-gray-200)
}

ul.List.checkmark>li {
	padding-left: 32px
}

ul.List.checkmark>li:before {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	left: 7px;
	top: 7px;
	background: url("../img/icon/icon-checkmark.svg");
	background-size: 12px 12px;
	background-repeat: no-repeat
}

ul.List.question>li {
	padding-left: 32px;
	padding-bottom: 24px
}

ul.List.question>li p:not(:first-child) {
	margin-top: 12px
}

ul.List.question>li strong {
	font-weight: var(--sail-font-weight-bold)
}

ul.List.question>li:before {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	left: 7px;
	top: 7px;
	background-image: url("../img/icon/icon-question.svg");
	background-size: 12px 12px;
	background-repeat: no-repeat;
	overflow: hidden
}

ul.List.guide>li {
	padding-left: 24px
}

ul.List.guide>li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 2px;
	width: 24px;
	height: 24px;
	margin-left: 0;
	background: url("../img/icon/icon-next-step.svg");
	background-repeat: no-repeat
}

ol.List {
	counter-reset: listitem
}

ol.List>li:after {
	counter-increment: listitem;
	content: counter(listitem);
	background: var(--sail-color-gray-100);
	color: var(--sail-color-text-gray);
	font-size: 12px;
	font-weight: 500;
	line-height: 10px;
	text-align: center;
	padding: 5px 0;
	height: 10px;
	width: 20px;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 3px
}

.PageSelector-tab .ContentTab-text {
	font-size: 16px
}

article p {
	line-height: 26px;
	font-size: 16px;
	color: var(--sail-color-text);
	padding-top: var(--default-vertical-spacing)
}

:root {
	counter-reset: --section-number-counter
}

.Table table {
	margin: 16px 0 8px 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0
}

.Table table:not(:first-child) {
	margin-top: 20px
}

.Table table a[href^="/docs/api"]:after,
.Table table a[href^="/docs/js"]:after,
.Table table a[href^="/docs/stripe-js/reference"]:after {
	bottom: 2px
}

.Table thead tr th {
	font-weight: 500;
	font-size: 13px;
	color: var(--sail-color-text-gray);
	text-transform: uppercase;
	text-align: left;
	padding: 0 16px 8px 16px
}

.Table thead tr th p {
	font-size: 13px;
	color: var(--sail-color-text);
	text-transform: uppercase;
	padding: 0;
	line-height: 15px
}

.Table tbody,
.Table tbody td>* {
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
	padding-top: 0
}

.Table tbody tr:first-child>td {
	border-top-width: 1px
}

.Table tbody tr:first-child>td:first-child {
	border-top-left-radius: 4px
}

.Table tbody tr:first-child>td:last-child {
	border-top-right-radius: 4px
}

.Table tbody tr:last-child>td:first-child {
	border-bottom-left-radius: 4px
}

.Table tbody tr:last-child>td:last-child {
	border-bottom-right-radius: 4px
}

.Table tbody tr td {
	padding: 16px 16px;
	border-color: var(--sail-color-gray-100);
	border-style: solid;
	border-bottom-width: 1px
}

.Table tbody tr td:first-child {
	border-left-width: 1px
}

.Table tbody tr td:last-child {
	border-right-width: 1px
}

.Table--striped tbody tr:nth-child(2n+1) td {
	background: var(--sail-color-gray-50)
}

.Table--reference th:first-child {
	text-align: right;
	padding: 0 9px 7px 16px
}

.Table--reference td {
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: top
}

.Table--reference td:first-child {
	text-align: right
}

.Table--reference td:first-child code {
	display: block;
	margin-bottom: 4px;
	text-align: right
}

.Table--fixed table {
	table-layout: fixed
}

@media (max-width: 800px) {
	.Table {
		display: block;
		max-width: fit-content;
		margin: 0 auto;
		overflow-x: auto
	}
}


@keyframes ContentSkeleton-animation {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes ContentSkeleton-Overlay-animation {
	0% {
		background-position: -200px 0
	}
	100% {
		background-position: calc(200px + 100%) 0
	}
}

@media (max-width: 600px) {
	.Footer-content {
		flex-direction: column
	}
}

.Title {
	font-size: 32px;
	color: var(--sail-color-text-black);
	font-weight: 700;
	margin: 0;
	padding: 0
}

.Title .Badge {
	margin-left: 8px;
	padding: 2px 8px 3px 8px;
	top: -4px;
	position: relative
}

.Title .Badge .Badge-text {
	font-size: 16px
}

.TableOfContents {
	display: block;
	position: sticky;
	top: 48px;
	height: calc(100vh - 48px);
	padding-left: 48px;
	width: 250px;
	flex: none
}

.TableOfContents .TableOfContents-header {
	display: block;
	padding-bottom: 16px
}

@media (max-width: 1200px) {
	.TableOfContents {
		display: none
	}
}

.Breadcrumbs-link {
	white-space: normal
}

.Breadcrumbs-link::after {
	content: '/';
	color: var(--sail-color-gray-300);
	font-weight: var(--sail-font-weight-medium);
	padding: 0 8px
}

.Breadcrumbs-link:last-child::after {
	content: ''
}

.Breadcrumbs-link:hover {
	color: var(--sail-color-gray-700)
}

.Content {
	height: 100vh;
	overflow-y: auto;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1;
	padding-top: 0;
	width: calc(100vw - var(--sidebar-width))
}

@media screen and (max-width: 1000px) {
	.Content[data-type="landing-page"] .Content-article {
		width: 100%
	}
	.Content-container {
		width: 100%;
		max-width: var(--content-max-width)
	}
	.Content-articleContainer {
		width: 100%
	}
}


/* @media screen and (min-width: 2112px) {
	.full-side-space {
	    width: 127rem;
	}
} */

.Content-article {
	min-width: var(--article-min-width)
}

@media only print {
	.Shell-legacy .Content {
		overflow-y: visible
	}
	.Shell-legacy .Shell {
		overflow-x: visible !important
	}
}

@media (max-width: 800px) {
	.Shell-legacy .Content-articleContainer {
		padding-top: 24px;
		padding-right: 24px;
		padding-bottom: 24px;
		padding-left: 24px
	}
}

@media (max-width: 1000px) {
	.Shell-legacy .Content {
		width: 100vw
	}
	.Shell-legacy .Content-articleContainer {
		width: 100vw
	}
}

@media (min-width: 1500px) {
	.Shell-legacy .Content {
		padding-top: 12px
	}
}

@media (min-width: 1900px) {
	.Shell-legacy .Content {
		padding-top: 20px
	}
}

.Shell-split .Content {
	width: 100%
}

.Shell-legacy .SidebarContainer {
	width: var(--sidebar-width);
	z-index: 1;
	user-select: none
}

@media (max-width: 1000px) {
	.SidebarContainer {
		display: none
	}
}

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

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

@keyframes highlightProperty {
	0% {
		background-size: 0% 100%;
		background-position: -100% 0
	}
	25% {
		background-size: 100% 100%;
		background-position: 100% 0;
		color: #1a2652
	}
	75% {
		background-size: 100% 100%;
		background-position: 100% 0;
		color: #1a2652
	}
	100% {
		background-size: 0 100%;
		background-position: 100% 0
	}
}

.Guide--description p:not(:last-of-type) {
	margin-bottom: 12px
}

.Guide--toggle {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--sail-color-gray-600);
	border: 1px solid var(--sail-color-gray-100);
	box-shadow: none;
	border-radius: 6px;
	transition: border 100ms ease-in-out
}

.Guide--toggle.active {
	color: var(--sail-color-blue-500);
	border: 2px solid var(--sail-color-blue-400)
}

.Guide--toggle.active a {
	color: var(--sail-color-blue-600) !important
}

.Settings {
	margin-top: 32px;
	margin-bottom: 40px;
	margin-left: 5vw;
	margin-right: 5vw
}

.Selector--full {
	display: flex
}

.Selector--small {
	display: none
}

.Guide--toggle-full {
	display: flex
}

.Guide--toggle-small {
	display: none
}

@media screen and (max-width: 1320px) {
	.Settings {
		margin-left: 5% !important
	}
	.Settings-seemore {
		display: none
	}
}

@media screen and (max-width: 1079px) {
	.Selector--full {
		display: none
	}
	.Selector--small {
		display: flex
	}
	.Guide--toggle-full {
		display: none
	}
	.Guide--toggle-small {
		display: block
	}
}

@media screen and (max-width: 1686px) {
	.Settings.terminal {
		margin-left: 5% !important
	}
	.Settings-seemore.terminal {
		display: none
	}
}

@media screen and (max-width: 1445px) {
	.Selector--full.terminal {
		display: none
	}
	.Selector--small.terminal {
		display: flex
	}
}

.NarrowScreenWarning {
	display: none
}

@media screen and (max-width: 999px) {
	.NarrowScreenWarning {
		display: block
	}
}

:root {
	--sidebar-width: 250px;
	--content-max-width: 1175px;
	--article-min-width: 200px;
	--default-vertical-spacing: 12px;
	--code-block-vertical-spacing: 16px
}

html,
body,
#root {
	height: 100%;
	background: var(--sail-color-white)
}

#content b,
#content strong {
	color: var(--sail-color-gray-900)
}

*:focus {
	outline: none
}


/*cssnext*/


/*

  Keep this file absolutely minimal.
  Only for styles that will be used on *absolutely every page.*

*/


/* Reset */

* {
	box-sizing: border-box;
}

.LegacyContentWrapper body,
.LegacyContentWrapper h1,
.LegacyContentWrapper h2,
.LegacyContentWrapper h3,
.LegacyContentWrapper h4,
.LegacyContentWrapper h5,
.LegacyContentWrapper h6,

/* .LegacyContentWrapper p, */

.LegacyContentWrapper pre,
.LegacyContentWrapper blockquote,

/* .LegacyContentWrapper button, */


/* .LegacyContentWrapper ul, */


/* .LegacyContentWrapper ol, */


/* .LegacyContentWrapper dl, */


/* .LegacyContentWrapper dd, */

.LegacyContentWrapper figure {
	margin: 0;
	padding: 0;
}


/* .LegacyContentWrapper ul,
.LegacyContentWrapper ol {
	list-style: none;
} */

.LegacyContentWrapper a {
	text-decoration: none;
}

.LegacyContentWrapper button,
.LegacyContentWrapper select {
	/* border: none; */
	outline: none;
	/* background: none; */
	font-family: inherit;
}

.LegacyContentWrapper a,
.LegacyContentWrapper button,
.LegacyContentWrapper select,
.LegacyContentWrapper input,
.LegacyContentWrapper textarea {
	-webkit-tap-highlight-color: transparent;
}


/* Base styles */

:root {
	overflow-x: hidden;
	height: 100%;
	/* Min height so footer country picker doesn't get cut off */
	/*  &.popupActive {
    min-height: 1406px;

    @media (--sm-viewport) {
      min-height: 882px;
    }

    @media (--md-viewport) {
      min-height: 772px;
    }
  }*/
}

.LegacyContentWrapper body {
	background: white;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	font-size: 62.5%;
	font-family: var(--camphor), 'Open Sans', 'Segoe UI', sans-serif;
	font-weight: var(--regular);
	font-style: normal;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-variant-numeric: proportional-nums;
}

.LegacyContentWrapper .globalContent {
	flex-grow: 1;
}

.LegacyContentWrapper html[lang='ja'] body {
	font-family: 'Camphor', 'Meiryo', 'Hiragino Sans', sans-serif;
}

.LegacyContentWrapper code,
.LegacyContentWrapper pre {
	font-family: var(--sourceCode), 'Consolas', 'Menlo', monospace;
}

/*cssnext*/


/*

  This file is for commonly used *but not required* components
  and helper classes throughout the site.

  Make sure they're all explicitly *opt-in*.

*/


/* Basic layout */

.LegacyContentWrapper .container,
.LegacyContentWrapper .container-sm,
.LegacyContentWrapper .container-md,
.LegacyContentWrapper .container-lg,
.LegacyContentWrapper .container-wide,
.LegacyContentWrapper .container-xl,
.LegacyContentWrapper .container-fluid {
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}

.LegacyContentWrapper .container-sm {
	max-width: var(--sm-min);
}

.LegacyContentWrapper .container-md {
	max-width: var(--md-min);
}


/* Use .container-lg -- .container will be deprecated*/

.LegacyContentWrapper .container,
.LegacyContentWrapper .container-lg {
	max-width: var(--lg-min);
}


/* Use .container-xl -- .container-wide will be deprecated*/

.LegacyContentWrapper .container-wide,
.LegacyContentWrapper .container-xl {
	max-width: var(--xl-min);
}


/* Text styles */

.LegacyContentWrapper .common-PageTitle {
	font-weight: var(--light);
	font-size: 45px;
	line-height: 56px;
	color: var(--slate1);
	letter-spacing: -0.01em;
	@media (--sm-viewport) {
		font-size: 53px;
		line-height: 68px;
	}
}

.LegacyContentWrapper .common-SectionTitle {
	font-weight: var(--regular);
	font-size: 34px;
	line-height: 44px;
	color: var(--slate1);
	@media (--sm-viewport) {
		font-size: 42px;
		line-height: 52px;
	}
}

.LegacyContentWrapper .common-SectionTitleHighlight {
	font-weight: var(--light);
	color: var(--blue4);
}

.LegacyContentWrapper .common-IntroText {
	font-weight: var(--light);
	font-size: 21px;
	line-height: 32px;
	color: var(--slate2);
	@media (--sm-viewport) {
		font-size: 24px;
		line-height: 36px;
	}
}

.LegacyContentWrapper .common-BodyTitle {
	font-weight: var(--medium);
	font-size: 19px;
	line-height: 32px;
	color: var(--slate1);
}

.LegacyContentWrapper .common-BodyText {
	font-weight: var(--regular);
	font-size: 17px;
	line-height: 28px;
	color: var(--slate3);
}

.LegacyContentWrapper .common-MediumBodyText {
	font-weight: var(--regular);
	font-size: 19px;
	line-height: 32px;
	color: var(--slate3);
}

.LegacyContentWrapper .common-UppercaseTitle {
	font-size: 20px;
	line-height: 32px;
	font-weight: var(--bold);
	text-transform: uppercase;
	letter-spacing: 0.025em;
	@media (--sm-viewport) {
		font-size: 21px;
		line-height: 32px;
	}
}

.LegacyContentWrapper .common-UppercaseText {
	font-size: 17px;
	line-height: 28px;
	font-weight: var(--bold);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.LegacyContentWrapper .common-AlignRight {
	text-align: right;
}

.LegacyContentWrapper .common-AlignCenter {
	text-align: center;
}

.LegacyContentWrapper .common-NoWrap {
	white-space: nowrap;
}


/* Product name with icon */

.LegacyContentWrapper .common-ProductLockup,
.LegacyContentWrapper .common-ProductLockupBack {
	font-size: 24px;
	line-height: 30px;
	font-weight: var(--bold);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
}

@media (--sm-viewport) {
	.LegacyContentWrapper .common-ProductLockup,
	.LegacyContentWrapper .common-ProductLockupBack {
		font-size: 28px;
		line-height: 38px;
	}
}

.LegacyContentWrapper .common-ProductLockup .icon,
.LegacyContentWrapper .common-ProductLockupBack .icon {
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: var(--shadowMedium);
	margin-right: 20px;
}

@media (--sm-viewport) {
	.LegacyContentWrapper .common-ProductLockup .icon,
	.LegacyContentWrapper .common-ProductLockupBack .icon {
		width: 72px;
		height: 72px;
	}
}

.LegacyContentWrapper .common-ProductLockupBack {
	display: inline-flex;
	font-size: 20px;
	transition: color 100ms;
}

.LegacyContentWrapper .common-ProductLockupBack::before {
	font: normal 48px/24px 'StripeIcons';
	content: var(--rightArrow-thin);
	transform: scaleX(-1);
	width: 36px;
	text-align: right;
	position: relative;
	top: -6px;
	transition: color 100ms;
}

.LegacyContentWrapper .common-ProductLockupBack .icon {
	width: 48px;
	height: 48px;
}

.LegacyContentWrapper .common-ProductLockupBack .hover-fillLight,
.LegacyContentWrapper .common-ProductLockupBack .hover-fillDark {
	transition: fill 100ms;
}

.LegacyContentWrapper .common-ProductLockupBack .hover-strokeLight,
.LegacyContentWrapper .common-ProductLockupBack .hover-strokeDark {
	transition: stroke 100ms;
}

.LegacyContentWrapper .common-ProductLockupBack:hover .hover-fillLight {
	fill: var(--slate5);
}

.LegacyContentWrapper .common-ProductLockupBack:hover .hover-fillDark {
	fill: var(--slate1);
}

.LegacyContentWrapper .common-ProductLockupBack:hover .hover-strokeLight {
	stroke: var(--slate5);
}

.LegacyContentWrapper .common-ProductLockupBack:hover .hover-strokeDark {
	stroke: var(--slate1);
}


/* Links */

.LegacyContentWrapper .common-Link {
	color: var(--blue4);
	font-weight: var(--medium);
	transition: color 100ms ease;
	cursor: pointer;
}

.LegacyContentWrapper .common-Link:hover,
.LegacyContentWrapper .common-Link:focus {
	color: var(--blue1);
}

.LegacyContentWrapper .common-Link:active {
	color: #000;
}

/* @nest .keyboard-navigation &:focus {
	outline: none;
	text-decoration: underline;
	text-underline-position: under;
} */

.LegacyContentWrapper .common-Link--arrow::after {
	font: var(--stripeIcons);
	content: var(--rightArrow-heavy);
	padding-left: 5px;
}

.LegacyContentWrapper .common-Link--arrowL::before {
	display: inline-block;
	font: var(--stripeIcons);
	content: var(--rightArrow-heavy);
	transform: rotate(180deg);
	margin-right: 5px;
	vertical-align: -2px;
}

.LegacyContentWrapper .common-Link--download::before {
	display: inline-block;
	font: var(--stripeIcons);
	content: var(--rightArrow-heavyLarge);
	margin-right: 2px;
	vertical-align: -2px;
	transform: rotate(90deg) scale(0.9);
}

.LegacyContentWrapper .common-UppercaseText.common-Link--arrow::after {
	content: var(--rightArrow-heavyLarge);
}


/* Text on dark backgrounds */

.LegacyContentWrapper .common-InvertedText .common-PageTitle,
.LegacyContentWrapper .common-InvertedText .common-SectionTitle,
.LegacyContentWrapper .LegacyContentWrapper .common-InvertedText .common-SectionTitleHighlight,
.LegacyContentWrapper .LegacyContentWrapper .common-InvertedText .common-BodyTitle,
.LegacyContentWrapper .LegacyContentWrapper .common-InvertedText .common-UppercaseTitle,
.LegacyContentWrapper .LegacyContentWrapper .common-InvertedText .common-UppercaseText {
	color: white;
}

.LegacyContentWrapper .common-InvertedText .common-IntroText {
	color: var(--blue8);
}

.LegacyContentWrapper .common-InvertedText .common-BodyText {
	color: var(--blue7);
}

.LegacyContentWrapper .common-Link--white,
.LegacyContentWrapper .common-InvertedText .common-Link {
	color: white;
}

.LegacyContentWrapper .common-Link--white:hover,
.LegacyContentWrapper .common-InvertedText .common-Link:hover,
.LegacyContentWrapper .LegacyContentWrapper .common-Link--white:focus,
.LegacyContentWrapper .LegacyContentWrapper .common-InvertedText .common-Link:focus {
	color: var(--blue8);
}

.LegacyContentWrapper .common-Link--white:active,
.LegacyContentWrapper .common-InvertedText .common-Link:active {
	color: var(--blue6);
}


/* Button */

.LegacyContentWrapper .common-Button {
	white-space: nowrap;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
	background: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-weight: var(--bold);
	text-transform: uppercase;
	letter-spacing: 0.025em;
	color: var(--blue4);
	text-decoration: none;
	transition: all 150ms ease;
}

.LegacyContentWrapper .common-Button:hover,
.LegacyContentWrapper .common-Button:focus,
.LegacyContentWrapper .LegacyContentWrapper .common-Button.js-hover {
	color: var(--blue5);
	transform: translateY(-1px);
	box-shadow: var(--shadowMedium);
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.10), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.LegacyContentWrapper .common-Button:active,
.LegacyContentWrapper .common-Button.js-active {
	color: var(--blue3);
	background-color: var(--slate9);
	transform: translateY(1px);
	box-shadow: var(--shadowSmall);
}

/* @nest .keyboard-navigation &:focus {
	outline: none;
	box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.75), 0 0 0 1.25px color(var(--slate3) alpha(50%)) inset, var(--shadowMedium);
} */

.LegacyContentWrapper .common-Button--default {
	color: #fff;
	background: var(--blue4);
}

.LegacyContentWrapper .common-Button--default:hover,
.LegacyContentWrapper .common-Button--default:focus,
.LegacyContentWrapper .common-Button--default.js-hover {
	color: #fff;
	background-color: var(--blue5);
}

.LegacyContentWrapper .common-Button--default:active,
.LegacyContentWrapper .common-Button--default.js-active {
	color: var(--slate8);
	background-color: var(--blue3);
}

.LegacyContentWrapper .common-Button--dark {
	color: #fff;
	background: var(--blue1);
}

.LegacyContentWrapper .common-Button--dark:hover,
.LegacyContentWrapper .common-Button--dark:focus {
	color: #fff;
	background-color: var(--blue2);
}

.LegacyContentWrapper .common-Button--dark:active {
	color: var(--slate8);
	background-color: var(--blue1);
}

.LegacyContentWrapper .common-Button--disabled,
.LegacyContentWrapper .js-disabled {
	color: #fff;
	background: var(--slate6);
	pointer-events: none;
}

.LegacyContentWrapper .common-ButtonIcon {
	display: inline;
	margin: 0 5px 0 0;
	position: relative;
}

.LegacyContentWrapper .common-ButtonGroup {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.LegacyContentWrapper .common-ButtonGroup .common-Button {
	flex-shrink: 0;
	margin: 10px;
}

.LegacyContentWrapper .backgroundContainer,
.LegacyContentWrapper .stripeContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: skewY(-12deg);
}

.LegacyContentWrapper .backgroundContainer .grid {
	grid-template-columns: 1fr;
	min-width: 0;
}

.LegacyContentWrapper .backgroundContainer .background {
	grid-row: -1;
	grid-column: -1;
	z-index: -1;
}

.LegacyContentWrapper .stripeContainer {
	overflow: hidden;
}

.LegacyContentWrapper .anchorBottom .backgroundContainer,
.LegacyContentWrapper .anchorBottom .stripeContainer {
	justify-content: flex-end;
}

.LegacyContentWrapper .anchorBottom .grid {
	height: 200%;
	align-content: end;
}

.LegacyContentWrapper .grid {
	--content-column-width: minmax(0, calc(var(--lg-min) / var(--content-columns)));
	--gutter-column-width: 1fr;
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-rows: repeat(auto-fill, var(--stripe-height));
	grid-template-columns: [viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns), var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns), var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns), var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end];
}

@media (--lg-viewport) {
	.LegacyContentWrapper .grid {
		--gutter-column-width: var(--content-column-width);
		min-width: calc(var(--lg-min) / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)));
	}
}

/* Fonts */

:root {
	--sail-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu";
	--sail-font-monospace: "Menlo", "Consolas";
	--sail-font-ja-JP: "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "Hiragino Kaku Gothic ProN";
	--sail-font-zh-Hans: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "Microsoft JhengHei";
	--sail-font-family: var(--sail-font-system), sans-serif;
	--sail-font-family-ja-JP: var(--sail-font-system), var(--sail-font-ja-JP), sans-serif;
	--sail-font-family-zh-Hans: var(--sail-font-system), var(--sail-font-zh-Hans), sans-serif;
	--sail-font-family-monospace: var(--sail-font-monospace), monospace;
	--sail-font-family-monospace-ja-JP: var(--sail-font-monospace), var(--sail-font-ja-JP), monospace;
	--sail-font-family-monospace-zh-Hans: var(--sail-font-monospace), var(--sail-font-zh-Hans), monospace;
	--sail-font-size-11: 11px;
	--sail-font-size-12: 12px;
	--sail-font-size-13: 13px;
	--sail-font-size-14: 14px;
	--sail-font-size-15: 15px;
	--sail-font-size-16: 16px;
	--sail-font-size-20: 20px;
	--sail-font-size-24: 24px;
	--sail-font-size-32: 32px;
	--sail-font-size-48: 48px;
	--sail-font-size-56: 56px;
	--sail-font-lineHeight-16: 16px;
	--sail-font-lineHeight-20: 20px;
	--sail-font-lineHeight-24: 24px;
	--sail-font-lineHeight-28: 28px;
	--sail-font-lineHeight-32: 32px;
	--sail-font-lineHeight-40: 40px;
	--sail-font-lineHeight-56: 56px;
	--sail-font-lineHeight-64: 64px;
	--sail-font-weight-regular: 400;
	--sail-font-weight-medium: 500;
	--sail-font-weight-bold: 700;
	--sail-font-weight-link: var(--sail-font-weight-medium);
}


/* Colors */

:root {
	--sail-color-black: #1F1A47;
	--sail-color-white: #fff;
	--sail-color-gray-50: #f7fafc;
	--sail-color-gray-100: #e3e8ee;
	--sail-color-gray-200: #c1c9d2;
	--sail-color-gray-300: #a3acb9;
	--sail-color-gray-400: #8792a2;
	--sail-color-gray-500: #697386;
	--sail-color-gray-600: #4f566b;
	--sail-color-gray-700: #3c4257;
	--sail-color-gray-800: #2a2f45;
	--sail-color-gray-900: #1a1f36;
	--sail-color-blue-50: #f5fbff;
	--sail-color-blue-100: #d6ecff;
	--sail-color-blue-200: #a4cdfe;
	--sail-color-blue-300: #7dabf8;
	--sail-color-blue-400: #6c8eef;
	--sail-color-blue-500: #0070e0;
	--sail-color-blue-600: #3d4eac;
	--sail-color-blue-700: #2f3d89;
	--sail-color-blue-800: #212d63;
	--sail-color-blue-900: #131f41;
	--sail-color-cyan-50: #edfdfd;
	--sail-color-cyan-100: #c4f1f9;
	--sail-color-cyan-200: #7fd3ed;
	--sail-color-cyan-300: #4db7e8;
	--sail-color-cyan-400: #3a97d4;
	--sail-color-cyan-500: #067ab8;
	--sail-color-cyan-600: #075996;
	--sail-color-cyan-700: #06457a;
	--sail-color-cyan-800: #093353;
	--sail-color-cyan-900: #042235;
	--sail-color-green-50: #efffed;
	--sail-color-green-100: #cbf4c9;
	--sail-color-green-200: #85d996;
	--sail-color-green-300: #33c27f;
	--sail-color-green-400: #1ea672;
	--sail-color-green-500: #09825d;
	--sail-color-green-600: #0e6245;
	--sail-color-green-700: #0d4b3b;
	--sail-color-green-800: #0b3733;
	--sail-color-green-900: #082429;
	--sail-color-yellow-50: #fcf9e9;
	--sail-color-yellow-100: #f8e5b9;
	--sail-color-yellow-200: #efc078;
	--sail-color-yellow-300: #e5993e;
	--sail-color-yellow-400: #d97917;
	--sail-color-yellow-500: #bb5504;
	--sail-color-yellow-600: #983705;
	--sail-color-yellow-700: #762b0b;
	--sail-color-yellow-800: #571f0d;
	--sail-color-yellow-900: #3a1607;
	--sail-color-orange-50: #fffaee;
	--sail-color-orange-100: #fee3c0;
	--sail-color-orange-200: #f8b886;
	--sail-color-orange-300: #f5925e;
	--sail-color-orange-400: #e56f4a;
	--sail-color-orange-500: #c44c34;
	--sail-color-orange-600: #9e2f28;
	--sail-color-orange-700: #7e1e23;
	--sail-color-orange-800: #5d161b;
	--sail-color-orange-900: #420e11;
	--sail-color-red-50: #fff8f5;
	--sail-color-red-100: #fde2dd;
	--sail-color-red-200: #fbb5b2;
	--sail-color-red-300: #fa8389;
	--sail-color-red-400: #ed5f74;
	--sail-color-red-500: #cd3d64;
	--sail-color-red-600: #a41c4e;
	--sail-color-red-700: #80143f;
	--sail-color-red-800: #5e1039;
	--sail-color-red-900: #420828;
	--sail-color-purple-50: #fff8fe;
	--sail-color-purple-100: #fce0f6;
	--sail-color-purple-200: #f0b4e4;
	--sail-color-purple-300: #e28ddc;
	--sail-color-purple-400: #c96ed0;
	--sail-color-purple-500: #a450b5;
	--sail-color-purple-600: #7b3997;
	--sail-color-purple-700: #5b2b80;
	--sail-color-purple-800: #401d6a;
	--sail-color-purple-900: #2d0f55;
	--sail-color-violet-50: #f8f9fe;
	--sail-color-violet-100: #e6e6fc;
	--sail-color-violet-200: #c7c2ea;
	--sail-color-violet-300: #b0a1e1;
	--sail-color-violet-400: #9c82db;
	--sail-color-violet-500: #8260c3;
	--sail-color-violet-600: #61469b;
	--sail-color-violet-700: #4b3480;
	--sail-color-violet-800: #352465;
	--sail-color-violet-900: #1f184e;
	--sail-color-background: var(--sail-color-white);
	--sail-color-background-white: var(--sail-color-white);
	--sail-color-background-gray: var(--sail-color-gray-500);
	--sail-color-background-blue: var(--sail-color-blue-500);
	--sail-color-background-cyan: var(--sail-color-cyan-500);
	--sail-color-background-green: var(--sail-color-green-500);
	--sail-color-background-yellow: var(--sail-color-yellow-500);
	--sail-color-background-orange: var(--sail-color-orange-500);
	--sail-color-background-red: var(--sail-color-red-500);
	--sail-color-background-purple: var(--sail-color-purple-500);
	--sail-color-background-violet: var(--sail-color-violet-500);
	--sail-color-background-canvas: var(--sail-color-gray-100);
	--sail-color-background-offset: var(--sail-color-gray-50);
	/* LINE */
	--sail-color-line-divider: var(--sail-color-gray-100);
	--sail-color-line-divider-medium: var(--sail-color-gray-200);
	--sail-color-line-divider-dark: var(--sail-color-gray-600);
	--sail-color-line-selected: var(--sail-color-blue-400);
	--sail-color-line-focus: var(--sail-color-cyan-400);
	--sail-color-line-focus-keyline: var(--sail-color-cyan-600);
	--sail-color-line-invalid: var(--sail-color-red-400);
	--sail-color-line-keyline: var(--sail-color-line-divider);
	--sail-color-shadow-key: rgba(var(--sail-color-black), var(--sail-opacity-shadow-key));
	--sail-color-shadow-ambient: rgba(var(--sail-color-gray-700), var(--sail-opacity-shadow-key));
	--sail-color-shadow-focus: rgba(var(--sail-color-line-focus), var(--sail-opacity-shadow-focus));
	--sail-color-shadow-focus-keyline: rgba( var(--sail-color-line-focus-keyline), var(--sail-opacity-shadow-focus-keyline));
	/* TEXT */
	--sail-color-text: var(--sail-color-gray-700);
	--sail-color-text-black: var(--sail-color-black);
	--sail-color-text-white: var(--sail-color-white);
	--sail-color-text-gray: var(--sail-color-gray-500);
	--sail-color-text-blue: var(--sail-color-blue-500);
	--sail-color-text-cyan: var(--sail-color-cyan-500);
	--sail-color-text-green: var(--sail-color-green-500);
	--sail-color-text-yellow: var(--sail-color-yellow-500);
	--sail-color-text-orange: var(--sail-color-orange-500);
	--sail-color-text-red: var(--sail-color-red-500);
	--sail-color-text-purple: var(--sail-color-purple-500);
	--sail-color-text-violet: var(--sail-color-violet-500);
	--sail-color-text-disabled: var(--sail-color-gray-300);
	--sail-color-text-hover: var(--sail-color-gray-900);
	--sail-color-text-emphasized: var(--sail-color-gray-900);
	--sail-color-text-invalid: var(--sail-color-text-red);
	--sail-color-text-selected: var(--sail-color-text-blue);
	--sail-color-text-link: var(--sail-color-text-blue);
	--sail-color-text-link-hover: var(--sail-color-text-hover);
	--guide-card-hover-shadow: 0 0 0 1px rgba(50, 50, 93, 0.01), 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.02);
}


.LegacyContentWrapper html {
	height: 100%;
	overflow-x: auto !important;
}


/* Main layout */

.LegacyContentWrapper body {
	min-height: 100%;
	background: var(--sail-color-white);
}

.LegacyContentWrapper a {
	font-weight: 400;
}

/* Content */


/* - Headings, paragraphs */

.LegacyContentWrapper article h1 {
	font-size: 32px;
	color: var(--sail-color-text-black);
	font-weight: 700;
}

.LegacyContentWrapper article h2 {
	font-size: 20px;
	color: var(--sail-color-text-black);
	font-weight: 700;
}

.LegacyContentWrapper article h2 code {
	font-size: 19px;
}

.LegacyContentWrapper article h3 {
	font-size: 16px;
	color: var(--sail-color-text-black);
	font-weight: 700;
}

.LegacyContentWrapper article h3 code {
	font-size: 15px;
	font-weight: 700;
}

.LegacyContentWrapper article h4,
.LegacyContentWrapper article h5,
.LegacyContentWrapper article h6 {
	font-size: 16px;
	color: var(--sail-color-text-black);
	font-weight: 600;
}

.LegacyContentWrapper article p,
.LegacyContentWrapper article ul,
.LegacyContentWrapper article ol,
.LegacyContentWrapper article table tbody,
.LegacyContentWrapper article dl,
.LegacyContentWrapper article blockquote {
	font-size: 16px;
	color: var(--sail-color-text);
	line-height: 26px;
}

.LegacyContentWrapper article ul pre,
.LegacyContentWrapper article ol pre {
	font-size: 13px;
	line-height: 19px;
}

.LegacyContentWrapper article blockquote:not(:first-child) {
	margin-top: 20px;
}

.LegacyContentWrapper article aside:first-child+p,
.LegacyContentWrapper article .image:first-child+p {
	padding-top: 0;
}

.LegacyContentWrapper article p {
	padding-top: 12px;
}

.LegacyContentWrapper article p:first-child {
	padding-top: 0;
}

.LegacyContentWrapper article .code+p,
.LegacyContentWrapper article .tabs-code+p {
	padding-top: 20px;
}

.LegacyContentWrapper article blockquote p,
.LegacyContentWrapper article li p,
.LegacyContentWrapper article dd p {
	padding: 0;
}

.LegacyContentWrapper article blockquote p:not(:first-child),
.LegacyContentWrapper article li p:not(:first-child),
.LegacyContentWrapper article dd p:not(:first-child) {
	padding-top: 12px;
}

.LegacyContentWrapper article h1~table+p,
.LegacyContentWrapper article h2~table+p,
.LegacyContentWrapper article h3~table+p,
.LegacyContentWrapper article h4~table+p {
	padding-top: 20px;
}

.LegacyContentWrapper article .tabs-content p:first-child {
	padding-top: 0;
}

.LegacyContentWrapper article .tabs-content p {
	padding-top: 12px;
}

.LegacyContentWrapper article h1~p {
	padding-top: 20px;
}

.LegacyContentWrapper article h2~p {
	padding-top: 12px;
}

.LegacyContentWrapper article h3~p {
	padding-top: 12px;
}

.LegacyContentWrapper article h4~p,
.LegacyContentWrapper article h5~p,
.LegacyContentWrapper article h6~p {
	padding-top: 12px;
}


/* To have some padding when we scroll to the anchor */

.LegacyContentWrapper article h2 {
	margin-top: -20px;
	padding-top: 20px;
}

.LegacyContentWrapper article h2:not(:first-child),
.LegacyContentWrapper article li h2 {
	margin-top: 18px;
	padding-top: 20px;
}

.LegacyContentWrapper article h3 {
	margin-top: -16px;
	padding-top: 16px;
}

.LegacyContentWrapper article h3:not(:first-child),
.LegacyContentWrapper article li h3 {
	margin-top: 18px;
	padding-top: 16px;
}

.LegacyContentWrapper article li h3,
.LegacyContentWrapper article li h4 {
	padding-top: 0;
}

.LegacyContentWrapper article h4,
.LegacyContentWrapper article h5,
.LegacyContentWrapper article h6 {
	margin-top: -10px;
	padding-top: 10px;
}

.LegacyContentWrapper article h4:not(:first-child),
.LegacyContentWrapper article h5:not(:first-child),
.LegacyContentWrapper article h6:not(:first-child),
.LegacyContentWrapper article li h4,
.LegacyContentWrapper article li h5,
.LegacyContentWrapper article li h6 {
	margin-top: 20px;
	padding-top: 10px;
}

.LegacyContentWrapper article ol li h2,
.LegacyContentWrapper article ol li h3,
.LegacyContentWrapper article ol li h4,
.LegacyContentWrapper article ol li h5,
.LegacyContentWrapper article ol li h6 {
	margin-top: 0;
	padding-top: 0;
}


/* - Sections */

.LegacyContentWrapper article header {
	padding-top: 8px;
}

.LegacyContentWrapper article header .nav-tabs {
	margin: 40px 0 12px 0;
}

.LegacyContentWrapper article header.thin-header {
	max-width: 66%;
	border-bottom: none;
}

.LegacyContentWrapper article section.thin-header {
	max-width: 90%;
	padding-top: 24px;
}

.LegacyContentWrapper article section.thin-header+section {
	padding-top: 20px;
}

.LegacyContentWrapper article header h1+p {
	padding-top: 12px !important;
	font-size: 22px;
	color: var(--sail-color-text);
	line-height: 28px;
}

.LegacyContentWrapper article section+header {
	padding-top: 40px;
}

.LegacyContentWrapper article section {
	padding: 40px 0 0 0;
}

.LegacyContentWrapper article section:first-child {
	padding: 0;
}

.LegacyContentWrapper article section::after {
	content: '';
	display: block;
	clear: both;
}

.LegacyContentWrapper article footer {
	padding: 20px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-top: 1px solid var(--sail-color-gray-100);
}

.LegacyContentWrapper article footer p {
	font-size: 14px;
	line-height: 20px;
}

/* - Links */

.LegacyContentWrapper a {
	color: var(--sail-color-blue-500);
}

.LegacyContentWrapper article a,
.LegacyContentWrapper article a code,
.key-popover a {
	color: var(--sail-color-blue-500);
	font-weight: 500;
}

.LegacyContentWrapper article a:hover,
.LegacyContentWrapper article a:hover code,
.key-popover a:hover {
	color: var(--sail-color-blue-600);
}

.LegacyContentWrapper article a:active,
.LegacyContentWrapper article a:active code,
.key-popover a:active {
	color: #212d63;
}

.LegacyContentWrapper article a[href^='/docs/api']:not(.no-api-tag),
.LegacyContentWrapper article a[href^='/docs/js']:not(.no-api-tag) {
	position: relative;
	padding-right: 20px;
	display: inline-block;
}

.LegacyContentWrapper article a[href^='/docs/api']:not(.no-api-tag):after,
.LegacyContentWrapper article a[href^='/docs/js']:not(.no-api-tag):after {
	position: absolute;
	content: '';
	display: inline-block;
	margin-left: 4px;
	margin-right: -20px;
	width: 20px;
	height: 12px;
	background-image: url("../img/icon/icon-api-link.svg");
	background-repeat: no-repeat;
	background-size: 16px auto;
	bottom: 5px;
}

.LegacyContentWrapper article a[href^='/docs/js']:not(.no-api-tag):after {
	background-image: url("../img/icon/icon-js-link.svg");
}

.LegacyContentWrapper article table a[href^='/docs/api']:after,
.LegacyContentWrapper article aside a[href^='/docs/api']:after,
.LegacyContentWrapper article table a[href^='/docs/js']:after,
.LegacyContentWrapper article aside a[href^='/docs/js']:after {
	bottom: 2px;
}

.LegacyContentWrapper article a.no-api-tag:after {
	display: none !important;
}


/* - Typography */

.LegacyContentWrapper article strong {
	font-weight: 500;
	color: var(--sail-color-text-black);
}

.LegacyContentWrapper article[data-locale='ja'] em {
	font-style: normal;
}

.LegacyContentWrapper article code {
	font-family: 'Menlo', 'Consolas', monospace;
}

.LegacyContentWrapper article p code,
.LegacyContentWrapper article li>code,
.LegacyContentWrapper article dt>code,
.LegacyContentWrapper table tbody td>label>code,
.LegacyContentWrapper table tbody td>code {
	font-size: 15px;
	border-radius: 4px;
	color: var(--sail-color-text);
	font-weight: 500;
	background: var(--sail-color-gray-50);
	border: 1px solid var(--sail-color-gray-100);
	padding: 1px 2px;
}

.LegacyContentWrapper li pre code .token.string {
	color: #85d99e;
}


/* - Lists */

.LegacyContentWrapper article ul,
.LegacyContentWrapper article ol {
	counter-reset: listitem;
	list-style: none;
}

.LegacyContentWrapper article ul:not(:first-child),
.LegacyContentWrapper article ol:not(:first-child) {
	margin-top: 8px;
}

.LegacyContentWrapper article li>ul,
.LegacyContentWrapper article li>ol {
	margin-top: 0px !important;
}

.LegacyContentWrapper article ul>li,
.LegacyContentWrapper article ol>li {
	position: relative;
	margin: 4px 0;
	padding-left: 32px;
}

.LegacyContentWrapper article ul>li:before {
	content: '';
	/* position: absolute; */
	width: 6px;
	height: 6px;
	left: 8px;
	top: 10px;
	border-radius: 50%;
	background: var(--sail-color-gray-200);
}

.LegacyContentWrapper article ul.no-style>li:before {
	display: none;
}

.LegacyContentWrapper article ul.country-list {
	column-count: 4;
	column-fill: auto;
	list-style-type: none;
}

.LegacyContentWrapper article ul.country-list>li {
	padding-left: 10px;
}

.LegacyContentWrapper .developer-tools {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(463px, 50%));
	grid-gap: 20px;
}

.LegacyContentWrapper .half-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	text-decoration: none;
	transition: all 200ms ease-in-out;
	width: 100%;
	margin-top: 20px;
	padding: 32px 32px 0 32px;
}

.LegacyContentWrapper .half-card ul>li:before {
	display: none;
}

.LegacyContentWrapper .half-card ul li {
	margin: 0 0 20px 0;
	padding: 0;
}

.LegacyContentWrapper .half-card-image {
	width: 100%;
	min-height: 160px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 10px 20px 0 0;
	border-radius: 0;
}

.LegacyContentWrapper .half-card h3 {
	margin: 0;
	font-size: 16px;
	line-height: 21px;
	color: var(--sail-text-color-link);
	font-weight: 500;
}

.LegacyContentWrapper .half-card-subheader {
	font-size: 14px;
	color: var(--sail-color-text-gray);
	margin-top: 4px;
}

.LegacyContentWrapper .half-card ul li p {
	font-size: 14px;
	font-weight: 400;
	color: var(--sail-color-text);
	line-height: 20px;
	padding-top: 4px;
}

.LegacyContentWrapper .youtube-image {
	width: 100%;
	border-radius: 0;
}

.LegacyContentWrapper .half-card .api-ref-link {
	background: url("../img/icon/icon-api-reference.svg") no-repeat;
	background-size: 16px 16px;
	background-position-y: 2px;
	padding-left: 36px;
}

.LegacyContentWrapper .half-card .libraries-link {
	background: url("../img/icon/icon-libraries.svg") no-repeat;
	background-size: 16px 16px;
	background-position-y: 2px;
	padding-left: 36px;
}

.LegacyContentWrapper .half-card .community-link {
	background: url("../img/icon/icon-community.svg") no-repeat;
	background-size: 16px 16px;
	background-position-y: 2px;
	padding-left: 36px;
}

.LegacyContentWrapper .half-card .youtube-link {
	background: url("../img/icon/icon-youtube.svg") no-repeat;
	background-size: 16px 16px;
	background-position-y: 2px;
	padding-left: 36px;
}

.LegacyContentWrapper .half-card .email-link {
	background: url("../img/icon/icon-email.svg") no-repeat;
	background-size: 16px 16px;
	background-position-y: 2px;
	padding-left: 36px;
}

.LegacyContentWrapper footer .collect-email-guide {
	margin-top: 0;
}

.LegacyContentWrapper article ul.checkmarks>li:before {
	width: 12px;
	height: 12px;
	left: 7px;
	top: 7px;
	border-radius: 0;
	background: url("../img/icon/icon-checkmark.svg");
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

.LegacyContentWrapper article ol>li:before {
	counter-increment: listitem;
	content: counter(listitem);
	background: var(--sail-color-gray-100);
	color: var(--sail-color-text-gray);
	font-size: 12px;
	font-weight: 500;
	line-height: 10px;
	text-align: center;
	padding: 5px 0;
	height: 10px;
	width: 20px;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 3px;
}

.LegacyContentWrapper article ol.list-decimal>li:before {
	counter-increment: listitem;
	content: counter(listitem, decimal);
}

.LegacyContentWrapper article ol.list-lower-roman>li:before {
	counter-increment: listitem;
	content: counter(listitem, lower-roman);
}

.LegacyContentWrapper article ol.list-lower-alpha>li:before {
	counter-increment: listitem;
	content: counter(listitem, lower-alpha);
}

.LegacyContentWrapper article ol.list-upper-alpha>li:before {
	counter-increment: listitem;
	content: counter(listitem, upper-alpha);
}


/* - Large items lists */

.LegacyContentWrapper article ul.large-items {
	display: flex;
	margin: 15px -17px 0;
}

.LegacyContentWrapper article ul.large-items:first-child {
	margin-top: 0;
}

.LegacyContentWrapper article ul.large-items>li {
	padding: 0 17px;
}

.LegacyContentWrapper article ul.large-items>li h2,
.LegacyContentWrapper article ul.large-items>li h3,
.LegacyContentWrapper article ul.large-items>li h4,
.LegacyContentWrapper article ul.large-items>li h5 {
	margin-top: 0;
	padding: 0;
}

.LegacyContentWrapper article ul.large-items>li:before {
	top: 0;
	left: auto;
	right: 0;
	width: 2px;
	height: 100%;
	background: transparent;
}

.LegacyContentWrapper article ul.large-items>li:last-child:before {
	display: none;
}

.LegacyContentWrapper article ul.large-items>li a {
	text-decoration: none;
	display: block;
}

.LegacyContentWrapper article ul.large-items>li h3 {
	position: relative;
	display: inline-block;
	color: var(--sail-color-blue-500);
	font-size: 16px;
	font-weight: 500;
}

.LegacyContentWrapper article ul.large-items>li h3:after {
	content: '';
	position: absolute;
	top: 7px;
	right: -16px;
	width: 12px;
	height: 12px;
	background-image: url("../img/icon/icon-arrow-blue-small.svg");
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

@keyframes arrow-bounce {
	60% {
		transform: translateX(8px);
	}
	70% {
		transform: translateX(-3px);
	}
	80% {
		transform: translateX(2px);
	}
	90% {
		transform: translateX(-1px);
	}
}

.LegacyContentWrapper article ul.large-items>li a:hover h3:after {
	animation: arrow-bounce 1s cubic-bezier(0.4, 0.04, 0.4, 1);
}

.LegacyContentWrapper article ul.large-items>li p {
	padding-top: 0px;
	font-size: 14px;
	line-height: 20px;
}


/* - Tables */

.LegacyContentWrapper article table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.LegacyContentWrapper article table:not(:first-child) {
	margin-top: 20px;
}

.LegacyContentWrapper article table table {
	margin: 16px 0 8px 0;
}

.LegacyContentWrapper article table thead tr th {
	font-weight: 500;
	font-size: 13px;
	color: var(--sail-color-text-gray);
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 8px 16px;
}

.LegacyContentWrapper article table thead tr th p {
	font-size: 13px;
	color: var(--sail-color-text);
	text-transform: uppercase;
	padding: 0;
	line-height: 15px;
}

.LegacyContentWrapper article table tbody,
.LegacyContentWrapper article table tbody td>* {
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
	padding-top: 0;
}

.LegacyContentWrapper article table tbody tr td {
	border-color: var(--sail-color-gray-100);
	border-style: solid;
	padding: 16px 16px;
}

.LegacyContentWrapper article table tbody tr td:first-child {
	border-left-width: 1px;
}

.LegacyContentWrapper article table tbody tr td:last-child {
	border-right-width: 1px;
}

.LegacyContentWrapper article table tbody tr:first-child>td {
	border-top-width: 1px;
}

.LegacyContentWrapper article table tbody tr td {
	border-bottom-width: 1px;
}

.LegacyContentWrapper article table tbody tr:first-child>td:first-child {
	border-top-left-radius: 4px;
}

.LegacyContentWrapper article table tbody tr:first-child>td:last-child {
	border-top-right-radius: 4px;
}

.LegacyContentWrapper article table tbody tr:last-child>td:first-child {
	border-bottom-left-radius: 4px;
}

.LegacyContentWrapper article table tbody tr:last-child>td:last-child {
	border-bottom-right-radius: 4px;
}

.LegacyContentWrapper article table.alternate tbody tr:nth-child(2n+1) td {
	background: var(--sail-color-gray-50);
}

.LegacyContentWrapper article table.reference th:first-child {
	text-align: right;
	padding: 0 9px 7px 16px;
}

.LegacyContentWrapper article table.reference td {
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: top;
}

.LegacyContentWrapper article table.reference td:first-child {
	text-align: right;
}

.LegacyContentWrapper article table.reference td:first-child code {
	display: block;
	margin-bottom: 4px;
}

.LegacyContentWrapper article table.reference td:first-child code,
.LegacyContentWrapper article table.reference .attr {
	text-align: right;
}

.LegacyContentWrapper article table.reference .attr {
	color: var(--sail-color-text);
	font-weight: 500;
}

.LegacyContentWrapper article table.reference .type {
	text-align: right;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: var(--sail-color-gray-400);
}

.LegacyContentWrapper article table.separated tbody tr td:not(:last-child) {
	border-right-width: 1px;
}


/* - Card numbers */

/* .LegacyContentWrapper .card-number,
.LegacyContentWrapper .card-token {
	white-space: nowrap;
	font-family: 'Menlo', 'Consolas', monospace;
	color: var(--sail-color-text);
	font-weight: 500;
}

.LegacyContentWrapper .card-number span {
	display: inline-block;
	width: 8px;
} */


/* - Code */

/* .LegacyContentWrapper article .tabs-code,
.LegacyContentWrapper article .code {
	width: 100%;
}

.LegacyContentWrapper article .code:not(:first-child) {
	margin-top: 12px;
}

.LegacyContentWrapper article .tabs-code .tabs-content .code {
	margin-top: 0px;
}

.LegacyContentWrapper article .code {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.LegacyContentWrapper article pre:not(:first-child) {
	margin-top: 0;
}

.LegacyContentWrapper article pre:not(:last-child) {
	padding-bottom: 16px;
}

.LegacyContentWrapper article .tabs-code>.tabs-content {
	background: rgb(33, 45, 99);
	border-radius: 0 0 4px 4px;
}

.LegacyContentWrapper article nav.nav-filename+pre {
	border-radius: 0 0 4px 4px;
}

.LegacyContentWrapper article nav.nav-filename+pre+nav.nav-filename {
	border-radius: 0;
	margin-top: -3px;
	z-index: 2;
}

.LegacyContentWrapper article pre {
	background: rgb(33, 45, 99);
	overflow-x: auto;
	font-size: 13px;
	line-height: 19px;
	border-radius: 4px;
	margin-bottom: 0px;
}

.LegacyContentWrapper article pre .file-content-wrapper {
	display: inline-block;
	min-width: 100%;
	transform: scale(1);
}

.LegacyContentWrapper article pre.not-numbered code {
	padding-left: 24px;
}

.LegacyContentWrapper article pre.wrap {
	white-space: normal;
	word-wrap: break-word;
}

.LegacyContentWrapper article pre code {
	display: inline-block;
	position: relative;
	min-width: 100%;
	padding: 12px 14px 12px 64px;
	z-index: 2;
	font-family: 'Menlo', 'Consolas', monospace;
	color: #f5fbff;
	font-weight: 500;
}

.LegacyContentWrapper article pre .line-numbers {
	z-index: 2;
	color: rgba(255, 255, 255, 0.5);
}

.LegacyContentWrapper article pre .highlighted-line,
.LegacyContentWrapper article pre .added-line,
.LegacyContentWrapper article pre .removed-line {
	position: fixed;
	left: 0;
	width: 100%;
	pointer-events: none;
	user-select: none;
}

.LegacyContentWrapper article pre .added-line {
	background-color: #004f54;
}

.LegacyContentWrapper article pre .removed-line {
	background-color: #6d204f;
}

.LegacyContentWrapper article pre .line-markers {
	margin-left: 6px;
}

.LegacyContentWrapper article pre .line-markers span {
	display: block;
	color: #bec5ca;
	font-size: 13px;
}

.LegacyContentWrapper article pre .added-line .line-markers span::before {
	content: '+';
}

.LegacyContentWrapper article pre .removed-line .line-markers span::after {
	content: '-';
}

.LegacyContentWrapper article .code>nav,
.LegacyContentWrapper article .tabs-code>nav {
	padding-bottom: 8px;
	padding-left: 4px;
	line-height: 16px;
	width: 100%;
}

.LegacyContentWrapper article li .code,
.LegacyContentWrapper article li .tabs-code {
	margin-bottom: 12px;
}

.LegacyContentWrapper article li .tabs-code:not(:first-child),
.LegacyContentWrapper article li .code:not(:first-child) {
	margin-top: 4px;
}

.LegacyContentWrapper article li .code,
.LegacyContentWrapper article li .tabs-code .tabs-content {
	margin-top: 0;
}

.LegacyContentWrapper article .code .extra-lines {
	display: none;
}

.LegacyContentWrapper article .code pre {
	flex: 1;
}

.LegacyContentWrapper article .code pre.highlighted-line.has-extra-lines {
	overflow-y: hidden;
}

.LegacyContentWrapper article .code .show-extra-lines {
	background: var(--sail-color-blue-800);
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	display: block;
	margin-top: -20px;
	line-height: 26px;
	padding-left: 64px;
	border-radius: 0 0 4px 4px;
	color: var(--sail-color-blue-200);
	padding: 8px 0 12px 64px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.LegacyContentWrapper article .code .show-extra-lines:hover {
	color: var(--sail-color-blue-300);
}

.LegacyContentWrapper article .code .show-extra-lines::after {
	content: '...';
	position: absolute;
	left: 29px;
	top: 10px;
	color: var(--sail-color-blue-200);
	line-height: 19px;
	font-size: 11px;
	letter-spacing: -2px;
	font-family: 'Menlo', 'Consolas', monospace;
}

.LegacyContentWrapper article .code .show-extra-lines:active::after {
	color: var(--sail-color-blue-500);
}

.LegacyContentWrapper article .tabs-code>nav {
	background: #1a2652;
	border-radius: 4px 4px 0 0;
	padding: 4px 16px;
}

.LegacyContentWrapper article .tabs-code>nav a {
	font-size: 13px;
	color: var(--sail-color-gray-300);
	font-weight: 500;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	line-height: 24px;
	padding: 0 12px 0 0;
}

.LegacyContentWrapper article .tabs-code>nav a:active {
	color: var(--sail-color-blue-300);
}

.LegacyContentWrapper article .tabs-code>nav a.selected {
	color: var(--sail-color-blue-300);
}

.LegacyContentWrapper article .code>nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	font-size: 13px;
	color: var(--sail-color-text);
	font-weight: 500;
	background-size: 14px 12px;
	background-position: 6px 1px;
	background-repeat: no-repeat;
	padding-left: 32px;
	line-height: 14px;
}

.LegacyContentWrapper article .code>nav.nav-filename {
	flex: none;
	background-position: 13px 10px;
	background-color: #1a2652;
	padding-top: 7px;
	border-radius: 4px 4px 0 0;
	color: var(--sail-color-gray-300);
	font-size: 13px;
	line-height: 14px;
}

.LegacyContentWrapper article .code>nav.nav-filename p {
	color: var(--sail-color-gray-200);
	font-size: 13px;
	padding-top: 0px;
	line-height: 14px;
}

.LegacyContentWrapper article .nav-filename.icon-file {
	background-image: url('https://stripe.com/img/documentation/icon-file.svg');
}

.LegacyContentWrapper article .nav-filename.icon-terminal {
	background-image: url('https://stripe.com/img/documentation/icon-terminal.svg');
}

.LegacyContentWrapper article .nav-filename a.github,
.LegacyContentWrapper article .nav-filename a.download {
	position: relative;
	padding-right: 21px;
	margin-right: 7px;
	color: var(--sail-color-gray-100);
}

.LegacyContentWrapper article .nav-filename a.github:hover,
.LegacyContentWrapper article .nav-filename a.download:hover {
	color: var(--sail-color-gray-300);
}

.LegacyContentWrapper article .nav-filename a.github:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
	background-image: url('https://stripe.com/img/documentation/icon-github.svg');
	background-size: 15px 30px;
	background-position: left top;
	background-repeat: no-repeat;
}

.LegacyContentWrapper article .nav-filename a.github:active:after {
	background-position: left bottom;
}


/* - Q/A */

.LegacyContentWrapper article dl:not(:first-child) {
	padding-top: 12px;
}

.LegacyContentWrapper article dl dt {
	position: relative;
	background-image: url("../img/icon/icon-question.svg");
	background-size: 12px 12px;
	background-position: 8px 6px;
	background-repeat: no-repeat;
	padding-left: 32px;
	overflow: hidden;
}

.LegacyContentWrapper article dl.info dt {
	background-image: url("../img/icon/icon-aside-check.svg");
	background-size: 12px 12px;
	background-position: 8px 7px;
	padding: 0 0 0 32px;
}

.LegacyContentWrapper article dl.info h3>code {
	border-radius: 4px;
	color: #3c4257;
	font-weight: 500;
	font-size: 15px;
	background: #f7fafc;
	border: 1px solid #e3e8ee;
	padding: 1px 2px;
}

.LegacyContentWrapper article dl dt:not(:first-child) {
	margin-top: 10px;
}

.LegacyContentWrapper article dl dd {
	padding: 4px 0 12px 32px;
}

.LegacyContentWrapper article dl.collapsable dt {
	background: transparent;
	cursor: pointer;
}

.LegacyContentWrapper article dl.collapsable dt:active {
	opacity: 0.7;
}

.LegacyContentWrapper article dl.collapsable dt:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 6px;
	width: 12px;
	height: 12px;
	background: url("../img/icon/icon-question-arrow.svg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: transform 250ms cubic-bezier(0.29, 1.5, 0.5, 1);
}

.LegacyContentWrapper article dl.collapsable .collapsable-section {
	padding: 12px 0 0 0;
}

.LegacyContentWrapper article dl.collapsable .collapsable-section,
.LegacyContentWrapper article dl.collapsable dd {
	background: transparent;
	display: none;
}

.LegacyContentWrapper article dl.collapsable .expanded:after {
	transform: rotateZ(90deg);
}

.LegacyContentWrapper article dl.collapsable .expanded+.collapsable-section,
.LegacyContentWrapper article dl.collapsable .expanded+dd {
	display: block;
} 

/* - Tabs */

.LegacyContentWrapper article .tabs:not(:first-child) {
	margin-top: 18px;
}

.LegacyContentWrapper article .tabs-regular .nav-tabs {
	line-height: 32px;
	font-size: 16px;
	height: 36px;
	border-bottom: 1px solid var(--sail-color-gray-100);
	color: var(--sail-color-text);
}

.LegacyContentWrapper article section .tabs-regular .nav-tabs,
.LegacyContentWrapper article .expando .tabs-regular .nav-tabs {
	font-size: 14px;
	margin-top: 20px;
	line-height: 24px;
	margin-bottom: 0;
	border-bottom: 1px solid var(--sail-color-gray-100);
	color: var(--sail-color-text);
}

.LegacyContentWrapper article section .tabs-regular .nav-tabs a,
.LegacyContentWrapper article .expando .tabs-regular .nav-tabs a {
	padding: 0 8px;
}

.LegacyContentWrapper article .tabs-regular .nav-tabs.with-select {
	padding-bottom: 56px;
}

.LegacyContentWrapper article .tabs-regular .nav-tabs select {
	font-size: 14px;
	font-weight: 600;
	color: var(--sail-color-text-link);
	background-color: var(--sail-color-gray-50);
	border: 1px solid var(--sail-color-gray-100);
	outline: none;
	padding: 6px 12px 6px 8px;
	margin: 0 0 20px 8px;
	-webkit-appearance: none;
	background-image: url("../img/icon/icon-select-arrows.svg");
	background-size: 8px 12px;
	background-position: bottom 11px right 12px;
	min-width: 240px;
	background-repeat: no-repeat;
}

.LegacyContentWrapper article .tabs-regular .nav-tabs select:hover {
	border: 1px solid var(--sail-color-gray-200);
}

.LegacyContentWrapper article .tabs-regular .nav-tabs select:focus {
	border: 1px solid var(--sail-color-blue-200);
}

.LegacyContentWrapper article .tabs-regular .nav-tabs a {
	display: inline-block;
	height: 36px;
	color: var(--sail-color-text-gray);
	padding: 0 16px;
	margin-right: 2px;
	cursor: pointer;
	text-decoration: none;
}

.LegacyContentWrapper article .tabs-regular .nav-tabs a.selected {
	border-bottom: 2px solid var(--sail-color-blue-500);
	color: var(--sail-color-blue-500);
	font-weight: 500;
}

.LegacyContentWrapper article .tabs-content {
	position: relative;
}

.LegacyContentWrapper article .tabs-content.animating {
	overflow: hidden;
}

.LegacyContentWrapper article .tabs-content>pre,
.LegacyContentWrapper article .tabs-content>.code,
.LegacyContentWrapper article .tabs-content .tabs-tab {
	display: none;
	background: transparent;
	border-radius: 0;
}

.LegacyContentWrapper article .tabs-content>pre.selected,
.LegacyContentWrapper article .tabs-content>.code.selected,
.LegacyContentWrapper article .tabs-content>.tabs-tab.selected {
	display: block;
}

.LegacyContentWrapper article .tabs-content>.tabs-tab.selected,
.LegacyContentWrapper article .tabs-content>.tabs-tab.selected+.tabs-tab {
	will-change: transform, opacity;
}

.LegacyContentWrapper article .tabs-content>.tabs-tab.tabs-tab-result:not(.absolute) {
	position: relative;
}

.LegacyContentWrapper article .tabs-content>.tabs-tab.tabs-tab-result {
	padding: 0;
	overflow: hidden;
	border-radius: 4px;
	line-height: 0;
}

.LegacyContentWrapper article .tabs-content>.tabs-tab {
	padding-top: 20px;
}

.LegacyContentWrapper article .tabs-content .absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}


/* New IA styles */


/* new payments index styles */

.LegacyContentWrapper header+ :not(.home-payments-hero) {
	margin-top: 0px;
}

.LegacyContentWrapper header+.guide-cards-container,
.LegacyContentWrapper .guide-cards-container+.guide-cards-container,
.LegacyContentWrapper .developer-tools+.guide-cards-container,
.LegacyContentWrapper .sample-projects+.guide-cards-container {
	margin-top: 48px;
}

.LegacyContentWrapper article .guide-cards-container+h2 {
	margin-top: 28px;
}

.LegacyContentWrapper .sample-projects {
	margin-top: 48px;
}

.LegacyContentWrapper .split-hero,
.LegacyContentWrapper .connect-preview {
	position: relative;
}

.LegacyContentWrapper .hero+.guide-cards-container {
	margin-top: 0;
	padding-top: 48px;
	border-top: 1px solid var(--sail-color-gray-100);
}

.LegacyContentWrapper .split-hero-content,
.LegacyContentWrapper .guide-cards-content {
	position: relative;
	z-index: 1;
}

.LegacyContentWrapper .guide-cards-content {
	display: flex;
	flex-direction: column;
}

.LegacyContentWrapper .split-hero {
	padding-top: 48px;
}

.LegacyContentWrapper .split-hero-image {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 4px;
	height: 200px;
	width: 100%;
	min-width: 250px;
	transition: box-shadow 0.2s ease-in-out;
}

.LegacyContentWrapper .home-split-hero .split-hero-image {
	background-position: initial;
}

.LegacyContentWrapper .split-hero-image:hover {
	box-shadow: var(--guide-card-hover-shadow);
}

.LegacyContentWrapper .split-hero-image-container {
	margin-bottom: 16px;
}

.LegacyContentWrapper .split-hero .split-hero-content {
	justify-content: space-between;
}

.LegacyContentWrapper .split-hero .left-col,
.LegacyContentWrapper .split-hero .right-col {
	max-width: 44%;
	min-width: 250px;
}

.LegacyContentWrapper .split-hero .divider {
	width: 1px;
	min-height: 300px;
	background: var(--sail-color-gray-100);
	margin-top: 5%;
}

.LegacyContentWrapper .split-hero .split-hero-content .product-badge {
	padding: 12px 0 0 0;
}

.LegacyContentWrapper .split-hero .split-hero-content .product-badge+h2 {
	margin-top: 4px;
}

.LegacyContentWrapper .split-hero .split-hero-content h2 {
	font-size: 22px;
	margin: 0;
	padding: 8px 0 0 0;
	font-weight: 700;
}

.LegacyContentWrapper .split-hero .split-hero-content p {
	padding-top: 8px;
}

.LegacyContentWrapper .hero-container {
	margin-top: 0;
}

.LegacyContentWrapper .hero {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	margin: 48px 0 0 0;
	padding: 0;
	position: relative;
	min-height: 280px;
}

.LegacyContentWrapper .hero>div:not(.hero-screen) {
	flex-basis: 0;
	flex-grow: 1;
	z-index: 2;
}

.LegacyContentWrapper .hero:first-child>div:not(.hero-screen) {
	padding: 0;
}

.LegacyContentWrapper .hero .hero-left {
	padding-right: 36px;
	min-width: 280px;
}

.LegacyContentWrapper .hero .hero-left h2 {
	font-size: 24px;
	margin-top: 0;
	padding-top: 16px;
}

.LegacyContentWrapper .hero .hero-left p {
	font-size: 16px;
}

.LegacyContentWrapper .hero .hero-right .rounded-top-image {
	border-radius: 8px 8px 0px 0px;
}

.LegacyContentWrapper .hero .hero-left .body-header-text {
	font-size: 20px;
}

.LegacyContentWrapper .hero.hero-payment-methods {
	margin-top: 0px;
	border-bottom: 1px solid var(--sail-color-gray-100);
}

.LegacyContentWrapper .hero.hero-payment-methods .hero-right img {
	width: 480px;
	right: -12px;
}

.LegacyContentWrapper .hero .content .button {
	background: white;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.12) 0px 2px 5px 0px;
	/* box-shadow: 0 2px 5px 0 rgba(50, 50, 93, .20), 0 1px 1px 0 rgba(0, 0, 0, .14); */
	color: var(--sail-color-text);
	margin-top: 2px;
	transition: box-shadow 150ms ease-in-out;
}

.LegacyContentWrapper .hero .content .button:hover {
	color: var(--sail-color-text-black);
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.15) 0px 3px 5px 1px;
}

.LegacyContentWrapper .hero.home-payments-hero .content .hero-cta {
	padding-top: 16px;
}

.LegacyContentWrapper .hero.home-payments-hero .content .button {
	background: var(--sail-color-blue-500);
	color: white;
}

.LegacyContentWrapper .hero.home-payments-hero {
	margin-top: -4px;
	border-bottom: 1px solid var(--sail-color-gray-100)
}

.LegacyContentWrapper .hero.home-payments-hero .hero-left {
	flex-grow: 4;
	min-width: 700px;
}

.LegacyContentWrapper .hero.home-payments-hero .hero-right {
	flex-grow: 5;
}

.LegacyContentWrapper .hero.home-payments-hero .hero-left p:not(.guide-link) {
	font-size: 19px;
}

.LegacyContentWrapper .hero.home-payments-hero .hero-right img {
	width: 295px;
}

.LegacyContentWrapper .split-hero p.guide-link,
.LegacyContentWrapper .hero p.guide-link {
	font-size: 13px;
	padding: 2px 0;
	line-height: 18px;
}

.LegacyContentWrapper p.guide-link:before {
	display: inline-block;
	content: '';
	background: url("../img/icon/icon-document.svg");
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
	top: 1px;
	position: relative;
	opacity: 0.9;
	background-size: 10px 13px;
}

.LegacyContentWrapper .hero .guide-links-container {
	margin-top: 10px;
	display: none;
}

.LegacyContentWrapper .hero .hero-badges-container {
	margin-top: 18px;
	line-height: 32px;
}

.LegacyContentWrapper .guide-cards-quick-links {
	margin-top: 18px;
	line-height: 32px;
}

.LegacyContentWrapper .hero .hero-badge,
.LegacyContentWrapper .guide-cards-quick-links .quick-link {
	font-size: 13px;
	line-height: 18px;
	color: var(--sail-color-gray-500);
	background: #f3f3f3;
	display: inline-block;
	border-radius: 6px;
	padding: 3px 8px 3px 6px;
	margin-right: 6px;
	font-weight: 500;
}

.LegacyContentWrapper .guide-cards-quick-links .quick-link:hover {
	color: var(--sail-color-gray-600);
}

.LegacyContentWrapper .split-hero .guide-links-container {
	margin-top: 16px;
}

.LegacyContentWrapper .split-hero .split-hero-content p.hero-cta {
	padding-top: 4px;
}

.LegacyContentWrapper .guide-links-container h5 {
	color: var(--sail-color-gray-400);
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 8px;
	font-weight: 600;
}

.LegacyContentWrapper .tabs.payments-tabs+.guide-cards-container {
	margin-top: 0px;
}

.LegacyContentWrapper .tabs .guide-cards-container {
	margin-top: 0;
	min-height: 320px;
	/* prevents moving when switching tabs */
}

.LegacyContentWrapper article .hero .hero-right {
	text-align: right;
	align-self: flex-end;
	display: flex;
	justify-content: flex-end;
}

.LegacyContentWrapper .hero .hero-right img {
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	position: relative;
	width: 500px;
	align-self: flex-start;
}

.LegacyContentWrapper .hero .hero-right img.business-hero-img {
	height: 233px;
}

.LegacyContentWrapper .flex {
	display: flex;
	flex: 1;
}

.LegacyContentWrapper .flex-row {
	flex-direction: row;
}

.LegacyContentWrapper .flex-column {
	flex-direction: column;
}

.LegacyContentWrapper .flex-space-between {
	justify-content: space-between;
}

.LegacyContentWrapper .flex-align-center {
	align-items: center;
}

.LegacyContentWrapper .flex-align-start {
	align-items: flex-start;
}

.LegacyContentWrapper .flex-grow {
	flex-grow: 1;
}

.LegacyContentWrapper .product-badge-label {
	color: var(--sail-color-gray-400);
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}

.LegacyContentWrapper .product-badge .product-icon {
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0;
	margin-right: 8px;
}

.LegacyContentWrapper .product-badge.with-link {
	cursor: pointer;
}

.LegacyContentWrapper .product-badge.with-link:hover .product-badge-label {
	color: var(--sail-color-gray-500);
}

.LegacyContentWrapper .product-icon.payments {
	background-image: url("../img/tb-ligature.svg");
}

.LegacyContentWrapper .product-icon.connect {
	background-image: url("../img/tb-ligature.svg");
}

.LegacyContentWrapper .product-icon.billing {
	background-image: url("../img/icon/billing.svg");
}

.LegacyContentWrapper .product-icon.terminal {
	background-image: url("../img/icon/terminal.svg");
}

.LegacyContentWrapper .product-icon.sigma {
	background-image: url("../img/icon/sigma.svg");
}

.LegacyContentWrapper .product-icon.atlas {
	background-image: url("../img/icon/atlas.svg");
}

.LegacyContentWrapper .product-icon.capital {
	background-image: url("../img/icon/capital.svg");
}

.LegacyContentWrapper .product-icon.elements {
	background-image: url("../img/tb-ligature.svg");
}

.LegacyContentWrapper .product-icon.checkout {
	background-image: url("../img/icon/checkout.svg");
}

.LegacyContentWrapper .product-icon.corporate-card {
	background-image: url("../img/icon/corporatecard.svg");
}

.LegacyContentWrapper .product-icon.issuing {
	background-image: url("../img/icon/issuing.svg");
}

.LegacyContentWrapper .product-icon.radar {
	background-image: url("../img/icon/radar.svg");
}

.LegacyContentWrapper .product-icon.dashboard {
	background-image: url("../img/icon/dashboard.svg");
}

.LegacyContentWrapper .product-icon.identity {
	background-image: url("../img/icon/identity.svg");
}

.LegacyContentWrapper .products-list-content {
	padding: 32px 0;
}

.LegacyContentWrapper .products-list-secondary {
	position: relative;
}

.LegacyContentWrapper .products-list-secondary .products-list-content {
	padding: 32px 32px 0 40px;
	z-index: 2;
}

.LegacyContentWrapper .products-list-screen {
	background: var(--sail-color-gray-50);
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	z-index: 0;
}

.LegacyContentWrapper .products-list-secondary {
	padding: 0;
}

.LegacyContentWrapper .product-category {
	padding-bottom: 32px;
}

.LegacyContentWrapper .product-category h3 {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.LegacyContentWrapper .product-list-item:first-of-type {
	padding: 20px 0 12px 0;
}

.LegacyContentWrapper .product-list-item {
	padding: 5px 0;
}

.LegacyContentWrapper .product-list-item h5 {
	color: var(--sail-color-gray-700);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.15px;
	line-height: 20px;
}

.LegacyContentWrapper .product-list-item:hover h5 {
	color: var(--sail-color-blue-500);
}

.LegacyContentWrapper .product-list-item p {
	color: var(--sail-color-gray-500);
	font-size: 14px;
	font-weight: normal;
	height: 20px;
	letter-spacing: -0.15px;
	line-height: 20px;
	padding-top: 4px;
}

.LegacyContentWrapper .product-list-item .product-icon {
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 0;
	margin-right: 16px;
}

.LegacyContentWrapper article .tabs.payments-tabs {
	margin-top: 32px;
}

.LegacyContentWrapper article .tabs-regular.payments-tabs .nav-tabs {
	height: 42px;
}

.LegacyContentWrapper article .tabs-regular.payments-tabs .nav-tabs a {
	padding-left: 0;
	font-size: 18px;
	line-height: 28px;
	height: 40px;
	padding: 0 4px 0 0;
	margin-right: 12px;
}

.LegacyContentWrapper article .tabs-regular.payments-tabs .nav-tabs a:not(.selected) {
	color: var(--sail-color-gray-500);
}

.LegacyContentWrapper article .tabs-regular.payments-tabs .nav-tabs a:not(.selected):hover {
	color: var(--sail-color-gray-600);
}

.LegacyContentWrapper article .tabs.payments-tabs .nav-tabs {
	margin-bottom: 8px;
}

.LegacyContentWrapper article .tabs-regular.integration-switcher>.nav-tabs a {
	padding: 6px 8px;
	font-size: 14px;
	height: 32px;
	line-height: 16px;
	background: none;
	color: var(--sail-color-gray-600);
	border: 1px solid var(--sail-color-gray-100);
	box-shadow: none;
	border-radius: 6px;
	transition: border 100ms ease-in-out;
	margin-left: 4px;
}

.LegacyContentWrapper article .tabs-regular.integration-switcher>.nav-tabs a:not(.selected):hover {
	color: var(--sail-color-gray-700);
	border: 1px solid var(--sail-color-gray-200);
}

.LegacyContentWrapper article .tabs-regular.integration-switcher>.nav-tabs a.selected {
	color: var(--sail-color-blue-500);
	border: 2px solid var(--sail-color-blue-400);
}

.LegacyContentWrapper article .tabs.integration-switcher>.nav-tabs {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-top: 32px;
	margin-bottom: 0px;
	border-bottom: none;
	height: 34px;
}

.LegacyContentWrapper .dispute-cards {
	margin-top: 36px;
}


/* new home styles */

.LegacyContentWrapper h2.big {
	margin-top: 64px !important;
	/*margin-bottom: 32px !important;*/
	font-size: 24px !important;
}

.LegacyContentWrapper h2.products-header {
	margin-top: 48px !important;
	margin-bottom: 32px !important;
	font-size: 24px !important;
}
.LegacyContentWrapper h3.big {
	margin-top: 64px !important;
	/*margin-bottom: 32px !important;*/
	font-size: 22px !important;
}

.LegacyContentWrapper h4.big {
	margin-top: 64px !important;
	/*margin-bottom: 32px !important;*/
	font-size: 20px !important;
}

.LegacyContentWrapper h5.big {
	margin-top: 64px !important;
	/*margin-bottom: 32px !important;*/
	font-size: 18px !important;
}

.LegacyContentWrapper h6.big {
	margin-top: 64px !important;
	/*margin-bottom: 32px !important;*/
	font-size: 16px !important;
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs {
	display: flex;
	border-bottom: none;
	height: unset;
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a:first-child {
	margin-left: 0;
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a {
	flex-basis: 0;
	flex-grow: 1;
	height: unset;
	margin-left: 16px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 6px;
	padding: 24px;
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a p {
	color: var(--sail-color-gray-500);
	padding-top: 0;
	font-weight: normal;
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a.selected {
	border: 1px solid var(--sail-color-blue-500);
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a:not(.selected):hover {
	border: 1px solid var(--sail-color-gray-200);
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a.selected h3 {
	color: var(--sail-color-blue-500);
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a .tab-inner {
	display: flex;
	justify-content: space-between;
}

.LegacyContentWrapper .tabs.home-tabs .nav-tabs a .tab-inner .icon {
	width: 64px;
	height: 64px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.LegacyContentWrapper .tabs.home-tabs .nav-tabs a .content h3 .anchor {
	display: none;
}

.LegacyContentWrapper .home-tabs-container {
	margin-top: 16px;
	padding: 24px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 6px;
}

.LegacyContentWrapper .home-use-case-container .use-case-cards,
.LegacyContentWrapper .home-tabs-container .use-case-cards {
	grid-template-columns: 30% 30% 30%;
	grid-gap: 5%;
}

.LegacyContentWrapper .home-use-case-container .use-case-cards .use-case-card a,
.LegacyContentWrapper .home-tabs-container .use-case-cards .use-case-card a {
	padding: 50px 0 16px 0;
	border: 1px solid transparent;
	border-radius: 0;
	text-decoration: none;
	background-color: var(--sail-color-white);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 32px 32px;
	cursor: pointer;
}

.LegacyContentWrapper .home-use-case-container .use-case-cards .use-case-card a h3 {
	cursor: pointer;
	font-weight: 700;
}

.LegacyContentWrapper .home-use-case-container .use-case-cards .use-case-card a p {
	color: var(--sail-color-text);
	font-size: 16px;
	line-height: 1.5;
}

.LegacyContentWrapper .home-use-case-container .use-case-cards .use-case-card a:active {
	background-color: transparent;
}

.LegacyContentWrapper .home-use-case-container .use-case-cards .use-case-card a:hover {
	box-shadow: none;
	border: 1px solid transparent;
}

.LegacyContentWrapper #sidebar .new-sidebar h1.account:not(.section-header) {
	border-top: 1px solid #f7fafc;
	margin-top: 10px;
	padding-top: 8px;
	height: 40px;
}

.LegacyContentWrapper #sidebar #products-nav-item a.expanded:after {
	background-image: url("../img/icon/icon-chevron-down.svg");
}

.LegacyContentWrapper #sidebar #products-nav-item a.hidden {
	display: none;
}

.LegacyContentWrapper #sidebar .new-sidebar ul.products-list {
	padding-left: 24px;
	display: none;
}

.LegacyContentWrapper #sidebar .new-sidebar ul.products-list.show {
	display: block;
}

.LegacyContentWrapper #sidebar .new-sidebar ul.products-list .sidebar-item a {
	min-height: unset;
	padding: 1px 16px 1px 2px;
	font-size: 13px;
	font-weight: 500;
}

.LegacyContentWrapper #sidebar .new-sidebar ul.products-list .sidebar-item:first-child a {
	padding-top: 2px;
}

.LegacyContentWrapper #sidebar h1.account {
	border-top: none;
}

.LegacyContentWrapper #sidebar h1.references {
	border-top: none;
	margin: 0;
	padding: 0;
}

.LegacyContentWrapper .guide-cards-container+.csat,
.LegacyContentWrapper .products-list+.csat {
	padding-top: 0;
}


/* END new IA styles */


/* - Next steps */

/* .LegacyContentWrapper article ul.next-steps {
	list-style: none;
}

.LegacyContentWrapper article ul.next-steps:not(:first-child) {
	margin-top: 12px;
}

.LegacyContentWrapper article ul.next-steps li {
	padding: 0;
	margin: 0;
}

.LegacyContentWrapper article ul.next-steps li:before {
	display: none;
}

.LegacyContentWrapper article ul.next-steps li a {
	display: block;
	font-size: 16px;
	padding: 0 0 8px 24px;
	text-decoration: none;
}

.LegacyContentWrapper article ul.next-steps li a:after,
.LegacyContentWrapper article ul.next-steps li a[href^='/docs/api']:after,
.LegacyContentWrapper article ul.next-steps li a[href^='/docs/js']:after {
	content: '';
	position: absolute;
	top: 7px;
	left: 2px;
	width: 24px;
	height: 24px;
	margin-left: 0;
	background: url('https://stripe.com/img/documentation/icon-next-step.svg');
	background-repeat: no-repeat;
}

.LegacyContentWrapper article ul.next-steps li a[href^='/docs/api'] span,
.LegacyContentWrapper article ul.next-steps li a[href^='/docs/js'] span {
	position: relative;
	padding-right: 32px;
}

.LegacyContentWrapper article ul.next-steps li a[href^='/docs/api'] span:after,
.LegacyContentWrapper article ul.next-steps li a[href^='/docs/js'] span:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	bottom: 2px;
	right: 8px;
	background-image: url('https://stripe.com/img/documentation/icon-api-link.svg');
}

.LegacyContentWrapper article ul.next-steps li a[href^='/docs/js'] span:after {
	background-image: url('https://stripe.com/img/documentation/icon-js-link.svg');
}

.LegacyContentWrapper article ul.next-steps li a[href^='/docs/api']:active span:after,
.LegacyContentWrapper article ul.next-steps li a[href^='/docs/js']:active span:after {
	background-position: left bottom;
} */


/* - Buttons */

.LegacyContentWrapper article button,
.LegacyContentWrapper article a.button {
	background: var(--sail-color-blue-500);
	box-shadow: 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
	border-radius: 4px;
	height: 32px;
	font-size: 16px;
	color: var(--sail-color-white);
	font-weight: 500;
	padding: 0 12px;
	line-height: 32px;
	cursor: pointer;
	outline: none;
	display: inline-block;
	text-decoration: none;
	text-transform: none;
}

.LegacyContentWrapper article button:not(:first-child),
.LegacyContentWrapper article a.button:not(:first-child) {
	margin-top: 14px;
	margin-right: 8px;
}

.LegacyContentWrapper article button:disabled,
.LegacyContentWrapper article a.button.disabled {
	color: rgba(255, 255, 255, 0.7);
}

.LegacyContentWrapper article button:active,
.LegacyContentWrapper article a.button:active {
	background: #2f3d89;
}

.LegacyContentWrapper article button.success,
.LegacyContentWrapper article a.button.success {
	background: #1ea672;
	color: #efffed;
}

.LegacyContentWrapper article button.arrow,
.LegacyContentWrapper article a.button.arrow {
	background-image: url("../img/icon/icon-arrow-white.svg");
	background-size: 12px 12px;
	background-position: calc(100% - 10px) 11px;
	background-repeat: no-repeat;
	padding-right: 26px;
}


/* - Columns */

.LegacyContentWrapper article .columns {
	display: flex;
	flex-direction: row;
}

.LegacyContentWrapper article .columns:not(:first-child) {
	margin-top: 18px;
}

.LegacyContentWrapper article .columns>.column.no-shrink {
	flex-shrink: 0;
}

.LegacyContentWrapper article .columns>.column:not(:first-child) {
	margin-left: 18px;
}

.LegacyContentWrapper article a.column {
	text-align: center;
	text-decoration: none;
	text-decoration: none;
	font-weight: normal;
}

.LegacyContentWrapper article a.column h4+p {
	padding-top: 5px;
}

.LegacyContentWrapper article a.column:hover,
.LegacyContentWrapper article a.column:hover>* {
	color: var(--sail-color-blue-500);
}


/* - Card form */

/* .LegacyContentWrapper article .card-form {
	width: 325px;
	background: var(--sail-color-white);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07), 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	font-size: 16px;
	padding: 2px 12px;
}

.LegacyContentWrapper article .card-form .row {
	border-bottom: 1px solid #ededed;
	display: flex;
	flex-direction: row;
}

.LegacyContentWrapper article .card-form .row:last-child {
	text-align: right;
	border: none;
	flex-direction: column;
	align-items: flex-end;
}

.LegacyContentWrapper article .card-form .column {
	position: relative;
	flex-grow: 1;
	height: 100%;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.LegacyContentWrapper article .card-form .column:not(:first-child) label {
	margin-left: 14px;
}

.LegacyContentWrapper article .card-form .column:not(:first-child):after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
}

.LegacyContentWrapper article .card-form label,
.LegacyContentWrapper article .card-form input:not(.submit),
.LegacyContentWrapper article .card-form .StripeElement {
	padding: 14px 0;
	font-size: 16px;
	line-height: 16px;
	outline: none;
}

.LegacyContentWrapper article .card-form label {
	display: inline-block;
	width: 75px;
	font-weight: 600;
	flex-shrink: 0;
}

.LegacyContentWrapper article .card-form .cvc label {
	width: 60px;
}

.LegacyContentWrapper article .card-form input,
.LegacyContentWrapper article .card-form .StripeElement {
	border: none;
	background: none;
	width: 100%;
}

.LegacyContentWrapper article .card-form button,
.LegacyContentWrapper article .card-form input.submit {
	width: calc(50% - 14px);
	margin-top: 10px;
	margin-bottom: 8px;
}

.LegacyContentWrapper article .card-form .errors {
	color: #e13760;
	font-size: 14px;
	background: var(--sail-color-white) bfc;
	font-weight: 500;
	border-radius: 4px;
	padding: 8px;
	margin: 6px 0 0 0;
	line-height: 18px;
}

.LegacyContentWrapper article .card-form .errors:empty {
	display: none;
} */


/* - Images */

.LegacyContentWrapper article .images,
.LegacyContentWrapper article *:not(.images)>.image {
	border-radius: 4px;
	padding: 12px 0;
	position: relative;
}

.LegacyContentWrapper article .image img {
	padding: 0;
	overflow: hidden;
	max-width: 736px;
}

.LegacyContentWrapper article .images .image img {
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
}

.LegacyContentWrapper article img {
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
}

.LegacyContentWrapper article .image.full {
	background: transparent;
	border: 0;
	padding: 0;
}

.LegacyContentWrapper article .image.full img {
	border-radius: 4px;
}

.LegacyContentWrapper article .images:not(:first-child),
.LegacyContentWrapper article *:not(.images)>.image:not(:first-child) {
	margin-top: 18px;
}

.LegacyContentWrapper article .images {
	display: flex;
	justify-content: space-around;
}

.LegacyContentWrapper article .images.grouped {
	background-color: #f6f9fc;
	padding: 16px;
	align-items: baseline;
}

.LegacyContentWrapper article .images.grouped.with-video {
	padding-top: 64px;
}

.LegacyContentWrapper article .images.vertical {
	flex-direction: column;
}

.LegacyContentWrapper article .images.vertical .image:not(:last-child) {
	margin-bottom: 30px;
}

.LegacyContentWrapper article .image.align-right {
	float: right;
	margin: 0 0 20px 30px;
}

.LegacyContentWrapper article .image {
	text-align: center;
	width: 100%;
}

.LegacyContentWrapper article .image>a {
	display: block;
	line-height: 0;
}

.LegacyContentWrapper article .image p {
	font-size: 13px;
	text-align: center;
	padding-top: 4px;
	line-height: 20px;
	width: 100%;
	margin: 0 auto;
}

.LegacyContentWrapper article .image p {
	padding-top: 6px;
}


/* - Tags */

.LegacyContentWrapper article .tag {
	padding: 1px 8px 2px 8px;
	margin: 2px;
	border-radius: 20px;
	white-space: nowrap;
}

.LegacyContentWrapper article .tag.beta,
.LegacyContentWrapper article .tag.recommended,
.LegacyContentWrapper article .tag.major {
	background: var(--sail-color-green-100);
	color: var(--sail-color-green-600);
}

.LegacyContentWrapper article .tag.optional {
	background: var(--sail-color-gray-100);
	color: #4e566d;
}

.LegacyContentWrapper article .tag.warning {
	background: var(--sail-color-yellow-100);
	color: var(--sail-color-yellow-600);
}

.LegacyContentWrapper article .tag.glossary {
	background: var(--sail-color-gray-50);
	color: var(--sail-color-gray-500);
	padding: 4px;
	text-transform: capitalize;
}

.LegacyContentWrapper article h1 .tag {
	position: relative;
	top: -4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 4px;
	font-size: 16px;
	font-weight: 500;
}

.LegacyContentWrapper article h2 .tag {
	position: relative;
	top: -2px;
	padding: 0 8px 2px 8px;
	font-size: 14px;
	font-weight: 500;
}

.LegacyContentWrapper article h3 .tag {
	position: relative;
	top: -2px;
	margin-left: 4px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
}


/* - Zoomable images */

.LegacyContentWrapper article a.zoomable {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.fullscreen-container,
.fullscreen-overlay,
.fullscreen-container .fullscreen-image-container,
.fullscreen-image-wrapper,
.fullscreen-image {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.fullscreen-container {
	position: fixed;
	z-index: 10000;
}

.fullscreen-overlay {
	position: absolute;
	background: white;
	opacity: 0;
	transform: translate3d(0, 0, 0);
}

.fullscreen-image-container {
	position: absolute;
	transform-origin: 0 0;
	z-index: 10001;
}

.fullscreen-image-wrapper {
	position: absolute;
}

.fullscreen-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transform-origin: 50% 50%;
	margin: auto auto;
}

.fullscreen-image,
.fullscreen-image-container {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Quotes */

.LegacyContentWrapper article blockquote {
	border-left: 2px solid var(--sail-color-gray-100);
	padding-left: 18px;
	color: var(--sail-color-gray-400);
}


/* Rule conditions */

.LegacyContentWrapper span.rules.attribute {
	color: var(--sail-color-gray-400);
}

.LegacyContentWrapper span.rules.metadata {
	color: var(--sail-color-green-500);
}

.LegacyContentWrapper span.rules.numeric-value {
	color: var(--sail-color-cyan-500);
}

.LegacyContentWrapper span.rules.string-value {
	color: var(--sail-color-yellow-500);
}

.LegacyContentWrapper span.rules.red {
	color: var(--sail-color-red-500);
}

.LegacyContentWrapper span.rules.amber {
	color: var(--sail-color-yellow-500);
}

.LegacyContentWrapper span.rules.green {
	color: var(--sail-color-green-500);
}


/* Step indicators */

.LegacyContentWrapper span.step {
	color: var(--sail-color-gray-400);
}


/* Alternate notification colors */

.LegacyContentWrapper aside {
	line-height: 24px;
}


.LegacyContentWrapper aside.important.alternate.amber {
	background-image: none;
	background: var(--sail-color-gray-50);
	border: 1px solid var(--sail-color-gray-100);
	padding: 12px 20px;
}


.LegacyContentWrapper aside ul li:before {
	top: 7px;
}

.LegacyContentWrapper aside ul li {
	padding-left: 24px;
}


/* List columns */

.LegacyContentWrapper ul.two-column-list {
	column-count: 2;
	list-style: none;
	margin: 15px 0;
}

.LegacyContentWrapper ul.three-column-list {
	column-count: 3;
	list-style: none;
	margin: 15px 0;
}


/* Code pen integration */

.LegacyContentWrapper .codepen-content {
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	height: 380px;
}


/* Custom positioning */

.LegacyContentWrapper div.plaid-logo a img {
	width: 30%;
	float: right;
	margin: 0 10px 20px 30px;
}


/* CTA */

/* .LegacyContentWrapper .docs-header-cta {
	display: inline-block;
	font-weight: 500;
	color: var(--sail-color-blue-500);
	background-color: var(--sail-color-white);
	height: 32px;
	line-height: 30px;
	padding: 0 10px 8px;
	font-size: 16px;
	border-radius: 4px;
	transition: border 200ms ease-in-out;border: 1px solid var(--sail-color-gray-100);
}

.LegacyContentWrapper .docs-header-cta:hover {
	color: var(--sail-color-blue-600);
	border: 1px solid var(--sail-color-gray-200);}

.LegacyContentWrapper .before-after-table .tabs-content {
	background-color: transparent !important;
}

.LegacyContentWrapper .before-after-table .nav-languages {
	background-color: inherit;
	border-radius: 0;
	padding: 0;
	margin-top: 20px;
	line-height: 24px;
	margin-bottom: 0;
	border-bottom: 1px solid var(--sail-color-gray-100);
	color: var(--sail-color-text);
}

.LegacyContentWrapper .before-after-table .nav-languages a {
	display: inline-block;
	height: 36px;
	font-size: 14px;
	color: var(--sail-color-text-gray);
	padding: 0 8px;
	margin-right: 2px;
	cursor: pointer;
	text-decoration: none;
}

.LegacyContentWrapper .before-after-table>.nav-languages a.selected {
	border-bottom: 2px solid var(--sail-color-blue-500);
	color: var(--sail-color-blue-500);
	font-weight: 500;
}

.LegacyContentWrapper .code-diff {
	border: none;
	color: var(--sail-color-text);
	font-size: 13px;
}

.LegacyContentWrapper .code-diff-container {
	border-radius: 4px;
	display: grid;
	grid-template-columns: 50% 50%;
}

.LegacyContentWrapper .code-diff-before {
	display: flex;
	flex-direction: column;
	margin-right: 5px;
}

.LegacyContentWrapper .code-diff-after {
	display: flex;
	flex-direction: column;
}

.LegacyContentWrapper .code-diff-heading {
	color: var(--sail-color-gray-700);
	font-size: 13px;
	font-weight: 500;
	padding: 0 0 7px 0;
	text-align: left;
	text-transform: uppercase;
}

.LegacyContentWrapper .code-diff-code-wrapper {
	flex-grow: 1;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
}

.LegacyContentWrapper article .tabs-content .code-diff-code-wrapper>p {
	flex: 1;
	padding: 10px;
	border-radius: 4px;
	color: var(--sail-color-gray-500);
	background-color: var(--sail-color-gray-100);
	font-size: 14px;
	line-height: 20px;
}

.LegacyContentWrapper .code-diff-code-wrapper>.code>.show-extra-lines {
	margin: 0 -14px -11px;
	padding-left: 11px;
}

.LegacyContentWrapper .code-diff-code-wrapper>.code>.show-extra-lines::after {
	display: none;
} */


/* Hide integration builder entry cta on small screen sizes */

@media (max-width: 1279px) {
	.LegacyContentWrapper .ib-entry-cta {
		display: none !important;
	}
}


/* Media query for mobile layout */

@media (max-width: 768px) {
	.LegacyContentWrapper .docs-toc {
		display: none;
	}
	.LegacyContentWrapper #sidebar {
		height: 100%;
	}
}


/* Media query for print layout */

/* @media print {
	.LegacyContentWrapper body,
	.LegacyContentWrapper #docs,
	.LegacyContentWrapper #content-wrapper {
		overflow: visible;
	}
	.LegacyContentWrapper #docs {
		grid-template-columns: 1fr;
	}
	.LegacyContentWrapper #sidebar {
		display: none;
	}
	.LegacyContentWrapper #content-wrapper {
		position: relative;
		min-width: inherit;
	}
	.LegacyContentWrapper #content {
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: 0;
	}
	.LegacyContentWrapper #content:before {
		display: block;
		content: '';
		background-image: url(https://stripe.com/img/documentation/logo.svg);
		background-repeat: no-repeat;
		height: 50px;
		width: 100%;
		border-bottom: 1px solid var(--sail-color-gray-100);
		margin-bottom: 15px;
	}
	.LegacyContentWrapper #main-header,
	.LegacyContentWrapper .search,
	.LegacyContentWrapper .search-results {
		display: none;
	}
	.LegacyContentWrapper .page-break {
		page-break-before: always;
		page-break-inside: avoid;
	}
	.LegacyContentWrapper .dont-print {
		display: none;
	}
	.LegacyContentWrapper .code {
		page-break-inside: avoid;
	}
	.LegacyContentWrapper .docs-toc {
		display: none;
	}
}

.LegacyContentWrapper table.testing thead th:first-child {
	width: 30%;
}

.LegacyContentWrapper .testing-overview {
	column-count: 2;
	list-style: none;
}

.LegacyContentWrapper .testing-overview li {
	padding-left: 0;
	margin: 0;
}

.LegacyContentWrapper .testing-overview li:before {
	display: none;
}

.LegacyContentWrapper #developer-digest {
	padding: 22px 0;
	background: #f7f8f9;
	border-radius: 5px;
	border: none;
}

.LegacyContentWrapper #developer-digest button {
	height: inherit;
	box-shadow: none;
	color: #556cd6;
}

.LegacyContentWrapper #developer-digest .collect-error {
	padding-top: 0;
	color: #373e42;
}

.LegacyContentWrapper #developer-digest .digest_header {
	font-size: 22px;
	color: #0d2b3e;
	font-weight: 500;
}

.LegacyContentWrapper ul.four-column-list {
	columns: 2;
}

.LegacyContentWrapper ul.four-column-list li {
	float: left;
	width: 50%;
}

.LegacyContentWrapper table.finance-report-schema {
	padding-bottom: 20px;
}

.LegacyContentWrapper table.finance-report-schema .check {
	text-align: center;
}

.LegacyContentWrapper table.radar-comparison .check {
	text-align: center;
} */


/* Styles to make code snippet copy buttons nice */

/* .LegacyContentWrapper .code-copy-btn {
	padding: 0 8px;
	cursor: pointer;
	display: inline;
}

.LegacyContentWrapper .code-copy-btn.code-copy-btn-tab-nav {
	padding: 0 8px;
}

.LegacyContentWrapper .code-copy-btn.hidden {
	display: none;
}

.LegacyContentWrapper .code-copy-btn.left-border {
	border-left: 1px solid var(--sail-color-gray-700);
}

.LegacyContentWrapper .code-copy-btn svg {
	fill: var(--sail-color-gray-300);
	position: relative;
	top: 2px;
}

.LegacyContentWrapper .code-copy-btn:hover svg {
	fill: var(--sail-color-gray-500);
}

.LegacyContentWrapper .nav-languages.has-copy-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 0px;
}

.LegacyContentWrapper .copy-btn-toast {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 99;
	background: var(--sail-color-blue-700);
	padding: 2px 8px;
	border-radius: 6px;
	color: var(--sail-color-gray-100);
	font-size: 12px;
	font-family: var(--sail-font-family);
	letter-spacing: 0.3px;
	line-height: 20px;
	font-weight: 600;
} */


/* checkout index styles */


/* TODO(ianm) all of this nonsense should be deleted */

/* .LegacyContentWrapper .preview-button,
.LegacyContentWrapper #preview-button {
	margin-top: 14px;
}

.LegacyContentWrapper #preview-button {
	opacity: 0;
}

.LegacyContentWrapper #preview-button.loaded {
	opacity: 1;
}

.LegacyContentWrapper #preview-message {
	margin-top: 17px;
	padding: 0;
	padding-left: 24px;
	font-weight: 500;
	color: #1ea672;
	background-image: url('https://stripe.com/img/documentation/icon-answer.svg');
	background-size: 15px 12px;
	background-position: 0 7px;
	background-repeat: no-repeat;
	opacity: 0;
	transform: translateY(12px);
}

.LegacyContentWrapper #preview-message.active {
	opacity: 1;
	transform: none;
	transition: all 0.45s cubic-bezier(0, 0.9, 0.11, 1);
	transition-delay: 1.5s;
}

.LegacyContentWrapper #preview-message.error {
	opacity: 1;
	color: #ed5f74;
	transform: none;
	transition: all 0.45s cubic-bezier(0, 0.9, 0.11, 1);
	transition-delay: 1.5s;
}

.LegacyContentWrapper #checkout-updates {
	margin-top: 40px;
	padding: 16px 0 32px 0;
	background: #f7f8f9;
	border-radius: 4px;
	border: none;
}

.LegacyContentWrapper #checkout-updates button {
	height: inherit;
	box-shadow: none;
	color: #556cd6;
}

.LegacyContentWrapper #checkout-updates .collect-error {
	padding-top: 0;
	color: #373e42;
}

.LegacyContentWrapper #checkout-updates .header {
	font-size: 22px;
	color: #0d2b3e;
	font-weight: 500;
}

.LegacyContentWrapper .current-version-pill {
	display: inline-block;
	border-radius: 20px;
	color: #3d4eac;
	font-size: 12px;
	margin-top: -1px;
	margin-left: 5px;
	padding: 4px;
	font-weight: 600;
	line-height: 16px;
	background-color: #d6ecff;
} */


/* styles for scrollbox container tables */

.LegacyContentWrapper #tax-rates.scrollbox {
	white-space: nowrap;
	overflow: auto;
	border-radius: 5px;
	margin: 20px 0 0;
	max-width: 100%;
	background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient( farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient( farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
	background-position: 0 0, 100%, 0 0, 100%;
	background-attachment: local, local, scroll, scroll;
}

.LegacyContentWrapper .invoiceTaxTable code {
	background: rgba(0, 0, 0, 0.04);
}

.LegacyContentWrapper .invoiceTaxTable .footer td {
	background-blend-mode: multiply;
	font-weight: bold;
	border-top-width: 2px;
}

.LegacyContentWrapper .category-map {
	margin-top: 48px;
	margin-bottom: 16px;
	position: relative;
}

.LegacyContentWrapper .category-map-list {
	margin-top: 16px;
	flex-direction: row;
}

.LegacyContentWrapper .category-map-category {
	margin: 0;
}

.category-map-category ul {
	padding: 0;
}

.LegacyContentWrapper .category-map-content {
	position: relative;
	padding-right: 64px;
}

.LegacyContentWrapper .category-map-content h2 {
	margin-top: 0;
}

.LegacyContentWrapper .category-map-content h5 {
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	color: var(--sail-color-gray-800);
}

.LegacyContentWrapper .category-map-content ul li {
	padding-left: 0;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}

.LegacyContentWrapper .category-map-content ul li::before {
	display: none;
}

.LegacyContentWrapper .integration-mode-switcher {
	margin-top: 32px;
}

.LegacyContentWrapper .integration-mode-switcher>div {
	margin-right: 8px;
}

.LegacyContentWrapper .integration-mode-switcher-label {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

.LegacyContentWrapper .integration-mode-switcher-button {
	padding: 6px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	background: none;
	color: var(--sail-color-gray-600);
	border: 1px solid var(--sail-color-gray-100);
	box-shadow: none;
	border-radius: 6px;
	transition: border 100ms ease-in-out;
}

.LegacyContentWrapper .integration-mode-switcher-button:not(.active):hover {
	color: var(--sail-color-gray-700);
	border: 1px solid var(--sail-color-gray-200);
}

.LegacyContentWrapper .integration-mode-switcher-button.active {
	color: var(--sail-color-blue-500);
	border: 2px solid var(--sail-color-blue-400);
}

.LegacyContentWrapper .guide-info-box {
	padding: 12px 20px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	background-color: var(--sail-color-gray-50);
}

.LegacyContentWrapper .guide-info-box .info-item {
	padding: 0px 32px 0 20px;
	position: relative;
	display: flex;
}

.LegacyContentWrapper .guide-info-box .info-header {
	font-size: 14px;
	line-height: 20px;
	padding-right: 4px;
	color: var(--sail-color-text);
}

.LegacyContentWrapper .guide-info-box .info-header::before {
	background-size: contain;
	background-position: center;
	position: absolute;
	left: -3px;
	top: 4px;
	width: 12px;
	height: 12px;
	content: '';
	display: inline-block;
}

.LegacyContentWrapper .guide-info-box .info-header.time::before {
	background: url("../img/icon/icon-clock.svg") no-repeat;
}

.LegacyContentWrapper .guide-info-box .info-header.customizability::before {
	background: url("../img/icon/icon-settings.svg") no-repeat;
}

.LegacyContentWrapper .guide-info-box .info-content {
	font-size: 14px;
	line-height: 20px;
	color: var(--sail-color-text);
	font-weight: 700;
}

.LegacyContentWrapper .info-box-with-callout {
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	background-color: var(--sail-color-gray-50);
	margin-bottom: 20px;
}

.LegacyContentWrapper .info-box-with-callout .guide-info-box {
	border: none;
	border-radius: 0;
	background-color: unset;
}

.LegacyContentWrapper article .info-box-with-callout aside.important,
.LegacyContentWrapper article .info-box-with-callout aside.info,
.LegacyContentWrapper article .info-box-with-callout aside.check {
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
	background-color: unset;
	border-top: 1px solid var(--sail-color-gray-100);
}


/* payment methods overview styles */

/* .LegacyContentWrapper article table.payment-method-table {
	margin-top: 28px;
	margin-bottom: 20px;
}

.LegacyContentWrapper .payment-method-table th {
	width: 20%;
	border-bottom: 1px solid var(--sail-color-gray-100);
	padding-left: 0;
}

.LegacyContentWrapper .payment-method-table th h6 {
	text-transform: none;
	font-size: 14px;
}

.LegacyContentWrapper .payment-method-table .payment-method-breakdown>tr>td {
	border: none;
	padding: 4px 16px 8px 0;
	color: var(--sail-color-text);
}

.LegacyContentWrapper .payment-method-table .payment-method-breakdown>tr:first-of-type>td {
	border: none;
	padding: 16px 16px 8px 0;
	color: var(--sail-color-gray-300);
}

.LegacyContentWrapper .payment-method-breakdown td.content-cell {
	border: none;
	padding: 24px 16px 9px 16px;
}

.LegacyContentWrapper .payment-method-table .payment-method {
	display: flex;
	direction: row;
	align-items: flex-start;
}

.LegacyContentWrapper .payment-method-table .payment-method .payment-method-icon {
	border: 0.01px solid #e6ebf1;
	overflow: hidden;
	border-radius: 4px;
	height: 26px;
	width: 26px;
}

.LegacyContentWrapper .payment-method-table .payment-method .payment-method-title {
	padding-left: 8px;
	width: 80%;
	padding-top: 4px;
	font-size: 14px;
}

.LegacyContentWrapper .payment-method-table .payment-method .payment-method-title span {
	color: var(--sail-color-gray-900);
	font-weight: 500;
	line-height: 18px;
}

.LegacyContentWrapper .payment-method-table a .payment-method .payment-method-title span {
	color: unset;
}

.LegacyContentWrapper .payment-method-badge {
	color: var(--sail-color-gray-400);
	font-size: 12px;
	font-weight: 500;
}

.LegacyContentWrapper .payment-method-family-table tr td {
	text-align: center;
}

.LegacyContentWrapper .payment-method-family-table tr td:nth-child(1) {
	text-align: left;
}

.LegacyContentWrapper .payment-method-family-table tr td:nth-child(2) {
	text-align: left;
}

.LegacyContentWrapper .payment-method-visual {
	width: 100%;
	display: flex;
	justify-content: center;
}

.LegacyContentWrapper .off-session-flow img {
	width: 100%;
}

.LegacyContentWrapper .comparison-table-col {
	width: 50%;
	flex-direction: row;
}

.LegacyContentWrapper .stripe-js-images .left-img {
	width: 490px;
}

.LegacyContentWrapper .stripe-js-images .right-img {
	width: 220px;
}

.LegacyContentWrapper article img.checkout-image {
	width: 500px;
	float: right;
	padding: 18px
}

.LegacyContentWrapper article div.no-code-cta {
	margin-top: 24px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	padding: 16px;
	color: var(--sail-color-gray-800);
	font-weight: 500;
}

.LegacyContentWrapper article .no-code-cta-icon {
	fill: var(--sail-color-blue-400);
	margin-right: 8px;
} */

/* responsive styles */

@media (max-width: 1250px) {
	/* landing page elements */
	.LegacyContentWrapper article .hero.hero-payment-methods .hero-right img,
	.LegacyContentWrapper article .hero .hero-right img {
		width: 40vw;
	}
	.LegacyContentWrapper article .hero.home-payments-hero .hero-right img {
		width: 100%;
	}
	.LegacyContentWrapper article .split-hero-image {
		height: 155px;
	}
	.LegacyContentWrapper article .developer-tools {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.LegacyContentWrapper .guide-cards .guide-card-image {
		background-size: contain;
	}
}

@media (max-width: 1150px) {
	/* landing page elements */
	.LegacyContentWrapper .hero.home-payments-hero .hero-left {
		min-width: 360px;
	}
	/*.LegacyContentWrapper .hero .hero-badges-container {
		display: none;
	}
	.LegacyContentWrapper .guide-cards .product-badge {
		display: none;
	}*/
	.LegacyContentWrapper article .connect-preview .guide-cards-content .guide-cards,
	.LegacyContentWrapper article .payments-tabs .guide-cards-content .guide-cards {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.LegacyContentWrapper .guide-cards .guide-card-image {
		background-size: cover;
	}
	.LegacyContentWrapper .tabs.payments-tabs+.guide-cards-container {
		margin-top: 48px;
	}
	/* content elements */
	.LegacyContentWrapper #checkout-demo,
	.LegacyContentWrapper #take-a-payment-demo,
	.LegacyContentWrapper #connect-oauth-onboarding-demo,
	.LegacyContentWrapper .info-box-with-callout {
		display: none;
	}
}


/* 1000px is our breakpoint for collapsing the side nav */

@media (max-width: 1000px) {
	/* landing page elements */
	.LegacyContentWrapper article .hero.hero-payment-methods .hero-right img,
	.LegacyContentWrapper article .hero .hero-right img {
		width: 50vw;
	}
	/* content elements */
	.LegacyContentWrapper .youtube-embed {
		width: 100%;
	}
}

@media (max-width: 750px) {
	/* landing page elements */
	.LegacyContentWrapper article .hero.home-payments-hero .hero-right,
	.LegacyContentWrapper article .hero.hero-payment-methods .hero-right,
	.LegacyContentWrapper article .split-hero,
	.LegacyContentWrapper article .explore-stripe,
	.LegacyContentWrapper article .products-header {
		display: none;
	}
	.LegacyContentWrapper article .home-payments-hero {
		min-height: 220px;
	}
	.LegacyContentWrapper article .guide-cards-content .guide-cards,
	.LegacyContentWrapper article .example-case-cards,
	.LegacyContentWrapper article .use-case-cards,
	.LegacyContentWrapper article .code-sample-cards {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.LegacyContentWrapper .category-map-list {
		flex-direction: column;
	}
	.LegacyContentWrapper .category-map-category {
		margin-top: 20px;
	}
	.LegacyContentWrapper .products-list .products-list-screen {
		display: none;
	}
	.LegacyContentWrapper article .connect-preview .guide-cards-content .guide-cards,
	.LegacyContentWrapper article .payments-tabs .guide-cards-content .guide-cards {
		grid-template-columns: 100% !important;
	}
	.LegacyContentWrapper .guide-cards .guide-card-image {
		display: none;
	}
	.LegacyContentWrapper .tabs.payments-tabs+.guide-cards-container {
		margin-top: 32px;
	}
	/* content elements */
	.LegacyContentWrapper article aside.note {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	/* this makes table content have a horizontal scroll */
	.LegacyContentWrapper article table {
		display: block;
		max-width: fit-content;
		margin: 0 auto;
		overflow-x: auto;
	}
	.LegacyContentWrapper article .comparison-table {
		flex-direction: column;
	}
	.LegacyContentWrapper article .comparison-table .comparison-table-col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.LegacyContentWrapper article .comparison-table .comparison-table-col img {
		width: 100%;
	}
	.LegacyContentWrapper article .comparison-table-col .feature-list li {
		height: unset;
	}
	.LegacyContentWrapper .stripe-js-images {
		display: none;
	}
	.LegacyContentWrapper article .images.grouped.with-video {
		padding-top: 16px;
	}
	.LegacyContentWrapper article .images.grouped.with-video .video {
		display: none;
	}
	.LegacyContentWrapper article div.no-code-cta {
		display: none;
	}
}

@media (max-width: 650px) {
	/* landing page elements */
	.LegacyContentWrapper article .hero .hero-right {
		display: none;
	}
	.LegacyContentWrapper article .hero.home-payments-hero .hero-left,
	.LegacyContentWrapper article .hero .hero-left {
		min-width: unset;
	}
	.LegacyContentWrapper article .hero.home-payments-hero .hero-left {
		padding: 10vw 0;
	}
	.LegacyContentWrapper article .guide-cards-content .guide-cards,
	.LegacyContentWrapper article .code-sample-cards,
	.LegacyContentWrapper article .example-case-cards,
	.LegacyContentWrapper article .use-case-cards,
	.LegacyContentWrapper article .developer-tools {
		grid-template-columns: 100% !important;
	}
	.LegacyContentWrapper article .developer-tools .half-card:not(:first-child) {
		margin-top: 0;
	}
	.LegacyContentWrapper article .hero+.guide-cards-container {
		border-top: none;
		padding-top: 0;
	}
	.LegacyContentWrapper .products-list {
		flex-direction: column;
		margin-top: 32px;
	}
	.LegacyContentWrapper .products-list .products-list-content {
		padding: 0;
	}
	.LegacyContentWrapper .products-list-secondary .products-list-content {
		padding: 0;
	}
	.LegacyContentWrapper .products-list .product-category h3 {
		font-size: 16px;
	}
	/* content elements */
	.LegacyContentWrapper article .tabs.tabs-regular:not(.integration-switcher)>.nav-tabs:not(.with-select) {
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.LegacyContentWrapper article .tabs.tabs-regular>.nav-tabs:not(.with-select) {
		height: 31px;
	}
	.LegacyContentWrapper article .tabs.tabs-regular.integration-switcher>.nav-tabs,
	.LegacyContentWrapper article .tabs.tabs-regular.payments-tabs>.nav-tabs,
	.LegacyContentWrapper article .tabs.tabs-regular.platform-tabs>.nav-tabs {
		height: 34px;
	}
	.LegacyContentWrapper article .tabs-regular.payments-tabs>.nav-tabs a,
	.LegacyContentWrapper article .tabs.tabs-regular:not(.integration-switcher)>.nav-tabs:not(.with-select) a {
		line-height: 28px;
		height: 30px;
		font-size: 13px;
		font-weight: 600;
	}
	.LegacyContentWrapper .nav-languages div:first-child,
	.LegacyContentWrapper article .tabs .tabs-code .nav-languages div:first-child {
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.LegacyContentWrapper article img.checkout-image {
		width: 100%;
		float: none;
	}
	.LegacyContentWrapper article .image {
		overflow: auto;
	}
	/* diagram things */
	.LegacyContentWrapper article .status--horizontal .status__description,
	.LegacyContentWrapper article .status__description {
		width: 100%;
	}
	.LegacyContentWrapper article .status--horizontal .status__ui-wrapper,
	.LegacyContentWrapper article .status__ui-wrapper {
		display: none;
	}
	.LegacyContentWrapper .youtube-embed {
		height: auto;
	}
}

@media (max-width: 500px) {
	/* landing page elements */
	.LegacyContentWrapper article .hero .hero-left {
		padding-right: 0;
	}
	.LegacyContentWrapper article .tabs.tabs-regular.integration-switcher>.nav-tabs {
		height: unset;
		margin-top: 16px;
	}
	.LegacyContentWrapper article .tabs.tabs-regular.integration-switcher>.nav-tabs a:first-child {
		margin-bottom: 10px;
	}
	.LegacyContentWrapper article .tabs.tabs-regular.integration-switcher>.nav-tabs a {
		font-size: 12px;
		height: 28px;
		line-height: 14px;
	}
	.LegacyContentWrapper article .images.grouped {
		flex-direction: column;
	}
	.LegacyContentWrapper article .images.grouped .image:not(:first-child) {
		margin-top: 24px;
	}
	.LegacyContentWrapper article .images.grouped .image p {
		padding-top: 0px;
	}
}

.LegacyContentWrapper pre .highlighted-line {
	background: #1A2652;
}

.LegacyContentWrapper code .token {
	padding: 0;
	margin: 0;
}

.LegacyContentWrapper code .token:not(.script) {
	font-weight: normal;
}

.LegacyContentWrapper code .token.property {
	font-weight: 500;
}

.LegacyContentWrapper code .token.keyword,
.LegacyContentWrapper code .token.atrule,
.LegacyContentWrapper .language-php .token.operator {
	color: #a4cdfe;
}

.LegacyContentWrapper code .token.tag,
.LegacyContentWrapper code .token.tag *,
.LegacyContentWrapper code .token.attr-name,
.LegacyContentWrapper code.language-markup .token.namespace,
.LegacyContentWrapper code .token.selector {
	color: #a4cdfe;
}

.LegacyContentWrapper code .token.tag,
.LegacyContentWrapper code .token.keyword,
.LegacyContentWrapper code .token.atrule,
.LegacyContentWrapper .language-php .token.operator {
	font-weight: 600;
}

.LegacyContentWrapper code .token.attr-name {
	font-style: italic;
}

.LegacyContentWrapper code .token.comment {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
}

.LegacyContentWrapper code .token.function,
.LegacyContentWrapper code .token.url,
.LegacyContentWrapper code.language-url {
	font-weight: 600;
	color: #a4cdfe;
}

.LegacyContentWrapper code .token.boolean,
.LegacyContentWrapper code .token.constant,
.LegacyContentWrapper .language-ruby .token.constant+.token.punctuation,
.LegacyContentWrapper .language-ruby .token.constant+.token.punctuation+.token.symbol,
.LegacyContentWrapper code .token.class-name,
.LegacyContentWrapper code .token.builtin,
.LegacyContentWrapper code .token.namespace {
	font-weight: 600;
	color: #a4cdfe;
}

.LegacyContentWrapper code .token.number {
	color: #f8b886;
}

.LegacyContentWrapper code .token.header {
	font-weight: bold;
}




/* Variables */

.LegacyContentWrapper #checkout-demo {
	--body-color: rgb(247, 250, 252);
	--body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	--button-color: #556CD6;
	--radius: 4px;
	--button-width: 400px;
}

.LegacyContentWrapper #checkout-demo {
	box-sizing: border-box;
	background-color: var(--body-color);
	font-family: var(--body-font-family);
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	transition: height 1s ease;
	min-height: 120px;
	position: relative;
	overflow: auto;
}

.LegacyContentWrapper #checkout-demo .sr-main {
	justify-content: left;
	padding: 12px 0 0 0;
}

.LegacyContentWrapper #checkout-demo .brand-assets .sr-subtext {
	margin-top: 16px;
}

.LegacyContentWrapper #checkout-demo .image img {
	width: 100%;
}

.LegacyContentWrapper #preview-button {
	margin-top: 14px;
	max-width: var(--button-width);
}

.LegacyContentWrapper #preview-message {
	margin-top: 17px;
	padding: 0;
	padding-left: 24px;
	font-weight: 500;
	color: #1EA672;
	background-image: url("../img/icon/icon-answer.svg");
	background-size: 15px 12px;
	background-position: 0 7px;
	background-repeat: no-repeat;
	opacity: 0;
	transform: translateY(12px);
}

.LegacyContentWrapper #preview-message.active {
	opacity: 1;
	transform: none;
	transition: all .45s cubic-bezier(0, .9, .11, 1);
	transition-delay: 1.5s;
}

.LegacyContentWrapper .code-sample-cards {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(200px, 33%));
	grid-gap: 20px;
	list-style: none;
	margin-top: 20px !important;
}

.code-sample-cards {
	padding: 0;
}

.LegacyContentWrapper .code-sample-card {
	padding: 0;
	margin: 0;
	min-height: 72px;
}

.LegacyContentWrapper .code-sample-cards-view-all:after {
	content: '';
	display: inline-block;
	margin-left: 4px;
	width: 16px;
	height: 12px;
	background-image: url("../img/icon/icon-external-link.svg");
	background-size: 100% 12px;
	background-position: left top;
	background-repeat: no-repeat;
}

.LegacyContentWrapper .code-sample-card:before {
	display: none;
}

.LegacyContentWrapper .code-sample-card a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	text-decoration: none;
	transition: all 200ms ease-in-out;
}

.LegacyContentWrapper .code-sample-card a:hover {
	box-shadow: var(--guide-card-hover-shadow);
}

.LegacyContentWrapper .code-sample-card-footer {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: space-between;
	max-height: 120px;
	padding: 17px;
}

.LegacyContentWrapper .code-sample-card-footer h3 {
	margin: 0;
	font-size: 16px;
	line-height: 21px;
	color: var(--sail-color-text-blue);
	font-weight: 500;
}

.LegacyContentWrapper .code-sample-card-tags {
	position: relative;
	display: flex;
	flex-direction: row;
	list-style-type: none;
	color: var(--sail-color-text-gray);
	margin: 12px 0 0 0 !important;
}

.LegacyContentWrapper .code-sample-card-tags {
	padding: 0;
	color: var(--sail-color-text-gray);
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase;
}

.LegacyContentWrapper .code-sample-card-tags:before {
	content: '';
	margin-right: 8px;
	width: 20px;
	height: 20px;
	/*background-image: url('https://stripe.com/img/documentation/icon-github-gray.svg');*/
	background-size: 20px 20px;
	background-position: left top;
	background-repeat: no-repeat;
}


/******* Comparison table used in /docs/payments and more *******/

.LegacyContentWrapper .comparison-table {
	display: flex;
	font-size: 15px;
	color: #4F566B;
	text-align: center;
	padding-top: 24px;
}

.LegacyContentWrapper .comparison-table .comparison-table-col {
	padding: 18px 0;
	background: #FFFFFF;
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 2px 5px 0 rgba(50, 50, 93, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
	border-radius: 6px;
	flex: 1;
}

.LegacyContentWrapper .comparison-table .comparison-table-col:first-child {
	margin-right: 18px;
}


/******* Comparison table header *******/

.LegacyContentWrapper .comparison-table-col .table-title {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px;
	color: #4F566B;
	padding: 18px 18px 0px 18px;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.LegacyContentWrapper .comparison-table-col .table-description {
	line-height: 20px;
	margin-bottom: 18px;
	padding: 0 24px;
}

.LegacyContentWrapper .comparison-table .comparison-table-col .comparison-table-img-wrapper {
	height: 150px;
}

.LegacyContentWrapper .comparison-table .comparison-table-col img {
	max-width: 340px;
	margin-bottom: 18px;
	padding: 0 18px;
}

.LegacyContentWrapper .comparison-table-col .try-it-out {
	font-size: 13px;
	font-weight: bold;
	color: #556CD6;
	text-transform: uppercase;
	text-align: center;
}

.LegacyContentWrapper .comparison-table .try-it-out a,
.LegacyContentWrapper .comparison-table .try-it-out a:visited {
	position: relative;
	color: #556CD6;
	text-decoration: none;
	font-weight: bold;
}

.LegacyContentWrapper .comparison-table .try-it-out a:hover {
	color: #4F566B;
}

.LegacyContentWrapper .comparison-table .try-it-out a::before {
	content: "";
	height: 22px;
	position: absolute;
	width: 22px;
	/*background-image: url('https://stripe.com/img/documentation/try-it-out.svg');*/
	top: -4px;
	left: -30px;
}


/******* Comparison table feature list *******/

.LegacyContentWrapper .comparison-table-col .feature-list {
	background: #F7FAFC;
	letter-spacing: 0;
	line-height: 20px;
	border-top: 1px solid #E3E8EE;
	border-bottom: 1px solid #E3E8EE;
	margin-top: 18px;
}

.LegacyContentWrapper .comparison-table-col .feature-list li {
	padding: 15px 30px;
	margin: 0;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4F566B;
}

.LegacyContentWrapper .comparison-table-col .feature-list li:before {
	content: none;
}

.LegacyContentWrapper .comparison-table-col .feature-list li:nth-child(even) {
	background: #FFFFFF;
}

.LegacyContentWrapper .comparison-table-col a,
.LegacyContentWrapper .comparison-table-col a:visited {
	color: #4F566B;
	text-decoration: underline;
	font-weight: normal;
}

.LegacyContentWrapper .comparison-table .table-cta {
	margin-top: 18px;
	text-align: center;
}


/******* Comparison table CTA link at bottom of table *******/

.LegacyContentWrapper .comparison-table a.table-cta-link {
	color: #556CD6;
	text-decoration: none;
	position: relative;
	font-weight: 500;
}

.LegacyContentWrapper .comparison-table a.table-cta-link:hover {
	color: #4F566B;
}

.LegacyContentWrapper .comparison-table a.table-cta-link:after {
	content: "";
	height: 12px;
	position: absolute;
	width: 12px;
	background-image: url("../img/icon/arrow-purple.svg");
	top: 3px;
	right: -18px;
}

.LegacyContentWrapper .comparison-table a.table-cta-link:hover {
	color: #7795f8;
}


/* Variables */

.LegacyContentWrapper #connect-checkout-demo {
	--body-color: rgb(247, 250, 252);
	--body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	--button-color: #556CD6;
	--radius: 4px;
	--button-width: 400px;
}

.LegacyContentWrapper #connect-checkout-demo {
	box-sizing: border-box;
	background-color: var(--body-color);
	font-family: var(--body-font-family);
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	transition: height 1s ease;
	min-height: 120px;
}

.LegacyContentWrapper #connect-checkout-demo .sr-main {
	justify-content: left;
	padding: 12px 0 0 0;
}

.LegacyContentWrapper #connect-checkout-demo .brand-assets .sr-subtext {
	margin-top: 16px;
}

.LegacyContentWrapper #preview-button {
	margin-top: 14px;
	max-width: var(--button-width);
}

.LegacyContentWrapper #preview-message {
	margin-top: 17px;
	padding: 0;
	padding-left: 24px;
	font-weight: 500;
	color: #1EA672;
	background-image: url("../img/icon/icon-answer.svg");
	background-size: 15px 12px;
	background-position: 0 7px;
	background-repeat: no-repeat;
	opacity: 0;
	transform: translateY(12px);
}

.LegacyContentWrapper #preview-message.active {
	opacity: 1;
	transform: none;
	transition: all .45s cubic-bezier(0, .9, .11, 1);
	transition-delay: 1.5s;
}


/* Variables */

.LegacyContentWrapper #oxxo-stripe-sample {
	--body-color: rgb(247, 250, 252);
	--button-color: #556CD6;
	--accent-color: #556CD6;
	--gray-border: #e3e8ee;
	--link-color: #ffffff;
	--font-color: rgb(105, 115, 134);
	--body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	--radius: 4px;
	--form-width: 400px;
}


/* Base */

.LegacyContentWrapper #oxxo-stripe-sample {
	box-sizing: border-box;
	background-color: var(--body-color);
	font-family: var(--body-font-family);
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	transition: height 1s ease;
	min-height: 240px;
}


/* Layout */

.LegacyContentWrapper .sr-header {
	display: flex;
	justify-content: space-between;
	padding: 4px;
}

.LegacyContentWrapper .sr-header h3 {
	padding-top: 0px;
	margin-top: 0px;
}

.LegacyContentWrapper .sr-root {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 980px;
	align-content: center;
	justify-content: center;
	height: auto;
	margin: 0 auto;
}

.LegacyContentWrapper .sr-main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 25px 0 25px 0;
	background: var(--body-color);
}

.LegacyContentWrapper .sr-payment-form {
	text-align: center;
	width: var(--form-width);
}

.LegacyContentWrapper .sr-field-error {
	color: #cd3d64 !important;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	margin-top: 12px;
}

.LegacyContentWrapper .sr-sample .sr-pill {
	background: rgb(227, 232, 238);
	border-radius: 13px;
	height: 26px;
	line-height: 26px;
	color: rgb(79, 86, 107);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0px;
	box-shadow: none;
	margin-right: 8px;
	margin-top: 0px;
}

.LegacyContentWrapper .sr-pill.small {
	width: 26px;
	margin-right: 0px;
	padding: 0;
}

.LegacyContentWrapper .sr-pill.fill-inputs {
	min-width: 150px;
	margin-top: 17px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	display: inline-flex;
}

.LegacyContentWrapper .sr-pill:not(:disabled):hover {
	filter: contrast(90%);
}

.LegacyContentWrapper .sr-pill:not(:disabled):active {
	transform: translateY(0px) scale(0.98);
	filter: brightness(0.9);
}

.LegacyContentWrapper .sr-pill:disabled {
	opacity: 0.5;
}

.LegacyContentWrapper .sr-terminal {
	padding: 25px 0 17px 0px;
	font-family: monospace;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 20px;
}

.LegacyContentWrapper .sr-terminal div {
	display: table-cell;
	font-size: 13px;
	font-weight: normal;
	height: 20px;
	letter-spacing: 0px;
	line-height: 20px;
}

.LegacyContentWrapper .sr-terminal div:first-child {
	color: rgb(59, 65, 94);
	padding-right: 20px;
}

.LegacyContentWrapper #oxxo-stripe-sample .sr-subtext {
	color: rgb(105, 115, 134);
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.15px;
	line-height: 20px;
	margin-top: 8px;
	padding-top: 0;
}

.LegacyContentWrapper .close-sample-btn,
.LegacyContentWrapper .close-sample-btn:active {
	position: absolute;
	right: 25px;
	background: url("../img/icon/close-sample.svg");
	width: 14px;
	height: 14px;
	padding: 0;
	box-shadow: none;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 0px;
}

.LegacyContentWrapper .close-sample-btn:active {
	outline: lightblue;
}

.LegacyContentWrapper .expand-btn {
	background: url("../img/icon/expand-sample.svg");
	width: 10px;
	height: 10px;
	padding: 0;
	background-repeat: no-repeat;
	display: inline-block;
}

.LegacyContentWrapper #submit {
	height: 36px;
	margin-top: 5px;
	background: var(--button-color);
	border-radius: var(--radius);
	color: white;
	border: 0;
	margin-top: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	display: block;
	box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
	width: 100%;
}

.LegacyContentWrapper #submit:focus {
	background: var(--button-color);
}

.LegacyContentWrapper #submit:hover {
	filter: contrast(120%) !important;
}

.LegacyContentWrapper #submit:disabled {
	opacity: 0.5;
}


/* Form button */

.LegacyContentWrapper .form-button:focus {
	box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3) !important;
	outline: none;
	z-index: 9;
}


/* Inputs */

.LegacyContentWrapper #oxxo-stripe-sample .sr-input,
.LegacyContentWrapper #oxxo-stripe-sample .StripeElement {
	height: 40px;
	padding: 10px 12px;
	font-size: 14px;
	color: #32325d;
	background-color: white;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}

.LegacyContentWrapper #oxxo-stripe-sample .sr-input:focus,
.LegacyContentWrapper #oxxo-stripe-sample .StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
	background-color: white !important;
}

.LegacyContentWrapper .sr-input {
	width: 100%;
	outline: none;
	font-size: 14px;
}

.LegacyContentWrapper .sr-input::placeholder {
	color: gray !important;
}

.LegacyContentWrapper .sr-result {
	width: 100%;
	color: var(--font-color);
	text-align: center;
}

.LegacyContentWrapper .sr-result p {
	line-height: 20px;
}

.LegacyContentWrapper .sr-result pre {
	border: 1px solid var(--gray-border);
	margin-top: 25px !important;
	padding-left: 14px;
	max-height: 300px;
	overflow: auto;
}

.LegacyContentWrapper .sr-combo-inputs-row {
	box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
	border-radius: 7px;
}

.LegacyContentWrapper .sr-combo-inputs {
	display: flex;
	width: 100%;
	margin-top: 0px;
}

.LegacyContentWrapper .sr-combo-inputs .col:not(:last-child) {
	margin-right: 20px;
}

.LegacyContentWrapper .sr-combo-inputs .col {
	width: 100%;
}

.LegacyContentWrapper label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	max-width: 100%;
	color: #6b7c93;
	text-align: left;
}


/* Code block */

.LegacyContentWrapper #oxxo-stripe-sample code,
.LegacyContentWrapper #oxxo-stripe-sample pre {
	font-family: "SF Mono", "IBM Plex Mono", "Menlo", monospace;
	font-size: 12px;
}


/* Responsiveness */

@media (max-width: 720px) {
	.LegacyContentWrapper .sr-root {
		flex-direction: column;
		justify-content: flex-start;
		padding: 48px 20px;
		min-width: 320px;
	}
	.LegacyContentWrapper .sr-header__logo {
		background-position: center;
	}
	.LegacyContentWrapper .sr-payment-summary {
		text-align: center;
	}
	.LegacyContentWrapper .sr-content {
		display: none;
	}
	.LegacyContentWrapper .sr-main {
		width: 100%;
		background: rgb(247, 250, 252);
		box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
		border-radius: 6px;
	}
}

.LegacyContentWrapper .sr-instructions {
	text-align: left;
	padding: 20px;
}


/* todo: spinner/processing state, errors, animations */

.LegacyContentWrapper .spinner,
.LegacyContentWrapper .spinner:before,
.LegacyContentWrapper .spinner:after {
	border-radius: 50%;
}

.LegacyContentWrapper .spinner {
	color: #ffffff;
	font-size: 22px;
	text-indent: -99999px;
	margin: 0px auto;
	position: relative;
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 2px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.LegacyContentWrapper .spinner:before,
.LegacyContentWrapper .spinner:after {
	position: absolute;
	content: "";
}

.LegacyContentWrapper .spinner:before {
	width: 10.4px;
	height: 20.4px;
	background: var(--accent-color);
	border-radius: 20.4px 0 0 20.4px;
	top: -0.2px;
	left: -0.2px;
	-webkit-transform-origin: 10.4px 10.2px;
	transform-origin: 10.4px 10.2px;
	-webkit-animation: loading 2s infinite ease 1.5s;
	animation: loading 2s infinite ease 1.5s;
}

.LegacyContentWrapper .spinner:after {
	width: 10.4px;
	height: 10.2px;
	background: var(--accent-color);
	border-radius: 0 10.2px 10.2px 0;
	top: -0.1px;
	left: 10.2px;
	-webkit-transform-origin: 0px 10.2px;
	transform-origin: 0px 10.2px;
	-webkit-animation: loading 2s infinite ease;
	animation: loading 2s infinite ease;
}

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

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


/* Animated form */

.LegacyContentWrapper .sr-root {
	animation: 0.4s form-in;
	animation-fill-mode: both;
	animation-timing-function: ease;
}

.LegacyContentWrapper .hidden {
	display: none;
}

@keyframes field-in {
	0% {
		opacity: 0;
		transform: translateY(8px) scale(0.95);
	}
	100% {
		opacity: 1;
		transform: translateY(0px) scale(1);
	}
}

@keyframes form-in {
	0% {
		opacity: 0;
		transform: scale(0.98);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}


/* Layout */

.LegacyContentWrapper .sr-header {
	display: flex;
	justify-content: space-between;
}

.LegacyContentWrapper .sr-header h3 {
	padding-top: 0px;
	margin-top: 0px;
}

.LegacyContentWrapper .sr-root {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 980px;
	align-content: center;
	justify-content: center;
	height: auto;
	margin: 0 auto;
}

.LegacyContentWrapper .sr-main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 25px 0 0 0;
	background: var(--body-color);
}

.LegacyContentWrapper .sr-payment-form {
	text-align: center;
	width: var(--form-width);
}

.LegacyContentWrapper .sr-field-error {
	color: var(--font-color);
	text-align: left;
	font-size: 13px;
	line-height: 17px;
	margin-top: 12px;
}

.LegacyContentWrapper .sr-sample .sr-pill {
	background: rgb(227, 232, 238);
	border-radius: 13px;
	height: 26px;
	line-height: 26px;
	color: rgb(79, 86, 107);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0px;
	box-shadow: none;
	margin-right: 8px;
	margin-top: 0px;
}

.LegacyContentWrapper .sr-pill.small {
	width: 26px;
	margin-right: 0px;
	padding: 0;
}

.LegacyContentWrapper .sr-pill.fill-card {
	min-width: 150px;
	margin-top: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: inline-flex;
}

.LegacyContentWrapper .sr-pill.fill-card i {
	background: url("../img/icon/sample-card.svg");
	width: 12px;
	height: 12px;
	padding: 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
	margin-right: 5px;
}

.LegacyContentWrapper .sr-pill:not(:disabled):hover {
	filter: contrast(90%);
}

.LegacyContentWrapper .sr-pill:not(:disabled):active {
	transform: translateY(0px) scale(0.98);
	filter: brightness(0.9);
}

.LegacyContentWrapper .sr-pill:disabled {
	opacity: 0.5;
}

.LegacyContentWrapper .sr-terminal {
	padding: 25px 0 8px 0px;
	font-family: monospace;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 20px;
}

.LegacyContentWrapper .sr-terminal div {
	display: table-cell;
	font-size: 13px;
	font-weight: normal;
	height: 20px;
	letter-spacing: 0px;
	line-height: 20px;
	color: #1F1A47;
}

.LegacyContentWrapper .sr-terminal div:first-child {
	color: rgb(59, 65, 94);
	padding-right: 20px;
}

.LegacyContentWrapper .close-sample-btn,
.LegacyContentWrapper .close-sample-btn:active {
	position: absolute;
	right: 25px;
	background: url("../img/icon/close-sample.svg");
	width: 14px;
	height: 14px;
	padding: 0;
	box-shadow: none;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 0px;
}

.LegacyContentWrapper .close-sample-btn:active {
	outline: lightblue;
}

.LegacyContentWrapper .expand-btn {
	background: url("../img/icon/expand-sample.svg");
	width: 10px;
	height: 10px;
	padding: 0;
	background-repeat: no-repeat;
	display: inline-block;
}

.LegacyContentWrapper article .sr-clone p {
	padding-top: 0;
	margin-top: -3px;
}

.LegacyContentWrapper .sr-root .submit {
	height: 36px;
	margin-top: 5px;
	background: var(--button-color);
	border-radius: var(--radius);
	color: white;
	border: 0;
	margin-top: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	display: block;
	box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
	width: 100%;
}

.LegacyContentWrapper .sr-root .submit:focus {
	background: var(--button-color);
}

.LegacyContentWrapper .sr-root .submit:hover {
	filter: contrast(120%);
}

.LegacyContentWrapper .sr-root .submit:disabled {
	opacity: 0.5;
}


/* Inputs */

.LegacyContentWrapper .sr-input,
.LegacyContentWrapper .sr-root input[type="text"] {
	border-radius: var(--radius);
	padding: 5px 12px;
	height: 44px;
	width: 100%;
	transition: box-shadow 0.2s ease;
	background: white;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.LegacyContentWrapper .sr-input:focus,
.LegacyContentWrapper .sr-root input[type="text"]:focus,
.LegacyContentWrapper .sr-root button:focus,
.LegacyContentWrapper .sr-root .focused {
	box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
	outline: none;
	z-index: 9;
	background-color: var(--body-color);
}

.LegacyContentWrapper .sr-input::placeholder,
.LegacyContentWrapper .sr-root input[type="text"]::placeholder {
	color: var(--gray-light);
}

.LegacyContentWrapper .sr-result {
	width: 100%;
	color: var(--font-color);
}

.LegacyContentWrapper .sr-result p {
	line-height: 20px;
}

.LegacyContentWrapper .sr-result pre {
	border: 1px solid var(--gray-border);
	margin-top: 25px !important;
	padding-left: 14px;
	max-height: 300px;
	overflow: auto;
}

.LegacyContentWrapper .sr-combo-inputs-row {
	box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
	border-radius: 7px;
}


/* Responsiveness */

@media (max-width: 720px) {
	.LegacyContentWrapper .sr-root {
		flex-direction: column;
		justify-content: flex-start;
		padding: 48px 20px;
		min-width: 320px;
	}
	.LegacyContentWrapper .sr-header__logo {
		background-position: center;
	}
	.LegacyContentWrapper .sr-payment-summary {
		text-align: center;
	}
	.LegacyContentWrapper .sr-content {
		display: none;
	}
	.LegacyContentWrapper .sr-main {
		width: 100%;
		height: 305px;
		background: rgb(247, 250, 252);
		box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
		border-radius: 6px;
	}
}


/* todo: spinner/processing state, errors, animations */

.LegacyContentWrapper .sr-root .spinner,
.LegacyContentWrapper .sr-root .spinner:before,
.LegacyContentWrapper .sr-root .spinner:after {
	border-radius: 50%;
}

.LegacyContentWrapper .sr-root .spinner {
	color: #ffffff;
	font-size: 22px;
	text-indent: -99999px;
	margin: 0px auto;
	position: relative;
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 2px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.LegacyContentWrapper .sr-root .spinner:before,
.LegacyContentWrapper .sr-root .spinner:after {
	position: absolute;
	content: "";
}

.LegacyContentWrapper .sr-root .spinner:before {
	width: 10.4px;
	height: 20.4px;
	background: var(--accent-color);
	border-radius: 20.4px 0 0 20.4px;
	top: -0.2px;
	left: -0.2px;
	-webkit-transform-origin: 10.4px 10.2px;
	transform-origin: 10.4px 10.2px;
	-webkit-animation: loading 2s infinite ease 1.5s;
	animation: loading 2s infinite ease 1.5s;
}

.LegacyContentWrapper .sr-root .spinner:after {
	width: 10.4px;
	height: 10.2px;
	background: var(--accent-color);
	border-radius: 0 10.2px 10.2px 0;
	top: -0.1px;
	left: 10.2px;
	-webkit-transform-origin: 0px 10.2px;
	transform-origin: 0px 10.2px;
	-webkit-animation: loading 2s infinite ease;
	animation: loading 2s infinite ease;
}

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

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


/* Animated form */

.LegacyContentWrapper .sr-root {
	animation: 0.4s form-in;
	animation-fill-mode: both;
	animation-timing-function: ease;
}

.LegacyContentWrapper .hidden {
	display: none;
}

@keyframes field-in {
	0% {
		opacity: 0;
		transform: translateY(8px) scale(0.95);
	}
	100% {
		opacity: 1;
		transform: translateY(0px) scale(1);
	}
}

.LegacyContentWrapper .sr-subtext {
	color: rgb(105, 115, 134);
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.15px;
	line-height: 20px;
	margin-top: 8px;
	padding-top: 0;
}

@keyframes form-in {
	0% {
		opacity: 0;
		transform: scale(0.98);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.LegacyContentWrapper article .pi-demo .pi-demo-nav button {
	margin-top: 0;
}

.LegacyContentWrapper .connect-button {
	display: inline-block;
	margin-bottom: 1px;
	background-image: -webkit-linear-gradient(#28A0E5, #015E94);
	background-image: -moz-linear-gradient(#28A0E5, #015E94);
	background-image: -ms-linear-gradient(#28A0E5, #015E94);
	background-image: linear-gradient(#28A0E5, #015E94);
	-webkit-font-smoothing: antialiased;
	border: 0;
	padding: 1px;
	height: 32px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none !important;
}

.LegacyContentWrapper .connect-button span {
	display: block;
	position: relative;
	padding: 0 12px;
	height: 30px;
	background: #1275FF;
	background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	font-size: 15px;
	line-height: 30px;
	color: white;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.LegacyContentWrapper .connect-button span {
	padding-left: 44px;
}

.LegacyContentWrapper .connect-button span:before {
	content: '';
	display: block;
	position: absolute;
	left: 11px;
	top: 50%;
	width: 23px;
	height: 24px;
	margin-top: -12px;
	background-repeat: no-repeat;
	background-size: 23px 24px;
}

.LegacyContentWrapper .connect-button:active {
	background: #005D93;
}

.LegacyContentWrapper .connect-button:disabled {
	opacity: 0.5;
}

.LegacyContentWrapper .connect-button:active span {
	color: #EEE;
	background: #008CDD;
	background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.LegacyContentWrapper .connect-button span:before,
.LegacyContentWrapper .connect-button.blue span:before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADQklEQVRIDbWVaUiUQRjHZ96dXY/d1fYQj1U03dJSw9YkFgy6DIkILRArQSSC7PjQjQQqVH7oQ0GHQUWgpQhKHzoNSqiUwpXcsrwIjzVtPVrzbPV9Z6bZhYV3N3WXYAeGmWeeZ37z8J95GEgpBf5oeXn1Es4fYAdzPDlM6je4RBYhR+LMU89UxiCBGiCgkUwsBYSA+SlPKLQBQAYEAZm+3j42K96z3NyOF7VOeMrp62opRcacjPW5+43rDTpNSKQ8QKZAEg7xmPCTs/O27uGJgXuNbW0pxyvLfTmAEBzthEsFZLxRvPdi5rpYo2cmUiQJDA4IVeo0obGdlvGfXUPj0Sym2zPuHxvzcWjDyVupJ/YYizKTGNjLw/HiduNTAqIRIUJ6Vpp+ky8bCSFgwQ2xgkGxFi1ioNWEBGuJB31gbLIv/2pd7SpFoGxtpCYkLSEq4ptlzIYFO7tc7w0TKkeEYg5ADnrWkkYhD8s26GPq3nW0WKxTptftPYBI4Mj3O2fHvKNZBMVSDmMwarXNjDkSF3d5kExZeiCr8M2VI+VFu9IvsPcYtzAvkfoEZkEEE45jMppq3ppbCNPFIY1nD1cpo07lbMmvOXeoDCF8BLKy9uUAAjDkBh+c6bz78mNtVVP7MwET7JBnqb4xXpdWVpC1OVzWn+ELHLCsneX/s7rkRWl1463cy1U3WroG21jhCGKJXPOtKQnpAuENvsAppgDB3TcDVIrpDHbK5Kd+y7W8iodNybHh22rOHyxUK+UaMYjZaoyp25rYL54TSihSKmwZ14v3lc3ZFxdbeywjn/tGJnkmzrydX1ApxOEACKymmXLYfXVpi1JMEOGxPi1ep18doY4r2J7uFumQQ9yGf01bMcZW8dpyc0oIjxxpuC5wuUDX+ovWrnYeg3aXvdLIqnmOvXPsfH6uA5YbTb1DX8ofvTLzTy6ZV4K6fAw+gXiATfdffmjeaUgc1UdpdWplsCooQBrEnqUw82dhdnjit/Vxc4f59tP3DRjzJvYteqrl4rmNlJIfrOwpgNklesDRNQBCHYtQAQqD2CgACNjHAJnG1EyfV/S67fZiJB5t2OGEe4n7L3fS4fpEv/2hUEATfoPbuam5v8N7nps70YTbAAAAAElFTkSuQmCC");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.LegacyContentWrapper .connect-button span:before,
	.LegacyContentWrapper .connect-button.blue span:before {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAIbklEQVRoBdVZa5BURxU+fZ9z57mzs7PvF4i7srAQSCifMVDERC0jYlzUlJalKeGPlCnL/NEfywpWacoiVZRVJIYfGjGUu5bxj5qHFSAYyQOBEsJzYSHDvnd2dp535j66PX1vNgsULDPs1cr2Vs+9e7v79NfnnnP663MJYwwWYxEWI2iOedEClxabxgkBwjEvOuA9PQOOlSw64JMr4vK8GidYYMcOES4tVSEAAZ8FAUqon1GiAJEEEG0CjFB8cTaxZUMAo1gEqQA0UABprAjPbrUwXnkesgqKP8CBk5vDIenrE+BKmwI+MawA1MbCkdV10cBDflXuVmSxQRbFkCAQZ9U2ZTaONyxKcyXDHjMs83ImV3rz6njmDRPMUZB80zAJOuvvsflkXpTP7DrWyeXcYCqk75AEieawrEoty1vrvlcV0ja3VQdb1rVUQVd9EFqqNIj5ZfDJooPBsCnohq2ldDMynC42XZnW7z09lu25lMxDMl34y0gyvTsBwyewc84Z4MEPpWIzF/MBcLLtNzJISmxZU+PmWETbtqGzfvVja5uguyF02+kCIEJUk6Ex4oMV9XP9ZnQT/nZ24it7XrtoJ5LZ7SjAM+Bg2+0ckAOcbBkQIaZFVzY1bGurjezYfn87PNQZ5+13ZaQRXMzH26Lg8ymfUokQdAR59INOc53GQ6q/Jiiua6oJ7+h9uAPua47cHeLrwHEmQRmTGLHV6x4v+JYwWsOFCGRDn6RKem1rPPrkN9Y0uqAXLN4VwCgjYGEE8rBgMAjwKsF9S9WgLa9qjYcf+Po9jXdlGrfC5Wj8Vg0Lf+ZENAFmpGB9TWTLhmUxUD1UDg/gtudRnK+a4RtkgqQyO+RT5LVrmiLgJcN19gcGNojUWriS5yRQm7pcBTc/vyCKdW1RrWwzOTiYhGf+dRUmcgZosgDVfgWaMCS2V2tO+OzG0MiVjdUwiFiYm9a7O4kJAoZEooV9H4T0O0ofODkKr5+6+nY6V3heVZQpv6ZWaz55qSJJnXjtUBW5pT7k8xeK5u+B0PQdBVbQgTLq9HbQYthyNVSmTT6A/nB0aGpF0K99+trY1F7TNI9PZGXkKUVRtYjGZCIOV1dHR4Ynz8FSLV8BrjK6uiAlpLcmco1ipmgpAaU8rfesboCuumBg31uJbx6+qH0uX9D/em0i85xFhaslKZKA8/82RtYDhd/1MkCuBnjxrLgKB0EQSb5oWO+9O1bZrsy3+Kc3dcH+b99b07NuyXe6P9r8z/am+C9lkuqCjo4qGGkQES76qJcuz/2GOlUoFuVsQS+98frlaSeq8Gkqqctrg7Dz853wwrfugUfXtj3W3tJ8oCletRUEXy1SCSSYHhdu41gFqILcZCrzwkvnJmE0U3JtHefiL7eS2l7th11f7IQ9j65aVh+r+nlzbd2TELJrHPLmIXZX3wyBX8MTQMm8PJ0u9Pe9chGQYy9omvXouHu/thJqI+Ef1sZDm0AMBmfPiQsSPDuY2zhWwSH5ISU5Pjm98x9nRo7+7JVBB3wl5nJz35Vo/z/esBQUVf2+QlkD9Aw42/Ts3Au7ushdAhQ5UzJoOjE+OrV9/1tDR7cNnIax7N2bDX9nm1bUQXdz9Rp/MLwRoqAtDOzcaO7rvDrAWW8vhcatWVNjF6cmJre9embkz1947h3YfXgIUgVzblQldxgFH0ZOr/qULwM15k4Zlci4Vd9ZU5ltY71oObHBnBFQBidmUk8kEsOP7Hntwqsb974NfS8PAh7LKoo23Hw+2R4FQcSzKlDPgFOEyf8kx3HW94kQ7xJgRRdAJG7CyIWxgiXNUN0+k5nJLN83k3n8D8eHN3+1ux5+8uBHIKiWt1G1Rn3IJkiUCcQzU3G0h9qWHMeJdoSrwtr9dl6I6DNjFwRRyxiKnStSqkPJPsGSmZ+mp1P9z2dzOy3Klj31yMdmX9S8V75APEsomMZwT9fz9i6vkW9AvEgQyqrBQM2Dq9rrD0gCgXfHA0jpjIRm2Zcw+3CR2tZl27SnMZFSZ1lWcRwZITeDckresAEXaoKwwBh7/WQubgTOQj5BVjdv7KiBJz7bztMNcHIk03JiONNyfiK/ntv2VMHAMx6BjpoA/Gj9Emdjul7W7e6TeQNDK9WJLRm361P5c1drEmAaymaYoXpfjZoiOk7FHWuh5dxEHmzLHiXM9oyTz9FawRZw65f5yyzXBMpd0JGhFKB5nSwRMVvumDv2cxm4m1f5X4AuWhRePDUOtqEPQJVVGfWcBz1ahmPlTlxzqaJLquYZU1HTvjcTMD6dOULM0n+g5nKposHzdWbo7FgEkDBviWlYx++53XtQ33kvDU8dHAJm6L8usdwEZn09S3qiPed5lcCSLUpI0eEA8620zLbDl6bh8T+egkI+/7Rl6kegcTSPst1QUKaM+brhrjnF2yUQJNxnrGMnR7KbTw5nYFVjyAl98w2+VdvVlA67Dw3BgROjAKa+yyrpz0BKTbJnez1NT6AKrrnA1bEi1av2v3xaiL90dnxL2Kc0rsXc4WpcQEc8AEtiGrRiejmK6WWeMDIxtVwwKExijB5KFuBYIg1cy8dx0dTQ/yQVc78yBXMIqJ5i/VvvkqHdSjXuM/THKy7w2LQJ6fpJms38QiHGvlzBt+RwJv2JQ2elbjyRtjIi1AIRMAsKPuQduHVzr2YW+kIBE5BTwOzzxLKOiMX8QVuWh00IpqD+S0WHtLlzefpLBOZo/IYvEqQPnTX5dxmy4xookqaCjRuT4mMi8g3bxs2KCkj3GFj4+QSzA0RkeskU8iCJeUiBDv09Jt8OPEV6k7DlP3gxxh/dAPymPh/Kf5d897dIOd9P7H8oEd4G1JV8wPGbRadx52sgLmrRAZ99EZ5+LZgV+v+4Llrg/wX6HRCxgvzAAwAAAABJRU5ErkJggg==");
	}
}


/* Onboarding demo view in end-to-end guides */

.LegacyContentWrapper #connect-oauth-onboarding-demo {
	--body-color: rgb(247, 250, 252);
	--body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo {
	box-sizing: border-box;
	background-color: var(--body-color);
	font-family: var(--body-font-family);
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	transition: height 1s ease;
	min-height: 120px;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo .sr-main {
	justify-content: left;
	padding: 12px 0 0 0;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo .brand-assets .sr-subtext {
	margin-top: 16px;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo .footer .sr-outcome {
	margin-top: 8px;
	text-align: left;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo .footer .sr-success p {
	color: #1EA672;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo .footer .sr-loading p {
	color: grey;
}

.LegacyContentWrapper #connect-oauth-onboarding-demo .footer .sr-field-error p {
	color: red;
}

.LegacyContentWrapper .accepted {
	background: #939da3;
	color: white;
	padding: 0 10px !important;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 30px;
	animation: fade-in 1s forwards 1s;
	opacity: 0;
}

.LegacyContentWrapper .dpa-form .accepted {
	margin-top: 20px;
}

.LegacyContentWrapper .dpa-form input {
	margin-top: 20px;
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.LegacyContentWrapper .example-case-cards {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	list-style: none;
	margin-top: 16px !important;
}

.LegacyContentWrapper .example-case-cards .example-case-card {
	padding: 0;
	margin: 0;
	min-height: 90px;
}

.LegacyContentWrapper .example-case-cards .example-case-card.example-case-card-extra-tall {
	height: 212px;
}

.LegacyContentWrapper .example-case-cards .example-case-card.example-case-card-tall {
	height: 172px;
}

.LegacyContentWrapper .example-case-cards .example-case-card.example-case-card-short {
	height: 140px;
}

.LegacyContentWrapper .example-case-cards .example-case-card .card {
	height: 100%;
}

.LegacyContentWrapper .example-case-cards .example-case-card:before {
	display: none;
}

.LegacyContentWrapper .example-case-cards .example-case-card a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	padding: 20px 20px 20px 20px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	text-decoration: none;
	background-color: var(--sail-color-white);
	transition: all 200ms ease-in-out;
}

.LegacyContentWrapper .example-case-cards .example-case-card-icon {
	position: absolute;
	height: 30px;
	left: 16px;
	bottom: 16px;
	background-repeat: no-repeat;
	background-size: 34px 34px;
}

.LegacyContentWrapper .example-case-cards .example-case-card .example-case-card-icon p {
	padding: 4px 0 0 36px;
	font-style: italic;
}

.LegacyContentWrapper .example-case-cards .example-case-card a:active {
	background-color: #FAFCFC;
}

.LegacyContentWrapper .example-case-cards .example-case-card a:hover {
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 7px 14px 0 rgba(50, 50, 93, 0.10), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
	border: 1px solid var(--sail-color-white);
}

.LegacyContentWrapper .example-case-cards .example-case-card a h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: var(--sail-text-color-link);
	font-weight: 500;
	line-height: 20px;
}

.LegacyContentWrapper .example-case-cards .example-case-card a p {
	color: var(--sail-color-text);
	margin: 0;
	padding: 4px 0 12px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.LegacyContentWrapper .example-case-cards .example-case-card-description {
	position: relative;
	top: 8px;
}

.LegacyContentWrapper .example-case-cards h3 .tag {
	top: -2px;
	float: right;
	padding: 0 8px 0 8px;
}

.LegacyContentWrapper .example-case-cards h3 .compressed-title {
	width: 140px;
	float: left;
}

/*.LegacyContentWrapper .example-case-card-icon-shopify {
	background-image: url('https://stripe.com/img/documentation/index/icon-shopify.svg');
}

.LegacyContentWrapper .example-case-card-icon-lyft {
	background-image: url('https://stripe.com/img/documentation/index/icon-lyft.svg');
}*/

.LegacyContentWrapper .guide-cards-container {
	position: relative;
}

.guide-cards {
	padding: 0;
}

.LegacyContentWrapper article .guide-cards-content .guide-cards {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(200px, 33%));
	grid-gap: 20px;
	list-style: none;
	margin-top: 20px;
}

.LegacyContentWrapper article .tabs-content .guide-cards {
	margin-top: 0;
}

.LegacyContentWrapper .guide-cards .guide-card {
	margin: 0;
	padding: 0;
	border-radius: 4px;
	transition: box-shadow 0.2s ease-in-out;
}

.LegacyContentWrapper .guide-card:before {
	display: none;
}

.LegacyContentWrapper .guide-cards-view-all {
	position: absolute;
	top: -41px;
	right: 0;
}

.LegacyContentWrapper .guide-cards-view-all:after {
	font: normal 16px 'StripeIcons';
	content: "\279D";
	padding-left: 5px;
}

.LegacyContentWrapper .guide-card .guide-card-inner {
	position: relative;
	height: 100%;
	border-radius: 4px 4px 0 0;
	text-decoration: none;
	padding: 0 0 24px 0;
	border-bottom: 1px solid var(--sail-color-gray-100);
}

.LegacyContentWrapper .guide-card.has-image a {
	padding-top: 0;
}

.LegacyContentWrapper .guide-cards-container:not(.has-images) .guide-card .guide-card-inner {
	padding: 20px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
}

.LegacyContentWrapper .guide-cards-container:not(.has-images) .guide-card:hover {
	box-shadow: var(--guide-card-hover-shadow);
}

.LegacyContentWrapper .guide-cards-container.has-images .guide-card-content {
	padding-right: 32px;
}

.LegacyContentWrapper .guide-cards-content p {
	padding: 4px 0 0 0;
}

.LegacyContentWrapper .guide-card-image {
	min-height: 116px;
	height: 116px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	background-size: cover;
	border-radius: 4px;
	transition: box-shadow 0.2s ease-in-out;
}

.LegacyContentWrapper .guide-card-image:hover {
	box-shadow: var(--guide-card-hover-shadow);
}

.LegacyContentWrapper .guide-cards .guide-card .guide-card-title {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 21px;
	color: var(--sail-color-link);
	font-weight: 500;
}

.LegacyContentWrapper .guide-card-description {
	padding-top: 4px !important;
	font-size: 15px;
	font-weight: 400;
	color: #4E566D;
	line-height: 21px;
}

.LegacyContentWrapper .guide-card .product-badge {
	padding: 12px 0 0 0;
	flex-grow: 0;
}

.LegacyContentWrapper .guide-card-footer {
	padding: 0 24px 24px 24px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.LegacyContentWrapper .has-image .guide-card-footer {
	padding: 8px 24px 12px 24px;
}

.LegacyContentWrapper .connect-preview .has-badge .guide-card-footer {
	height: 100%;
}

.LegacyContentWrapper .guide-cards-container.connect-preview {
	margin-top: 48px;
}

.LegacyContentWrapper .payments-guides {
	padding: 48px 0 0 0;
}

.LegacyContentWrapper .guide-cards-content p.learn-more-cta {
	padding: 16px 0 0 0;
	text-align: right;
}

.LegacyContentWrapper .learn-more-cta {
	padding-top: 16px;
	text-align: right;
	width: 100%;
}

.LegacyContentWrapper .guide-cards-content h3 .tag {
	top: 0px;
}

.LegacyContentWrapper #content {
	overflow-x: visible !important;
}


/* Product grid */

.LegacyContentWrapper .products {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 16px !important;
	margin-bottom: -23px;
}

.LegacyContentWrapper .products li {
	flex-shrink: 0;
	width: 48%;
	margin: 0 0 23px 0;
	padding: 0;
}

.LegacyContentWrapper .products li:before {
	display: none;
}

.LegacyContentWrapper .products li a {
	position: relative;
	display: block;
	height: 80px;
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 2px 5px 0 rgba(50, 50, 93, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
	border-radius: 6px;
	text-decoration: none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 17px 22px;
	background-size: 36px 36px;
	transition: box-shadow 200ms ease-in-out;
}

.LegacyContentWrapper .products li a:active {
	background-color: #FAFCFC;
}

.LegacyContentWrapper .products li a:hover {
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 7px 14px 0 rgba(50, 50, 93, 0.10), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.LegacyContentWrapper .products li a h3 {
	position: absolute;
	top: 8px;
	left: 68px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #556CD6;
	font-weight: 500;
}

.LegacyContentWrapper .products li a p {
	color: #4F566B;
	position: absolute;
	top: 34px;
	right: 24px;
	left: 68px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 17px;
}

.LegacyContentWrapper .product-payments {
	background-image: url("../img/icon/icon-payments.svg");
}

.LegacyContentWrapper .product-billing {
	background-image: url("../img/icon/icon-billing.svg");
}

.LegacyContentWrapper .product-connect {
	background-image: url("../img/icon/icon-connect.svg");
}

.LegacyContentWrapper .product-radar {
	background-image: url("../img/icon/icon-radar.svg");
}

.LegacyContentWrapper .product-relay {
	background-image: url("../img/icon/icon-relay.svg");
}

.LegacyContentWrapper .product-atlas {
	background-image: url("../img/icon/icon-atlas.svg");
}

.LegacyContentWrapper .product-sigma {
	background-image: url("../img/icon/icon-sigma.svg");
}

.LegacyContentWrapper .product-issuing {
	background-image: url("../img/icon/icon-issuing.svg");
}

.LegacyContentWrapper .product-terminal {
	background-image: url("../img/icon/icon-terminal.svg");
}


/* Try now component */

.LegacyContentWrapper .try-now nav {
	border-bottom: 1px solid #F0F4F7;
	padding: 7px 0;
}

.LegacyContentWrapper .try-now nav ol {
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	font-size: 15px;
	color: #A5B3BB;
	line-height: 26px;
}

.LegacyContentWrapper .try-now nav ol>li {
	padding-left: 27px;
}

.LegacyContentWrapper .try-now nav ol>li:before {
	background: #E3E8EE;
	color: #697386;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	padding: 3px 0;
	height: 14px;
	width: 20px;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 3px;
}

.LegacyContentWrapper .try-now nav ol>li:nth-of-type(2):before,
.LegacyContentWrapper .try-now nav ol>li:nth-of-type(3):before {
	letter-spacing: -1px;
}

.LegacyContentWrapper .try-now nav ol>li.completed {
	color: #292E31;
	cursor: pointer;
}

.LegacyContentWrapper .try-now nav ol>li.completed:before {
	background-color: #292E31;
}

.LegacyContentWrapper .try-now nav ol>li.active {
	color: #556CD6;
}

.LegacyContentWrapper .try-now nav ol>li.active:before {
	background-color: #556CD6;
	color: #fff;
}

.LegacyContentWrapper .try-now-demo {
	position: relative;
	overflow: hidden;
	height: 335px;
	margin-bottom: -30px;
}

.LegacyContentWrapper .try-now-header {
	height: 62px;
}

.LegacyContentWrapper .try-now-header p,
.LegacyContentWrapper .try-now-header p:not(:first-child) {
	position: absolute;
	top: 15px;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity ease-in-out 300ms;
	opacity: 0;
	padding: 0;
}

.LegacyContentWrapper .try-now-header p.active {
	transition-delay: 150ms;
	opacity: 1;
}

.LegacyContentWrapper .try-now .card-form {
	position: absolute;
	top: 50px;
	right: 15px;
	z-index: 10;
}

.LegacyContentWrapper .try-now .card-form label {
	width: 55px;
}

.LegacyContentWrapper .try-now .card-form .name {
	font-family: sans-serif;
	font-size: 14px;
	color: #000;
	-webkit-font-smoothing: auto;
}

.LegacyContentWrapper .try-now .tabs.code {
	margin: 0;
}

.LegacyContentWrapper .try-now .tabs-content .tabs-tab {
	padding-top: 0;
	align-items: center;
	width: 100%;
	height: 212px;
}

.LegacyContentWrapper .try-now .tabs-content .tabs-tab-long {
	align-items: baseline;
	overflow: scroll;
}

.LegacyContentWrapper .try-now .tabs-content .tabs-tab.selected {
	display: flex;
	flex: 0;
}

.LegacyContentWrapper .try-now .tabs-content .tabs-tab[data-step=finish] {
	background: white;
	border-radius: 5px;
}

.LegacyContentWrapper .try-now .tabs-content .tabs-tab[data-step=finish].selected {
	display: block;
}

.LegacyContentWrapper .try-now .tabs-content .tabs-tab .code {
	margin-top: 0;
	width: 100%;
}

.LegacyContentWrapper .try-now-footer {
	position: relative;
	overflow: hidden;
}

.LegacyContentWrapper .try-now-footer p {
	transition: 450ms;
}

.LegacyContentWrapper .try-now-footer p,
.LegacyContentWrapper .try-now-footer p:not(:first-child) {
	padding: 13px 0 18px;
}

.LegacyContentWrapper .try-now-footer p.success {
	position: absolute;
	top: 0;
	left: 15px;
	right: 0;
	padding-left: 30px;
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
	background-image: url("../img/icon/icon-answer.svg");
	background-size: 15px 12px;
	background-position: 4px 22px;
	background-repeat: no-repeat;
}

.LegacyContentWrapper .try-now-footer p.restart {
	display: none;
	float: right;
	cursor: pointer;
	color: #a5b3bb;
	opacity: 0;
}

.LegacyContentWrapper .try-now-footer p.completed+p.restart {
	display: block;
	opacity: 1;
}

.LegacyContentWrapper .try-now-footer p.active {
	opacity: 1;
	transform: none;
	transition: 450ms cubic-bezier(0, .9, .11, 1);
}

.LegacyContentWrapper .try-now-footer p.usage,
.LegacyContentWrapper .try-now-footer p.tip {
	transition: 450ms cubic-bezier(0, .9, .11, 1);
}

.LegacyContentWrapper .try-now-footer p.active~p.usage,
.LegacyContentWrapper .try-now-footer p.active~p.tip,
.LegacyContentWrapper .try-now-footer p.completed:not(.active) {
	opacity: 0;
	transform: translateY(200%);
	transition: 450ms;
}


/* Others */

.LegacyContentWrapper .payments.columns,
.LegacyContentWrapper .non-developer.columns {
	margin: 30px 0 !important;
}

.LegacyContentWrapper .payments.columns .column,
.LegacyContentWrapper .non-developer.columns .column {
	width: 50%;
}

.LegacyContentWrapper .payments-web,
.LegacyContentWrapper .payments-mobile {
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 76px;
}

.LegacyContentWrapper .payments-web {
	background-image: url("../img/icon/web.png");
	background-size: 74px 60px;
}

.LegacyContentWrapper .payments-mobile {
	background-image: url("../img/icon/mobile.png");
	background-size: 58px 59px;
}

.LegacyContentWrapper .non-developer-plugins,
.LegacyContentWrapper .non-developer-integrations {
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 66px;
}

.LegacyContentWrapper .integrations-overview {
	column-count: 2;
	list-style: none;
}

.LegacyContentWrapper .integrations-overview li {
	padding-left: 0;
	margin: 0 0 6px 0;
}

.LegacyContentWrapper .integrations-overview li:before {
	display: none;
}

.LegacyContentWrapper .inline-integration-checker {
	margin-top: -12px;
	display: block;
	font-size: 14px;
}

.LegacyContentWrapper .inline-integration-checker h4 {
	margin-top: unset;
	padding-top: unset;
	padding-left: 4px;
}

.LegacyContentWrapper .inline-integration-checker .log-link {
	font-size: 14px;
	margin-left: 6px;
}

.LegacyContentWrapper .inline-integration-checker aside.important {
	padding-top: 10px;
	padding-bottom: 2px;
}

.LegacyContentWrapper .inline-integration-checker ul.error-list {
	padding-bottom: 4px;
}

.LegacyContentWrapper .inline-integration-checker-aside {
	margin-top: 12px;
}


.LegacyContentWrapper .inline-check {
	display: inline-flex;
}

.LegacyContentWrapper .inline-check-container {
	margin-bottom: 8px;
}

.LegacyContentWrapper .use-metadata-note code {
	background-color: unset;
	border: unset;
}

.LegacyContentWrapper .integration-checkers-card-number {
	font-family: Menlo-Bold;
	color: var(--sail-color-blue-500);
	font-size: 14px;
	cursor: pointer;
}

.LegacyContentWrapper .integration-checkers-copy-clipboard-button {
	content: url("../img/icon/icon-clipboard.svg");
	margin-left: 10px;
}

.LegacyContentWrapper .integration-checkers-chevron {
	transition: all 200ms ease;
	cursor: pointer;
}

.LegacyContentWrapper .integration-checkers-chevron-down {
	transform: rotate(90deg) !important;
}

.LegacyContentWrapper .integration-checkers-testcases-show {
	opacity: 1;
}

.LegacyContentWrapper .integration-checker-transition {
	transition: flex-grow 200ms ease;
	-webkit-transition: flex-grow 200ms;
}

.LegacyContentWrapper .integration-checkers-testcases-hidden {
	opacity: 0;
}

.LegacyContentWrapper .integration-checkers-testcases {
	transition: all 200ms ease;
	-webkit-transition: all 200ms;
}

.LegacyContentWrapper .light-callout {
	margin-top: 24px;
	border-left: 3px solid #33C27F;
	padding-left: 24px;
}

.LegacyContentWrapper .light-callout-title {
	font-size: 15px;
	color: #33C27F;
	text-transform: uppercase;
	font-weight: 600;
}

.LegacyContentWrapper .light-callout a {
	font-size: 15px;
	text-decoration: none;
}

.LegacyContentWrapper .light-callout p+p {
	padding-top: 8px;
}

.LegacyContentWrapper section.ios,
.LegacyContentWrapper section.android {
	background-size: 64px 64px;
	background-repeat: no-repeat;
	background-position: 0 39px;
	padding-left: 94px;
}

.LegacyContentWrapper section.ios {
	/*background-image: url('https://stripe.com/img/documentation/mobile/ios.png');*/
}

.LegacyContentWrapper section.android {
	/*background-image: url('https://stripe.com/img/documentation/mobile/android.png');*/
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	.LegacyContentWrapper section.ios {
		/*background-image: url('https://stripe.com/img/documentation/mobile/ios@2x.png');*/
	}
	.LegacyContentWrapper section.android {
		/*background-image: url('https://stripe.com/img/documentation/mobile/android@2x.png');*/
	}
}

.LegacyContentWrapper .illustration {
	margin: 20px;
}

.LegacyContentWrapper .illustration img {
	display: block;
	margin: 0 auto;
}

.LegacyContentWrapper .screens {
	width: 640px;
	margin: 20px auto 35px;
	overflow: auto;
}

.LegacyContentWrapper .screens img,
.LegacyContentWrapper .screens .add-card {
	float: left;
}

.LegacyContentWrapper .screens .add-card {
	margin-right: 47px;
	height: 366px;
	width: 180px;
	overflow: hidden;
}

.LegacyContentWrapper .screens img:nth-of-type(1) {
	margin-right: 47px;
}

.LegacyContentWrapper .screens img {
	width: 180px;
}

.LegacyContentWrapper .screens div.add-card {
	background-image: url('/img/blog/posts/ui-components-for-ios/add-card@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.LegacyContentWrapper .screens video {
	top: 44px;
	left: 12px;
	position: relative;
}

.LegacyContentWrapper .screenshots {
	margin: 20px;
}

.LegacyContentWrapper .screenshots img {
	display: block;
	margin: 0 auto;
}

.LegacyContentWrapper .home-payment-methods .payment-methods-card {
	margin-top: 64px;
}

.LegacyContentWrapper .payment-methods-card {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	padding: 32px 0 0 0;
	border-top: 1px solid var(--sail-color-gray-100);
}

.LegacyContentWrapper .payment-methods-card .payment-methods-text {
	flex-grow: 1;
	font-size: 16px;
	font-weight: 500;
	color: var(--sail-color-text-blue);
}

.LegacyContentWrapper .payment-methods-list {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon {
	display: block;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	width: 50px;
	height: 30px;
	margin-right: 4px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon:last-of-type {
	margin-right: 0;
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon:focus-within {
	border: 1px solid var(--sail-color-gray-200);
}

.LegacyContentWrapper .payment-method-card .payment-method-icon-has-link {
	transition: border 200ms ease-in-out;
}

.LegacyContentWrapper .payment-method-card .payment-method-icon-has-link:hover {
	border: 1px solid var(--sail-color-gray-200);
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-american-express {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/american-express.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-apple-pay {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/apple-pay.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-diners-club {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/diners-club.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-discover {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/discover.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-google-pay {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/google-pay.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-jcb {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/jcb.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-mastercard {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/mastercard.svg');*/
}

.LegacyContentWrapper .payment-methods-card .payment-method-icon-visa {
	/*background-image: url('https://stripe.com/img/documentation/index/payment-methods/visa.svg');*/
}

.LegacyContentWrapper .product-card {
	display: flex;
	background: #FFFFFF;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	padding: 20px;
	margin-top: 24px;
	margin-left: 1px;
	margin-right: 1px;
}

.LegacyContentWrapper .product-card-image {
	padding-left: 80px;
}

.LegacyContentWrapper .product-card img {
	width: 100%;
}

.LegacyContentWrapper .product-card-description h4 {
	font-size: 16px;
	color: var(--sail-color-text-black);
	font-weight: 500;
}

.LegacyContentWrapper article .product-card-description p {
	font-size: 14px;
	color: var(--sail-color-text-text);
	line-height: 20px;
	padding-top: 8px;
}

.LegacyContentWrapper .product-card .product-card-link {
	padding-top: 17px;
	line-height: 15px;
}

.LegacyContentWrapper .product-card-description p a,
.LegacyContentWrapper .product-card-description p a:visited {
	font-size: 14px;
	position: relative;
	text-decoration: none;
	padding: 8px;
	margin: -8px;
}

.LegacyContentWrapper .product-card-description p a:not([data-no-arrow])::after {
	content: "";
	height: 17px;
	position: absolute;
	width: 12px;
	/*background-image: url('https://stripe.com/img/documentation/arrow-purple.svg');*/
	background-repeat: no-repeat;
	background-position: center left;
	top: 8px;
	right: -18px;
	padding: 8px;
	margin: -8px;
}

.LegacyContentWrapper .inline-product-card {
	background: var(--sail-color-white);
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 2px 5px 0 rgba(50, 50, 93, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
	border-radius: 6px;
	padding: 24px 24px;
	margin-top: 24px;
	flex: 1;
	margin-right: 17px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.LegacyContentWrapper .inline-product-card:last-child {
	margin-right: 0;
}

.LegacyContentWrapper .inline-product-cards {
	display: flex;
	margin: 0px 8px;
}

.LegacyContentWrapper .right-sidebar-diagram {
	position: absolute;
	right: -240px;
	width: 220px;
}


/* Page layout */

.LegacyContentWrapper body.admin-content {
	display: flex;
	flex-direction: column;
}

.LegacyContentWrapper #site-admin-content {
	flex-grow: 1;
	position: relative;
}


/* Layout and style for admin banner */

.LegacyContentWrapper #site-admin-banner {
	z-index: 20;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .24), 0 1px 0 hsla(0, 0%, 100%, .3);
	background: #43458b;
	color: #fff;
}

.LegacyContentWrapper #site-admin-banner-content {
	max-width: 90%;
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: 0 auto;
	height: 100%;
	padding: 12px 0;
}


/* Basic banner styles */

.LegacyContentWrapper #site-admin-banner p {
	font-size: 14px;
	padding-top: 12px;
}

.LegacyContentWrapper #site-admin-banner p:first-child {
	padding-top: 0;
}

.LegacyContentWrapper #site-admin-banner button {
	background: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
	opacity: 0.99;
	cursor: pointer;
	outline: none;
	font-size: 12px;
	color: #525f7f;
	line-height: 16px;
	font-weight: 500;
}

.LegacyContentWrapper #site-admin-banner button.success {
	background: #aff1b6;
}

.LegacyContentWrapper #site-admin-banner button.failed {
	color: #ffcca5;
}

.LegacyContentWrapper #site-admin-banner input {
	padding: 2px 7px;
	background: #fff;
	border-radius: 4px;
	cursor: text;
	color: #525f7f;
	font-size: 12px;
	line-height: 18px;
	transition: box-shadow 0.08s ease-in, color 0.08s ease-in;
}


/* Badges used in the banner */

.LegacyContentWrapper #site-admin-banner .requires-badge {
	border-radius: 20px;
	white-space: nowrap;
	padding: 2px 7px;
	display: inline-flex;
	align-items: center;
	background: #e39f48;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	margin: 0 3px;
}

.LegacyContentWrapper #site-admin-banner .requires-badge.badge-green {
	box-shadow: inset 0 0 0 1px rgba(36, 180, 126, 0.2);
	background: #24b47e;
	color: #fff;
}


/* Info on the left and right sides */

.LegacyContentWrapper #site-admin-info {
	display: flex;
	flex-direction: column;
}

.LegacyContentWrapper #site-admin-banner #report-issues {
	margin-left: auto;
}

.LegacyContentWrapper #site-admin-banner #report-issues>* {
	display: inline-block;
	margin-left: 6px;
}

.LegacyContentWrapper #site-admin-banner #public-url>* {
	display: inline-block;
	margin-right: 4px;
}


/* Icon for gated docs on the sidebar */

.LegacyContentWrapper #sidebar .gateddocs {
	/*background-image: url(https://stripe.com/img/documentation/navigation/icon-warning.svg);*/
}

.LegacyContentWrapper #site-admin-banner .header-stats {
	margin-left: 25px;
}

.LegacyContentWrapper #site-admin-banner .stat-csat a {
	font-size: 18px;
	color: white;
}

.LegacyContentWrapper .subscriptions-contents ol {
	column-count: 2;
	list-style: none;
}

.LegacyContentWrapper .subscriptions-contents ol>li {
	break-inside: avoid;
	padding-bottom: 5px;
}


/* Variables */

.LegacyContentWrapper #take-a-payment-demo {
	--body-color: rgb(247, 250, 252);
	--button-color: #556CD6;
	--accent-color: #556CD6;
	--gray-border: #e3e8ee;
	--link-color: #ffffff;
	--font-color: rgb(105, 115, 134);
	--body-font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	--radius: 4px;
	--form-width: 400px;
}


/* Base */

.LegacyContentWrapper #take-a-payment-demo {
	box-sizing: border-box;
	background-color: var(--body-color);
	font-family: var(--body-font-family);
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	transition: height 1s ease;
	min-height: 240px;
}


/* Stripe Element placeholder */

.LegacyContentWrapper .sr-input.sr-card-element {
	padding-top: 12px;
}


/* Code block */

.LegacyContentWrapper #take-a-payment-demo code,
.LegacyContentWrapper #take-a-payment-demo pre {
	font-family: "SF Mono", "IBM Plex Mono", "Menlo", monospace;
	font-size: 12px;
}

.LegacyContentWrapper .use-case-cards {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(302px, 33%));
	grid-gap: 20px;
	list-style: none;
	margin-top: 20px !important;
}

.use-case-cards {
	padding: 0;
}

.LegacyContentWrapper .use-case-cards .use-case-card {
	padding: 0;
	margin: 0;
	min-height: 90px;
}

.LegacyContentWrapper .use-case-cards .use-case-card.use-case-card-stretch {
	grid-column: 1 / span 3;
	min-height: 40px;
}

.LegacyContentWrapper .use-case-cards .use-case-card.use-case-card-stretch a {
	background-position: 16px 20px;
}

.LegacyContentWrapper .use-case-cards .use-case-card:before {
	display: none;
}

.LegacyContentWrapper .use-case-cards .use-case-card a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	padding: 17px 24px 16px 68px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	text-decoration: none;
	background-color: var(--sail-color-white);
	background-repeat: no-repeat;
	background-position: 16px 16px;
	background-size: 36px 36px;
	transition: all 200ms ease-in-out;
}

.LegacyContentWrapper .use-case-cards .use-case-card a:active {
	background-color: #FAFCFC;
}

.LegacyContentWrapper .use-case-cards .use-case-card a:hover {
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.05), 0 7px 14px 0 rgba(50, 50, 93, 0.10), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
	border: 1px solid var(--sail-color-white);
}

.LegacyContentWrapper .use-case-cards .use-case-card a h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: var(--sail-text-color-link);
	font-weight: 500;
	line-height: 20px;
}

.LegacyContentWrapper .use-case-cards .use-case-card a p {
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 15px;
	font-weight: 400;
	color: #4E566D;
	line-height: 21px;
}

.LegacyContentWrapper .use-case-card-icon-payments {
	background-image: url("../img/icon/icon-payments.svg");
}

.LegacyContentWrapper .use-case-card-icon-checkout {
	background-image: url("../img/icon/icon-checkout.svg");
}

.LegacyContentWrapper .use-case-card-icon-accept-payment {
	background-image: url("../img/icon/icon-accept-payment.svg");
}

.LegacyContentWrapper .use-case-card-icon-save-card {
	background-image: url("../img/icon/icon-save-card.svg");
}

.LegacyContentWrapper .use-case-card-icon-save-card-after {
	background-image: url("../img/icon/icon-save-card-after.svg");
}

.LegacyContentWrapper .use-case-card-icon-settings {
	background-image: url("../img/icon/icon-settings.svg");
}

.LegacyContentWrapper .use-case-card-icon-onboarding {
	background-image: url("../img/icon/icon-onboarding.svg");
}

.LegacyContentWrapper .use-case-card-icon-billing {
	background-image: url("../img/icon/icon-subscriptions.svg");
}

.LegacyContentWrapper .use-case-card-icon-connect {
	background-image: url("../img/icon/icon-connect.svg");
}

.LegacyContentWrapper .use-case-card-icon-radar {
	background-image: url("../img/icon/icon-radar.svg");
}

.LegacyContentWrapper .use-case-card-icon-relay {
	background-image: url("../img/icon/icon-relay.svg");
}

.LegacyContentWrapper .use-case-card-icon-atlas {
	background-image: url("../img/icon/icon-atlas.svg");
}

.LegacyContentWrapper .use-case-card-icon-sigma {
	background-image: url("../img/icon/icon-sigma.svg");
}

.LegacyContentWrapper .use-case-card-icon-issuing {
	background-image: url("../img/icon/icon-issuing.svg");
}

.LegacyContentWrapper .use-case-card-icon-terminal {
	background-image: url("../img/icon/icon-terminal.svg");
}

.LegacyContentWrapper .use-case-card-icon-api-ref {
	background-image: url("../img/icon/icon-api-ref.svg");
}

.LegacyContentWrapper .use-case-card-icon-libraries {
	background-image: url("../img/icon/icon-libraries.svg");
}

.LegacyContentWrapper .use-case-card-icon-community {
	background-image: url("../img/icon/icon-community.svg");
}

.LegacyContentWrapper .use-case-card-icon-credit-card {
	background-image: url("../img/icon/icon-credit-card.svg");
}

.LegacyContentWrapper .use-case-card-icon-bank {
	background-image: url("../img/icon/icon-bank.svg");
}

.LegacyContentWrapper .use-case-card-icon-security {
	background-image: url("../img/icon/security.svg");
}

.LegacyContentWrapper .use-case-card-icon-development {
	background-image: url("../img/icon/devtools.svg");
}

.LegacyContentWrapper .use-case-card-icon-account {
	background-image: url("../img/icon/account.svg");
}

.LegacyContentWrapper .wide-card {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 16px;
	border: 1px solid var(--sail-color-gray-100);
	border-radius: 4px;
	text-decoration: none;
	transition: all 200ms ease-in-out;
}

.LegacyContentWrapper .wide-card:hover {
	box-shadow: var(--guide-card-hover-shadow);
	border: 1px solid transparent;
}

.LegacyContentWrapper .wide-card-content {
	width: 50%;
	padding: 0 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.LegacyContentWrapper .wide-card-image {
	width: 50%;
	min-height: 160px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 10px 20px 0 0;
}

.LegacyContentWrapper .wide-card-content h3 {
	font-size: 16px;
	font-weight: 500;
	color: var(--sail-color-text-blue);
}

.LegacyContentWrapper .wide-card-subheader {
	font-size: 14px;
	color: var(--sail-color-text-gray);
	margin-top: 4px;
}

.LegacyContentWrapper .wide-card-content p {
	font-size: 14px;
	font-weight: 400;
	color: var(--sail-color-text);
	line-height: 20px;
	padding-top: 8px !important;
}

.LegacyContentWrapper .wide-card .arrow-after:after {
	content: "";
	position: relative;
	background-image: url("../img/icon/arrow-purple.svg");
	background-repeat: no-repeat;
	background-position: center;
	top: 1px;
	padding: 8px 12px;
}


/*# sourceMappingURL=legacy.afc1dcad040a612ba8c8.css.map*/


/*  3 dots dropup */

.dropbtn {
	background-color: #fff;
	color: #697386;
	/* padding: 16px; */
	font-size: 16px;
	border: none;
}

.dropup {
	position: relative;
	display: inline-block;
}

.dropup-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	/* min-width: 160px;
	bottom: 1.5rem; */
	min-width: 105px;
	bottom: 3.5rem;
	right: -31px;
	z-index: 1;
}

.dropup-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropup-content a:hover {
	background-color: #ccc
}

.dropup:hover .dropup-content {
	display: block;
}


/* .dropup:hover .dropbtn {
	background-color: #2980B9;
  } */


/* cust dropdown */

.btn-style {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #fff !important;
	margin-left: -1.4rem !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: none !important;
	outline: none !important;
	display: flex !important;
}

.btn-style-qa {
	background-color: #f2f2f2 !important;
	border-color: #fff !important;
	color: #fff !important;
	margin-left: -1.4rem !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: none !important;
	outline: none !important;
	display: flex !important;
}

.cust-drop {
	border: none !important;
	box-shadow: none !important;
	margin-left: .9rem !important;
}

.cust-drop-qa {
	border: none !important;
	box-shadow: none !important;
	margin-left: .9rem !important;
	background-color: #f2f2f2 !important;
}

.cust-drop li a {
	white-space: normal !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
	font-feature-settings: "pnum";
	font-variant: proportional-nums;
	line-height: 20px !important;
	font-weight: 500 !important;
	font-size: 13px;
	display: inline !important;
	color: #697386 !important;
	font-style: inherit;
	text-align: inherit;
	cursor: pointer;
}

.cust-drop li a:hover {
	color: #000 !important;
	background-color: transparent !important;
}

.dropdown-arrow {
	fill: currentColor;
	vertical-align: middle;
	color: #4f566b;
}

.dropdown-body {
	margin-left: .9rem;
	/* color: #4f566b; */
	color: #3c4257;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
	font-feature-settings: "pnum";
	font-variant: proportional-nums;
	font-weight: 500;
	font-size: 15px;
	border: none !important;
}

.dropdown-body:hover {
	text-decoration-line: underline;
}

.APISKD {
	margin-top: -1px;
	white-space: nowrap;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
	font-feature-settings: "pnum";
	font-variant: proportional-nums;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	display: block;
	color: #0070e0;
	margin-left: 0rem;
}

.dropdown-arrow-APISKD {
	transform: translateY(0.38px);
	/* color: #6c8eef; */
	color: #0070e0;
	margin-left: 8px;
	display: flex;
	transform: translateY(5.38px);
}

.APISK-down-arrow {
	inset: 46px auto auto 953px;
	width: 160px;
	position: absolute;
	z-index: 300;
	transform: scale(1);
	opacity: 1;
	transition: opacity 250ms cubic-bezier(0, 1, 0.4, 1), transform 250ms cubic-bezier(0.18, 1.25, 0.4, 1);
	flex-direction: column;
	transform-origin: 50% -11px;
	display: flex;
}


/* float btns */

.float-qsn {
	position: fixed;
	width: 48px;
	height: 50px;
	bottom: 2rem;
	right: 9rem;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28)
}

.float-qsn-priv {
	font-size: 13px;
	right: 13rem;
	bottom: .7rem;
	position: fixed;
	width: 48px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28);
}

.float-three-dots {
	font-size: 14px;
	right: 17rem;
	bottom: 1rem;
	position: fixed !important;
	width: 48px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28);
}

a.float-qsn,
.float-qsn-priv,
.float-three-dots {
	color: #000!important;
	text-decoration: none;
}

.my-float-qsn {
	margin-top: 9px;
	font-size: 32px!important;
	transition: background-color .2s linear;
	-webkit-tap-highlight-color: transparent;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28)
}

.float-mail {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 26px;
	right: 74px;
	background-color: red;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28)
}

a.float-mail {
	color: #fafafa!important
}

.my-float-mail {
	margin-top: 9px;
	font-size: 32px!important;
	transition: background-color .2s linear;
	-webkit-tap-highlight-color: transparent;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28)
}

.float-wp {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 26px;
	right: 20px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28)
}

.my-float {
	margin-top: 4px;
	font-size: 40px!important;
	transition: background-color .2s linear;
	-webkit-tap-highlight-color: transparent;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28)
}

a.float-wp {
	color: #fafafa!important
}


/* left grey clr fixed */

@media screen and (min-width: 1001px) {
	.width-2nd-head {
		margin-left: 18rem;
	}
	.width-2nd-body {
		margin-left: 16rem;
	}
}

@media screen and (min-width: 1047px) {
	.width-2nd-head {
		margin-left: 18rem;
	}
	.width-2nd-body {
		margin-left: 18rem;
	}
}


/* contact btn */

.nav-item {
	position: relative;
}

.navbar-icon-link {
	display: flex;
	align-items: center;
	padding: .4rem 0;
	margin: 0 .5rem;
	text-decoration: none!important;
	cursor: pointer;
	font-size: 1.2rem;
	line-height: 1.5;
	color: rgba(0, 0, 0, .95);
	font-weight: 400;
}

.btnContact {
	border-color: var(--danger) !important;
	font-size: .6875rem !important;
}

.btnContact:hover {
	background-image: none;
	background-color: #dc3545!important;
	color: white !important;
	cursor: pointer
}

.btn.btnContact {
	padding: 9px 5px;
	margin: 2px -1px;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-size: .6875rem;
	display: inline-block;
	font-weight: 700;
	/* color: #212529; */
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	line-height: 1.5;
	border-radius: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}


/* survey satisfaction */

.sat-surv {
	height: 80px;
}

.surveySat a {
	color: #868e96;
}


/* custom tab qa page */

.tabs-regular .nav-tabs .nav-link:hover {
	border-bottom: 2px solid #0070e0;
	color: #0070e0;
	font-weight: 500;
}

.tabs-regular .nav-tabs .nav-link {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/* typography on qs */

.img-t {
	width: 100%;
	height: auto;
}

@media (min-width: 401px) and (max-width: 920px) {
	.img-t {
		height: 5rem;
		width: auto;
	}
}

@media (min-width: 921px) and (max-width: 1116px) {
	.img-t {
		height: 11rem;
		width: auto;
	}
}

@media (min-width: 1117px) and (max-width: 4000px) {
	.img-t {
		height: 13rem;
		width: auto;
	}
}


/* image for aligning with para */

.img-size-width {
	width: 200px;
	height: 170px;
	padding: .25rem;
	background-color: #fff;
	/* border: 1px solid #dee2e6; */
	border-radius: .25rem;
	max-width: 100%;
}

.span4 .img-left {
	float: left;
}

.span4 .img-right {
	float: right;
}

.typo-spl-fonts .h1,
.typo-spl-fonts .h2,
.typo-spl-fonts .h3,
.typo-spl-fonts .h4,
.typo-spl-fonts .h5,
.typo-spl-fonts .h6,
.typo-spl-fonts h1,
.typo-spl-fonts h2,
.typo-spl-fonts h3,
.typo-spl-fonts h4,
.typo-spl-fonts h5,
.typo-spl-fonts h6 {
	/* margin-bottom: .5rem; */
	font-family: inherit;
	font-weight: 700;
	line-height: 1.1;
	margin: 10px 0;
	color: var(--sail-color-text-black);
}

@media (min-width: 320px) and (max-width: 354px) {
	.small-header-sm {
		font-size: 15px;
	}
	.small-header {
		font-size: 8px;
		font-weight: 400;
		line-height: 0%;
	}
}

@media (min-width: 355px) and (max-width: 388px) {
	.small-header-sm {
		font-size: 15px;
	}
	.small-header {
		font-size: 14px;
		font-weight: 400;
		/* line-height: 0%; */
	}
}

@media (min-width: 389px) and (max-width: 3500px) {
	.small-header {
		font-size: 16px;
		font-weight: 400;
	}
}

.typo-spl-fonts .h1,
.typo-spl-fonts h1 {
	letter-spacing: 0;
	font-size: 32px;
}

.typo-spl-fonts .h2,
.typo-spl-fonts h2 {
	font-size: 24px;
}

.typo-spl-fonts .h3,
.typo-spl-fonts h3 {
	font-size: 22px;
}

.typo-spl-fonts .h4,
.typo-spl-fonts h4 {
	font-size: 20px;
}

.typo-spl-fonts .h5,
.typo-spl-fonts h5 {
	font-size: 18px;
}

.typo-spl-fonts .h6,
.typo-spl-fonts h6 {
	font-size: 16px;
}

.lead-para-font {
	padding-top: 12px !important;
	font-size: 16px !important;
	color: var(--sail-color-text) !important;
	line-height: 26px;
	margin-bottom: 1rem;
	text-align: justify !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif !important;
}

.lead-para-font li {
	font-size: 16px;
	text-align: justify;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
}

.lead-para-font strong {
	font-weight: 700;
}

.bullets-side {
	margin-left: -40px;
	margin-top: 0px;
}

.bullets-side li {
	margin-left: 17px;
}

.lead-para-font a {
	color: #0070e0;
}

.bullets-side a {
	color: #0070e0;
}

.lead-para-font .btn-primary {
	color: #fff;
}


/* yellow underline */

.lined {
	position: relative;
	padding-bottom: 8px !important;
	margin-top: -9px !important;
	line-height: 1;
}

.lined-header {
	position: relative;
	padding-bottom: 9px;
	margin-bottom: 21px;
}

.lined-header::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 5rem;
	height: 3px;
	background: #fbd214;
}

.lined-header::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 3rem;
	height: 2px;
	background: #fbd214;
}

.lined::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5rem;
	height: 3px;
	background: #fbd214;
}

.lined::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 3rem;
	height: 2px;
	background: #fbd214;
}

.anchor-tag-lined {
	background-position: bottom 8px left;
	background-image: linear-gradient(#fbd214, #fbd214);
	background-size: 5.5rem 3px;
	background-repeat: no-repeat;
	position: relative;
}

.anchor-tag-lined:before {
	content: "";
	position: absolute;
	width: 35%;
	height: 1px;
	bottom: 3px;
	left: 0;
	border-bottom: 2px solid #fbd214;
}

@media screen and (min-width: 200px) and (max-width: 332px) {
	.anchor-tag-lined {
		padding-bottom: 4rem;
		background-position: bottom 8px center;
	}
	.anchor-tag-lined:before {
		left: 2.4rem;
	}
}

@media screen and (min-width: 333px) and (max-width: 418px) {
	.anchor-tag-lined {
		padding-bottom: 36px;
	}
}

@media screen and (min-width: 419px) and (max-width: 4000px) {
	.anchor-tag-lined {
		padding-bottom: 14px;
	}
}


/*  */

.renowned-lined {
	background-position: bottom 8px left;
	background-image: linear-gradient(#fbd214, #fbd214);
	background-size: 5.5rem 3px;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 1rem;
	left: 0;
}

.renowned-lined:before {
	content: "";
	position: absolute;
	width: 35%;
	height: 1px;
	bottom: 3px;
	left: 0;
	border-bottom: 2px solid #fbd214;
}

.lined-header-home-Alugn {
	background-position: bottom 8px left;
	background-image: linear-gradient(#fbd214, #fbd214);
	background-size: 5.5rem 3px;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 1rem;
	margin: 0 -19rem;
	/* right: 0; */
}

.lined-header-home-Alugn:before {
	content: "";
	position: absolute;
	width: 20%;
	height: 1px;
	bottom: 3px;
	left: 0;
	border-bottom: 2px solid #fbd214;
}

@media screen and (max-width: 282px) {
	.lined-header-home-Alugn {
		margin: 0 -1rem;
		font-size: 17px;
	}
}

@media screen and (min-width:283px) and (max-width: 314px) {
	.lined-header-home-Alugn {
		margin: 0 0rem;
	}
}

@media screen and (min-width:315px) and (max-width: 346px) {
	.lined-header-home-Alugn {
		margin: 0 1rem;
	}
}

@media screen and (min-width:347px) and (max-width: 380px) {
	.lined-header-home-Alugn {
		margin: 0 2rem;
	}
}

@media screen and (min-width:381px) and (max-width: 410px) {
	.lined-header-home-Alugn {
		margin: 0 3rem;
	}
}

@media screen and (min-width:411px) and (max-width: 442px) {
	.lined-header-home-Alugn {
		margin: 0 4rem;
	}
}

@media screen and (min-width:443px) and (max-width: 1200px) {
	.lined-header-home-Alugn {
		margin: 0 5rem;
	}
}

.lined-header-home-clients {
	background-position: bottom 8px left;
	background-image: linear-gradient(#fbd214, #fbd214);
	background-size: 5.5rem 3px;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 1rem;
	left: 0;
}

.lined-header-home-clients:before {
	content: "";
	position: absolute;
	width: 35%;
	height: 1px;
	bottom: 3px;
	left: 0;
	border-bottom: 2px solid #fbd214;
}

.product-range-space {
	margin-top: 11rem !important;
	padding-bottom: 2px !important;
	margin-bottom: 10px !important;
}


/* .typo-spl-fonts ul, .typo-spl-fonts ol {
 list-style: disc;
} */


/* .lead-para-font ul, .lead-para-font ol {
	list-style: disc;
} */


/* table */

table.no-border td {
	border: none
}

table.aligncenter {
	display: table;
	margin-left: auto;
	margin-right: auto
}

td {
	border: 1px solid #E3E3E3
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 24px;
	margin-top: 24px;
	text-align: center;
	border: 2px solid #f1f1f1;
	font-size: 12px;
	position: relative;
	width: 100%;
	color: #212529;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif !important;
}

tfoot td {
	border: 0
}

caption,
th,
td {
	font-weight: 400;
	vertical-align: middle
}

th {
	font-weight: 700
}

th,
tfoot {
	font-weight: 700;
	background-color: #f0f0f0;
	border: 1px solid #FFF;
}

tr {
	border-width: 0 0 1px 0;
	border-color: #E3E3E3
}


/* th,
td {
	padding: 3px
} */

.typo-spl-fonts td,
.typo-spl-fonts th {
	padding: .25em;
	text-align: center;
}

thead th {
	position: -webkit-sticky;
	/* position: sticky; */
	top: 0;
}

thead th:first-child {
	left: 0;
	z-index: 1
}

tfoot ul,
tfoot li {
	list-style: none;
}

.table-notes {
	list-style: none !important;
	margin-left: 0 !important;
	background: #f5f5f5;
	padding: 30px !important;
	margin: 0px 0px !important;
	text-align: justify;
	font-style: italic;
	font-size: .7rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
}

.table-notes-para {
	list-style: none;
	padding: 5px;
	margin: 0px;
	text-align: justify;
	font-style: italic;
	font-size: .7rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
}

.table-notes-add {
	margin-top: -24px
}

table.topLeftscroll tr:hover>td {
	background: #eabe12;
}

table.highlighter tr:hover>td {
	background: #eabe12;
}

table tfoot td {
	background: white !important;
}

@media (max-width:920px) {
	table {
		font-size: 10px
	}
	/* .austenicbtm {
		margin-top: 0
	}
	.table-notes-cas {
		margin: 0.2rem -.1rem 0 1rem;
	}
	#scrollTop {
		bottom: 4.5rem;
		z-index: 2000;
	}
	.float-pdf {
		bottom: 124px;
		right: 13px;
	} */
}

@media (min-width:600px) and (max-width:799px) {
	table {
		font-size: 9px
	}
	.table-notes {
		margin: 0.2rem 0 0 1rem;
	}
	.hero-subheading-mobileLast {
		margin-top: -21rem;
	}
}

@media (min-width:400px) and (max-width:599px) {
	table {
		font-size: 6px;
	}
}

@media (min-width:279px) and (max-width:399px) {
	table {
		font-size: 5px;
	}
}

@media (max-width:278px) {
	table {
		font-size: 3px;
	}
}


/* unstyled-typo */


/* .lead-para-font ul, .lead-para-font ol {
	list-style-type: none;
} */


/* BACKGROUNd-BORDER-HIGHLIGHT */


/* .bd-border-contact-highlight {
	position: relative;
	padding: 1rem;
	margin: 1rem -15px 0;
	border: solid #000;
	border-width: .2rem 0 0;
}

@media (min-width: 576px) {
	.bd-border-contact-highlight {
		padding: 1.5rem;
		margin-right: 0;
		margin-left: 0;
		border-width: .2rem;
	}
}

.bd-border-highlight {
	position: relative;
	padding: 1rem;
	margin: 1rem -15px 0;
	border: solid #f7f7f9;
	border-width: .2rem 0 0;
}

@media (min-width: 576px) {
	.bd-border-highlight {
		padding: 1.5rem;
		margin-right: 0;
		margin-left: 0;
		border-width: .2rem;
		margin-top: 0rem;
	}
} */


/* .LegacyContentWrapper-typo ul {
	padding: 0;
	margin: 0;
} */


/* .LegacyContentWrapper-typo p {
   margin: revert;
}

.LegacyContentWrapper-typo ol, .LegacyContentWrapper-typo ul {
	padding: revert;
 }

.lead-para-font p, .lead-para-font ol, .lead-para-font ul, .lead-para-font li {
	padding: revert;
	margin: revert;
} */


/* <!-- STYLE IN LIST -->  typography */

.products-tags li {
	color: #212529;
	background: #F5F5F5;
	display: block;
	margin: 7px;
	padding: 6px 6px 6px 10px;
	border-left: 7px solid #ed6212;
	text-decoration: none;
}

.products-tags a {
	color: #212529;
	text-decoration: none;
}

.related-grade {
	clear: both;
	padding: 10px 0 10px;
}

@media screen and (min-width: 768px) and (max-width: 854px) {
	.related-grade {
		padding: 10px 0 13rem 0px;
	}
}

@media screen and (min-width: 855px) and (max-width: 948px) {
	.related-grade {
		padding: 10px 0 10rem 0px;
	}
}

@media screen and (min-width: 949px) and (max-width: 4000px) {
	.related-grade {
		padding: 10px 0 10rem 0px;
	}
}

.related-grade .container-lft-style {
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.container-lft-style::before {
	content: " ";
	display: table;
}

.container-lft-style ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	line-height: 160%;
}

@media (min-width: 768px) {
	.container-lft-style .col-sm-4,
	.container-lft-style .col-sm-6 {
		float: left;
	}
	.container-lft-style .col-sm-4 {
		width: 30.33333333%;
	}
}

@media screen and (min-width: 576px) and (max-width: 768px) {
	.container-lft-style .col-sm-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}


/* FIGURES(IMAGE) WITH CAPTION */

.img-size-with-caption {
	width: 400px;
	height: 300px;
	padding: .25rem;
	background-color: #fff;
	/* border: 1px solid #dee2e6; */
	border-radius: .25rem;
	max-width: 100%;
}


/*  Breadcrumb */

.breadcrumb {
	background-color: transparent !important;
	padding: 8px 0px !important;
	margin-bottom: 0rem !important;
}

.breadcrumb li {
	vertical-align: middle;
	padding: 0 1px;
}

.breadcrumb a {
	color: #0070e0 !important;
}
.faGreater {
	font-size: .8rem;
	padding-right: .5rem;
	padding-left: .5rem;
}

.fa-home {
	padding-right: .5rem;
}


/* READ MORE */

.module {
	font-size: 1rem;
	line-height: 1.5;
}

.bottomSpace {
	margin-bottom: 0rem;
}

.module #collapseExample.collapse:not(.show) {
	display: block;
	height: 0rem;
	overflow: hidden;
}

.module #collapseExample.collapsing {
	height: 3rem;
}

.module a.collapsed::after {
	content: 'Read More';
}


/* looking for products last part */

.asStipe {
	font-size: 30px !important;
	line-height: 45px !important;
	font-weight: 400 !important;
	margin: .75em 0 !important;
}

.common-Button--default {
	color: #fff;
	background: #eabe12;
	text-decoration: none;
	margin: 10px;
}

.common-Button {
	white-space: nowrap;
	display: inline-block;
	height: 40px;
	line-height: 40px !important;
	padding: 0 14px;
	-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
	background: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .025em;
	color: #6772e5 !important;
	text-decoration: none;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
}

.smBTNspcing {
	padding: 50px 0;
	margin-top: 1rem;
	margin: 0;
}

@media screen and (max-width: 248px) {
	.vertical-center {
		transform: translate(-4%, -29%);
	}
	.smBTNspcing {
		padding-top: 0rem;
		padding-bottom: 3rem;
	}
}

@media (min-width: 249px) and (max-width: 739px) {
	.vertical-center {
		transform: translate(0%, -29%);
	}
	.smBTNspcing {
		padding-top: 0rem;
		padding-bottom: 3rem;
	}
}

@media (min-width: 740px) and (max-width: 767px) {
	.vertical-center {
		transform: translate(210%, -146%);
	}
}

@media (min-width: 768px) and (max-width: 799px) {
	.vertical-center {
		transform: translate(4%, -50%);
	}
}

@media (min-width: 800px) and (max-width: 849px) {
	.vertical-center {
		transform: translate(-14%, -50%);
	}
}

@media (min-width: 850px) and (max-width: 899px) {
	.vertical-center {
		transform: translate(-17%, -50%);
	}
}

@media (min-width: 900px) and (max-width: 956px) {
	.vertical-center {
		transform: translate(-15%, -50%);
	}
}

@media (min-width: 957px) and (max-width: 1199px) {
	.vertical-center {
		transform: translate(-8%, -50%);
	}
}

@media (min-width: 1200px) and (max-width: 1249px) {
	.vertical-center {
		transform: translate(-3%, -50%);
	}
}

@media (min-width: 1250px) {
	.vertical-center {
		transform: translatey(-50%);
	}
}


/* TOC */

@media (min-width:100px) and (max-width:1200px) {
	.hideToc {
		visibility: hidden
	}
	.tocLgHt {
		visibility: hidden
	}
	.tocSmHt {
		visibility: hidden
	}
}

@media (min-width:1201px) and (max-width:3500px) {
	.tocLgHt {
		/* padding-left: -1px; */
		padding-right: 0;
		margin-top: 0px;
		top: -9px;
	}
}

.tocRtSpace {
	top: 126px;
	margin-left: 6px;
}

.sidebar-heading-toc {
	margin-left: 1.1rem!important;
	margin-bottom: 1rem;
	font-weight: 400;
	color: #868e96;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .9rem;
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-top: .2rem;
}

nav[data-toggle=toc] .nav>li>a {
	display: block;
	padding: 4px 20px;
	font-size: 13px;
	font-weight: 500;
	color: #767676
}

nav[data-toggle=toc] .nav>li>a:focus,
nav[data-toggle=toc] .nav>li>a:hover {
	padding-left: 19px;
	color: none;
	text-decoration: none;
	background-color: transparent;
	border-left: 1px solid none
}

nav[data-toggle=toc] .nav-link.active,
nav[data-toggle=toc] .nav-link.active:focus,
nav[data-toggle=toc] .nav-link.active:hover {
	padding-left: 18px;
	font-weight: 700;
	color: none;
	background-color: transparent;
	border-left: 2px solid none
}

nav[data-toggle=toc] .nav-link+ul {
	display: none;
	padding-bottom: 10px
}

nav[data-toggle=toc] .nav .nav>li>a {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 30px;
	font-size: 12px;
	font-weight: 400
}

nav[data-toggle=toc] .nav .nav>li>a:focus,
nav[data-toggle=toc] .nav .nav>li>a:hover {
	padding-left: 29px
}

nav[data-toggle=toc] .nav .nav>li>.active,
nav[data-toggle=toc] .nav .nav>li>.active:focus,
nav[data-toggle=toc] .nav .nav>li>.active:hover {
	padding-left: 28px;
	font-weight: 500
}

nav[data-toggle=toc] .nav-link.active+ul {
	display: block
}


/* required to open dropdown as it was opening up */

.req-to-keep-dropdown {
	top: 100% !important;
	transform: none !important;
}


/* inlines of qa typo and index page */

.no-qa-bxroot {
	line-height: 0;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

.no-qa-bxroot-li {
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28);
	height: 50px;
	left: 2rem;
	bottom: 0rem;
	position: fixed;
	text-decoration: none;
}

.hr-up-no {
	box-shadow: inset 0 1px #e3e8ee;
	margin: -18px -5rem 1rem -1rem;
}

.email-qa-bxroot-li {
	z-index: 1500;
	transform: scale3d(1, 1, 1);
	transition: transform .5s cubic-bezier(.18, .89, .32, 1.28);
	height: 50px;
	left: 1rem;
	bottom: -1rem;
	position: fixed;
	text-decoration: none;
}

.shell-side-area {
	width: 100%;
	height: 100%;
	overflow-x: auto;
}

.sub-shell-side-area {
	flex-grow: 0;
	flex-shrink: 0;
	background-color: #f2f2f2;
	position: fixed;
	height: 100%;
}

.box-spacing {
	margin-bottom: -1px;
	position: fixed;
	width: 10%;
	height: 10%;
	z-index: 1030;
}

.box-cover {
	overflow-x: hidden;
	overflow-y: auto;
	flex-grow: 1;
	position: fixed;
	width: 15%;
	height: 70%;
	z-index: 1030;
	margin-top: 5rem;
}

.margin-bottom-border {
	margin-top: 0px;
	border-bottom: 1px solid var(--sail-color-gray-100);
}
.margin-bottom-border-0 {
	margin-top: 0px;
	border-bottom: 0px solid var(--sail-color-gray-100) !important;
}

.page-footer {
	display: flex;
	flex-direction: column-reverse;
	background: var(--main-white-color)
}

.page-footer ul {
	display: flex;
	font-size: 14px;
	margin-bottom: 5px
}

.page-footer ul li:not(:last-child) {
	margin-right: 10px
}

.foot-img .surveySat {
		margin: 0px 10px 10px !important;
	}
	
	.foot-img .tuv-img {
		margin: 0px 0px 10px !important;
	}
	
	.foot-img .survey-txt{
		margin-left: 0px !important;
	}
	
	.foot-img {
		margin-left: 0px !important;
	}

@media (min-width: 576px) {  
.foot-img .surveySat {
		margin: 0px 10px 10px !important;
	}
	
	.foot-img .tuv-img {
		margin: 0px 5px 10px !important;
	}
	
	.foot-img .survey-txt{
		margin-left: -70px !important;
	}
	
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 601px) {  
 .foot-img .surveySat {
		margin: 0px 10px 10px !important;
	}
	
	.foot-img .tuv-img {
		margin: 0px 5px 10px !important;
	}
	
	.foot-img{
		margin-left: -70px !important;
	}
	
} 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
@media screen and (min-width:360px) {
.page-header ul {
		width: auto;
		margin-top: 0
	}
	.page-header .cta-contact {
		order: 1
	}
	.page-footer {
		flex-direction: row;
		justify-content: space-between;
		align-items: center
	}
	.page-footer ul {
		margin-bottom: 0;
		list-style: none
	}
	.item {
		margin-bottom: 0
	}
}
@media screen and (min-width:550px) {
	.page-header ul {
		width: auto;
		margin-top: 0
	}
	.page-header .cta-contact {
		order: 1
	}
	.page-footer {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: -20px;
	}
	.page-footer ul {
		
		list-style: none
	}
	.item {
		margin-bottom: 0
	}
}
#scrollTop {
	display: none;
	position: fixed;
	bottom: 26px;
	left: 18rem;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #343a40;
	border: solid 1px #343a40;
	text-align: center;
	background: #fff;
	font-size: .8rem;
	z-index: 2000;
	cursor: pointer;
}

@media (min-width: 250px) {
  #scrollTop {
	bottom: 2rem;
	left: 1rem;
	}

}
@media (min-width: 600px) {
#scrollTop {
	bottom: 2rem;
	left: 1rem;
	}
}

@media (min-width: 1001px) {
  #scrollTop {
		bottom: 1rem;
		left: 18rem;
		z-index: 2000;
	}
}
	
	.greymail
	{
		color: #3c4257 !important
	}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 1.2rem + 2px);
	padding: .6rem .75rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0 !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
	.form-control {
		transition: none
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #6d7a86;
	outline: 0;
	box-shadow: none
}

.form-control::-webkit-input-placeholder {
	color: #868e96;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #868e96;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #868e96;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #868e96;
	opacity: 1
}

.form-control::placeholder {
	color: #868e96;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	/* background-color: #e9ecef; */
	background-color: #fff;
	opacity: 1
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-control-file,
.form-control-range {
	display: block;
	width: 100%
}


.form-control-plaintext {
	display: block;
	width: 100%;
	padding-top: .6rem;
	padding-bottom: .6rem;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
	padding-right: 0;
	padding-left: 0
}

.form-control-sm {
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: .7875rem;
	line-height: 1.5;
	border-radius: 0
}

.form-control-lg {
	height: calc(1.5em + 2rem + 2px);
	padding: 1rem 1rem;
	font-size: 1.125rem;
	line-height: 1.5;
	border-radius: 0
}

select.form-control[multiple],
select.form-control[size] {
	height: auto
}

textarea.form-control {
	height: auto
}

.form-label {
	color: #868e96;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .1em
}