Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/
.hide-child .child {
opacity: 0;
-webkit-transition: opacity .15s ease-in;
transition: opacity .15s ease-in; }
.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
opacity: 1;
-webkit-transition: opacity .15s ease-in;
transition: opacity .15s ease-in; }
.underline-hover:hover,
.underline-hover:focus {
text-decoration: underline; }
/* Can combine this with overflow-hidden to make background images grow on hover
* even if you are using background-size: cover */
.grow {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }
.grow:hover,
.grow:focus {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.grow:active {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.grow-large {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
.grow-large:hover,
.grow-large:focus {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
.grow-large:active {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
/* Add pointer on hover */
.pointer:hover {
cursor: pointer; }
/*
Add shadow on hover.
Performant box-shadow animation pattern from
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
cursor: pointer;
position: relative;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.shadow-hover::after {
content: '';
box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
border-radius: inherit;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.shadow-hover:hover::after,
.shadow-hover:focus::after {
opacity: 1; }
/* Combine with classes in skins and skins-pseudo for
* many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
-webkit-transition: background-color .15s ease-in-out;
transition: background-color .15s ease-in-out; }
/*
Z-INDEX
Base
z = z-index
Modifiers
-0 = literal value 0
-1 = literal value 1
-2 = literal value 2
-3 = literal value 3
-4 = literal value 4
-5 = literal value 5
-999 = literal value 999
-9999 = literal value 9999
-max = largest accepted z-index value as integer
-inherit = string value inherit
-initial = string value initial
-unset = string value unset
MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
Spec: http://www.w3.org/TR/CSS2/zindex.html
Articles:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
Tips on extending:
There might be a time worth using negative z-index values.
Or if you are using tachyons with another project, you might need to
adjust these values to suit your needs.
*/
.z-0 {
z-index: 0; }
.z-1 {
z-index: 1; }
.z-2 {
z-index: 2; }
.z-3 {
z-index: 3; }
.z-4 {
z-index: 4; }
.z-5 {
z-index: 5; }
.z-999 {
z-index: 999; }
.z-9999 {
z-index: 9999; }
.z-max {
z-index: 2147483647; }
.z-inherit {
z-index: inherit; }
.z-initial {
z-index: initial; }
.z-unset {
z-index: unset; }
/*
NESTED
Tachyons module for styling nested elements
that are generated by a cms.
*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
line-height: 1.5; }
.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
line-height: 1.25; }
.nested-list-reset ul,
.nested-list-reset ol {
padding-left: 0;
margin-left: 0;
list-style-type: none; }
.nested-copy-indent p + p {
text-indent: 0.1em;
margin-top: 0;
margin-bottom: 0; }
.nested-copy-seperator p + p {
margin-top: 1.5em; }
.nested-img img {
width: 100%;
max-width: 100%;
display: block; }
.nested-links a {
color: #357edd;
-webkit-transition: color .15s ease-in;
transition: color .15s ease-in; }
.nested-links a:hover,
.nested-links a:focus {
color: #96ccff;
-webkit-transition: color .15s ease-in;
transition: color .15s ease-in; }
/*
STYLES
Add custom styles here.
*/
.cursor-auto {
cursor: auto; }
.cursor-default {
cursor: default; }
.cursor-none {
cursor: none; }
.cursor-context-menu {
cursor: context-menu; }
.cursor-help {
cursor: help; }
.cursor-pointer {
cursor: pointer; }
.cursor-progress {
cursor: progress; }
.cursor-wait {
cursor: wait; }
.cursor-cell {
cursor: cell; }
.cursor-crosshair {
cursor: crosshair; }
.cursor-text {
cursor: text; }
.cursor-vertical-text {
cursor: vertical-text; }
.cursor-alias {
cursor: alias; }
.cursor-copy {
cursor: copy; }
.cursor-move {
cursor: move; }
.cursor-no-drop {
cursor: no-drop; }
.cursor-not-allowed {
cursor: not-allowed; }
.cursor-e-resize {
cursor: e-resize; }
.cursor-n-resize {
cursor: n-resize; }
.cursor-ne-resize {
cursor: ne-resize; }
.cursor-nw-resize {
cursor: nw-resize; }
.cursor-s-resize {
cursor: s-resize; }
.cursor-se-resize {
cursor: se-resize; }
.cursor-sw-resize {
cursor: sw-resize; }
.cursor-w-resize {
cursor: w-resize; }
.cursor-ew-resize {
cursor: ew-resize; }
.cursor-ns-resize {
cursor: ns-resize; }
.cursor-nesw-resize {
cursor: nesw-resize; }
.cursor-nwse-resize {
cursor: nwse-resize; }
.cursor-col-resize {
cursor: col-resize; }
.cursor-row-resize {
cursor: row-resize; }
.cursor-all-scroll {
cursor: all-scroll; }
.cursor-zoom-in {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.cursor-zoom-out {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
@media screen and (min-width: 48em) {
.cursor-auto-ns {
cursor: auto; }
.cursor-default-ns {
cursor: default; }
.cursor-none-ns {
cursor: none; }
.cursor-context-menu-ns {
cursor: context-menu; }
.cursor-help-ns {
cursor: help; }
.cursor-pointer-ns {
cursor: pointer; }
.cursor-progress-ns {
cursor: progress; }
.cursor-wait-ns {
cursor: wait; }
.cursor-cell-ns {
cursor: cell; }
.cursor-crosshair-ns {
cursor: crosshair; }
.cursor-text-ns {
cursor: text; }
.cursor-vertical-text-ns {
cursor: vertical-text; }
.cursor-alias-ns {
cursor: alias; }
.cursor-copy-ns {
cursor: copy; }
.cursor-move-ns {
cursor: move; }
.cursor-no-drop-ns {
cursor: no-drop; }
.cursor-not-allowed-ns {
cursor: not-allowed; }
.cursor-e-resize-ns {
cursor: e-resize; }
.cursor-n-resize-ns {
cursor: n-resize; }
.cursor-ne-resize-ns {
cursor: ne-resize; }
.cursor-nw-resize-ns {
cursor: nw-resize; }
.cursor-s-resize-ns {
cursor: s-resize; }
.cursor-se-resize-ns {
cursor: se-resize; }
.cursor-sw-resize-ns {
cursor: sw-resize; }
.cursor-w-resize-ns {
cursor: w-resize; }
.cursor-ew-resize-ns {
cursor: ew-resize; }
.cursor-ns-resize-ns {
cursor: ns-resize; }
.cursor-nesw-resize-ns {
cursor: nesw-resize; }
.cursor-nwse-resize-ns {
cursor: nwse-resize; }
.cursor-col-resize-ns {
cursor: col-resize; }
.cursor-row-resize-ns {
cursor: row-resize; }
.cursor-all-scroll-ns {
cursor: all-scroll; }
.cursor-zoom-in-ns {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.cursor-zoom-out-ns {
cursor: -webkit-zoom-out;
cursor: zoom-out; } }
@media screen and (min-width: 48em) and (max-width: 64em) {
.cursor-auto-m {
cursor: auto; }
.cursor-default-m {
cursor: default; }
.cursor-none-m {
cursor: none; }
.cursor-context-menu-m {
cursor: context-menu; }
.cursor-help-m {
cursor: help; }
.cursor-pointer-m {
cursor: pointer; }
.cursor-progress-m {
cursor: progress; }
.cursor-wait-m {
cursor: wait; }
.cursor-cell-m {
cursor: cell; }
.cursor-crosshair-m {
cursor: crosshair; }
.cursor-text-m {
cursor: text; }
.cursor-vertical-text-m {
cursor: vertical-text; }
.cursor-alias-m {
cursor: alias; }
.cursor-copy-m {
cursor: copy; }
.cursor-move-m {
cursor: move; }
.cursor-no-drop-m {
cursor: no-drop; }
.cursor-not-allowed-m {
cursor: not-allowed; }
.cursor-e-resize-m {
cursor: e-resize; }
.cursor-n-resize-m {
cursor: n-resize; }
.cursor-ne-resize-m {
cursor: ne-resize; }
.cursor-nw-resize-m {
cursor: nw-resize; }
.cursor-s-resize-m {
cursor: s-resize; }
.cursor-se-resize-m {
cursor: se-resize; }
.cursor-sw-resize-m {
cursor: sw-resize; }
.cursor-w-resize-m {
cursor: w-resize; }
.cursor-ew-resize-m {
cursor: ew-resize; }
.cursor-ns-resize-m {
cursor: ns-resize; }
.cursor-nesw-resize-m {
cursor: nesw-resize; }
.cursor-nwse-resize-m {
cursor: nwse-resize; }
.cursor-col-resize-m {
cursor: col-resize; }
.cursor-row-resize-m {
cursor: row-resize; }
.cursor-all-scroll-m {
cursor: all-scroll; }
.cursor-zoom-in-m {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.cursor-zoom-out-m {
cursor: -webkit-zoom-out;
cursor: zoom-out; } }
@media screen and (min-width: 64em) {
.cursor-auto-l {
cursor: auto; }
.cursor-default-l {
cursor: default; }
.cursor-none-l {
cursor: none; }
.cursor-context-menu-l {
cursor: context-menu; }
.cursor-help-l {
cursor: help; }
.cursor-pointer-l {
cursor: pointer; }
.cursor-progress-l {
cursor: progress; }
.cursor-wait-l {
cursor: wait; }
.cursor-cell-l {
cursor: cell; }
.cursor-crosshair-l {
cursor: crosshair; }
.cursor-text-l {
cursor: text; }
.cursor-vertical-text-l {
cursor: vertical-text; }
.cursor-alias-l {
cursor: alias; }
.cursor-copy-l {
cursor: copy; }
.cursor-move-l {
cursor: move; }
.cursor-no-drop-l {
cursor: no-drop; }
.cursor-not-allowed-l {
cursor: not-allowed; }
.cursor-e-resize-l {
cursor: e-resize; }
.cursor-n-resize-l {
cursor: n-resize; }
.cursor-ne-resize-l {
cursor: ne-resize; }
.cursor-nw-resize-l {
cursor: nw-resize; }
.cursor-s-resize-l {
cursor: s-resize; }
.cursor-se-resize-l {
cursor: se-resize; }
.cursor-sw-resize-l {
cursor: sw-resize; }
.cursor-w-resize-l {
cursor: w-resize; }
.cursor-ew-resize-l {
cursor: ew-resize; }
.cursor-ns-resize-l {
cursor: ns-resize; }
.cursor-nesw-resize-l {
cursor: nesw-resize; }
.cursor-nwse-resize-l {
cursor: nwse-resize; }
.cursor-col-resize-l {
cursor: col-resize; }
.cursor-row-resize-l {
cursor: row-resize; }
.cursor-all-scroll-l {
cursor: all-scroll; }
.cursor-zoom-in-l {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.cursor-zoom-out-l {
cursor: -webkit-zoom-out;
cursor: zoom-out; } }
@font-face {
font-family: 'LivioNorm';
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Light-WebS.eot");
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Light-WebS.eot?#iefix") format("embedded-opentype"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Light-WebS.woff2") format("woff2"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Light-WebS.woff") format("woff"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Light-WebS.ttf") format("ttf"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Light-WebS.svg") format("svg");
font-weight: 200; }
@font-face {
font-family: 'LivioNorm';
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Regular-WebS.eot");
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Regular-WebS.eot?#iefix") format("embedded-opentype"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Regular-WebS.woff2") format("woff2"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Regular-WebS.woff") format("woff"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Regular-WebS.ttf") format("ttf"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Regular-WebS.svg") format("svg");
font-weight: 400; }
@font-face {
font-family: 'LivioNorm';
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Medium-WebS.eot");
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Medium-WebS.eot?#iefix") format("embedded-opentype"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Medium-WebS.woff2") format("woff2"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Medium-WebS.woff") format("woff"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Medium-WebS.ttf") format("ttf"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Medium-WebS.svg") format("svg");
font-weight: 500; }
@font-face {
font-family: 'LivioNorm';
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Bold-WebS.eot");
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Bold-WebS.eot?#iefix") format("embedded-opentype"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Bold-WebS.woff2") format("woff2"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Bold-WebS.woff") format("woff"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Bold-WebS.ttf") format("ttf"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioNorm-Bold-WebS.svg") format("svg");
font-weight: 600; }
@font-face {
font-family: 'LivioMono';
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioMono-Regular-WebS.eot");
src: url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioMono-Regular-WebS.eot?#iefix") format("embedded-opentype"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioMono-Regular-WebS.woff2") format("woff2"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioMono-Regular-WebS.woff") format("woff"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioMono-Regular-WebS.ttf") format("ttf"), url("https://d83tozu1c8tt6.cloudfront.net/static/fonts/LivioMono-Regular-WebS.svg") format("svg");
font-weight: 400; }
body {
font-family: 'LivioNorm', Helvetica, sans-serif;
font-size: 15px;
font-weight: normal; }
p {
line-height: 1.466; }
html {
width: 100%;
box-sizing: border-box;
min-height: 100%;
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
*,
*::before,
*::after {
box-sizing: inherit; }
/**
* Remove default margin.
*/
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative; }
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0; }
* {
outline-color: #78c96f; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
formset {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
height: 0;
display: none; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address styling not present in IE 8/9.
*/
mark {
color: #000000;
background: #ffff00; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
margin: 0;
/* 3 */
font: inherit;
/* 2 */
color: inherit;
/* 1 */ }
button {
border: 0; }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type='search'] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: border-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
margin: 0;
padding: 0;
border: 1px solid #c0c0c0; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
padding: 0;
/* 2 */
border: 0;
/* 1 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
hr {
margin: 0; }
.bg-right-center {
background-position: right center; }
.bg-right-20-center {
background-position: right 20px center; }
.no-repeat {
background-repeat: no-repeat; }
.br-one {
border-radius: 1px; }
.br-two {
border-radius: 2px; }
.br-three {
border-radius: 3px; }
.br-four {
border-radius: 4px; }
.br-five {
border-radius: 5px; }
.b-50 {
border-radius: 50%; }
.b-rounded {
border-radius: 100%; }
.border-a {
border: 1px solid; }
.border-b {
border-bottom: 1px solid; }
.border-t {
border-top: 1px solid; }
.border-l {
border-left: 1px solid; }
.border-r {
border-right: 1px solid; }
.border--2px {
border-width: 2px; }
.border--3px {
border-width: 3px; }
.border--dotted {
border-style: dotted; }
.remove-btn-border {
border: 1px solid #F3636C; }
.bc-red {
border-color: #F3636C; }
.bc-lime {
border-color: #78C96F; }
.bc-white {
border-color: #FFFFFF; }
.bc-charcoal {
border-color: #394e60; }
.bc-grey {
border-color: #A9B3BD; }
.bc-grey--dark {
border-color: #d2d5da; }
.bc-grey--light {
border-color: #dee1e6; }
.bln {
border-left: none; }
.brn {
border-right: none; }
.btn {
border-top: none; }
.bbn {
border-bottom: none; }
.input-border-grey--light input,
.input-border-grey--light select {
border: 1px solid #dee1e6; }
.bg-red {
background-color: #F3636C; }
.bg-green {
background-color: #78C96F; }
.bg-lighter-green {
background-color: rgba(120, 201, 111, 0.17); }
.bg-dark-green {
background-color: #6bbd62; }
.bg-white {
background-color: #FFFFFF; }
.bg-white--30 {
background-color: rgba(255, 255, 255, 0.3); }
.bg-mirror {
background-color: #f4f5f7; }
.bg-ice {
background-color: #F7F8FA; }
.bg-med-grey {
background-color: #dee1e6; }
.bg-light-grey {
background-color: #e7eaed; }
.bg-lighter-grey {
background-color: #f4f5f7; }
.bg-near-white {
background-color: #f7f8fa; }
.fc-red {
color: #F3636C; }
.fc-green, .events .event h1, .resend-success__header {
color: #78C96F; }
.fc-white {
color: #FFFFFF; }
.fc-charcoal, .resend-success__body {
color: #394e60; }
.fc-dark-grey {
color: #394e60 !important; }
.fc-grey {
color: #A9B3BD; }
.status-btn-light {
background-color: #e7eaed !important;
color: #333 !important;
border: none !important;
outline: none !important;
letter-spacing: 0 !important; }
.status-btn-light:hover {
background-color: #3c4e60 !important;
color: #fff !important;
border: none !important;
outline: none !important; }
.status-btn-light:disabled {
opacity: .7 !important; }
.status-btn-light:hover:disabled {
background-color: #e7eaed !important;
color: #333 !important; }
.confirmation-btn-light {
background: #fff !important;
border: 1px solid #78C96F !important;
color: #78C96F !important;
letter-spacing: 0 !important; }
.confirmation-btn-light:hover {
background-color: #78C96F !important;
color: #fff !important; }
.confirmation-btn-light:disabled {
opacity: .7 !important; }
.confirmation-btn-light:hover:disabled {
background-color: #fff !important;
color: #78C96F !important; }
.cancel-btn-light {
background: #fff;
border: 1px solid #ef8188 !important;
color: #ef8188;
letter-spacing: 0 !important; }
.cancel-btn-light:hover {
background-color: #ef8188;
color: #fff; }
.cancel-btn-light:disabled {
opacity: .7; }
.cancel-btn-light:hover:disabled {
background-color: #fff !important;
color: #ef8188; }
.cancel-container {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center; }
.external-link-btn-light {
background: #fff !important;
border: 1px solid #78C96F !important;
color: #78C96F !important;
letter-spacing: 2px !important; }
.external-link-btn-light__text {
margin-right: 1rem; }
.external-link-btn-light .cta-text {
margin-right: auto;
margin-left: 20px; }
.external-link-btn-light .cta-icon {
display: -webkit-box;
display: flex;
margin-left: auto;
margin-right: 20px; }
.external-link-btn-light .cta-text-left {
position: absolute; }
.external-link-btn-light .arrow-right {
height: 50px;
width: 25px;
background-image: url("../svg/basic/arrow-right.36903de75dcf.svg");
background-position: center center;
background-repeat: no-repeat;
border: none; }
.external-link-btn-light .arrow-left {
height: 50px;
width: 125px;
background-image: url("../svg/basic/arrow-left.4518a2dcbe82.svg");
background-position: center center;
background-repeat: no-repeat;
border: none;
margin-right: auto; }
.external-link-btn-light svg {
fill: #78C96F; }
.external-link-btn-light svg g {
fill: #78C96F !important; }
.external-link-btn-light:hover {
background-color: #78C96F !important;
color: #fff !important; }
.external-link-btn-light:hover .arrow-right {
background-image: url("../svg/basic/arrow-right-hover.457637db3ea9.svg"); }
.external-link-btn-light:hover .arrow-left {
background-image: url("../svg/basic/arrow-left-hover.891b028d784b.svg"); }
.external-link-btn-light:hover svg {
fill: #fff !important; }
.external-link-btn-light:hover svg g {
fill: #fff !important; }
.external-link-btn-light:disabled {
opacity: .7 !important; }
.external-link-btn-light:hover:disabled {
background-color: #fff !important;
color: #78C96F !important; }
.top-4 {
top: 4rem; }
.bottom--04 {
bottom: -0.4rem; }
.left-center {
left: 50%; }
.top-center {
top: 50%; }
.fill-current {
fill: currentColor; }
.fill-dark {
fill: #394e60; }
.shrink-0 {
flex-shrink: 0; }
.shrink-1 {
flex-shrink: 1; }
.grow-0 {
-webkit-box-flex: 0;
flex-grow: 0; }
.grow-1 {
-webkit-box-flex: 1;
flex-grow: 1; }
.flex-item {
min-height: 0;
-webkit-box-flex: 1;
flex: 1 1 0%; }
.flex {
display: -webkit-box;
display: flex; }
@media screen and (min-width: 320px) {
.shrink-0-ns {
flex-shrink: 0; }
.shrink-1-ns {
flex-shrink: 1; }
.grow-0-ns {
-webkit-box-flex: 0;
flex-grow: 0; }
.grow-1-ns {
-webkit-box-flex: 1;
flex-grow: 1; }
.flex-item-ns {
-webkit-box-flex: 1;
flex: 1 1 0%; }
.flex-auto-ns {
-webkit-box-flex: 1;
flex: 1 1 auto; } }
@media screen and (min-width: 769px) {
.shrink-0-m {
flex-shrink: 0; }
.shrink-1-m {
flex-shrink: 1; }
.grow-0-m {
-webkit-box-flex: 0;
flex-grow: 0; }
.grow-1-m {
-webkit-box-flex: 1;
flex-grow: 1; }
.flex-item-m {
-webkit-box-flex: 1;
flex: 1 1 0%; }
.flex-auto-m {
-webkit-box-flex: 1;
flex: 1 1 auto; } }
@media screen and (min-width: 920px) {
.shrink-0-l {
flex-shrink: 0; }
.shrink-1-l {
flex-shrink: 1; }
.grow-0-l {
-webkit-box-flex: 0;
flex-grow: 0; }
.grow-1-l {
-webkit-box-flex: 1;
flex-grow: 1; }
.flex-item-l {
-webkit-box-flex: 1;
flex: 1 1 0%; }
.flex-auto-l {
-webkit-box-flex: 1;
flex: 1 1 auto; } }
.fx-wrapper {
width: 100%;
display: -webkit-box;
display: flex; }
.fx-wrap {
flex-wrap: wrap; }
.fx-nowrap {
flex-wrap: nowrap; }
.fx-a-center {
-webkit-box-align: center;
align-items: center; }
.center-items {
display: -webkit-box !important;
display: flex !important;
-webkit-box-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
align-items: center !important; }
.fx-a-baseline {
-webkit-box-align: baseline;
align-items: baseline; }
.fx-a-top {
-webkit-box-align: start;
align-items: flex-start; }
@media (max-width: 57.49em) {
.fx-a-top--tablet {
-webkit-box-align: start;
align-items: flex-start; } }
.fx-a-bottom {
-webkit-box-align: end;
align-items: flex-end; }
.fx-s-between {
-webkit-box-pack: justify;
justify-content: space-between; }
.fx-jc-end {
-webkit-box-pack: end;
justify-content: flex-end; }
.fx-s-center {
-webkit-box-pack: center;
justify-content: center; }
@media (max-width: 48.0525em) {
.fx-s-center--mobile {
-webkit-box-pack: center;
justify-content: center; } }
.fx-f-start {
-webkit-box-pack: start;
justify-content: flex-start; }
.fx-f-end {
-webkit-box-pack: end;
justify-content: flex-end; }
.fx-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
@media (max-width: 57.49em) {
.fx-column--tablet {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; } }
@media (max-width: 48.0525em) {
.fx-column--mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; } }
.fx-push-right {
margin-left: auto; }
.fx-push-left {
margin-right: auto; }
.fx-third .fx-cell {
width: calc(33.33% - 30px); }
.fx-quarter .fx-cell {
width: calc(25% - 20px); }
.fx-half .fx-cell {
width: calc(50%); }
.fw-400 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400; }
.fw-500 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 500; }
.fw-600, .events .event h1 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600; }
.h0 {
height: 0; }
.h1 {
height: 1rem; }
.h2 {
height: 2rem; }
.h3 {
height: 3rem; }
.h4 {
height: 4rem; }
.h5 {
height: 5rem; }
.h6 {
height: 6rem; }
.h200px {
height: 200px; }
.h250px {
height: 250px; }
.h150px {
height: 150px; }
.h30px {
height: 30px; }
.h40px {
height: 40px; }
.h50px {
height: 50px; }
.h60px {
height: 60px; }
.h80px {
height: 80px; }
.h20px {
height: 20px; }
.h5px {
height: 5px; }
.mx-h-500 {
max-height: 500px; }
.mn-h-500 {
min-height: 80px; }
.h-100 {
height: 100%; }
.lh-1_44 {
line-height: 1.44; }
.lh-20 {
line-height: 20px; }
.h-auto {
height: auto !important; }
.h-auto--tablet {
height: auto !important; }
@media screen and (min-width: 320px) {
.h1-ns {
height: 1rem; }
.h2-ns {
height: 2rem; }
.h3-ns {
height: 3rem; }
.h4-ns {
height: 4rem; }
.h5-ns {
height: 5rem; }
.h6-ns {
height: 6rem; }
.h200px-ns {
height: 200px; } }
@media screen and (min-width: 769px) {
.h1-m {
height: 1rem; }
.h2-m {
height: 2rem; }
.h3-m {
height: 3rem; }
.h4-m {
height: 4rem; }
.h5-m {
height: 5rem; }
.h6-m {
height: 6rem; }
.h200px-m {
height: 200px; } }
@media screen and (min-width: 920px) {
.h1-l {
height: 1rem; }
.h2-l {
height: 2rem; }
.h3-l {
height: 3rem; }
.h4-l {
height: 4rem; }
.h5-l {
height: 5rem; }
.h6-l {
height: 6rem; }
.h200px-l {
height: 200px; } }
.ls1 {
letter-spacing: 1px; }
.ls2 {
letter-spacing: 2px; }
.ls2-5 {
letter-spacing: 2.5px; }
ul.no-list {
margin: 0;
padding: 0;
list-style-type: none; }
ul.no-list li {
display: inline-block; }
ul.no-bullet {
margin-left: 0;
padding-left: 0;
list-style-type: none; }
.m-t-96 {
margin-top: 96px; }
.m-t-84 {
margin-top: 84px; }
.m-t-75 {
margin-top: 75px; }
.m-t-70 {
margin-top: 70px; }
.m-t-60 {
margin-top: 60px; }
.m-t-50 {
margin-top: 50px; }
.m-t-40 {
margin-top: 40px; }
.m-t-30 {
margin-top: 30px; }
@media (max-width: 57.49em) {
.m-t-30--tablet {
margin-top: 30px; } }
@media (max-width: 48.0525em) {
.m-t-30--mobile {
margin-top: 30px; } }
.m-t-24 {
margin-top: 24px; }
.m-t-20 {
margin-top: 20px; }
.m-t-14 {
margin-top: 14px; }
.m-t-10 {
margin-top: 10px; }
@media (max-width: 48.0525em) {
.m-t-10--mobile {
margin-top: 10px; } }
.m-t-5 {
margin-top: 5px; }
@media (max-width: 48.0525em) {
.m-t-5--mobile {
margin-top: 5px; } }
.m-b-100 {
margin-bottom: 100px; }
.m-b-96 {
margin-bottom: 96px; }
.m-b-60 {
margin-bottom: 60px; }
.m-b-50 {
margin-bottom: 50px; }
.m-b-30 {
margin-bottom: 30px; }
.m-b-20 {
margin-bottom: 20px; }
@media (max-width: 57.49em) {
.m-b-20--tablet {
margin-bottom: 20px; } }
.m-b-15 {
margin-bottom: 15px; }
.m-b-14 {
margin-bottom: 14px; }
.m-b-10 {
margin-bottom: 10px; }
.m-b-5 {
margin-bottom: 5px; }
.m-b-0 {
margin-bottom: 0px; }
.m-l-50 {
margin-left: 50px; }
.m-l-30 {
margin-left: 30px; }
.m-l-20 {
margin-left: 20px; }
.m-l-10 {
margin-left: 10px; }
.m-l-0 {
margin-left: 0px; }
@media (max-width: 48.0525em) {
.m-l-0--mobile {
margin-left: 0px; } }
.m-r-60 {
margin-right: 60px; }
.m-r-30 {
margin-right: 30px; }
.m-r-20 {
margin-right: 20px; }
.m-r-10 {
margin-right: 10px; }
.m-t-auto, .m-b-auto, .m-l-auto, .m-r-auto {
margin-left: auto; }
.m-0 {
margin: 0; }
.mw370 {
max-width: 370px; }
.mw629 {
max-width: 629px; }
.mw835 {
max-width: 835px; }
@media screen and (min-width: 320px) {
.mw370-ns {
max-width: 370px; }
.mw629-ns {
max-width: 629px; }
.mw835-ns {
max-width: 835px; } }
@media screen and (min-width: 769px) {
.mw370-m {
max-width: 370px; }
.mw629-m {
max-width: 629px; }
.mw835-m {
max-width: 835px; } }
@media screen and (min-width: 920px) {
.mw370-l {
max-width: 370px; }
.mw629-l {
max-width: 629px; }
.mw835-l {
max-width: 835px; } }
.mh-0-important {
min-height: 0 !important; }
.overflow-scroll {
overflow: scroll;
-webkit-overflow-scrolling: touch; }
.overflow-hidden {
overflow: hidden; }
.text-overflow--ellipsis {
text-overflow: ellipsis; }
.pad-0 {
padding: 0px; }
.pad-5 {
padding: 5px; }
.pad-10 {
padding: 10px; }
.pad-15-20 {
padding: 15px 20px; }
.pad-16 {
padding: 16px; }
.pad-20 {
padding: 20px; }
.pad-30 {
padding: 30px; }
.pad-t-10 {
padding-top: 10px; }
.pad-t-12 {
padding-top: 12px; }
.pad-t-20 {
padding-top: 20px; }
.pad-t-30 {
padding-top: 30px; }
.pad-b-10 {
padding-bottom: 10px; }
.pad-b-12 {
padding-bottom: 12px; }
.pad-b-20 {
padding-bottom: 20px; }
.pad-b-30 {
padding-bottom: 30px; }
.pad-b-60 {
padding-bottom: 60px; }
.pad-r-10 {
padding-right: 10px; }
.pad-r-20 {
padding-right: 20px; }
.pad-r-30 {
padding-right: 30px; }
.pad-l-5 {
padding-left: 5px; }
.pad-l-10 {
padding-left: 10px; }
.pad-l-20 {
padding-left: 20px; }
.pad-l-30 {
padding-left: 30px; }
@media screen and (min-width: 769px) {
.pad-r-30-m {
padding-right: 30px; } }
.pe-none {
pointer-events: none; }
.pe-all {
pointer-events: all; }
.pos-r {
position: relative; }
.pos-a {
position: absolute; }
.pos-f {
position: fixed; }
.left-0 {
left: 0px; }
.right-18 {
right: 18px; }
.top-20 {
top: 20px; }
.no-mobile {
display: none; }
@media (min-width: 48.0625em) {
.no-mobile {
display: initial; } }
@media (min-width: 48.0625em) {
.no-desktop {
display: none; } }
.al-horizontally {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute; }
.al-vertically {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute; }
.t-antialias {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.svg-brand-color svg g,
.svg-brand-color g {
fill: #78C96F; }
.svg-grey-color svg g,
.svg-grey-color g {
fill: #394e60; }
.svg-green-color svg g,
.svg-green-color g {
fill: #78C96F; }
.rotate-180-svg svg {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.circle {
width: 10px;
height: 10px;
display: inline-block;
background-color: #2BB074;
border-radius: 50%; }
.d-none {
display: none; }
.hover:hover {
cursor: pointer; }
.nav-frag-current::after {
width: 100%;
height: 1px;
content: '';
display: block;
bottom: -1px;
position: absolute;
background-color: #78C96F; }
.focus-fc-green:focus {
color: #78C96F; }
.focus-fc-red:focus {
color: #F3636C; }
.focus-bg-white:focus {
background-color: #FFFFFF; }
.rotate-180 {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.o-100 {
opacity: 1 !important; }
.o-0 {
opacity: 0 !important; }
.0-20 {
opacity: 0.2 !important; }
.o-40 {
opacity: 0.4 !important; }
.bg-hover-charcoal:hover {
background-color: #394e60; }
.d-block {
display: block; }
.c-pointer:hover {
cursor: pointer; }
.noresize {
resize: none; }
.platform-icons svg {
height: 20px; }
.shadow-1 {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); }
.bg-shadow {
box-shadow: 0 20px 70px 0 #efefef; }
@media screen and (min-width: 769px) {
.bg-shadow-m {
box-shadow: 0 20px 70px 0 #efefef; } }
.bg-shadow--dark {
box-shadow: 0 20px 70px 0 rgba(32, 44, 54, 0.15); }
@media screen and (min-width: 769px) {
.bg-shadow--dark-m {
box-shadow: 0 20px 70px 0 rgba(32, 44, 54, 0.15); } }
.bg-true-black {
background-color: #000000; }
.hover-bg-true-black:hover {
background-color: #000000; }
.active-bg-true-black:active {
background-color: #000000; }
.bg-black {
background-color: #202C36; }
.hover-bg-black:hover {
background-color: #202C36; }
.active-bg-black:active {
background-color: #202C36; }
.bg-white {
background-color: #FFFFFF; }
.hover-bg-white:hover {
background-color: #FFFFFF; }
.active-bg-white:active {
background-color: #FFFFFF; }
.bg-steel {
background-color: #647686; }
.hover-bg-steel:hover {
background-color: #647686; }
.active-bg-steel:active {
background-color: #647686; }
.bg-lemon {
background-color: #FFF6A2; }
.hover-bg-lemon:hover {
background-color: #FFF6A2; }
.active-bg-lemon:active {
background-color: #FFF6A2; }
.bg-platinum {
background-color: #94A0AB; }
.hover-bg-platinum:hover {
background-color: #94A0AB; }
.active-bg-platinum:active {
background-color: #94A0AB; }
.bg-mirror {
background-color: #f4f5f7; }
.hover-bg-mirror:hover {
background-color: #f4f5f7; }
.active-bg-mirror:active {
background-color: #f4f5f7; }
.bg-ice {
background-color: #F7F8FA; }
.hover-bg-ice:hover {
background-color: #F7F8FA; }
.active-bg-ice:active {
background-color: #F7F8FA; }
.bg-washed-blue {
background-color: #eff5ff; }
.hover-bg-washed-blue:hover {
background-color: #eff5ff; }
.active-bg-washed-blue:active {
background-color: #eff5ff; }
.bg-grey {
background-color: #A9B3BD; }
.hover-bg-grey:hover {
background-color: #A9B3BD; }
.active-bg-grey:active {
background-color: #A9B3BD; }
.bg-grey--light {
background-color: #dee1e6; }
.hover-bg-grey--light:hover {
background-color: #dee1e6; }
.active-bg-grey--light:active {
background-color: #dee1e6; }
.bg-grey--dark {
background-color: #d2d5da; }
.hover-bg-grey--dark:hover {
background-color: #d2d5da; }
.active-bg-grey--dark:active {
background-color: #d2d5da; }
.bg-mid-grey {
background-color: #8593a0; }
.hover-bg-mid-grey:hover {
background-color: #8593a0; }
.active-bg-mid-grey:active {
background-color: #8593a0; }
.bg-dark-grey {
background-color: #394e60; }
.hover-bg-dark-grey:hover {
background-color: #394e60; }
.active-bg-dark-grey:active {
background-color: #394e60; }
.bg-dark-grey--light {
background-color: #60717f; }
.hover-bg-dark-grey--light:hover {
background-color: #60717f; }
.active-bg-dark-grey--light:active {
background-color: #60717f; }
.bg-dark-grey--dark {
background-color: #2d3e4c; }
.hover-bg-dark-grey--dark:hover {
background-color: #2d3e4c; }
.active-bg-dark-grey--dark:active {
background-color: #2d3e4c; }
.bg-grey-blue {
background-color: #3a4f5f; }
.hover-bg-grey-blue:hover {
background-color: #3a4f5f; }
.active-bg-grey-blue:active {
background-color: #3a4f5f; }
.bg-blue {
background-color: #5DA0DE; }
.hover-bg-blue:hover {
background-color: #5DA0DE; }
.active-bg-blue:active {
background-color: #5DA0DE; }
.bg-blue--dark {
background-color: #478CCB; }
.hover-bg-blue--dark:hover {
background-color: #478CCB; }
.active-bg-blue--dark:active {
background-color: #478CCB; }
.bg-blue--light {
background-color: #6BACE7; }
.hover-bg-blue--light:hover {
background-color: #6BACE7; }
.active-bg-blue--light:active {
background-color: #6BACE7; }
.bg-navy {
background-color: #366FB3; }
.hover-bg-navy:hover {
background-color: #366FB3; }
.active-bg-navy:active {
background-color: #366FB3; }
.bg-navy--dark {
background-color: #2b588f; }
.hover-bg-navy--dark:hover {
background-color: #2b588f; }
.active-bg-navy--dark:active {
background-color: #2b588f; }
.bg-navy--light {
background-color: #5e8bc2; }
.hover-bg-navy--light:hover {
background-color: #5e8bc2; }
.active-bg-navy--light:active {
background-color: #5e8bc2; }
.bg-forest {
background-color: #2BB074; }
.hover-bg-forest:hover {
background-color: #2BB074; }
.active-bg-forest:active {
background-color: #2BB074; }
.bg-forest--dark {
background-color: #25A169; }
.hover-bg-forest--dark:hover {
background-color: #25A169; }
.active-bg-forest--dark:active {
background-color: #25A169; }
.bg-forest--light {
background-color: #3DC085; }
.hover-bg-forest--light:hover {
background-color: #3DC085; }
.active-bg-forest--light:active {
background-color: #3DC085; }
.bg-orange {
background-color: #F39659; }
.hover-bg-orange:hover {
background-color: #F39659; }
.active-bg-orange:active {
background-color: #F39659; }
.bg-orange--dark {
background-color: #E98441; }
.hover-bg-orange--dark:hover {
background-color: #E98441; }
.active-bg-orange--dark:active {
background-color: #E98441; }
.bg-orange--light {
background-color: #FDA165; }
.hover-bg-orange--light:hover {
background-color: #FDA165; }
.active-bg-orange--light:active {
background-color: #FDA165; }
.bg-red {
background-color: #F3636C; }
.hover-bg-red:hover {
background-color: #F3636C; }
.active-bg-red:active {
background-color: #F3636C; }
.bg-red--dark {
background-color: #E75059; }
.hover-bg-red--dark:hover {
background-color: #E75059; }
.active-bg-red--dark:active {
background-color: #E75059; }
.bg-red--light {
background-color: #FF7A82; }
.hover-bg-red--light:hover {
background-color: #FF7A82; }
.active-bg-red--light:active {
background-color: #FF7A82; }
.bg-teal {
background-color: #3AC2B4; }
.hover-bg-teal:hover {
background-color: #3AC2B4; }
.active-bg-teal:active {
background-color: #3AC2B4; }
.bg-teal--dark {
background-color: #2AB1A3; }
.hover-bg-teal--dark:hover {
background-color: #2AB1A3; }
.active-bg-teal--dark:active {
background-color: #2AB1A3; }
.bg-teal--light {
background-color: #47D0C3; }
.hover-bg-teal--light:hover {
background-color: #47D0C3; }
.active-bg-teal--light:active {
background-color: #47D0C3; }
.bg-lime {
background-color: #78C96F; }
.hover-bg-lime:hover {
background-color: #78C96F; }
.active-bg-lime:active {
background-color: #78C96F; }
.bg-lime--dark {
background-color: #6BBD62; }
.hover-bg-lime--dark:hover {
background-color: #6BBD62; }
.active-bg-lime--dark:active {
background-color: #6BBD62; }
.bg-lime--light {
background-color: #89D681; }
.hover-bg-lime--light:hover {
background-color: #89D681; }
.active-bg-lime--light:active {
background-color: #89D681; }
.bg-gold {
background-color: #f3c359; }
.hover-bg-gold:hover {
background-color: #f3c359; }
.active-bg-gold:active {
background-color: #f3c359; }
.bg-gold--dark {
background-color: #c29c47; }
.hover-bg-gold--dark:hover {
background-color: #c29c47; }
.active-bg-gold--dark:active {
background-color: #c29c47; }
.bg-gold--light {
background-color: #f5cf7a; }
.hover-bg-gold--light:hover {
background-color: #f5cf7a; }
.active-bg-gold--light:active {
background-color: #f5cf7a; }
.bg-rose {
background-color: #dd5f7c; }
.hover-bg-rose:hover {
background-color: #dd5f7c; }
.active-bg-rose:active {
background-color: #dd5f7c; }
.bg-rose--dark {
background-color: #b04c63; }
.hover-bg-rose--dark:hover {
background-color: #b04c63; }
.active-bg-rose--dark:active {
background-color: #b04c63; }
.bg-rose--light {
background-color: #e37f96; }
.hover-bg-rose--light:hover {
background-color: #e37f96; }
.active-bg-rose--light:active {
background-color: #e37f96; }
.bg-army {
background-color: #3e8263; }
.hover-bg-army:hover {
background-color: #3e8263; }
.active-bg-army:active {
background-color: #3e8263; }
.bg-army--dark {
background-color: #31684f; }
.hover-bg-army--dark:hover {
background-color: #31684f; }
.active-bg-army--dark:active {
background-color: #31684f; }
.bg-army--light {
background-color: #649b82; }
.hover-bg-army--light:hover {
background-color: #649b82; }
.active-bg-army--light:active {
background-color: #649b82; }
.bg-brown {
background-color: #8c6e5e; }
.hover-bg-brown:hover {
background-color: #8c6e5e; }
.active-bg-brown:active {
background-color: #8c6e5e; }
.bg-brown--dark {
background-color: #70584b; }
.hover-bg-brown--dark:hover {
background-color: #70584b; }
.active-bg-brown--dark:active {
background-color: #70584b; }
.bg-brown--light {
background-color: #a38b7e; }
.hover-bg-brown--light:hover {
background-color: #a38b7e; }
.active-bg-brown--light:active {
background-color: #a38b7e; }
.bg-lavender {
background-color: #7674ad; }
.hover-bg-lavender:hover {
background-color: #7674ad; }
.active-bg-lavender:active {
background-color: #7674ad; }
.bg-lavender--dark {
background-color: #5e5c8a; }
.hover-bg-lavender--dark:hover {
background-color: #5e5c8a; }
.active-bg-lavender--dark:active {
background-color: #5e5c8a; }
.bg-lavender--light {
background-color: #918fbd; }
.hover-bg-lavender--light:hover {
background-color: #918fbd; }
.active-bg-lavender--light:active {
background-color: #918fbd; }
.bg-moss {
background-color: #c1bd51; }
.hover-bg-moss:hover {
background-color: #c1bd51; }
.active-bg-moss:active {
background-color: #c1bd51; }
.bg-moss--dark {
background-color: #9a9740; }
.hover-bg-moss--dark:hover {
background-color: #9a9740; }
.active-bg-moss--dark:active {
background-color: #9a9740; }
.bg-moss--light {
background-color: #cdca73; }
.hover-bg-moss--light:hover {
background-color: #cdca73; }
.active-bg-moss--light:active {
background-color: #cdca73; }
.bg-sand {
background-color: #d0ad8d; }
.hover-bg-sand:hover {
background-color: #d0ad8d; }
.active-bg-sand:active {
background-color: #d0ad8d; }
.bg-sand--dark {
background-color: #a68a70; }
.hover-bg-sand--dark:hover {
background-color: #a68a70; }
.active-bg-sand--dark:active {
background-color: #a68a70; }
.bg-sand--light {
background-color: #d9bda3; }
.hover-bg-sand--light:hover {
background-color: #d9bda3; }
.active-bg-sand--light:active {
background-color: #d9bda3; }
.bg-purple {
background-color: #be8dd0; }
.hover-bg-purple:hover {
background-color: #be8dd0; }
.active-bg-purple:active {
background-color: #be8dd0; }
.bg-purple--dark {
background-color: #b17cc5; }
.hover-bg-purple--dark:hover {
background-color: #b17cc5; }
.active-bg-purple--dark:active {
background-color: #b17cc5; }
.bg-purple--light {
background-color: #cc9cde; }
.hover-bg-purple--light:hover {
background-color: #cc9cde; }
.active-bg-purple--light:active {
background-color: #cc9cde; }
.bg-manticore-blue {
background-color: #65a0ff; }
.hover-bg-manticore-blue:hover {
background-color: #65a0ff; }
.active-bg-manticore-blue:active {
background-color: #65a0ff; }
.bg-manticore-blue--dark {
background-color: #5080cc; }
.hover-bg-manticore-blue--dark:hover {
background-color: #5080cc; }
.active-bg-manticore-blue--dark:active {
background-color: #5080cc; }
.bg-manticore-blue--light {
background-color: #76abfc; }
.hover-bg-manticore-blue--light:hover {
background-color: #76abfc; }
.active-bg-manticore-blue--light:active {
background-color: #76abfc; }
.bg-manticore-red {
background-color: #f1646f; }
.hover-bg-manticore-red:hover {
background-color: #f1646f; }
.active-bg-manticore-red:active {
background-color: #f1646f; }
.bg-manticore-red--dark {
background-color: #f4505b; }
.hover-bg-manticore-red--dark:hover {
background-color: #f4505b; }
.active-bg-manticore-red--dark:active {
background-color: #f4505b; }
.bg-toyota {
background-color: #cc2229; }
.hover-bg-toyota:hover {
background-color: #cc2229; }
.active-bg-toyota:active {
background-color: #cc2229; }
.bg-toyota-dark {
background-color: #bb1f25; }
.hover-bg-toyota-dark:hover {
background-color: #bb1f25; }
.active-bg-toyota-dark:active {
background-color: #bb1f25; }
.bg-ford {
background-color: #1351d8; }
.hover-bg-ford:hover {
background-color: #1351d8; }
.active-bg-ford:active {
background-color: #1351d8; }
.bg-ford-dark {
background-color: #114ac5; }
.hover-bg-ford-dark:hover {
background-color: #114ac5; }
.active-bg-ford-dark:active {
background-color: #114ac5; }
.true-black {
color: #000000; }
.hover-true-black:hover {
color: #000000; }
.active-true-black:active {
color: #000000; }
.black {
color: #202C36; }
.hover-black:hover {
color: #202C36; }
.active-black:active {
color: #202C36; }
.white {
color: #FFFFFF; }
.hover-white:hover {
color: #FFFFFF; }
.active-white:active {
color: #FFFFFF; }
.steel {
color: #647686; }
.hover-steel:hover {
color: #647686; }
.active-steel:active {
color: #647686; }
.lemon {
color: #FFF6A2; }
.hover-lemon:hover {
color: #FFF6A2; }
.active-lemon:active {
color: #FFF6A2; }
.platinum {
color: #94A0AB; }
.hover-platinum:hover {
color: #94A0AB; }
.active-platinum:active {
color: #94A0AB; }
.mirror {
color: #f4f5f7; }
.hover-mirror:hover {
color: #f4f5f7; }
.active-mirror:active {
color: #f4f5f7; }
.ice {
color: #F7F8FA; }
.hover-ice:hover {
color: #F7F8FA; }
.active-ice:active {
color: #F7F8FA; }
.washed-blue {
color: #eff5ff; }
.hover-washed-blue:hover {
color: #eff5ff; }
.active-washed-blue:active {
color: #eff5ff; }
.grey {
color: #A9B3BD; }
.hover-grey:hover {
color: #A9B3BD; }
.active-grey:active {
color: #A9B3BD; }
.grey--light {
color: #dee1e6; }
.hover-grey--light:hover {
color: #dee1e6; }
.active-grey--light:active {
color: #dee1e6; }
.grey--dark {
color: #d2d5da; }
.hover-grey--dark:hover {
color: #d2d5da; }
.active-grey--dark:active {
color: #d2d5da; }
.mid-grey {
color: #8593a0; }
.hover-mid-grey:hover {
color: #8593a0; }
.active-mid-grey:active {
color: #8593a0; }
.dark-grey {
color: #394e60; }
.hover-dark-grey:hover {
color: #394e60; }
.active-dark-grey:active {
color: #394e60; }
.dark-grey--light {
color: #60717f; }
.hover-dark-grey--light:hover {
color: #60717f; }
.active-dark-grey--light:active {
color: #60717f; }
.dark-grey--dark {
color: #2d3e4c; }
.hover-dark-grey--dark:hover {
color: #2d3e4c; }
.active-dark-grey--dark:active {
color: #2d3e4c; }
.grey-blue {
color: #3a4f5f; }
.hover-grey-blue:hover {
color: #3a4f5f; }
.active-grey-blue:active {
color: #3a4f5f; }
.blue {
color: #5DA0DE; }
.hover-blue:hover {
color: #5DA0DE; }
.active-blue:active {
color: #5DA0DE; }
.blue--dark {
color: #478CCB; }
.hover-blue--dark:hover {
color: #478CCB; }
.active-blue--dark:active {
color: #478CCB; }
.blue--light {
color: #6BACE7; }
.hover-blue--light:hover {
color: #6BACE7; }
.active-blue--light:active {
color: #6BACE7; }
.navy {
color: #366FB3; }
.hover-navy:hover {
color: #366FB3; }
.active-navy:active {
color: #366FB3; }
.navy--dark {
color: #2b588f; }
.hover-navy--dark:hover {
color: #2b588f; }
.active-navy--dark:active {
color: #2b588f; }
.navy--light {
color: #5e8bc2; }
.hover-navy--light:hover {
color: #5e8bc2; }
.active-navy--light:active {
color: #5e8bc2; }
.forest {
color: #2BB074; }
.hover-forest:hover {
color: #2BB074; }
.active-forest:active {
color: #2BB074; }
.forest--dark {
color: #25A169; }
.hover-forest--dark:hover {
color: #25A169; }
.active-forest--dark:active {
color: #25A169; }
.forest--light {
color: #3DC085; }
.hover-forest--light:hover {
color: #3DC085; }
.active-forest--light:active {
color: #3DC085; }
.orange {
color: #F39659; }
.hover-orange:hover {
color: #F39659; }
.active-orange:active {
color: #F39659; }
.orange--dark {
color: #E98441; }
.hover-orange--dark:hover {
color: #E98441; }
.active-orange--dark:active {
color: #E98441; }
.orange--light {
color: #FDA165; }
.hover-orange--light:hover {
color: #FDA165; }
.active-orange--light:active {
color: #FDA165; }
.red {
color: #F3636C; }
.hover-red:hover {
color: #F3636C; }
.active-red:active {
color: #F3636C; }
.red--dark {
color: #E75059; }
.hover-red--dark:hover {
color: #E75059; }
.active-red--dark:active {
color: #E75059; }
.red--light {
color: #FF7A82; }
.hover-red--light:hover {
color: #FF7A82; }
.active-red--light:active {
color: #FF7A82; }
.teal {
color: #3AC2B4; }
.hover-teal:hover {
color: #3AC2B4; }
.active-teal:active {
color: #3AC2B4; }
.teal--dark {
color: #2AB1A3; }
.hover-teal--dark:hover {
color: #2AB1A3; }
.active-teal--dark:active {
color: #2AB1A3; }
.teal--light {
color: #47D0C3; }
.hover-teal--light:hover {
color: #47D0C3; }
.active-teal--light:active {
color: #47D0C3; }
.lime {
color: #78C96F; }
.hover-lime:hover {
color: #78C96F; }
.active-lime:active {
color: #78C96F; }
.lime--dark {
color: #6BBD62; }
.hover-lime--dark:hover {
color: #6BBD62; }
.active-lime--dark:active {
color: #6BBD62; }
.lime--light {
color: #89D681; }
.hover-lime--light:hover {
color: #89D681; }
.active-lime--light:active {
color: #89D681; }
.gold {
color: #f3c359; }
.hover-gold:hover {
color: #f3c359; }
.active-gold:active {
color: #f3c359; }
.gold--dark {
color: #c29c47; }
.hover-gold--dark:hover {
color: #c29c47; }
.active-gold--dark:active {
color: #c29c47; }
.gold--light {
color: #f5cf7a; }
.hover-gold--light:hover {
color: #f5cf7a; }
.active-gold--light:active {
color: #f5cf7a; }
.rose {
color: #dd5f7c; }
.hover-rose:hover {
color: #dd5f7c; }
.active-rose:active {
color: #dd5f7c; }
.rose--dark {
color: #b04c63; }
.hover-rose--dark:hover {
color: #b04c63; }
.active-rose--dark:active {
color: #b04c63; }
.rose--light {
color: #e37f96; }
.hover-rose--light:hover {
color: #e37f96; }
.active-rose--light:active {
color: #e37f96; }
.army {
color: #3e8263; }
.hover-army:hover {
color: #3e8263; }
.active-army:active {
color: #3e8263; }
.army--dark {
color: #31684f; }
.hover-army--dark:hover {
color: #31684f; }
.active-army--dark:active {
color: #31684f; }
.army--light {
color: #649b82; }
.hover-army--light:hover {
color: #649b82; }
.active-army--light:active {
color: #649b82; }
.brown {
color: #8c6e5e; }
.hover-brown:hover {
color: #8c6e5e; }
.active-brown:active {
color: #8c6e5e; }
.brown--dark {
color: #70584b; }
.hover-brown--dark:hover {
color: #70584b; }
.active-brown--dark:active {
color: #70584b; }
.brown--light {
color: #a38b7e; }
.hover-brown--light:hover {
color: #a38b7e; }
.active-brown--light:active {
color: #a38b7e; }
.lavender {
color: #7674ad; }
.hover-lavender:hover {
color: #7674ad; }
.active-lavender:active {
color: #7674ad; }
.lavender--dark {
color: #5e5c8a; }
.hover-lavender--dark:hover {
color: #5e5c8a; }
.active-lavender--dark:active {
color: #5e5c8a; }
.lavender--light {
color: #918fbd; }
.hover-lavender--light:hover {
color: #918fbd; }
.active-lavender--light:active {
color: #918fbd; }
.moss {
color: #c1bd51; }
.hover-moss:hover {
color: #c1bd51; }
.active-moss:active {
color: #c1bd51; }
.moss--dark {
color: #9a9740; }
.hover-moss--dark:hover {
color: #9a9740; }
.active-moss--dark:active {
color: #9a9740; }
.moss--light {
color: #cdca73; }
.hover-moss--light:hover {
color: #cdca73; }
.active-moss--light:active {
color: #cdca73; }
.sand {
color: #d0ad8d; }
.hover-sand:hover {
color: #d0ad8d; }
.active-sand:active {
color: #d0ad8d; }
.sand--dark {
color: #a68a70; }
.hover-sand--dark:hover {
color: #a68a70; }
.active-sand--dark:active {
color: #a68a70; }
.sand--light {
color: #d9bda3; }
.hover-sand--light:hover {
color: #d9bda3; }
.active-sand--light:active {
color: #d9bda3; }
.purple {
color: #be8dd0; }
.hover-purple:hover {
color: #be8dd0; }
.active-purple:active {
color: #be8dd0; }
.purple--dark {
color: #b17cc5; }
.hover-purple--dark:hover {
color: #b17cc5; }
.active-purple--dark:active {
color: #b17cc5; }
.purple--light {
color: #cc9cde; }
.hover-purple--light:hover {
color: #cc9cde; }
.active-purple--light:active {
color: #cc9cde; }
.manticore-blue {
color: #65a0ff; }
.hover-manticore-blue:hover {
color: #65a0ff; }
.active-manticore-blue:active {
color: #65a0ff; }
.manticore-blue--dark {
color: #5080cc; }
.hover-manticore-blue--dark:hover {
color: #5080cc; }
.active-manticore-blue--dark:active {
color: #5080cc; }
.manticore-blue--light {
color: #76abfc; }
.hover-manticore-blue--light:hover {
color: #76abfc; }
.active-manticore-blue--light:active {
color: #76abfc; }
.manticore-red {
color: #f1646f; }
.hover-manticore-red:hover {
color: #f1646f; }
.active-manticore-red:active {
color: #f1646f; }
.manticore-red--dark {
color: #f4505b; }
.hover-manticore-red--dark:hover {
color: #f4505b; }
.active-manticore-red--dark:active {
color: #f4505b; }
.toyota {
color: #cc2229; }
.hover-toyota:hover {
color: #cc2229; }
.active-toyota:active {
color: #cc2229; }
.toyota-dark {
color: #bb1f25; }
.hover-toyota-dark:hover {
color: #bb1f25; }
.active-toyota-dark:active {
color: #bb1f25; }
.ford {
color: #1351d8; }
.hover-ford:hover {
color: #1351d8; }
.active-ford:active {
color: #1351d8; }
.ford-dark {
color: #114ac5; }
.hover-ford-dark:hover {
color: #114ac5; }
.active-ford-dark:active {
color: #114ac5; }
.b--true-black {
border-color: #000000; }
.hover-b--true-black:hover {
border-color: #000000; }
.active-b--true-black:active {
border-color: #000000; }
.b--black {
border-color: #202C36; }
.hover-b--black:hover {
border-color: #202C36; }
.active-b--black:active {
border-color: #202C36; }
.b--white {
border-color: #FFFFFF; }
.hover-b--white:hover {
border-color: #FFFFFF; }
.active-b--white:active {
border-color: #FFFFFF; }
.b--steel {
border-color: #647686; }
.hover-b--steel:hover {
border-color: #647686; }
.active-b--steel:active {
border-color: #647686; }
.b--lemon {
border-color: #FFF6A2; }
.hover-b--lemon:hover {
border-color: #FFF6A2; }
.active-b--lemon:active {
border-color: #FFF6A2; }
.b--platinum {
border-color: #94A0AB; }
.hover-b--platinum:hover {
border-color: #94A0AB; }
.active-b--platinum:active {
border-color: #94A0AB; }
.b--mirror {
border-color: #f4f5f7; }
.hover-b--mirror:hover {
border-color: #f4f5f7; }
.active-b--mirror:active {
border-color: #f4f5f7; }
.b--ice {
border-color: #F7F8FA; }
.hover-b--ice:hover {
border-color: #F7F8FA; }
.active-b--ice:active {
border-color: #F7F8FA; }
.b--washed-blue {
border-color: #eff5ff; }
.hover-b--washed-blue:hover {
border-color: #eff5ff; }
.active-b--washed-blue:active {
border-color: #eff5ff; }
.b--grey {
border-color: #A9B3BD; }
.hover-b--grey:hover {
border-color: #A9B3BD; }
.active-b--grey:active {
border-color: #A9B3BD; }
.b--grey--light {
border-color: #dee1e6; }
.hover-b--grey--light:hover {
border-color: #dee1e6; }
.active-b--grey--light:active {
border-color: #dee1e6; }
.b--grey--dark {
border-color: #d2d5da; }
.hover-b--grey--dark:hover {
border-color: #d2d5da; }
.active-b--grey--dark:active {
border-color: #d2d5da; }
.b--mid-grey {
border-color: #8593a0; }
.hover-b--mid-grey:hover {
border-color: #8593a0; }
.active-b--mid-grey:active {
border-color: #8593a0; }
.b--dark-grey {
border-color: #394e60; }
.hover-b--dark-grey:hover {
border-color: #394e60; }
.active-b--dark-grey:active {
border-color: #394e60; }
.b--dark-grey--light {
border-color: #60717f; }
.hover-b--dark-grey--light:hover {
border-color: #60717f; }
.active-b--dark-grey--light:active {
border-color: #60717f; }
.b--dark-grey--dark {
border-color: #2d3e4c; }
.hover-b--dark-grey--dark:hover {
border-color: #2d3e4c; }
.active-b--dark-grey--dark:active {
border-color: #2d3e4c; }
.b--grey-blue {
border-color: #3a4f5f; }
.hover-b--grey-blue:hover {
border-color: #3a4f5f; }
.active-b--grey-blue:active {
border-color: #3a4f5f; }
.b--blue {
border-color: #5DA0DE; }
.hover-b--blue:hover {
border-color: #5DA0DE; }
.active-b--blue:active {
border-color: #5DA0DE; }
.b--blue--dark {
border-color: #478CCB; }
.hover-b--blue--dark:hover {
border-color: #478CCB; }
.active-b--blue--dark:active {
border-color: #478CCB; }
.b--blue--light {
border-color: #6BACE7; }
.hover-b--blue--light:hover {
border-color: #6BACE7; }
.active-b--blue--light:active {
border-color: #6BACE7; }
.b--navy {
border-color: #366FB3; }
.hover-b--navy:hover {
border-color: #366FB3; }
.active-b--navy:active {
border-color: #366FB3; }
.b--navy--dark {
border-color: #2b588f; }
.hover-b--navy--dark:hover {
border-color: #2b588f; }
.active-b--navy--dark:active {
border-color: #2b588f; }
.b--navy--light {
border-color: #5e8bc2; }
.hover-b--navy--light:hover {
border-color: #5e8bc2; }
.active-b--navy--light:active {
border-color: #5e8bc2; }
.b--forest {
border-color: #2BB074; }
.hover-b--forest:hover {
border-color: #2BB074; }
.active-b--forest:active {
border-color: #2BB074; }
.b--forest--dark {
border-color: #25A169; }
.hover-b--forest--dark:hover {
border-color: #25A169; }
.active-b--forest--dark:active {
border-color: #25A169; }
.b--forest--light {
border-color: #3DC085; }
.hover-b--forest--light:hover {
border-color: #3DC085; }
.active-b--forest--light:active {
border-color: #3DC085; }
.b--orange {
border-color: #F39659; }
.hover-b--orange:hover {
border-color: #F39659; }
.active-b--orange:active {
border-color: #F39659; }
.b--orange--dark {
border-color: #E98441; }
.hover-b--orange--dark:hover {
border-color: #E98441; }
.active-b--orange--dark:active {
border-color: #E98441; }
.b--orange--light {
border-color: #FDA165; }
.hover-b--orange--light:hover {
border-color: #FDA165; }
.active-b--orange--light:active {
border-color: #FDA165; }
.b--red {
border-color: #F3636C; }
.hover-b--red:hover {
border-color: #F3636C; }
.active-b--red:active {
border-color: #F3636C; }
.b--red--dark {
border-color: #E75059; }
.hover-b--red--dark:hover {
border-color: #E75059; }
.active-b--red--dark:active {
border-color: #E75059; }
.b--red--light {
border-color: #FF7A82; }
.hover-b--red--light:hover {
border-color: #FF7A82; }
.active-b--red--light:active {
border-color: #FF7A82; }
.b--teal {
border-color: #3AC2B4; }
.hover-b--teal:hover {
border-color: #3AC2B4; }
.active-b--teal:active {
border-color: #3AC2B4; }
.b--teal--dark {
border-color: #2AB1A3; }
.hover-b--teal--dark:hover {
border-color: #2AB1A3; }
.active-b--teal--dark:active {
border-color: #2AB1A3; }
.b--teal--light {
border-color: #47D0C3; }
.hover-b--teal--light:hover {
border-color: #47D0C3; }
.active-b--teal--light:active {
border-color: #47D0C3; }
.b--lime {
border-color: #78C96F; }
.hover-b--lime:hover {
border-color: #78C96F; }
.active-b--lime:active {
border-color: #78C96F; }
.b--lime--dark {
border-color: #6BBD62; }
.hover-b--lime--dark:hover {
border-color: #6BBD62; }
.active-b--lime--dark:active {
border-color: #6BBD62; }
.b--lime--light {
border-color: #89D681; }
.hover-b--lime--light:hover {
border-color: #89D681; }
.active-b--lime--light:active {
border-color: #89D681; }
.b--gold {
border-color: #f3c359; }
.hover-b--gold:hover {
border-color: #f3c359; }
.active-b--gold:active {
border-color: #f3c359; }
.b--gold--dark {
border-color: #c29c47; }
.hover-b--gold--dark:hover {
border-color: #c29c47; }
.active-b--gold--dark:active {
border-color: #c29c47; }
.b--gold--light {
border-color: #f5cf7a; }
.hover-b--gold--light:hover {
border-color: #f5cf7a; }
.active-b--gold--light:active {
border-color: #f5cf7a; }
.b--rose {
border-color: #dd5f7c; }
.hover-b--rose:hover {
border-color: #dd5f7c; }
.active-b--rose:active {
border-color: #dd5f7c; }
.b--rose--dark {
border-color: #b04c63; }
.hover-b--rose--dark:hover {
border-color: #b04c63; }
.active-b--rose--dark:active {
border-color: #b04c63; }
.b--rose--light {
border-color: #e37f96; }
.hover-b--rose--light:hover {
border-color: #e37f96; }
.active-b--rose--light:active {
border-color: #e37f96; }
.b--army {
border-color: #3e8263; }
.hover-b--army:hover {
border-color: #3e8263; }
.active-b--army:active {
border-color: #3e8263; }
.b--army--dark {
border-color: #31684f; }
.hover-b--army--dark:hover {
border-color: #31684f; }
.active-b--army--dark:active {
border-color: #31684f; }
.b--army--light {
border-color: #649b82; }
.hover-b--army--light:hover {
border-color: #649b82; }
.active-b--army--light:active {
border-color: #649b82; }
.b--brown {
border-color: #8c6e5e; }
.hover-b--brown:hover {
border-color: #8c6e5e; }
.active-b--brown:active {
border-color: #8c6e5e; }
.b--brown--dark {
border-color: #70584b; }
.hover-b--brown--dark:hover {
border-color: #70584b; }
.active-b--brown--dark:active {
border-color: #70584b; }
.b--brown--light {
border-color: #a38b7e; }
.hover-b--brown--light:hover {
border-color: #a38b7e; }
.active-b--brown--light:active {
border-color: #a38b7e; }
.b--lavender {
border-color: #7674ad; }
.hover-b--lavender:hover {
border-color: #7674ad; }
.active-b--lavender:active {
border-color: #7674ad; }
.b--lavender--dark {
border-color: #5e5c8a; }
.hover-b--lavender--dark:hover {
border-color: #5e5c8a; }
.active-b--lavender--dark:active {
border-color: #5e5c8a; }
.b--lavender--light {
border-color: #918fbd; }
.hover-b--lavender--light:hover {
border-color: #918fbd; }
.active-b--lavender--light:active {
border-color: #918fbd; }
.b--moss {
border-color: #c1bd51; }
.hover-b--moss:hover {
border-color: #c1bd51; }
.active-b--moss:active {
border-color: #c1bd51; }
.b--moss--dark {
border-color: #9a9740; }
.hover-b--moss--dark:hover {
border-color: #9a9740; }
.active-b--moss--dark:active {
border-color: #9a9740; }
.b--moss--light {
border-color: #cdca73; }
.hover-b--moss--light:hover {
border-color: #cdca73; }
.active-b--moss--light:active {
border-color: #cdca73; }
.b--sand {
border-color: #d0ad8d; }
.hover-b--sand:hover {
border-color: #d0ad8d; }
.active-b--sand:active {
border-color: #d0ad8d; }
.b--sand--dark {
border-color: #a68a70; }
.hover-b--sand--dark:hover {
border-color: #a68a70; }
.active-b--sand--dark:active {
border-color: #a68a70; }
.b--sand--light {
border-color: #d9bda3; }
.hover-b--sand--light:hover {
border-color: #d9bda3; }
.active-b--sand--light:active {
border-color: #d9bda3; }
.b--purple {
border-color: #be8dd0; }
.hover-b--purple:hover {
border-color: #be8dd0; }
.active-b--purple:active {
border-color: #be8dd0; }
.b--purple--dark {
border-color: #b17cc5; }
.hover-b--purple--dark:hover {
border-color: #b17cc5; }
.active-b--purple--dark:active {
border-color: #b17cc5; }
.b--purple--light {
border-color: #cc9cde; }
.hover-b--purple--light:hover {
border-color: #cc9cde; }
.active-b--purple--light:active {
border-color: #cc9cde; }
.b--manticore-blue {
border-color: #65a0ff; }
.hover-b--manticore-blue:hover {
border-color: #65a0ff; }
.active-b--manticore-blue:active {
border-color: #65a0ff; }
.b--manticore-blue--dark {
border-color: #5080cc; }
.hover-b--manticore-blue--dark:hover {
border-color: #5080cc; }
.active-b--manticore-blue--dark:active {
border-color: #5080cc; }
.b--manticore-blue--light {
border-color: #76abfc; }
.hover-b--manticore-blue--light:hover {
border-color: #76abfc; }
.active-b--manticore-blue--light:active {
border-color: #76abfc; }
.b--manticore-red {
border-color: #f1646f; }
.hover-b--manticore-red:hover {
border-color: #f1646f; }
.active-b--manticore-red:active {
border-color: #f1646f; }
.b--manticore-red--dark {
border-color: #f4505b; }
.hover-b--manticore-red--dark:hover {
border-color: #f4505b; }
.active-b--manticore-red--dark:active {
border-color: #f4505b; }
.b--toyota {
border-color: #cc2229; }
.hover-b--toyota:hover {
border-color: #cc2229; }
.active-b--toyota:active {
border-color: #cc2229; }
.b--toyota-dark {
border-color: #bb1f25; }
.hover-b--toyota-dark:hover {
border-color: #bb1f25; }
.active-b--toyota-dark:active {
border-color: #bb1f25; }
.b--ford {
border-color: #1351d8; }
.hover-b--ford:hover {
border-color: #1351d8; }
.active-b--ford:active {
border-color: #1351d8; }
.b--ford-dark {
border-color: #114ac5; }
.hover-b--ford-dark:hover {
border-color: #114ac5; }
.active-b--ford-dark:active {
border-color: #114ac5; }
.mt0 {
margin-top: 0; }
.mt5 {
margin-top: 5px; }
.mt10 {
margin-top: 10px; }
.mt15 {
margin-top: 15px; }
.mt20 {
margin-top: 20px; }
.mt25 {
margin-top: 25px; }
.mt30 {
margin-top: 30px; }
.mt35 {
margin-top: 35px; }
.mt45 {
margin-top: 45px; }
.mt60 {
margin-top: 60px; }
.mt75 {
margin-top: 75px; }
.mt90 {
margin-top: 90px; }
.mt95 {
margin-top: 95px; }
.mt105 {
margin-top: 105px; }
.mt120 {
margin-top: 120px; }
.mt195 {
margin-top: 195px; }
.mr0 {
margin-right: 0; }
.mr5 {
margin-right: 5px; }
.mr10 {
margin-right: 10px; }
.mr15 {
margin-right: 15px; }
.mr20 {
margin-right: 20px; }
.mr25 {
margin-right: 25px; }
.mr30 {
margin-right: 30px; }
.mr35 {
margin-right: 35px; }
.mr45 {
margin-right: 45px; }
.mr60 {
margin-right: 60px; }
.mr75 {
margin-right: 75px; }
.mr90 {
margin-right: 90px; }
.mr95 {
margin-right: 95px; }
.mr105 {
margin-right: 105px; }
.mr120 {
margin-right: 120px; }
.mr195 {
margin-right: 195px; }
.mb0 {
margin-bottom: 0; }
.mb5 {
margin-bottom: 5px; }
.mb10 {
margin-bottom: 10px; }
.mb15 {
margin-bottom: 15px; }
.mb20 {
margin-bottom: 20px; }
.mb25 {
margin-bottom: 25px; }
.mb30 {
margin-bottom: 30px; }
.mb35 {
margin-bottom: 35px; }
.mb45 {
margin-bottom: 45px; }
.mb60 {
margin-bottom: 60px; }
.mb75 {
margin-bottom: 75px; }
.mb90 {
margin-bottom: 90px; }
.mb95 {
margin-bottom: 95px; }
.mb105 {
margin-bottom: 105px; }
.mb120 {
margin-bottom: 120px; }
.mb195 {
margin-bottom: 195px; }
.ml0 {
margin-left: 0; }
.ml5 {
margin-left: 5px; }
.ml10 {
margin-left: 10px; }
.ml15 {
margin-left: 15px; }
.ml20 {
margin-left: 20px; }
.ml25 {
margin-left: 25px; }
.ml30 {
margin-left: 30px; }
.ml35 {
margin-left: 35px; }
.ml45 {
margin-left: 45px; }
.ml60 {
margin-left: 60px; }
.ml75 {
margin-left: 75px; }
.ml90 {
margin-left: 90px; }
.ml95 {
margin-left: 95px; }
.ml105 {
margin-left: 105px; }
.ml120 {
margin-left: 120px; }
.ml195 {
margin-left: 195px; }
.mh0 {
margin-left: 0;
margin-right: 0; }
.mh5 {
margin-left: 5px;
margin-right: 5px; }
.mh10 {
margin-left: 10px;
margin-right: 10px; }
.mh15 {
margin-left: 15px;
margin-right: 15px; }
.mh20 {
margin-left: 20px;
margin-right: 20px; }
.mh25 {
margin-left: 25px;
margin-right: 25px; }
.mh30 {
margin-left: 30px;
margin-right: 30px; }
.mh35 {
margin-left: 35px;
margin-right: 35px; }
.mh45 {
margin-left: 45px;
margin-right: 45px; }
.mh60 {
margin-left: 60px;
margin-right: 60px; }
.mh75 {
margin-left: 75px;
margin-right: 75px; }
.mh90 {
margin-left: 90px;
margin-right: 90px; }
.mh95 {
margin-left: 95px;
margin-right: 95px; }
.mh105 {
margin-left: 105px;
margin-right: 105px; }
.mh120 {
margin-left: 120px;
margin-right: 120px; }
.mh195 {
margin-left: 195px;
margin-right: 195px; }
.mv0 {
margin-top: 0;
margin-bottom: 0; }
.mv5 {
margin-top: 5px;
margin-bottom: 5px; }
.mv10 {
margin-top: 10px;
margin-bottom: 10px; }
.mv15 {
margin-top: 15px;
margin-bottom: 15px; }
.mv20 {
margin-top: 20px;
margin-bottom: 20px; }
.mv25 {
margin-top: 25px;
margin-bottom: 25px; }
.mv30 {
margin-top: 30px;
margin-bottom: 30px; }
.mv35 {
margin-top: 35px;
margin-bottom: 35px; }
.mv45 {
margin-top: 45px;
margin-bottom: 45px; }
.mv60 {
margin-top: 60px;
margin-bottom: 60px; }
.mv75 {
margin-top: 75px;
margin-bottom: 75px; }
.mv90 {
margin-top: 90px;
margin-bottom: 90px; }
.mv95 {
margin-top: 95px;
margin-bottom: 95px; }
.mv105 {
margin-top: 105px;
margin-bottom: 105px; }
.mv120 {
margin-top: 120px;
margin-bottom: 120px; }
.mv195 {
margin-top: 195px;
margin-bottom: 195px; }
.ma0 {
margin: 0; }
.ma5 {
margin: 5px; }
.ma10 {
margin: 10px; }
.ma15 {
margin: 15px; }
.ma20 {
margin: 20px; }
.ma25 {
margin: 25px; }
.ma30 {
margin: 30px; }
.ma35 {
margin: 35px; }
.ma45 {
margin: 45px; }
.ma60 {
margin: 60px; }
.ma75 {
margin: 75px; }
.ma90 {
margin: 90px; }
.ma95 {
margin: 95px; }
.ma105 {
margin: 105px; }
.ma120 {
margin: 120px; }
.ma195 {
margin: 195px; }
@media screen and (min-width: 320px) {
.mt0-ns {
margin-top: 0; }
.mt5-ns {
margin-top: 5px; }
.mt10-ns {
margin-top: 10px; }
.mt15-ns {
margin-top: 15px; }
.mt20-ns {
margin-top: 20px; }
.mt25-ns {
margin-top: 25px; }
.mt30-ns {
margin-top: 30px; }
.mt35-ns {
margin-top: 35px; }
.mt45-ns {
margin-top: 45px; }
.mt60-ns {
margin-top: 60px; }
.mt75-ns {
margin-top: 75px; }
.mt90-ns {
margin-top: 90px; }
.mt95-ns {
margin-top: 95px; }
.mt105-ns {
margin-top: 105px; }
.mt120-ns {
margin-top: 120px; }
.mt195-ns {
margin-top: 195px; }
.mr0-ns {
margin-right: 0; }
.mr5-ns {
margin-right: 5px; }
.mr10-ns {
margin-right: 10px; }
.mr15-ns {
margin-right: 15px; }
.mr20-ns {
margin-right: 20px; }
.mr25-ns {
margin-right: 25px; }
.mr30-ns {
margin-right: 30px; }
.mr35-ns {
margin-right: 35px; }
.mr45-ns {
margin-right: 45px; }
.mr60-ns {
margin-right: 60px; }
.mr75-ns {
margin-right: 75px; }
.mr90-ns {
margin-right: 90px; }
.mr95-ns {
margin-right: 95px; }
.mr105-ns {
margin-right: 105px; }
.mr120-ns {
margin-right: 120px; }
.mr195-ns {
margin-right: 195px; }
.mb0-ns {
margin-bottom: 0; }
.mb5-ns {
margin-bottom: 5px; }
.mb10-ns {
margin-bottom: 10px; }
.mb15-ns {
margin-bottom: 15px; }
.mb20-ns {
margin-bottom: 20px; }
.mb25-ns {
margin-bottom: 25px; }
.mb30-ns {
margin-bottom: 30px; }
.mb35-ns {
margin-bottom: 35px; }
.mb45-ns {
margin-bottom: 45px; }
.mb60-ns {
margin-bottom: 60px; }
.mb75-ns {
margin-bottom: 75px; }
.mb90-ns {
margin-bottom: 90px; }
.mb95-ns {
margin-bottom: 95px; }
.mb105-ns {
margin-bottom: 105px; }
.mb120-ns {
margin-bottom: 120px; }
.mb195-ns {
margin-bottom: 195px; }
.ml0-ns {
margin-left: 0; }
.ml5-ns {
margin-left: 5px; }
.ml10-ns {
margin-left: 10px; }
.ml15-ns {
margin-left: 15px; }
.ml20-ns {
margin-left: 20px; }
.ml25-ns {
margin-left: 25px; }
.ml30-ns {
margin-left: 30px; }
.ml35-ns {
margin-left: 35px; }
.ml45-ns {
margin-left: 45px; }
.ml60-ns {
margin-left: 60px; }
.ml75-ns {
margin-left: 75px; }
.ml90-ns {
margin-left: 90px; }
.ml95-ns {
margin-left: 95px; }
.ml105-ns {
margin-left: 105px; }
.ml120-ns {
margin-left: 120px; }
.ml195-ns {
margin-left: 195px; }
.mh0-ns {
margin-left: 0;
margin-right: 0; }
.mh5-ns {
margin-left: 5px;
margin-right: 5px; }
.mh10-ns {
margin-left: 10px;
margin-right: 10px; }
.mh15-ns {
margin-left: 15px;
margin-right: 15px; }
.mh20-ns {
margin-left: 20px;
margin-right: 20px; }
.mh25-ns {
margin-left: 25px;
margin-right: 25px; }
.mh30-ns {
margin-left: 30px;
margin-right: 30px; }
.mh35-ns {
margin-left: 35px;
margin-right: 35px; }
.mh45-ns {
margin-left: 45px;
margin-right: 45px; }
.mh60-ns {
margin-left: 60px;
margin-right: 60px; }
.mh75-ns {
margin-left: 75px;
margin-right: 75px; }
.mh90-ns {
margin-left: 90px;
margin-right: 90px; }
.mh95-ns {
margin-left: 95px;
margin-right: 95px; }
.mh105-ns {
margin-left: 105px;
margin-right: 105px; }
.mh120-ns {
margin-left: 120px;
margin-right: 120px; }
.mh195-ns {
margin-left: 195px;
margin-right: 195px; }
.mv0-ns {
margin-top: 0;
margin-bottom: 0; }
.mv5-ns {
margin-top: 5px;
margin-bottom: 5px; }
.mv10-ns {
margin-top: 10px;
margin-bottom: 10px; }
.mv15-ns {
margin-top: 15px;
margin-bottom: 15px; }
.mv20-ns {
margin-top: 20px;
margin-bottom: 20px; }
.mv25-ns {
margin-top: 25px;
margin-bottom: 25px; }
.mv30-ns {
margin-top: 30px;
margin-bottom: 30px; }
.mv35-ns {
margin-top: 35px;
margin-bottom: 35px; }
.mv45-ns {
margin-top: 45px;
margin-bottom: 45px; }
.mv60-ns {
margin-top: 60px;
margin-bottom: 60px; }
.mv75-ns {
margin-top: 75px;
margin-bottom: 75px; }
.mv90-ns {
margin-top: 90px;
margin-bottom: 90px; }
.mv95-ns {
margin-top: 95px;
margin-bottom: 95px; }
.mv105-ns {
margin-top: 105px;
margin-bottom: 105px; }
.mv120-ns {
margin-top: 120px;
margin-bottom: 120px; }
.mv195-ns {
margin-top: 195px;
margin-bottom: 195px; }
.ma0-ns {
margin: 0; }
.ma5-ns {
margin: 5px; }
.ma10-ns {
margin: 10px; }
.ma15-ns {
margin: 15px; }
.ma20-ns {
margin: 20px; }
.ma25-ns {
margin: 25px; }
.ma30-ns {
margin: 30px; }
.ma35-ns {
margin: 35px; }
.ma45-ns {
margin: 45px; }
.ma60-ns {
margin: 60px; }
.ma75-ns {
margin: 75px; }
.ma90-ns {
margin: 90px; }
.ma95-ns {
margin: 95px; }
.ma105-ns {
margin: 105px; }
.ma120-ns {
margin: 120px; }
.ma195-ns {
margin: 195px; } }
@media screen and (min-width: 769px) {
.mt0-m {
margin-top: 0; }
.mt5-m {
margin-top: 5px; }
.mt10-m {
margin-top: 10px; }
.mt15-m {
margin-top: 15px; }
.mt20-m {
margin-top: 20px; }
.mt25-m {
margin-top: 25px; }
.mt30-m {
margin-top: 30px; }
.mt35-m {
margin-top: 35px; }
.mt45-m {
margin-top: 45px; }
.mt60-m {
margin-top: 60px; }
.mt75-m {
margin-top: 75px; }
.mt90-m {
margin-top: 90px; }
.mt95-m {
margin-top: 95px; }
.mt105-m {
margin-top: 105px; }
.mt120-m {
margin-top: 120px; }
.mt195-m {
margin-top: 195px; }
.mr0-m {
margin-right: 0; }
.mr5-m {
margin-right: 5px; }
.mr10-m {
margin-right: 10px; }
.mr15-m {
margin-right: 15px; }
.mr20-m {
margin-right: 20px; }
.mr25-m {
margin-right: 25px; }
.mr30-m {
margin-right: 30px; }
.mr35-m {
margin-right: 35px; }
.mr45-m {
margin-right: 45px; }
.mr60-m {
margin-right: 60px; }
.mr75-m {
margin-right: 75px; }
.mr90-m {
margin-right: 90px; }
.mr95-m {
margin-right: 95px; }
.mr105-m {
margin-right: 105px; }
.mr120-m {
margin-right: 120px; }
.mr195-m {
margin-right: 195px; }
.mb0-m {
margin-bottom: 0; }
.mb5-m {
margin-bottom: 5px; }
.mb10-m {
margin-bottom: 10px; }
.mb15-m {
margin-bottom: 15px; }
.mb20-m {
margin-bottom: 20px; }
.mb25-m {
margin-bottom: 25px; }
.mb30-m {
margin-bottom: 30px; }
.mb35-m {
margin-bottom: 35px; }
.mb45-m {
margin-bottom: 45px; }
.mb60-m {
margin-bottom: 60px; }
.mb75-m {
margin-bottom: 75px; }
.mb90-m {
margin-bottom: 90px; }
.mb95-m {
margin-bottom: 95px; }
.mb105-m {
margin-bottom: 105px; }
.mb120-m {
margin-bottom: 120px; }
.mb195-m {
margin-bottom: 195px; }
.ml0-m {
margin-left: 0; }
.ml5-m {
margin-left: 5px; }
.ml10-m {
margin-left: 10px; }
.ml15-m {
margin-left: 15px; }
.ml20-m {
margin-left: 20px; }
.ml25-m {
margin-left: 25px; }
.ml30-m {
margin-left: 30px; }
.ml35-m {
margin-left: 35px; }
.ml45-m {
margin-left: 45px; }
.ml60-m {
margin-left: 60px; }
.ml75-m {
margin-left: 75px; }
.ml90-m {
margin-left: 90px; }
.ml95-m {
margin-left: 95px; }
.ml105-m {
margin-left: 105px; }
.ml120-m {
margin-left: 120px; }
.ml195-m {
margin-left: 195px; }
.mh0-m {
margin-left: 0;
margin-right: 0; }
.mh5-m {
margin-left: 5px;
margin-right: 5px; }
.mh10-m {
margin-left: 10px;
margin-right: 10px; }
.mh15-m {
margin-left: 15px;
margin-right: 15px; }
.mh20-m {
margin-left: 20px;
margin-right: 20px; }
.mh25-m {
margin-left: 25px;
margin-right: 25px; }
.mh30-m {
margin-left: 30px;
margin-right: 30px; }
.mh35-m {
margin-left: 35px;
margin-right: 35px; }
.mh45-m {
margin-left: 45px;
margin-right: 45px; }
.mh60-m {
margin-left: 60px;
margin-right: 60px; }
.mh75-m {
margin-left: 75px;
margin-right: 75px; }
.mh90-m {
margin-left: 90px;
margin-right: 90px; }
.mh95-m {
margin-left: 95px;
margin-right: 95px; }
.mh105-m {
margin-left: 105px;
margin-right: 105px; }
.mh120-m {
margin-left: 120px;
margin-right: 120px; }
.mh195-m {
margin-left: 195px;
margin-right: 195px; }
.mv0-m {
margin-top: 0;
margin-bottom: 0; }
.mv5-m {
margin-top: 5px;
margin-bottom: 5px; }
.mv10-m {
margin-top: 10px;
margin-bottom: 10px; }
.mv15-m {
margin-top: 15px;
margin-bottom: 15px; }
.mv20-m {
margin-top: 20px;
margin-bottom: 20px; }
.mv25-m {
margin-top: 25px;
margin-bottom: 25px; }
.mv30-m {
margin-top: 30px;
margin-bottom: 30px; }
.mv35-m {
margin-top: 35px;
margin-bottom: 35px; }
.mv45-m {
margin-top: 45px;
margin-bottom: 45px; }
.mv60-m {
margin-top: 60px;
margin-bottom: 60px; }
.mv75-m {
margin-top: 75px;
margin-bottom: 75px; }
.mv90-m {
margin-top: 90px;
margin-bottom: 90px; }
.mv95-m {
margin-top: 95px;
margin-bottom: 95px; }
.mv105-m {
margin-top: 105px;
margin-bottom: 105px; }
.mv120-m {
margin-top: 120px;
margin-bottom: 120px; }
.mv195-m {
margin-top: 195px;
margin-bottom: 195px; }
.ma0-m {
margin: 0; }
.ma5-m {
margin: 5px; }
.ma10-m {
margin: 10px; }
.ma15-m {
margin: 15px; }
.ma20-m {
margin: 20px; }
.ma25-m {
margin: 25px; }
.ma30-m {
margin: 30px; }
.ma35-m {
margin: 35px; }
.ma45-m {
margin: 45px; }
.ma60-m {
margin: 60px; }
.ma75-m {
margin: 75px; }
.ma90-m {
margin: 90px; }
.ma95-m {
margin: 95px; }
.ma105-m {
margin: 105px; }
.ma120-m {
margin: 120px; }
.ma195-m {
margin: 195px; } }
@media screen and (min-width: 920px) {
.mt0-l {
margin-top: 0; }
.mt5-l {
margin-top: 5px; }
.mt10-l {
margin-top: 10px; }
.mt15-l {
margin-top: 15px; }
.mt20-l {
margin-top: 20px; }
.mt25-l {
margin-top: 25px; }
.mt30-l {
margin-top: 30px; }
.mt35-l {
margin-top: 35px; }
.mt45-l {
margin-top: 45px; }
.mt60-l {
margin-top: 60px; }
.mt75-l {
margin-top: 75px; }
.mt90-l {
margin-top: 90px; }
.mt95-l {
margin-top: 95px; }
.mt105-l {
margin-top: 105px; }
.mt120-l {
margin-top: 120px; }
.mt195-l {
margin-top: 195px; }
.mr0-l {
margin-right: 0; }
.mr5-l {
margin-right: 5px; }
.mr10-l {
margin-right: 10px; }
.mr15-l {
margin-right: 15px; }
.mr20-l {
margin-right: 20px; }
.mr25-l {
margin-right: 25px; }
.mr30-l {
margin-right: 30px; }
.mr35-l {
margin-right: 35px; }
.mr45-l {
margin-right: 45px; }
.mr60-l {
margin-right: 60px; }
.mr75-l {
margin-right: 75px; }
.mr90-l {
margin-right: 90px; }
.mr95-l {
margin-right: 95px; }
.mr105-l {
margin-right: 105px; }
.mr120-l {
margin-right: 120px; }
.mr195-l {
margin-right: 195px; }
.mb0-l {
margin-bottom: 0; }
.mb5-l {
margin-bottom: 5px; }
.mb10-l {
margin-bottom: 10px; }
.mb15-l {
margin-bottom: 15px; }
.mb20-l {
margin-bottom: 20px; }
.mb25-l {
margin-bottom: 25px; }
.mb30-l {
margin-bottom: 30px; }
.mb35-l {
margin-bottom: 35px; }
.mb45-l {
margin-bottom: 45px; }
.mb60-l {
margin-bottom: 60px; }
.mb75-l {
margin-bottom: 75px; }
.mb90-l {
margin-bottom: 90px; }
.mb95-l {
margin-bottom: 95px; }
.mb105-l {
margin-bottom: 105px; }
.mb120-l {
margin-bottom: 120px; }
.mb195-l {
margin-bottom: 195px; }
.ml0-l {
margin-left: 0; }
.ml5-l {
margin-left: 5px; }
.ml10-l {
margin-left: 10px; }
.ml15-l {
margin-left: 15px; }
.ml20-l {
margin-left: 20px; }
.ml25-l {
margin-left: 25px; }
.ml30-l {
margin-left: 30px; }
.ml35-l {
margin-left: 35px; }
.ml45-l {
margin-left: 45px; }
.ml60-l {
margin-left: 60px; }
.ml75-l {
margin-left: 75px; }
.ml90-l {
margin-left: 90px; }
.ml95-l {
margin-left: 95px; }
.ml105-l {
margin-left: 105px; }
.ml120-l {
margin-left: 120px; }
.ml195-l {
margin-left: 195px; }
.mh0-l {
margin-left: 0;
margin-right: 0; }
.mh5-l {
margin-left: 5px;
margin-right: 5px; }
.mh10-l {
margin-left: 10px;
margin-right: 10px; }
.mh15-l {
margin-left: 15px;
margin-right: 15px; }
.mh20-l {
margin-left: 20px;
margin-right: 20px; }
.mh25-l {
margin-left: 25px;
margin-right: 25px; }
.mh30-l {
margin-left: 30px;
margin-right: 30px; }
.mh35-l {
margin-left: 35px;
margin-right: 35px; }
.mh45-l {
margin-left: 45px;
margin-right: 45px; }
.mh60-l {
margin-left: 60px;
margin-right: 60px; }
.mh75-l {
margin-left: 75px;
margin-right: 75px; }
.mh90-l {
margin-left: 90px;
margin-right: 90px; }
.mh95-l {
margin-left: 95px;
margin-right: 95px; }
.mh105-l {
margin-left: 105px;
margin-right: 105px; }
.mh120-l {
margin-left: 120px;
margin-right: 120px; }
.mh195-l {
margin-left: 195px;
margin-right: 195px; }
.mv0-l {
margin-top: 0;
margin-bottom: 0; }
.mv5-l {
margin-top: 5px;
margin-bottom: 5px; }
.mv10-l {
margin-top: 10px;
margin-bottom: 10px; }
.mv15-l {
margin-top: 15px;
margin-bottom: 15px; }
.mv20-l {
margin-top: 20px;
margin-bottom: 20px; }
.mv25-l {
margin-top: 25px;
margin-bottom: 25px; }
.mv30-l {
margin-top: 30px;
margin-bottom: 30px; }
.mv35-l {
margin-top: 35px;
margin-bottom: 35px; }
.mv45-l {
margin-top: 45px;
margin-bottom: 45px; }
.mv60-l {
margin-top: 60px;
margin-bottom: 60px; }
.mv75-l {
margin-top: 75px;
margin-bottom: 75px; }
.mv90-l {
margin-top: 90px;
margin-bottom: 90px; }
.mv95-l {
margin-top: 95px;
margin-bottom: 95px; }
.mv105-l {
margin-top: 105px;
margin-bottom: 105px; }
.mv120-l {
margin-top: 120px;
margin-bottom: 120px; }
.mv195-l {
margin-top: 195px;
margin-bottom: 195px; }
.ma0-l {
margin: 0; }
.ma5-l {
margin: 5px; }
.ma10-l {
margin: 10px; }
.ma15-l {
margin: 15px; }
.ma20-l {
margin: 20px; }
.ma25-l {
margin: 25px; }
.ma30-l {
margin: 30px; }
.ma35-l {
margin: 35px; }
.ma45-l {
margin: 45px; }
.ma60-l {
margin: 60px; }
.ma75-l {
margin: 75px; }
.ma90-l {
margin: 90px; }
.ma95-l {
margin: 95px; }
.ma105-l {
margin: 105px; }
.ma120-l {
margin: 120px; }
.ma195-l {
margin: 195px; } }
@media screen and (min-width: 1200px) {
.mt0-w {
margin-top: 0; }
.mt5-w {
margin-top: 5px; }
.mt10-w {
margin-top: 10px; }
.mt15-w {
margin-top: 15px; }
.mt20-w {
margin-top: 20px; }
.mt25-w {
margin-top: 25px; }
.mt30-w {
margin-top: 30px; }
.mt35-w {
margin-top: 35px; }
.mt45-w {
margin-top: 45px; }
.mt60-w {
margin-top: 60px; }
.mt75-w {
margin-top: 75px; }
.mt90-w {
margin-top: 90px; }
.mt95-w {
margin-top: 95px; }
.mt105-w {
margin-top: 105px; }
.mt120-w {
margin-top: 120px; }
.mt195-w {
margin-top: 195px; }
.mr0-w {
margin-right: 0; }
.mr5-w {
margin-right: 5px; }
.mr10-w {
margin-right: 10px; }
.mr15-w {
margin-right: 15px; }
.mr20-w {
margin-right: 20px; }
.mr25-w {
margin-right: 25px; }
.mr30-w {
margin-right: 30px; }
.mr35-w {
margin-right: 35px; }
.mr45-w {
margin-right: 45px; }
.mr60-w {
margin-right: 60px; }
.mr75-w {
margin-right: 75px; }
.mr90-w {
margin-right: 90px; }
.mr95-w {
margin-right: 95px; }
.mr105-w {
margin-right: 105px; }
.mr120-w {
margin-right: 120px; }
.mr195-w {
margin-right: 195px; }
.mb0-w {
margin-bottom: 0; }
.mb5-w {
margin-bottom: 5px; }
.mb10-w {
margin-bottom: 10px; }
.mb15-w {
margin-bottom: 15px; }
.mb20-w {
margin-bottom: 20px; }
.mb25-w {
margin-bottom: 25px; }
.mb30-w {
margin-bottom: 30px; }
.mb35-w {
margin-bottom: 35px; }
.mb45-w {
margin-bottom: 45px; }
.mb60-w {
margin-bottom: 60px; }
.mb75-w {
margin-bottom: 75px; }
.mb90-w {
margin-bottom: 90px; }
.mb95-w {
margin-bottom: 95px; }
.mb105-w {
margin-bottom: 105px; }
.mb120-w {
margin-bottom: 120px; }
.mb195-w {
margin-bottom: 195px; }
.ml0-w {
margin-left: 0; }
.ml5-w {
margin-left: 5px; }
.ml10-w {
margin-left: 10px; }
.ml15-w {
margin-left: 15px; }
.ml20-w {
margin-left: 20px; }
.ml25-w {
margin-left: 25px; }
.ml30-w {
margin-left: 30px; }
.ml35-w {
margin-left: 35px; }
.ml45-w {
margin-left: 45px; }
.ml60-w {
margin-left: 60px; }
.ml75-w {
margin-left: 75px; }
.ml90-w {
margin-left: 90px; }
.ml95-w {
margin-left: 95px; }
.ml105-w {
margin-left: 105px; }
.ml120-w {
margin-left: 120px; }
.ml195-w {
margin-left: 195px; }
.mh0-w {
margin-left: 0;
margin-right: 0; }
.mh5-w {
margin-left: 5px;
margin-right: 5px; }
.mh10-w {
margin-left: 10px;
margin-right: 10px; }
.mh15-w {
margin-left: 15px;
margin-right: 15px; }
.mh20-w {
margin-left: 20px;
margin-right: 20px; }
.mh25-w {
margin-left: 25px;
margin-right: 25px; }
.mh30-w {
margin-left: 30px;
margin-right: 30px; }
.mh35-w {
margin-left: 35px;
margin-right: 35px; }
.mh45-w {
margin-left: 45px;
margin-right: 45px; }
.mh60-w {
margin-left: 60px;
margin-right: 60px; }
.mh75-w {
margin-left: 75px;
margin-right: 75px; }
.mh90-w {
margin-left: 90px;
margin-right: 90px; }
.mh95-w {
margin-left: 95px;
margin-right: 95px; }
.mh105-w {
margin-left: 105px;
margin-right: 105px; }
.mh120-w {
margin-left: 120px;
margin-right: 120px; }
.mh195-w {
margin-left: 195px;
margin-right: 195px; }
.mv0-w {
margin-top: 0;
margin-bottom: 0; }
.mv5-w {
margin-top: 5px;
margin-bottom: 5px; }
.mv10-w {
margin-top: 10px;
margin-bottom: 10px; }
.mv15-w {
margin-top: 15px;
margin-bottom: 15px; }
.mv20-w {
margin-top: 20px;
margin-bottom: 20px; }
.mv25-w {
margin-top: 25px;
margin-bottom: 25px; }
.mv30-w {
margin-top: 30px;
margin-bottom: 30px; }
.mv35-w {
margin-top: 35px;
margin-bottom: 35px; }
.mv45-w {
margin-top: 45px;
margin-bottom: 45px; }
.mv60-w {
margin-top: 60px;
margin-bottom: 60px; }
.mv75-w {
margin-top: 75px;
margin-bottom: 75px; }
.mv90-w {
margin-top: 90px;
margin-bottom: 90px; }
.mv95-w {
margin-top: 95px;
margin-bottom: 95px; }
.mv105-w {
margin-top: 105px;
margin-bottom: 105px; }
.mv120-w {
margin-top: 120px;
margin-bottom: 120px; }
.mv195-w {
margin-top: 195px;
margin-bottom: 195px; }
.ma0-w {
margin: 0; }
.ma5-w {
margin: 5px; }
.ma10-w {
margin: 10px; }
.ma15-w {
margin: 15px; }
.ma20-w {
margin: 20px; }
.ma25-w {
margin: 25px; }
.ma30-w {
margin: 30px; }
.ma35-w {
margin: 35px; }
.ma45-w {
margin: 45px; }
.ma60-w {
margin: 60px; }
.ma75-w {
margin: 75px; }
.ma90-w {
margin: 90px; }
.ma95-w {
margin: 95px; }
.ma105-w {
margin: 105px; }
.ma120-w {
margin: 120px; }
.ma195-w {
margin: 195px; } }
.pt0 {
padding-top: 0; }
.pt5 {
padding-top: 5px; }
.pt10 {
padding-top: 10px; }
.pt15 {
padding-top: 15px; }
.pt20 {
padding-top: 20px; }
.pt25 {
padding-top: 25px; }
.pt30 {
padding-top: 30px; }
.pt35 {
padding-top: 35px; }
.pt45 {
padding-top: 45px; }
.pt60 {
padding-top: 60px; }
.pt75 {
padding-top: 75px; }
.pt90 {
padding-top: 90px; }
.pt95 {
padding-top: 95px; }
.pt105 {
padding-top: 105px; }
.pt120 {
padding-top: 120px; }
.pt195 {
padding-top: 195px; }
.pr0 {
padding-right: 0; }
.pr5 {
padding-right: 5px; }
.pr10 {
padding-right: 10px; }
.pr15 {
padding-right: 15px; }
.pr20 {
padding-right: 20px; }
.pr25 {
padding-right: 25px; }
.pr30 {
padding-right: 30px; }
.pr35 {
padding-right: 35px; }
.pr45 {
padding-right: 45px; }
.pr60 {
padding-right: 60px; }
.pr75 {
padding-right: 75px; }
.pr90 {
padding-right: 90px; }
.pr95 {
padding-right: 95px; }
.pr105 {
padding-right: 105px; }
.pr120 {
padding-right: 120px; }
.pr195 {
padding-right: 195px; }
.pb0 {
padding-bottom: 0; }
.pb5 {
padding-bottom: 5px; }
.pb10 {
padding-bottom: 10px; }
.pb15 {
padding-bottom: 15px; }
.pb20 {
padding-bottom: 20px; }
.pb25 {
padding-bottom: 25px; }
.pb30 {
padding-bottom: 30px; }
.pb35 {
padding-bottom: 35px; }
.pb45 {
padding-bottom: 45px; }
.pb60 {
padding-bottom: 60px; }
.pb75 {
padding-bottom: 75px; }
.pb90 {
padding-bottom: 90px; }
.pb95 {
padding-bottom: 95px; }
.pb105 {
padding-bottom: 105px; }
.pb120 {
padding-bottom: 120px; }
.pb195 {
padding-bottom: 195px; }
.pl0 {
padding-left: 0; }
.pl5 {
padding-left: 5px; }
.pl10 {
padding-left: 10px; }
.pl15 {
padding-left: 15px; }
.pl20 {
padding-left: 20px; }
.pl25 {
padding-left: 25px; }
.pl30 {
padding-left: 30px; }
.pl35 {
padding-left: 35px; }
.pl45 {
padding-left: 45px; }
.pl60 {
padding-left: 60px; }
.pl75 {
padding-left: 75px; }
.pl90 {
padding-left: 90px; }
.pl95 {
padding-left: 95px; }
.pl105 {
padding-left: 105px; }
.pl120 {
padding-left: 120px; }
.pl195 {
padding-left: 195px; }
.ph0 {
padding-left: 0;
padding-right: 0; }
.ph5 {
padding-left: 5px;
padding-right: 5px; }
.ph10 {
padding-left: 10px;
padding-right: 10px; }
.ph15 {
padding-left: 15px;
padding-right: 15px; }
.ph20 {
padding-left: 20px;
padding-right: 20px; }
.ph25 {
padding-left: 25px;
padding-right: 25px; }
.ph30 {
padding-left: 30px;
padding-right: 30px; }
.ph35 {
padding-left: 35px;
padding-right: 35px; }
.ph45 {
padding-left: 45px;
padding-right: 45px; }
.ph60 {
padding-left: 60px;
padding-right: 60px; }
.ph75 {
padding-left: 75px;
padding-right: 75px; }
.ph90 {
padding-left: 90px;
padding-right: 90px; }
.ph95 {
padding-left: 95px;
padding-right: 95px; }
.ph105 {
padding-left: 105px;
padding-right: 105px; }
.ph120 {
padding-left: 120px;
padding-right: 120px; }
.ph195 {
padding-left: 195px;
padding-right: 195px; }
.pv0 {
padding-top: 0;
padding-bottom: 0; }
.pv5 {
padding-top: 5px;
padding-bottom: 5px; }
.pv10 {
padding-top: 10px;
padding-bottom: 10px; }
.pv15 {
padding-top: 15px;
padding-bottom: 15px; }
.pv20 {
padding-top: 20px;
padding-bottom: 20px; }
.pv25 {
padding-top: 25px;
padding-bottom: 25px; }
.pv30 {
padding-top: 30px;
padding-bottom: 30px; }
.pv35 {
padding-top: 35px;
padding-bottom: 35px; }
.pv45 {
padding-top: 45px;
padding-bottom: 45px; }
.pv60 {
padding-top: 60px;
padding-bottom: 60px; }
.pv75 {
padding-top: 75px;
padding-bottom: 75px; }
.pv90 {
padding-top: 90px;
padding-bottom: 90px; }
.pv95 {
padding-top: 95px;
padding-bottom: 95px; }
.pv105 {
padding-top: 105px;
padding-bottom: 105px; }
.pv120 {
padding-top: 120px;
padding-bottom: 120px; }
.pv195 {
padding-top: 195px;
padding-bottom: 195px; }
.pa0 {
padding: 0; }
.pa5 {
padding: 5px; }
.pa10 {
padding: 10px; }
.pa15 {
padding: 15px; }
.pa20 {
padding: 20px; }
.pa25 {
padding: 25px; }
.pa30 {
padding: 30px; }
.pa35 {
padding: 35px; }
.pa45 {
padding: 45px; }
.pa60 {
padding: 60px; }
.pa75 {
padding: 75px; }
.pa90 {
padding: 90px; }
.pa95 {
padding: 95px; }
.pa105 {
padding: 105px; }
.pa120 {
padding: 120px; }
.pa195 {
padding: 195px; }
@media screen and (min-width: 320px) {
.pt0-ns {
padding-top: 0; }
.pt5-ns {
padding-top: 5px; }
.pt10-ns {
padding-top: 10px; }
.pt15-ns {
padding-top: 15px; }
.pt20-ns {
padding-top: 20px; }
.pt25-ns {
padding-top: 25px; }
.pt30-ns {
padding-top: 30px; }
.pt35-ns {
padding-top: 35px; }
.pt45-ns {
padding-top: 45px; }
.pt60-ns {
padding-top: 60px; }
.pt75-ns {
padding-top: 75px; }
.pt90-ns {
padding-top: 90px; }
.pt95-ns {
padding-top: 95px; }
.pt105-ns {
padding-top: 105px; }
.pt120-ns {
padding-top: 120px; }
.pt195-ns {
padding-top: 195px; }
.pr0-ns {
padding-right: 0; }
.pr5-ns {
padding-right: 5px; }
.pr10-ns {
padding-right: 10px; }
.pr15-ns {
padding-right: 15px; }
.pr20-ns {
padding-right: 20px; }
.pr25-ns {
padding-right: 25px; }
.pr30-ns {
padding-right: 30px; }
.pr35-ns {
padding-right: 35px; }
.pr45-ns {
padding-right: 45px; }
.pr60-ns {
padding-right: 60px; }
.pr75-ns {
padding-right: 75px; }
.pr90-ns {
padding-right: 90px; }
.pr95-ns {
padding-right: 95px; }
.pr105-ns {
padding-right: 105px; }
.pr120-ns {
padding-right: 120px; }
.pr195-ns {
padding-right: 195px; }
.pb0-ns {
padding-bottom: 0; }
.pb5-ns {
padding-bottom: 5px; }
.pb10-ns {
padding-bottom: 10px; }
.pb15-ns {
padding-bottom: 15px; }
.pb20-ns {
padding-bottom: 20px; }
.pb25-ns {
padding-bottom: 25px; }
.pb30-ns {
padding-bottom: 30px; }
.pb35-ns {
padding-bottom: 35px; }
.pb45-ns {
padding-bottom: 45px; }
.pb60-ns {
padding-bottom: 60px; }
.pb75-ns {
padding-bottom: 75px; }
.pb90-ns {
padding-bottom: 90px; }
.pb95-ns {
padding-bottom: 95px; }
.pb105-ns {
padding-bottom: 105px; }
.pb120-ns {
padding-bottom: 120px; }
.pb195-ns {
padding-bottom: 195px; }
.pl0-ns {
padding-left: 0; }
.pl5-ns {
padding-left: 5px; }
.pl10-ns {
padding-left: 10px; }
.pl15-ns {
padding-left: 15px; }
.pl20-ns {
padding-left: 20px; }
.pl25-ns {
padding-left: 25px; }
.pl30-ns {
padding-left: 30px; }
.pl35-ns {
padding-left: 35px; }
.pl45-ns {
padding-left: 45px; }
.pl60-ns {
padding-left: 60px; }
.pl75-ns {
padding-left: 75px; }
.pl90-ns {
padding-left: 90px; }
.pl95-ns {
padding-left: 95px; }
.pl105-ns {
padding-left: 105px; }
.pl120-ns {
padding-left: 120px; }
.pl195-ns {
padding-left: 195px; }
.ph0-ns {
padding-left: 0;
padding-right: 0; }
.ph5-ns {
padding-left: 5px;
padding-right: 5px; }
.ph10-ns {
padding-left: 10px;
padding-right: 10px; }
.ph15-ns {
padding-left: 15px;
padding-right: 15px; }
.ph20-ns {
padding-left: 20px;
padding-right: 20px; }
.ph25-ns {
padding-left: 25px;
padding-right: 25px; }
.ph30-ns {
padding-left: 30px;
padding-right: 30px; }
.ph35-ns {
padding-left: 35px;
padding-right: 35px; }
.ph45-ns {
padding-left: 45px;
padding-right: 45px; }
.ph60-ns {
padding-left: 60px;
padding-right: 60px; }
.ph75-ns {
padding-left: 75px;
padding-right: 75px; }
.ph90-ns {
padding-left: 90px;
padding-right: 90px; }
.ph95-ns {
padding-left: 95px;
padding-right: 95px; }
.ph105-ns {
padding-left: 105px;
padding-right: 105px; }
.ph120-ns {
padding-left: 120px;
padding-right: 120px; }
.ph195-ns {
padding-left: 195px;
padding-right: 195px; }
.pv0-ns {
padding-top: 0;
padding-bottom: 0; }
.pv5-ns {
padding-top: 5px;
padding-bottom: 5px; }
.pv10-ns {
padding-top: 10px;
padding-bottom: 10px; }
.pv15-ns {
padding-top: 15px;
padding-bottom: 15px; }
.pv20-ns {
padding-top: 20px;
padding-bottom: 20px; }
.pv25-ns {
padding-top: 25px;
padding-bottom: 25px; }
.pv30-ns {
padding-top: 30px;
padding-bottom: 30px; }
.pv35-ns {
padding-top: 35px;
padding-bottom: 35px; }
.pv45-ns {
padding-top: 45px;
padding-bottom: 45px; }
.pv60-ns {
padding-top: 60px;
padding-bottom: 60px; }
.pv75-ns {
padding-top: 75px;
padding-bottom: 75px; }
.pv90-ns {
padding-top: 90px;
padding-bottom: 90px; }
.pv95-ns {
padding-top: 95px;
padding-bottom: 95px; }
.pv105-ns {
padding-top: 105px;
padding-bottom: 105px; }
.pv120-ns {
padding-top: 120px;
padding-bottom: 120px; }
.pv195-ns {
padding-top: 195px;
padding-bottom: 195px; }
.pa0-ns {
padding: 0; }
.pa5-ns {
padding: 5px; }
.pa10-ns {
padding: 10px; }
.pa15-ns {
padding: 15px; }
.pa20-ns {
padding: 20px; }
.pa25-ns {
padding: 25px; }
.pa30-ns {
padding: 30px; }
.pa35-ns {
padding: 35px; }
.pa45-ns {
padding: 45px; }
.pa60-ns {
padding: 60px; }
.pa75-ns {
padding: 75px; }
.pa90-ns {
padding: 90px; }
.pa95-ns {
padding: 95px; }
.pa105-ns {
padding: 105px; }
.pa120-ns {
padding: 120px; }
.pa195-ns {
padding: 195px; } }
@media screen and (min-width: 769px) {
.pt0-m {
padding-top: 0; }
.pt5-m {
padding-top: 5px; }
.pt10-m {
padding-top: 10px; }
.pt15-m {
padding-top: 15px; }
.pt20-m {
padding-top: 20px; }
.pt25-m {
padding-top: 25px; }
.pt30-m {
padding-top: 30px; }
.pt35-m {
padding-top: 35px; }
.pt45-m {
padding-top: 45px; }
.pt60-m {
padding-top: 60px; }
.pt75-m {
padding-top: 75px; }
.pt90-m {
padding-top: 90px; }
.pt95-m {
padding-top: 95px; }
.pt105-m {
padding-top: 105px; }
.pt120-m {
padding-top: 120px; }
.pt195-m {
padding-top: 195px; }
.pr0-m {
padding-right: 0; }
.pr5-m {
padding-right: 5px; }
.pr10-m {
padding-right: 10px; }
.pr15-m {
padding-right: 15px; }
.pr20-m {
padding-right: 20px; }
.pr25-m {
padding-right: 25px; }
.pr30-m {
padding-right: 30px; }
.pr35-m {
padding-right: 35px; }
.pr45-m {
padding-right: 45px; }
.pr60-m {
padding-right: 60px; }
.pr75-m {
padding-right: 75px; }
.pr90-m {
padding-right: 90px; }
.pr95-m {
padding-right: 95px; }
.pr105-m {
padding-right: 105px; }
.pr120-m {
padding-right: 120px; }
.pr195-m {
padding-right: 195px; }
.pb0-m {
padding-bottom: 0; }
.pb5-m {
padding-bottom: 5px; }
.pb10-m {
padding-bottom: 10px; }
.pb15-m {
padding-bottom: 15px; }
.pb20-m {
padding-bottom: 20px; }
.pb25-m {
padding-bottom: 25px; }
.pb30-m {
padding-bottom: 30px; }
.pb35-m {
padding-bottom: 35px; }
.pb45-m {
padding-bottom: 45px; }
.pb60-m {
padding-bottom: 60px; }
.pb75-m {
padding-bottom: 75px; }
.pb90-m {
padding-bottom: 90px; }
.pb95-m {
padding-bottom: 95px; }
.pb105-m {
padding-bottom: 105px; }
.pb120-m {
padding-bottom: 120px; }
.pb195-m {
padding-bottom: 195px; }
.pl0-m {
padding-left: 0; }
.pl5-m {
padding-left: 5px; }
.pl10-m {
padding-left: 10px; }
.pl15-m {
padding-left: 15px; }
.pl20-m {
padding-left: 20px; }
.pl25-m {
padding-left: 25px; }
.pl30-m {
padding-left: 30px; }
.pl35-m {
padding-left: 35px; }
.pl45-m {
padding-left: 45px; }
.pl60-m {
padding-left: 60px; }
.pl75-m {
padding-left: 75px; }
.pl90-m {
padding-left: 90px; }
.pl95-m {
padding-left: 95px; }
.pl105-m {
padding-left: 105px; }
.pl120-m {
padding-left: 120px; }
.pl195-m {
padding-left: 195px; }
.ph0-m {
padding-left: 0;
padding-right: 0; }
.ph5-m {
padding-left: 5px;
padding-right: 5px; }
.ph10-m {
padding-left: 10px;
padding-right: 10px; }
.ph15-m {
padding-left: 15px;
padding-right: 15px; }
.ph20-m {
padding-left: 20px;
padding-right: 20px; }
.ph25-m {
padding-left: 25px;
padding-right: 25px; }
.ph30-m {
padding-left: 30px;
padding-right: 30px; }
.ph35-m {
padding-left: 35px;
padding-right: 35px; }
.ph45-m {
padding-left: 45px;
padding-right: 45px; }
.ph60-m {
padding-left: 60px;
padding-right: 60px; }
.ph75-m {
padding-left: 75px;
padding-right: 75px; }
.ph90-m {
padding-left: 90px;
padding-right: 90px; }
.ph95-m {
padding-left: 95px;
padding-right: 95px; }
.ph105-m {
padding-left: 105px;
padding-right: 105px; }
.ph120-m {
padding-left: 120px;
padding-right: 120px; }
.ph195-m {
padding-left: 195px;
padding-right: 195px; }
.pv0-m {
padding-top: 0;
padding-bottom: 0; }
.pv5-m {
padding-top: 5px;
padding-bottom: 5px; }
.pv10-m {
padding-top: 10px;
padding-bottom: 10px; }
.pv15-m {
padding-top: 15px;
padding-bottom: 15px; }
.pv20-m {
padding-top: 20px;
padding-bottom: 20px; }
.pv25-m {
padding-top: 25px;
padding-bottom: 25px; }
.pv30-m {
padding-top: 30px;
padding-bottom: 30px; }
.pv35-m {
padding-top: 35px;
padding-bottom: 35px; }
.pv45-m {
padding-top: 45px;
padding-bottom: 45px; }
.pv60-m {
padding-top: 60px;
padding-bottom: 60px; }
.pv75-m {
padding-top: 75px;
padding-bottom: 75px; }
.pv90-m {
padding-top: 90px;
padding-bottom: 90px; }
.pv95-m {
padding-top: 95px;
padding-bottom: 95px; }
.pv105-m {
padding-top: 105px;
padding-bottom: 105px; }
.pv120-m {
padding-top: 120px;
padding-bottom: 120px; }
.pv195-m {
padding-top: 195px;
padding-bottom: 195px; }
.pa0-m {
padding: 0; }
.pa5-m {
padding: 5px; }
.pa10-m {
padding: 10px; }
.pa15-m {
padding: 15px; }
.pa20-m {
padding: 20px; }
.pa25-m {
padding: 25px; }
.pa30-m {
padding: 30px; }
.pa35-m {
padding: 35px; }
.pa45-m {
padding: 45px; }
.pa60-m {
padding: 60px; }
.pa75-m {
padding: 75px; }
.pa90-m {
padding: 90px; }
.pa95-m {
padding: 95px; }
.pa105-m {
padding: 105px; }
.pa120-m {
padding: 120px; }
.pa195-m {
padding: 195px; } }
@media screen and (min-width: 920px) {
.pt0-l {
padding-top: 0; }
.pt5-l {
padding-top: 5px; }
.pt10-l {
padding-top: 10px; }
.pt15-l {
padding-top: 15px; }
.pt20-l {
padding-top: 20px; }
.pt25-l {
padding-top: 25px; }
.pt30-l {
padding-top: 30px; }
.pt35-l {
padding-top: 35px; }
.pt45-l {
padding-top: 45px; }
.pt60-l {
padding-top: 60px; }
.pt75-l {
padding-top: 75px; }
.pt90-l {
padding-top: 90px; }
.pt95-l {
padding-top: 95px; }
.pt105-l {
padding-top: 105px; }
.pt120-l {
padding-top: 120px; }
.pt195-l {
padding-top: 195px; }
.pr0-l {
padding-right: 0; }
.pr5-l {
padding-right: 5px; }
.pr10-l {
padding-right: 10px; }
.pr15-l {
padding-right: 15px; }
.pr20-l {
padding-right: 20px; }
.pr25-l {
padding-right: 25px; }
.pr30-l {
padding-right: 30px; }
.pr35-l {
padding-right: 35px; }
.pr45-l {
padding-right: 45px; }
.pr60-l {
padding-right: 60px; }
.pr75-l {
padding-right: 75px; }
.pr90-l {
padding-right: 90px; }
.pr95-l {
padding-right: 95px; }
.pr105-l {
padding-right: 105px; }
.pr120-l {
padding-right: 120px; }
.pr195-l {
padding-right: 195px; }
.pb0-l {
padding-bottom: 0; }
.pb5-l {
padding-bottom: 5px; }
.pb10-l {
padding-bottom: 10px; }
.pb15-l {
padding-bottom: 15px; }
.pb20-l {
padding-bottom: 20px; }
.pb25-l {
padding-bottom: 25px; }
.pb30-l {
padding-bottom: 30px; }
.pb35-l {
padding-bottom: 35px; }
.pb45-l {
padding-bottom: 45px; }
.pb60-l {
padding-bottom: 60px; }
.pb75-l {
padding-bottom: 75px; }
.pb90-l {
padding-bottom: 90px; }
.pb95-l {
padding-bottom: 95px; }
.pb105-l {
padding-bottom: 105px; }
.pb120-l {
padding-bottom: 120px; }
.pb195-l {
padding-bottom: 195px; }
.pl0-l {
padding-left: 0; }
.pl5-l {
padding-left: 5px; }
.pl10-l {
padding-left: 10px; }
.pl15-l {
padding-left: 15px; }
.pl20-l {
padding-left: 20px; }
.pl25-l {
padding-left: 25px; }
.pl30-l {
padding-left: 30px; }
.pl35-l {
padding-left: 35px; }
.pl45-l {
padding-left: 45px; }
.pl60-l {
padding-left: 60px; }
.pl75-l {
padding-left: 75px; }
.pl90-l {
padding-left: 90px; }
.pl95-l {
padding-left: 95px; }
.pl105-l {
padding-left: 105px; }
.pl120-l {
padding-left: 120px; }
.pl195-l {
padding-left: 195px; }
.ph0-l {
padding-left: 0;
padding-right: 0; }
.ph5-l {
padding-left: 5px;
padding-right: 5px; }
.ph10-l {
padding-left: 10px;
padding-right: 10px; }
.ph15-l {
padding-left: 15px;
padding-right: 15px; }
.ph20-l {
padding-left: 20px;
padding-right: 20px; }
.ph25-l {
padding-left: 25px;
padding-right: 25px; }
.ph30-l {
padding-left: 30px;
padding-right: 30px; }
.ph35-l {
padding-left: 35px;
padding-right: 35px; }
.ph45-l {
padding-left: 45px;
padding-right: 45px; }
.ph60-l {
padding-left: 60px;
padding-right: 60px; }
.ph75-l {
padding-left: 75px;
padding-right: 75px; }
.ph90-l {
padding-left: 90px;
padding-right: 90px; }
.ph95-l {
padding-left: 95px;
padding-right: 95px; }
.ph105-l {
padding-left: 105px;
padding-right: 105px; }
.ph120-l {
padding-left: 120px;
padding-right: 120px; }
.ph195-l {
padding-left: 195px;
padding-right: 195px; }
.pv0-l {
padding-top: 0;
padding-bottom: 0; }
.pv5-l {
padding-top: 5px;
padding-bottom: 5px; }
.pv10-l {
padding-top: 10px;
padding-bottom: 10px; }
.pv15-l {
padding-top: 15px;
padding-bottom: 15px; }
.pv20-l {
padding-top: 20px;
padding-bottom: 20px; }
.pv25-l {
padding-top: 25px;
padding-bottom: 25px; }
.pv30-l {
padding-top: 30px;
padding-bottom: 30px; }
.pv35-l {
padding-top: 35px;
padding-bottom: 35px; }
.pv45-l {
padding-top: 45px;
padding-bottom: 45px; }
.pv60-l {
padding-top: 60px;
padding-bottom: 60px; }
.pv75-l {
padding-top: 75px;
padding-bottom: 75px; }
.pv90-l {
padding-top: 90px;
padding-bottom: 90px; }
.pv95-l {
padding-top: 95px;
padding-bottom: 95px; }
.pv105-l {
padding-top: 105px;
padding-bottom: 105px; }
.pv120-l {
padding-top: 120px;
padding-bottom: 120px; }
.pv195-l {
padding-top: 195px;
padding-bottom: 195px; }
.pa0-l {
padding: 0; }
.pa5-l {
padding: 5px; }
.pa10-l {
padding: 10px; }
.pa15-l {
padding: 15px; }
.pa20-l {
padding: 20px; }
.pa25-l {
padding: 25px; }
.pa30-l {
padding: 30px; }
.pa35-l {
padding: 35px; }
.pa45-l {
padding: 45px; }
.pa60-l {
padding: 60px; }
.pa75-l {
padding: 75px; }
.pa90-l {
padding: 90px; }
.pa95-l {
padding: 95px; }
.pa105-l {
padding: 105px; }
.pa120-l {
padding: 120px; }
.pa195-l {
padding: 195px; } }
@media screen and (min-width: 1200px) {
.pt0-w {
padding-top: 0; }
.pt5-w {
padding-top: 5px; }
.pt10-w {
padding-top: 10px; }
.pt15-w {
padding-top: 15px; }
.pt20-w {
padding-top: 20px; }
.pt25-w {
padding-top: 25px; }
.pt30-w {
padding-top: 30px; }
.pt35-w {
padding-top: 35px; }
.pt45-w {
padding-top: 45px; }
.pt60-w {
padding-top: 60px; }
.pt75-w {
padding-top: 75px; }
.pt90-w {
padding-top: 90px; }
.pt95-w {
padding-top: 95px; }
.pt105-w {
padding-top: 105px; }
.pt120-w {
padding-top: 120px; }
.pt195-w {
padding-top: 195px; }
.pr0-w {
padding-right: 0; }
.pr5-w {
padding-right: 5px; }
.pr10-w {
padding-right: 10px; }
.pr15-w {
padding-right: 15px; }
.pr20-w {
padding-right: 20px; }
.pr25-w {
padding-right: 25px; }
.pr30-w {
padding-right: 30px; }
.pr35-w {
padding-right: 35px; }
.pr45-w {
padding-right: 45px; }
.pr60-w {
padding-right: 60px; }
.pr75-w {
padding-right: 75px; }
.pr90-w {
padding-right: 90px; }
.pr95-w {
padding-right: 95px; }
.pr105-w {
padding-right: 105px; }
.pr120-w {
padding-right: 120px; }
.pr195-w {
padding-right: 195px; }
.pb0-w {
padding-bottom: 0; }
.pb5-w {
padding-bottom: 5px; }
.pb10-w {
padding-bottom: 10px; }
.pb15-w {
padding-bottom: 15px; }
.pb20-w {
padding-bottom: 20px; }
.pb25-w {
padding-bottom: 25px; }
.pb30-w {
padding-bottom: 30px; }
.pb35-w {
padding-bottom: 35px; }
.pb45-w {
padding-bottom: 45px; }
.pb60-w {
padding-bottom: 60px; }
.pb75-w {
padding-bottom: 75px; }
.pb90-w {
padding-bottom: 90px; }
.pb95-w {
padding-bottom: 95px; }
.pb105-w {
padding-bottom: 105px; }
.pb120-w {
padding-bottom: 120px; }
.pb195-w {
padding-bottom: 195px; }
.pl0-w {
padding-left: 0; }
.pl5-w {
padding-left: 5px; }
.pl10-w {
padding-left: 10px; }
.pl15-w {
padding-left: 15px; }
.pl20-w {
padding-left: 20px; }
.pl25-w {
padding-left: 25px; }
.pl30-w {
padding-left: 30px; }
.pl35-w {
padding-left: 35px; }
.pl45-w {
padding-left: 45px; }
.pl60-w {
padding-left: 60px; }
.pl75-w {
padding-left: 75px; }
.pl90-w {
padding-left: 90px; }
.pl95-w {
padding-left: 95px; }
.pl105-w {
padding-left: 105px; }
.pl120-w {
padding-left: 120px; }
.pl195-w {
padding-left: 195px; }
.ph0-w {
padding-left: 0;
padding-right: 0; }
.ph5-w {
padding-left: 5px;
padding-right: 5px; }
.ph10-w {
padding-left: 10px;
padding-right: 10px; }
.ph15-w {
padding-left: 15px;
padding-right: 15px; }
.ph20-w {
padding-left: 20px;
padding-right: 20px; }
.ph25-w {
padding-left: 25px;
padding-right: 25px; }
.ph30-w {
padding-left: 30px;
padding-right: 30px; }
.ph35-w {
padding-left: 35px;
padding-right: 35px; }
.ph45-w {
padding-left: 45px;
padding-right: 45px; }
.ph60-w {
padding-left: 60px;
padding-right: 60px; }
.ph75-w {
padding-left: 75px;
padding-right: 75px; }
.ph90-w {
padding-left: 90px;
padding-right: 90px; }
.ph95-w {
padding-left: 95px;
padding-right: 95px; }
.ph105-w {
padding-left: 105px;
padding-right: 105px; }
.ph120-w {
padding-left: 120px;
padding-right: 120px; }
.ph195-w {
padding-left: 195px;
padding-right: 195px; }
.pv0-w {
padding-top: 0;
padding-bottom: 0; }
.pv5-w {
padding-top: 5px;
padding-bottom: 5px; }
.pv10-w {
padding-top: 10px;
padding-bottom: 10px; }
.pv15-w {
padding-top: 15px;
padding-bottom: 15px; }
.pv20-w {
padding-top: 20px;
padding-bottom: 20px; }
.pv25-w {
padding-top: 25px;
padding-bottom: 25px; }
.pv30-w {
padding-top: 30px;
padding-bottom: 30px; }
.pv35-w {
padding-top: 35px;
padding-bottom: 35px; }
.pv45-w {
padding-top: 45px;
padding-bottom: 45px; }
.pv60-w {
padding-top: 60px;
padding-bottom: 60px; }
.pv75-w {
padding-top: 75px;
padding-bottom: 75px; }
.pv90-w {
padding-top: 90px;
padding-bottom: 90px; }
.pv95-w {
padding-top: 95px;
padding-bottom: 95px; }
.pv105-w {
padding-top: 105px;
padding-bottom: 105px; }
.pv120-w {
padding-top: 120px;
padding-bottom: 120px; }
.pv195-w {
padding-top: 195px;
padding-bottom: 195px; }
.pa0-w {
padding: 0; }
.pa5-w {
padding: 5px; }
.pa10-w {
padding: 10px; }
.pa15-w {
padding: 15px; }
.pa20-w {
padding: 20px; }
.pa25-w {
padding: 25px; }
.pa30-w {
padding: 30px; }
.pa35-w {
padding: 35px; }
.pa45-w {
padding: 45px; }
.pa60-w {
padding: 60px; }
.pa75-w {
padding: 75px; }
.pa90-w {
padding: 90px; }
.pa95-w {
padding: 95px; }
.pa105-w {
padding: 105px; }
.pa120-w {
padding: 120px; }
.pa195-w {
padding: 195px; } }
.ml-auto {
margin-left: auto; }
.mr-auto {
margin-right: auto; }
.mh-auto {
margin-left: auto;
margin-right: auto; }
.mh--15 {
margin-left: -15px;
margin-right: -15px; }
@media screen and (min-width: 320px) {
.ml-auto-ns {
margin-left: auto; }
.mr-auto-ns {
margin-right: auto; }
.mh-auto-ns {
margin-left: auto;
margin-right: auto; }
.mh--15-ns {
margin-left: -15px;
margin-right: -15px; } }
@media screen and (min-width: 769px) {
.ml-auto-m {
margin-left: auto; }
.mr-auto-m {
margin-right: auto; }
.mh-auto-m {
margin-left: auto;
margin-right: auto; }
.mh--15-m {
margin-left: -15px;
margin-right: -15px; } }
@media screen and (min-width: 920px) {
.ml-auto-l {
margin-left: auto; }
.mr-auto-l {
margin-right: auto; }
.mh-auto-l {
margin-left: auto;
margin-right: auto; }
.mh--15-l {
margin-left: -15px;
margin-right: -15px; } }
@media screen and (min-width: 1200px) {
.ml-auto-w {
margin-left: auto; }
.mr-auto-w {
margin-right: auto; }
.mh-auto-w {
margin-left: auto;
margin-right: auto; }
.mh--15-w {
margin-left: -15px;
margin-right: -15px; } }
.stroke-current {
stroke: currentColor; }
.table-fixed {
table-layout: fixed; }
.t-a-right {
text-align: right; }
.t-a-center {
text-align: center; }
.t-a-left {
text-align: left; }
.safari-text {
white-space: nowrap !important;
text-align: center !important; }
.text-decor-none {
text-decoration: none; }
.t-uppercase {
text-transform: uppercase; }
.t-capitalize {
text-transform: capitalize; }
.t-deco-none {
text-decoration: none; }
.translateY-0 {
-webkit-transform: translateY(0);
transform: translateY(0); }
.translateY-100 {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.translateY--50 {
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.translateX-0 {
-webkit-transform: translateX(0);
transform: translateX(0); }
.translateX--50 {
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.translateX--100 {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.translate--50-100 {
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%); }
.translate--50-50 {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%); }
.translate--50--50 {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.origin-center {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.origin-top-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0; }
.bf-h {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.transition-standard {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.transition-reveal {
-webkit-transition: opacity 0.2s ease-out 0s, visibility 0s linear 0.2s, -webkit-transform 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s, visibility 0s linear 0.2s, -webkit-transform 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s, transform 0.2s ease-out 0s, visibility 0s linear 0.2s;
transition: opacity 0.2s ease-out 0s, transform 0.2s ease-out 0s, visibility 0s linear 0.2s, -webkit-transform 0.2s ease-out 0s; }
.transition-no-delay {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.hidden {
visibility: hidden; }
.visible {
visibility: visible; }
.vis-hidden {
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden; }
.ws-prewrap {
white-space: pre-wrap; }
.w1 {
width: 1rem; }
.w2 {
width: 2rem; }
.w3 {
width: 3rem; }
.w4 {
width: 4rem; }
.w5 {
width: 5rem; }
.w6 {
width: 6rem; }
.w-200px {
width: 200px; }
.w-150px {
width: 150px; }
.w-120px {
width: 120px; }
.w-60px {
width: 60px; }
.w-20px {
width: 20px; }
.w-5px {
width: 5px; }
.w-10p {
width: 10%; }
.w-20p {
width: 20%; }
.w-30p {
width: 30%; }
.w-40p {
width: 40%; }
.w-50p {
width: 50%; }
.w-60p {
width: 60%; }
.w-70p {
width: 70%; }
.w-90p {
width: 90%; }
.w-100p {
width: 100%; }
@media (max-width: 57.49em) {
.w-100p--tablet {
width: 100%; } }
.w-fit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
@media screen and (min-width: 320px) {
.w1-ns {
width: 1rem; }
.w2-ns {
width: 2rem; }
.w3-ns {
width: 3rem; }
.w4-ns {
width: 4rem; }
.w5-ns {
width: 5rem; }
.w6-ns {
width: 6rem; }
.w8-ns {
width: 8rem; }
.w10-ns {
width: 10rem; }
.w11-ns {
width: 11rem; }
.w12-ns {
width: 12rem; } }
@media screen and (min-width: 769px) {
.w1-m {
width: 1rem; }
.w2-m {
width: 2rem; }
.w3-m {
width: 3rem; }
.w4-m {
width: 4rem; }
.w5-m {
width: 5rem; }
.w6-m {
width: 6rem; } }
@media screen and (min-width: 920px) {
.w1-l {
width: 1rem; }
.w2-l {
width: 2rem; }
.w3-l {
width: 3rem; }
.w4-l {
width: 4rem; }
.w5-l {
width: 5rem; }
.w6-l {
width: 6rem; } }
.word-break-all {
word-break: break-all; }
.wrap-break-word {
word-wrap: break-word; }
.z-under {
z-index: -1; }
.z-over {
z-index: 1; }
.f-12 {
font-size: 12px; }
.f-15 {
font-size: 15px; }
.f-18 {
font-size: 18px; }
.f-20 {
font-size: 20px; }
.f-24 {
font-size: 24px; }
.f-25 {
font-size: 25px; }
.f-30 {
font-size: 30px; }
.f-36 {
font-size: 36px; }
.f-40 {
font-size: 40px; }
.f-48 {
font-size: 48px; }
.three-up-grid {
width: 100%;
margin: 60px 0 0 0; }
.three-up-grid .grid-item {
width: 100%;
text-align: center; }
.three-up-grid .grid-item__copy {
width: 91%;
margin-top: 40px;
text-align: left; }
.three-up-grid .grid-item__copy span {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
display: inline-block;
margin-right: 10px;
font-size: 19px; }
.three-up-grid .grid-item__copy .t-default + .t-default {
margin-top: 12px; }
@media (min-width: 57.5em) {
.three-up-grid .grid-item__copy .t-default + .t-default {
margin-top: 20px; } }
@media (min-width: 48.0625em) {
.three-up-grid .grid-item__copy {
margin-top: 60px; } }
@media (min-width: 57.5em) {
.three-up-grid .grid-item {
width: calc((100% - 80px)/3); } }
@media (min-width: 57.5em) {
.three-up-grid {
-webkit-box-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: flex; } }
.two-up-grid--fluid {
width: 100%; }
.two-up-grid--fluid::after {
content: '';
display: table;
clear: both; }
.two-up-grid--fluid__item {
width: 100%;
box-sizing: border-box;
margin: 0 0 30px;
padding: 30px; }
@media (min-width: 48.0625em) {
.two-up-grid--fluid__item {
width: calc(50% - 15px);
float: left; }
.two-up-grid--fluid__item:nth-of-type(even) {
margin-left: 30px; }
.two-up-grid--fluid__item:last-of-type, .two-up-grid--fluid__item:nth-of-type(odd):nth-last-of-type(2) {
margin-bottom: 0; } }
.above-grid {
z-index: 3; }
.content-on-grid {
z-index: 3; }
.z-content {
z-index: 4; }
.bt-grey--dark {
border-top: 1px solid #dee1e6; }
.mb20-40 {
margin-bottom: 20px; }
@media (min-width: 48.0625em) {
.mb20-40 {
margin-bottom: 40px; } }
.error-wrapper ul {
display: -webkit-box;
display: flex;
margin-bottom: 30px;
margin-top: 30px;
padding-bottom: 12px;
padding-left: 0px;
padding-top: 12px;
-webkit-box-pack: center;
justify-content: center;
color: #e3101d;
list-style-type: none;
background-color: rgba(243, 99, 108, 0.1);
border-radius: 4px; }
.input-error-wrapper input,
.input-error-wrapper textarea,
.input-error-wrapper select {
border: 1px solid #F3636C; }
.input-error-wrapper input:focus,
.input-error-wrapper textarea:focus,
.input-error-wrapper select:focus {
outline: none; }
.error-wrap {
display: -webkit-box;
display: flex;
margin-bottom: 30px;
margin-top: 30px;
padding-bottom: 12px;
padding-left: 0px;
padding-top: 12px;
-webkit-box-pack: center;
justify-content: center;
color: #e3101d;
background-color: rgba(243, 99, 108, 0.1);
border-radius: 4px; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
html {
font-size: 15px; }
body {
color: #394e60;
overflow-x: hidden;
-webkit-font-smoothing: antialiased; }
body.no-scroll {
overflow: hidden; }
svg {
max-width: 100%; }
.container {
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
max-width: 1078px; }
@media (min-width: 48.0625em) {
.container--narrow {
max-width: 690px; } }
@media (min-width: 48.0625em) {
.container--medium-less {
max-width: 860px; } }
@media (min-width: 48.0625em) {
.container--medium {
max-width: 1050px; } }
@media (max-width: 48.0525em) {
.container--full {
width: 100%; } }
@media (min-width: 48.0625em) {
.container--x-small {
max-width: 510px; } }
@media (min-width: 48.0625em) {
.container--with-sidebar {
margin-left: 90px;
margin-right: 90px; } }
.section-head__container {
width: calc(100% - 60px);
margin: 20px auto 0; }
@media (min-width: 48.0625em) {
.section-head__container {
width: 100%;
margin: 0; } }
.page-error {
padding: 160px 0 100px;
text-align: center; }
.page-error .illustration {
margin-bottom: 60px; }
.page-error .illustration svg {
width: 95%;
height: auto;
max-width: 928px; }
img#ee {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transition: left 0.3s ease-in-out;
transition: left 0.3s ease-in-out;
width: 500px;
height: auto;
bottom: -50px;
left: -500px;
position: fixed; }
img#ee.is-visible {
left: -100px;
z-index: 10000; }
.snippet button {
background: none;
border: 1px solid #fff;
visibility: hidden; }
.snippet button p {
font-size: 12px; }
.snippet button:focus {
outline: 0; }
.snippet .copy-confirm {
font-size: 10px;
margin: auto 0;
margin-left: 1rem;
visibility: hidden; }
.user-notification-dot {
position: relative;
top: -8px;
display: inline-block;
width: 5px;
height: 5px;
background-color: #F3636C;
border-radius: 50%;
/* This is a a couple of kludger fixes for these dots on the developer apps list. There this user-notification-dot is
* inside a div with flexbox stuff and a .flex class. We could do .flex .user-notification-dot to fix it, but that risks
* breaking it everywhere else I already know it displays correctly, so I am just adding a new modifier class here
* to make it reusable (hopefully) but on effect the one place I need it to
*/ }
.user-notification-dot--devapps {
top: 0;
right: -3px; }
.user-notification-dot--webengine {
top: 5px;
right: -3px; }
.fc-white--stop4 {
opacity: 0.4; }
.svg-lime g {
fill: #78C96F; }
.svg-ios-tutorial #Fill-1 {
fill: #3AC2B4; }
.svg-android-tutorial #Fill-1 {
fill: #2BB074; }
.svg-core-tutorial #Fill-1 {
fill: #78C96F; }
.svg-server-tutorial #Fill-1 {
fill: #5DA0DE; }
.svg-shaid-tutorial #Fill-1 {
fill: #F39659; }
.docs-theme .main-header {
background: #6BBD62;
border-bottom: 0; }
.docs-theme .main-header .sdl-logo__mark::after {
display: none; }
.docs-theme .docs-back-button {
background-color: #78C96F; }
.docs-theme .docs-back-button svg g {
fill: #6BBD62; }
.docs-theme a.back-to-top:hover {
background: #89D681; }
.docs-theme .mobile-select .documentation-select {
background-color: #89D681; }
.docs-theme .sidebar-nav a:hover {
color: #6BBD62; }
.docs-theme .sidebar-nav a.is-active {
color: #6BBD62; }
.docs-theme .sidebar-nav a.with-sub svg g {
fill: #6BBD62; }
.docs-theme #documentation h4 {
color: #6BBD62; }
.docs-theme #documentation h4::before {
background: #6BBD62; }
.docs-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #6BBD62; }
.docs-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #6BBD62; }
.docs-theme #documentation__content .method__type > span {
background-color: #78C96F; }
.docs-theme #documentation__content #request,
.docs-theme #documentation__content #response {
color: #78C96F; }
.docs-theme .article__pagination svg g {
fill: #6BBD62; }
.docs-theme .article__pagination a::after {
background: #6BBD62; }
.docs-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.docs-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.docs-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.docs-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.docs-theme #page-header {
background: #78C96F; }
.docs-theme .fc-theme {
color: #78C96F; }
.docs-theme .bg-theme {
background: #78C96F; }
.docs-theme .svg-theme-fill {
fill: #78C96F; }
.docs-theme .visual-link__link::after {
background: #78C96F; }
.docs-theme footer.main-footer .section-head {
color: #6BBD62; }
.docs-theme footer.main-footer .section-head::before {
background-color: #6BBD62; }
.docs-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #78C96F; }
.docs-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #78C96F; }
.android-theme .main-header {
background: #25A169;
border-bottom: 0; }
.android-theme .main-header .sdl-logo__mark::after {
display: none; }
.android-theme .docs-back-button {
background-color: #2BB074; }
.android-theme .docs-back-button svg g {
fill: #25A169; }
.android-theme a.back-to-top:hover {
background: #3DC085; }
.android-theme .mobile-select .documentation-select {
background-color: #3DC085; }
.android-theme .sidebar-nav a:hover {
color: #25A169; }
.android-theme .sidebar-nav a.is-active {
color: #25A169; }
.android-theme .sidebar-nav a.with-sub svg g {
fill: #25A169; }
.android-theme #documentation h4 {
color: #25A169; }
.android-theme #documentation h4::before {
background: #25A169; }
.android-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #25A169; }
.android-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #25A169; }
.android-theme #documentation__content .method__type > span {
background-color: #2BB074; }
.android-theme #documentation__content #request,
.android-theme #documentation__content #response {
color: #2BB074; }
.android-theme .article__pagination svg g {
fill: #25A169; }
.android-theme .article__pagination a::after {
background: #25A169; }
.android-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.android-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.android-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.android-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.android-theme #page-header {
background: #2BB074; }
.android-theme .fc-theme {
color: #2BB074; }
.android-theme .bg-theme {
background: #2BB074; }
.android-theme .svg-theme-fill {
fill: #2BB074; }
.android-theme .visual-link__link::after {
background: #2BB074; }
.android-theme footer.main-footer .section-head {
color: #25A169; }
.android-theme footer.main-footer .section-head::before {
background-color: #25A169; }
.android-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #2BB074; }
.android-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #2BB074; }
.ios-theme .main-header {
background: #2AB1A3;
border-bottom: 0; }
.ios-theme .main-header .sdl-logo__mark::after {
display: none; }
.ios-theme .docs-back-button {
background-color: #3AC2B4; }
.ios-theme .docs-back-button svg g {
fill: #2AB1A3; }
.ios-theme a.back-to-top:hover {
background: #47D0C3; }
.ios-theme .mobile-select .documentation-select {
background-color: #47D0C3; }
.ios-theme .sidebar-nav a:hover {
color: #2AB1A3; }
.ios-theme .sidebar-nav a.is-active {
color: #2AB1A3; }
.ios-theme .sidebar-nav a.with-sub svg g {
fill: #2AB1A3; }
.ios-theme #documentation h4 {
color: #2AB1A3; }
.ios-theme #documentation h4::before {
background: #2AB1A3; }
.ios-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #2AB1A3; }
.ios-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #2AB1A3; }
.ios-theme #documentation__content .method__type > span {
background-color: #3AC2B4; }
.ios-theme #documentation__content #request,
.ios-theme #documentation__content #response {
color: #3AC2B4; }
.ios-theme .article__pagination svg g {
fill: #2AB1A3; }
.ios-theme .article__pagination a::after {
background: #2AB1A3; }
.ios-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.ios-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.ios-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.ios-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.ios-theme #page-header {
background: #3AC2B4; }
.ios-theme .fc-theme {
color: #3AC2B4; }
.ios-theme .bg-theme {
background: #3AC2B4; }
.ios-theme .svg-theme-fill {
fill: #3AC2B4; }
.ios-theme .visual-link__link::after {
background: #3AC2B4; }
.ios-theme footer.main-footer .section-head {
color: #2AB1A3; }
.ios-theme footer.main-footer .section-head::before {
background-color: #2AB1A3; }
.ios-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #3AC2B4; }
.ios-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #3AC2B4; }
.static-theme .main-header {
background: #d2d5da;
border-bottom: 0; }
.static-theme .main-header .sdl-logo__mark::after {
display: none; }
.static-theme .docs-back-button {
background-color: #A9B3BD; }
.static-theme .docs-back-button svg g {
fill: #d2d5da; }
.static-theme a.back-to-top:hover {
background: #dee1e6; }
.static-theme .mobile-select .documentation-select {
background-color: #dee1e6; }
.static-theme .sidebar-nav a:hover {
color: #d2d5da; }
.static-theme .sidebar-nav a.is-active {
color: #d2d5da; }
.static-theme .sidebar-nav a.with-sub svg g {
fill: #d2d5da; }
.static-theme #documentation h4 {
color: #d2d5da; }
.static-theme #documentation h4::before {
background: #d2d5da; }
.static-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #d2d5da; }
.static-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #d2d5da; }
.static-theme #documentation__content .method__type > span {
background-color: #A9B3BD; }
.static-theme #documentation__content #request,
.static-theme #documentation__content #response {
color: #A9B3BD; }
.static-theme .article__pagination svg g {
fill: #d2d5da; }
.static-theme .article__pagination a::after {
background: #d2d5da; }
.static-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.static-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.static-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.static-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.static-theme #page-header {
background: #A9B3BD; }
.static-theme .fc-theme {
color: #A9B3BD; }
.static-theme .bg-theme {
background: #A9B3BD; }
.static-theme .svg-theme-fill {
fill: #A9B3BD; }
.static-theme .visual-link__link::after {
background: #A9B3BD; }
.static-theme footer.main-footer .section-head {
color: #d2d5da; }
.static-theme footer.main-footer .section-head::before {
background-color: #d2d5da; }
.static-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #A9B3BD; }
.static-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #A9B3BD; }
.shaid-theme .main-header {
background: #E98441;
border-bottom: 0; }
.shaid-theme .main-header .sdl-logo__mark::after {
display: none; }
.shaid-theme .docs-back-button {
background-color: #F39659; }
.shaid-theme .docs-back-button svg g {
fill: #E98441; }
.shaid-theme a.back-to-top:hover {
background: #FDA165; }
.shaid-theme .mobile-select .documentation-select {
background-color: #FDA165; }
.shaid-theme .sidebar-nav a:hover {
color: #E98441; }
.shaid-theme .sidebar-nav a.is-active {
color: #E98441; }
.shaid-theme .sidebar-nav a.with-sub svg g {
fill: #E98441; }
.shaid-theme #documentation h4 {
color: #E98441; }
.shaid-theme #documentation h4::before {
background: #E98441; }
.shaid-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #E98441; }
.shaid-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #E98441; }
.shaid-theme #documentation__content .method__type > span {
background-color: #F39659; }
.shaid-theme #documentation__content #request,
.shaid-theme #documentation__content #response {
color: #F39659; }
.shaid-theme .article__pagination svg g {
fill: #E98441; }
.shaid-theme .article__pagination a::after {
background: #E98441; }
.shaid-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.shaid-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.shaid-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.shaid-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.shaid-theme #page-header {
background: #F39659; }
.shaid-theme .fc-theme {
color: #F39659; }
.shaid-theme .bg-theme {
background: #F39659; }
.shaid-theme .svg-theme-fill {
fill: #F39659; }
.shaid-theme .visual-link__link::after {
background: #F39659; }
.shaid-theme footer.main-footer .section-head {
color: #E98441; }
.shaid-theme footer.main-footer .section-head::before {
background-color: #E98441; }
.shaid-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #F39659; }
.shaid-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #F39659; }
.server-theme .main-header {
background: #2b588f;
border-bottom: 0; }
.server-theme .main-header .sdl-logo__mark::after {
display: none; }
.server-theme .docs-back-button {
background-color: #366FB3; }
.server-theme .docs-back-button svg g {
fill: #2b588f; }
.server-theme a.back-to-top:hover {
background: #5e8bc2; }
.server-theme .mobile-select .documentation-select {
background-color: #5e8bc2; }
.server-theme .sidebar-nav a:hover {
color: #2b588f; }
.server-theme .sidebar-nav a.is-active {
color: #2b588f; }
.server-theme .sidebar-nav a.with-sub svg g {
fill: #2b588f; }
.server-theme #documentation h4 {
color: #2b588f; }
.server-theme #documentation h4::before {
background: #2b588f; }
.server-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #2b588f; }
.server-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #2b588f; }
.server-theme #documentation__content .method__type > span {
background-color: #366FB3; }
.server-theme #documentation__content #request,
.server-theme #documentation__content #response {
color: #366FB3; }
.server-theme .article__pagination svg g {
fill: #2b588f; }
.server-theme .article__pagination a::after {
background: #2b588f; }
.server-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.server-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.server-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.server-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.server-theme #page-header {
background: #366FB3; }
.server-theme .fc-theme {
color: #366FB3; }
.server-theme .bg-theme {
background: #366FB3; }
.server-theme .svg-theme-fill {
fill: #366FB3; }
.server-theme .visual-link__link::after {
background: #366FB3; }
.server-theme footer.main-footer .section-head {
color: #2b588f; }
.server-theme footer.main-footer .section-head::before {
background-color: #2b588f; }
.server-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #366FB3; }
.server-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #366FB3; }
.hmi-theme .main-header {
background: #478CCB;
border-bottom: 0; }
.hmi-theme .main-header .sdl-logo__mark::after {
display: none; }
.hmi-theme .docs-back-button {
background-color: #5DA0DE; }
.hmi-theme .docs-back-button svg g {
fill: #478CCB; }
.hmi-theme a.back-to-top:hover {
background: #6BACE7; }
.hmi-theme .mobile-select .documentation-select {
background-color: #6BACE7; }
.hmi-theme .sidebar-nav a:hover {
color: #478CCB; }
.hmi-theme .sidebar-nav a.is-active {
color: #478CCB; }
.hmi-theme .sidebar-nav a.with-sub svg g {
fill: #478CCB; }
.hmi-theme #documentation h4 {
color: #478CCB; }
.hmi-theme #documentation h4::before {
background: #478CCB; }
.hmi-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #478CCB; }
.hmi-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #478CCB; }
.hmi-theme #documentation__content .method__type > span {
background-color: #5DA0DE; }
.hmi-theme #documentation__content #request,
.hmi-theme #documentation__content #response {
color: #5DA0DE; }
.hmi-theme .article__pagination svg g {
fill: #478CCB; }
.hmi-theme .article__pagination a::after {
background: #478CCB; }
.hmi-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.hmi-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.hmi-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.hmi-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.hmi-theme #page-header {
background: #5DA0DE; }
.hmi-theme .fc-theme {
color: #5DA0DE; }
.hmi-theme .bg-theme {
background: #5DA0DE; }
.hmi-theme .svg-theme-fill {
fill: #5DA0DE; }
.hmi-theme .visual-link__link::after {
background: #5DA0DE; }
.hmi-theme footer.main-footer .section-head {
color: #478CCB; }
.hmi-theme footer.main-footer .section-head::before {
background-color: #478CCB; }
.hmi-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #5DA0DE; }
.hmi-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #5DA0DE; }
.manticore-blue-theme .main-header {
background: #5080cc;
border-bottom: 0; }
.manticore-blue-theme .main-header .sdl-logo__mark::after {
display: none; }
.manticore-blue-theme .docs-back-button {
background-color: #65a0ff; }
.manticore-blue-theme .docs-back-button svg g {
fill: #5080cc; }
.manticore-blue-theme a.back-to-top:hover {
background: #76abfc; }
.manticore-blue-theme .mobile-select .documentation-select {
background-color: #76abfc; }
.manticore-blue-theme .sidebar-nav a:hover {
color: #5080cc; }
.manticore-blue-theme .sidebar-nav a.is-active {
color: #5080cc; }
.manticore-blue-theme .sidebar-nav a.with-sub svg g {
fill: #5080cc; }
.manticore-blue-theme #documentation h4 {
color: #5080cc; }
.manticore-blue-theme #documentation h4::before {
background: #5080cc; }
.manticore-blue-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #5080cc; }
.manticore-blue-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #5080cc; }
.manticore-blue-theme #documentation__content .method__type > span {
background-color: #65a0ff; }
.manticore-blue-theme #documentation__content #request,
.manticore-blue-theme #documentation__content #response {
color: #65a0ff; }
.manticore-blue-theme .article__pagination svg g {
fill: #5080cc; }
.manticore-blue-theme .article__pagination a::after {
background: #5080cc; }
.manticore-blue-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.manticore-blue-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.manticore-blue-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.manticore-blue-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.manticore-blue-theme #page-header {
background: #65a0ff; }
.manticore-blue-theme .fc-theme {
color: #65a0ff; }
.manticore-blue-theme .bg-theme {
background: #65a0ff; }
.manticore-blue-theme .svg-theme-fill {
fill: #65a0ff; }
.manticore-blue-theme .visual-link__link::after {
background: #65a0ff; }
.manticore-blue-theme footer.main-footer .section-head {
color: #5080cc; }
.manticore-blue-theme footer.main-footer .section-head::before {
background-color: #5080cc; }
.manticore-blue-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #65a0ff; }
.manticore-blue-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #65a0ff; }
.custom1-theme .main-header {
background: #c29c47;
border-bottom: 0; }
.custom1-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom1-theme .docs-back-button {
background-color: #f3c359; }
.custom1-theme .docs-back-button svg g {
fill: #c29c47; }
.custom1-theme a.back-to-top:hover {
background: #f5cf7a; }
.custom1-theme .mobile-select .documentation-select {
background-color: #f5cf7a; }
.custom1-theme .sidebar-nav a:hover {
color: #c29c47; }
.custom1-theme .sidebar-nav a.is-active {
color: #c29c47; }
.custom1-theme .sidebar-nav a.with-sub svg g {
fill: #c29c47; }
.custom1-theme #documentation h4 {
color: #c29c47; }
.custom1-theme #documentation h4::before {
background: #c29c47; }
.custom1-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #c29c47; }
.custom1-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #c29c47; }
.custom1-theme #documentation__content .method__type > span {
background-color: #f3c359; }
.custom1-theme #documentation__content #request,
.custom1-theme #documentation__content #response {
color: #f3c359; }
.custom1-theme .article__pagination svg g {
fill: #c29c47; }
.custom1-theme .article__pagination a::after {
background: #c29c47; }
.custom1-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom1-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom1-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom1-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom1-theme #page-header {
background: #f3c359; }
.custom1-theme .fc-theme {
color: #f3c359; }
.custom1-theme .bg-theme {
background: #f3c359; }
.custom1-theme .svg-theme-fill {
fill: #f3c359; }
.custom1-theme .visual-link__link::after {
background: #f3c359; }
.custom1-theme footer.main-footer .section-head {
color: #c29c47; }
.custom1-theme footer.main-footer .section-head::before {
background-color: #c29c47; }
.custom1-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #f3c359; }
.custom1-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #f3c359; }
.custom2-theme .main-header {
background: #b04c63;
border-bottom: 0; }
.custom2-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom2-theme .docs-back-button {
background-color: #dd5f7c; }
.custom2-theme .docs-back-button svg g {
fill: #b04c63; }
.custom2-theme a.back-to-top:hover {
background: #e37f96; }
.custom2-theme .mobile-select .documentation-select {
background-color: #e37f96; }
.custom2-theme .sidebar-nav a:hover {
color: #b04c63; }
.custom2-theme .sidebar-nav a.is-active {
color: #b04c63; }
.custom2-theme .sidebar-nav a.with-sub svg g {
fill: #b04c63; }
.custom2-theme #documentation h4 {
color: #b04c63; }
.custom2-theme #documentation h4::before {
background: #b04c63; }
.custom2-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #b04c63; }
.custom2-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #b04c63; }
.custom2-theme #documentation__content .method__type > span {
background-color: #dd5f7c; }
.custom2-theme #documentation__content #request,
.custom2-theme #documentation__content #response {
color: #dd5f7c; }
.custom2-theme .article__pagination svg g {
fill: #b04c63; }
.custom2-theme .article__pagination a::after {
background: #b04c63; }
.custom2-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom2-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom2-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom2-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom2-theme #page-header {
background: #dd5f7c; }
.custom2-theme .fc-theme {
color: #dd5f7c; }
.custom2-theme .bg-theme {
background: #dd5f7c; }
.custom2-theme .svg-theme-fill {
fill: #dd5f7c; }
.custom2-theme .visual-link__link::after {
background: #dd5f7c; }
.custom2-theme footer.main-footer .section-head {
color: #b04c63; }
.custom2-theme footer.main-footer .section-head::before {
background-color: #b04c63; }
.custom2-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #dd5f7c; }
.custom2-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #dd5f7c; }
.custom3-theme .main-header {
background: #31684f;
border-bottom: 0; }
.custom3-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom3-theme .docs-back-button {
background-color: #3e8263; }
.custom3-theme .docs-back-button svg g {
fill: #31684f; }
.custom3-theme a.back-to-top:hover {
background: #649b82; }
.custom3-theme .mobile-select .documentation-select {
background-color: #649b82; }
.custom3-theme .sidebar-nav a:hover {
color: #31684f; }
.custom3-theme .sidebar-nav a.is-active {
color: #31684f; }
.custom3-theme .sidebar-nav a.with-sub svg g {
fill: #31684f; }
.custom3-theme #documentation h4 {
color: #31684f; }
.custom3-theme #documentation h4::before {
background: #31684f; }
.custom3-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #31684f; }
.custom3-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #31684f; }
.custom3-theme #documentation__content .method__type > span {
background-color: #3e8263; }
.custom3-theme #documentation__content #request,
.custom3-theme #documentation__content #response {
color: #3e8263; }
.custom3-theme .article__pagination svg g {
fill: #31684f; }
.custom3-theme .article__pagination a::after {
background: #31684f; }
.custom3-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom3-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom3-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom3-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom3-theme #page-header {
background: #3e8263; }
.custom3-theme .fc-theme {
color: #3e8263; }
.custom3-theme .bg-theme {
background: #3e8263; }
.custom3-theme .svg-theme-fill {
fill: #3e8263; }
.custom3-theme .visual-link__link::after {
background: #3e8263; }
.custom3-theme footer.main-footer .section-head {
color: #31684f; }
.custom3-theme footer.main-footer .section-head::before {
background-color: #31684f; }
.custom3-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #3e8263; }
.custom3-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #3e8263; }
.custom4-theme .main-header {
background: #70584b;
border-bottom: 0; }
.custom4-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom4-theme .docs-back-button {
background-color: #8c6e5e; }
.custom4-theme .docs-back-button svg g {
fill: #70584b; }
.custom4-theme a.back-to-top:hover {
background: #a38b7e; }
.custom4-theme .mobile-select .documentation-select {
background-color: #a38b7e; }
.custom4-theme .sidebar-nav a:hover {
color: #70584b; }
.custom4-theme .sidebar-nav a.is-active {
color: #70584b; }
.custom4-theme .sidebar-nav a.with-sub svg g {
fill: #70584b; }
.custom4-theme #documentation h4 {
color: #70584b; }
.custom4-theme #documentation h4::before {
background: #70584b; }
.custom4-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #70584b; }
.custom4-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #70584b; }
.custom4-theme #documentation__content .method__type > span {
background-color: #8c6e5e; }
.custom4-theme #documentation__content #request,
.custom4-theme #documentation__content #response {
color: #8c6e5e; }
.custom4-theme .article__pagination svg g {
fill: #70584b; }
.custom4-theme .article__pagination a::after {
background: #70584b; }
.custom4-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom4-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom4-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom4-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom4-theme #page-header {
background: #8c6e5e; }
.custom4-theme .fc-theme {
color: #8c6e5e; }
.custom4-theme .bg-theme {
background: #8c6e5e; }
.custom4-theme .svg-theme-fill {
fill: #8c6e5e; }
.custom4-theme .visual-link__link::after {
background: #8c6e5e; }
.custom4-theme footer.main-footer .section-head {
color: #70584b; }
.custom4-theme footer.main-footer .section-head::before {
background-color: #70584b; }
.custom4-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #8c6e5e; }
.custom4-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #8c6e5e; }
.custom5-theme .main-header {
background: #5e5c8a;
border-bottom: 0; }
.custom5-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom5-theme .docs-back-button {
background-color: #7674ad; }
.custom5-theme .docs-back-button svg g {
fill: #5e5c8a; }
.custom5-theme a.back-to-top:hover {
background: #918fbd; }
.custom5-theme .mobile-select .documentation-select {
background-color: #918fbd; }
.custom5-theme .sidebar-nav a:hover {
color: #5e5c8a; }
.custom5-theme .sidebar-nav a.is-active {
color: #5e5c8a; }
.custom5-theme .sidebar-nav a.with-sub svg g {
fill: #5e5c8a; }
.custom5-theme #documentation h4 {
color: #5e5c8a; }
.custom5-theme #documentation h4::before {
background: #5e5c8a; }
.custom5-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #5e5c8a; }
.custom5-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #5e5c8a; }
.custom5-theme #documentation__content .method__type > span {
background-color: #7674ad; }
.custom5-theme #documentation__content #request,
.custom5-theme #documentation__content #response {
color: #7674ad; }
.custom5-theme .article__pagination svg g {
fill: #5e5c8a; }
.custom5-theme .article__pagination a::after {
background: #5e5c8a; }
.custom5-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom5-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom5-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom5-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom5-theme #page-header {
background: #7674ad; }
.custom5-theme .fc-theme {
color: #7674ad; }
.custom5-theme .bg-theme {
background: #7674ad; }
.custom5-theme .svg-theme-fill {
fill: #7674ad; }
.custom5-theme .visual-link__link::after {
background: #7674ad; }
.custom5-theme footer.main-footer .section-head {
color: #5e5c8a; }
.custom5-theme footer.main-footer .section-head::before {
background-color: #5e5c8a; }
.custom5-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #7674ad; }
.custom5-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #7674ad; }
.custom6-theme .main-header {
background: #9a9740;
border-bottom: 0; }
.custom6-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom6-theme .docs-back-button {
background-color: #c1bd51; }
.custom6-theme .docs-back-button svg g {
fill: #9a9740; }
.custom6-theme a.back-to-top:hover {
background: #cdca73; }
.custom6-theme .mobile-select .documentation-select {
background-color: #cdca73; }
.custom6-theme .sidebar-nav a:hover {
color: #9a9740; }
.custom6-theme .sidebar-nav a.is-active {
color: #9a9740; }
.custom6-theme .sidebar-nav a.with-sub svg g {
fill: #9a9740; }
.custom6-theme #documentation h4 {
color: #9a9740; }
.custom6-theme #documentation h4::before {
background: #9a9740; }
.custom6-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #9a9740; }
.custom6-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #9a9740; }
.custom6-theme #documentation__content .method__type > span {
background-color: #c1bd51; }
.custom6-theme #documentation__content #request,
.custom6-theme #documentation__content #response {
color: #c1bd51; }
.custom6-theme .article__pagination svg g {
fill: #9a9740; }
.custom6-theme .article__pagination a::after {
background: #9a9740; }
.custom6-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom6-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom6-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom6-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom6-theme #page-header {
background: #c1bd51; }
.custom6-theme .fc-theme {
color: #c1bd51; }
.custom6-theme .bg-theme {
background: #c1bd51; }
.custom6-theme .svg-theme-fill {
fill: #c1bd51; }
.custom6-theme .visual-link__link::after {
background: #c1bd51; }
.custom6-theme footer.main-footer .section-head {
color: #9a9740; }
.custom6-theme footer.main-footer .section-head::before {
background-color: #9a9740; }
.custom6-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #c1bd51; }
.custom6-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #c1bd51; }
.custom7-theme .main-header {
background: #a68a70;
border-bottom: 0; }
.custom7-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom7-theme .docs-back-button {
background-color: #d0ad8d; }
.custom7-theme .docs-back-button svg g {
fill: #a68a70; }
.custom7-theme a.back-to-top:hover {
background: #d9bda3; }
.custom7-theme .mobile-select .documentation-select {
background-color: #d9bda3; }
.custom7-theme .sidebar-nav a:hover {
color: #a68a70; }
.custom7-theme .sidebar-nav a.is-active {
color: #a68a70; }
.custom7-theme .sidebar-nav a.with-sub svg g {
fill: #a68a70; }
.custom7-theme #documentation h4 {
color: #a68a70; }
.custom7-theme #documentation h4::before {
background: #a68a70; }
.custom7-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #a68a70; }
.custom7-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #a68a70; }
.custom7-theme #documentation__content .method__type > span {
background-color: #d0ad8d; }
.custom7-theme #documentation__content #request,
.custom7-theme #documentation__content #response {
color: #d0ad8d; }
.custom7-theme .article__pagination svg g {
fill: #a68a70; }
.custom7-theme .article__pagination a::after {
background: #a68a70; }
.custom7-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom7-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom7-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom7-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom7-theme #page-header {
background: #d0ad8d; }
.custom7-theme .fc-theme {
color: #d0ad8d; }
.custom7-theme .bg-theme {
background: #d0ad8d; }
.custom7-theme .svg-theme-fill {
fill: #d0ad8d; }
.custom7-theme .visual-link__link::after {
background: #d0ad8d; }
.custom7-theme footer.main-footer .section-head {
color: #a68a70; }
.custom7-theme footer.main-footer .section-head::before {
background-color: #a68a70; }
.custom7-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #d0ad8d; }
.custom7-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #d0ad8d; }
.custom8-theme .main-header {
background: #b17cc5;
border-bottom: 0; }
.custom8-theme .main-header .sdl-logo__mark::after {
display: none; }
.custom8-theme .docs-back-button {
background-color: #be8dd0; }
.custom8-theme .docs-back-button svg g {
fill: #b17cc5; }
.custom8-theme a.back-to-top:hover {
background: #cc9cde; }
.custom8-theme .mobile-select .documentation-select {
background-color: #cc9cde; }
.custom8-theme .sidebar-nav a:hover {
color: #b17cc5; }
.custom8-theme .sidebar-nav a.is-active {
color: #b17cc5; }
.custom8-theme .sidebar-nav a.with-sub svg g {
fill: #b17cc5; }
.custom8-theme #documentation h4 {
color: #b17cc5; }
.custom8-theme #documentation h4::before {
background: #b17cc5; }
.custom8-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink) {
color: #b17cc5; }
.custom8-theme #documentation__content a:not(.visual-link):not(.documentation-select):not(.nocolor):not(.headerlink):hover {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #b17cc5; }
.custom8-theme #documentation__content .method__type > span {
background-color: #be8dd0; }
.custom8-theme #documentation__content #request,
.custom8-theme #documentation__content #response {
color: #be8dd0; }
.custom8-theme .article__pagination svg g {
fill: #b17cc5; }
.custom8-theme .article__pagination a::after {
background: #b17cc5; }
.custom8-theme .article__pagination a[class^='article__pagination--']:hover {
color: #FFFFFF; }
.custom8-theme .article__pagination a[class^='article__pagination--']:hover svg g {
fill: #FFFFFF; }
.custom8-theme .article__pagination a.article__pagination--prev:hover::after {
left: -1px; }
.custom8-theme .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.custom8-theme #page-header {
background: #be8dd0; }
.custom8-theme .fc-theme {
color: #be8dd0; }
.custom8-theme .bg-theme {
background: #be8dd0; }
.custom8-theme .svg-theme-fill {
fill: #be8dd0; }
.custom8-theme .visual-link__link::after {
background: #be8dd0; }
.custom8-theme footer.main-footer .section-head {
color: #b17cc5; }
.custom8-theme footer.main-footer .section-head::before {
background-color: #b17cc5; }
.custom8-theme footer.main-footer .footer-bar.focused {
border-bottom-color: #be8dd0; }
.custom8-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #be8dd0; }
.static-theme .main-header {
background: #394e60;
border-bottom: 0; }
.static-theme .main-header .sdl-logo__mark::after {
display: none; }
.static-theme p > a {
color: #78C96F; }
.static-theme .docs-back-button::before {
background-color: #394e60; }
.static-theme .docs-back-button svg g {
fill: #394e60; }
.static-theme .sidebar-nav a:hover {
color: #dee1e6; }
.static-theme .sidebar-nav li.is-active a.is-active {
color: #dee1e6; }
.static-theme footer.main-footer .section-head {
color: #394e60; }
.static-theme footer.main-footer .section-head::before {
background-color: #394e60; }
.static-theme footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #394e60; }
.static-theme .article__pagination svg g {
fill: #394e60; }
.static-theme .mobile-select .documentation-select {
background-color: white;
background-image: url("../svg/icons/icon-select-closed-black.8c3eacfe1ca4.svg");
background-position: right 30px center;
background-repeat: no-repeat;
background-size: 6px 11px; }
.t-h1 {
font-size: 50px;
line-height: 60px; }
@media (min-width: 48.0625em) {
.t-h1 {
font-size: 100px;
line-height: 110px; } }
.t-h2 {
font-size: 30px;
line-height: 40px; }
@media (min-width: 48.0625em) {
.t-h2 {
font-size: 40px;
line-height: 50px; } }
.t-h3 {
font-size: 20px;
line-height: 30px; }
@media (min-width: 48.0625em) {
.t-h3 {
font-size: 30px;
line-height: 40px; } }
.t-h3--normal {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal; }
.t-h4 {
font-size: 18px;
font-weight: 500;
line-height: 30px; }
@media (min-width: 48.0625em) {
.t-h4 {
font-size: 20px;
line-height: 30px; } }
.t-h4--normal {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal; }
.t-h5 {
letter-spacing: 2px;
line-height: 20px; }
.t-h6 {
font-size: 15px;
letter-spacing: 2px;
line-height: 20px; }
.t-light-header {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px;
line-height: 50px; }
@media (min-width: 48.0625em) {
.t-light-header {
font-size: 60px;
line-height: 64px; } }
.t-xsmall {
font-size: 10px;
letter-spacing: 1.2px;
line-height: 20px; }
.t-default {
font-size: 18px;
line-height: 30px; }
@media (min-width: 48.0625em) {
.t-default {
font-size: 20px; } }
.t-default-small {
font-size: 15px;
line-height: 1.44; }
@media (min-width: 48.0625em) {
.t-default-small {
font-size: 18px; } }
.t-default-docu {
font-size: 15px;
letter-spacing: 0.25px;
line-height: 25px; }
@media (min-width: 48.0625em) {
.t-default-docu {
font-size: 20px;
line-height: 30px; } }
.t-small {
font-size: 15px;
letter-spacing: 0.25px;
line-height: 20px; }
.t-small--tracked {
letter-spacing: 2px; }
.t-chart {
font-size: 12px;
letter-spacing: 0.25px;
line-height: 20px; }
.t-chart--bold {
font-weight: bold; }
.t-x-large {
font-size: 200px; }
@media (min-width: 48.0625em) {
.t-x-large {
font-size: 300px; } }
.t-bold {
font-weight: 600; }
.t-medium {
font-weight: 500; }
.t-regular {
font-weight: 400; }
.t-o-header {
color: #FFFFFF;
opacity: 0.3; }
.t-results-h1 {
font-weight: 100; }
@media (min-width: 48.0625em) {
.t-results-h1 {
font-size: 80px;
letter-spacing: 1.2px; } }
.label-header {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
margin-bottom: 14px;
font-size: 12px;
font-weight: 800;
letter-spacing: 1.5px;
line-height: 20px;
text-transform: uppercase; }
.tagline {
font-size: 30px;
line-height: 1.5; }
@media (min-width: 48.0625em) {
.tagline {
font-size: 36px; } }
.alias-tag {
display: -webkit-box;
display: flex;
margin-bottom: 10px;
margin-right: 10px;
background-color: #dee1e6; }
.alias-tag__remove {
width: 30px;
display: -webkit-box;
display: flex;
padding-top: 11px;
-webkit-box-pack: center;
justify-content: center;
flex-shrink: 0;
border-right: 1px solid #A9B3BD; }
.alias-tag__text {
padding: 8px; }
#documentation__content .api {
margin: 60px 0;
padding: 20px;
background-color: #2d3d4a; }
#documentation__content .api .codehilite {
margin-bottom: 0;
margin-top: 0; }
#documentation__content .api > p {
padding-top: 20px;
font-size: 16px;
color: #FFFFFF;
line-height: 2.5;
opacity: 0.5; }
#documentation__content .api h3 {
margin: 0;
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
line-height: 2.5;
border-bottom: 1px solid #394e60; }
#documentation__content .method {
margin: 60px 0;
padding: 55px;
border: 1px solid #e7eaed; }
#documentation__content .method__type span {
font-size: 15px;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 30px;
padding: 10px 35px;
color: #FFFFFF;
text-transform: uppercase; }
#documentation__content .method > p {
margin-top: 30px; }
#documentation__content #request,
#documentation__content #response {
font-size: 15px;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 50px;
margin-top: 60px;
text-transform: uppercase; }
.app-issue p, .app-issue ol, .app-issue li, .app-issue h1, .app-issue h2, .app-issue h3, .app-issue h4, .app-issue h5, .app-issue h6 {
line-height: 1.44; }
.app-issue h3 {
font-size: 20px;
font-weight: 500; }
.app-issue h5 {
font-size: 15px;
font-weight: bold; }
.app-issue ol {
padding-left: 1rem; }
.app-issue ul {
list-style-type: disc;
padding-left: 1rem; }
.app-issue a {
color: #78C96F; }
.app-issue p + p,
.app-issue h1, .app-issue h2, .app-issue h3, .app-issue h4, .app-issue h5, .app-issue h6 {
margin-top: 22px; }
.app-issue p + p:first-child,
.app-issue h1:first-child, .app-issue h2:first-child, .app-issue h3:first-child, .app-issue h4:first-child, .app-issue h5:first-child, .app-issue h6:first-child {
margin-top: 0; }
.app-issue p + p:last-child,
.app-issue h1:last-child, .app-issue h2:last-child, .app-issue h3:last-child, .app-issue h4:last-child, .app-issue h5:last-child, .app-issue h6:last-child {
margin-bottom: 0; }
.alert {
display: -webkit-box;
display: flex; }
.alert.hidden {
display: none; }
.alert::before {
width: 1.266rem;
height: 1.266rem;
content: '';
display: inline-block;
margin-right: 8px;
flex-shrink: 0;
background-image: url("/static/svg/icons/icon-alert.svg"); }
.billboard {
min-height: 100vh;
text-align: center; }
.billboard .image {
height: 100%;
width: 100%;
top: 0;
position: absolute;
background-position: center center;
background-size: cover; }
.billboard__content {
width: 100%;
top: 50%;
left: 50%;
position: absolute;
z-index: 3;
-webkit-transform: translateY(-50.1%) translateX(-50%);
transform: translateY(-50.1%) translateX(-50%); }
.billboard__arrow {
bottom: 60px;
left: 50%;
position: absolute;
z-index: 1;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.billboard__arrow:hover {
-webkit-transform: translateX(-50%) scale(1.2);
transform: translateX(-50%) scale(1.2); }
.billboard-search__container {
display: none; }
@media (min-width: 48.0625em) {
.billboard-search__container {
display: block; } }
.billboard .homepage-svg {
padding-right: 30px; }
@media (min-width: 48.0625em) {
.billboard .homepage-svg {
margin-bottom: 100px;
padding: 0; } }
@media (min-width: 48.0625em) {
.billboard {
text-align: left; } }
.button-std {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 86px;
height: 64px;
position: relative;
background-color: none;
border: none; }
.button-std::before {
height: 100%;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: '';
display: block;
top: 0;
left: 0;
position: absolute;
z-index: -1;
background: #FFFFFF;
box-shadow: 0px 15px 30px 0px #dee1e6; }
.button-std:hover::before {
-webkit-transform: scale(0.88);
transform: scale(0.88);
box-shadow: 0px 10px 30px 0px #dee1e6; }
.button-std:active::before {
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0px 15px 30px 0px #dee1e6; }
.button-std:active {
outline: 0; }
.button-std:focus {
outline: 0; }
.button-std.bordered {
width: 100%;
font-weight: 500;
color: #A9B3BD;
border: solid 1px #394e60; }
.btn--mobile--full {
height: 60px;
display: block;
padding: 0 30px;
position: relative;
z-index: 3;
line-height: 60px; }
.btn--mobile--full svg {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 30px;
position: absolute; }
@media (min-width: 48.0625em) {
.btn--mobile--full {
display: none; } }
.button-admin {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0;
font-size: 12px;
font-weight: 500;
line-height: 30px;
text-align: center;
text-decoration: none;
border-radius: 2px;
border-style: solid;
border-width: 1px; }
.button-admin--large {
width: 100%;
display: block;
font-size: 15px;
line-height: 51px; }
@media (min-width: 48.0625em) {
.button-admin--large {
max-width: 510px; } }
.button-admin.bc-lime {
color: #78C96F;
border-color: #78C96F; }
.button-admin.bc-lime:hover {
color: #FFFFFF;
background-color: #78C96F; }
.button-admin.bc-lime:focus {
background-color: #6BBD62; }
.button-admin.bc-red {
color: #F3636C;
border-color: #F3636C; }
.button-admin.bc-red:hover {
color: #FFFFFF;
background-color: #F3636C; }
.button-admin.bc-red:focus {
background-color: #E75059; }
.button-admin:hover {
cursor: pointer; }
.floating-button {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
height: 100px;
padding: 30px;
color: #394e60;
background-color: inherit; }
.floating-button__text {
font-size: 15px;
font-weight: 500;
letter-spacing: 2px; }
@media (min-width: 48.0625em) {
.floating-button__text {
padding-left: 60px; } }
@media (min-width: 48.0625em) {
.floating-button svg {
padding-right: 60px; } }
.floating-button svg g {
fill: #394e60; }
@media (min-width: 48.0625em) {
.floating-button {
height: 120px;
padding: 0 60px; } }
.permissions-button {
padding: 8px 24px; }
.button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 150px;
padding: 0;
font-size: 12px;
font-weight: 500;
line-height: 30px;
text-align: center;
text-decoration: none;
border-radius: 2px;
border-style: solid;
cursor: pointer;
border-width: 1px; }
.button--medium {
width: 290px; }
.button--large {
width: 100%;
font-size: 15px;
line-height: 51px; }
@media (min-width: 48.0625em) {
.button--large {
max-width: 510px; } }
.button--full {
width: 100%;
display: block; }
.button.bc-lime {
color: #78C96F;
border-color: #78C96F; }
.button.bc-lime:hover {
color: #FFFFFF;
background-color: #78C96F; }
.button.bc-lime:focus {
background-color: #6BBD62; }
.button.bc-white {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
.button.bc-white:hover {
color: #394e60;
background-color: #FFFFFF; }
.button.bc-white:focus {
background-color: #394e60; }
.button.bc-red {
color: #F3636C; }
.button.bc-red:hover {
color: #FFFFFF;
background-color: #F3636C; }
.button.bc-red:focus {
background-color: #E75059; }
.button.bg-red, .button.bg-lime {
color: #FFFFFF; }
.button:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.button:disabled {
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.3; }
a.button {
display: block;
color: inherit;
text-decoration: none; }
.button-standard {
width: 232px;
display: block;
padding: 20px 45px;
font-size: 15px;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border-style: solid;
cursor: pointer;
border-width: 1px; }
.button-standard:hover {
background-color: #F7F8FA; }
.button-hover--lime-white:hover {
color: white;
background-color: #78C96F; }
.button-hover--lime-white:hover * {
fill: white; }
.button-hover--white-lime:hover {
color: #78C96F;
background-color: #FFFFFF; }
.button-hover--white-lime:hover * {
fill: #78C96F; }
.standrard-transition {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.app-catalog-hover:hover {
color: #3a4f5f;
background-color: #fff; }
.app-catalog-hover:hover * {
fill: #3a4f5f; }
.cert-progress {
padding-bottom: 60px;
padding-top: 60px;
position: relative;
text-align: center; }
.cert-progress.stage-1 .cert-progress__steps {
background-image: none; }
.cert-progress.stage-2 .cert-progress__steps::before,
.cert-progress.stage-25 .cert-progress__steps::before {
width: 50%; }
.cert-progress.stage-3 .cert-progress__steps::before {
width: 0%; }
.cert-progress__steps {
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-pack: center;
justify-content: center;
position: relative;
z-index: 0;
background-image: linear-gradient(to right, #A9B3BD, #A9B3BD 6px, transparent 6px, transparent 12px);
background-position: center;
background-repeat: repeat-x;
background-size: 12px 2px; }
.cert-progress__steps::before {
width: 100%;
height: 100%;
content: '';
display: block;
top: 0;
right: 0;
position: absolute;
z-index: -1;
background-color: white; }
.cert-progress__step-indicator {
width: 1.428em;
height: 1.428em;
display: -webkit-box;
display: flex;
margin-left: 37px;
margin-right: 37px;
padding-top: 0.06em;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-size: 9.1vw;
font-weight: bold;
color: #FFFFFF;
line-height: 1;
background-color: #dee1e6;
border-radius: 100%; }
@media screen and (min-width: 769px) {
.cert-progress__step-indicator {
font-size: 70px; } }
.cert-progress__step-indicator:first-child {
margin-left: 0; }
.cert-progress__step-indicator:last-child {
margin-right: 0; }
.cert-progress__step-indicator.is-complete {
background-color: #78C96F; }
.cert-progress__step-indicator.is-denied {
background-color: #F3636C; }
.cert-progress__step-label {
margin-top: 20px;
text-align: center; }
.chat-message {
margin-top: 21px;
font-size: 15px;
font-weight: 400;
line-height: 1.44; }
.chat-message__avatar {
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 2px;
overflow: hidden;
-o-object-fit: contain;
object-fit: contain; }
.chat-message__byline {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #A9B3BD; }
.chat-message__message {
margin-top: 4px;
color: #394e60; }
.chat-history {
border-bottom: 1px solid #a9b3bd;
text-align: center;
width: 100%;
/* because we align the message text with the bottom border, using 1rem top margin and 2 rem bottom results in even spacing between elements*/
margin: 1rem 0 2rem; }
.chat-history__message {
top: .5rem;
position: relative;
background-color: #FFFFFF;
padding: 0 1rem; }
.closed-message {
margin-top: 42px;
font-size: 15px;
font-weight: 400;
line-height: 1.44; }
.closed-message p {
font-weight: bold;
font-size: 16px; }
.default-dark .codehilite .hll,
.default-dark .codehilite pre,
.default-dark .highlight,
.default-dark code {
color: #f7f8fa;
background: #202c36; }
.default-dark #documentation__content pre code,
.default-dark .highlight,
.default-dark .codehilite,
.default-dark #theme-container {
color: #f7f8fa;
background: #202c36;
border: none; }
.default-light .codehilite .hll,
.default-light .codehilite pre,
.default-light .highlight,
.default-light code {
color: #202c36;
background: #f7f8fa; }
.default-light #documentation__content pre code,
.default-light #theme-container {
color: #202c36;
background: #f7f8fa;
border: none; }
.default .codehilite,
.default .highlight,
.default code {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400; }
.default .codehilite .p,
.default .codehilite .o,
.default .codehilite .l,
.default .highlight .p,
.default .highlight .o,
.default .highlight .l,
.default code .p,
.default code .o,
.default code .l {
color: #e7eaed; }
.default .codehilite .nt,
.default .codehilite .n,
.default .codehilite .kt,
.default .codehilite .err,
.default .highlight .nt,
.default .highlight .n,
.default .highlight .kt,
.default .highlight .err,
.default code .nt,
.default code .n,
.default code .kt,
.default code .err {
color: #be8dd0;
background: none; }
.default .codehilite .mi,
.default .codehilite .kc,
.default .codehilite .bp,
.default .highlight .mi,
.default .highlight .kc,
.default .highlight .bp,
.default code .mi,
.default code .kc,
.default code .bp {
color: #f39659; }
.default .codehilite .s2,
.default .codehilite .s,
.default .codehilite .nv,
.default .codehilite .nf,
.default .highlight .s2,
.default .highlight .s,
.default .highlight .nv,
.default .highlight .nf,
.default code .s2,
.default code .s,
.default code .nv,
.default code .nf {
color: #f4636c;
background: none; }
.default .codehilite .kd,
.default .highlight .kd,
.default code .kd {
color: #366fb3; }
.default .codehilite .k,
.default .codehilite .nb,
.default .highlight .k,
.default .highlight .nb,
.default code .k,
.default code .nb {
color: #78c96f; }
.default .codehilite .nl,
.default .codehilite .na,
.default .highlight .nl,
.default .highlight .na,
.default code .nl,
.default code .na {
color: #78c96f; }
.default .codehilite .com,
.default .highlight .com,
.default code .com {
color: #94a0ab; }
.default .codehilite .nc,
.default .highlight .nc,
.default code .nc {
color: #3ac2b4; }
.maroon-dark .codehilite .hll,
.maroon-dark .codehilite pre,
.maroon-dark .highlight,
.maroon-dark code {
color: #e7e9db;
background: #2f1e2e; }
.maroon-dark #documentation__content pre code,
.maroon-dark .highlight,
.maroon-dark .codehilite,
.maroon-dark #theme-container {
color: #e7e9db;
background: #2f1e2e;
border: none; }
.maroon-light .codehilite .hll,
.maroon-light .codehilite pre,
.maroon-light .highlight,
.maroon-light code {
color: #2f1e2e;
background: #e7e9db; }
.maroon-light #documentation__content pre code,
.maroon-light #theme-container {
color: #2f1e2e;
background: #e7e9db;
border: none; }
.maroon .codehilite,
.maroon .highlight,
.maroon code {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400; }
.maroon .codehilite .p,
.maroon .codehilite .o,
.maroon .codehilite .l,
.maroon .highlight .p,
.maroon .highlight .o,
.maroon .highlight .l,
.maroon code .p,
.maroon code .o,
.maroon code .l {
color: #a39e9b; }
.maroon .codehilite .nt,
.maroon .codehilite .n,
.maroon .codehilite .kt,
.maroon .codehilite .err,
.maroon .highlight .nt,
.maroon .highlight .n,
.maroon .highlight .kt,
.maroon .highlight .err,
.maroon code .nt,
.maroon code .n,
.maroon code .kt,
.maroon code .err {
color: #815ba4;
background: none; }
.maroon .codehilite .mi,
.maroon .codehilite .kc,
.maroon .codehilite .bp,
.maroon .highlight .mi,
.maroon .highlight .kc,
.maroon .highlight .bp,
.maroon code .mi,
.maroon code .kc,
.maroon code .bp {
color: #f99b15; }
.maroon .codehilite .s2,
.maroon .codehilite .s,
.maroon .codehilite .nv,
.maroon .codehilite .nf,
.maroon .highlight .s2,
.maroon .highlight .s,
.maroon .highlight .nv,
.maroon .highlight .nf,
.maroon code .s2,
.maroon code .s,
.maroon code .nv,
.maroon code .nf {
color: #ef6155;
background: none; }
.maroon .codehilite .kd,
.maroon .highlight .kd,
.maroon code .kd {
color: #06b6ef; }
.maroon .codehilite .k,
.maroon .codehilite .nb,
.maroon .highlight .k,
.maroon .highlight .nb,
.maroon code .k,
.maroon code .nb {
color: #fec418; }
.maroon .codehilite .nl,
.maroon .codehilite .na,
.maroon .highlight .nl,
.maroon .highlight .na,
.maroon code .nl,
.maroon code .na {
color: #fec418; }
.maroon .codehilite .com,
.maroon .highlight .com,
.maroon code .com {
color: #776e71; }
.maroon .codehilite .nc,
.maroon .highlight .nc,
.maroon code .nc {
color: #42d1c6; }
.brown-dark .codehilite .hll,
.brown-dark .codehilite pre,
.brown-dark .highlight,
.brown-dark code {
color: #f5eeeb;
background: #3b322b; }
.brown-dark #documentation__content pre code,
.brown-dark .highlight,
.brown-dark .codehilite,
.brown-dark #theme-container {
color: #f5eeeb;
background: #3b322b;
border: none; }
.brown-light .codehilite .hll,
.brown-light .codehilite pre,
.brown-light .highlight,
.brown-light code {
color: #3b322b;
background: #f5eeeb; }
.brown-light #documentation__content pre code,
.brown-light #theme-container {
color: #3b322b;
background: #f5eeeb;
border: none; }
.brown .codehilite,
.brown .highlight,
.brown code {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400; }
.brown .codehilite .p,
.brown .codehilite .o,
.brown .codehilite .l,
.brown .highlight .p,
.brown .highlight .o,
.brown .highlight .l,
.brown code .p,
.brown code .o,
.brown code .l {
color: #d0c8c6; }
.brown .codehilite .nt,
.brown .codehilite .n,
.brown .codehilite .kt,
.brown .codehilite .err,
.brown .highlight .nt,
.brown .highlight .n,
.brown .highlight .kt,
.brown .highlight .err,
.brown code .nt,
.brown code .n,
.brown code .kt,
.brown code .err {
color: #a89bb9;
background: none; }
.brown .codehilite .mi,
.brown .codehilite .kc,
.brown .codehilite .bp,
.brown .highlight .mi,
.brown .highlight .kc,
.brown .highlight .bp,
.brown code .mi,
.brown code .kc,
.brown code .bp {
color: #d28b71; }
.brown .codehilite .s2,
.brown .codehilite .s,
.brown .codehilite .nv,
.brown .codehilite .nf,
.brown .highlight .s2,
.brown .highlight .s,
.brown .highlight .nv,
.brown .highlight .nf,
.brown code .s2,
.brown code .s,
.brown code .nv,
.brown code .nf {
color: #cb6077;
background: none; }
.brown .codehilite .kd,
.brown .highlight .kd,
.brown code .kd {
color: #7fb9c9; }
.brown .codehilite .k,
.brown .codehilite .nb,
.brown .highlight .k,
.brown .highlight .nb,
.brown code .k,
.brown code .nb {
color: #f4bc87; }
.brown .codehilite .nl,
.brown .codehilite .na,
.brown .highlight .nl,
.brown .highlight .na,
.brown code .nl,
.brown code .na {
color: #f4bc87; }
.brown .codehilite .com,
.brown .highlight .com,
.brown code .com {
color: #7e705a; }
.brown .codehilite .nc,
.brown .highlight .nc,
.brown code .nc {
color: #8dccb2; }
.black-dark .codehilite .hll,
.black-dark .codehilite pre,
.black-dark .highlight,
.black-dark code {
color: #f5f5f5;
background: #151515; }
.black-dark #documentation__content pre code,
.black-dark .highlight,
.black-dark .codehilite,
.black-dark #theme-container {
color: #f5f5f5;
background: #151515;
border: none; }
.black-light .codehilite .hll,
.black-light .codehilite pre,
.black-light .highlight,
.black-light code {
color: #151515;
background: #f5f5f5; }
.black-light #documentation__content pre code,
.black-light #theme-container {
color: #151515;
background: #f5f5f5;
border: none; }
.black .codehilite,
.black .highlight,
.black code {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400; }
.black .codehilite .p,
.black .codehilite .o,
.black .codehilite .l,
.black .highlight .p,
.black .highlight .o,
.black .highlight .l,
.black code .p,
.black code .o,
.black code .l {
color: #d0d0d0; }
.black .codehilite .nt,
.black .codehilite .n,
.black .codehilite .kt,
.black .codehilite .err,
.black .highlight .nt,
.black .highlight .n,
.black .highlight .kt,
.black .highlight .err,
.black code .nt,
.black code .n,
.black code .kt,
.black code .err {
color: #905fa3;
background: none; }
.black .codehilite .mi,
.black .codehilite .kc,
.black .codehilite .bp,
.black .highlight .mi,
.black .highlight .kc,
.black .highlight .bp,
.black code .mi,
.black code .kc,
.black code .bp {
color: #ea8b4b; }
.black .codehilite .s2,
.black .codehilite .s,
.black .codehilite .nv,
.black .codehilite .nf,
.black .highlight .s2,
.black .highlight .s,
.black .highlight .nv,
.black .highlight .nf,
.black code .s2,
.black code .s,
.black code .nv,
.black code .nf {
color: #c64a50;
background: none; }
.black .codehilite .kd,
.black .highlight .kd,
.black code .kd {
color: #5498c6; }
.black .codehilite .k,
.black .codehilite .nb,
.black .highlight .k,
.black .highlight .nb,
.black code .k,
.black code .nb {
color: #f4bf75; }
.black .codehilite .nl,
.black .codehilite .na,
.black .highlight .nl,
.black .highlight .na,
.black code .nl,
.black code .na {
color: #f4bf75; }
.black .codehilite .com,
.black .highlight .com,
.black code .com {
color: #505050; }
.black .codehilite .nc,
.black .highlight .nc,
.black code .nc {
color: #44ccb2; }
.codehilite,
.highlight {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 30px 0;
padding: 18px;
overflow-x: scroll;
overflow-y: hidden; }
.codehilite code,
.highlight code {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
font-family: 'LivioMono', monospace;
font-size: 15px;
font-weight: 400;
line-height: 21px; }
code {
font-family: 'LivioMono', monospace; }
code .result-body__highlight {
color: #394e60; }
.copy-banner {
padding: 100px 0 120px;
position: relative;
z-index: 1; }
.copy-banner .container {
width: calc(100% - 60px);
position: relative;
z-index: 3; }
@media (min-width: 48.0625em) {
.copy-banner .container {
width: calc(100% - 180px); } }
.copy-banner .brand-letter--s--2 {
top: auto;
right: -135px;
bottom: -110px;
position: absolute; }
.copy-banner p + p {
margin-top: 1.6rem; }
@media (min-width: 48.0625em) {
.copy-banner.with-button {
padding-bottom: 180px; } }
@media (min-width: 48.0625em) {
.copy-banner--pullup {
margin-bottom: -260px;
top: -280px; } }
.copy-banner--color-field .section-head::before {
background: #FFFFFF;
opacity: 0.2; }
.copy-banner__button--mobile {
width: 100%;
height: 60px;
bottom: 0;
left: 0;
position: absolute;
line-height: 60px; }
.copy-banner__button--mobile.with-icon .container a {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex; }
.copy-banner__button--mobile .icon-label {
height: 20px;
width: 20px;
margin-right: 10px; }
.copy-banner__button--mobile svg {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 0;
position: absolute; }
.copy-banner__button--mobile a {
color: #FFFFFF;
text-decoration: none; }
@media (min-width: 48.0625em) {
.copy-banner__button--mobile {
display: none; } }
.copy-banner--floating {
padding: 80px 0 60px 0;
z-index: 3; }
@media (min-width: 48.0625em) {
.copy-banner--floating {
padding: 120px 40px; } }
@media (min-width: 57.5em) {
.copy-banner--floating {
padding-left: 90px;
padding-right: 90px; } }
.copy-banner__button {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: 120px;
display: none;
padding: 0 30px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
color: #202C36;
line-height: 120px;
border-top: 1px solid rgba(211, 212, 214, 0.25); }
.copy-banner__button .t-default {
line-height: inherit; }
.copy-banner__button .link-text {
top: 0;
right: 0;
position: absolute; }
.copy-banner__button .link-text svg {
-webkit-transform: translateY(2px);
transform: translateY(2px);
margin-left: 10px;
position: static; }
.copy-banner__button.news-link, .copy-banner__button.about-link {
padding-left: 90px;
z-index: 3; }
.copy-banner__button.news-link svg,
.copy-banner__button.about-link svg {
right: 90px; }
.copy-banner__button svg {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 0;
position: absolute; }
.copy-banner__button svg g {
fill: #78C96F; }
.copy-banner__button:not(.copy-banner__button--billboard):hover {
background: #F7F8FA; }
@media (min-width: 48.0625em) {
.copy-banner__button--billboard {
padding: 0; }
.copy-banner__button--billboard svg g {
fill: #FFFFFF; } }
@media (min-width: 48.0625em) {
.copy-banner__button {
display: block;
padding: 0 40px; } }
@media (min-width: 57.5em) {
.copy-banner__button {
padding: 0 90px; } }
.copy-banner__author {
margin-top: 40px; }
.copy-banner__author img {
margin-right: 20px;
max-width: 40px; }
@media (min-width: 48.0625em) {
.copy-banner__author p {
display: inline-block;
margin-right: 7px; } }
@media (min-width: 48.0625em) {
.copy-banner__author {
-webkit-box-align: center;
align-items: center; } }
@media (min-width: 48.0625em) {
.copy-banner {
padding: 140px 0 120px; } }
.file-data {
display: -webkit-box;
display: flex;
color: #A9B3BD; }
.file-data__preview {
width: 100%;
max-width: 12rem;
position: relative;
background-color: #F7F8FA;
border: 0.06em solid #dee1e6; }
.file-data__preview::before {
content: '';
display: block;
padding-bottom: 66%; }
.file-data__preview::after {
width: 100%;
height: 100%;
content: 'file preview';
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
top: 0;
left: 0;
position: absolute; }
.file-data__meta {
margin-left: 1.33em; }
.file-data__remove {
display: block;
margin-top: 1em;
color: #F3636C;
text-decoration: underline; }
.file-upload {
display: -webkit-box;
display: flex; }
.file-upload__input {
display: none; }
.file-upload__file-chosen {
padding: 1.33rem;
font-size: 1rem;
white-space: nowrap;
background-color: #F7F8FA;
border: 1px solid #dee1e6;
overflow: hidden; }
.file-upload__file-chosen {
-webkit-box-flex: 1;
flex: 1;
color: #A9B3BD;
line-height: 1.44; }
.file-upload__button {
margin: 0;
margin-left: 1.33rem;
padding: 1.53rem 2.33rem;
flex-shrink: 0;
font-size: 1rem;
color: #FFFFFF;
letter-spacing: 0.133em;
text-transform: capitalize;
background-color: #78C96F;
cursor: pointer; }
.folding-menu__header {
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
height: 60px;
display: -webkit-box;
display: flex;
padding: 20px 20px 20px 30px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
border: 1px solid #F7F8FA; }
.folding-menu__main {
width: 100%;
display: none;
padding: 40px 30px 40px 30px;
border: 1px solid #F7F8FA;
border-top: none; }
.folding-menu__main.is-open {
display: block; }
footer.main-footer {
padding: 80px 0 60px 0;
border-top: 1px solid #dee1e6; }
footer.main-footer .footer-bar {
display: -webkit-box;
display: flex;
padding: 0 30px 20px;
color: #A9B3BD;
border-bottom: 1px solid #dee1e6;
overflow: hidden; }
footer.main-footer .footer-bar.focused {
border-bottom-color: #78C96F; }
footer.main-footer .footer-bar .footer-bar__action svg {
right: 0;
bottom: 8px;
position: absolute; }
footer.main-footer .footer-bar .footer-bar__action svg g {
fill: #78C96F; }
footer.main-footer .footer-bar__logo {
display: inline-block;
vertical-align: top; }
footer.main-footer .footer-bar__content {
display: inline-block;
margin-left: 10px;
max-width: 80%;
vertical-align: top; }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar__content {
margin-left: 32px;
max-width: 100%; } }
footer.main-footer .footer-bar__action button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
background: 0;
border: 0; }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar__action button {
display: block; } }
footer.main-footer .footer-bar--slack .footer-bar__action {
width: 21px;
height: 15px;
top: 50%;
right: 30px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
footer.main-footer .footer-bar--slack .footer-bar__action.is-visible {
top: 50%;
-webkit-transform: translateY(-45%);
transform: translateY(-45%); }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar--slack .footer-bar__action {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
top: 50%;
right: 0;
position: absolute;
-webkit-transform: translateY(100px);
transform: translateY(100px); } }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar--slack .footer-bar__action {
top: 50%; }
footer.main-footer .footer-bar--slack:hover .footer-bar__action {
-webkit-transform: translateY(-45%);
transform: translateY(-45%); } }
footer.main-footer .footer-bar--email .success-message {
color: #78C96F; }
footer.main-footer .footer-bar--email .error-message {
color: #F3636C; }
footer.main-footer .footer-bar--email .error-message,
footer.main-footer .footer-bar--email .success-message {
display: none;
top: 50%;
right: 0;
position: absolute;
font-size: 18px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
footer.main-footer .footer-bar--email form {
width: 100%; }
footer.main-footer .footer-bar--email input {
padding: 0 0 0 3px; }
footer.main-footer .footer-bar--email .footer-bar__content {
max-width: 100%; }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar--email .footer-bar__content {
width: calc(100% - 60px); } }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar--email .footer-bar__action {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
top: 200%;
right: 0;
position: absolute; } }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar--email.focused .footer-bar__action {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
top: 5px; } }
footer.main-footer .footer-bar + .footer-bar {
padding-top: 20px; }
@media (min-width: 48.0625em) {
footer.main-footer .footer-bar {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: -webkit-box;
display: flex;
padding: 0 0 17px;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 30px;
font-weight: 400; } }
footer.main-footer input[type='email'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
line-height: initial;
background: 0;
border: 0;
box-shadow: 0; }
footer.main-footer input[type='email']::-webkit-input-placeholder {
color: #A9B3BD; }
footer.main-footer input[type='email']::-moz-placeholder {
color: #A9B3BD; }
footer.main-footer input[type='email']:-ms-input-placeholder {
color: #A9B3BD; }
footer.main-footer input[type='email']::-ms-input-placeholder {
color: #A9B3BD; }
footer.main-footer input[type='email']::placeholder {
color: #A9B3BD; }
footer.main-footer input[type='email']:focus {
outline: 0; }
@media (min-width: 48.0625em) and (max-width: 57.49em) {
footer.main-footer .footer-links__internal li:not(:last-of-type) {
margin-right: 20px; } }
@media (min-width: 57.5em) {
footer.main-footer .footer-links__internal li:not(:last-of-type) {
margin-right: 40px; } }
@media (min-width: 48.0625em) {
footer.main-footer .footer-links__info {
display: -webkit-box;
display: flex;
padding-top: 50px;
-webkit-box-align: center;
align-items: center; } }
@media (min-width: 93.75em) {
footer.main-footer .footer-links__info {
padding-top: 0; } }
footer.main-footer ul.footer-links {
margin: 0;
padding: 30px 0 0 30px;
list-style-type: none; }
footer.main-footer ul.footer-links li {
margin-top: 10px; }
footer.main-footer ul.footer-links li.copyright {
margin: 30px 0; }
@media (min-width: 48.0625em) {
footer.main-footer ul.footer-links li.copyright {
margin: 0; } }
@media (min-width: 93.75em) {
footer.main-footer ul.footer-links li.copyright {
text-align: right; } }
footer.main-footer ul.footer-links li.social {
margin: 60px 0; }
@media (min-width: 48.0625em) {
footer.main-footer ul.footer-links li.social {
margin: 0;
text-align: center; } }
footer.main-footer ul.footer-links li.social a:not(:last-of-type) {
display: inline-block;
margin-right: 45px; }
@media (min-width: 48.0625em) {
footer.main-footer ul.footer-links li.social a:not(:last-of-type) {
margin-right: 30%; } }
@media (min-width: 48.0625em) {
footer.main-footer ul.footer-links li {
display: inline-block;
margin: 0; } }
@media (min-width: 48.0625em) {
footer.main-footer ul.footer-links {
display: -webkit-box;
display: flex;
padding: 75px 0 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; } }
@media (min-width: 93.75em) {
footer.main-footer ul.footer-links {
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; } }
footer.main-footer.docu-footer {
border-top: 1px solid #dee1e6; }
footer.main-footer .livio-loves-mobelux {
margin-top: 10px; }
footer.main-footer .livio-loves-mobelux a.livio-link:hover svg g {
fill: #5392ca; }
footer.main-footer .livio-loves-mobelux a.mobelux-link:hover svg g {
fill: #ff6e0a; }
footer.main-footer .livio-loves-mobelux .footer-heart {
margin: 0 3px;
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
@media (min-width: 48.0625em) and (max-width: 57.49em) {
footer.main-footer .livio-loves-mobelux {
margin-left: 20px;
margin-top: 0; } }
@media (min-width: 57.5em) {
footer.main-footer .livio-loves-mobelux {
margin-left: 40px;
margin-top: 0; } }
.page-header {
padding: 50px 0;
text-align: center; }
@media (min-width: 48.0625em) {
.page-header {
text-align: left; } }
header.subnav {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
width: 330px;
margin-top: 10px;
max-height: 100%;
position: fixed;
z-index: 500;
font-size: 15px;
line-height: 60px;
background: #FFFFFF; }
header.subnav a {
width: 100%;
display: block;
padding: 0 30px;
color: #394e60;
border-top: 1px solid rgba(222, 225, 230, 0.6); }
header.subnav a:hover {
background: #F7F8FA; }
header.subnav li {
display: none; }
header.subnav li.is-selected {
display: block; }
header.subnav li.is-selected + .is-selected {
color: #394e60; }
header.subnav + .live-search-results {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
width: 100%;
margin: 0;
max-width: 1050px;
top: 62px;
position: fixed; }
@media (min-width: 48.0625em) {
header.subnav + .live-search-results {
top: 71px; } }
nav.desktop-nav__sub {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: none;
max-height: 0px;
right: 0;
bottom: 0;
left: 142px;
position: absolute;
overflow: hidden; }
@media (min-width: 782px) {
nav.desktop-nav__sub {
display: -webkit-box;
display: flex; } }
nav.desktop-nav__sub .back-to-top {
height: 60px;
width: 60px;
line-height: 70px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.2);
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out; }
nav.desktop-nav__sub .back-to-top svg {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
nav.desktop-nav__sub .back-to-top svg polygon {
fill: #FFFFFF; }
nav.desktop-nav__sub .link-popover {
margin: 0 50px 0 0; }
.carousel-container {
max-width: 950px;
text-align: center;
margin: 30px 0; }
.carousel-container #docs-gallery {
height: 100%;
background: #e7eaed; }
.carousel-container .vanilla-zoom {
width: 100%;
display: -webkit-box;
display: flex;
min-height: 500px; }
.carousel-container .vanilla-zoom .carousel-sidebar {
flex-basis: 20%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
background-color: #3a4f5f;
padding: 0 20px;
overflow-x: hidden;
overflow-y: scroll; }
.carousel-container .vanilla-zoom .carousel-sidebar .small-preview {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-width: 120px;
height: 70px;
margin: 10px !important;
cursor: pointer;
box-shadow: 1px 7px 13px #222; }
.carousel-container .vanilla-zoom .carousel-sidebar .small-preview:last-child {
margin-bottom: 0; }
.carousel-container .vanilla-zoom .zoomed-desc {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
height: 100%;
justify-content: space-around;
background-color: #E7EAED; }
.carousel-container .vanilla-zoom .zoomed-desc .zoomed-image {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 75%;
height: 350px;
margin: 2em auto;
-webkit-box-flex: 1;
flex-grow: 1; }
.carousel-container .vanilla-zoom .zoomed-desc .zoomed-text {
color: #3a4f5f;
font-size: 20px;
margin: 2em !important; }
.input {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
border-bottom: solid 1px #394e60; }
.input svg {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
width: 15px;
height: 15px;
right: 0; }
.input svg g path {
fill: #394e60; }
.input input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 20px 0;
font-weight: 500;
color: #394e60;
border: none; }
.input.error {
margin-bottom: 30px;
border-color: #F3636C; }
.input.animated.error::after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
background-color: #F3636C;
visibility: visible; }
.animated.input {
border-bottom: none; }
.animated.input input {
border-bottom: 1px solid #394e60;
outline: none; }
.animated.input:after {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
width: 100%;
height: 1px;
content: ' ';
bottom: 0;
left: 0;
position: absolute;
background-color: #78C96F;
visibility: hidden; }
.animated.input.focused:after {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scaleX(1);
transform: scaleX(1);
visibility: visible; }
.animated.input.use-before {
border-bottom: none; }
.animated.input.use-before input {
border-bottom: 1px solid #394e60;
outline: none; }
.animated.input.use-before:before {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
width: 100%;
height: 1px;
content: ' ';
bottom: 0;
left: 0;
position: absolute;
background-color: #78C96F;
visibility: hidden; }
.animated.input.use-before.focused:before {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scaleX(1);
transform: scaleX(1);
visibility: visible; }
.animated.input.use-before::after {
display: none; }
input[type='search'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.radio-option {
display: -webkit-box;
display: flex;
margin-bottom: 10px; }
.radio-option__wrap {
width: 13px;
height: 13px; }
.radio-option__text {
margin-left: 17px; }
.radio-option input {
display: none; }
.radio-option svg .icon_checkmark {
fill: rgba(1, 1, 1, 0); }
.radio-option label {
width: 100%;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: rgba(169, 179, 189, 0.3);
border-radius: 100px; }
.radio-option input[type='radio']:checked + .thelabel {
font-weight: bold;
background-color: #78c96f; }
.radio-option input[type='radio']:checked + .thelabel svg .icon_checkmark {
fill: #ffffff; }
.select-wrapper {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
height: 60px;
display: -webkit-inline-box;
display: inline-flex;
margin-top: 15px;
z-index: 6;
cursor: pointer; }
.select-wrapper .mobile-select {
-webkit-box-flex: 1;
flex: 1; }
@media (max-width: 48.0525em) {
.select-wrapper.has-version {
width: 100%; } }
@media (min-width: 48.0625em) {
.select-wrapper {
margin-top: 0; } }
.doc-select {
position: relative; }
.doc-select__opacity {
width: 100%;
height: 60px;
top: 0;
left: 0;
position: absolute;
background-color: #FFFFFF;
opacity: 0.2; }
.doc-select__opacity:hover {
opacity: 0.4; }
.doc-select__main {
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 60px;
display: -webkit-box;
display: flex;
padding-left: 20px;
font-weight: 500;
color: #FFFFFF;
background-image: url("../svg/icons/icon-select-closed.59d3b687d5f3.svg");
background-position: right 20px center;
background-repeat: no-repeat; }
.doc-select__main svg {
width: 20px;
height: 20px; }
.doc-select__main svg path {
fill: #FFFFFF; }
.doc-select__options {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: none;
-webkit-transform: translateY(5px);
transform: translateY(5px); }
.doc-select__options a {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
width: 100%;
max-height: 60px;
min-width: 230px;
padding: 0 30px;
font-weight: 500;
color: #394e60;
line-height: 60px;
text-decoration: none;
background-color: #FFFFFF;
border-top: 1px solid rgba(222, 225, 230, 0.6);
cursor: pointer; }
.doc-select__options a:first-of-type {
border-top: 0; }
.doc-select__options a:hover {
background-color: #F7F8FA; }
@media (min-width: 48.0625em) {
.doc-select__options a {
min-width: 280px; } }
.doc-select__options.has-version {
-webkit-box-align: end;
align-items: flex-end; }
@media (min-width: 48.0625em) {
.doc-select__options {
-webkit-box-align: end;
align-items: flex-end; } }
.doc-select--small {
width: 85px; }
@media (min-width: 48.0625em) {
.doc-select--large {
width: 280px; } }
.doc-select.is-open .doc-select__main {
background-image: url("../svg/icons/icon-select-open.8c98d005c861.svg"); }
.doc-select.is-open .doc-select__options {
display: -webkit-box;
display: flex; }
.linklist {
margin: 40px 0 0 0;
padding: 0;
padding-bottom: 40px;
list-style: none; }
.linklist__object {
margin-top: 30px; }
@media (min-width: 48.0625em) {
.linklist__object {
margin-top: 50px; } }
.linklist__both {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center; }
.linklist--small .linklist__item {
max-width: 420px;
padding-left: 30px;
padding-right: 20px;
border: 1px solid #dee1e6; }
.linklist--small .linklist__item:hover {
background-color: #394e60; }
.linklist--small .linklist__item:hover .linklist__title {
color: #FFFFFF; }
.linklist--small .linklist__item:hover .linklist__tertiary svg g {
fill: #FFFFFF; }
.linklist--small .linklist__item:hover .linklist__icon .light {
fill: #FFFFFF; }
.linklist--small .linklist__item:hover .linklist__icon .dark {
fill: #A9B3BD; }
.linklist--small .linklist__item:hover .linklist__icon .svg-link g {
fill: #FFFFFF; }
.linklist--small .linklist__icon {
padding-right: 30px; }
.linklist__item {
width: 100%;
display: -webkit-inline-box;
display: inline-flex;
padding: 20px 0;
padding-bottom: 20px;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
justify-content: space-between;
border-top: 1px solid #dee1e6; }
.linklist__icon .light {
fill: #465e72; }
.linklist__icon .dark {
fill: #394e60; }
.linklist__title {
margin-left: 30px;
-webkit-box-flex: 1;
flex: 1;
font-size: 15px;
font-weight: 500;
color: #394e60; }
.linklist__tertiary {
max-width: 52%;
text-align: right; }
.linklist__tertiary svg g {
fill: #394e60; }
.linklist p + a {
display: block;
margin-top: 30px; }
@media (min-width: 48.0625em) {
.linklist p + a {
margin-top: 50px; } }
a {
text-decoration: none; }
a.github-link {
display: inline-block;
margin-top: 30px; }
.guide-link {
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
margin-top: 30px;
padding: 20px 30px;
position: relative;
border: 1px solid #dee1e6; }
.guide-link svg #Fill-1 {
-webkit-transition: fill 0s ease-in-out 0.1s;
transition: fill 0s ease-in-out 0.1s; }
.guide-link.ios-theme::before {
background: #3AC2B4; }
.guide-link.android-theme svg #Fill-1 {
fill: #2BB074; }
.guide-link.android-theme::before {
background: #2BB074; }
.guide-link.docs-theme svg #Fill-1 {
fill: #78C96F; }
.guide-link.docs-theme::before {
background: #78C96F; }
.guide-link.shaid-theme svg #Fill-1 {
fill: #F39659; }
.guide-link.shaid-theme::before {
background: #F39659; }
.guide-link.server-theme svg #Fill-1 {
fill: #366FB3; }
.guide-link.server-theme::before {
background: #366FB3; }
.guide-link.hmi-theme svg #Fill-1 {
fill: #5DA0DE; }
.guide-link.hmi-theme::before {
background: #5DA0DE; }
.guide-link.custom1-theme svg #Fill-1 {
fill: #f3c359; }
.guide-link.custom1-theme::before {
background: #f3c359; }
.guide-link.custom2-theme svg #Fill-1 {
fill: #dd5f7c; }
.guide-link.custom2-theme::before {
background: #dd5f7c; }
.guide-link.custom3-theme svg #Fill-1 {
fill: #3e8263; }
.guide-link.custom3-theme::before {
background: #3e8263; }
.guide-link.custom4-theme svg #Fill-1 {
fill: #8c6e5e; }
.guide-link.custom4-theme::before {
background: #8c6e5e; }
.guide-link.custom5-theme svg #Fill-1 {
fill: #7674ad; }
.guide-link.custom5-theme::before {
background: #7674ad; }
.guide-link.custom6-theme svg #Fill-1 {
fill: #c1bd51; }
.guide-link.custom6-theme::before {
background: #c1bd51; }
.guide-link.custom7-theme svg #Fill-1 {
fill: #d0ad8d; }
.guide-link.custom7-theme::before {
background: #d0ad8d; }
.guide-link.custom8-theme svg #Fill-1 {
fill: #be8dd0; }
.guide-link.custom8-theme::before {
background: #be8dd0; }
.guide-link:hover svg #Fill-1 {
fill: #FFFFFF; }
.guide-link__title {
-webkit-box-flex: 1;
flex: 1;
padding: 0 20px;
font-weight: 500;
color: #394e60; }
.guide-link__tertiary svg g {
fill: #394e60; }
.guide-link::before {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: '';
display: block;
max-width: 0px;
top: -1px;
right: 100%;
bottom: -1px;
left: -1px;
position: absolute;
z-index: -1; }
.guide-link:hover .guide-link__title {
-webkit-transition: color 0s ease-in-out 0.1s;
transition: color 0s ease-in-out 0.1s;
color: #FFFFFF; }
.guide-link:hover .guide-link__tertiary svg g {
fill: #FFFFFF; }
.guide-link:hover::before {
max-width: 500px;
right: -1px; }
@media (min-width: 48.0625em) {
.guide-link {
max-width: 420px; } }
ul,
ol {
margin: 0; }
.manticore-wrapper {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
position: fixed;
z-index: 12;
font-family: 'LivioNorm', 'Helvetica', sans-serif;
pointer-events: none; }
.markdown-editor__input, .markdown-editor__preview {
background-color: #F7F8FA;
padding: 20px; }
.markdown-editor__input {
resize: none;
min-height: 575px; }
.markdown-editor__preview {
height: 575px;
overflow: auto; }
.modal-confirm {
max-width: 400px;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
.modal-confirm__title {
font-weight: 400;
color: #2d3e4c; }
.modal-confirm__text {
margin-top: 20px;
font-size: 12px;
color: #94A0AB;
line-height: 1.58; }
.modal-confirm__button {
margin-left: 16px;
min-width: 50px;
padding-bottom: 7px;
padding-top: 7px;
font-size: 10px;
font-weight: bold;
color: white;
background-color: #5DA0DE;
border-radius: 2px; }
.modal-confirm__button:first-child {
margin-left: auto; }
.modal-confirm__buttons {
display: -webkit-box;
display: flex;
margin-top: 20px; }
.note {
margin: 50px 0; }
.note__title {
line-height: 10px;
border-bottom: 1px solid #f4f5f7; }
.note__body {
margin-top: 20px;
padding: 45px 45px 45px 0;
position: relative; }
.note__body::before {
width: 60px;
height: 4px;
content: '';
top: -5px;
left: -1px;
position: absolute;
z-index: 20; }
.note__body__icon {
width: 90px;
padding-left: 15px; }
.note--hmi-must .note__body {
background: #F7F8FA;
border: 1px solid #f4f5f7; }
.note--hmi-must .note__body::before {
background-color: #F3636C; }
.note--must .note__body::before {
background-color: #F3636C; }
.note--basic .note__body::before {
background-color: #2BB074; }
.note--may .note__body::before {
background-color: #F39659; }
.note--sdl .note__body::before {
background-color: #dee1e6; }
.note .note-block:not(:last-child) {
margin-bottom: 25px; }
.overlapper--dark-grey-top.overlapper--mirror-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(#394e60), color-stop(50%, #394e60), color-stop(50%, #f4f5f7), to(#f4f5f7));
background-image: linear-gradient(to bottom, #394e60, #394e60 50%, #f4f5f7 50%, #f4f5f7); }
.pagination-control {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding-top: 18px;
padding-bottom: 18px;
font-family: "LivioNorm", helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1.2px;
color: #A9B3BD;
font-weight: bold; }
.pagination-control__forward, .pagination-control__back {
color: #78C96F; }
.pagination-control__forward--inactive, .pagination-control__back--inactive {
color: #dee1e6; }
.pagination-control__back {
margin-right: auto; }
.pagination-control__forward {
margin-left: auto; }
.profile-header__title {
font-size: 30px;
line-height: 40px;
font-weight: 400;
color: #394e60;
text-transform: capitalize; }
@media (min-width: 48.0625em) {
.profile-header__title {
font-size: 40px;
line-height: 50px; } }
.profile-header__nav {
margin-top: 30px; }
.profile-header-nav {
width: 100%;
display: -webkit-box;
display: flex;
margin: 0;
padding: 0;
color: #394e60;
list-style-type: none; }
.profile-header-nav__item {
padding-bottom: 10px;
padding-top: 10px;
-webkit-box-flex: 1;
flex: 1;
position: relative;
text-align: center;
border-bottom: 1px solid #dee1e6;
cursor: default; }
.profile-header-nav__item.current {
color: #78C96F;
border-color: currentColor; }
.profile-header-nav__item:hover .profile-header-nav__dropdown {
display: block; }
.profile-header-nav__item .tooltip__disabled {
position: relative;
display: inline-block; }
.profile-header-nav__item .tooltip__disabled .tooltiptext {
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
box-shadow: 0px 0px 46px -12px rgba(0, 0, 0, 0.75);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background-color: #fff;
color: #a9b3bd;
text-align: center;
padding: .5rem;
position: absolute;
z-index: 1;
bottom: 0; }
@media (max-width: 48.0525em) {
.profile-header-nav__item .tooltip__disabled .tooltiptext {
width: auto !important;
position: inherit !important; } }
.profile-header-nav__item .tooltip__disabled .tooltiptext img {
margin-right: .5rem; }
.profile-header-nav__item .tooltip__disabled:hover .tooltiptext {
display: block; }
.profile-header-nav__link {
color: inherit; }
.profile-header-nav__dropdown {
width: 100%;
display: none;
padding: 0;
padding-top: 10px;
top: 100%;
left: 0;
position: absolute;
z-index: 5;
color: #A9B3BD;
list-style-type: none;
box-shadow: 0 10px 20px 0 rgba(40, 40, 40, 0.15); }
.profile-header-nav__dropdown-item {
min-height: 60px;
padding-bottom: 10px;
padding-top: 10px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: white;
border-top: 1px solid #dee1e6; }
.profile-header-nav__dropdown-item:first-child {
border: 0; }
.profile-header-nav__dropdown-item.with-link {
padding-bottom: 0;
padding-top: 0; }
.profile-header-nav__dropdown-item:hover {
color: white;
background-color: #78C96F; }
.profile-header-nav__dropdown-link {
width: 100%;
display: -webkit-box;
display: flex;
min-height: 60px;
padding-bottom: 10px;
padding-top: 10px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: inherit; }
.billboard-search__container {
position: relative; }
.billboard-search__container .billboard-search__input-container {
position: relative; }
.billboard-search__container .billboard-search__input-container .icon {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute; }
.billboard-search__container .billboard-search__input-container .icon svg g g {
fill: white; }
.billboard-search__container .live-search-results {
width: 100%;
top: 55px;
position: absolute; }
.billboard-search__container .live-search-results.pending {
background-color: #FFFFFF; }
.billboard-search__container .live-search-results__item {
background-color: #FFFFFF; }
.billboard-search__container .live-search-results__item:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #f4f5f7; }
.billboard-search__container .live-search-results__item:not(:last-of-type) {
border-bottom: 1px solid #dee1e6; }
.billboard-search__container .live-search-results .loading-spinner path {
fill: #394e60; }
.billboard-search__container .live-search-results .result-title,
.billboard-search__container .live-search-results .result-location {
color: #394e60; }
.billboard-search__container .live-search-results .icon-arrow-right {
display: none; }
.search-form {
position: relative; }
.search-form .search-pending {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
display: none;
right: 0; }
.search-form .search-pending.visible {
display: block; }
.live-search-results {
width: 100%;
margin-top: 5px;
max-height: 249px;
position: relative;
z-index: 6;
overflow-y: auto; }
.live-search-results__body {
display: none; }
.live-search-results .loading-spinner {
-moz-animation: spin 0.5s linear infinite;
width: 20px;
height: 20px;
display: none;
margin: 0 auto; }
.live-search-results__item {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 16px 36px 14px;
position: relative;
background-color: rgba(32, 44, 54, 0.9);
border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
.live-search-results__item:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #202c36; }
.live-search-results__item.server .icon-documents .fill {
fill: #be8dd0; }
.live-search-results__item.ios .icon-documents .fill {
fill: #3ac2b4; }
.live-search-results__item.android .icon-documents .fill {
fill: #2bb074; }
.live-search-results__item.core .icon-documents .fill {
fill: #5da0de; }
@media (min-width: 48.0625em) {
.live-search-results__item {
padding: 20px; } }
.live-search-results__item:last-of-type {
border-bottom: none; }
.live-search-results__item__content {
padding-left: 10px;
padding-right: 20px;
font-weight: normal; }
.live-search-results__item__content .result-title,
.live-search-results__item__content .result-location {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: left; }
.live-search-results__item__content .result-title {
font-weight: 500; }
.live-search-results__item__content .result-location {
line-height: 25px; }
@media (min-width: 48.0625em) {
.live-search-results__item__content {
padding-left: 20px;
padding-right: 0; } }
.live-search-results.pending {
height: 60px;
padding: 20px;
background-color: rgba(32, 44, 54, 0.9); }
.live-search-results.pending .loading-spinner {
display: block; }
.live-search-results.pending .live-search-results__body {
margin-top: 20px; }
.live-search-results.no-results .result-title {
font-weight: normal; }
.live-search-results.results-ready .live-search-results__body, .live-search-results.no-results .live-search-results__body {
display: block; }
.live-search-results .icon-documents {
top: 2px;
left: 2px;
position: relative; }
@media (min-width: 48.0625em) {
.live-search-results .icon-documents {
left: 9px; } }
.live-search-results__item__content + svg {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
right: 30px; }
.live-search-results--mobile {
display: block; }
.live-search-results--mobile.results-ready {
display: block; }
input[type='search'].billboard-search {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
margin-top: 2px;
padding: 0 0 10px 50px;
font-size: 24px;
color: #FFFFFF;
background: transparent;
border: 0;
border-bottom: 1px solid rgba(222, 225, 230, 0.5);
border-radius: 0;
box-shadow: 0; }
input[type='search'].billboard-search::-webkit-input-placeholder {
color: #FFFFFF; }
input[type='search'].billboard-search::-moz-placeholder {
color: #FFFFFF; }
input[type='search'].billboard-search:-ms-input-placeholder {
color: #FFFFFF; }
input[type='search'].billboard-search::-ms-input-placeholder {
color: #FFFFFF; }
input[type='search'].billboard-search::placeholder {
color: #FFFFFF; }
input[type='search'].billboard-search:focus {
box-shadow: none;
outline: 0; }
@media (min-width: 48.0625em) {
input[type='search'].billboard-search {
font-size: 30px;
line-height: 40px; } }
.section-head {
display: -webkit-box;
display: flex;
padding-top: 1.7rem;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
font-family: "LivioNorm", helvetica, sans-serif;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.133em;
line-height: 1.33;
text-transform: uppercase; }
.section-head::before {
width: 4rem;
height: 0.266rem;
content: '';
top: 0;
left: 0;
position: absolute;
background-color: currentColor; }
.section-head--transparent-bar::before {
opacity: 0.2; }
.section-head__detail-link {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: currentColor;
letter-spacing: 0;
text-transform: none; }
.section-head__detail-link:hover {
opacity: 0.5; }
.section-head__detail-link-arrow {
width: 1.33rem;
margin-left: 0.5rem;
fill: currentColor; }
.tab::before {
background-color: #61717f; }
.documentation-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
padding: 22px 20px;
border: 0;
border-radius: 0; }
.documentation-select.fx-wrapper {
display: -webkit-box;
display: flex; }
.documentation-select:focus {
outline: 0; }
@media (min-width: 48.0625em) {
.documentation-select.sidebar-select-toggle {
display: none; } }
.link-popover__target {
height: 60px;
padding-right: 20px;
position: relative;
color: #FFFFFF;
line-height: 62px;
background-image: url("../svg/icons/icon-select-closed.59d3b687d5f3.svg");
background-position: right center;
background-repeat: no-repeat; }
.link-popover__target:hover {
cursor: pointer; }
.link-popover__content {
display: none; }
.link-popover__list {
width: 300px;
margin-top: 10px;
background: rgba(32, 44, 54, 0.9); }
.link-popover__list a {
display: block;
padding: 0 30px;
color: #FFFFFF;
line-height: 50px; }
.link-popover__list a:not(:last-of-type) {
border-bottom: 1px solid rgba(244, 245, 247, 0.2); }
.attached-link-pop {
z-index: 8; }
.sdl-select {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -webkit-box;
display: flex;
position: relative;
z-index: 4;
font-weight: 500;
box-shadow: 0 10px 30px 0 rgba(32, 44, 54, 0.15); }
.sdl-select .sdl-select__option {
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 60px;
display: -webkit-box;
display: flex;
padding: 0 30px;
-webkit-box-ordinal-group: 3;
order: 2;
top: 0;
position: absolute;
z-index: 1;
white-space: nowrap;
background-color: white;
overflow: hidden;
pointer-events: none; }
.sdl-select .sdl-select__option svg {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
margin-right: 30px; }
.sdl-select:hover {
cursor: pointer; }
.sdl-select:focus {
outline: 0; }
.sdl-select:focus .sdl-select__option {
position: relative;
pointer-events: all; }
.sdl-select input {
left: -99999px;
position: absolute;
opacity: 0; }
.sdl-select input:checked + label {
-webkit-box-ordinal-group: 2;
order: 1;
position: relative;
z-index: 2; }
.sdl-select input:checked + label::after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 11px;
content: '';
top: 50%;
right: 30px;
position: absolute; }
.sdl-select input:not(:checked) + label {
border-top: 1px solid #dee1e6; }
.sdl-select input:not(:checked) + label:hover {
background: #dee1e6;
cursor: pointer; }
.sdl-select input:checked + label::before {
content: '';
right: 0;
position: absolute;
background: #666666; }
.sdl-select--large {
width: 90%;
margin: 0 auto;
max-width: 510px; }
.sdl-select--large input:checked + label::after {
background-image: url("../svg/icons/icon-select-closed-black.8c3eacfe1ca4.svg"); }
.sdl-select--large:focus input:checked + label::after {
background-image: url("../svg/icons/icon-select-open-black.dd10f29ca2ca.svg"); }
.sdl-select--small {
width: 100%;
max-width: 280px; }
.sdl-select--small input:checked + label::after {
background-image: url("../svg/icons/icon-select-closed.59d3b687d5f3.svg"); }
.sdl-select--small:focus input:checked + label::after {
background-image: url("../svg/icons/icon-select-open.8c98d005c861.svg"); }
.sdl-select--small a {
color: #FFFFFF; }
@media (min-width: 48.0625em) {
.sdl-select--small {
width: 280px; } }
.sdl-select--vehicle {
margin: 20px 0; }
@media (min-width: 48.0625em) {
.sdl-select--vehicle {
margin: 40px 0; } }
.sdl-select--plain {
width: 100%;
box-shadow: none; }
.sdl-select--plain input:checked + label {
font-weight: 400;
background: #F7F8FA; }
.sdl-select--plain input:checked + label::after {
width: 10px;
background-image: url("../svg/basic/chevron-down.b48736a07be4.svg");
background-repeat: no-repeat; }
.sdl-select--plain:focus {
outline-color: red;
outline-style: inset; }
.sdl-select--plain:focus input:checked + label::after {
background-image: url("../svg/basic/chevron-up.3e98c91c8833.svg"); }
.sdl-select--plain input:not(:checked) + label {
font-weight: 400;
border-bottom: 1px solid #dee1e6;
border-left: 1px solid #dee1e6;
border-right: 1px solid #dee1e6;
border-top: 0; }
.sdl-select--plain label:hover {
background: #dee1e6; }
.sdl-select--abs {
position: absolute; }
.sdl-select-link__docdrop .isopen::after {
background-image: url("../svg/icons/icon-select-open.8c98d005c861.svg"); }
.sdl-select-links {
font-weight: normal;
color: #FFFFFF; }
.sdl-select-links__docdrop {
width: 200px;
height: 60px;
min-width: 200px;
padding: 0 20px;
position: relative;
line-height: 60px;
background: rgba(255, 255, 255, 0.2); }
.sdl-select-links__docdrop:hover {
cursor: pointer; }
.sdl-select-links__docdrop::after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 11px;
content: '';
top: 50%;
right: 20px;
position: absolute;
background-image: url("../svg/icons/icon-select-closed.59d3b687d5f3.svg"); }
.sdl-select-links__docdrop.is-open::after {
background-image: url("../svg/icons/icon-select-open.8c98d005c861.svg"); }
.sdl-select-links__options {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
width: 330px;
display: none;
margin-top: 10px;
position: absolute;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
.sdl-select-links__options .option-wrapper {
height: 60px;
background: #FFFFFF; }
.sdl-select-links__options .option-wrapper:not(:first-of-type) {
border-top: 1px solid rgba(222, 225, 230, 0.6); }
.sdl-select-links__options .option {
width: 100%;
height: 60px;
display: block;
padding: 0 30px;
color: #394e60;
line-height: 60px;
text-decoration: none;
background: #FFFFFF; }
.sdl-select-links__options .option:hover {
background-color: #F7F8FA; }
.sdl-select-links__options .option:not(:first-of-type) {
border-top: 1px solid rgba(222, 225, 230, 0.6); }
.sdl-select-links:focus {
outline: 0; }
.sdl-select-links.is-open .sdl-select-links__docdrop::after {
background-image: url("../svg/icons/icon-select-open.8c98d005c861.svg"); }
.sdl-select-links.is-open .sdl-select-links__options {
display: block;
position: fixed; }
.version-select--desktop {
display: none; }
@media (min-width: 48.0625em) {
.version-select--desktop {
display: initial; } }
@media (min-width: 48.0625em) {
.mobile-select {
display: none; } }
.sdl-dropdown {
width: 100%;
height: 50px;
max-width: 690px;
padding: 16.5px 20px 16.5px 20px;
position: relative;
z-index: 7;
background: #f4f5f7;
background-image: url("../svg/icons/icon-select-close-grey.f79f9f711d0a.svg");
background-position: right 20px center;
background-repeat: no-repeat;
border: 1px solid #dee1e6; }
.sdl-dropdown--filtered {
padding: 0; }
.sdl-dropdown__menu {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
width: 100%;
display: none;
max-height: 500px;
top: 50px;
left: 0;
position: absolute;
overflow-y: scroll;
-webkit-transform: translateY(5px);
transform: translateY(5px); }
.sdl-dropdown__menu > .category {
height: 50px;
padding: 20px;
font-size: 10px;
font-weight: 500;
color: #A9B3BD;
letter-spacing: 1.2px;
text-transform: uppercase;
background: #f4f5f7; }
.sdl-dropdown__main {
color: #394e60;
text-decoration: none; }
.sdl-dropdown__submenu > .sdl-dropdown__option:not(:first-of-type) {
border-top: 1px solid #dee1e6; }
.sdl-dropdown__option {
height: 50px;
display: block;
padding: 16.5px 20px 16.5px 20px;
color: #394e60;
background: #FFFFFF; }
.sdl-dropdown__option:hover {
background: #dee1e6;
cursor: pointer; }
.sdl-dropdown__option > span {
color: #A9B3BD; }
.sdl-dropdown.is-open {
background-image: url("../svg/icons/icon-select-open-grey.f2144c8785cb.svg"); }
.sdl-dropdown.is-open .sdl-dropdown__menu {
display: block; }
.multiselect__option {
height: 60px;
display: -webkit-box;
display: flex;
padding: 20px;
background-color: #FFFFFF; }
.multiselect__option:not(:first-of-type) {
border-top: 1px solid #dee1e6; }
.multiselect__label {
margin-left: 30px; }
.multiselect__label::before {
width: 13px;
height: 13px;
content: '';
display: block;
left: 20px;
position: absolute;
background: #F7F8FA; }
.multiselect__checkbox {
opacity: 0; }
.multiselect input:checked + .multiselect__label::before {
background-color: #78C96F;
background-image: url("../svg/icons/icon-checkmark.27ecab836b0b.svg");
background-position: center center;
background-repeat: no-repeat;
border: none; }
.colorblock {
width: 100%;
background-color: #202C36; }
@media (min-width: 48.0625em) {
.colorblock {
max-height: 450px; } }
.slideshow {
width: 100%;
background-color: transparent; }
.slideshow__dots {
width: calc(100% - 46px);
-webkit-box-pack: center;
justify-content: center;
display: -webkit-box;
display: flex;
margin-bottom: 18px;
margin-top: 18px;
position: relative;
cursor: pointer; }
@media (min-width: 48.0625em) {
.slideshow__dots {
width: initial;
margin-bottom: 0;
margin-top: 30px;
-webkit-box-ordinal-group: 0;
order: -1; } }
.slideshow__nav {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
margin-left: 50px;
cursor: pointer; }
.slideshow__nav a {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 40px;
height: 40px;
display: -webkit-box;
display: flex;
margin-bottom: 20px;
background-color: #FFFFFF;
cursor: pointer; }
.slideshow__nav a svg g {
fill: #394e60; }
.slideshow__nav a svg path {
fill: #394e60; }
.slideshow__nav a:hover svg g {
fill: #FFFFFF; }
.slideshow__nav a:hover svg path {
fill: #FFFFFF; }
.slideshow .mobile-top {
margin-bottom: 18px;
margin-top: 18px;
margin-left: auto;
margin-right: 18px; }
.slideshow .mobile-top svg path {
fill: #FFFFFF; }
.slideshow .caption {
width: 80%;
margin: 0 auto;
right: 0;
left: 0;
position: absolute;
color: #FFFFFF;
text-align: left; }
.slideshow .caption__title {
font-weight: 500; }
@media (min-width: 48.0625em) {
.slideshow .caption {
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s;
transition: -webkit-transform 0.2s ease-in-out 0.1s;
transition: transform 0.2s ease-in-out 0.1s;
transition: transform 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s; } }
.slideshow__right.mobile-only {
margin-left: 120px; }
.slideshow__info-close {
display: none; }
.slideshow__left {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.slideshow__left.mobile-only {
margin-right: 120px; }
.slideshow__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex; }
@media (min-width: 48.0625em) {
.slideshow__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: start;
align-items: flex-start;
margin: 0 auto;
max-width: 1024px;
-webkit-transform: translateY(20%);
transform: translateY(20%); } }
.slider {
width: 100%;
padding: 0;
position: relative;
list-style: none; }
.slider__image {
height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out; }
.slider img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
position: relative; }
.slider .active-img {
height: initial;
left: 0;
z-index: 4;
opacity: 1;
overflow: visible; }
.slider .active-img.has-caption img {
margin-top: 50px; }
@media (min-width: 48.0625em) {
.slider .active-img.has-caption img {
margin-top: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px); } }
@media (min-width: 48.0625em) {
.slider .active-img.has-caption .caption {
height: 100%;
margin-top: 0;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@media (min-width: 48.0625em) {
.slider {
height: 500px; } }
.dot {
width: 10px;
height: 10px;
margin: 0 3px;
position: relative; }
.dot::after {
content: '';
display: block;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
position: absolute;
background: #FFFFFF;
border-radius: 100%; }
.dot.active {
width: 10px;
height: 10px; }
.dot.active::after {
top: 0;
right: 0;
bottom: 0;
left: 0; }
.dot__nav {
display: -webkit-inline-box;
display: inline-flex;
padding: 0;
list-style: none; }
@media (min-width: 48.0625em) {
.dot__nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
width: 100px; } }
@media (min-width: 48.0625em) {
.dot {
margin: 2px 0; } }
.desktop-only {
display: none; }
@media (min-width: 48.0625em) {
.desktop-only {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-ordinal-group: 2;
order: 1; } }
.mobile-only {
display: block; }
@media (min-width: 48.0625em) {
.mobile-only {
display: none; } }
@media (min-width: 48.0625em) {
.static-page__section.after-slideshow {
padding-top: 300px; } }
.sliding-panel {
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100vw;
min-height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: -100vw;
position: fixed;
z-index: 10;
background-color: #FFFFFF; }
.sliding-panel__header {
height: 60px;
padding: 0 0 0 30px;
border-bottom: #394e60 1px solid; }
.sliding-panel__header .title {
font-weight: 500; }
.sliding-panel__header a.js-dismiss-sliding-panel {
height: 60px;
width: 60px;
display: inline-block;
line-height: 60px;
text-align: center; }
.sliding-panel__body {
height: calc(100% - 60px);
padding: 46px 0;
position: static;
opacity: inherit;
overflow-y: auto; }
.sliding-panel__body img {
display: block;
margin: 0 auto;
max-width: 90%;
opacity: inherit; }
.sliding-panel .icon-dismiss {
width: 14px;
height: 14px;
cursor: pointer; }
.sliding-panel .icon-dismiss g path {
fill: #A9B3BD; }
.sliding-panel.hidden {
-moz-animation: slideOut 0.4s; }
.sliding-panel.visible {
-moz-animation: slideIn 0.45s;
display: block;
left: 0;
box-shadow: 0px 12px 40px 0px rgba(32, 44, 54, 0.15);
opacity: 1; }
.spinner {
-webkit-animation: rotator 1.4s linear infinite;
animation: rotator 1.4s linear infinite; }
.spinner__path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
-webkit-transform-origin: center;
transform-origin: center;
stroke: #65a0ff;
-webkit-animation: dash 1.4s ease-in-out infinite;
animation: dash 1.4s ease-in-out infinite; }
@-webkit-keyframes rotator {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); } }
@keyframes rotator {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); } }
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 187; }
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
100% {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg); } }
@keyframes dash {
0% {
stroke-dashoffset: 187; }
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
100% {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg); } }
table {
width: 100%;
padding: 0 30px;
text-align: left;
border: 1px solid #dee1e6;
border-left: 0; }
table thead {
font-size: 10px;
letter-spacing: 2px;
line-height: 12px;
text-align: left;
text-transform: uppercase;
border-bottom: 1px solid #dee1e6; }
table tr:not(:last-of-type) {
border-bottom: 1px solid #dee1e6; }
table th,
table td {
padding: 20px; }
table th:first-of-type,
table td:first-of-type {
padding-left: 30px; }
table th:last-of-type,
table td:last-of-type {
padding-right: 30px; }
table .shared_td {
max-width: 300px; }
table.def-table td:first-child {
width: 160px; }
@media (min-width: 48.0625em) {
table {
margin-top: 40px;
border-left: 1px solid #dee1e6; } }
.tabbed-content__tabs {
display: -webkit-box;
display: flex; }
.tabbed-content__tabs li {
padding: 12px 22px;
min-width: 100px;
border: 1px solid #F7F8FA;
cursor: pointer;
letter-spacing: 1px;
text-align: center; }
.tabbed-content__tabs li.selected {
background-color: #F7F8FA; }
.tabbed-content__panel.hidden {
display: none; }
.tabs {
margin-bottom: 48px; }
.tabs__control {
position: relative;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer; }
.tabs__control::after {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
width: 100%;
height: 1px;
content: ' ';
bottom: -3px;
left: 0;
position: absolute;
background-color: #78C96F;
visibility: hidden; }
.tabs .spacer {
padding: 0 30px;
cursor: default; }
.tabs .spacer::after {
display: none; }
.tabs__content {
display: none; }
.tabs__control.selected {
color: #78C96F; }
.tabs__control.selected::after {
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
-webkit-transform: scaleX(1);
transform: scaleX(1);
visibility: visible; }
.tabs__content.selected {
display: block; }
.version-tag {
display: inline-block;
margin-left: 10px;
margin-top: 10px;
padding: 2px 5px 2px 6px;
font-family: "LivioNorm", helvetica, sans-serif;
font-size: 15px;
font-weight: 500;
color: #394e60;
border: 2px solid #394e60;
border-radius: 2px; }
.version-tag:hover {
color: #FFFFFF;
background-color: #394e60; }
.version-tag-list {
margin-top: -10px; }
.visual-link {
display: block;
color: #202C36;
text-decoration: none;
background: #FFFFFF;
box-shadow: 0px 12px 40px 0px #dee1e6; }
.visual-link__body {
padding: 33px 30px; }
.visual-link__body p:last-of-type {
margin: 0 !important; }
.visual-link__title {
margin-bottom: 15px;
font-weight: 500;
text-transform: uppercase; }
.visual-link__link {
min-width: 60px;
padding: 20px 30px;
position: relative;
font-size: 15px;
text-align: center;
border-top: 1px solid rgba(244, 245, 247, 0.9); }
.visual-link__link span {
position: relative;
z-index: 7; }
.visual-link__link .icon {
margin-left: auto; }
.visual-link:hover .visual-link__link {
background: #F7F8FA; }
.visual-link-wrapper {
margin: 30px 0; }
@media (min-width: 48.0625em) {
.visual-link-wrapper {
margin: 60px 0; } }
.visual-print-image {
display: none; }
.icon--pdf {
display: none; }
.warning-label {
display: -webkit-box;
display: flex;
font-size: 0.8rem;
font-weight: bold;
color: #A9B3BD;
letter-spacing: 0.08em;
line-height: 1.8;
text-transform: uppercase; }
.warning-label::before {
width: 1.6rem;
height: 1.6rem;
content: '';
display: block;
flex-shrink: 0;
margin-top: 0.33rem;
margin-right: 0.66rem;
background-image: url("/static/svg/icons/warning.svg");
background-repeat: no-repeat;
background-size: 100%; }
.modal {
display: none; }
.modal[open] {
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
display: -webkit-box;
display: flex;
padding: 20px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
top: 0;
left: 0;
position: fixed;
z-index: 10;
background-color: rgba(0, 0, 0, 0.5);
border: 0; }
.about-overview .about-header {
-webkit-transition: height 0.2s ease-in-out;
transition: height 0.2s ease-in-out;
height: 346px;
position: relative;
background: #394e60; }
.about-overview .about-header__image {
-webkit-transition: opacity 0.2s ease-in-out 0.3s;
transition: opacity 0.2s ease-in-out 0.3s;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background: url("/static/img/SDL_Overview_Header.jpg");
background-position: center center;
background-size: cover;
opacity: 1; }
.about-overview .about-header.is-open .about-header__image {
opacity: 0; }
.about-overview .about-header.is-open .about-header__content {
opacity: 0; }
.about-overview .about-header.is-open .about-header__video {
-webkit-transition: display 0s linear 0.2s;
transition: display 0s linear 0.2s;
display: inline; }
@media (min-width: 48.0625em) {
.about-overview .about-header.is-open {
height: 768px; } }
@media (min-width: 57.5em) {
.about-overview .about-header.is-open {
height: 1000px; } }
.about-overview .about-header #mobile-about-video {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 99999; }
@media (min-width: 48.0625em) {
.about-overview .about-header #mobile-about-video {
display: none; } }
.about-overview .about-header .container {
height: 100%;
position: relative; }
.about-overview .about-header__content {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 0.3s ease-in-out 0.2s;
transition: opacity 0.3s ease-in-out 0.2s;
width: 100%;
top: 60%;
position: absolute;
opacity: 1; }
@media screen and (min-width: 1068px) {
.about-overview .about-header__content {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
top: 45%; } }
.about-overview .about-header__video {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: display 0.1s linear 0.4s;
transition: display 0.1s linear 0.4s;
width: 100%;
display: none;
padding-bottom: 56.25%;
top: 50%;
position: absolute; }
.about-overview .about-header__video__control {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
.about-overview .about-header__video__control .t-h5 {
letter-spacing: 0; }
.about-overview .about-header__video iframe {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute; }
@media (max-width: 48.0525em) {
.about-overview .about-header__video iframe {
display: none; } }
.about-overview .about-header span {
font-size: 20px; }
.about-overview .about-header .t-h1 {
margin-bottom: 20px; }
@media (min-width: 48.0625em) {
.about-overview .about-header .t-h1 {
margin-bottom: 0;
font-size: 80px; } }
.about-overview .about-header a:hover span.play-arrow {
background: rgba(255, 255, 255, 0.2); }
.about-overview .about-header span.play-arrow {
height: 80px;
width: 80px;
display: inline-block;
margin-right: 20px;
position: relative;
vertical-align: middle;
border: 2px solid #FFFFFF;
border-radius: 100%; }
.about-overview .about-header span.play-arrow svg {
-webkit-transform: translateX(-27%) translateY(-50%);
transform: translateX(-27%) translateY(-50%);
top: 50%;
left: 50%;
position: absolute; }
.about-overview .about-cta__wrapper {
margin: 48px 0 24px 0;
padding-bottom: 60px; }
.about-overview .about-cta__wrapper .container {
max-width: 844px; }
.about-overview .about-cta__wrapper .button-hover--lime-white:hover * {
fill: none; }
@media (min-width: 48.0625em) {
.about-overview .about-cta__wrapper {
margin: 0;
padding: 104px 0 94px 0; } }
.about-overview .about-cta .download-icon {
width: 60px;
height: 100%; }
.about-overview .static-page__section.about-what-is-sdl__wrapper {
padding: 42px 0; }
@media screen and (min-width: 1068px) {
.about-overview .static-page__section.about-what-is-sdl__wrapper {
margin-bottom: -225px;
background: #dee1e6; } }
.about-overview .about-what-is-sdl {
background: #FFFFFF; }
.about-overview .about-what-is-sdl p + p {
margin-top: 30px;
color: #394e60; }
.about-overview .about-what-is-sdl__logo {
padding: 45px 0 40px 0; }
.about-overview .about-what-is-sdl .sdl-detail-card {
display: -webkit-box;
display: flex;
margin-top: 30px;
padding: 20px 30px;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background: #FFFFFF;
box-shadow: 0 20px 70px 0 rgba(50, 50, 50, 0.15); }
.about-overview .about-what-is-sdl .sdl-detail-card > .icon__wrapper {
width: 100%;
height: auto;
margin-bottom: 12px; }
@media (min-width: 48.0625em) {
.about-overview .about-what-is-sdl .sdl-detail-card {
padding: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; }
.about-overview .about-what-is-sdl .sdl-detail-card > .icon__wrapper {
margin-bottom: 0;
max-width: 65px;
padding-right: 20px; } }
.about-overview .about-what-is-sdl .sdl-detail-card:last-of-type {
margin-bottom: 30px; }
.about-overview .about-what-is-sdl .section-head {
margin-bottom: 22px;
margin-top: 15px; }
@media (min-width: 48.0625em) {
.about-overview .about-what-is-sdl .section-head {
left: -50px; } }
@media (min-width: 57.5em) {
.about-overview .about-what-is-sdl .section-head {
left: 0px; } }
@media screen and (min-width: 1068px) {
.about-overview .about-what-is-sdl {
width: calc(100% - 60px);
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
margin: 0 auto;
max-width: 1078px;
padding: 36px 80px;
position: relative;
z-index: 6; }
.about-overview .about-what-is-sdl .sdl-detail-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; } }
@media (min-width: 48.0625em) {
.about-overview .about-what-is-sdl {
width: calc(100% - 200px);
margin-left: auto;
margin-right: auto; } }
.about-overview .static-page__section.about-for__wrapper {
padding: 0; }
.about-overview .static-page__section.about-for__wrapper .hr-lime {
width: 60px;
height: 4px;
margin-bottom: 24px;
background-color: #78C96F;
border: none; }
.about-overview .static-page__section.about-for__wrapper .illo_wrapper {
display: -webkit-box;
display: flex;
padding-bottom: 40px;
-webkit-box-pack: center;
justify-content: center; }
.about-overview .static-page__section.about-for__wrapper .illo_wrapper svg {
height: 157px; }
@media (min-width: 48.0625em) {
.about-overview .static-page__section.about-for__wrapper .illo_wrapper {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
width: 300px;
height: 260px;
margin-right: 40px;
min-width: 300px;
padding: 50px 40px;
-webkit-box-align: center;
align-items: center;
background-color: #FFFFFF; } }
@media (min-width: 57.5em) {
.about-overview .static-page__section.about-for__wrapper .illo_wrapper {
width: 520px;
height: 450px;
min-width: 520px;
padding: 90px 0; }
.about-overview .static-page__section.about-for__wrapper .illo_wrapper svg {
height: 100%; } }
.about-overview .static-page__section.about-for__wrapper .section-head {
margin-bottom: 18px; }
.about-overview .static-page__section.about-for__wrapper .section-head__container {
margin: 0; }
.about-overview .static-page__section.about-for__wrapper .container--full {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
@media (min-width: 48.0625em) {
.about-overview .static-page__section.about-for__wrapper .container--full {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; } }
.about-overview .static-page__section.about-for__wrapper .about-for__anchor {
width: 100%;
height: 30px;
display: block;
top: -60px;
position: absolute; }
.about-overview .static-page__section.about-for__wrapper .about-for__detail {
padding: 60px 50px; }
@media (max-width: 48.0525em) {
.about-overview .static-page__section.about-for__wrapper .about-for__detail {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
margin: 0 30px 30px;
padding: 24px 20px 14px 20px;
background-color: #FFFFFF; } }
@media (min-width: 57.5em) {
.about-overview .static-page__section.about-for__wrapper .about-for__detail {
padding: 50px 0 90px 0; } }
.about-overview .static-page__section.about-for__wrapper p + ul {
margin-top: 30px;
color: #394e60; }
.about-overview .static-page__section.about-for__wrapper ul {
padding-left: 20px; }
.about-overview .about-information {
padding-bottom: 80px; }
@media (min-width: 48.0625em) {
.about-overview .about-information .github-button {
margin-bottom: 0; } }
.about-overview .about-information__column p + a {
margin-top: 24px; }
.about-overview .about-information__column a + a {
margin-bottom: 50px;
margin-top: 20px; }
@media (min-width: 48.0625em) {
.about-overview .about-information__column p {
min-height: 190px; } }
@media (min-width: 57.5em) {
.about-overview .about-information__column p {
min-height: 160px; } }
@media (min-width: 48.0625em) {
.about-overview .about-information__column {
width: calc((100% - 68px) / 3); } }
@media (min-width: 48.0625em) {
.about-overview .about-information {
padding-bottom: 120px; } }
.about-sdl .about-icon {
height: auto; }
.about-sdl .about-icon__container {
width: 60px; }
.about-sdl .section-head__button--desktop {
display: block; }
.about-sdl .static-page__section {
padding: 60px 0 60px; }
.about-sdl .static-page__section .content .section-head p {
max-width: 75%; }
.about-sdl .static-page__section .content .section-head a {
max-width: 35%; }
html {
overflow-x: hidden; }
@media (max-width: 500px) {
.case-studies__block div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin: auto; }
.case-studies__block div a {
margin: 1rem auto; } }
@media (min-width: 481px) and (max-width: 780px) {
.enhancing-title {
width: 50%; } }
@media (max-width: 400px) {
.enhancing-title {
width: 80%; } }
.enhancing {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap; }
.enhancing__col {
width: 32%;
padding: 20px; }
.enhancing__col img {
width: 150px;
border-radius: 100%;
display: block;
margin: 2rem auto; }
.enhancing__col p span {
font-weight: bold; }
@media (max-width: 450px) {
.enhancing {
display: block; }
.enhancing__col {
width: 100%;
margin: 0 0 10px 0; } }
.overlay {
position: relative;
z-index: 3;
top: 150px;
width: 90%;
margin: -5rem auto 0 auto;
background-color: white;
box-shadow: 0 20px 70px 0 rgba(32, 44, 54, 0.15); }
.overlay .inner {
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
max-width: 1078px; }
@media (max-width: 500px) {
.overlay .inner {
width: 100%; } }
@media (max-width: 500px) {
.overlay {
width: 100%;
box-shadow: none; } }
@media (min-width: 48.0625em) {
.overlay {
max-width: 650px; } }
@media (min-width: 48.0625em) {
.summary {
margin-bottom: -12rem; } }
@media (max-width: 450px) {
.summary {
margin-bottom: -10rem;
margin-top: -7rem; } }
.mt8 {
margin-top: 12rem; }
.solution {
padding: 60px 0px; }
.solution__col {
width: 24%;
margin-left: 1.5rem;
margin-right: 1.5rem;
margin-bottom: 120px;
background-color: #fff;
box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.solution__col div .p-title {
word-wrap: break-word; }
@media (min-width: 501px) and (max-width: 780px) {
.solution__col div .p-title {
word-wrap: normal; } }
.solution__col--number {
position: relative;
bottom: 33px;
left: 10px; }
.solution__col img {
display: block;
width: auto;
margin-top: -2rem; }
@media (max-width: 500px) {
.solution__col {
box-shadow: none;
margin: 0 0 60px 0;
width: 100%; } }
@media (min-width: 501px) and (max-width: 780px) {
.solution__col {
width: 44%; } }
@media (max-width: 400px) {
.solution {
width: 100%;
padding: 20px 0px; } }
@media (min-width: 481px) and (max-width: 780px) {
.solution {
position: relative;
padding: 0px; } }
.solution-bottom {
-webkit-box-pack: center;
justify-content: center; }
.related-section a {
margin-right: 1rem; }
@media (max-width: 400px) {
.related-section a {
margin-right: 0; } }
@media (max-width: 400px) {
.related-section {
-webkit-box-pack: justify;
justify-content: space-between; } }
.events {
/* TODO: We can remove this .invite-link stuff as soon as the updated events are live.
* On the updated pages this is being handled from .post-cta in the _static.scss styles
* JM - 2018-09-03
*/ }
.events .event {
margin-bottom: 52px; }
.events .event address {
margin-bottom: 20px;
font-size: 24px;
font-style: normal !important;
font-weight: 600; }
.events .event p {
margin-bottom: 20px; }
.events .event ul {
padding-left: 27px; }
.events .event ul li {
margin-bottom: 10px;
padding-left: 10px; }
.events-line {
margin-bottom: 20px; }
.events-line--x2 {
margin-bottom: 40px; }
.events .invite-link {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 150px;
padding: 0;
font-size: 12px;
font-weight: 500;
line-height: 30px;
text-align: center;
text-decoration: none;
border-radius: 2px;
border-style: solid;
cursor: pointer;
border-width: 1px;
margin-top: 44px;
max-width: 100% !important;
letter-spacing: 2.5px; }
.events .invite-link--medium {
width: 290px; }
.events .invite-link--large {
width: 100%;
font-size: 15px;
line-height: 51px; }
@media (min-width: 48.0625em) {
.events .invite-link--large {
max-width: 510px; } }
.events .invite-link--full {
width: 100%;
display: block; }
.events .invite-link.bc-lime {
color: #78C96F;
border-color: #78C96F; }
.events .invite-link.bc-lime:hover {
color: #FFFFFF;
background-color: #78C96F; }
.events .invite-link.bc-lime:focus {
background-color: #6BBD62; }
.events .invite-link.bc-white {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
.events .invite-link.bc-white:hover {
color: #394e60;
background-color: #FFFFFF; }
.events .invite-link.bc-white:focus {
background-color: #394e60; }
.events .invite-link.bc-red {
color: #F3636C; }
.events .invite-link.bc-red:hover {
color: #FFFFFF;
background-color: #F3636C; }
.events .invite-link.bc-red:focus {
background-color: #E75059; }
.events .invite-link.bg-red, .events .invite-link.bg-lime {
color: #FFFFFF; }
.events .invite-link:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.events .invite-link:disabled {
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.3; }
.appid-list .static-page__section .app-container {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
@media (min-width: 750px) {
.appid-list .static-page__section .app-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap; } }
@media (min-width: 1110px) {
.appid-list .static-page__section .app-container {
width: 100%; } }
.appid-list .static-page__section .appid-item {
width: 120px;
height: 160px;
margin: 20px;
display: -webkit-box;
display: flex;
margin-bottom: 30px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
position: relative;
text-align: center;
background: #FFFFFF;
box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 10px; }
.appid-list .static-page__section .appid-item__label {
width: 70px;
height: 20px;
top: 10px;
right: 10px;
position: absolute;
background: #f4f5f7; }
.appid-list .static-page__section .appid-item__label span {
font-size: 10px;
color: #A9B3BD;
text-align: center;
text-transform: uppercase; }
.appid-list .static-page__section .appid-item__title {
font-size: 14px;
font-weight: 500;
line-height: 1.44; }
.appid-list .static-page__section .appid-item .top-05 {
top: 0.5rem; }
.appid-list .static-page__section .appid-item .top-15 {
top: 1.5rem; }
.appid-list .static-page__section .appid-item__category {
font-size: 12px;
margin-bottom: 0.25rem; }
.appid-list .static-page__section .appid-item__icon {
width: 120px;
min-height: 120px;
border-radius: 10px 10px 0px 0px;
margin-bottom: auto; }
@media only screen and (max-width: 600px) {
.appid-list .static-page__section .appid-item__icon {
height: auto; } }
.appid-list .static-page__section .appid-item__region {
font-size: 10px;
color: #A9B3BD;
text-transform: uppercase; }
.appid-list .static-page__section .appid-item .after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
color: #fff;
border-radius: 10px; }
.appid-list .static-page__section .appid-item .after .after-info {
height: 6rem; }
.appid-list .static-page__section .appid-item .after .after-info__text {
margin-top: 2rem; }
.appid-list .static-page__section .appid-item .after .after-info__text--title {
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 1.44;
overflow-wrap: break-word;
margin: 0 0.5rem; }
.appid-list .static-page__section .appid-item .after .after-info__text--category {
font-size: 12px;
margin-top: 0.5rem;
color: #000; }
.appid-list .static-page__section .appid-item .after .after-info__available p {
font-size: 10px;
color: #A9B3BD; }
.appid-list .static-page__section .appid-item .after hr {
background-color: #78C96F;
height: 1px;
border: none; }
.appid-list .static-page__section .appid-item .after .after-download {
border-radius: 0px 0px 10px 10px;
height: 2.6rem; }
.appid-list .static-page__section .appid-item .after .after-download:hover {
background-color: #78C96F;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.appid-list .static-page__section .appid-item .after .after-download__button {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center; }
.appid-list .static-page__section .appid-item .after .after-download__button--text {
color: #78C96F;
margin: auto;
font-size: 10px;
padding: 4px; }
.appid-list .static-page__section .appid-item .after .after-download__button--text:hover {
color: #fff; }
@media only screen and (max-width: 600px) {
.appid-list .static-page__section .appid-item .after .after-download {
height: 27%; } }
.appid-list .static-page__section .appid-item:hover .after {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1;
background: #d9d9d9;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(173, 173, 173, 0)), color-stop(22%, rgba(255, 255, 255, 0.95)));
background: linear-gradient(to bottom, rgba(173, 173, 173, 0) 0%, rgba(255, 255, 255, 0.95) 22%); }
.appid-list .static-page__section .mauto {
margin: auto; }
.appid-list .static-page__section .shadow-container {
box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 10px; }
.appid-list .static-page__section .appid-mini {
width: 100%;
height: 67px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
position: relative;
text-align: center;
background: #FFFFFF; }
.appid-list .static-page__section .appid-mini .w85 {
width: 85%; }
.appid-list .static-page__section .appid-mini__label {
width: 70px;
height: 20px;
top: 10px;
right: 10px;
position: absolute;
background: #f4f5f7; }
.appid-list .static-page__section .appid-mini__label span {
font-size: 14px;
color: #A9B3BD;
text-align: center;
text-transform: uppercase; }
.appid-list .static-page__section .appid-mini__title {
font-size: 12px;
font-weight: 500;
line-height: 1.44; }
.appid-list .static-page__section .appid-mini__category {
font-size: 10px;
line-height: 1.44; }
.appid-list .static-page__section .appid-mini__icon {
width: 32px;
height: 32px;
border-radius: 5px; }
.appid-list .static-page__section .appid-mini__region {
font-size: 10px;
color: #A9B3BD;
text-transform: uppercase; }
.appid-list .static-page__section .appid-mini .after {
position: absolute;
width: 10%;
height: 10%;
opacity: 0;
color: #fff;
border-radius: 10px;
width: auto; }
.appid-list .static-page__section .appid-mini .after .after-mini {
margin-top: -6px; }
.appid-list .static-page__section .appid-mini .after .after-mini svg {
height: 78px;
margin-right: 0.75rem; }
.appid-list .static-page__section .appid-mini.hover:hover .after {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: inherit;
width: inherit;
background: rgba(255, 255, 255, 0.75); }
.appid-list .static-page__section hr {
background-color: lightgray;
height: 1px;
border: none; }
.after-dowload:hover {
background-color: white; }
.after-download:hover .after-download__button--text {
color: white !important; }
.m-t-30 {
margin-top: 30px; }
.filter-desktop {
display: none; }
@media (min-width: 768px) {
.filter-desktop {
display: -webkit-box;
display: flex; } }
.pt120 {
padding: 120px 0px 0px 0px !important; }
.app-catalog-desc {
max-width: 800px; }
.app-catalog-desc .text {
font-size: 24px;
line-height: 36px;
color: #394e60;
text-align: center; }
.app-results .checkbox-button label:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media only screen and (max-width: 768px) {
.app-results {
display: none; } }
@media (min-width: 769px) {
.app-results {
height: 20rem; } }
@media (min-width: 860px) {
.app-results {
height: 18rem; } }
.flex-flow {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap; }
.apps-flex-container {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
position: relative;
-webkit-box-pack: start !important;
justify-content: start !important;
padding-bottom: 50px; }
@media only screen and (max-width: 768px) {
.apps-flex-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap; } }
.apps-thirds-container {
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
position: relative;
-webkit-box-pack: center;
justify-content: center; }
@media only screen and (max-width: 768px) {
.apps-thirds-container {
margin-bottom: 3rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: baseline;
align-items: baseline;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content; } }
.flex-thirds {
-webkit-box-flex: 0;
flex: 0 1 calc(35% - 25px); }
@media only screen and (max-width: 768px) {
.flex-thirds {
-webkit-box-flex: inherit;
flex: inherit;
width: 320px; } }
.flex-fifths {
-webkit-box-flex: 0;
flex: 0 1 calc(20% - 20px); }
@media only screen and (max-width: 768px) {
.flex-fifths {
-webkit-box-flex: 1;
flex: auto; } }
.oem-section {
padding-bottom: 120px !important; }
.every-other:nth-child(even) {
background-color: #f4f5f7 !important; }
.every-other:nth-child(odd) {
background-color: #fff !important; }
body.appid-form {
/* duplicated from frontend/components/_buttons.scss */ }
body.appid-form .appid-form--form__locked {
opacity: 0.5; }
body.appid-form .appid-form--form__locked div.checkbox,
body.appid-form .appid-form--form__locked div.checkbox label,
body.appid-form .appid-form--form__locked div.checkbox input[disabled] {
/* use cursor: not-allowed? that would make sense for anywhere disabled */
cursor: default; }
body.appid-form .nav-rpcs,
body.appid-form .location-rpcs {
margin-bottom: 20px;
padding: 20px; }
body.appid-form .nav-rpcs select,
body.appid-form .location-rpcs select {
width: 157px;
height: 40px;
padding: 10px;
background-color: #ffffff; }
body.appid-form .button-admin--large {
max-width: 100%; }
body.appid-form .app-upload {
display: block; }
body.appid-form .form {
width: 100%; }
body.appid-form .form-header {
margin-top: 30px;
padding: 20px;
background-color: #f4f5f7; }
body.appid-form .form-media {
padding-bottom: 30px;
padding-top: 40px; }
body.appid-form .media-wrapper-app-icon {
width: 150px;
height: 150px; }
body.appid-form .media-wrapper img {
max-height: 100%;
max-width: 100%; }
body.appid-form .hidden-inputfile {
width: 0.1px;
height: 0.1px;
position: absolute;
z-index: -1;
opacity: 0;
overflow: hidden; }
body.appid-form .reg-checkboxes .checkbox + .checkbox {
margin-top: 30px; }
body.appid-form .sdl-dropdown__menu.is-open {
display: block; }
body.appid-form #additional_categories_selector {
z-index: 8; }
body.appid-form .sdl-dropdown {
height: 60px;
padding: 20px;
background-color: #F7F8FA;
border: none; }
body.appid-form .sdl-dropdown__main {
margin-right: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
body.appid-form .sdl-dropdown--filtered {
padding: 0; }
body.appid-form .sdl-dropdown--filtered body.appid-form .sdl-dropdown__main {
margin-right: 0; }
body.appid-form .sdl-dropdown__menu {
top: 60px; }
body.appid-form .sdl-dropdown__submenu {
padding: 0;
list-style: none; }
body.appid-form .bg-label-near-white::before {
background-color: #f4f5f7; }
body.appid-form .bg-label-dark-grey::before {
background-color: #d2d5da; }
body.appid-form .bg-white {
background-color: #FFFFFF; }
body.appid-form .button-hover--lime-white:hover {
color: white;
background-color: #78C96F; }
body.appid-form .button-hover--lime-white:hover * {
fill: white; }
body.appid-form .button-hover--white-lime:hover {
color: #78C96F;
background-color: #FFFFFF; }
body.appid-form .button-hover--white-lime:hover * {
fill: #78C96F; }
body.appid-form .button-hover--red-white:hover {
color: white;
background-color: #F3636C; }
body.appid-form .button-hover--red-white:hover * {
fill: white; }
body.appid-form .bn-label::before {
border: none; }
body.appid-form .fw-400 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400; }
.form-tooltip {
position: relative;
display: inline-block;
margin-left: 8px; }
.form-tooltip .form-tooltiptext {
visibility: hidden;
width: 142px;
color: #394e60;
background-color: #fff;
text-align: center;
border: 1px solid #394e60;
padding: 2px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 500%;
margin-left: -60px;
text-transform: capitalize;
font-size: 12px;
letter-spacing: 1px; }
.form-tooltip .form-tooltiptext::before {
content: "";
position: absolute;
top: 12px;
left: -1px;
border-style: solid;
border-color: #000 transparent transparent transparent;
border-top: 6px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #394e60; }
.form-tooltip .form-tooltiptext::after {
content: "";
position: absolute;
top: 11px;
left: 0px;
border-style: solid;
border-color: #000 transparent transparent transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff; }
.form-tooltip:hover .form-tooltiptext {
visibility: visible; }
#locales-formset .locales-form select {
-webkit-appearance: none;
-webkit-border-radius: 0px;
width: 100%;
height: 62px;
max-width: 690px;
padding: 16.5px 20px 16.5px 20px;
position: relative;
z-index: 7;
background: #f4f5f7;
background-position: right 20px center;
background-repeat: no-repeat;
background-image: url("../svg/icons/icon-select-close-grey.f79f9f711d0a.svg"); }
#locales-formset .locales-form #id_locales-form-0-name {
width: 100%;
height: 62px;
max-width: 690px;
padding: 16.5px 20px 16.5px 20px;
position: relative;
z-index: 7;
background: #f4f5f7;
background-image: url("../svg/basic/chevron-down.b48736a07be4.svg");
background-position: right 20px center;
background-repeat: no-repeat;
border: 1px solid #dee1e6; }
#locales-formset .locales-form #id_locales-form-0-tts_type {
background-image: url("../svg/basic/chevron-down.b48736a07be4.svg"); }
#locales-formset .form-item .checkbox label::before {
background-image: none;
width: 689px;
height: 62px;
margin-top: 1rem;
border: none; }
.consortium {
padding-top: 60px; }
.consortium__intro {
font-size: 18px;
font-stretch: normal;
font-style: normal;
font-weight: 300;
color: #394e60;
line-height: 1.44; }
.consortium__intro p {
margin-bottom: 30px; }
.consortium__intro p a {
color: #78C96F; }
.consortium__docs {
margin-bottom: 60px;
padding-top: 60px; }
.consortium__contact {
padding-bottom: 100px;
padding-top: 83px;
background-color: #f4f5f7; }
.consortium .contact-form {
display: -webkit-box;
display: flex;
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background-color: #ffffff; }
.consortium .contact-form__header {
height: 60px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
flex: 1;
font-weight: 500;
color: #394e60; }
.consortium .contact-form__body-wrap {
display: none;
padding-bottom: 30px; }
.consortium .contact-form__body {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap; }
.consortium .contact-form__input {
display: -webkit-box;
display: flex;
margin-bottom: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
.consortium .contact-form__input--radio {
margin-bottom: 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; }
.consortium .contact-form__input--radio label {
font-size: 15px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
color: #394e60;
line-height: 1.33; }
.consortium .contact-form__input--radio span {
margin-left: 17px; }
.consortium .contact-form__input label {
margin-bottom: 10px;
font-size: 10px;
font-stretch: normal;
font-style: normal;
font-weight: bold;
color: #a9b3bd;
letter-spacing: 1.3px;
line-height: 2;
text-transform: uppercase; }
.consortium .contact-form__input input {
height: 60px;
background-color: #f7f8fa;
border: solid 1px #dee1e6; }
.consortium .contact-form__input.w-50 {
flex-basis: 100%; }
@media (min-width: 600px) {
.consortium .contact-form__input.w-50 {
flex-basis: 47.5%; } }
.consortium .contact-form__submit {
width: 100%;
display: -webkit-box;
display: flex;
margin-top: 30px;
-webkit-box-pack: center;
justify-content: center; }
.consortium .contact-form__submit button {
width: 150px;
height: 40px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-size: 12px;
font-stretch: normal;
font-style: normal;
font-weight: 500;
color: #394e60;
letter-spacing: 2px;
line-height: 1.67;
text-align: center;
text-transform: uppercase;
background-color: #e7eaed;
border: none;
-webkit-transition: 0.2s ease;
transition: 0.2s ease; }
.consortium .contact-form__submit button:hover {
background-color: #dee1e6; }
.consortium .contact-form p.submit-text {
margin: 0 auto; }
.consortium .contact-form .js-svg-open {
display: block; }
.consortium .contact-form .js-svg-close {
display: none; }
.consortium .contact-form input[type='radio'] {
display: none; }
.consortium .download {
height: 60px;
display: -webkit-box;
display: flex;
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
background-color: #ffffff;
border: solid 1px #eaecf0;
-webkit-transition: 0.2s ease;
transition: 0.2s ease; }
.consortium .download:hover {
background-color: #eaecf0; }
.consortium .download__name {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
font-size: 15px;
font-stretch: normal;
font-style: normal;
font-weight: 500;
color: #394e60; }
.consortium .download__name span {
margin-right: 34px; }
.consortium .download svg {
fill: #808080; }
.consortium .w-100 {
flex-basis: 100%; }
.consortium .section-head {
margin-bottom: 53px;
margin-top: 0px;
font-weight: normal; }
.consortium .section-head::before {
background-color: #465e72; }
.consortium .label-error {
color: #f3636c; }
.consortium .input-error {
border: 1px solid #f3636c !important; }
body.dev-profile .main-header {
background-color: #6bbd62 !important; }
body.dev-profile .modal {
width: 100%;
height: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
top: 0;
left: 0;
position: fixed;
z-index: 1000;
background: rgba(151, 151, 151, 0.5);
border: 0;
box-shadow: 0 0 50px #aaaaaa;
overflow: scroll; }
body.dev-profile .modal__window {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
position: fixed; }
body.dev-profile .delete-shaid-key-modal .modal__close {
margin-left: auto;
cursor: pointer; }
body.dev-profile .delete-shaid-key-modal .modal__window {
max-width: 510px;
padding: 20px;
top: 25%;
position: absolute;
background: #ffffff;
box-shadow: 0 0 30px #999999; }
body.dev-profile .delete-shaid-key-modal .modal__window h3 {
margin-bottom: 20px;
font-size: 30px;
font-weight: 300;
color: #f4505b;
text-align: center; }
body.dev-profile .delete-shaid-key-modal .modal__window p {
font-size: 15px;
color: #394e60;
line-height: 22px; }
body.dev-profile .static-page__section {
padding-top: 60px; }
body.dev-profile .dev-hero {
height: 250px;
display: -webkit-box;
display: flex;
margin-top: 50px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center; }
@media (min-width: 48.0625em) {
body.dev-profile .dev-hero {
margin-top: 50px; } }
@media (max-width: 48.0525em) {
body.dev-profile .mobile-wide-col {
width: 100%; } }
body.dev-profile .sdl-select .sdl-select__option {
padding: 0px 20px; }
body.dev-profile .sdl-select {
z-index: 0; }
body.dev-profile .sdl-select--vehicle {
margin-top: 0; }
body.dev-profile .button-admin--large {
max-width: 100%; }
body.dev-profile .button-admin--small {
width: 150px;
height: 40px; }
body.dev-profile .sidebar-nav {
display: none;
background: #FFFFFF;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
body.dev-profile .sidebar-nav.is-visible {
display: block; }
@media (min-width: 48.0625em) {
body.dev-profile .documentation-select {
display: none; } }
body.dev-profile .desktop-side-nav {
width: 285px;
display: none; }
@media (min-width: 48.0625em) {
body.dev-profile .desktop-side-nav {
display: block; } }
body.dev-profile .desktop-side-nav__item {
height: 40px;
display: -webkit-box;
display: flex;
min-width: 200px;
padding: 10px 30px 10px 10px;
background: #F7F8FA; }
body.dev-profile .desktop-side-nav__link {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
color: #394e60; }
body.dev-profile .desktop-side-nav__link:hover {
color: #78C96F; }
body.dev-profile .desktop-side-nav__link:hover .desktop-side-nav__dot {
opacity: 1; }
body.dev-profile .desktop-side-nav__link__active {
color: #78C96F; }
body.dev-profile .desktop-side-nav__active {
color: #78C96F; }
body.dev-profile .desktop-side-nav__dot {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 8px;
height: 8px;
display: block;
margin-right: 12px;
background: #FFFFFF;
border: 2px solid #78C96F;
border-radius: 50%;
opacity: 0; }
@media (max-width: 62em) {
.full-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
.full-row .input-group {
width: 100%;
margin-right: 0 !important;
padding-right: 0 !important; } }
#theme-container {
margin: 100px 0 30px;
padding: 30px; }
#theme-container code {
line-height: 1.5; }
.hr-div > .hr-thin {
margin-top: 24px; }
.id-list {
width: 100%;
border: 0; }
.id-list__row {
display: -webkit-box;
display: flex;
padding: 20px 20px 20px 30px;
-webkit-box-pack: justify;
justify-content: space-between;
font-weight: 500;
line-height: 1.3;
background-color: #F7F8FA;
border-top: 1px solid #dee1e6; }
.id-list__row:first-of-type {
border-top: none; }
.id-list__row .id-info {
display: -webkit-box;
display: flex;
padding-right: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
color: #A9B3BD; }
.id-list__row .id-info div:first-of-type {
color: #394e60; }
.id-list__row .id-edit {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center; }
.id-list__row .edit {
color: #78C96F; }
.resend-success {
display: none;
margin: 30px 0; }
.resend-success__header {
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
letter-spacing: 2.5px; }
.resend-success__body {
line-height: 25px; }
.resend-success__body span {
font-weight: 500; }
body.documentation {
font-size: 1rem !important; }
body.documentation footer {
display: none; }
#page-header {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 80px 0 30px;
background: #25A169; }
@media (min-width: 48.0625em) {
#page-header {
max-height: 210px;
padding: 110px 0 40px; } }
#page-header .container {
width: calc(100% - 40px);
max-width: initial; }
@media (min-width: 48.0625em) {
#page-header .container {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
justify-content: space-between; } }
#page-header .t-h1 {
font-size: 30px;
line-height: 40px; }
@media (min-width: 48.0625em) {
#page-header .t-h1 {
padding-top: 6px;
font-size: 40px;
line-height: 50px; } }
#page-header select.documentation-select {
background-image: url("../svg/icons/icon-select-closed.59d3b687d5f3.svg");
background-position: right 24px center;
background-repeat: no-repeat; }
@media (min-width: 48.0625em) {
#page-header select.documentation-select {
width: 280px;
margin: 0; } }
@media (min-width: 48.0625em) {
#documentation {
display: -webkit-box;
display: flex; } }
#documentation__sidebar-wrapper {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
width: 100%;
overflow-y: scroll;
top: 0;
bottom: 0;
left: -100%;
position: fixed;
z-index: 5;
background: #FFFFFF;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
padding: 60px 0 40px;
width: 100%;
top: 0;
bottom: 0;
left: 0;
position: fixed;
z-index: 5;
background: #FFFFFF;
-webkit-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#documentation__sidebar-wrapper.is-visible {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
#documentation__sidebar-wrapper.is-searching .sidebar-nav li ul {
border-top: 1px solid #dee1e6; }
#documentation__sidebar-wrapper.is-searching .is-active ul li {
display: list-item; }
@media (max-width: 1012px) {
#documentation__sidebar-wrapper {
padding-top: 50px; } }
@media (min-width: 48.0625em) {
#documentation__sidebar-wrapper {
width: 300px;
-webkit-box-flex: 0;
flex: 0 0 300px;
position: relative;
background: transparent;
border-right: 1px solid #dee1e6;
box-shadow: none;
left: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: none;
transition: none; } }
@media all and (min-width: 48.0625em) and (-ms-high-contrast: none), (min-width: 48.0625em) and (-ms-high-contrast: active) {
#documentation__sidebar-wrapper {
top: 0; } }
@media (min-width: 48.0625em) {
#documentation__sidebar-wrapper ul {
max-width: 300px; } }
#documentation__sidebar-wrapper.is-visible {
-webkit-transform: translateX(0);
transform: translateX(0); }
#documentation__sidebar-wrapper.is-searching li {
display: none; }
#documentation__sidebar-wrapper.is-searching li.search-result {
display: block; }
#documentation__sidebar-wrapper.is-searching .sidebar-nav li ul {
border-top: 1px solid #dee1e6; }
#documentation__sidebar {
top: 0;
left: 0;
position: relative; }
@media (min-width: 48.0625em) {
#documentation__sidebar {
position: -webkit-sticky;
position: sticky;
max-height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; } }
@media (min-width: 48.0625em) {
#documentation .documentation__container {
width: 85%; } }
@media (min-width: 57.5em) {
#documentation .documentation__container {
padding-left: 80px; } }
#documentation .documentation__container div[id^='constructor-'],
#documentation .documentation__container div[id^='method-'],
#documentation .documentation__container h1,
#documentation .documentation__container h2,
#documentation .documentation__container h3,
#documentation .documentation__container h4,
#documentation .documentation__container h5,
#documentation .documentation__container h6 {
position: relative; }
#documentation .documentation__container div[id^='constructor-']::before,
#documentation .documentation__container div[id^='method-']::before,
#documentation .documentation__container h1::before,
#documentation .documentation__container h2::before,
#documentation .documentation__container h3::before,
#documentation .documentation__container h4::before,
#documentation .documentation__container h5::before,
#documentation .documentation__container h6::before {
content: '';
display: block;
margin-top: 0px !important;
padding-top: 0px !important;
visibility: visible !important; }
#documentation .documentation__container div[id^='constructor-'] .headerlink,
#documentation .documentation__container div[id^='method-'] .headerlink,
#documentation .documentation__container h1 .headerlink,
#documentation .documentation__container h2 .headerlink,
#documentation .documentation__container h3 .headerlink,
#documentation .documentation__container h4 .headerlink,
#documentation .documentation__container h5 .headerlink,
#documentation .documentation__container h6 .headerlink {
content: '';
display: none;
margin-left: 16px; }
#documentation .documentation__container div[id^='constructor-'] .headerlink::after,
#documentation .documentation__container div[id^='method-'] .headerlink::after,
#documentation .documentation__container h1 .headerlink::after,
#documentation .documentation__container h2 .headerlink::after,
#documentation .documentation__container h3 .headerlink::after,
#documentation .documentation__container h4 .headerlink::after,
#documentation .documentation__container h5 .headerlink::after,
#documentation .documentation__container h6 .headerlink::after {
width: 0.75em;
height: 0.75em;
content: '';
display: block;
background-image: url("../svg/outline/icon-outline-link.3c6ecf21b85a.svg");
background-repeat: no-repeat;
background-size: 100% auto; }
#documentation .documentation__container div[id^='constructor-']:hover .headerlink,
#documentation .documentation__container div[id^='method-']:hover .headerlink,
#documentation .documentation__container h1:hover .headerlink,
#documentation .documentation__container h2:hover .headerlink,
#documentation .documentation__container h3:hover .headerlink,
#documentation .documentation__container h4:hover .headerlink,
#documentation .documentation__container h5:hover .headerlink,
#documentation .documentation__container h6:hover .headerlink {
display: inline-block; }
#documentation__content {
width: 100%;
padding: 60px 20px 0;
line-height: 1.5rem !important;
overflow-x: hidden; }
@media (min-width: 48.0625em) {
#documentation__content {
width: initial;
-webkit-box-flex: 1;
flex: 1 1;
position: relative;
max-height: 100%;
padding: 80px 20px 0;
margin-top: 60px; }
#documentation__content > .documentation__container {
width: 90%; } }
#documentation__content p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
font-size: 15px;
line-height: 25px; }
@media (min-width: 48.0625em) {
#documentation__content p {
font-size: 1.2rem !important;
line-height: 1.467rem !important; } }
#documentation__content p + p {
margin-top: 1.333rem !important; }
#documentation__content p + h5 {
margin-top: 30px; }
#documentation__content p code {
padding: 2px 5px;
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
background: #F7F8FA;
border: 1px solid #dee1e6; }
@media (min-width: 48.0625em) {
#documentation__content h1:first-of-type {
margin-bottom: 2.666rem !important; } }
#documentation__content h1 {
font-size: 50px;
line-height: 60px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 50px 0 35px 0;
font-size: 2.666rem !important;
font-weight: normal;
line-height: 3.2rem !important; }
@media (min-width: 48.0625em) {
#documentation__content h1 {
font-size: 100px;
line-height: 110px; } }
@media (min-width: 48.0625em) {
#documentation__content h1 {
margin: 70px 0 40px 0; } }
#documentation__content h2 {
font-size: 30px;
line-height: 40px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 50px 0 35px 0;
font-size: 2.4rem !important;
font-weight: normal;
line-height: 2.8rem !important; }
@media (min-width: 48.0625em) {
#documentation__content h2 {
font-size: 40px;
line-height: 50px; } }
@media (min-width: 48.0625em) {
#documentation__content h2 {
margin: 70px 0 40px 0; } }
#documentation__content h3 {
font-size: 20px;
line-height: 30px;
margin: 30px 0;
font-size: 1.6rem !important;
font-weight: medium;
line-height: 1.866rem !important;
-webkit-font-smoothing: antialiased; }
@media (min-width: 48.0625em) {
#documentation__content h3 {
font-size: 30px;
line-height: 40px; } }
@media (min-width: 48.0625em) {
#documentation__content h3 {
font-size: 20px;
font-weight: medium; } }
#documentation__content h4 {
margin-top: 60px;
position: relative;
font-size: 1.2rem !important;
font-weight: 500;
letter-spacing: 2px;
line-height: 1.467 !important;
text-transform: uppercase; }
#documentation__content h4::before {
width: 60px;
height: 4px;
content: '';
display: block;
margin-bottom: 20px; }
#documentation__content h4 + p,
#documentation__content h4 + .codehilite {
margin-top: 1.333rem !important; }
#documentation__content ul,
#documentation__content ol {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 15px 0;
font-size: 15px;
color: #394e60;
line-height: 25px; }
@media (min-width: 48.0625em) {
#documentation__content ul,
#documentation__content ol {
font-size: 20px;
line-height: 30px; } }
#documentation__content h5 {
letter-spacing: 2px;
line-height: 20px;
margin: 10px 0 8px;
font-size: 1.067rem !important;
font-weight: 500;
line-height: 1.267rem !important;
text-transform: uppercase; }
#documentation__content h6 {
font-size: 15px;
letter-spacing: 2px;
line-height: 20px;
font-size: 0.933rem !important;
font-weight: normal;
line-height: 1.067rem !important; }
#documentation__content .table-wrapper {
margin-top: 20px;
margin-top: 40px;
border-left: 1px solid #dee1e6;
border-right: 1px solid #dee1e6; }
@media (min-width: 48.0625em) {
#documentation__content .table-wrapper {
border-left: 0;
border-right: 0; }
#documentation__content .table-wrapper table {
border-right: 1px solid #dee1e6; }
#documentation__content .table-wrapper .pinned {
border-right: 0; } }
#documentation__content .table-wrapper table {
border-right: 0;
margin-top: 0; }
#documentation__content .table-wrapper .pinned {
border-right: 1px solid #dee1e6; }
#documentation__content table + h3,
#documentation__content table + p {
margin-top: 60px; }
#documentation__content img {
margin: 30px 0;
max-width: 100%; }
#documentation__content code {
font-size: 15px;
color: #202C36;
word-break: break-all;
background: #F7F8FA;
border: 1px solid #dee1e6;
border-radius: 2px; }
@media (min-width: 48.0625em) {
#documentation__content code {
word-break: normal; } }
#documentation__content dl {
border: 1px solid #dee1e6; }
@media (min-width: 48.0625em) {
#documentation__content dl {
display: grid;
grid-template-columns: auto 1fr; }
#documentation__content dl dt:not(:first-of-type),
#documentation__content dl dd:not(:first-of-type) {
border-top: 1px solid #dee1e6; } }
#documentation__content dl dt,
#documentation__content dl dd {
padding: 30px; }
#documentation__content dl dt {
padding-bottom: 15px;
font-size: 15px;
font-weight: 500; }
@media (min-width: 48.0625em) {
#documentation__content dl dt {
min-width: 20%;
padding-bottom: 30px; } }
#documentation__content dl dt + dd {
padding-top: 0px; }
@media (min-width: 48.0625em) {
#documentation__content dl dt + dd {
padding-top: 30px; } }
#documentation__content dl dd {
margin: 0;
font-size: 15px;
line-height: initial;
word-break: break-all; }
@media (min-width: 48.0625em) {
#documentation__content dl dd {
word-break: normal; } }
#documentation__content dl dd ul {
margin: 0;
font-size: 15px;
line-height: initial; }
@media (min-width: 48.0625em) {
#documentation__content dl dd ul {
padding: 0; } }
#documentation__content dl dd li {
margin: 0;
padding: 0; }
#documentation__content dl dd + dt {
border-top: 1px solid #dee1e6; }
#documentation__content .hierarchy {
margin-bottom: 40px; }
@media (min-width: 48.0625em) {
#documentation__content .hierarchy {
margin-bottom: 80px; } }
#documentation__content .hierarchy h3 {
margin-bottom: 0; }
#documentation__content .hierarchy p {
font-size: 15px;
line-height: 30px; }
#documentation__content .note,
#documentation__content .must,
#documentation__content .may {
margin: 50px 0;
padding: 30px 45px;
position: relative;
font-size: 15px;
line-height: 20px; }
@media (min-width: 48.0625em) {
#documentation__content .note,
#documentation__content .must,
#documentation__content .may {
padding: 60px 90px; } }
#documentation__content .note h5,
#documentation__content .must h5,
#documentation__content .may h5 {
margin: 0 0 30px 0; }
#documentation__content .note p,
#documentation__content .must p,
#documentation__content .may p {
font-size: 15px; }
#documentation__content .note ul,
#documentation__content .note ol,
#documentation__content .must ul,
#documentation__content .must ol,
#documentation__content .may ul,
#documentation__content .may ol {
padding-left: 18px;
font-size: inherit;
line-height: inherit; }
@media (min-width: 48.0625em) {
#documentation__content .note ul,
#documentation__content .note ol,
#documentation__content .must ul,
#documentation__content .must ol,
#documentation__content .may ul,
#documentation__content .may ol {
padding-left: 25px; } }
#documentation__content .note .icon,
#documentation__content .must .icon,
#documentation__content .may .icon {
position: absolute; }
#documentation__content .note {
border: 1px solid #dee1e6; }
#documentation__content .note .icon {
width: 10px;
height: 22px;
top: 30px;
left: 20px; }
@media (min-width: 48.0625em) {
#documentation__content .note .icon {
top: 60px;
left: 45px; } }
#documentation__content .must,
#documentation__content .may {
background: #F7F8FA; }
#documentation__content .must .icon,
#documentation__content .may .icon {
top: 30px;
left: 12px; }
@media (min-width: 48.0625em) {
#documentation__content .must .icon,
#documentation__content .may .icon {
top: 60px;
left: 40px; } }
#documentation.is-locked {
height: calc(100vh - 60px); }
#documentation.is-locked #documentation__sidebar {
top: 60px;
bottom: 0;
position: fixed; }
#documentation.is-locked #documentation__content {
margin-left: 300px; }
.sidebar-search {
position: relative; }
.sidebar-search input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 50px;
max-width: 300px;
padding: 0 30px;
border: 0; }
.sidebar-search input:focus {
outline: 0; }
.sidebar-search a {
height: 50px;
width: 50px;
display: block;
top: 0;
right: 0;
position: absolute; }
@media (min-width: 48.0625em) {
.sidebar-search a {
display: none; } }
.sidebar-search a svg {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
transform: translateY(-50%) translateX(-50%) rotate(45deg); }
.sidebar-nav {
width: 100%;
overflow-y: scroll;
max-height: 100%;
-webkit-overflow-scrolling: touch; }
.sidebar-nav ul {
margin: 0;
padding: 0; }
.sidebar-nav ul.top-level li:last-of-type {
border-bottom: 1px solid #dee1e6; }
.sidebar-nav li {
margin: 0;
list-style-type: none;
line-height: 1.15; }
.sidebar-nav li.is-active > ul {
overflow-y: scroll; }
.sidebar-nav li a {
display: block;
padding: 16px 30px;
color: #394e60;
border-top: 1px solid #dee1e6;
padding-right: 59px; }
.sidebar-nav li .faq-link {
color: #A9B3BD; }
.sidebar-nav li .faq-link:hover {
color: #394e60; }
.sidebar-nav li a.with-sub {
position: relative; }
.sidebar-nav li a.with-sub svg {
top: 50%;
right: 15px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
.sidebar-nav li a.with-sub.is-active svg {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.sidebar-nav li ul {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.25s ease-in-out;
transition: max-height 0.25s ease-in-out; }
.sidebar-nav li ul li {
height: initial;
padding: 0 0 0 15px;
border: 0;
line-height: 1.15;
padding-right: 40px; }
.sidebar-nav li ul li a {
display: block;
padding: 8px 30px;
color: #A9B3BD;
border: 0; }
.docs-back-button {
flex-shrink: 0;
height: 50px;
display: -webkit-box;
display: flex;
padding: 0 30px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
color: white;
border-bottom: 1px solid #dee1e6;
-webkit-transition: color 0s linear 0.2s;
transition: color 0s linear 0.2s; }
.docs-back-button span {
position: relative;
z-index: 4; }
.docs-back-button svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.docs-back-button svg g {
-webkit-transition: fill 0.2s ease-in-out;
transition: fill 0.2s ease-in-out; }
.docs-back-button + .sidebar-search input {
background: transparent; }
.docs-back-button::before {
content: '';
top: 0;
right: 100%;
bottom: -1px;
left: 0;
position: absolute;
-webkit-transition: right 0.3s ease-in-out;
transition: right 0.3s ease-in-out; }
.docs-back-button:hover::before {
right: -1px; }
.bg-white {
background-color: #fff !important; }
.table-border {
border: 1px solid #dee1e6 !important; }
.visible-strong {
visibility: visible !important; }
.md-fenced-code-tabs * {
box-sizing: border-box; }
.md-fenced-code-tabs {
display: -webkit-box;
display: flex;
position: relative;
flex-wrap: wrap;
width: 100%;
margin: 30px 0; }
.md-fenced-code-tabs .code-tab-label {
padding: 3px 12px;
margin: 0 !important; }
.md-fenced-code-tabs .code-tabpanel {
margin-top: 0 !important; }
.md-fenced-code-tabs .code-tabpanel .codehilite {
background: #202b35; }
.md-fenced-code-tabs .code-tabpanel .codehilite div.copy-content pre {
background: #202b35; }
.md-fenced-code-tabs .code-tabpanel .codehilite div.copy-content pre .cp, .md-fenced-code-tabs .code-tabpanel .codehilite div.copy-content pre .c1 {
color: #fff; }
.md-fenced-code-tabs input {
position: absolute;
opacity: 0; }
.md-fenced-code-tabs input:checked + label {
color: #fff;
background: #202b35; }
.md-fenced-code-tabs input:checked + label + .code-tabpanel {
display: block; }
.md-fenced-code-tabs label {
width: auto;
padding: 4px;
margin: 0 8px;
cursor: pointer;
color: #202b35;
border: 1px solid #202b35;
border-bottom: none;
text-transform: uppercase;
line-height: 1;
letter-spacing: 2px;
font-size: 16px; }
.md-fenced-code-tabs .code-tabpanel {
display: none;
width: 100%;
margin-top: 10px;
-webkit-box-ordinal-group: 100;
order: 99; }
.md-fenced-code-tabs pre,
.md-fenced-code-tabs .codehilite {
width: 100%;
margin: 0px; }
.homepage .high-level-diagram {
position: relative;
z-index: 3;
background-color: white; }
.homepage .high-level-diagram .section-head .t-small--tracked {
margin-bottom: 30px; }
.homepage .high-level-diagram__section {
padding-bottom: 0px;
padding-top: 50px;
margin-bottom: 8rem; }
.homepage .high-level-diagram__section .container-illustration {
max-width: 600px;
max-height: 295px;
margin: auto;
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto; }
.homepage .high-level-diagram__section .container-illustration .cls-1 {
fill: #fff; }
@media (min-width: 48.0625em) {
.homepage .high-level-diagram__section {
padding-bottom: 0;
padding-top: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#78C96F), color-stop(50%, #78C96F), color-stop(50%, transparent), to(transparent));
background: linear-gradient(to bottom, #78C96F, #78C96F 50%, transparent 50%, transparent); } }
@media (min-width: 48.0625em) {
.homepage .high-level-diagram__content {
padding-bottom: 72px;
padding-left: 90px;
padding-right: 90px;
padding-top: 116px; } }
@media (min-width: 23.5em) {
.homepage .high-level-diagram__image--mobile {
display: none; } }
.homepage .high-level-diagram__image--desktop {
display: none; }
@media (min-width: 23.5em) {
.homepage .high-level-diagram__image--desktop {
display: block; } }
.homepage .high-level-diagram__button {
width: 100%;
height: 4rem;
display: -webkit-box;
display: flex;
margin-top: 20px;
padding: 20px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
font-weight: 500;
color: #78C96F;
letter-spacing: 2px;
text-transform: uppercase;
border: 1px solid; }
.homepage .high-level-diagram__button svg,
.homepage .high-level-diagram__button g {
fill: currentColor !important; }
.homepage .high-level-diagram__button:hover {
color: white;
background-color: #78C96F; }
@media (min-width: 48.0625em) {
.homepage .high-level-diagram__button {
padding-bottom: 49px;
padding-left: 90px;
padding-right: 90px;
padding-top: 49px;
border: 0;
border-top: 1px solid; } }
@media (min-width: 48.0625em) {
.homepage .high-level-diagram {
box-shadow: 0 20px 70px 0 rgba(32, 44, 54, 0.15); } }
.homepage .about--mobile {
width: 100%;
display: -webkit-box;
display: flex;
padding: 30px 30px 0;
background-color: #ffffff; }
@media (min-width: 57.5em) {
.homepage .about--mobile {
display: none; } }
.homepage .billboard {
background-image: url("../img/homepage/billboard-mobile.969f7e8e4cc2.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.homepage .billboard__content--header {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; }
.homepage .billboard__content--header .mauto {
margin: auto; }
.homepage .billboard__content--header img {
width: 400px;
height: 167px;
margin-right: 4rem; }
@media only screen and (max-width: 1000px) {
.homepage .billboard__content--header img {
margin-right: 2.5rem; } }
@media only screen and (max-width: 882px) {
.homepage .billboard__content--header img {
margin: auto; } }
.homepage .billboard__content--header h1 {
overflow-wrap: anywhere;
font-size: 3rem;
margin: auto 0;
line-height: 1.1; }
@media only screen and (max-width: 882px) {
.homepage .billboard__content--header h1 {
text-align: center;
margin-top: 1em; } }
@media only screen and (max-width: 600px) {
.homepage .billboard__content--header h1 {
font-size: 2em; } }
@media only screen and (max-width: 882px) {
.homepage .billboard__content--header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; } }
@media (min-width: 57.5em) {
.homepage .billboard {
background-image: url("../img/homepage/billboard.e785ac5b34ec.jpg"); } }
.homepage .platform-buttons {
flex-wrap: wrap;
position: relative;
z-index: 3; }
.homepage .platform-buttons a {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: calc(50% - 15px);
height: 120px;
font-size: 20px; }
.homepage .platform-buttons a:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #89D681; }
.homepage .platform-buttons a svg {
top: -4px;
position: relative; }
@media (max-width: 57.49em) {
.homepage .platform-buttons a {
width: 100%; } }
@media (min-width: 57.5em) {
.homepage .platform-buttons {
flex-wrap: nowrap; } }
.homepage .what-is-sdl .button {
max-width: 690px;
width: 100%;
height: 120px;
margin: auto;
-webkit-filter: drop-shadow(0px 20px 35px rgba(32, 44, 54, 0.15));
filter: drop-shadow(0px 20px 35px rgba(32, 44, 54, 0.15));
background-color: #78c96f;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 40px;
border: none;
margin-top: 4rem;
font-size: 30px;
letter-spacing: 2px;
color: #ffffff; }
.homepage .what-is-sdl .button .arrow {
width: 20px;
height: 20px;
background-image: url("../svg/icons/icon-right-arrow-white.77438808caab.svg");
background-color: transparent;
background-repeat: no-repeat; }
.homepage .what-is-sdl .button:hover {
background-color: #fff;
color: #78c96f; }
.homepage .what-is-sdl .button:hover .arrow {
background-image: url("../svg/icons/icon-right-arrow-green.d5f7357f50d2.svg"); }
.homepage .section-head__button--desktop {
display: block; }
.homepage .section-head__button--desktop svg g {
fill: #78C96F; }
.homepage .copy-banner--color-field {
padding: 90px 0 60px;
z-index: unset; }
@media (min-width: 48.0625em) {
.homepage .copy-banner--color-field {
padding: 80px 0; } }
@media (min-width: 57.5em) {
.homepage .copy-banner--color-field {
padding: 100px 0 120px; } }
.homepage .three-up-grid {
position: relative;
z-index: 3; }
@media (max-width: 57.49em) {
.homepage .three-up-grid .grid-item:not(:last-of-type) {
margin-bottom: 60px; } }
@media (min-width: 48.0625em) {
.homepage .three-up-grid {
width: calc(100% - 140px);
margin-left: auto;
margin-right: auto; } }
@media (min-width: 57.5em) {
.homepage .three-up-grid {
width: unset; } }
.homepage .catalog-grid {
display: -webkit-box;
display: flex;
flex-wrap: wrap; }
.homepage .catalog-grid div div img {
width: 15rem; }
.homepage .catalog-grid div div .title {
width: 15rem; }
@media only screen and (max-width: 1095px) {
.homepage .catalog-grid {
width: 70%;
margin: auto; } }
.homepage footer .section-head {
color: #78C96F; }
.homepage footer .section-head .t-small--tracked {
width: auto; }
.homepage footer .section-head::before {
background-color: #78C96F; }
.homepage .homepage-spacing {
padding: 80px 0 60px; }
.homepage .homepage-spacing--top {
padding-top: 80px; }
@media (min-width: 48.0625em) {
.homepage .homepage-spacing--top {
padding-top: 120px; } }
.homepage .homepage-spacing--bottom {
padding-bottom: 60px; }
@media (min-width: 48.0625em) {
.homepage .homepage-spacing--bottom {
padding-bottom: 120px; } }
.homepage .homepage-spacing--small {
padding: 40px 0 60px; }
@media (min-width: 48.0625em) {
.homepage .homepage-spacing--small {
padding: 80px 0 120px 0; } }
@media (min-width: 48.0625em) {
.homepage .homepage-spacing--no-mobile {
padding-bottom: 100px; } }
@media (min-width: 48.0625em) {
.homepage .homepage-spacing {
padding: 120px 0; } }
@media (min-width: 48.0625em) {
.homepage .space-before-floating {
padding-bottom: 320px; } }
.homepage #what-is-sdl-anchor {
display: block;
top: -140px;
position: relative;
visibility: hidden; }
.homepage .illo-content-block__image {
height: 310px;
position: relative;
background-position: center center;
background-size: cover;
box-shadow: 0px 20px 50px 0px #cacaca; }
.homepage .illo-content-block__image.fit-to-grid {
height: 200px;
background: #FFFFFF; }
.homepage .illo-content-block__image.fit-to-grid svg {
max-width: 90%; }
.homepage .illo-content-block__image svg {
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 50%;
left: 50%;
position: absolute; }
@media (min-width: 48.0625em) {
.homepage .illo-content-block__image {
height: 400px;
-webkit-box-flex: 1;
flex: 1; }
.homepage .illo-content-block__image.fit-to-grid {
height: 300px; } }
.homepage .illo-content-block__info {
width: calc(100% - 60px);
margin: 30px auto 60px;
position: relative;
z-index: 4; }
.homepage .illo-content-block__info p:not(.mb20-40):first-of-type {
margin-bottom: 10px; }
.homepage .illo-content-block__info p:not(.mb20-40):first-of-type span {
display: inline-block;
margin-right: 10px;
font-size: 19px;
-webkit-transform: translateY(-1px);
transform: translateY(-1px); }
@media (min-width: 48.0625em) {
.homepage .illo-content-block__info {
margin: 0;
-webkit-box-flex: 0;
flex: 0 0 330px; } }
@media (min-width: 48.0625em) {
.homepage .illo-content-block {
display: -webkit-box;
display: flex; }
.homepage .illo-content-block + .illo-content-block {
margin-top: 120px; }
.homepage .illo-content-block--right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse; } }
@media (min-width: 48.0625em) and (min-width: 48.0625em) and (max-width: 57.49em) {
.homepage .illo-content-block--right .illo-content-block__info {
padding-right: 25px; } }
@media (min-width: 48.0625em) and (min-width: 57.5em) {
.homepage .illo-content-block--right .illo-content-block__image:not(.fit-to-grid) {
-webkit-transform: translateX(120px);
transform: translateX(120px); } }
@media (min-width: 48.0625em) {
.homepage .illo-content-block--right .illo-content-block__image.fit-to-grid {
margin-left: 60px; } }
@media (min-width: 48.0625em) and (min-width: 48.0625em) and (max-width: 57.49em) {
.homepage .illo-content-block--left .illo-content-block__info {
padding-left: 25px; } }
@media (min-width: 48.0625em) and (min-width: 57.5em) {
.homepage .illo-content-block--left .illo-content-block__image:not(.fit-to-grid) {
-webkit-transform: translateX(-120px);
transform: translateX(-120px); } }
@media (min-width: 48.0625em) {
.homepage .illo-content-block--left .illo-content-block__image.fit-to-grid {
margin-right: 60px; } }
@media (min-width: 57.5em) {
.homepage .illo-content-block--right .illo-content-block__image.fit-to-grid {
margin-left: 120px; }
.homepage .illo-content-block--left .illo-content-block__image.fit-to-grid {
margin-right: 120px; } }
.homepage .app-partners__section {
background-color: #2d3d4b; }
@media (min-width: 48.0625em) {
.homepage .app-partners__section {
padding-bottom: 100px;
padding-top: 215px; } }
.homepage .app-partners__headline-container {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
color: #ffffff; }
.homepage .app-partners__headline {
margin-bottom: 47px; }
.homepage .app-partners__directory {
display: -webkit-box;
display: flex;
color: #FFFFFF; }
.homepage .app-partners__directory span {
margin-left: 10px; }
.homepage .app-partners .fx-wrapper {
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
@media (min-width: 48.0625em) {
.homepage .app-partners .fx-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; } }
.homepage .app-partners .app-partner {
width: 80%;
height: 160px;
display: -webkit-box;
display: flex;
margin-bottom: 30px;
margin-left: 0px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 0;
flex: 0 1 240px;
background: rgba(255, 255, 255, 0.1); }
.homepage .app-partners .app-partner:first-child {
margin-left: 0px; }
.homepage .app-partners .app-partner img {
width: 50px;
height: 50px;
margin-bottom: 20px; }
.homepage .app-partners .app-partner span {
height: 30px;
font-size: 20px;
line-height: 1.5; }
@media (min-width: 48.0625em) {
.homepage .app-partners .app-partner {
width: 23%;
height: 160px;
margin-left: 30px; } }
@media (min-width: 48.0625em) {
.homepage .app-partners {
display: -webkit-box;
display: flex;
flex-wrap: wrap; } }
.homepage .brand-letter {
display: none;
position: absolute; }
.homepage .brand-letter svg {
width: 100%;
height: 100%; }
.homepage .brand-letter svg g {
fill: rgba(222, 225, 230, 0.3); }
.homepage .brand-letter--s {
width: auto;
height: 450px;
top: -64px;
left: -226px; }
.homepage .brand-letter--s--2 {
top: -260px;
right: -150px;
z-index: 2; }
.homepage .brand-letter--s--3 {
top: 0;
left: 50px;
z-index: 2;
-webkit-transform: translateX(201px) translateY(-195px);
transform: translateX(201px) translateY(-195px);
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.homepage .brand-letter--l {
top: -161px;
left: 0; }
.homepage .brand-letter--l--rotated {
top: 140px;
right: -150px;
z-index: -1; }
.homepage .brand-letter--d--rotated {
width: 507px;
right: 0;
z-index: 2;
-webkit-transform: translateX(201px) translateY(-195px) rotate(90deg);
transform: translateX(201px) translateY(-195px) rotate(90deg); }
.homepage .brand-letter--d {
bottom: 80px;
left: -253px; }
@media (min-width: 48.0625em) {
.homepage .brand-letter {
display: initial; } }
.homepage .email-callout {
padding: 30px 0;
text-align: center; }
.homepage .email-callout p {
padding-bottom: 15px; }
@media (min-width: 48.0625em) {
.homepage .email-callout--padding {
padding: 120px 0 400px; }
.homepage .email-callout--padding p {
padding-bottom: 30px; } }
@media (min-width: 48.0625em) {
.homepage .email-callout {
padding: 120px 0; } }
@media (min-width: 48.0625em) {
.homepage .email-callout + .bg-mirror .copy-banner.bg-shadow {
z-index: 6;
box-shadow: 0 20px 70px 0 rgba(50, 50, 50, 0.15); } }
.homepage.about .sdl-logo__mark::after {
display: none; }
.homepage .break_word {
overflow-wrap: break-word; }
.manticore-page .static-page-header {
background: #65a0ff; }
.manticore-page p code {
padding: 2px 5px;
background: #F7F8FA;
border: 1px solid #dee1e6; }
.manticore-page code {
font-family: 'LivioMono', monospace;
font-size: 15px;
color: #202C36;
border-radius: 2px; }
.manticore-page .codehilite {
margin-top: 15px;
padding: 10px 30px;
font-family: 'LivioMono', monospace;
letter-spacing: 0.3px;
line-height: 1.33; }
.manticore-page .codehilite .btn-row {
margin-left: -1rem; }
.manticore-page .button-link {
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
height: 80px;
display: -webkit-box;
display: flex;
padding: 0 20px;
background-color: #FFFFFF; }
.manticore-page .button-link:hover {
background-color: #e7eaed; }
.manticore-page .static-block:last-of-type {
margin-bottom: 0;
padding-bottom: 100px;
padding-top: 30px; }
body.partner-page .section-head:not(:first-of-type) {
margin-top: 120px; }
body.partner-page .t-h3 {
font-weight: 500; }
.partner-header {
width: 100%;
height: 337px; }
.partner-header-image {
height: 600px;
background-position: center;
background-size: cover; }
.partner-nav {
margin: 25px 0 0;
padding: 0;
list-style-type: none; }
.partner-nav li {
font-size: 15px;
line-height: 2; }
.partner-nav a {
color: white; }
@media (min-width: 48.0625em) {
.partner-nav {
-webkit-box-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: flex;
margin: 0;
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
.partner-nav div {
-webkit-box-flex: 1;
flex: 1; } }
.partner-contact span {
display: block; }
@media (min-width: 48.0625em) {
.partner-contact span:first-of-type {
-webkit-box-flex: 1.5;
flex: 1.5; } }
@media (min-width: 48.0625em) {
.partner-contact span:last-of-type {
-webkit-box-flex: 1;
flex: 1; } }
.partner-contact + .t-default.partner-contact {
margin-top: 10px; }
@media (min-width: 48.0625em) {
.partner-contact {
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex; } }
.vehicle-select {
margin-bottom: 40px; }
.vehicle-select .carlist {
margin: 0;
padding: 0;
list-style-type: none; }
@media (min-width: 48.0625em) {
.vehicle-select {
margin-bottom: 80px; } }
.partner-banner {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
/* 1180px sizes here are specific to this page and where it needs to break due to using a css transform to tranlate
the logo 50px over */ }
.partner-banner__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding: 30px; }
@media (min-width: 73.75em) {
.partner-banner__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
padding: 84px 0 92px 118px; } }
.partner-banner__logo {
-webkit-box-pack: center;
justify-content: center;
height: 100%;
display: -webkit-box;
display: flex;
margin: 30px auto 0;
max-width: 425px;
background: #FFFFFF; }
.partner-banner__logo img {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
display: block;
padding: 0 10px; }
@media (min-width: 73.75em) {
.partner-banner__logo {
max-height: 302px;
max-width: 425px;
-webkit-transform: translate(50px);
transform: translate(50px); } }
.partner-banner__copy {
width: 100%; }
@media (min-width: 73.75em) {
.partner-banner__copy {
margin-right: 37px;
max-width: 496px; } }
.oemdetail-banner {
-webkit-box-pack: center;
justify-content: center;
height: 200px;
display: -webkit-box;
display: flex;
background: #FFFFFF; }
.oemdetail-banner img {
height: 200px;
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain;'; }
.oemdetail-excerpt > p {
font-size: 15px;
line-height: 1.44; }
@media (min-width: 48.0625em) {
.oemdetail-excerpt > p {
font-size: 18px; } }
.oemdetail-footer p > a {
color: #78C96F; }
.logo-container {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 20px;
background-image: linear-gradient(254deg, rgba(255, 255, 255, 0.5), rgba(251, 251, 251, 0.5));
border: 1px solid #dee1e6; }
.logo-container--large {
width: 100%;
height: 9999px;
max-height: 200px; }
.logo-container--small {
width: calc(50% - 8px);
max-height: 160px; }
@media (max-width: 48.0525em) {
.logo-container--small {
width: 100%;
margin-top: 16px; } }
.logo-container .member-logo {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain;'; }
.app-catalog-member-logo {
background-color: #fff;
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.15); }
.logo-container.has-page {
cursor: pointer; }
.logo-container.has-page:hover {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
border: 1px solid transparent; }
body.registration.password-change a {
margin-top: 10px;
color: white; }
body.registration.password-change .input-group:last-of-type {
margin-bottom: 60px; }
body.registration.password-change .button-std::before {
-webkit-transform: none;
transform: none; }
.registration #privacy-form-header {
width: intrinsic;
/* safari oddity. same as max-content */
width: -moz-max-content;
/*firefox doesn't seem to support just max-content yet */
width: -webkit-max-content;
width: max-content;
display: table; }
.registration #privacy-form-header .t-privacy-policy--rule {
width: initial;
display: block; }
.registration .billboard {
padding-bottom: 60px;
position: relative; }
.registration .tabs {
margin-bottom: 20px; }
.registration a {
color: #78C96F; }
.registration .form-wrapper {
position: relative; }
.registration .form-wrapper input:not([type='submit']) {
padding: 15px 0;
background: none;
outline: none; }
.registration .form-wrapper .input-group {
margin-bottom: 15px; }
.registration .form-wrapper .t-h2 {
display: block;
margin-bottom: 31px; }
.registration .form-wrapper .t-privacy-policy--rule {
width: 264px;
margin-bottom: 24px;
margin-top: 4px; }
.registration .form-wrapper .sdl-logo {
width: 150px;
display: block;
margin: 0 auto;
padding: 60px 0;
text-align: center; }
.registration .form-wrapper .sdl-logo__mark, .registration .form-wrapper .sdl-logo__text {
display: inline-block; }
.registration .form-wrapper .bg-white {
margin: 0 auto;
max-width: 510px;
padding: 54px 34px; }
@media (min-width: 48.0625em) {
.registration .form-wrapper .bg-white {
padding: 54px 94px; } }
.registration .form-wrapper .button-std {
width: 100%;
display: block;
line-height: 60px;
text-align: center; }
.registration .form-wrapper .button-std::before {
display: none; }
.registration .form-wrapper .button-std.bordered {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #394e60; }
.registration .form-wrapper .button-std.bordered:hover {
color: white;
background-color: #394e60; }
.registration .reg-checkboxes {
margin: 40px 0 30px; }
.registration .reg-checkboxes label {
color: #394e60; }
.registration div.or-break {
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex; }
.registration div.or-break .line {
-webkit-box-flex: 1;
flex: 1;
border-top: 1px solid #dee1e6; }
.registration div.or-break .text {
margin: 20px;
color: #9b9b9b; }
.registration .social-login input[type='submit'] {
margin: 20px 0 0; }
.registration .social-login a.button-std:not(.forgot-pw) {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
color: #FFFFFF; }
.registration .social-login a.button-std:not(.forgot-pw) svg,
.registration .social-login a.button-std:not(.forgot-pw) span {
margin: 0 5px; }
.registration .social-login a.button-std:not(.forgot-pw) svg {
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.registration .social-login a.button-std:not(.forgot-pw) + a {
margin-top: 10px; }
.registration .social-login a.forgot-pw {
margin: 10px 0 0; }
.registration .social-login > label {
display: block;
font-weight: 500;
text-align: center; }
.registration .social-login label:first-of-type {
margin-top: 34px; }
.registration .social-login .privacy-note {
margin-top: 1.25rem;
font-size: 0.875rem;
color: #496173; }
body.resources .linklist {
margin-top: 20px; }
@media (min-width: 48.0625em) {
.search-results #container .container {
width: 100%; } }
.search-results .article__pagination svg g {
fill: #78C96F; }
.search-results .article__pagination a {
margin: 0 auto; }
.search-results .article__pagination a.article__pagination--next::after {
background-color: #78C96F; }
.search-results .article__pagination a.article__pagination--next:hover {
color: #FFFFFF;
border-color: #78C96F; }
.search-results .article__pagination a.article__pagination--next:hover svg g {
fill: #FFFFFF; }
.search-results .article__pagination a.article__pagination--next:hover::after {
right: -1px; }
.search-results .results .search-form {
margin: 0 0 47px;
padding-left: 0;
padding-top: 94px; }
.search-results .results .search-form input {
width: 100%;
padding: 10px 10px 11px 38px;
color: #394e60; }
.search-results .results .search-form input::-webkit-input-placeholder {
font-size: 20px;
font-weight: 400;
color: #A9B3BD; }
.search-results .results .search-form input::-moz-placeholder {
font-size: 20px;
font-weight: 400;
color: #A9B3BD; }
.search-results .results .search-form input:-ms-input-placeholder {
font-size: 20px;
font-weight: 400;
color: #A9B3BD; }
.search-results .results .search-form input::-ms-input-placeholder {
font-size: 20px;
font-weight: 400;
color: #A9B3BD; }
.search-results .results .search-form input::placeholder {
font-size: 20px;
font-weight: 400;
color: #A9B3BD; }
.search-results .results .search-form svg {
width: 16px;
height: 20px;
top: 29px;
left: 14px;
position: absolute; }
.search-results .results .search-form svg.icon-search {
width: 17.8px;
height: 15.8px;
top: 25px;
left: 0; }
@media (min-width: 48.0625em) {
.search-results .results .search-form svg.icon-search {
top: 35px; } }
.search-results .results .search-form svg.icon-arrow-right {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
right: 29px;
left: auto; }
.search-results .results .search-form .animated.input::before {
top: 50px;
bottom: auto; }
@media (min-width: 48.0625em) {
.search-results .results .search-form .animated.input::before {
top: 63px; } }
@media (min-width: 48.0625em) {
.search-results .results .search-form {
margin-bottom: 37px;
padding-top: 0; } }
.search-results .results .filter-checkboxes {
display: none; }
@media (min-width: 48.0625em) {
.search-results .results .filter-checkboxes {
display: block; } }
.search-results .results .filter-select .documentation-select {
background-image: url("../svg/icons/icon-select-closed-black.8c3eacfe1ca4.svg");
background-position: right 24px center;
background-repeat: no-repeat; }
@media (min-width: 48.0625em) {
.search-results .results .filter-select {
display: none; } }
.search-results .results .filter-results {
margin-bottom: 60px; }
.search-results .results .filter-results fieldset {
border: none; }
@media (max-width: 48.0525em) {
.search-results .results .filter-results legend {
margin: 47px 0 44px;
font-size: 50px; } }
@media (min-width: 48.0625em) {
.search-results .results .filter-results legend {
margin-bottom: 28px; } }
.search-results .results .filter-results .checkbox-button {
margin-left: 30px; }
.search-results .results .filter-results .checkbox-button:first-of-type {
margin-left: 0; }
.search-results .results .filter-results .checkbox-button:last-of-type {
margin-right: 0; }
@media (min-width: 48.0625em) {
.search-results .results .filter-results .checkbox-button {
width: 150px; } }
.search-results .results .filter-results .fx-wrapper {
margin-bottom: 30px; }
@media (min-width: 48.0625em) {
.search-results .results .filter-results {
margin-bottom: 10px; } }
.search-results .results svg.icon-documents.core .fill,
.search-results .results svg.icon-tutorial.core .fill {
fill: #78C96F; }
.search-results .results svg.icon-documents.core .fill-detail,
.search-results .results svg.icon-tutorial.core .fill-detail {
fill: #FFFFFF; }
.search-results .results svg.icon-documents.core .dropshadow,
.search-results .results svg.icon-tutorial.core .dropshadow {
fill: #394e60; }
.search-results .results svg.icon-documents.ios .fill,
.search-results .results svg.icon-tutorial.ios .fill {
fill: #3AC2B4; }
.search-results .results svg.icon-documents.ios .fill-detail,
.search-results .results svg.icon-tutorial.ios .fill-detail {
fill: #FFFFFF; }
.search-results .results svg.icon-documents.ios .dropshadow,
.search-results .results svg.icon-tutorial.ios .dropshadow {
fill: #394e60; }
.search-results .results .results__list {
max-width: 100%; }
.search-results .results .results__list a {
display: block; }
.search-results .results .results__list .no-search-results {
margin-top: 50px;
padding-bottom: 60px;
padding-left: 30px;
padding-right: 30px;
color: #394e60; }
@media (min-width: 48.0625em) {
.search-results .results .results__list .no-search-results {
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #394e60; } }
.search-results .results .results__list .no-search-results .no-search-results-list {
list-style: none;
padding: 0; }
.search-results .results .results__list .no-search-results .no-search-results-list .no-search-results-list-item {
margin-bottom: 26px; }
.search-results .results .results__list .no-search-results .no-search-results-list .no-search-results-list-item a {
display: inline;
color: #78C96F; }
.search-results .results .results__list__item {
width: 100%;
padding-bottom: 55px;
padding-left: 30px;
padding-right: 30px;
padding-top: 58px;
color: #394e60;
border-bottom: #394e60 1px solid;
overflow-x: scroll; }
.search-results .results .results__list__item .column:first-of-type {
width: 16px; }
.search-results .results .results__list__item .column:last-of-type {
width: calc(100% - 16px);
padding-left: 15px; }
.search-results .results .results__list__item svg {
top: 4px;
position: relative; }
.search-results .results .results__list__item .result-title {
margin-bottom: 11px;
font-size: 20px;
font-weight: 500;
line-height: 30px; }
.search-results .results .results__list__item .result-codesnippet {
display: block;
margin: 12px 0 0; }
.search-results .results .results__list__item .result-location {
margin-top: 30px;
line-height: 20px; }
.search-results .results .results__list__item .result-body {
font-size: 20px;
font-weight: 400;
line-height: 30px; }
@media (min-width: 48.0625em) {
.search-results .results .results__list__item .result-body {
margin: 10px 0 0; } }
.search-results .results .results__list__item .result-body__highlight {
background-color: #FFF6A2; }
@media (max-width: 48.0525em) {
.search-results .results .results__list__item:first-of-type {
border-top: #394e60 1px solid; } }
.search-results .results .results__list__item:last-of-type {
border-bottom: none; }
@media (min-width: 48.0625em) {
.search-results .results .results__list__item {
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
padding-top: 47px; } }
@media (min-width: 48.0625em) {
.search-results .results {
margin: 0 auto;
max-width: 689.3px;
padding-top: 183px; } }
.sdl_android .fill,
.sdl_android_guides #Fill-1 {
fill: #2BB074; }
.sdl_core_guides #Fill-1 {
fill: #78C96F; }
.sdl_hmi_integration_guidelines .fill {
fill: #5DA0DE; }
.sdl_ios .fill,
.sdl_ios_guides #Fill-1 {
fill: #3AC2B4; }
.sdl_server .fill {
fill: #366FB3; }
.sdl_shaid_docs {
fill: #F39659; }
.slack-invite-form {
display: -webkit-box;
display: flex;
height: 100vh;
background-color: #F7F8FA;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center; }
.slack-invite-form__content {
background-color: #FFFFFF;
max-width: 510px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 54px 34px; }
@media (min-width: 600px) {
.slack-invite-form__content {
padding-left: 70px;
padding-right: 70px; } }
.slack-invite-form__logo svg {
width: 60px;
height: 60px; }
.slack-invite-form__heading {
font-family: "LivioNorm", helvetica, sans-serif;
font-size: 30px;
font-weight: 400;
margin-top: 20px; }
.slack-invite-form__input {
width: 100%;
display: block;
padding: 20px;
border: 0;
border-bottom: 1px solid #394e60;
font-weight: 500;
margin-top: 30px;
text-align: center;
font-size: 18px; }
.slack-invite-form__recaptcha .g-recaptcha > div {
margin-left: auto;
margin-right: auto; }
.slack-invite-form__button {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
font-size: 15px;
padding: 18px;
background-color: transparent;
border: 1px solid #78C96F;
color: #78C96F;
width: 100%;
margin-top: 30px; }
.slack-invite-form__message {
margin-top: 30px;
color: #78C96F;
font-size: 18px;
font-weight: 500; }
.slack-invite-form__message.error {
color: #F3636C; }
.static-page-header {
margin-top: 50px;
padding: 30px 0;
background: #465e72; }
@media (min-width: 48.0625em) {
.static-page-header {
padding: 70px 0; }
.static-page-header--small {
padding: 45px 0; } }
@media (min-width: 63.25em) {
.static-page-header {
margin-top: 60px; } }
.static-page-header--green {
background: #78c96f; }
.static-page-header h1 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
color: #FFFFFF;
font-weight: normal;
text-align: center; }
.static-page-header h1:not(.t-default) {
font-size: 30px; }
@media (min-width: 48.0625em) {
.static-page-header h1:not(.t-default) {
font-size: 60px; } }
.static-page-header h1 a {
color: white; }
.static-page-header--dark {
padding: 30px;
text-align: center;
background: #F7F8FA; }
@media (min-width: 48.0625em) {
.static-page-header--dark {
padding: 60px 0; } }
.static-page-header--dark h1 {
font-size: 20px;
font-weight: 500;
color: #394e60; }
.static-page-header--dark.maxheight {
max-height: 180px; }
.static-page__section {
width: 100%;
padding: 60px 0 0;
position: relative; }
@media (min-width: 48.0625em) {
.static-page__section {
padding: 120px 0; }
.static-page__section.m-padding {
padding: 70px 0; } }
.static-page__section .excerpt {
margin-bottom: 40px; }
.static-page__section .post-cta {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 150px;
padding: 0;
font-size: 12px;
font-weight: 500;
line-height: 30px;
text-align: center;
text-decoration: none;
border-radius: 2px;
border-style: solid;
cursor: pointer;
border-width: 1px;
margin-top: 44px;
max-width: 100% !important;
letter-spacing: 2.5px; }
.static-page__section .post-cta--medium {
width: 290px; }
.static-page__section .post-cta--large {
width: 100%;
font-size: 15px;
line-height: 51px; }
@media (min-width: 48.0625em) {
.static-page__section .post-cta--large {
max-width: 510px; } }
.static-page__section .post-cta--full {
width: 100%;
display: block; }
.static-page__section .post-cta.bc-lime {
color: #78C96F;
border-color: #78C96F; }
.static-page__section .post-cta.bc-lime:hover {
color: #FFFFFF;
background-color: #78C96F; }
.static-page__section .post-cta.bc-lime:focus {
background-color: #6BBD62; }
.static-page__section .post-cta.bc-white {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
.static-page__section .post-cta.bc-white:hover {
color: #394e60;
background-color: #FFFFFF; }
.static-page__section .post-cta.bc-white:focus {
background-color: #394e60; }
.static-page__section .post-cta.bc-red {
color: #F3636C; }
.static-page__section .post-cta.bc-red:hover {
color: #FFFFFF;
background-color: #F3636C; }
.static-page__section .post-cta.bc-red:focus {
background-color: #E75059; }
.static-page__section .post-cta.bg-red, .static-page__section .post-cta.bg-lime {
color: #FFFFFF; }
.static-page__section .post-cta:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.static-page__section .post-cta:disabled {
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.3; }
.static-page__section.no-x-padding {
padding: 0; }
.static-page__section .illustration {
width: 100%;
height: 300px;
margin-bottom: 80px; }
@media (min-width: 48.0625em) {
.static-page__section .illustration {
margin-bottom: 0; } }
.static-page__section .illustration.logo {
max-width: 450px; }
.static-page__section .illustration.logo img {
width: 100%; }
.static-page__section .content .section-head__button--desktop {
color: #394e60; }
.static-page__section .content .section-head svg g {
fill: #394e60; }
.static-page__section.about-information .content p + .section-head {
margin-top: 80px; }
@media (min-width: 48.0625em) {
.static-page__section.about-information .content p + .section-head {
margin-top: 120px; } }
@media (min-width: 48.0625em) {
.static-page__section--reverse .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse; }
.static-page__section--reverse .container .illustration {
margin-right: 0; }
.static-page__section--reverse .container .illustration::after {
content: '';
display: table;
clear: both; }
.static-page__section--reverse .container .illustration svg {
float: right; } }
.static-page__section .btn--mobile--full {
margin-top: 60px; }
.static-page__section .static-block {
padding: 60px 0;
border-bottom: 1px solid #dee1e6; }
.static-page__section .static-block__icon {
margin-right: 30px;
margin-top: 4px; }
.static-page__section .static-block__icon.android svg #Fill-1 {
fill: #2BB074; }
.static-page__section .static-block__icon.ios svg #Fill-1 {
fill: #3AC2B4; }
.static-page__section .static-block__icon.core svg #Fill-1 {
fill: #78C96F; }
.static-page__section .static-block.no-t-padding {
padding-top: 0; }
.static-page__section .static-block:last-of-type {
margin-bottom: 60px;
border-bottom: 0; }
.static-page__section a.static-block {
color: #394e60; }
@media (min-width: 48.0625em) {
.static-page__section .container:not(.no-flex) {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
justify-content: space-between; }
.static-page__section .container:not(.no-flex) .illustration,
.static-page__section .container:not(.no-flex) .content {
-webkit-box-flex: 1;
flex: 1; }
.static-page__section .container:not(.no-flex) .content {
margin-left: 0%;
max-width: 100%; }
.static-page__section .container:not(.no-flex) .content-top {
margin-left: 5%;
max-width: 70%; } }
.static-page__section .container--center:not(.no-flex) {
-webkit-box-pack: center;
justify-content: center; }
@media (min-width: 48.0625em) {
.static-page__section.terms {
padding-top: 100px; } }
.static-page__section.terms p.t-default {
margin-bottom: 30px; }
.static-page__section.terms p.t-h4 {
font-weight: 400;
text-transform: uppercase; }
.static-pb-3 {
padding-bottom: 3rem; }
.app-page-section {
padding: 60px 0; }
.author-row {
margin-top: 22px; }
.author-row img {
height: 40px;
width: 40px;
margin-right: 20px; }
.author-row a {
font-weight: 500;
color: #394e60; }
@media (min-width: 48.0625em) {
.author-row p {
display: inline-block;
vertical-align: middle; } }
.author-row p:first-of-type {
color: #394e60; }
.author-row p:not(:last-of-type) {
margin-right: 10px; }
.author-row--post {
margin-bottom: 30px; }
@media (min-width: 48.0625em) {
.author-row--post {
margin-bottom: 60px; } }
.static-post-content a {
color: #5DA0DE; }
.static-post-content a:hover {
text-decoration: underline; }
.static-post-content code {
color: #202C36;
word-break: break-all;
background: #F7F8FA;
border: 1px solid #dee1e6; }
@media (min-width: 48.0625em) {
.static-post-content code {
word-break: normal; } }
.static-post-content ol li,
.static-post-content ul li {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 10px 0;
font-size: 20px;
font-weight: 400;
color: #394e60;
line-height: 30px; }
.static-post-content ul li code {
font-size: 20px; }
.static-post-content h3 {
font-size: 20px;
line-height: 30px;
margin: 20px 0 0;
font-weight: 400; }
@media (min-width: 48.0625em) {
.static-post-content h3 {
font-size: 30px;
line-height: 40px; } }
.static-post-content hr {
margin: 20px 0; }
.static-post-content p {
font-size: 18px;
line-height: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #394e60; }
@media (min-width: 48.0625em) {
.static-post-content p {
font-size: 20px; } }
.static-post-content p:first-of-type {
margin-top: 30px; }
@media (min-width: 48.0625em) {
.static-post-content p:first-of-type {
margin-top: 60px; } }
.static-post-content p:last-of-type {
margin-bottom: 30px; }
.static-post-content p + p {
margin-top: 20px; }
.static-post-content h3 {
font-size: 20px;
line-height: 30px; }
@media (min-width: 48.0625em) {
.static-post-content h3 {
font-size: 30px;
line-height: 40px; } }
.sg-container {
width: 98%;
margin: 100px auto;
max-width: 1208px; }
#icons {
display: -webkit-box;
display: flex;
flex-wrap: wrap; }
#icons .icon {
width: 20%;
margin: 20px 0;
text-align: center; }
#icons .icon__icon {
margin-bottom: 10px; }
#colors .color {
height: 240px;
margin: 20px 0;
border: 1px solid #dee1e6; }
#colors .color__bar {
height: 60px;
position: relative; }
#colors .color__bar div {
height: 100%;
padding: 20px 25px; }
#colors .color__bar div:last-of-type {
width: 50%;
max-width: 90px;
top: 0;
right: 0;
position: absolute; }
#colors .color__information {
padding: 25px 30px; }
#colors .color__information div span:first-of-type {
font-size: 12px;
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase; }
#colors .color .uses {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #dee1e6; }
.docs-list__description p {
padding: 0 0 1em 0; }
.privacy .privacy-cta p {
width: 100%;
font-size: 22px; }
.privacy .privacy-cta__wrapper {
margin: 48px 0 24px 0;
padding-bottom: 60px; }
.privacy .privacy-cta__wrapper a {
box-shadow: 0 10px 20px 0 rgba(32, 44, 54, 0.15);
font-size: 15px;
font-weight: 500; }
.privacy .privacy-cta__wrapper .container {
max-width: 844px; }
.privacy .privacy-cta__wrapper .button-hover--lime-white:hover * {
fill: none; }
@media (min-width: 48.0625em) {
.privacy .privacy-cta__wrapper {
margin: 0;
padding: 104px 0 164px 0; } }
.privacy .privacy-cta .download-icon {
width: 60px;
height: 100%; }
.licenses {
padding-top: 80px; }
.licenses p {
margin-bottom: 30px; }
.licenses__intro {
font-size: 15px;
font-stretch: normal;
font-style: normal;
color: #394e60;
line-height: 1.44; }
.licenses__intro p {
margin-bottom: 30px; }
.licenses__intro h2 {
padding: 30px 0 20px;
font-size: 30px;
font-weight: 400; }
.licenses__links {
padding-bottom: 100px;
padding-top: 0;
background-color: #f4f5f7; }
.licenses__links .section-header {
padding-bottom: 45px;
padding-top: 50px; }
.licenses .download {
height: 60px;
display: -webkit-box;
display: flex;
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
color: #394e60;
background-color: #ffffff;
box-shadow: 0 15px 30px 0 rgba(32, 44, 54, 0.15);
-webkit-transition: 0.2s ease;
transition: 0.2s ease; }
.licenses .download:hover {
color: white;
background-color: #394e60; }
.licenses .download:hover svg polygon {
fill: #ffffff; }
.licenses .download__name {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
font-size: 15px;
font-stretch: normal;
font-style: normal;
font-weight: 500; }
.licenses .download__name:hover {
color: white; }
.licenses .download__name span {
margin-right: 34px; }
.licenses .download svg polygon {
fill: #394e60; }
.licenses .w-100 {
flex-basis: 100%; }
.licenses .section-head {
margin-bottom: 53px;
margin-top: 0px;
font-weight: normal; }
.licenses .section-head::before {
background-color: #465e72; }
.bg-expand-dark {
background-image: url("../svg/icons/icon-plus-dark.b228c2f1c1e3.svg"); }
.bg-expand-dark[aria-expanded='true'] {
background-image: url("../svg/icons/icon-minus-dark.d9b1f4946081.svg"); }
.dn {
display: none; }
.bn {
border: none; }
.rangeslider {
height: 30px;
position: relative;
background-color: #dee1e6;
border-radius: 2px;
cursor: pointer; }
.rangeslider--filled .rangeslider__fill {
background-color: #65a0ff; }
.rangeslider__fill {
height: 100%;
position: absolute;
border-radius: 2px; }
.rangeslider__handle {
width: 16px;
height: 100%;
position: absolute;
background-color: #65a0ff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(20%, rgba(255, 255, 255, 0.5)), color-stop(20%, transparent), color-stop(40%, transparent), color-stop(40%, rgba(255, 255, 255, 0.5)), color-stop(60%, rgba(255, 255, 255, 0.5)), color-stop(60%, transparent), color-stop(80%, transparent), color-stop(80%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5)));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 20%, transparent 20%, transparent 40%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.5) 60%, transparent 60%, transparent 80%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.5));
background-position: center;
background-repeat: no-repeat;
background-size: 4px 10px;
border-radius: 2px;
cursor: pointer;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out; }
.rangeslider__handle:hover, .rangeslider__handle:active {
background-color: #5080cc; }
.rangeslider__tooltip {
display: none; }
.manticore-wrapper {
/* Variables */
/*
SPACING
Docs: http://tachyons.io/docs/layout/spacing/
An eight step powers of two scale ranging from 0 to 16rem.
Base:
p = padding
m = margin
Modifiers:
a = all
h = horizontal
v = vertical
t = top
r = right
b = bottom
l = left
0 = none
1 = 1st step in spacing scale
2 = 2nd step in spacing scale
3 = 3rd step in spacing scale
4 = 4th step in spacing scale
5 = 5th step in spacing scale
6 = 6th step in spacing scale
7 = 7th step in spacing scale
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/* @TODO: Can * $uove once input component stlyes are refactored to not select input tag */
/* Max Width String Properties */
/* Type Scale */
/* Small and hard to read for many people so use with ext * $ue caution */ }
.manticore-wrapper .pa0 {
padding: 0; }
.manticore-wrapper .pa1 {
padding: 5px; }
.manticore-wrapper .pa2 {
padding: 10px; }
.manticore-wrapper .pa3 {
padding: 20px; }
.manticore-wrapper .pa4 {
padding: 30px; }
.manticore-wrapper .pa5 {
padding: 40px; }
.manticore-wrapper .pa6 {
padding: 50px; }
.manticore-wrapper .pa7 {
padding: 60px; }
.manticore-wrapper .pl0 {
padding-left: 0; }
.manticore-wrapper .pl1 {
padding-left: 5px; }
.manticore-wrapper .pl2 {
padding-left: 10px; }
.manticore-wrapper .pl3 {
padding-left: 20px; }
.manticore-wrapper .pl4 {
padding-left: 30px; }
.manticore-wrapper .pl5 {
padding-left: 40px; }
.manticore-wrapper .pl6 {
padding-left: 50px; }
.manticore-wrapper .pl7 {
padding-left: 60px; }
.manticore-wrapper .pr0 {
padding-right: 0; }
.manticore-wrapper .pr1 {
padding-right: 5px; }
.manticore-wrapper .pr2 {
padding-right: 10px; }
.manticore-wrapper .pr3 {
padding-right: 20px; }
.manticore-wrapper .pr4 {
padding-right: 30px; }
.manticore-wrapper .pr5 {
padding-right: 40px; }
.manticore-wrapper .pr6 {
padding-right: 50px; }
.manticore-wrapper .pr7 {
padding-right: 60px; }
.manticore-wrapper .pb0 {
padding-bottom: 0; }
.manticore-wrapper .pb1 {
padding-bottom: 5px; }
.manticore-wrapper .pb2 {
padding-bottom: 10px; }
.manticore-wrapper .pb3 {
padding-bottom: 20px; }
.manticore-wrapper .pb4 {
padding-bottom: 30px; }
.manticore-wrapper .pb5 {
padding-bottom: 40px; }
.manticore-wrapper .pb6 {
padding-bottom: 50px; }
.manticore-wrapper .pb7 {
padding-bottom: 60px; }
.manticore-wrapper .pt0 {
padding-top: 0; }
.manticore-wrapper .pt1 {
padding-top: 5px; }
.manticore-wrapper .pt2 {
padding-top: 10px; }
.manticore-wrapper .pt3 {
padding-top: 20px; }
.manticore-wrapper .pt4 {
padding-top: 30px; }
.manticore-wrapper .pt5 {
padding-top: 40px; }
.manticore-wrapper .pt6 {
padding-top: 50px; }
.manticore-wrapper .pt7 {
padding-top: 60px; }
.manticore-wrapper .pv0 {
padding-top: 0;
padding-bottom: 0; }
.manticore-wrapper .pv1 {
padding-top: 5px;
padding-bottom: 5px; }
.manticore-wrapper .pv2 {
padding-top: 10px;
padding-bottom: 10px; }
.manticore-wrapper .pv3 {
padding-top: 20px;
padding-bottom: 20px; }
.manticore-wrapper .pv4 {
padding-top: 30px;
padding-bottom: 30px; }
.manticore-wrapper .pv5 {
padding-top: 40px;
padding-bottom: 40px; }
.manticore-wrapper .pv6 {
padding-top: 50px;
padding-bottom: 50px; }
.manticore-wrapper .pv7 {
padding-top: 60px;
padding-bottom: 60px; }
.manticore-wrapper .ph0 {
padding-left: 0;
padding-right: 0; }
.manticore-wrapper .ph1 {
padding-left: 5px;
padding-right: 5px; }
.manticore-wrapper .ph2 {
padding-left: 10px;
padding-right: 10px; }
.manticore-wrapper .ph3 {
padding-left: 20px;
padding-right: 20px; }
.manticore-wrapper .ph4 {
padding-left: 30px;
padding-right: 30px; }
.manticore-wrapper .ph5 {
padding-left: 40px;
padding-right: 40px; }
.manticore-wrapper .ph6 {
padding-left: 50px;
padding-right: 50px; }
.manticore-wrapper .ph7 {
padding-left: 60px;
padding-right: 60px; }
.manticore-wrapper .ma0 {
margin: 0; }
.manticore-wrapper .ma1 {
margin: 5px; }
.manticore-wrapper .ma2 {
margin: 10px; }
.manticore-wrapper .ma3 {
margin: 20px; }
.manticore-wrapper .ma4 {
margin: 30px; }
.manticore-wrapper .ma5 {
margin: 40px; }
.manticore-wrapper .ma6 {
margin: 50px; }
.manticore-wrapper .ma7 {
margin: 60px; }
.manticore-wrapper .ml0 {
margin-left: 0; }
.manticore-wrapper .ml1 {
margin-left: 5px; }
.manticore-wrapper .ml2 {
margin-left: 10px; }
.manticore-wrapper .ml3 {
margin-left: 20px; }
.manticore-wrapper .ml4 {
margin-left: 30px; }
.manticore-wrapper .ml5 {
margin-left: 40px; }
.manticore-wrapper .ml6 {
margin-left: 50px; }
.manticore-wrapper .ml7 {
margin-left: 60px; }
.manticore-wrapper .mr0 {
margin-right: 0; }
.manticore-wrapper .mr1 {
margin-right: 5px; }
.manticore-wrapper .mr2 {
margin-right: 10px; }
.manticore-wrapper .mr3 {
margin-right: 20px; }
.manticore-wrapper .mr4 {
margin-right: 30px; }
.manticore-wrapper .mr5 {
margin-right: 40px; }
.manticore-wrapper .mr6 {
margin-right: 50px; }
.manticore-wrapper .mr7 {
margin-right: 60px; }
.manticore-wrapper .mb0 {
margin-bottom: 0; }
.manticore-wrapper .mb1 {
margin-bottom: 5px; }
.manticore-wrapper .mb2 {
margin-bottom: 10px; }
.manticore-wrapper .mb3 {
margin-bottom: 20px; }
.manticore-wrapper .mb4 {
margin-bottom: 30px; }
.manticore-wrapper .mb5 {
margin-bottom: 40px; }
.manticore-wrapper .mb6 {
margin-bottom: 50px; }
.manticore-wrapper .mb7 {
margin-bottom: 60px; }
.manticore-wrapper .mt0 {
margin-top: 0; }
.manticore-wrapper .mt1 {
margin-top: 5px; }
.manticore-wrapper .mt2 {
margin-top: 10px; }
.manticore-wrapper .mt3 {
margin-top: 20px; }
.manticore-wrapper .mt4 {
margin-top: 30px; }
.manticore-wrapper .mt5 {
margin-top: 40px; }
.manticore-wrapper .mt6 {
margin-top: 50px; }
.manticore-wrapper .mt7 {
margin-top: 60px; }
.manticore-wrapper .mv0 {
margin-top: 0;
margin-bottom: 0; }
.manticore-wrapper .mv1 {
margin-top: 5px;
margin-bottom: 5px; }
.manticore-wrapper .mv2 {
margin-top: 10px;
margin-bottom: 10px; }
.manticore-wrapper .mv3 {
margin-top: 20px;
margin-bottom: 20px; }
.manticore-wrapper .mv4 {
margin-top: 30px;
margin-bottom: 30px; }
.manticore-wrapper .mv5 {
margin-top: 40px;
margin-bottom: 40px; }
.manticore-wrapper .mv6 {
margin-top: 50px;
margin-bottom: 50px; }
.manticore-wrapper .mv7 {
margin-top: 60px;
margin-bottom: 60px; }
.manticore-wrapper .mh0 {
margin-left: 0;
margin-right: 0; }
.manticore-wrapper .mh1 {
margin-left: 5px;
margin-right: 5px; }
.manticore-wrapper .mh2 {
margin-left: 10px;
margin-right: 10px; }
.manticore-wrapper .mh3 {
margin-left: 20px;
margin-right: 20px; }
.manticore-wrapper .mh4 {
margin-left: 30px;
margin-right: 30px; }
.manticore-wrapper .mh5 {
margin-left: 40px;
margin-right: 40px; }
.manticore-wrapper .mh6 {
margin-left: 50px;
margin-right: 50px; }
.manticore-wrapper .mh7 {
margin-left: 60px;
margin-right: 60px; }
@media screen and (min-width: 320px) {
.manticore-wrapper .pa0-ns {
padding: 0; }
.manticore-wrapper .pa1-ns {
padding: 5px; }
.manticore-wrapper .pa2-ns {
padding: 10px; }
.manticore-wrapper .pa3-ns {
padding: 20px; }
.manticore-wrapper .pa4-ns {
padding: 30px; }
.manticore-wrapper .pa5-ns {
padding: 40px; }
.manticore-wrapper .pa6-ns {
padding: 50px; }
.manticore-wrapper .pa7-ns {
padding: 60px; }
.manticore-wrapper .pl0-ns {
padding-left: 0; }
.manticore-wrapper .pl1-ns {
padding-left: 5px; }
.manticore-wrapper .pl2-ns {
padding-left: 10px; }
.manticore-wrapper .pl3-ns {
padding-left: 20px; }
.manticore-wrapper .pl4-ns {
padding-left: 30px; }
.manticore-wrapper .pl5-ns {
padding-left: 40px; }
.manticore-wrapper .pl6-ns {
padding-left: 50px; }
.manticore-wrapper .pl7-ns {
padding-left: 60px; }
.manticore-wrapper .pr0-ns {
padding-right: 0; }
.manticore-wrapper .pr1-ns {
padding-right: 5px; }
.manticore-wrapper .pr2-ns {
padding-right: 10px; }
.manticore-wrapper .pr3-ns {
padding-right: 20px; }
.manticore-wrapper .pr4-ns {
padding-right: 30px; }
.manticore-wrapper .pr5-ns {
padding-right: 40px; }
.manticore-wrapper .pr6-ns {
padding-right: 50px; }
.manticore-wrapper .pr7-ns {
padding-right: 60px; }
.manticore-wrapper .pb0-ns {
padding-bottom: 0; }
.manticore-wrapper .pb1-ns {
padding-bottom: 5px; }
.manticore-wrapper .pb2-ns {
padding-bottom: 10px; }
.manticore-wrapper .pb3-ns {
padding-bottom: 20px; }
.manticore-wrapper .pb4-ns {
padding-bottom: 30px; }
.manticore-wrapper .pb5-ns {
padding-bottom: 40px; }
.manticore-wrapper .pb6-ns {
padding-bottom: 50px; }
.manticore-wrapper .pb7-ns {
padding-bottom: 60px; }
.manticore-wrapper .pt0-ns {
padding-top: 0; }
.manticore-wrapper .pt1-ns {
padding-top: 5px; }
.manticore-wrapper .pt2-ns {
padding-top: 10px; }
.manticore-wrapper .pt3-ns {
padding-top: 20px; }
.manticore-wrapper .pt4-ns {
padding-top: 30px; }
.manticore-wrapper .pt5-ns {
padding-top: 40px; }
.manticore-wrapper .pt6-ns {
padding-top: 50px; }
.manticore-wrapper .pt7-ns {
padding-top: 60px; }
.manticore-wrapper .pv0-ns {
padding-top: 0;
padding-bottom: 0; }
.manticore-wrapper .pv1-ns {
padding-top: 5px;
padding-bottom: 5px; }
.manticore-wrapper .pv2-ns {
padding-top: 10px;
padding-bottom: 10px; }
.manticore-wrapper .pv3-ns {
padding-top: 20px;
padding-bottom: 20px; }
.manticore-wrapper .pv4-ns {
padding-top: 30px;
padding-bottom: 30px; }
.manticore-wrapper .pv5-ns {
padding-top: 40px;
padding-bottom: 40px; }
.manticore-wrapper .pv6-ns {
padding-top: 50px;
padding-bottom: 50px; }
.manticore-wrapper .pv7-ns {
padding-top: 60px;
padding-bottom: 60px; }
.manticore-wrapper .ph0-ns {
padding-left: 0;
padding-right: 0; }
.manticore-wrapper .ph1-ns {
padding-left: 5px;
padding-right: 5px; }
.manticore-wrapper .ph2-ns {
padding-left: 10px;
padding-right: 10px; }
.manticore-wrapper .ph3-ns {
padding-left: 20px;
padding-right: 20px; }
.manticore-wrapper .ph4-ns {
padding-left: 30px;
padding-right: 30px; }
.manticore-wrapper .ph5-ns {
padding-left: 40px;
padding-right: 40px; }
.manticore-wrapper .ph6-ns {
padding-left: 50px;
padding-right: 50px; }
.manticore-wrapper .ph7-ns {
padding-left: 60px;
padding-right: 60px; }
.manticore-wrapper .ma0-ns {
margin: 0; }
.manticore-wrapper .ma1-ns {
margin: 5px; }
.manticore-wrapper .ma2-ns {
margin: 10px; }
.manticore-wrapper .ma3-ns {
margin: 20px; }
.manticore-wrapper .ma4-ns {
margin: 30px; }
.manticore-wrapper .ma5-ns {
margin: 40px; }
.manticore-wrapper .ma6-ns {
margin: 50px; }
.manticore-wrapper .ma7-ns {
margin: 60px; }
.manticore-wrapper .ml0-ns {
margin-left: 0; }
.manticore-wrapper .ml1-ns {
margin-left: 5px; }
.manticore-wrapper .ml2-ns {
margin-left: 10px; }
.manticore-wrapper .ml3-ns {
margin-left: 20px; }
.manticore-wrapper .ml4-ns {
margin-left: 30px; }
.manticore-wrapper .ml5-ns {
margin-left: 40px; }
.manticore-wrapper .ml6-ns {
margin-left: 50px; }
.manticore-wrapper .ml7-ns {
margin-left: 60px; }
.manticore-wrapper .mr0-ns {
margin-right: 0; }
.manticore-wrapper .mr1-ns {
margin-right: 5px; }
.manticore-wrapper .mr2-ns {
margin-right: 10px; }
.manticore-wrapper .mr3-ns {
margin-right: 20px; }
.manticore-wrapper .mr4-ns {
margin-right: 30px; }
.manticore-wrapper .mr5-ns {
margin-right: 40px; }
.manticore-wrapper .mr6-ns {
margin-right: 50px; }
.manticore-wrapper .mr7-ns {
margin-right: 60px; }
.manticore-wrapper .mb0-ns {
margin-bottom: 0; }
.manticore-wrapper .mb1-ns {
margin-bottom: 5px; }
.manticore-wrapper .mb2-ns {
margin-bottom: 10px; }
.manticore-wrapper .mb3-ns {
margin-bottom: 20px; }
.manticore-wrapper .mb4-ns {
margin-bottom: 30px; }
.manticore-wrapper .mb5-ns {
margin-bottom: 40px; }
.manticore-wrapper .mb6-ns {
margin-bottom: 50px; }
.manticore-wrapper .mb7-ns {
margin-bottom: 60px; }
.manticore-wrapper .mt0-ns {
margin-top: 0; }
.manticore-wrapper .mt1-ns {
margin-top: 5px; }
.manticore-wrapper .mt2-ns {
margin-top: 10px; }
.manticore-wrapper .mt3-ns {
margin-top: 20px; }
.manticore-wrapper .mt4-ns {
margin-top: 30px; }
.manticore-wrapper .mt5-ns {
margin-top: 40px; }
.manticore-wrapper .mt6-ns {
margin-top: 50px; }
.manticore-wrapper .mt7-ns {
margin-top: 60px; }
.manticore-wrapper .mv0-ns {
margin-top: 0;
margin-bottom: 0; }
.manticore-wrapper .mv1-ns {
margin-top: 5px;
margin-bottom: 5px; }
.manticore-wrapper .mv2-ns {
margin-top: 10px;
margin-bottom: 10px; }
.manticore-wrapper .mv3-ns {
margin-top: 20px;
margin-bottom: 20px; }
.manticore-wrapper .mv4-ns {
margin-top: 30px;
margin-bottom: 30px; }
.manticore-wrapper .mv5-ns {
margin-top: 40px;
margin-bottom: 40px; }
.manticore-wrapper .mv6-ns {
margin-top: 50px;
margin-bottom: 50px; }
.manticore-wrapper .mv7-ns {
margin-top: 60px;
margin-bottom: 60px; }
.manticore-wrapper .mh0-ns {
margin-left: 0;
margin-right: 0; }
.manticore-wrapper .mh1-ns {
margin-left: 5px;
margin-right: 5px; }
.manticore-wrapper .mh2-ns {
margin-left: 10px;
margin-right: 10px; }
.manticore-wrapper .mh3-ns {
margin-left: 20px;
margin-right: 20px; }
.manticore-wrapper .mh4-ns {
margin-left: 30px;
margin-right: 30px; }
.manticore-wrapper .mh5-ns {
margin-left: 40px;
margin-right: 40px; }
.manticore-wrapper .mh6-ns {
margin-left: 50px;
margin-right: 50px; }
.manticore-wrapper .mh7-ns {
margin-left: 60px;
margin-right: 60px; } }
@media screen and (min-width: 769px) {
.manticore-wrapper .pa0-m {
padding: 0; }
.manticore-wrapper .pa1-m {
padding: 5px; }
.manticore-wrapper .pa2-m {
padding: 10px; }
.manticore-wrapper .pa3-m {
padding: 20px; }
.manticore-wrapper .pa4-m {
padding: 30px; }
.manticore-wrapper .pa5-m {
padding: 40px; }
.manticore-wrapper .pa6-m {
padding: 50px; }
.manticore-wrapper .pa7-m {
padding: 60px; }
.manticore-wrapper .pl0-m {
padding-left: 0; }
.manticore-wrapper .pl1-m {
padding-left: 5px; }
.manticore-wrapper .pl2-m {
padding-left: 10px; }
.manticore-wrapper .pl3-m {
padding-left: 20px; }
.manticore-wrapper .pl4-m {
padding-left: 30px; }
.manticore-wrapper .pl5-m {
padding-left: 40px; }
.manticore-wrapper .pl6-m {
padding-left: 50px; }
.manticore-wrapper .pl7-m {
padding-left: 60px; }
.manticore-wrapper .pr0-m {
padding-right: 0; }
.manticore-wrapper .pr1-m {
padding-right: 5px; }
.manticore-wrapper .pr2-m {
padding-right: 10px; }
.manticore-wrapper .pr3-m {
padding-right: 20px; }
.manticore-wrapper .pr4-m {
padding-right: 30px; }
.manticore-wrapper .pr5-m {
padding-right: 40px; }
.manticore-wrapper .pr6-m {
padding-right: 50px; }
.manticore-wrapper .pr7-m {
padding-right: 60px; }
.manticore-wrapper .pb0-m {
padding-bottom: 0; }
.manticore-wrapper .pb1-m {
padding-bottom: 5px; }
.manticore-wrapper .pb2-m {
padding-bottom: 10px; }
.manticore-wrapper .pb3-m {
padding-bottom: 20px; }
.manticore-wrapper .pb4-m {
padding-bottom: 30px; }
.manticore-wrapper .pb5-m {
padding-bottom: 40px; }
.manticore-wrapper .pb6-m {
padding-bottom: 50px; }
.manticore-wrapper .pb7-m {
padding-bottom: 60px; }
.manticore-wrapper .pt0-m {
padding-top: 0; }
.manticore-wrapper .pt1-m {
padding-top: 5px; }
.manticore-wrapper .pt2-m {
padding-top: 10px; }
.manticore-wrapper .pt3-m {
padding-top: 20px; }
.manticore-wrapper .pt4-m {
padding-top: 30px; }
.manticore-wrapper .pt5-m {
padding-top: 40px; }
.manticore-wrapper .pt6-m {
padding-top: 50px; }
.manticore-wrapper .pt7-m {
padding-top: 60px; }
.manticore-wrapper .pv0-m {
padding-top: 0;
padding-bottom: 0; }
.manticore-wrapper .pv1-m {
padding-top: 5px;
padding-bottom: 5px; }
.manticore-wrapper .pv2-m {
padding-top: 10px;
padding-bottom: 10px; }
.manticore-wrapper .pv3-m {
padding-top: 20px;
padding-bottom: 20px; }
.manticore-wrapper .pv4-m {
padding-top: 30px;
padding-bottom: 30px; }
.manticore-wrapper .pv5-m {
padding-top: 40px;
padding-bottom: 40px; }
.manticore-wrapper .pv6-m {
padding-top: 50px;
padding-bottom: 50px; }
.manticore-wrapper .pv7-m {
padding-top: 60px;
padding-bottom: 60px; }
.manticore-wrapper .ph0-m {
padding-left: 0;
padding-right: 0; }
.manticore-wrapper .ph1-m {
padding-left: 5px;
padding-right: 5px; }
.manticore-wrapper .ph2-m {
padding-left: 10px;
padding-right: 10px; }
.manticore-wrapper .ph3-m {
padding-left: 20px;
padding-right: 20px; }
.manticore-wrapper .ph4-m {
padding-left: 30px;
padding-right: 30px; }
.manticore-wrapper .ph5-m {
padding-left: 40px;
padding-right: 40px; }
.manticore-wrapper .ph6-m {
padding-left: 50px;
padding-right: 50px; }
.manticore-wrapper .ph7-m {
padding-left: 60px;
padding-right: 60px; }
.manticore-wrapper .ma0-m {
margin: 0; }
.manticore-wrapper .ma1-m {
margin: 5px; }
.manticore-wrapper .ma2-m {
margin: 10px; }
.manticore-wrapper .ma3-m {
margin: 20px; }
.manticore-wrapper .ma4-m {
margin: 30px; }
.manticore-wrapper .ma5-m {
margin: 40px; }
.manticore-wrapper .ma6-m {
margin: 50px; }
.manticore-wrapper .ma7-m {
margin: 60px; }
.manticore-wrapper .ml0-m {
margin-left: 0; }
.manticore-wrapper .ml1-m {
margin-left: 5px; }
.manticore-wrapper .ml2-m {
margin-left: 10px; }
.manticore-wrapper .ml3-m {
margin-left: 20px; }
.manticore-wrapper .ml4-m {
margin-left: 30px; }
.manticore-wrapper .ml5-m {
margin-left: 40px; }
.manticore-wrapper .ml6-m {
margin-left: 50px; }
.manticore-wrapper .ml7-m {
margin-left: 60px; }
.manticore-wrapper .mr0-m {
margin-right: 0; }
.manticore-wrapper .mr1-m {
margin-right: 5px; }
.manticore-wrapper .mr2-m {
margin-right: 10px; }
.manticore-wrapper .mr3-m {
margin-right: 20px; }
.manticore-wrapper .mr4-m {
margin-right: 30px; }
.manticore-wrapper .mr5-m {
margin-right: 40px; }
.manticore-wrapper .mr6-m {
margin-right: 50px; }
.manticore-wrapper .mr7-m {
margin-right: 60px; }
.manticore-wrapper .mb0-m {
margin-bottom: 0; }
.manticore-wrapper .mb1-m {
margin-bottom: 5px; }
.manticore-wrapper .mb2-m {
margin-bottom: 10px; }
.manticore-wrapper .mb3-m {
margin-bottom: 20px; }
.manticore-wrapper .mb4-m {
margin-bottom: 30px; }
.manticore-wrapper .mb5-m {
margin-bottom: 40px; }
.manticore-wrapper .mb6-m {
margin-bottom: 50px; }
.manticore-wrapper .mb7-m {
margin-bottom: 60px; }
.manticore-wrapper .mt0-m {
margin-top: 0; }
.manticore-wrapper .mt1-m {
margin-top: 5px; }
.manticore-wrapper .mt2-m {
margin-top: 10px; }
.manticore-wrapper .mt3-m {
margin-top: 20px; }
.manticore-wrapper .mt4-m {
margin-top: 30px; }
.manticore-wrapper .mt5-m {
margin-top: 40px; }
.manticore-wrapper .mt6-m {
margin-top: 50px; }
.manticore-wrapper .mt7-m {
margin-top: 60px; }
.manticore-wrapper .mv0-m {
margin-top: 0;
margin-bottom: 0; }
.manticore-wrapper .mv1-m {
margin-top: 5px;
margin-bottom: 5px; }
.manticore-wrapper .mv2-m {
margin-top: 10px;
margin-bottom: 10px; }
.manticore-wrapper .mv3-m {
margin-top: 20px;
margin-bottom: 20px; }
.manticore-wrapper .mv4-m {
margin-top: 30px;
margin-bottom: 30px; }
.manticore-wrapper .mv5-m {
margin-top: 40px;
margin-bottom: 40px; }
.manticore-wrapper .mv6-m {
margin-top: 50px;
margin-bottom: 50px; }
.manticore-wrapper .mv7-m {
margin-top: 60px;
margin-bottom: 60px; }
.manticore-wrapper .mh0-m {
margin-left: 0;
margin-right: 0; }
.manticore-wrapper .mh1-m {
margin-left: 5px;
margin-right: 5px; }
.manticore-wrapper .mh2-m {
margin-left: 10px;
margin-right: 10px; }
.manticore-wrapper .mh3-m {
margin-left: 20px;
margin-right: 20px; }
.manticore-wrapper .mh4-m {
margin-left: 30px;
margin-right: 30px; }
.manticore-wrapper .mh5-m {
margin-left: 40px;
margin-right: 40px; }
.manticore-wrapper .mh6-m {
margin-left: 50px;
margin-right: 50px; }
.manticore-wrapper .mh7-m {
margin-left: 60px;
margin-right: 60px; } }
@media screen and (min-width: 920px) {
.manticore-wrapper .pa0-l {
padding: 0; }
.manticore-wrapper .pa1-l {
padding: 5px; }
.manticore-wrapper .pa2-l {
padding: 10px; }
.manticore-wrapper .pa3-l {
padding: 20px; }
.manticore-wrapper .pa4-l {
padding: 30px; }
.manticore-wrapper .pa5-l {
padding: 40px; }
.manticore-wrapper .pa6-l {
padding: 50px; }
.manticore-wrapper .pa7-l {
padding: 60px; }
.manticore-wrapper .pl0-l {
padding-left: 0; }
.manticore-wrapper .pl1-l {
padding-left: 5px; }
.manticore-wrapper .pl2-l {
padding-left: 10px; }
.manticore-wrapper .pl3-l {
padding-left: 20px; }
.manticore-wrapper .pl4-l {
padding-left: 30px; }
.manticore-wrapper .pl5-l {
padding-left: 40px; }
.manticore-wrapper .pl6-l {
padding-left: 50px; }
.manticore-wrapper .pl7-l {
padding-left: 60px; }
.manticore-wrapper .pr0-l {
padding-right: 0; }
.manticore-wrapper .pr1-l {
padding-right: 5px; }
.manticore-wrapper .pr2-l {
padding-right: 10px; }
.manticore-wrapper .pr3-l {
padding-right: 20px; }
.manticore-wrapper .pr4-l {
padding-right: 30px; }
.manticore-wrapper .pr5-l {
padding-right: 40px; }
.manticore-wrapper .pr6-l {
padding-right: 50px; }
.manticore-wrapper .pr7-l {
padding-right: 60px; }
.manticore-wrapper .pb0-l {
padding-bottom: 0; }
.manticore-wrapper .pb1-l {
padding-bottom: 5px; }
.manticore-wrapper .pb2-l {
padding-bottom: 10px; }
.manticore-wrapper .pb3-l {
padding-bottom: 20px; }
.manticore-wrapper .pb4-l {
padding-bottom: 30px; }
.manticore-wrapper .pb5-l {
padding-bottom: 40px; }
.manticore-wrapper .pb6-l {
padding-bottom: 50px; }
.manticore-wrapper .pb7-l {
padding-bottom: 60px; }
.manticore-wrapper .pt0-l {
padding-top: 0; }
.manticore-wrapper .pt1-l {
padding-top: 5px; }
.manticore-wrapper .pt2-l {
padding-top: 10px; }
.manticore-wrapper .pt3-l {
padding-top: 20px; }
.manticore-wrapper .pt4-l {
padding-top: 30px; }
.manticore-wrapper .pt5-l {
padding-top: 40px; }
.manticore-wrapper .pt6-l {
padding-top: 50px; }
.manticore-wrapper .pt7-l {
padding-top: 60px; }
.manticore-wrapper .pv0-l {
padding-top: 0;
padding-bottom: 0; }
.manticore-wrapper .pv1-l {
padding-top: 5px;
padding-bottom: 5px; }
.manticore-wrapper .pv2-l {
padding-top: 10px;
padding-bottom: 10px; }
.manticore-wrapper .pv3-l {
padding-top: 20px;
padding-bottom: 20px; }
.manticore-wrapper .pv4-l {
padding-top: 30px;
padding-bottom: 30px; }
.manticore-wrapper .pv5-l {
padding-top: 40px;
padding-bottom: 40px; }
.manticore-wrapper .pv6-l {
padding-top: 50px;
padding-bottom: 50px; }
.manticore-wrapper .pv7-l {
padding-top: 60px;
padding-bottom: 60px; }
.manticore-wrapper .ph0-l {
padding-left: 0;
padding-right: 0; }
.manticore-wrapper .ph1-l {
padding-left: 5px;
padding-right: 5px; }
.manticore-wrapper .ph2-l {
padding-left: 10px;
padding-right: 10px; }
.manticore-wrapper .ph3-l {
padding-left: 20px;
padding-right: 20px; }
.manticore-wrapper .ph4-l {
padding-left: 30px;
padding-right: 30px; }
.manticore-wrapper .ph5-l {
padding-left: 40px;
padding-right: 40px; }
.manticore-wrapper .ph6-l {
padding-left: 50px;
padding-right: 50px; }
.manticore-wrapper .ph7-l {
padding-left: 60px;
padding-right: 60px; }
.manticore-wrapper .ma0-l {
margin: 0; }
.manticore-wrapper .ma1-l {
margin: 5px; }
.manticore-wrapper .ma2-l {
margin: 10px; }
.manticore-wrapper .ma3-l {
margin: 20px; }
.manticore-wrapper .ma4-l {
margin: 30px; }
.manticore-wrapper .ma5-l {
margin: 40px; }
.manticore-wrapper .ma6-l {
margin: 50px; }
.manticore-wrapper .ma7-l {
margin: 60px; }
.manticore-wrapper .ml0-l {
margin-left: 0; }
.manticore-wrapper .ml1-l {
margin-left: 5px; }
.manticore-wrapper .ml2-l {
margin-left: 10px; }
.manticore-wrapper .ml3-l {
margin-left: 20px; }
.manticore-wrapper .ml4-l {
margin-left: 30px; }
.manticore-wrapper .ml5-l {
margin-left: 40px; }
.manticore-wrapper .ml6-l {
margin-left: 50px; }
.manticore-wrapper .ml7-l {
margin-left: 60px; }
.manticore-wrapper .mr0-l {
margin-right: 0; }
.manticore-wrapper .mr1-l {
margin-right: 5px; }
.manticore-wrapper .mr2-l {
margin-right: 10px; }
.manticore-wrapper .mr3-l {
margin-right: 20px; }
.manticore-wrapper .mr4-l {
margin-right: 30px; }
.manticore-wrapper .mr5-l {
margin-right: 40px; }
.manticore-wrapper .mr6-l {
margin-right: 50px; }
.manticore-wrapper .mr7-l {
margin-right: 60px; }
.manticore-wrapper .mb0-l {
margin-bottom: 0; }
.manticore-wrapper .mb1-l {
margin-bottom: 5px; }
.manticore-wrapper .mb2-l {
margin-bottom: 10px; }
.manticore-wrapper .mb3-l {
margin-bottom: 20px; }
.manticore-wrapper .mb4-l {
margin-bottom: 30px; }
.manticore-wrapper .mb5-l {
margin-bottom: 40px; }
.manticore-wrapper .mb6-l {
margin-bottom: 50px; }
.manticore-wrapper .mb7-l {
margin-bottom: 60px; }
.manticore-wrapper .mt0-l {
margin-top: 0; }
.manticore-wrapper .mt1-l {
margin-top: 5px; }
.manticore-wrapper .mt2-l {
margin-top: 10px; }
.manticore-wrapper .mt3-l {
margin-top: 20px; }
.manticore-wrapper .mt4-l {
margin-top: 30px; }
.manticore-wrapper .mt5-l {
margin-top: 40px; }
.manticore-wrapper .mt6-l {
margin-top: 50px; }
.manticore-wrapper .mt7-l {
margin-top: 60px; }
.manticore-wrapper .mv0-l {
margin-top: 0;
margin-bottom: 0; }
.manticore-wrapper .mv1-l {
margin-top: 5px;
margin-bottom: 5px; }
.manticore-wrapper .mv2-l {
margin-top: 10px;
margin-bottom: 10px; }
.manticore-wrapper .mv3-l {
margin-top: 20px;
margin-bottom: 20px; }
.manticore-wrapper .mv4-l {
margin-top: 30px;
margin-bottom: 30px; }
.manticore-wrapper .mv5-l {
margin-top: 40px;
margin-bottom: 40px; }
.manticore-wrapper .mv6-l {
margin-top: 50px;
margin-bottom: 50px; }
.manticore-wrapper .mv7-l {
margin-top: 60px;
margin-bottom: 60px; }
.manticore-wrapper .mh0-l {
margin-left: 0;
margin-right: 0; }
.manticore-wrapper .mh1-l {
margin-left: 5px;
margin-right: 5px; }
.manticore-wrapper .mh2-l {
margin-left: 10px;
margin-right: 10px; }
.manticore-wrapper .mh3-l {
margin-left: 20px;
margin-right: 20px; }
.manticore-wrapper .mh4-l {
margin-left: 30px;
margin-right: 30px; }
.manticore-wrapper .mh5-l {
margin-left: 40px;
margin-right: 40px; }
.manticore-wrapper .mh6-l {
margin-left: 50px;
margin-right: 50px; }
.manticore-wrapper .mh7-l {
margin-left: 60px;
margin-right: 60px; } }
.manticore-wrapper .left-05 {
left: 5px; }
.manticore-wrapper .right-05 {
right: 5px; }
.manticore-wrapper .left-1 {
left: 10px; }
.manticore-wrapper .right-1 {
right: 10px; }
.manticore-wrapper .bottom-1 {
bottom: 10px; }
.manticore-wrapper .left-1 {
left: 10px; }
.manticore-wrapper .left-2 {
left: 20px; }
.manticore-wrapper .right-2 {
right: 20px; }
.manticore-wrapper .bottom-2 {
bottom: 20px; }
.manticore-wrapper .left-2 {
left: 20px; }
.manticore-wrapper .left-3 {
left: 30px; }
.manticore-wrapper .right-3 {
right: 30px; }
.manticore-wrapper .bottom-3 {
bottom: 30px; }
.manticore-wrapper .left-3 {
left: 30px; }
.manticore-wrapper .top-4 {
top: 40px; }
.manticore-wrapper .bottom-2px {
bottom: 2px; }
.manticore-wrapper .right-2px {
right: 2px; }
.manticore-wrapper .bottom--04 {
bottom: -4px; }
.manticore-wrapper .left-center {
left: 50%; }
.manticore-wrapper .top-center {
top: 50%; }
@media screen and (min-width: 320px) {
.manticore-wrapper .left-2-ns {
left: 20px; }
.manticore-wrapper .right-2-ns {
right: 20px; }
.manticore-wrapper .bottom-2-ns {
bottom: 20px; }
.manticore-wrapper .left-2-ns {
left: 20px; }
.manticore-wrapper .left-3-ns {
left: 30px; }
.manticore-wrapper .right-3-ns {
right: 30px; }
.manticore-wrapper .bottom-3-ns {
bottom: 30px; }
.manticore-wrapper .left-3-ns {
left: 30px; }
.manticore-wrapper .top-4-ns {
top: 40px; }
.manticore-wrapper .left-center-ns {
left: 50%; }
.manticore-wrapper .top-center-ns {
top: 50%; }
.manticore-wrapper .bottom-2px-ns {
bottom: 2px; }
.manticore-wrapper .right-2px-ns {
right: 2px; } }
@media screen and (min-width: 769px) {
.manticore-wrapper .left-2-m {
left: 20px; }
.manticore-wrapper .right-2-m {
right: 20px; }
.manticore-wrapper .bottom-2-m {
bottom: 20px; }
.manticore-wrapper .left-2-m {
left: 20px; }
.manticore-wrapper .left-3-m {
left: 30px; }
.manticore-wrapper .right-3-m {
right: 30px; }
.manticore-wrapper .bottom-3-m {
bottom: 30px; }
.manticore-wrapper .left-3-m {
left: 30px; }
.manticore-wrapper .top-4-m {
top: 40px; }
.manticore-wrapper .left-center-m {
left: 50%; }
.manticore-wrapper .top-center-m {
top: 50%; }
.manticore-wrapper .bottom-2px-m {
bottom: 2px; }
.manticore-wrapper .right-2px-m {
right: 2px; } }
@media screen and (min-width: 920px) {
.manticore-wrapper .left-2-l {
left: 20px; }
.manticore-wrapper .right-2-l {
right: 20px; }
.manticore-wrapper .bottom-2-l {
bottom: 20px; }
.manticore-wrapper .left-2-l {
left: 20px; }
.manticore-wrapper .left-3-l {
left: 30px; }
.manticore-wrapper .right-3-l {
right: 30px; }
.manticore-wrapper .bottom-3-l {
bottom: 30px; }
.manticore-wrapper .left-3-l {
left: 30px; }
.manticore-wrapper .top-4-l {
top: 40px; }
.manticore-wrapper .left-center-l {
left: 50%; }
.manticore-wrapper .top-center-l {
top: 50%; }
.manticore-wrapper .bottom-2px-l {
bottom: 2px; }
.manticore-wrapper .right-2px-l {
right: 2px; } }
.manticore-wrapper .h0 {
height: 0; }
.manticore-wrapper .h1 {
height: 10px; }
.manticore-wrapper .h2 {
height: 20px; }
.manticore-wrapper .h3 {
height: 30px; }
.manticore-wrapper .h4 {
height: 40px; }
.manticore-wrapper .h5 {
height: 50px; }
.manticore-wrapper .h6 {
height: 60px; }
.manticore-wrapper .h-12px {
height: 12px; }
.manticore-wrapper .h0-important {
height: 0 !important; }
@media screen and (min-width: 320px) {
.manticore-wrapper .h0-ns {
height: 0; }
.manticore-wrapper .h1-ns {
height: 10px; }
.manticore-wrapper .h2-ns {
height: 20px; }
.manticore-wrapper .h3-ns {
height: 30px; }
.manticore-wrapper .h4-ns {
height: 40px; }
.manticore-wrapper .h5-ns {
height: 50px; }
.manticore-wrapper .h6-ns {
height: 60px; }
.manticore-wrapper .h-12px-ns {
height: 12px; } }
@media screen and (min-width: 769px) {
.manticore-wrapper .h0-m {
height: 0; }
.manticore-wrapper .h1-m {
height: 10px; }
.manticore-wrapper .h2-m {
height: 20px; }
.manticore-wrapper .h3-m {
height: 30px; }
.manticore-wrapper .h4-m {
height: 40px; }
.manticore-wrapper .h5-m {
height: 50px; }
.manticore-wrapper .h6-m {
height: 60px; }
.manticore-wrapper .h-12px-m {
height: 12px; } }
@media screen and (min-width: 920px) {
.manticore-wrapper .h0-l {
height: 0; }
.manticore-wrapper .h1-l {
height: 10px; }
.manticore-wrapper .h2-l {
height: 20px; }
.manticore-wrapper .h3-l {
height: 30px; }
.manticore-wrapper .h4-l {
height: 40px; }
.manticore-wrapper .h5-l {
height: 50px; }
.manticore-wrapper .h6-l {
height: 60px; }
.manticore-wrapper .h-12px-l {
height: 12px; } }
.manticore-wrapper input.manticore-input {
width: 66px;
padding: initial;
color: #394e60;
background-color: initial;
border: 1px solid #dee1e6; }
.manticore-wrapper .mw1 {
max-width: 10px; }
.manticore-wrapper .mw2 {
max-width: 20px; }
.manticore-wrapper .mw3 {
max-width: 40px; }
.manticore-wrapper .mw4 {
max-width: 80px; }
.manticore-wrapper .mw5 {
max-width: 160px; }
.manticore-wrapper .mw6 {
max-width: 320px; }
.manticore-wrapper .mw7 {
max-width: 480px; }
.manticore-wrapper .mw8 {
max-width: 640px; }
.manticore-wrapper .mw9 {
max-width: 960px; }
.manticore-wrapper .mw-none {
max-width: none; }
@media screen and (min-width: 320px) {
.manticore-wrapper .mw-100-ns {
max-width: 100%; }
.manticore-wrapper .mw1-ns {
max-width: 10px; }
.manticore-wrapper .mw2-ns {
max-width: 20px; }
.manticore-wrapper .mw3-ns {
max-width: 40px; }
.manticore-wrapper .mw4-ns {
max-width: 80px; }
.manticore-wrapper .mw5-ns {
max-width: 160px; }
.manticore-wrapper .mw6-ns {
max-width: 320px; }
.manticore-wrapper .mw7-ns {
max-width: 480px; }
.manticore-wrapper .mw8-ns {
max-width: 640px; }
.manticore-wrapper .mw9-ns {
max-width: 960px; }
.manticore-wrapper .mw-none-ns {
max-width: none; } }
@media screen and (min-width: 769px) {
.manticore-wrapper .mw-100-m {
max-width: 100%; }
.manticore-wrapper .mw1-m {
max-width: 10px; }
.manticore-wrapper .mw2-m {
max-width: 20px; }
.manticore-wrapper .mw3-m {
max-width: 40px; }
.manticore-wrapper .mw4-m {
max-width: 80px; }
.manticore-wrapper .mw5-m {
max-width: 160px; }
.manticore-wrapper .mw6-m {
max-width: 320px; }
.manticore-wrapper .mw7-m {
max-width: 480px; }
.manticore-wrapper .mw8-m {
max-width: 640px; }
.manticore-wrapper .mw9-m {
max-width: 960px; }
.manticore-wrapper .mw-none-m {
max-width: none; } }
@media screen and (min-width: 920px) {
.manticore-wrapper .mw-100-l {
max-width: 100%; }
.manticore-wrapper .mw1-l {
max-width: 10px; }
.manticore-wrapper .mw2-l {
max-width: 20px; }
.manticore-wrapper .mw3-l {
max-width: 40px; }
.manticore-wrapper .mw4-l {
max-width: 80px; }
.manticore-wrapper .mw5-l {
max-width: 160px; }
.manticore-wrapper .mw6-l {
max-width: 320px; }
.manticore-wrapper .mw7-l {
max-width: 480px; }
.manticore-wrapper .mw8-l {
max-width: 640px; }
.manticore-wrapper .mw9-l {
max-width: 960px; }
.manticore-wrapper .mw-none-l {
max-width: none; } }
.manticore-wrapper .f1 {
font-size: 30px; }
.manticore-wrapper .f2 {
font-size: 22.5px; }
.manticore-wrapper .f3 {
font-size: 15px; }
.manticore-wrapper .f4 {
font-size: 12.5px; }
.manticore-wrapper .f5 {
font-size: 10px; }
.manticore-wrapper .f6 {
font-size: 8.75px; }
.manticore-wrapper .f7 {
font-size: 7.5px; }
@media screen and (min-width: 320px) {
.manticore-wrapper .f-6-ns,
.manticore-wrapper .f-headline-ns {
font-size: 60px; }
.manticore-wrapper .f-5-ns,
.manticore-wrapper .f-subheadline-ns {
font-size: 50px; }
.manticore-wrapper .f1-ns {
font-size: 30px; }
.manticore-wrapper .f2-ns {
font-size: 22.5px; }
.manticore-wrapper .f3-ns {
font-size: 15px; }
.manticore-wrapper .f4-ns {
font-size: 12.5px; }
.manticore-wrapper .f5-ns {
font-size: 10px; }
.manticore-wrapper .f6-ns {
font-size: 8.75px; }
.manticore-wrapper .f7-ns {
font-size: 7.5px; } }
@media screen and (min-width: 769px) {
.manticore-wrapper .f-6-m,
.manticore-wrapper .f-headline-m {
font-size: 60px; }
.manticore-wrapper .f-5-m,
.manticore-wrapper .f-subheadline-m {
font-size: 50px; }
.manticore-wrapper .f1-m {
font-size: 30px; }
.manticore-wrapper .f2-m {
font-size: 22.5px; }
.manticore-wrapper .f3-m {
font-size: 15px; }
.manticore-wrapper .f4-m {
font-size: 12.5px; }
.manticore-wrapper .f5-m {
font-size: 10px; }
.manticore-wrapper .f6-m {
font-size: 8.75px; }
.manticore-wrapper .f7-m {
font-size: 7.5px; } }
@media screen and (min-width: 920px) {
.manticore-wrapper .f-6-l,
.manticore-wrapper .f-headline-l {
font-size: 60px; }
.manticore-wrapper .f-5-l,
.manticore-wrapper .f-subheadline-l {
font-size: 50px; }
.manticore-wrapper .f1-l {
font-size: 30px; }
.manticore-wrapper .f2-l {
font-size: 22.5px; }
.manticore-wrapper .f3-l {
font-size: 15px; }
.manticore-wrapper .f4-l {
font-size: 12.5px; }
.manticore-wrapper .f5-l {
font-size: 10px; }
.manticore-wrapper .f6-l {
font-size: 8.75px; }
.manticore-wrapper .f7-l {
font-size: 7.5px; } }
.manticore-wrapper .w1 {
width: 10px; }
.manticore-wrapper .w2 {
width: 20px; }
.manticore-wrapper .w3 {
width: 30px; }
.manticore-wrapper .w4 {
width: 40px; }
.manticore-wrapper .w5 {
width: 50px; }
.manticore-wrapper .w6 {
width: 66px; }
.manticore-wrapper .w-16px {
width: 16px; }
.manticore-wrapper .vw-100 {
width: 100vw; }
@media screen and (min-width: 320px) {
.manticore-wrapper .w1-ns {
width: 10px; }
.manticore-wrapper .w2-ns {
width: 20px; }
.manticore-wrapper .w3-ns {
width: 30px; }
.manticore-wrapper .w4-ns {
width: 40px; }
.manticore-wrapper .w5-ns {
width: 50px; }
.manticore-wrapper .w6-ns {
width: 66px; }
.manticore-wrapper .w-16px-ns {
width: 16px; }
.manticore-wrapper .vw-100-ns {
width: 100vw; } }
@media screen and (min-width: 769px) {
.manticore-wrapper .w1-m {
width: 10px; }
.manticore-wrapper .w2-m {
width: 20px; }
.manticore-wrapper .w3-m {
width: 30px; }
.manticore-wrapper .w4-m {
width: 40px; }
.manticore-wrapper .w5-m {
width: 50px; }
.manticore-wrapper .w6-m {
width: 66px; }
.manticore-wrapper .w-16px-m {
width: 16px; }
.manticore-wrapper .vw-100-m {
width: 100vw; } }
@media screen and (min-width: 920px) {
.manticore-wrapper .w1-l {
width: 10px; }
.manticore-wrapper .w2-l {
width: 20px; }
.manticore-wrapper .w3-l {
width: 30px; }
.manticore-wrapper .w4-l {
width: 40px; }
.manticore-wrapper .w5-l {
width: 50px; }
.manticore-wrapper .w6-l {
width: 66px; }
.manticore-wrapper .w-16px-l {
width: 16px; }
.manticore-wrapper .vw-100-l {
width: 100vw; } }
.arrow {
width: 16px;
height: 16px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: #65a0ff;
border-radius: 2px; }
.arrow--left::after {
content: '';
display: block;
border-bottom: 3px solid transparent;
border-right: 4px solid #ffffff;
border-top: 3px solid transparent; }
.arrow--right::after {
content: '';
display: block;
border-bottom: 3px solid transparent;
border-left: 4px solid #ffffff;
border-top: 3px solid transparent; }
.manticore__column--left {
width: calc(100% - 410px); }
.manticore__column--right {
width: 410px; }
.manticore-pip-width {
width: 725px; }
.manticore-pip-height {
height: 491px; }
.manticore-minimized-width {
width: 320px; }
.manticore-minimized-height {
max-height: 216px; }
.no-manticore__label {
padding-bottom: 11px;
padding-left: 20px;
padding-right: 20px;
padding-top: 11px;
color: white;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background-color: #202C36; }
.no-manticore__body {
padding: 25px 30px;
line-height: 1.35;
text-align: center;
background-color: #ffffff; }
.no-manticore__confirm {
padding: 20px;
text-align: center;
background-color: #f4f5f7; }
.resize-handle {
height: 12px;
background: linear-gradient(to bottom, #929eaa, #929eaa 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 5px, #929eaa 5px, #929eaa 7px, rgba(0, 0, 0, 0) 7px, rgba(0, 0, 0, 0) 10px, #929eaa 10px, #929eaa 12px);
background-position: center;
background-repeat: no-repeat;
background-size: 16px 12px;
cursor: row-resize; }
.resize-vertical {
background: -webkit-gradient(linear, left top, left bottom, from(#929eaa), color-stop(16.66%, #929eaa), color-stop(16.66%, rgba(0, 0, 0, 0)), color-stop(41.66%, rgba(0, 0, 0, 0)), color-stop(41.66%, #929eaa), color-stop(58.33%, #929eaa), color-stop(58.33%, rgba(0, 0, 0, 0)), color-stop(83.33%, rgba(0, 0, 0, 0)), color-stop(83.33%, #929eaa), to(#929eaa));
background: linear-gradient(to bottom, #929eaa, #929eaa 16.66%, rgba(0, 0, 0, 0) 16.66%, rgba(0, 0, 0, 0) 41.66%, #929eaa 41.66%, #929eaa 58.33%, rgba(0, 0, 0, 0) 58.33%, rgba(0, 0, 0, 0) 83.33%, #929eaa 83.33%, #929eaa 100%);
background-position: center;
background-repeat: no-repeat;
cursor: row-resize; }
.resize-bottom-right {
background: linear-gradient(135deg, transparent, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 60%, transparent 60%, transparent 70%, rgba(255, 255, 255, 0.25) 70%, rgba(255, 255, 255, 0.25) 80%, transparent 80%, transparent 90%, rgba(255, 255, 255, 0.25) 90%, rgba(255, 255, 255, 0.25) 100%);
cursor: nwse-resize; }
@page {
size: portrait; }
@media print {
*::-webkit-scrollbar {
width: 0 !important; }
* {
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important; }
dt, dd, dl > div {
/* maybe dl - but I think that will just cause different weird page breaks.
div is valid inside dl - we could figure out how to wrap dt and dd inside THAT
https://html.spec.whatwg.org/multipage/grouping-content.html#the-dl-element
*/
page-break-inside: avoid !important; }
pre, code {
font-family: monospace !important; }
.codehilite code,
.highlight code {
font-family: monospace;
page-break-inside: avoid !important; }
.manticore-page code {
font-family: monospace; }
.manticore-page .codehilite {
font-family: monospace; }
code {
font-family: monospace; }
body {
font-family: Helvetica, sans-serif !important; }
body.documentation,
body.pdf {
-webkit-print-color-adjust: exact; }
body.documentation .sdl-navigation,
body.documentation .mobile-search,
body.documentation .mobile-menu,
body.documentation .select-wrapper,
body.documentation .documentation-select,
body.documentation .sidebar-search,
body.documentation .article__pagination,
body.documentation #documentation__sidebar,
body.pdf .sdl-navigation,
body.pdf .mobile-search,
body.pdf .mobile-menu,
body.pdf .select-wrapper,
body.pdf .documentation-select,
body.pdf .sidebar-search,
body.pdf .article__pagination,
body.pdf #documentation__sidebar {
display: none; }
body.documentation .main-header,
body.pdf .main-header {
position: relative; }
body.documentation #page-header,
body.pdf #page-header {
padding-top: 40px; }
body.documentation #page-header .container,
body.pdf #page-header .container {
padding-left: 20px;
padding-right: 20px; }
body.documentation #documentation,
body.pdf #documentation {
display: block; }
body.documentation #documentation.is-locked #documentation__content,
body.pdf #documentation.is-locked #documentation__content {
margin-left: initial; }
body.documentation #documentation__content h1,
body.documentation #documentation__content h2,
body.pdf #documentation__content h1,
body.pdf #documentation__content h2 {
margin: 50px 0 40px 0; }
body.documentation .sdl-logo__mark img,
body.pdf .sdl-logo__mark img {
width: 64px; }
body.documentation .sdl-logo__mark path,
body.pdf .sdl-logo__mark path {
fill: #FFFFFF !important; }
body.documentation .note,
body.documentation table,
body.documentation pre,
body.pdf .note,
body.pdf table,
body.pdf pre {
page-break-inside: avoid; }
body.documentation table,
body.pdf table {
table-layout: fixed;
word-wrap: break-word;
border-left: 1px solid #dee1e6; }
body.documentation pre,
body.pdf pre {
line-height: 1.2; }
body.documentation .codehilite pre,
body.pdf .codehilite pre {
white-space: pre-wrap; }
body.documentation .visual-link,
body.pdf .visual-link {
box-shadow: none !important; }
body.documentation .visual-link__link.fx-wrapper,
body.pdf .visual-link__link.fx-wrapper {
display: none; }
body.documentation .visual-print-image,
body.pdf .visual-print-image {
height: auto;
display: block !important;
max-height: 960px; } }
/*# sourceMappingURL=maps/print.css.map */