:root { --grid-gap: 4px; } :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } @media (min-width: 416px) { :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } :root { --fakt-pro: 'Fakt Pro'; --font-weight-air: 25; --font-weight-hair: 50; --font-weight-thin: 100; --font-weight-light: 200; --font-weight-blond: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 800; } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 400; font-weight: var(--font-weight-normal); src: url('https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/fonts/fakt-pro/FaktPro-Normal.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 400; font-weight: var(--font-weight-normal); font-style: italic; src: url('https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/fonts/fakt-pro/FaktPro-NormalItalic.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 500; font-weight: var(--font-weight-medium); src: url('https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/fonts/fakt-pro/FaktPro-Medium.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 500; font-weight: var(--font-weight-medium); font-style: italic; src: url('https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/fonts/fakt-pro/FaktPro-MediumItalic.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 600; font-weight: var(--font-weight-semibold); src: url('https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/fonts/fakt-pro/FaktPro-SemiBold.woff') format('woff'); } @font-face { font-family: 'Fakt Pro'; font-family: var(--fakt-pro); font-weight: 600; font-weight: var(--font-weight-semibold); font-style: italic; src: url('https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/fonts/fakt-pro/FaktPro-SemiBoldItalic.woff') format('woff'); } /** { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Fakt Pro', 'Helvetica Neue', 'Arial', sans-serif; font-family: 'Fakt Pro', 'Helvetica Neue', 'Arial', sans-serif; font-family: var(--fakt-pro), 'Helvetica Neue', 'Arial', sans-serif; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }*/ body.dragging * { cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a { color: #38A5FF; color: #38A5FF; color: var(--blue400); text-decoration: none; -webkit-tap-highlight-color: transparent } /*a:hover { color: #2C83C9; color: #2C83C9; color: var(--blue200); }*/ /*a:active { color: #2C83C9; color: #2C83C9; color: var(--blue200); }*/ span, em { font-weight: inherit; } button:focus { outline: 0; } svg { display: block } svg.common-LinkArrow { display: inline-block; } svg.common-LinkArrow.left { margin-right: 8px; } svg.common-LinkArrow.right { margin-left: 8px; } svg.common-LinkArrow path { stroke: currentColor; } .common-NoWrap { white-space: nowrap; } .common-NoLigatures { -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } #common-CookieNotice { position: fixed; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; left: 0; bottom: 0; padding: 16px 24px; padding: 16px 24px; padding: 16px var(--layout-padding-x); background-color: #fff; z-index: 9999; } @media (min-width: 416px) { #common-CookieNotice { padding: 16px 40px; padding: 16px var(--layout-padding-x); } } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { #common-CookieNotice { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(255,255,255,0.65); } } #common-CookieNotice p.common-Body2 { margin-bottom: 0; } #common-CookieNotice .dismiss { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 100%; cursor: pointer; -webkit-tap-highlight-color: transparent; } #common-CookieNotice .dismiss:hover svg path { stroke: #3A4554; stroke: #3A4554; stroke: var(--gray100); } #common-CookieNotice .dismiss:active svg path { stroke: #3A4554; stroke: #3A4554; stroke: var(--gray100); } #common-CookieNotice .dismiss svg path { stroke: #76879D; stroke: #76879D; stroke: var(--gray300); } .common-PageContainer { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); -ms-grid-columns: minmax(0, var(--content-width)); grid-template-columns: minmax(0, var(--content-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 4px; grid-gap: 4px; grid-gap: var(--grid-gap); } .common-SiteFooter { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); grid-template-columns: minmax(0, 1196px); -ms-grid-columns: minmax(0, var(--content-width)); grid-template-columns: minmax(0, var(--content-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 4px; grid-gap: 4px; grid-gap: var(--grid-gap); } .common-Header1 { font-size: 43px; line-height: 48px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header1:not(:last-child) { margin-bottom: 24px; } @media (min-width: 416px) { .common-Header1 { font-size: 48px; line-height: 54px; } } @media (min-width: 880px) { .common-Header1 { font-size: 54px; line-height: 60px; } .common-Header1:not(:last-child) { margin-bottom: 32px; } } .common-Header2 { font-size: 34px; line-height: 40px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header2:not(:last-child) { margin-bottom: 24px; } @media (min-width: 416px) { .common-Header2 { font-size: 38px; line-height: 44px; } } @media (min-width: 880px) { .common-Header2 { font-size: 42px; line-height: 48px; } } .common-Header3 { font-size: 22px; line-height: 28px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header3:not(:last-child) { margin-bottom: 8px; } @media (min-width: 416px) { .common-Header3 { font-size: 25px; line-height: 32px; } .common-Header3:not(:last-child) { margin-bottom: 12px; } } @media (min-width: 880px) { .common-Header3 { font-size: 28px; line-height: 36px; } } .common-Header4 { font-size: 18px; line-height: 24px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header4:not(:last-child) { margin-bottom: 8px; } @media (min-width: 416px) { .common-Header4 { font-size: 20px; line-height: 28px; } .common-Header4:not(:last-child) { margin-bottom: 12px; } } @media (min-width: 880px) { .common-Header4 { font-size: 22px; line-height: 32px; } } .common-Header5 { font-size: 17px; line-height: 26px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #3A4554; color: #3A4554; color: var(--gray100); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Header5:not(:last-child) { margin-bottom: 8px; } @media (min-width: 880px) { .common-Header5 { font-size: 18px; line-height: 28px; } } .common-Body1 { font-size: 18px; line-height: 24px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Body1:not(:last-child) { margin-bottom: 16px; } @media (min-width: 416px) { .common-Body1 { font-size: 20px; line-height: 28px; } .common-Body1:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 880px) { .common-Body1 { font-size: 22px; line-height: 32px; } } .common-Body2 { font-size: 17px; line-height: 26px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #76879D; color: #76879D; color: var(--gray300); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Body2:not(:last-child) { margin-bottom: 16px; } @media (min-width: 880px) { .common-Body2 { font-size: 18px; line-height: 28px; } } .common-Body3 { font-size: 15px; line-height: 24px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); color: #93A3B7; color: #93A3B7; color: var(--gray400); max-width: 784px; max-width: 784px; max-width: var(--max-text-width) } .common-Body3:not(:last-child) { margin-bottom: 8px; } strong { font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); } .common-UnorderedList li { margin-left: 20px } .common-UnorderedList li:not(:last-child) { margin-bottom: 16px; } .common-OrderedList-Num li { list-style: decimal; margin-left: 20px } .common-OrderedList-Num li:not(:last-child) { margin-bottom: 16px; } .common-OrderedList-Alph li { list-style: lower-alpha; margin-left: 20px } .common-OrderedList-Alph li:not(:last-child) { margin-bottom: 16px; } .common-OrderedList-LowerRoman li { list-style: lower-roman; margin-left: 20px } .common-OrderedList-LowerRoman li:not(:last-child) { margin-bottom: 16px; } .common-Layout { position: relative; } .common-LayoutSpacer { display: none; } .common-Layout hr { margin: 60px auto; width: 200px; border: 1px solid #ADBBCC; border: 1px solid #ADBBCC; border: 1px solid var(--gray500); } .common-NewBadge { display: inline-block; background-color: #FCA919; background-color: #FCA919; background-color: var(--orange400); height: 22px; line-height: 24px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; padding: 0 8px; font-size: 13px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); text-align: center; text-transform: uppercase; } .common-Checklist { list-style-type: none; max-width: 784px; max-width: 784px; max-width: var(--max-text-width); } .common-Checklist li { position: relative; padding-left: 32px; } .common-Checklist li svg { position: absolute; top: 5px; left: 0; } .common-Checklist li svg polyline { stroke: currentColor; } .common-Checklist li:not(:last-child) { margin-bottom: 8px; } .common-ButtonGroup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-bottom: -24px; margin-right: -24px } .common-ButtonGroup > * { margin-bottom: 24px; margin-right: 24px; } .common-Button { --color: #38A5FF; --color: #38A5FF; --color: var(--blue400); --highlighted-color: #fff; display: inline-block; position: relative; max-width: 100%; padding-bottom: 4px; font-size: 18px; line-height: 24px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #38A5FF; color: var(--color); color: #38A5FF; color: var(--color); cursor: pointer; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation } .common-Button::before { content: ""; position: absolute; height: 100%; bottom: 0; left: 0; right: 0; background-color: #38A5FF; background-color: var(--color); background-color: #38A5FF; background-color: var(--color); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 0.25; -webkit-transform: scaleY(0.10714); -moz-transform: scaleY(0.10714); -ms-transform: scaleY(0.10714); transform: scaleY(0.10714); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition-property: opacity, left, right, -webkit-transform, -webkit-border-radius; transition-property: opacity, left, right, -webkit-transform, -webkit-border-radius; -moz-transition-property: transform, opacity, border-radius, left, right, -moz-transform, -moz-border-radius; transition-property: transform, opacity, border-radius, left, right; transition-property: transform, opacity, border-radius, left, right, -webkit-transform, -moz-transform, -webkit-border-radius, -moz-border-radius; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -moz-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); -webkit-transition-timing-function: var(--ease-out-quart); -moz-transition-timing-function: var(--ease-out-quart); transition-timing-function: var(--ease-out-quart); } .common-Button .label { display: inline-block; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; color: currentColor; -webkit-transition: color 0.15s cubic-bezier(.165, .84, .44, 1); -moz-transition: color 0.15s cubic-bezier(.165, .84, .44, 1); transition: color 0.15s cubic-bezier(.165, .84, .44, 1); transition: color 0.15s cubic-bezier(.165, .84, .44, 1); -webkit-transition: color 0.15s var(--ease-out-quart); -moz-transition: color 0.15s var(--ease-out-quart); transition: color 0.15s var(--ease-out-quart); } .common-Button .common-LinkArrow { will-change: transform; } .common-Button .common-LinkArrow path { stroke: #38A5FF; stroke: var(--color); stroke: #38A5FF; stroke: var(--color); -webkit-transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); -moz-transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); transition: stroke 0.15s cubic-bezier(.165, .84, .44, 1); -webkit-transition: stroke 0.15s var(--ease-out-quart); -moz-transition: stroke 0.15s var(--ease-out-quart); transition: stroke 0.15s var(--ease-out-quart); } .common-Button:hover { color: #fff; color: var(--highlighted-color); color: #fff; color: var(--highlighted-color); } .common-Button:active { color: #fff; color: var(--highlighted-color); color: #fff; color: var(--highlighted-color); } .common-Button:hover::before, .common-Button:active::before { -webkit-transform: scaleY(1.14286); -moz-transform: scaleY(1.14286); -ms-transform: scaleY(1.14286); transform: scaleY(1.14286); left: -8px; right: -8px; opacity: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .common-Button:hover .common-LinkArrow path { stroke: #fff; stroke: var(--highlighted-color); stroke: #fff; stroke: var(--highlighted-color); } .common-Button:active .common-LinkArrow path { stroke: #fff; stroke: var(--highlighted-color); stroke: #fff; stroke: var(--highlighted-color); } .common-Button[disabled], .common-Button.disabled { cursor: default; pointer-events: none; opacity: 0.5; } .common-Button.primary::before { opacity: 1; } .common-Button.overPurple { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } .common-Button.overBlue { --color: #fff; --highlighted-color: #38A5FF; --highlighted-color: var(--blue400); } .common-Button[type='submit'] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .common-Button[type='submit'] .label { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } .common-Button[type='submit'] .success { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } .common-Button[type='submit'] .success { position: absolute; top: 100%; right: 0; white-space: nowrap; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); opacity: 0; pointer-events: none; } .common-Button[type='submit'] .success svg { display: inline-block; margin-bottom: -2px; margin-right: 8px; } .common-Button[type='submit'] .success svg polyline { stroke: currentColor; } .common-Button[type='submit'].succeeded { cursor: default; pointer-events: none; } .common-Button[type='submit'].succeeded .label, .common-Button[type='submit'].succeeded::before { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .common-Button[type='submit'].succeeded .success { opacity: 1; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } form { --form-background-color: #fff; /* Required for hack to remove default yellow background color on autofilled inputs */ } .common-FormField { --error-red: #FF505C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-tap-highlight-color: transparent; } .common-FormField input { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; font-size: 18px; line-height: 28px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); background: none; color: #3A4554; color: #3A4554; color: var(--gray100); border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); overflow: hidden; text-overflow: ellipsis } .common-FormField textarea { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; font-size: 18px; line-height: 28px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); background: none; color: #3A4554; color: #3A4554; color: var(--gray100); border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); overflow: hidden; text-overflow: ellipsis } .common-FormField select { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; font-size: 18px; line-height: 28px; font-weight: 400; font-weight: 400; font-weight: var(--font-weight-normal); background: none; color: #3A4554; color: #3A4554; color: var(--gray100); border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); overflow: hidden; text-overflow: ellipsis } .common-FormField input::-webkit-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input::-moz-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input::-ms-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input::placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::-webkit-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::-moz-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::-ms-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField textarea::placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::-webkit-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::-moz-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::-ms-input-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField select::placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; opacity: 1; color: #C7D1DF; color: #C7D1DF; color: var(--gray600); } .common-FormField input:-webkit-autofill { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField input:-webkit-autofill:hover { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField input:-webkit-autofill:focus { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField textarea:-webkit-autofill { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField textarea:-webkit-autofill:hover { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField textarea:-webkit-autofill:focus { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField select:-webkit-autofill { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField select:-webkit-autofill:hover { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField select:-webkit-autofill:focus { border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: #3A4554; -webkit-text-fill-color: var(--gray100); -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; -webkit-box-shadow: undefined; -webkit-box-shadow: 0 0 0px 1000px var(--form-background-color) inset; } .common-FormField input:-webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField input:-webkit-autofill:hover + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField input:-webkit-autofill:focus + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField textarea:-webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField textarea:-webkit-autofill:hover + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField textarea:-webkit-autofill:focus + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField select:-webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField select:-webkit-autofill:hover + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField select:-webkit-autofill:focus + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } .common-FormField input:focus:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField input:active:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField textarea:focus:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField textarea:active:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField select:focus:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField select:active:not(:disabled) { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } .common-FormField input:focus:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField input:active:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField textarea:focus:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField textarea:active:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField select:focus:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField select:active:not(:disabled) + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } .common-FormField input.invalid { border-bottom-color: #FF505C; border-bottom-color: var(--error-red); border-bottom-color: #FF505C; border-bottom-color: var(--error-red); } .common-FormField textarea.invalid { border-bottom-color: #FF505C; border-bottom-color: var(--error-red); border-bottom-color: #FF505C; border-bottom-color: var(--error-red); } .common-FormField select.invalid { border-bottom-color: #FF505C; border-bottom-color: var(--error-red); border-bottom-color: #FF505C; border-bottom-color: var(--error-red); } .common-FormField input.invalid + label + .error, .common-FormField textarea.invalid + label + .error, .common-FormField select.invalid + label + .error { opacity: 1; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } .common-FormField input + label, .common-FormField textarea + label { cursor: text; } .common-FormField input[type='number'] { -moz-appearance: textfield } .common-FormField input[type='number']::-webkit-inner-spin-button, .common-FormField input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .common-FormField textarea { height: 30px; resize: vertical; } .common-FormField select { padding-right: 16px; background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/select-arrow.svg); -moz-background-size: 12px 7px; background-size: 12px 7px; background-repeat: no-repeat; background-position: right center; cursor: pointer; } .common-FormField label { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; font-size: 15px; line-height: 24px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #93A3B7; color: #93A3B7; color: var(--gray400); } .common-FormField .error { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; min-height: 21px; margin-top: -21px; font-size: 13px; line-height: 20px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); color: #FF505C; color: var(--error-red); color: #FF505C; color: var(--error-red); opacity: 0; -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); transform: translateY(16px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); -moz-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); -webkit-transition-timing-function: var(--ease-out-quart); -moz-transition-timing-function: var(--ease-out-quart); transition-timing-function: var(--ease-out-quart); } input[type='checkbox'] { display: none } input[type='checkbox'] + label svg.common-Checkbox { display: inline-block; margin-bottom: -4px; margin-right: 8px; } input[type='checkbox'] + label svg.common-Checkbox .common-Checkbox-border { -webkit-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -moz-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -webkit-transition: fill 0.25s var(--ease-in-out-cubic); -moz-transition: fill 0.25s var(--ease-in-out-cubic); transition: fill 0.25s var(--ease-in-out-cubic); } input[type='checkbox'] + label svg.common-Checkbox .common-Checkbox-fill { -webkit-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -moz-transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); transition: fill 0.25s cubic-bezier(.645, .045, .355, 1); -webkit-transition: fill 0.25s var(--ease-in-out-cubic); -moz-transition: fill 0.25s var(--ease-in-out-cubic); transition: fill 0.25s var(--ease-in-out-cubic); } input[type='checkbox'] + label svg.common-Checkbox .common-Checkbox-checkmark { stroke-dasharray: 17.225309371948242; stroke-dashoffset: 17.225309371948242; -webkit-transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); -moz-transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); transition: stroke-dashoffset 0.25s cubic-bezier(.645, .045, .355, 1); -webkit-transition: stroke-dashoffset 0.25s var(--ease-in-out-cubic); -moz-transition: stroke-dashoffset 0.25s var(--ease-in-out-cubic); transition: stroke-dashoffset 0.25s var(--ease-in-out-cubic); } input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-border, input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-fill { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; } input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-border { fill: #C7D1DF; fill: #C7D1DF; fill: var(--gray600); } input[type='checkbox'] + label:active svg.common-Checkbox .common-Checkbox-fill { fill: #E9EDF2; fill: #E9EDF2; fill: var(--gray800); } input[type='checkbox']:checked + label svg .common-Checkbox-border { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); } input[type='checkbox']:checked + label svg .common-Checkbox-fill { fill: #38A5FF; fill: #38A5FF; fill: var(--blue400); } input[type='checkbox']:checked + label svg .common-Checkbox-checkmark { stroke-dashoffset: 0; } input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-border, input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-fill { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; } input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-border { fill: #3293E3; fill: #3293E3; fill: var(--blue300); } input[type='checkbox']:checked + label:active svg.common-Checkbox .common-Checkbox-fill { fill: #3293E3; fill: #3293E3; fill: var(--blue300); } .common-RadioGroup { --gap: 32px; --color: #38A5FF; --color: var(--blue400); --uncheckedColor: #94CFFF; --uncheckedColor: var(--blue600); --activeColor: #2C83C9; --activeColor: var(--blue200); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .common-RadioGroup > * { margin-top: 16px; } .common-RadioGroup > *:not(:last-child) { margin-right: 32px; margin-right: var(--gap); margin-right: 32px; margin-right: var(--gap); } .common-RadioGroup input[type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-style: none; background: none; width: 18px; height: 18px; margin-bottom: -3px; margin-right: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 2px #94CFFF; -moz-box-shadow: inset 0 0 0 2px #94CFFF; box-shadow: inset 0 0 0 2px #94CFFF; -webkit-box-shadow: inset 0 0 0 2px var(--uncheckedColor); -moz-box-shadow: inset 0 0 0 2px var(--uncheckedColor); box-shadow: inset 0 0 0 2px var(--uncheckedColor); box-shadow: inset 0 0 0 2px #94CFFF; box-shadow: inset 0 0 0 2px var(--uncheckedColor); -webkit-transition: -webkit-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: -webkit-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); -moz-transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1), -moz-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1), -webkit-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1), -moz-box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); transition: box-shadow 0.25s cubic-bezier(.77, 0, .175, 1); -webkit-transition: -webkit-box-shadow 0.25s var(--ease-in-out-quart); transition: -webkit-box-shadow 0.25s var(--ease-in-out-quart); -moz-transition: box-shadow 0.25s var(--ease-in-out-quart), -moz-box-shadow 0.25s var(--ease-in-out-quart); transition: box-shadow 0.25s var(--ease-in-out-quart); transition: box-shadow 0.25s var(--ease-in-out-quart), -webkit-box-shadow 0.25s var(--ease-in-out-quart), -moz-box-shadow 0.25s var(--ease-in-out-quart); -webkit-tap-highlight-color: transparent; cursor: pointer; padding: 0; } .common-RadioGroup input[type='radio']:checked { -webkit-box-shadow: inset 0 0 0 6px #38A5FF; -moz-box-shadow: inset 0 0 0 6px #38A5FF; box-shadow: inset 0 0 0 6px #38A5FF; -webkit-box-shadow: inset 0 0 0 6px var(--color); -moz-box-shadow: inset 0 0 0 6px var(--color); box-shadow: inset 0 0 0 6px var(--color); box-shadow: inset 0 0 0 6px #38A5FF; box-shadow: inset 0 0 0 6px var(--color); } .common-RadioGroup input[type='radio']:active + label { color: #2C83C9; color: var(--activeColor); color: #2C83C9; color: var(--activeColor); } .common-RadioGroup input[type='radio'] + label { color: #38A5FF; color: var(--color); color: #38A5FF; color: var(--color); font-size: 18px; line-height: 28px; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); -webkit-tap-highlight-color: transparent; cursor: pointer; } .common-RadioGroup input[type='radio'] + label:active { color: #2C83C9; color: var(--activeColor); color: #2C83C9; color: var(--activeColor); } .common-ErrorContainer { display: none; padding: 8px 16px; border: 1px solid #FFF0BD; border: 1px solid #FFF0BD; border: 1px solid var(--orange900); background-color: #CF880E; background-color: #CF880E; background-color: var(--orange200); color: #FFF0BD; color: #FFF0BD; color: var(--orange900); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 15px; line-height: 20px } .common-ErrorContainer.visible { display: block; } .common-SuccessContainer { display: none; padding: 8px 16px; border: 1px solid #E3F6FF; border: 1px solid #E3F6FF; border: 1px solid var(--blue900); background-color: #2C83C9; background-color: #2C83C9; background-color: var(--blue200); color: #E3F6FF; color: #E3F6FF; color: var(--blue900); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 15px; line-height: 20px } .common-SuccessContainer.visible { display: block; } .common-SectionIntro { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { .common-SectionIntro { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .common-SectionIntro:not(:last-child) { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { .common-SectionIntro:not(:last-child) { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } .common-SectionIntro .common-ButtonGroup, .common-SectionIntro .common-RadioGroup { width: auto; } .common-Ratings { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; margin-top: 20px; margin-bottom: -24px; } @media (min-width: 416px) { .common-Ratings { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -64px; } } @media (min-width: 672px) { .common-Ratings { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .common-Ratings a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } @media (min-width: 416px) { .common-Ratings a { margin-right: 64px; } } .common-Ratings a:hover svg:not(.common-StarRating) path { fill: #76879D; fill: #76879D; fill: var(--gray300); } .common-Ratings a:active svg:not(.common-StarRating) path { fill: #76879D; fill: #76879D; fill: var(--gray300); } .common-Ratings a:hover .common-StarRating .fill { fill: #EB9B10; fill: #EB9B10; fill: var(--orange300); } .common-Ratings a:active .common-StarRating .fill { fill: #EB9B10; fill: #EB9B10; fill: var(--orange300); } .common-Ratings .common-StarRating { width: 28px; } .common-Ratings .common-StarRating .fill { fill: #FCA919; fill: #FCA919; fill: var(--orange400); } .common-Ratings .common-StarRating .empty { fill: #DCE3EC; fill: #DCE3EC; fill: var(--gray700); } .common-Ratings svg:not(.common-StarRating) { margin-right: 16px; } .common-Ratings svg:not(.common-StarRating) path { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); } .common-UserLogos { --logo-padding-x: 16px; --logo-padding-y: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -8px -16px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); margin: -8px -16px; margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { margin: -16px -32px; margin: -webkit-calc(var(--logo-padding-y)*-1) -webkit-calc(var(--logo-padding-x)*-1); margin: -moz-calc(var(--logo-padding-y)*-1) -moz-calc(var(--logo-padding-x)*-1); margin: calc(var(--logo-padding-y)*-1) calc(var(--logo-padding-x)*-1); } } @media (min-width: 416px) { .common-UserLogos { --logo-padding-x: 32px; --logo-padding-y: 16px; } } .common-UserLogos li { padding: 8px 16px; padding: var(--logo-padding-y) var(--logo-padding-x); padding: 8px 16px; padding: var(--logo-padding-y) var(--logo-padding-x); } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } @media (min-width: 416px) { .common-UserLogos li { padding: 16px 32px; padding: var(--logo-padding-y) var(--logo-padding-x); } } .common-UserLogos li.xs-viewport, .common-UserLogos li.sm-viewport, .common-UserLogos li.md-viewport, .common-UserLogos li.lg-viewport { display: none; } @media (min-width: 416px) { .common-UserLogos li.xs-viewport { display: list-item; } .common-UserLogos li.sm-viewport, .common-UserLogos li.md-viewport, .common-UserLogos li.lg-viewport { display: none; } } @media (min-width: 672px) { .common-UserLogos li.sm-viewport { display: list-item; } .common-UserLogos li.md-viewport, .common-UserLogos li.lg-viewport { display: none; } } @media (min-width: 880px) { .common-UserLogos li.md-viewport { display: list-item; } .common-UserLogos li.lg-viewport { display: none; } } @media (min-width: 1196px) { .common-UserLogos li.lg-viewport { display: list-item; } } .common-UserLogos svg { width: 136px; } @media (min-width: 464px) { .common-UserLogos svg { width: 160px; } } .common-UserLogos a:hover svg path { fill: #3A4554; fill: #3A4554; fill: var(--gray100); } .common-UserLogos svg path { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } .common-UserLogos svg polygon { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } .common-UserLogos svg rect { fill: #93A3B7; fill: #93A3B7; fill: var(--gray400); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } .common-PageControl { --color: #C7D1DF; --color: #C7D1DF; --color: var(--gray600); --highlighted-color: #3A4554; --highlighted-color: #3A4554; --highlighted-color: var(--gray100); --transition-duration: 0.35s; --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: var(--ease-in-out-quart); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; height: 32px; height: 32px; height: var(--layout-padding-y-sm); left: 0; bottom: 0; } @media (min-width: 416px) { .common-PageControl { height: 56px; height: var(--layout-padding-y-sm); } } @media (min-width: 880px) { .common-PageControl { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } .common-PageControl .page { position: relative; width: 24px; height: 100%; cursor: pointer; -webkit-tap-highlight-color: transparent; } .common-PageControl .page:active { opacity: 0.65; } .common-PageControl .page::before { content: ''; position: absolute; width: 100%; height: 3px; top: 50%; margin-top: -1px; background-color: #C7D1DF; background-color: var(--color); background-color: #C7D1DF; background-color: var(--color); -webkit-transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); -moz-transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.35s cubic-bezier(.77, 0, .175, 1); transition: background-color var(--transition-duration) var(--transition-timing-function); } .common-PageControl .page:not(:last-child) { margin-right: 4px; } .common-PageControl .page.current::before { background-color: #3A4554; background-color: var(--highlighted-color); background-color: #3A4554; background-color: var(--highlighted-color); } .common-UserCarousel { --controls-transition-duration: 0.2s; --controls-transition-timing-function: cubic-bezier(.23, 1, .32, 1); --controls-transition-timing-function: cubic-bezier(.23, 1, .32, 1); --controls-transition-timing-function: var(--ease-out-quint); --logo-max-width: 160px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 416px) { .common-UserCarousel { --logo-max-width: 240px; } } .common-UserCarousel:hover button.nav, .common-UserCarousel:hover .common-PageControl { opacity: 1; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; } .common-UserCarousel .common-LayoutCell { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } .common-UserCarousel .common-LayoutCellContent { padding: 64px 0; padding: 64px 0; padding: var(--layout-padding-y-lg) 0; } @media (min-width: 416px) { .common-UserCarousel .common-LayoutCellContent { padding: 112px 0; padding: var(--layout-padding-y-lg) 0; } } @media (min-width: 880px) { .common-UserCarousel .common-LayoutCellContent { padding: 32px 0; padding: 32px 0; padding: var(--layout-padding-y-sm) 0; } @media (min-width: 416px) { .common-UserCarousel .common-LayoutCellContent { padding: 56px 0; padding: var(--layout-padding-y-sm) 0; } } } .common-UserCarousel button.nav { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 24px; width: 24px; width: var(--layout-padding-x); height: 100%; top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-style: none; background: none; cursor: pointer; opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-duration: var(--controls-transition-duration); -moz-transition-duration: var(--controls-transition-duration); transition-duration: var(--controls-transition-duration); transition-duration: 0.2s; transition-duration: var(--controls-transition-duration); -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--controls-transition-timing-function); -moz-transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: var(--controls-transition-timing-function); -webkit-tap-highlight-color: transparent; z-index: 1; } @media (min-width: 416px) { .common-UserCarousel button.nav { width: 40px; width: var(--layout-padding-x); } } @media (min-width: 880px) { .common-UserCarousel button.nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .common-UserCarousel button.nav:active { opacity: 0.65; } .common-UserCarousel button.nav.previous { left: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .common-UserCarousel button.nav.next { right: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .common-UserCarousel button.nav svg polyline { stroke: #fff; } .common-UserCarousel .common-PageControl { --color: #68EEF7; --color: #68EEF7; --color: var(--teal600); --highlighted-color: #fff; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-duration: var(--controls-transition-duration); -moz-transition-duration: var(--controls-transition-duration); transition-duration: var(--controls-transition-duration); transition-duration: 0.2s; transition-duration: var(--controls-transition-duration); -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--controls-transition-timing-function); -moz-transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: var(--controls-transition-timing-function); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: var(--controls-transition-timing-function); } @media (min-width: 880px) { .common-UserCarousel .common-PageControl { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } .common-UserCarousel ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; list-style-type: none; margin-top: -16px; padding-bottom: 10px; padding-bottom: 10px; padding-bottom: var(--scrollbar-mask-height); overflow: hidden; -webkit-overflow-scrolling: touch; } .common-UserCarousel ul :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } @media (min-width: 416px) { .common-UserCarousel ul :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } .common-UserCarousel ul :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .common-UserCarousel ul::-webkit-scrollbar, .common-UserCarousel ul::-webkit-scrollbar-track, .common-UserCarousel ul::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } .common-UserCarousel ul { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { .common-UserCarousel ul { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } @media (min-width: 672px) { .common-UserCarousel ul { margin-top: 0; } } .common-UserCarousel ul li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 32px; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); scroll-snap-align: start; } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 880px) { .common-UserCarousel ul li { -ms-grid-columns: 160px auto; grid-template-columns: 160px auto; -ms-grid-columns: var(--logo-max-width) auto; grid-template-columns: var(--logo-max-width) auto; grid-template-columns: 160px auto; grid-template-columns: var(--logo-max-width) auto; grid-gap: 48px; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 44px; padding: 0 44px; padding: 0 -webkit-calc(var(--layout-padding-x) + 20px); padding: 0 -moz-calc(var(--layout-padding-x) + 20px); padding: 0 calc(var(--layout-padding-x) + 20px); } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 60px; padding: 0 -webkit-calc(var(--layout-padding-x) + 20px); padding: 0 -moz-calc(var(--layout-padding-x) + 20px); padding: 0 calc(var(--layout-padding-x) + 20px); } } @media (min-width: 416px) { .common-UserCarousel ul li { padding: 0 60px; padding: 0 -webkit-calc(var(--layout-padding-x) + 20px); padding: 0 -moz-calc(var(--layout-padding-x) + 20px); padding: 0 calc(var(--layout-padding-x) + 20px); } } @media (min-width: 416px) { .common-UserCarousel ul li { -ms-grid-columns: 240px auto; grid-template-columns: 240px auto; -ms-grid-columns: var(--logo-max-width) auto; grid-template-columns: var(--logo-max-width) auto; } } @media (min-width: 416px) { .common-UserCarousel ul li { -ms-grid-columns: 240px auto; grid-template-columns: 240px auto; -ms-grid-columns: var(--logo-max-width) auto; grid-template-columns: var(--logo-max-width) auto; } } } .common-UserCarousel ul h4 { position: relative; color: #fff; } .common-UserCarousel ul h4::before { content: ''; position: absolute; width: 51px; height: 44px; top: -20px; right: 0; background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon.svg); z-index: -1; } @media (min-width: 880px) { .common-UserCarousel ul h4::before { top: 0; } } .common-UserCarousel ul p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } .common-UserCarousel ul svg { -ms-grid-column-align: center; justify-self: center; width: 100%; max-width: 160px; max-width: var(--logo-max-width); max-width: 160px; max-width: var(--logo-max-width); } @media (min-width: 416px) { .common-UserCarousel ul svg { max-width: 240px; max-width: var(--logo-max-width); } } @media (min-width: 416px) { .common-UserCarousel ul svg { max-width: 240px; max-width: var(--logo-max-width); } } .common-UserCarousel ul svg path { fill: #fff; } .common-Table { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 1196px) { .common-Table { overflow: visible; } } .common-Table::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; } .common-Table .common-Layout {--common-Table: 656px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 656px; } .common-Table .common-Layout .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); text-align: center; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { position: -webkit-sticky; position: sticky; left: 0; text-align: left; border-right: 4px solid #fff; border-right: 4px solid #fff; border-right: var(--grid-gap) solid #fff; margin-right: -4px; margin-right: -4px; margin-right: -webkit-calc(var(--grid-gap)*-1); margin-right: -moz-calc(var(--grid-gap)*-1); margin-right: calc(var(--grid-gap)*-1); z-index: 1; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) .common-LayoutCellContent { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .common-Table .common-Layout .common-LayoutCell .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-top: 16px; padding-bottom: 16px; } .common-Table .common-Layout .common-LayoutCell .common-Checkmark polyline { stroke: #AA81F3; stroke: #AA81F3; stroke: var(--purple400); } .common-2ColumnLayout {--common-2ColumnLayout-2col: 796px; --row-gap: 48px; grid-gap: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .common-2ColumnLayout .common-LayoutCell:first-child .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: var(--row-gap); padding-bottom: 48px; padding-bottom: var(--row-gap); } @media (min-width: 796px) { .common-2ColumnLayout .common-LayoutCell:first-child .common-LayoutCellContent { padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { .common-2ColumnLayout .common-LayoutCell:first-child .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } } .common-2ColumnLayout .common-LayoutCell:last-child .common-LayoutCellContent { padding-top: 0; } @media (min-width: 796px) { .common-2ColumnLayout .common-LayoutCell:last-child .common-LayoutCellContent { padding-top: 64px; padding-top: 64px; padding-top: var(--layout-padding-y-lg); } @media (min-width: 416px) { .common-2ColumnLayout .common-LayoutCell:last-child .common-LayoutCellContent { padding-top: 112px; padding-top: var(--layout-padding-y-lg); } } } .common-SiteNav { position: relative; width: 100%; height: 80px; max-width: 1196px; max-width: 1196px; max-width: var(--content-width); margin: 0 auto -80px; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; } @media (min-width: 416px) { .common-SiteNav { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 416px) { .common-SiteNav { height: 96px; margin-bottom: -96px; } } .common-SiteNav .spacer { display: none; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 672px) { .common-SiteNav .spacer { display: block; } } .common-SiteNav #site-search { --color: #38A5FF; --color: var(--blue400); --highlighted-color: #fff; } .common-SiteNav #site-search input { height: 30px; padding: 8px 8px 8px 10px; width: 18px; margin-top: -2px; -webkit-appearance: none; -webkit-transition: all 0.2s cubic-bezier(.23, 1, .32, 1); -moz-transition: all 0.2s cubic-bezier(.23, 1, .32, 1); transition: all 0.2s cubic-bezier(.23, 1, .32, 1); border-top: none; border-left: none; border-right: none; border-bottom: 3px solid; border-color: #38A5FF; border-color: var(--color); border-color: #38A5FF; border-color: var(--color); opacity: 0.25; color: #38A5FF; color: var(--color); color: #38A5FF; color: var(--color); font-size: 18px; font-weight: 500 } .common-SiteNav #site-search input:focus { width: 200px; border-bottom: 3px solid; border-color: #38A5FF; border-color: var(--color); border-color: #38A5FF; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:hover { width: 200px; border-bottom: 3px solid; border-color: #38A5FF; border-color: var(--color); border-color: #38A5FF; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search input:active { width: 200px; border-bottom: 3px solid; border-color: #38A5FF; border-color: var(--color); border-color: #38A5FF; border-color: var(--color); opacity: 1; outline: 0; } .common-SiteNav #site-search svg { position: absolute; height: 18px; width: 18px; top: 4px; left: 0; z-index: -1; } .common-SiteNav #site-search svg path { fill: #38A5FF; fill: var(--color); fill: #38A5FF; fill: var(--color); } .common-SiteNav .home { --color: #3A4554; --color: #3A4554; --color: var(--gray100); --highlighted-color: #76879D; --highlighted-color: #76879D; --highlighted-color: var(--gray300); -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #3A4554; color: var(--color); color: #3A4554; color: var(--color); -webkit-tap-highlight-color: transparent; } .common-SiteNav .home:hover { color: #76879D; color: var(--highlighted-color); color: #76879D; color: var(--highlighted-color); } .common-SiteNav .home svg path { fill: currentColor; } .common-SiteNav .menu { --color: #93A3B7; --color: #93A3B7; --color: var(--gray400); position: relative; color: #93A3B7; color: var(--color); color: #93A3B7; color: var(--color); margin-left: 48px; } .common-SiteNav .menu:hover svg { opacity: 0; -webkit-transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); transform: scale(0.01); } .common-SiteNav .menu:hover .siteMenu { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } .common-SiteNav .menu svg { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } .common-SiteNav .menu svg path { fill: currentColor; } .common-SiteNav .siteMenu { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 32px; position: absolute; width: 100vw; max-width: -webkit-calc(100vw - 48px); max-width: -moz-calc(100vw - 48px); max-width: calc(100vw - 48px); max-width: calc(100vw - 48px); max-width: -webkit-calc(100vw - var(--layout-padding-x)*2); max-width: -moz-calc(100vw - var(--layout-padding-x)*2); max-width: calc(100vw - var(--layout-padding-x)*2); top: 0; right: 0; padding: 24px; background-color: #76879D; background-color: #76879D; background-color: var(--gray300); -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 1; opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: -webkit-calc(100% - 16px) 16px; -moz-transform-origin: -moz-calc(100% - 16px) 16px; -ms-transform-origin: calc(100% - 16px) 16px; transform-origin: calc(100% - 16px) 16px; pointer-events: none; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } @media (min-width: 416px) { .common-SiteNav .siteMenu { max-width: -webkit-calc(100vw - 80px); max-width: -moz-calc(100vw - 80px); max-width: calc(100vw - 80px); max-width: -webkit-calc(100vw - var(--layout-padding-x)*2); max-width: -moz-calc(100vw - var(--layout-padding-x)*2); max-width: calc(100vw - var(--layout-padding-x)*2); } } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .common-SiteNav .siteMenu { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(58,69,84,0.65); } } @media (min-width: 480px) { .common-SiteNav .siteMenu { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 48px; width: auto; } } @media (min-width: 672px) { .common-SiteNav .siteMenu { left: 0; right: auto; padding: 24px 32px; -webkit-transform-origin: 16px 16px; -moz-transform-origin: 16px 16px; -ms-transform-origin: 16px 16px; transform-origin: 16px 16px; } } .common-SiteNav .siteMenu ul { list-style-type: none; margin-bottom: 0; } .common-SiteNav .siteMenu ul li { white-space: nowrap } .common-SiteNav .siteMenu ul li:not(:last-child) { margin-bottom: 8px; } .common-SiteNav .siteMenu ul li:first-child { color: #fff; margin-bottom: 16px; } .common-SiteNav .siteMenu ul a { color: #DCE3EC; color: #DCE3EC; color: var(--gray700); } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .common-SiteNav .siteMenu ul a { color: rgba(255,255,255,0.7); } } .common-SiteNav .siteMenu ul a:hover { color: #fff; } @media (min-width: 672px) { .common-SiteNav a.dashboard { display: none; } } .common-SiteNav .common-ButtonGroup.heroButtons { display:block; position: relative; width: 200px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; } @media (max-width: 671px) { .common-SiteNav .common-ButtonGroup.heroButtons { display: none; } } .common-SiteNav .common-Button.dashboard { display: none; } @media (min-width: 672px) { .common-SiteNav .common-Button.dashboard { display: block; } } .common-SiteFooter { --background-color: transparent; margin-top: 4px; margin-top: 4px; margin-top: var(--grid-gap); } .common-SiteFooter .common-Layout.ctas { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap) } .common-SiteFooter .common-Layout.ctas.singleCTA { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 672px) { .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCellContent { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.signup { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.signup .common-Header3 { color: #3293E3; color: #3293E3; color: var(--blue300); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.signup p { color: #38A5FF; color: #38A5FF; color: var(--blue400); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell.subscribe { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 24px 48px; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } } .common-SiteFooter .common-Layout.ctas .common-Header3 { margin-bottom: 4px; } .common-SiteFooter .common-Layout.ctas .common-ButtonGroup { width: auto; } .common-SiteFooter .common-Layout.ctas form#subscribe { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-gap: 24px; max-width: 400px; } .common-SiteFooter .common-Layout.ctas form#subscribe input { line-height: 26px; } .common-SiteFooter .common-Layout.ctas form#subscribe label { display: none; } .common-SiteFooter .common-Layout.sitemap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full { background-color: transparent; background-color: var(--background-color); background-color: transparent; background-color: var(--background-color); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .global { width: 100%; } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .global { width: auto; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .home { display: block; margin: -3px 0 15px; color: #76879D; color: #76879D; color: var(--gray300); -webkit-tap-highlight-color: transparent; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .home:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .home svg path { fill: currentColor; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .legal { margin-bottom: 16px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full .heart { color: #AA81F3; font-size: 20px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul { list-style-type: none; margin-top: 48px; min-width: -webkit-calc(50% - 24px); min-width: -moz-calc(50% - 24px); min-width: calc(50% - 24px); } @media (min-width: 672px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul { min-width: 0; } } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul { margin-top: 0; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul li { line-height: 20px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul li:not(:last-child) { margin-bottom: 8px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul li:first-child { color: #76879D; color: #76879D; color: var(--gray300); margin-bottom: 16px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul a { color: #93A3B7; color: #93A3B7; color: var(--gray400); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.full ul a:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact { background-color: transparent; background-color: var(--background-color); background-color: transparent; background-color: var(--background-color); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 1196px; max-width: 1196px; max-width: var(--content-width); margin: 0 auto; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .common-LayoutCellContent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 12px; margin-right: 32px; color: #76879D; color: #76879D; color: var(--gray300); -webkit-tap-highlight-color: transparent; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home { margin-bottom: 0; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .home svg path { fill: currentColor; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .legal .common-Body3 { margin: 0; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .spacer { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 24px; } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact .spacer { height: 0; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style-type: none; margin-bottom: 24px !important; } @media (min-width: 880px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0 !important; margin-right: 32px; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul li:not(:last-child) { margin-right: 32px; } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul a { color: #93A3B7; color: #93A3B7; color: var(--gray400); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell.compact ul a:hover { color: #3A4554; color: #3A4554; color: var(--gray100); } #blog-posts.common-Layout { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #blog-posts.common-Layout:before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; right: 100%; padding-left: -webkit-calc((100vw - 1200px)/2/2); padding-left: -moz-calc((100vw - 1200px)/2/2); padding-left: calc((100vw - 1200px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #blog-posts.common-Layout:after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; left: 100%; top: 0; padding-right: -webkit-calc((100vw - 1200px)/2/2); padding-right: -moz-calc((100vw - 1200px)/2/2); padding-right: calc((100vw - 1200px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } #blog-posts .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { #blog-posts .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } #blog-posts .common-SectionIntro .common-LayoutCell { overflow: visible; } #blog-posts #latest-posts { position: relative; min-height: 200px; background-color: #ffffff; z-index: 90; --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } #blog-posts #latest-posts .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function); border-top: 4px solid #ffffff } #blog-posts #latest-posts .common-LayoutCell:hover { background-color: #E9EDF2; background-color: #E9EDF2; background-color: var(--gray800); } #blog-posts #latest-posts .common-LayoutCell:hover .common-Header3 { color: #5C6D82; color: #5C6D82; color: var(--gray200); } #blog-posts #latest-posts .common-LayoutCell:hover .common-Body2 { color: #76879D; color: #76879D; color: var(--gray300); } #blog-posts #latest-posts .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { #blog-posts #latest-posts .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { #blog-posts #latest-posts .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } #blog-posts #latest-posts .common-Header3 { color: #76879D; color: #76879D; color: var(--gray300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } #blog-posts #latest-posts .common-Body2 { color: #93A3B7; color: #93A3B7; color: var(--gray400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } #blog-posts #latest-posts .post-image { -moz-background-size: cover; background-size: cover; background-position: 50% 50%; height: 200px; width:100%; margin-bottom: 24px; } #blog-posts #latest-posts .loading { position: absolute; display: block; top: 50%; left: 50%; height: 48px; width: 48px; margin-left: -24px; margin-top: -24px; text-align: center; } body.careers .common-SiteNav .home { --color: #fff; --highlighted-color: rgba(255,255,255,0.65); } @media (min-width: 796px) { body.careers .common-SiteNav .home { --color: #3A4554; --color: var(--gray100); --highlighted-color: #76879D; --highlighted-color: var(--gray300); } } body.careers .common-SiteNav .menu { --color: #fff; } @media (min-width: 796px) { body.careers .common-SiteNav .menu { --color: #93A3B7; --color: var(--gray400); } } body.careers .common-SiteNav .dashboard { --color: #fff; --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } body.careers #hero {--careers-hero-2col: 796px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 796px) { body.careers #hero .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.careers #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } @media (min-width: 416px) { body.careers #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.careers #hero .intro { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 796px) { body.careers #hero .intro { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } body.careers #hero .intro .common-LayoutCellContent { padding-top: 32px; padding-top: 32px; padding-top: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.careers #hero .intro .common-LayoutCellContent { padding-top: 56px; padding-top: var(--layout-padding-y-sm); } } @media (min-width: 796px) { body.careers #hero .intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.careers #hero .intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.careers #hero .photo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 66vw; background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo1.jpg); -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 796px) { body.careers #hero .photo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: auto; } } body.careers #photos {--careers-photos-4col: 1148px;--careers-photos-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.careers #photos .common-LayoutCell { height: 66vw; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 572px) { body.careers #photos .common-LayoutCell { height: 33vw; } } @media (min-width: 1148px) { body.careers #photos .common-LayoutCell { height: 296px; } } body.careers #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo2.jpg); } body.careers #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo3.jpg); } body.careers #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo4.jpg); } body.careers #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo5.jpg); } body.careers .position h3 { max-width: 93%; } body.careers .position .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.careers .position h2 { margin-bottom: 16px; } body.careers .position .common-ButtonGroup { position: absolute; width: auto; right: 0px; margin-top: -84px; } @media (max-width: 1196px) { body.careers .position .common-ButtonGroup { right:40px; } } @media (max-width: 400px) { body.careers .position .common-ButtonGroup { position: relative; margin: -10px 0 0 0; right: 0px; } } body.careers .position ul + h3 { margin-top: 32px; } body.company .common-SiteNav .home { --color: #fff; --highlighted-color: rgba(255,255,255,0.65); } body.company .common-SiteNav .menu { --color: #fff; } body.company .common-SiteNav .dashboard { --color: #fff; --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } body.company #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #hero .common-LayoutCell { background-color: #12171C; background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/hero.jpg); -moz-background-size: auto 100%; background-size: auto 100%; background-position: -webkit-calc(100% + 50px) center; background-position: -moz-calc(100% + 50px) center; background-position: calc(100% + 50px) center; background-repeat: no-repeat; } @media (min-width: 1056px) { body.company #hero .common-LayoutCell { background-position: -webkit-calc(75% + 128px) center; background-position: -moz-calc(75% + 128px) center; background-position: calc(75% + 128px) center; } } body.company #hero .common-LayoutCell::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); opacity: 0.5; } @media (min-width: 1056px) { body.company #hero .common-LayoutCell::before { display: none; } } body.company #hero .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.company #hero .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.company #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 672px) { body.company #hero .common-LayoutCellContent { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1056px) { body.company #hero .common-LayoutCellContent { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 640px; } } body.company #hero .common-LayoutCellContent .common-Header1 { color: #fff; } @media (min-width: 672px) { body.company #hero .common-LayoutCellContent .common-Header1 { text-align: center; } } @media (min-width: 1056px) { body.company #hero .common-LayoutCellContent .common-Header1 { text-align: left; width: -webkit-calc(100% - 640px); width: -moz-calc(100% - 640px); width: calc(100% - 640px); } } body.company #photos {--leadership-photos-6col: 1016px;--leadership-photos-4col: 676px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #photos .common-LayoutCell { height: 44vw; -moz-background-size: 130%; background-size: 130%; background-position: center 30%; background-repeat: no-repeat; } @media (min-width: 676px) { body.company #photos .common-LayoutCell { height: 22vw; } } @media (min-width: 1196px) { body.company #photos .common-LayoutCell { height: 200px; } } body.company #photos .common-Header6 { color: white; margin-bottom: 0; font-weight: 600; font-size: 13px; } body.company #photos .common-Body6 { color: white; margin-bottom: 0; font-weight: 300; font-size: 12px; } body.company #photos .common-LayoutCell { filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 !important; padding: 0 !important; overflow: visible; } body.company #photos .common-LayoutCell .details { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 65px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%); color: #ffffff; text-align: center; width: 100%; padding-top: 10px; } body.company #photos .common-LayoutCell:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -moz-background-size: 140%; background-size: 140%; } body.company #photos .common-LayoutCell:hover .details { opacity: 1; } body.company #photos .common-LayoutCell:nth-of-type(6n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.company #photos .common-LayoutCell:nth-of-type(6n + 6):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.company #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/dhruv-bhoot.jpg); } body.company #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/ryan-booth.jpg); } body.company #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/ben-bradshaw.jpg); } body.company #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/dylan-campbell.jpg); } body.company #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/mikel-cármenes-cavia.jpg); } body.company #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/john-close.jpg); } body.company #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/jonathan-darwish.jpg); } body.company #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/robert-fierro.jpg); } body.company #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/juan-manuel-flaherty.jpg); } body.company #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/robbie-freethy.jpg); } body.company #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/xingchen-hong.jpg); } body.company #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/joe-kennedy.jpg); } body.company #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/harini-kondamudi.jpg); } body.company #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/james-li.jpg); } body.company #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/elissa-malmquist.jpg); } body.company #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/justin-miller.jpg); } body.company #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/darío-javier-mouzo.jpg); } body.company #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/mariana-muniz.jpg); } body.company #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/khaled-naim.jpg); } body.company #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/madhav-narayan.jpg); } body.company #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/michal-polivka.jpg); } body.company #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/chris-rumble.jpg); } body.company #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/alex-sjoman.jpg); } body.company #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/peter-stajger.jpg); } body.company #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/david-swift.jpg); } body.company #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/liz-hawkins-tahawi.jpg); } body.company #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/andrew-travis.jpg); } body.company #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/david-vetrano.jpg); } body.company #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/parker-ward.jpg); } body.company #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/dave-yoha.jpg); } body.company #metrics {--company-metrics-4col: 1148px;--company-metrics-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #metrics .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); } @media (min-width: 1148px) { body.company #metrics .common-LayoutCell { min-height: 296px; } } body.company #metrics .common-LayoutCell .common-LayoutCellContent { text-align: center; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.company #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.company #metrics .common-LayoutCell .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.company #metrics .common-LayoutCell .common-Header2 { margin-bottom: 4px; color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.company #metrics .common-LayoutCell .common-Body1 { color: #E6B105; color: #E6B105; color: var(--yellow300); } body.company #links { --transition-duration: 0.1s; --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: cubic-bezier(.455, .03, .515, .955); --transition-timing-function: var(--ease-in-out-quad); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #links .common-LayoutCell { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color var(--transition-duration) var(--transition-timing-function); -moz-transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color var(--transition-duration) var(--transition-timing-function); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color var(--transition-duration) var(--transition-timing-function) } body.company #links .common-LayoutCell:hover { background-color: #CCEEFF; background-color: #CCEEFF; background-color: var(--blue800); } body.company #links .common-LayoutCell:hover .common-Header3 { color: #2C83C9; color: #2C83C9; color: var(--blue200); } body.company #links .common-LayoutCell:hover .common-Body2 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.company #links .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.company #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.company #links .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } body.company #links .common-Header3 { margin-bottom: 4px; color: #3293E3; color: #3293E3; color: var(--blue300); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.company #links .common-Body2 { color: #38A5FF; color: #38A5FF; color: var(--blue400); -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color var(--transition-duration) var(--transition-timing-function); -moz-transition: color var(--transition-duration) var(--transition-timing-function); transition: color var(--transition-duration) var(--transition-timing-function); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color var(--transition-duration) var(--transition-timing-function); } body.company #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.company #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.company #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.company #location .common-LayoutCellContent { padding-right: 112px; } body.company #location .content { max-width: 500px; } body.company #location .common-Header2 { color: #fff; } body.company #location .common-Header4 { color: #fff; margin-bottom: 0; } body.company #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.contact #hero {--contact-hero-2col: 956px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 956px) { body.contact #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.contact #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.contact #hero #intro { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.contact #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 0 } body.contact #hero #intro .common-LayoutCellContent > *:not(img) { z-index: 1; } body.contact #hero #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 32px; margin-bottom: -32px; margin-left: -310px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } body.contact #hero #intro h1 { margin-bottom: 24px; } body.contact #hero #intro .common-Body1 { display: none; max-width: none; } @media (min-width: 956px) { body.contact #hero #intro .common-Body1 { display: inline; } } body.contact #hero #intro .common-ButtonGroup { --gap: 48px; } body.contact #hero #intro .common-ButtonGroup a { margin-bottom: 8px; } body.contact #hero #contact-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.contact #hero #contact-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { body.contact #hero #contact-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.contact #hero #contact-form form .fullWidth { grid-column: 1 / -1; } body.contact #hero #contact-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.contact #location { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.contact #location .common-LayoutCell { background-color: #212A36; background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/map.jpg); -moz-background-size: 1100px 640px; background-size: 1100px 640px; background-position: -webkit-calc(50% + 100px) -webkit-calc(100% + 200px); background-position: -moz-calc(50% + 100px) -moz-calc(100% + 200px); background-position: calc(50% + 100px) calc(100% + 200px); background-repeat: no-repeat; } @media (min-width: 672px) { body.contact #location .common-LayoutCell { background-position: -webkit-calc(50% + 200px) center; background-position: -moz-calc(50% + 200px) center; background-position: calc(50% + 200px) center; } } body.contact #location .common-LayoutCellContent { padding-right: 112px; } body.contact #location .content { max-width: 500px; } body.contact #location .common-Header2 { color: #fff; } body.contact #location .common-Header4 { color: #fff; margin-bottom: 0; } body.contact #location .common-Body2 { color: #ADBBCC; color: #ADBBCC; color: var(--gray500); } body.customers #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.customers #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.customers #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.customers #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.customers #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.customers #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.customers #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.customers #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.customers #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.customers #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.customers #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.customers #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.customers #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.customers #hero #intro .main .common-ButtonGroup { width: auto; } body.customers section.grid {--customers-grid-4col: 1036px;--customers-grid-2col: 516px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.customers section.grid:nth-child(4n+2) .common-LayoutCell.featured { --background-color: #AA81F3; --background-color: var(--purple400); } body.customers section.grid:nth-child(4n+2) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon-purple.svg); } body.customers section.grid:nth-child(4n+2) .common-LayoutCell.featured p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.customers section.grid:nth-child(4n+3) .common-LayoutCell.featured { --background-color: #EB9B10; --background-color: var(--orange300); } body.customers section.grid:nth-child(4n+3) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon-yellow.svg); } body.customers section.grid:nth-child(4n+3) .common-LayoutCell.featured p { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.customers section.grid:nth-child(4n+4) .common-LayoutCell.featured { --background-color: #5C6D82; --background-color: var(--gray200); } body.customers section.grid:nth-child(4n+4) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon-gray.svg); } body.customers section.grid:nth-child(4n+4) .common-LayoutCell.featured p { color: #E9EDF2; color: #E9EDF2; color: var(--gray800); } body.customers section.grid:nth-child(4n+5) .common-LayoutCell.featured { --background-color: #3DCAD4; --background-color: var(--teal400); } body.customers section.grid:nth-child(4n+5) .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon.svg); } body.customers section.grid:nth-child(4n+5) .common-LayoutCell.featured p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.customers section.grid .common-LayoutCell.logo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); height: 100%; } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-height: -webkit-calc((100vw - 12px)/4); min-height: -moz-calc((100vw - 12px)/4); min-height: calc((100vw - 12px)/4); min-height: calc((100vw - 12px)/4); min-height: -webkit-calc((100vw - var(--grid-gap)*3)/4); min-height: -moz-calc((100vw - var(--grid-gap)*3)/4); min-height: calc((100vw - var(--grid-gap)*3)/4); } } @media (min-width: 1196px) { body.customers section.grid .common-LayoutCell.logo { min-height: 296px; min-height: 296px; min-height: -webkit-calc((var(--lg-viewport) - var(--grid-gap)*3)/4); min-height: -moz-calc((var(--lg-viewport) - var(--grid-gap)*3)/4); min-height: calc((var(--lg-viewport) - var(--grid-gap)*3)/4); } } body.customers section.grid .common-LayoutCell.logo .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 24px; padding: 24px; padding: var(--layout-padding-x); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.logo .common-LayoutCellContent { padding: 40px; padding: var(--layout-padding-x); } } body.customers section.grid .common-LayoutCell.logo svg { width: 100%; max-width: 208px; } body.customers section.grid .common-LayoutCell.logo svg path { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.customers section.grid .common-LayoutCell.featured { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; background-color: undefined; background-color: var(--background-color); background-color: undefined; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } body.customers section.grid .common-LayoutCell.featured { background-color: #3DCAD4; background-color: var(--background-color); } @media (min-width: 516px) { body.customers section.grid .common-LayoutCell.featured { grid-column: 1 / -1 !important; } } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.featured { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; } body.customers section.grid .common-LayoutCell.featured:first-child { -ms-grid-column: 1 !important; -ms-grid-column-span: 2 !important; grid-column: 1 / 3 !important; } body.customers section.grid .common-LayoutCell.featured:nth-child(4) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-column: 3 !important; -ms-grid-column-span: 2 !important; grid-column: 3 / 5 !important; } } body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 672px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 64px 24px; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } } body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 208px; margin-bottom: 48px; } @media (min-width: 672px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: 208px; margin-bottom: 0; margin-right: 48px; } } @media (min-width: 1036px) { body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: auto; margin-bottom: 48px; margin-right: 0; } } body.customers section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg path { fill: #fff; } body.customers section.grid .common-LayoutCell.featured h3 { color: #fff; } body.customers section.grid .common-LayoutCell.featured .quote { position: relative; color: #fff; z-index: 1; } body.customers section.grid .common-LayoutCell.featured .quote::before { content: ''; position: absolute; width: 51px; height: 44px; top: 0; right: 0; z-index: -1; } body.customers section.grid .common-LayoutCell.featured .common-Button { --color: #fff; --highlighted-color: var(--background-color); --highlighted-color: var(--background-color); } body.features #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.features #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.features #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.features #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.features #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.features #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.features #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.features #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.features #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.features #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.features #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.features #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.features #hero #intro .main .common-ButtonGroup { width: auto; } body.features img { width: 100%; vertical-align: top; } body.features section.desktop[data-selected-feature='0'] .screenshotContainer picture:nth-child(1), body.features section.mobile[data-selected-feature='0'] .screenshotContainer picture:nth-child(1) { opacity: 1; } body.features section.desktop[data-selected-feature='1'] .screenshotContainer picture:nth-child(2), body.features section.mobile[data-selected-feature='1'] .screenshotContainer picture:nth-child(2) { opacity: 1; } body.features section.desktop[data-selected-feature='2'] .screenshotContainer picture:nth-child(3), body.features section.mobile[data-selected-feature='2'] .screenshotContainer picture:nth-child(3) { opacity: 1; } body.features section.desktop[data-selected-feature='3'] .screenshotContainer picture:nth-child(4), body.features section.mobile[data-selected-feature='3'] .screenshotContainer picture:nth-child(4) { opacity: 1; } body.features section.desktop .common-Layout.intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features section.mobile .common-Layout.intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features section.desktop .common-Layout.intro .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.features section.desktop .common-Layout.intro .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.features section.mobile .common-Layout.intro .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.features section.mobile .common-Layout.intro .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.features section.desktop .screenshotContainer, body.features section.mobile .screenshotContainer { height: 100vw; -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); } @media (min-width: 672px) { body.features section.desktop .screenshotContainer, body.features section.mobile .screenshotContainer { height: auto; } } body.features section.desktop .screenshotContainer picture { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } body.features section.mobile .screenshotContainer picture { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } body.features section.desktop .screenshotContainer picture:not(:first-child), body.features section.mobile .screenshotContainer picture:not(:first-child) { position: absolute; width: 100%; height: auto; top: 0; left: 0; } body.features section.desktop .common-LayoutCell.feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color 0.1s var(--ease-in-out-quad); -moz-transition: background-color 0.1s var(--ease-in-out-quad); transition: background-color 0.1s var(--ease-in-out-quad); } body.features section.mobile .common-LayoutCell.feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-tap-highlight-color: transparent; -webkit-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); transition: background-color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: background-color 0.1s var(--ease-in-out-quad); -moz-transition: background-color 0.1s var(--ease-in-out-quad); transition: background-color 0.1s var(--ease-in-out-quad); } body.features section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.features section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.features section.desktop .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.features section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.features section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.features section.mobile .common-LayoutCell.feature .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.features section.desktop .common-LayoutCell.feature .common-Header3 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.desktop .common-LayoutCell.feature .common-Body2 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.mobile .common-LayoutCell.feature .common-Header3 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.mobile .common-LayoutCell.feature .common-Body2 { -webkit-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); transition: color 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: color 0.1s var(--ease-in-out-quad); -moz-transition: color 0.1s var(--ease-in-out-quad); transition: color 0.1s var(--ease-in-out-quad); } body.features section.desktop .featureList, body.features section.mobile .featureList { position: relative; } body.features section.desktop .featureList .common-PageControl { bottom: 10px; bottom: 10px; bottom: var(--scrollbar-mask-height); } body.features section.mobile .featureList .common-PageControl { bottom: 10px; bottom: 10px; bottom: var(--scrollbar-mask-height); } body.features section.desktop .screenshot { margin-bottom: 4px; margin-bottom: 4px; margin-bottom: var(--grid-gap); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features section.desktop .screenshot .common-LayoutCell { overflow: visible; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.features section.desktop .screenshot .common-LayoutCellContent { padding: 0; background-color: #3A4554; background-color: #3A4554; background-color: var(--gray100); z-index: 1; } @media (min-width: 672px) { body.features section.desktop .common-PageControl { display: none; } } @media (min-width: 672px) { body.features section.desktop .common-LayoutCell.feature { cursor: pointer; } body.features section.desktop .common-LayoutCell.feature:hover { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.features section.desktop .common-LayoutCell.feature.selected { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.features section.desktop .common-LayoutCell.feature.selected .common-Header3 { color: #fff; } body.features section.desktop .common-LayoutCell.feature.selected .common-Body2 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } } body.features section.desktop .common-Layout.features[data-feature-count='2'] {--features-desktop-2col: 892px;--features-desktop-1col: 672px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 672px; } @media (max-width: 671px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: (100vw)[2] !important; grid-template-columns: repeat(2, 100vw) !important; min-width: 0; } } body.features section.desktop .common-Layout.features[data-feature-count='3'] {--features-desktop-3col: 896px;--features-desktop-1col: 672px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 672px; } @media (max-width: 671px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: (100vw)[3] !important; grid-template-columns: repeat(3, 100vw) !important; min-width: 0; } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features { width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } body.features section.desktop .common-Layout.features :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } } @media (max-width: 671px) and (min-width: 416px) { body.features section.desktop .common-Layout.features :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } body.features section.desktop .common-Layout.features::-webkit-scrollbar, body.features section.desktop .common-Layout.features::-webkit-scrollbar-track, body.features section.desktop .common-Layout.features::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } body.features section.desktop .common-Layout.features { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { body.features section.desktop .common-Layout.features { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } } body.features section.desktop .common-Layout.features .common-LayoutCell { scroll-snap-align: start; overflow: visible; } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCell { grid-column: auto / auto !important; } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) and (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) and (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 671px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.desktop .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } } @media (min-width: 708px) { body.features section.mobile .mobileScreenshot { display: none; } } body.features section.mobile .mobileScreenshot .common-LayoutCell { z-index: 1; } @media (min-width: 708px) { body.features section.mobile .common-PageControl { display: none; } } @media (min-width: 708px) { body.features section.mobile .common-LayoutCell.feature { cursor: pointer; } body.features section.mobile .common-LayoutCell.feature:hover { background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.features section.mobile .common-LayoutCell.feature.selected { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.features section.mobile .common-LayoutCell.feature.selected .common-Header3 { color: #fff; } body.features section.mobile .common-LayoutCell.feature.selected .common-Body2 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } } body.features section.mobile .common-Layout.features {--features-mobile-3col: 1016px;--features-mobile-2col: 708px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 708px; } @media (max-width: 707px) { body.features section.mobile .common-Layout.features { width: 100%; min-width: 0; -ms-grid-columns: (100vw)[4] !important; grid-template-columns: repeat(4, 100vw) !important; overflow: hidden; -webkit-overflow-scrolling: touch; } body.features section.mobile .common-Layout.features :root { --xs-viewport: 416px; --sm-viewport: 672px; --md-viewport: 880px; --lg-viewport: 1196px; --gray100: #3A4554; --gray200: #5C6D82; --gray300: #76879D; --gray400: #93A3B7; --gray500: #ADBBCC; --gray600: #C7D1DF; --gray700: #DCE3EC; --gray800: #E9EDF2; --gray850: #EDF1F5; --gray900: #F5F7FA; --orange100: #AB710C; --orange200: #CF880E; --orange300: #EB9B10; --orange400: #FCA919; --orange500: #FFB73B; --orange600: #FFC852; --orange700: #FFD970; --orange800: #FFE796; --orange900: #FFF0BD; --yellow100: #A37500; --yellow200: #C79500; --yellow300: #E6B105; --yellow400: #F5C800; --yellow500: #FFD724; --yellow600: #FFE159; --yellow700: #FFE987; --yellow800: #FFF0AB; --yellow900: #FFF7D4; --teal100: #238087; --teal200: #2CA2AB; --teal300: #32B8C2; --teal400: #3DCAD4; --teal500: #55DCE6; --teal600: #68EEF7; --teal700: #90F5FC; --teal800: #BAFAFF; --teal900: #DEFDFF; --blue100: #256DA8; --blue200: #2C83C9; --blue300: #3293E3; --blue400: #38A5FF; --blue500: #6BBCFF; --blue600: #94CFFF; --blue700: #B0E5FF; --blue800: #CCEEFF; --blue900: #E3F6FF; --purple100: #7249BA; --purple200: #875BD4; --purple300: #9B68F2; --purple400: #AA81F3; --purple500: #BC99F7; --purple600: #CDB0FF; --purple700: #DDC9FF; --purple800: #EADEFF; --purple900: #F5F0FF; --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(.6, .04, .98, .335); --ease-out-quad: cubic-bezier(.25, .46, .45, .94); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-out-quart: cubic-bezier(.165, .84, .44, 1); --ease-out-quint: cubic-bezier(.23, 1, .32, 1); --ease-out-expo: cubic-bezier(.19, 1, .22, 1); --ease-out-circ: cubic-bezier(.075, .82, .165, 1); --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); --content-width: 1196px; --max-text-width: 784px; --grid-gap: 4px; --scrollbar-mask-height: 10px; --layout-padding-x: 24px; --layout-padding-y-xs: 24px; --layout-padding-y-sm: 32px; --layout-padding-y-md: 48px; --layout-padding-y-lg: 64px; --layout-padding-y-site-nav: 128px; --layout-padding-xs: 24px 24px; --layout-padding-xs: var(--layout-padding-y-xs) var(--layout-padding-x); --layout-padding-sm: 32px 24px; --layout-padding-sm: var(--layout-padding-y-sm) var(--layout-padding-x); --layout-padding-md: 48px 24px; --layout-padding-md: var(--layout-padding-y-md) var(--layout-padding-x); --layout-padding-lg: 64px 24px; --layout-padding-lg: var(--layout-padding-y-lg) var(--layout-padding-x); } } @media (max-width: 707px) and (min-width: 416px) { body.features section.mobile .common-Layout.features :root { --layout-padding-x: 40px; --layout-padding-y-xs: 40px; --layout-padding-y-sm: 56px; --layout-padding-y-md: 80px; --layout-padding-y-lg: 112px; --layout-padding-y-site-nav: 160px; } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features :root { --clipping-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } body.features section.mobile .common-Layout.features::-webkit-scrollbar, body.features section.mobile .common-Layout.features::-webkit-scrollbar-track, body.features section.mobile .common-Layout.features::-webkit-scrollbar-thumb { background-color: transparent; width: 0; height: 0; } body.features section.mobile .common-Layout.features { -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); mask-image: linear-gradient(to top, transparent 10px, black 10px); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black)); mask-image: linear-gradient(to top, transparent var(--scrollbar-mask-height), black var(--scrollbar-mask-height)); margin-bottom: -10px; margin-bottom: -10px; margin-bottom: -webkit-calc(var(--scrollbar-mask-height)*-1); margin-bottom: -moz-calc(var(--scrollbar-mask-height)*-1); margin-bottom: calc(var(--scrollbar-mask-height)*-1); } @supports ((-webkit-scroll-snap-type: mandatory) or (-ms-scroll-snap-type: mandatory) or (scroll-snap-type: mandatory)) { body.features section.mobile .common-Layout.features { overflow: auto; -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } } } body.features section.mobile .common-Layout.features .common-LayoutCell { scroll-snap-align: start; overflow: visible; } @media (min-width: 708px) { body.features section.mobile .common-Layout.features .common-LayoutCell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell { grid-column: auto / auto !important; } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) and (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) and (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 90px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } @media (min-width: 416px) { body.features section.mobile .common-Layout.features .common-LayoutCellContent { padding-bottom: 66px; padding-bottom: -webkit-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: -moz-calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); padding-bottom: calc(var(--layout-padding-y-sm) + var(--scrollbar-mask-height) + 24px); } } } body.features section.mobile .common-Layout.features .desktopScreenshot { display: none; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); z-index: 1; } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .desktopScreenshot { background-color: #F5F7FA; background-color: var(--gray900); } } body.features section.mobile .common-Layout.features .desktopScreenshot .screenshotContainer { position: -webkit-sticky; position: sticky; top: 0; } @media (min-width: 708px) { body.features section.mobile .common-Layout.features .desktopScreenshot { display: block; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1 / 5; } body.features section.mobile .common-Layout.features .feature1 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } body.features section.mobile .common-Layout.features .feature2 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } body.features section.mobile .common-Layout.features .feature3 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; -ms-grid-column: 1 !important; -ms-grid-column-span: 1 !important; grid-column: 1 / 2 !important; } body.features section.mobile .common-Layout.features .feature4 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4 / 5; -ms-grid-column: 1 !important; -ms-grid-column-span: 1 !important; grid-column: 1 / 2 !important; } } @media (min-width: 1016px) { body.features section.mobile .common-Layout.features .desktopScreenshot { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; overflow: visible; } body.features section.mobile .common-Layout.features .feature { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; grid-row: auto / auto; grid-column: auto / auto !important; } } body.features #integrations {--features-integrations-2col: 836px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.features #integrations .illustration { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 836px) { body.features #integrations .illustration { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: visible; } } body.features #integrations .illustration img { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 300vw; max-width: 1362px; margin-top: 48px; margin-top: 48px; margin-top: var(--layout-padding-y-md); } @media (min-width: 416px) { body.features #integrations .illustration img { margin-top: 80px; margin-top: var(--layout-padding-y-md); } } @media (min-width: 836px) { body.features #integrations .illustration img { width: 1362px; margin-right: -350px; } } body.features #integrations .copy { margin-top: -96px; margin-top: -96px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } @media (min-width: 416px) { body.features #integrations .copy { margin-top: -168px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } } @media (min-width: 836px) { body.features #integrations .copy { margin-top: 0; } } body.landingPage .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.landingPage .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 946px) { body.landingPage .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.landingPage #hero {--freetrial-hero-2col: 946px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 946px) { body.landingPage #hero { grid-auto-rows: -webkit-min-content -webkit-max-content; grid-auto-rows: min-content max-content; } } @media (min-width: 946px) { body.landingPage #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.landingPage #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.landingPage #hero #intro { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.landingPage #hero #intro.grey { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPage #hero #intro.grey .common-Header2 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.landingPage #hero #intro.grey .common-Body2 { color: #76879D; color: #76879D; color: var(--gray300); } body.landingPage #hero #intro.grey ul svg polyline { stroke: #83D238; } body.landingPage #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.landingPage #hero #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200vw; max-width: 1362px; margin-top: 0px; margin-left: -306px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } @media (min-width: 946px) { body.landingPage #hero #intro img { width: 300%; margin-top: -32px; margin-left: -460px; } } body.landingPage #hero #intro .common-Header2 { color: #fff; } body.landingPage #hero #intro ul { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPage #hero #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPage #hero #intro ul svg polyline, body.landingPage #hero #intro p svg polyline { stroke: #fff; } body.landingPage #hero #signup-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPage #hero #signup-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { body.landingPage #hero #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.landingPage #hero #signup-form form .fullWidth { grid-column: 1 / -1; } body.landingPage #hero #signup-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.landingPage #hero #signup-form form button[type='submit'] .adjuster { margin-left: -8px; } body.landingPage .common-Ratings div { margin-right: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } body.landingPage #features > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPage #features > .featureGrid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPage #features > .featureGrid .feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature .common-LayoutCellContent { padding: 64px; padding: 64px; padding: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.landingPage #features > .featureGrid .feature .common-LayoutCellContent { padding: 112px; padding: var(--layout-padding-y-lg); } } } body.landingPage #features > .featureGrid .feature .common-LayoutCellContent > *:not(img) { z-index: 1; } body.landingPage #features > .featureGrid .feature img.right { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); left: 100%; } @media (min-width: 672px) { body.landingPage #features > .featureGrid .feature img.right { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature img.right { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); } } body.landingPage #features > .featureGrid .feature img.left { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); right: 100%; } @media (min-width: 672px) { body.landingPage #features > .featureGrid .feature img.left { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature img.left { position: absolute; top: 50%; margin-top: -180px; right: 50%; margin-left: -240px; -webkit-transform: translate(25%); -moz-transform: translate(25%); -ms-transform: translate(25%); transform: translate(25%); } } body.landingPage #features > .featureGrid .feature .main.right { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature .main.right { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.landingPage #features > .featureGrid .feature .main.left { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPage #features > .featureGrid .feature .main.left { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; left: 60%; } } body.landingPage #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPage #customers .common-Ratings { margin-top: 0; margin-bottom: 50px; } @media (max-width: 672px) { body.landingPage #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.landingPage #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.landingPage #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.landingPage #customers .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.landingPage #customers .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.landingPage #customers .common-LayoutCellContent.logos { padding-top: 0; } body.learn-more #learnMore {--pricing-plansOverview-4col: 1148px;--pricing-plansOverview-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.learn-more #learnMore .topic .common-LayoutCellContent { height: 100%; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.learn-more #learnMore .topic .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.learn-more #learnMore .topic .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.learn-more #learnMore .topic a { display: block; text-align: center; } body.learn-more #learnMore .topic svg { height: 40px; width: 40px; margin:0 auto; margin-bottom: 20px; } body.learn-more #learnMore .topic .common-Header2 { color: #fff; margin-bottom: 0; } body.learn-more #learnMore .topic .common-Header3 { color: #fff; vertical-align: top; } body.learn-more #learnMore .topic .common-Header4 { color: #fff; } body.learn-more #learnMore .topic .common-Header5 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.learn-more #learnMore .topic .common-Body2 { color: #fff; margin-top: 12px; } body.learn-more #learnMore .topic .common-Body3 { margin-bottom: 0; } body.learn-more #learnMore .topic.platform { background-color: #E6B105; background-color: #E6B105; background-color: var(--yellow300); } body.learn-more #learnMore .topic.platform .common-Body3 { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.learn-more #learnMore .topic.about { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.learn-more #learnMore .topic.about .common-Body3 { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.learn-more #learnMore .topic.customers { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.learn-more #learnMore .topic.customers .common-Body3 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } body.learn-more #learnMore .topic.blog { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.learn-more #learnMore .topic.blog .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.learn-more form#subscribeWithName, body.learn-more form#referAFriend{ --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 24px; max-width: 600px; } body.learn-more form#subscribeWithName .common-FormField input, body.learn-more form#referAFriend .common-FormField input { background-color: none; } body.learn-more form#subscribeWithName input, body.learn-more form#referAFriend input { line-height: 26px; } body.learn-more form#subscribeWithName label, body.learn-more form#referAFriend label { display: none; } body.learn-more form#subscribeWithName .common-Button, body.learn-more form#referAFriend .common-Button { -ms-grid-column-align: end; justify-self: end; } body.learn-more .common-SiteFooter { margin-top: 0px; } body.login .common-Button.dashboard { display: none; } body.login #login { margin:0 auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.login #login .login-logo { --color: #AA81F3; --color: var(--purple400) } body.login #login .login-logo svg { margin: 0 0 32px 0; width: 60px; height: 30px; fill: #AA81F3; fill: #AA81F3; fill: var(--purple400); } body.login #login #login-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 200px 0 100px; max-width: 500px; padding: 0px; } @media (max-width: 600px) { body.login #login #login-form { margin: 50px 0 0 0; } } body.login #login #login-form .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } @media (max-width: 375px) { body.login #login #login-form .common-LayoutCellContent { padding: 50px 20px; } } @media (min-width: 880px) { body.login #login #login-form .common-LayoutCellContent { padding: 0; } } body.login #login #login-form h3 { margin-bottom: 0; } @media (min-width: 510px) { body.login #login #login-form h3 { margin-bottom: 4px; } } body.login #login #login-form .common-Body3.centered { text-align: center; } body.login #login #login-form .form-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -24px; margin-left: -24px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); margin-right: -24px; margin-right: -24px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } @media (min-width: 416px) { body.login #login #login-form .form-container { -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 40px, black -webkit-calc(100% - 40px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } } @media (min-width: 416px) { body.login #login #login-form .form-container { margin-right: -40px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); } } @media (min-width: 416px) { body.login #login #login-form .form-container { margin-left: -40px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); } } @media (min-width: 510px) { body.login #login #login-form .form-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 375px) { body.login #login #login-form .form-container { -webkit-mask-image: none; } } @media (max-width: 375px) { body.login #login #login-form .form-container #personal { padding: 0 20px; } } body.login #login #login-form form { --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-gap: 32px 40px; width: 100%; margin-bottom: 32px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); } @media (min-width: 416px) { body.login #login #login-form form { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 510px) { body.login #login #login-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: undefined; -moz-transition-duration: undefined; transition-duration: undefined; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: undefined; transition-duration: var(--transition-duration); -webkit-transition-timing-function: undefined; -moz-transition-timing-function: undefined; transition-timing-function: undefined; -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: undefined; transition-timing-function: var(--transition-timing-function); } } @media (max-width: 360px) { body.login #login #login-form form { grid-gap: 32px 10px; /* grid-template-columns: minmax(0, 1fr); */ } } body.login #login #login-form form .fullWidth { grid-column: 1 / -1; } body.login #login #login-form form input[type='submit'] { position: absolute; visibility: hidden; pointer-events: none; } body.login #login #login-form h4 { color: #AA81F3; color: #AA81F3; color: var(--purple400); margin: 32px 0 -16px; } body.login #login #login-form .password { text-align: right; } body.login #login #login-form nav { display: block; } body.login #login #login-form nav button { cursor: pointer; float: right; margin-right: 10px } body.login #login #login-form nav button.back { pointer-events: none; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: undefined; -moz-transition-duration: undefined; transition-duration: undefined; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: undefined; transition-duration: var(--transition-duration); -webkit-transition-timing-function: undefined; -moz-transition-timing-function: undefined; transition-timing-function: undefined; -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: undefined; transition-timing-function: var(--transition-timing-function); } body.login #login #login-form nav button.back.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.login #login #agreeToTerms + label + .error { color: #FF505C; font-size: 13px; font-weight: 500; padding-top: 4px; margin-left: 32px; } body.index .aside-overview { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index .aside-overview .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 48px; } @media (min-width: 880px) { body.index .aside-overview .common-LayoutCellContent { -ms-grid-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-template-columns: minmax(-webkit-min-content, 2fr) minmax(-webkit-min-content, 7fr); grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-gap: 80px; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } body.index .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-width: 0; } @media (min-width: 672px) { body.index .aside-overview .common-LayoutCellContent > *:first-child { -ms-grid-column-align: center; justify-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } @media (min-width: 880px) { body.index .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-column-align: end; justify-self: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } } body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; } @media (min-width: 672px) { body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-align-self: start; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.index .aside-overview .common-LayoutCellContent > *:nth-child(2) .common-ButtonGroup { width: auto; } body.index .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: home-hero-2col) { body.index .common-SiteNav .home { --color: #3A4554; --color: var(--gray100); --highlighted-color: #76879D; --highlighted-color: var(--gray300); } } body.index .common-SiteNav .menu { --color: #fff; } @media (min-width: home-hero-2col) { body.index .common-SiteNav .menu { --color: #93A3B7; --color: var(--gray400); } } body.index .common-SiteNav .dashboard { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } body.index #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #hero #intro { background-color: #AC7AF7; } body.index #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.index #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.index #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.index #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.index #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.index #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -160px; position: absolute; opacity: 0; } @media (min-width: 672px) { body.index #hero #intro img { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 0.5; } } @media (min-width: 880px) { body.index #hero #intro img { position: absolute; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; } } @media (min-width: 1196px) { body.index #hero #intro img { position: absolute; right: -webkit-calc((1196px - 100vw)/2); right: -moz-calc((1196px - 100vw)/2); right: calc((1196px - 100vw)/2); -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } body.index #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.index #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.index #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.index #hero #intro h1 { color: #fff; } body.index #hero #intro .common-Body1 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.index #hero #intro .common-ButtonGroup { width: auto; } body.index #hero #intro .common-ButtonGroup.heroButtons { margin-top: 24px; } body.index #hero #intro .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } body.index #hero #updates { background-color: #FFF7D4; background-color: #FFF7D4; background-color: var(--yellow900); text-align: center; color: #CF880E; color: #CF880E; color: var(--orange200); -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); -moz-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transition-timing-function: var(--ease-in-out-quad); -moz-transition-timing-function: var(--ease-in-out-quad); transition-timing-function: var(--ease-in-out-quad); } @media (min-width: home-hero-2col) { body.index #hero #updates { text-align: left; } } body.index #hero #updates:hover { color: #AB710C; color: #AB710C; color: var(--orange100); background-color: #FFF0AB; background-color: #FFF0AB; background-color: var(--yellow800); } body.index #hero #updates .common-LayoutCellContent { display: inline-block; padding-top: 16px; padding-bottom: 16px; padding-left: 0; padding-right: 0; color: inherit; } body.index #hero #updates .common-NewBadge { margin-right: 12px; line-height: 22px; } body.index #hero #updates .common-Body2 { max-width: 100%; } body.index #overview .stats { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.index #overview .stats li:not(:last-child) { margin-bottom: 24px; margin-right: 48px; } @media (min-width: 880px) { body.index #overview .stats li:not(:last-child) { margin-right: 0; } } body.index #overview .stats .common-Header2 { margin-bottom: 0; color: #3DCAD4; color: #3DCAD4; color: var(--teal400); } body.index #industries {--leadership-photos-8col: 1196px;--leadership-photos-4col: 596px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #industries .common-LayoutCell { height: 10vw; display: none; } body.index #industries .common-LayoutCell .industry-icon { -moz-background-size: 100%; background-size: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } body.index #industries .common-LayoutCell .details { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; height: 85px; position: absolute; bottom: 0; color: #3A4554; color: #3A4554; color: var(--gray100); text-align: center; width: 100%; padding-top: 10px; } @media (min-width: 672px) { body.index #industries .common-LayoutCell { display: block; } } @media (min-width: 676px) { body.index #industries .common-LayoutCell { height: 130px; -moz-background-size: 50%; background-size: 50%; display: block; } body.index #industries .common-LayoutCell .industry-icon:hover { -moz-background-size: 70%; background-size: 70%; opacity: .15; } } @media (min-width: 1196px) { body.index #industries .common-LayoutCell { display: block; -moz-background-size: 100%; background-size: 100%; } body.index #industries .common-LayoutCell .industry-icon:hover { background-color: #E9EDF2; background-color: #E9EDF2; background-color: var(--gray800); -moz-background-size: 110%; background-size: 110%; opacity: .15; } } body.index #industries .common-LayoutCell { margin: 0 !important; padding: 0 !important; overflow: visible; } body.index #industries .common-LayoutCell:nth-of-type(8n + 1):before { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-right: 4px; right: 100%; padding-left: -webkit-calc((100vw - 1204px)/2/2); padding-left: -moz-calc((100vw - 1204px)/2/2); padding-left: calc((100vw - 1204px)/2/2); margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.index #industries .common-LayoutCell:nth-of-type(8n + 8):after { content: ''; position: absolute; display: block; width: -webkit-calc((100vw - 1204px)/2/2); width: -moz-calc((100vw - 1204px)/2/2); width: calc((100vw - 1204px)/2/2); height: 100%; margin-left: 4px; left: 100%; padding-right: -webkit-calc((100vw - 1204px)/2/2); padding-right: -moz-calc((100vw - 1204px)/2/2); padding-right: calc((100vw - 1204px)/2/2); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.index #industries .common-LayoutCell:nth-child(1) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-grocery.png); } body.index #industries .common-LayoutCell:nth-child(2) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-pharmacy.png); } body.index #industries .common-LayoutCell:nth-child(3) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-restaurant.png); } body.index #industries .common-LayoutCell:nth-child(4) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-cannabis.png); } body.index #industries .common-LayoutCell:nth-child(5) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-courier.png); } body.index #industries .common-LayoutCell:nth-child(6) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-prepared-meals.png); } body.index #industries .common-LayoutCell:nth-child(7) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-beverages.png); } body.index #industries .common-LayoutCell:nth-child(8) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-retail-ecommerce.png); } body.index #features > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #features > .featureGrid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #features > .featureGrid .feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 880px) { body.index #features > .featureGrid .feature .common-LayoutCellContent { padding: 64px; padding: 64px; padding: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.index #features > .featureGrid .feature .common-LayoutCellContent { padding: 112px; padding: var(--layout-padding-y-lg); } } } body.index #features > .featureGrid .feature .common-LayoutCellContent > *:not(img) { z-index: 1; } body.index #features > .featureGrid .feature img.right { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); left: 100%; } @media (min-width: 672px) { body.index #features > .featureGrid .feature img.right { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.index #features > .featureGrid .feature img.right { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); } } body.index #features > .featureGrid .feature img.left { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); right: 100%; } @media (min-width: 672px) { body.index #features > .featureGrid .feature img.left { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.index #features > .featureGrid .feature img.left { position: absolute; top: 50%; margin-top: -180px; right: 50%; margin-left: -240px; -webkit-transform: translate(25%); -moz-transform: translate(25%); -ms-transform: translate(25%); transform: translate(25%); } } body.index #features > .featureGrid .feature .main.right { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.index #features > .featureGrid .feature .main.right { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.index #features > .featureGrid .feature .main.left { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.index #features > .featureGrid .feature .main.left { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; left: 60%; } } body.index #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.index #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } @media (max-width: 672px) { body.index #customers .common-Ratings { -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } } body.index #customers .common-Ratings a:first-child svg:first-child { width: 80px; } body.index #customers .common-Ratings a:nth-child(2) svg:first-child { width: 120px; } body.index #customers .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.index #customers .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.index #customers .common-LayoutCellContent.logos { padding-top: 0; } body.partners #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.partners #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.partners #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.partners #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.partners #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.partners #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.partners #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.partners #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.partners #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.partners #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.partners #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.partners #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.partners #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.partners #hero #intro .main .common-ButtonGroup { width: auto; } body.partners .aside-overview { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.partners .aside-overview .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 48px; } @media (min-width: 880px) { body.partners .aside-overview .common-LayoutCellContent { -ms-grid-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-template-columns: minmax(-webkit-min-content, 2fr) minmax(-webkit-min-content, 7fr); grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 7fr); grid-gap: 80px; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } body.partners .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-width: 0; } @media (min-width: 672px) { body.partners .aside-overview .common-LayoutCellContent > *:first-child { -ms-grid-column-align: center; justify-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } @media (min-width: 880px) { body.partners .aside-overview .common-LayoutCellContent > *:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-column-align: end; justify-self: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } } body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; } @media (min-width: 672px) { body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-align-self: start; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.partners .aside-overview .common-LayoutCellContent > *:nth-child(2) .common-ButtonGroup { width: auto; } body.partners #overview .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.partners #overview .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } body.partners #overview .common-ButtonGroup { display: block; } body.partners #overview form { padding-top: 32px; padding-top: 32px; padding-top: var(--layout-padding-y-sm); --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, fr); grid-template-columns: minmax(0, fr); grid-gap: 32px 40px; text-align: left; } @media (min-width: 416px) { body.partners #overview form { padding-top: 56px; padding-top: var(--layout-padding-y-sm); } } @media (min-width: 510px) { body.partners #overview form { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } } body.partners #overview form .fullWidth { grid-column: 1 / -1; } body.partners #overview form label[for=certified] { margin-top: 16px; margin-bottom: 0; cursor: pointer; } body.partners #overview form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.partners #overview form button[type='submit'] .success.email svg { margin-bottom: -14px; } body.partners #overview form button[type='submit'] .adjuster { margin-left: -8px; } body.partners section.grid .grid-item { height: 300px; float: left; border: 2px solid #fff } body.partners section.grid .grid-item.certified:before { content:'CERTIFIED'; text-align: center; width: 120px; padding: 8px; position: absolute; text-align: center; color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); top: 16px; font-size: 14px; font-weight: 600; right: -34px; } body.partners section.grid .grid-sizer, body.partners section.grid .grid-item { width: 24.99%; } @media (max-width: 888px) { body.partners section.grid .grid-sizer, body.partners section.grid .grid-item { width: 32.99%; } } @media (max-width: 678px) { body.partners section.grid .grid-sizer, body.partners section.grid .grid-item { width: 49.99%; } } body.partners section.grid .grid-item--width2 { width: 49.99%; height: 600px; } @media (max-width: 888px) { body.partners section.grid .grid-item--width2 { width: 65.99%; } } @media (max-width: 678px) { body.partners section.grid .grid-item--width2 { width: 99.99%; } } body.partners section.grid .common-LayoutCell.featured { --background-color: #AA81F3; --background-color: var(--purple400); } body.partners section.grid .common-LayoutCell.featured h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon-purple.svg); } body.partners section.grid .common-LayoutCell.featured p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.partners section.grid .common-LayoutCell.featured.certified:before { content:'CERTIFIED'; text-align: center; width: 120px; padding: 8px; position: absolute; text-align: center; color: #AA81F3; color: #AA81F3; color: var(--purple400); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; top: 16px; font-size: 14px; font-weight: 600; right: -34px; } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { --background-color: #EB9B10; --background-color: var(--orange300); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon-yellow.svg); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) p { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { --background-color: #5C6D82; --background-color: var(--gray200); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon-gray.svg); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) p { color: #E9EDF2; color: #E9EDF2; color: var(--gray800); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { --background-color: #3DCAD4; --background-color: var(--teal400); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) h4::before { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/common/user-quote-icon.svg); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) p { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.partners section.grid .common-LayoutCell.logo { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-filter: brightness(100%); filter: brightness(100%); } body.partners section.grid .common-LayoutCell.logo:hover { -webkit-filter: brightness(92%); filter: brightness(92%); } body.partners section.grid .common-LayoutCell.logo .common-LayoutCellContent { width: 100%; height: 100%; padding: 24px; padding: 24px; padding: var(--layout-padding-x); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.logo .common-LayoutCellContent { padding: 40px; padding: var(--layout-padding-x); } } body.partners section.grid .common-LayoutCell.logo svg { width: 100%; max-width: 208px; margin: 0 auto; display: block; } body.partners section.grid .common-LayoutCell.logo svg path { fill: #5C6D82; fill: #5C6D82; fill: var(--gray200); } body.partners section.grid .common-LayoutCell.featured { background-color: #AA81F3; background-color: var(--background-color); background-color: #AA81F3; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+5) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+4) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured:nth-child(4n+3) { background-color: #3DCAD4; background-color: var(--background-color); } body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { height: 100%; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 672px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } } @media (min-width: 1036px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } } body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 208px; margin-bottom: 48px; } @media (min-width: 672px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: 208px; margin-bottom: 0; margin-right: 48px; } } @media (min-width: 1036px) { body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg { width: auto; margin-bottom: 48px; margin-right: 0; } } body.partners section.grid .common-LayoutCell.featured .common-LayoutCellContent > svg path { fill: #fff; } body.partners section.grid .common-LayoutCell.featured h3 { color: #fff; } body.partners section.grid .common-LayoutCell.featured .quote { position: relative; color: #fff; z-index: 1; } body.partners section.grid .common-LayoutCell.featured .quote::before { content: ''; position: absolute; width: 51px; height: 44px; top: 0; right: 0; z-index: -1; } body.partners section.grid .common-LayoutCell.featured .common-Button { --color: #fff; --highlighted-color: var(--background-color); --highlighted-color: var(--background-color); } body.partners #becomePartner { --background-color: transparent; margin-top: -1px; } body.partners #becomePartner .common-Layout.ctas { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap) } body.partners #becomePartner .common-Layout.ctas.singleCTA { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 672px) { body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCellContent { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.signup { background-color: #E3F6FF; background-color: #E3F6FF; background-color: var(--blue900); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.signup .common-Header3 { color: #3293E3; color: #3293E3; color: var(--blue300); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.signup p { color: #38A5FF; color: #38A5FF; color: var(--blue400); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell.subscribe { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.partners #becomePartner .common-LayoutCellContent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 24px 48px; padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 24px 24px; padding: 24px 24px; padding: var(--layout-padding-xs); } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } @media (min-width: 416px) { body.partners #becomePartner .common-LayoutCellContent { padding: 24px 24px; padding: var(--layout-padding-xs); } } } body.partners #becomePartner .common-Header3 { margin-bottom: 4px; } body.partners #becomePartner .common-ButtonGroup { width: auto; } body.partners #becomePartner form#subscribe { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-gap: 24px; max-width: 400px; } body.partners #becomePartner form#subscribe input { line-height: 26px; } body.partners #becomePartner form#subscribe label { display: none; } body.partners #customers .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.partners #customers .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.partners #customers .common-LayoutCellContent.logos { padding-top: 0; } body.partners #customers .common-Ratings { margin-top: 0; margin-bottom: 0; } body.partners #integrations {--features-integrations-2col: 836px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.partners #integrations .illustration { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 836px) { body.partners #integrations .illustration { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: visible; } } body.partners #integrations .illustration img { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 300vw; max-width: 1362px; margin-top: 48px; margin-top: 48px; margin-top: var(--layout-padding-y-md); } @media (min-width: 416px) { body.partners #integrations .illustration img { margin-top: 80px; margin-top: var(--layout-padding-y-md); } } @media (min-width: 836px) { body.partners #integrations .illustration img { width: 1362px; margin-right: -350px; } } body.partners #integrations .copy { margin-top: -96px; margin-top: -96px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } @media (min-width: 416px) { body.partners #integrations .copy { margin-top: -168px; margin-top: -webkit-calc(var(--layout-padding-y-lg)*-1.5); margin-top: -moz-calc(var(--layout-padding-y-lg)*-1.5); margin-top: calc(var(--layout-padding-y-lg)*-1.5); } } @media (min-width: 836px) { body.partners #integrations .copy { margin-top: 0; } } @media all and (max-width: 768px) { body.partners .masonry__container .masonry__item { margin-left: 2%; width: 96%; } } body.press #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.press #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.press #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.press #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.press #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.press #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.press #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.press #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.press #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.press #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.press #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.press #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.press #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.press #hero #intro .common-ButtonGroup { width: auto; } body.press #articles {--press-articles-2col: 796px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.press #articles .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.press #articles .common-LayoutCell .common-LayoutCellContent { padding: 48px 24px; padding: 48px 24px; padding: var(--layout-padding-md); } @media (min-width: 416px) { body.press #articles .common-LayoutCell .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } @media (min-width: 416px) { body.press #articles .common-LayoutCell .common-LayoutCellContent { padding: 48px 24px; padding: var(--layout-padding-md); } } body.press #articles svg { width: auto; height: 56px; margin-bottom: 48px; } body.press #articles svg path { fill: #76879D; fill: #76879D; fill: var(--gray300); } body.press #articles svg path { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press #articles svg polygon { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press #articles svg rect { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.press #articles svg circle { fill: #76879D; fill: #76879D; fill: var(--gray300); -webkit-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -moz-transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); transition: fill 0.1s cubic-bezier(.455, .03, .515, .955); -webkit-transition: fill 0.1s var(--ease-in-out-quad); -moz-transition: fill 0.1s var(--ease-in-out-quad); transition: fill 0.1s var(--ease-in-out-quad); } body.pricing { overflow-x: visible; } body.pricing #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #hero .common-layoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.pricing #hero .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.pricing #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } @media (min-width: 416px) { body.pricing #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } body.pricing #plansOverview {--pricing-plansOverview-4col: 1148px;--pricing-plansOverview-2col: 572px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #plansOverview .plan .common-LayoutCellContent { height: 100%; padding: 32px 24px; padding: 32px 24px; padding: var(--layout-padding-sm); } @media (min-width: 416px) { body.pricing #plansOverview .plan .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .common-LayoutCellContent { padding: 32px 24px; padding: var(--layout-padding-sm); } } body.pricing #plansOverview .plan .common-LayoutCellContent img { max-width: 100%; } body.pricing #plansOverview .plan .common-LayoutCellContent .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); } body.pricing #plansOverview .plan .common-Header2 { color: #fff; margin-bottom: 0; } body.pricing #plansOverview .plan .common-Header3 { color: #fff; vertical-align: top; } body.pricing #plansOverview .plan .common-Header4 { color: #fff; } body.pricing #plansOverview .plan .common-Header5 { color: #3A4554; color: #3A4554; color: var(--gray100); } body.pricing #plansOverview .plan .common-Body2 { color: #fff; margin-top: 12px; } body.pricing #plansOverview .plan .common-Body3 { margin-bottom: 0; } body.pricing #plansOverview .plan .mostPopular { margin: 32px -24px -32px; margin: 32px -24px -32px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); padding: 12px 24px; padding: 12px 24px; padding: 12px var(--layout-padding-x); color: #fff !important; font-weight: 500; font-weight: 500; font-weight: var(--font-weight-medium); } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { padding: 12px 40px; padding: 12px var(--layout-padding-x); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } @media (min-width: 416px) { body.pricing #plansOverview .plan .mostPopular { margin: 56px -40px -56px; margin: var(--layout-padding-y-sm) -webkit-calc(var(--layout-padding-x)*-1) -webkit-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) -moz-calc(var(--layout-padding-x)*-1) -moz-calc(var(--layout-padding-y-sm)*-1); margin: var(--layout-padding-y-sm) calc(var(--layout-padding-x)*-1) calc(var(--layout-padding-y-sm)*-1); } } body.pricing #plansOverview .plan .mostPopular svg { display: inline-block; margin-bottom: -3px; margin-right: 8px; fill: #ffffff; } body.pricing #plansOverview .plan.starter { background: -webkit-gradient(linear, left bottom, left top, from(#E6B105), color-stop(%, rgba(255, 215, 36, 0.52157))); background: -webkit-linear-gradient(bottom, #E6B105, rgba(255, 215, 36, 0.52157)%); background: -moz-linear-gradient(bottom, #E6B105, rgba(255, 215, 36, 0.52157)%); background: linear-gradient(0deg, #E6B105, rgba(255, 215, 36, 0.52157)%); background: -webkit-gradient(linear, left bottom, left top, from(#E6B105), to(#FFD72485%)); background: -webkit-linear-gradient(bottom, #E6B105, #FFD72485%); background: -moz-linear-gradient(bottom, #E6B105, #FFD72485%); background: linear-gradient(0deg, #E6B105, #FFD72485%); background: -webkit-gradient(linear, left bottom, left top, from(var(--yellow300)), color-stop(85%, var(--yellow500))); background: -webkit-linear-gradient(bottom, var(--yellow300), var(--yellow500)85%); background: -moz-linear-gradient(bottom, var(--yellow300), var(--yellow500)85%); background: linear-gradient(0deg, var(--yellow300), var(--yellow500)85%); } body.pricing #plansOverview .plan.starter .common-Body3 { color: #FFF7D4; color: #FFF7D4; color: var(--yellow900); } body.pricing #plansOverview .plan.starter .mostPopular { background-color: #C79500; background-color: #C79500; background-color: var(--yellow200); } body.pricing #plansOverview .plan.basic { background: -webkit-gradient(linear, left bottom, left top, from(#3DCAD4), color-stop(%, rgba(85, 220, 230, 0.45882))); background: -webkit-linear-gradient(bottom, #3DCAD4, rgba(85, 220, 230, 0.45882)%); background: -moz-linear-gradient(bottom, #3DCAD4, rgba(85, 220, 230, 0.45882)%); background: linear-gradient(0deg, #3DCAD4, rgba(85, 220, 230, 0.45882)%); background: -webkit-gradient(linear, left bottom, left top, from(#3DCAD4), to(#55DCE675%)); background: -webkit-linear-gradient(bottom, #3DCAD4, #55DCE675%); background: -moz-linear-gradient(bottom, #3DCAD4, #55DCE675%); background: linear-gradient(0deg, #3DCAD4, #55DCE675%); background: -webkit-gradient(linear, left bottom, left top, from(var(--teal400)), color-stop(75%, var(--teal500))); background: -webkit-linear-gradient(bottom, var(--teal400), var(--teal500)75%); background: -moz-linear-gradient(bottom, var(--teal400), var(--teal500)75%); background: linear-gradient(0deg, var(--teal400), var(--teal500)75%); } body.pricing #plansOverview .plan.basic .common-Body3 { color: #DEFDFF; color: #DEFDFF; color: var(--teal900); } body.pricing #plansOverview .plan.basic .mostPopular { background-color: #32B8C2; background-color: #32B8C2; background-color: var(--teal300); } body.pricing #plansOverview .plan.premium { background: -webkit-gradient(linear, left bottom, left top, from(#38A5FF), color-stop(%, rgba(107, 188, 255, 0.45882))); background: -webkit-linear-gradient(bottom, #38A5FF, rgba(107, 188, 255, 0.45882)%); background: -moz-linear-gradient(bottom, #38A5FF, rgba(107, 188, 255, 0.45882)%); background: linear-gradient(0deg, #38A5FF, rgba(107, 188, 255, 0.45882)%); background: -webkit-gradient(linear, left bottom, left top, from(#38A5FF), to(#6BBCFF75%)); background: -webkit-linear-gradient(bottom, #38A5FF, #6BBCFF75%); background: -moz-linear-gradient(bottom, #38A5FF, #6BBCFF75%); background: linear-gradient(0deg, #38A5FF, #6BBCFF75%); background: -webkit-gradient(linear, left bottom, left top, from(var(--blue400)), color-stop(75%, var(--blue500))); background: -webkit-linear-gradient(bottom, var(--blue400), var(--blue500)75%); background: -moz-linear-gradient(bottom, var(--blue400), var(--blue500)75%); background: linear-gradient(0deg, var(--blue400), var(--blue500)75%); } body.pricing #plansOverview .plan.premium .common-Body3 { color: #E3F6FF; color: #E3F6FF; color: var(--blue900); } body.pricing #plansOverview .plan.premium .mostPopular { background-color: #3293E3; background-color: #3293E3; background-color: var(--blue300); } body.pricing #plansOverview .plan.professional { background: -webkit-gradient(linear, left bottom, left top, from(#AA81F3), color-stop(%, rgba(188, 153, 247, 0.45882))); background: -webkit-linear-gradient(bottom, #AA81F3, rgba(188, 153, 247, 0.45882)%); background: -moz-linear-gradient(bottom, #AA81F3, rgba(188, 153, 247, 0.45882)%); background: linear-gradient(0deg, #AA81F3, rgba(188, 153, 247, 0.45882)%); background: -webkit-gradient(linear, left bottom, left top, from(#AA81F3), to(#BC99F775%)); background: -webkit-linear-gradient(bottom, #AA81F3, #BC99F775%); background: -moz-linear-gradient(bottom, #AA81F3, #BC99F775%); background: linear-gradient(0deg, #AA81F3, #BC99F775%); background: -webkit-gradient(linear, left bottom, left top, from(var(--purple400)), color-stop(75%, var(--purple500))); background: -webkit-linear-gradient(bottom, var(--purple400), var(--purple500)75%); background: -moz-linear-gradient(bottom, var(--purple400), var(--purple500)75%); background: linear-gradient(0deg, var(--purple400), var(--purple500)75%); } body.pricing #plansOverview .plan.professional .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.pricing #plansOverview .plan.professional .mostPopular { background-color: #9B68F2; background-color: #9B68F2; background-color: var(--purple300); } body.pricing #newPlan { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #newPlan #enterprisePlanOverview { background-color: #875BD4; background-color: #875BD4; background-color: var(--purple200) } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent { height: 140px; padding: 0; } @media (max-width: 678px) { body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent { height: 200px; } } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left { left:0px; width: 48%; padding: 60px 0 61px 0; float: left; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Button { --color: #fff; --highlighted-color: #AA81F3; --highlighted-color: var(--purple400); float: right; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Body3 { text-align: right; } @media (max-width: 678px) { body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left { float: none; width: 100%; position: relative; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Header4 { float: none; text-align: center; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .left .common-Button { float: none; width: 202px; display: block; margin: auto; } } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right { right:0px; width: 48%; padding: 55px 0 45px 0; float: right; } @media (max-width: 678px) { body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right { display: none; } } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right .common-Body2 { color: white; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .right > svg { position: absolute; left: 50%; margin-left: 315px; top: 60px; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .common-Header4 { color: #fff; text-align: right; } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .common-Body3 { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.pricing #newPlan #enterprisePlanOverview.plan .common-LayoutCellContent .mostPopular { background-color: #9B68F2; background-color: #9B68F2; background-color: var(--purple300); } body.pricing #plansTable > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #plansTable > .intro .common-SectionIntro { padding-bottom: 32px; padding-bottom: 32px; padding-bottom: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.pricing #plansTable > .intro .common-SectionIntro { padding-bottom: 56px; padding-bottom: var(--layout-padding-y-sm); } } body.pricing #plansTable > .intro .common-Header1 { margin-bottom: 8px; } body.pricing #plansTable .common-LayoutCell { overflow-x: visible; overflow-y: visible; } body.pricing #plansTable .common-LayoutCell .common-LayoutCellContent.feature { padding-right: 0 !important; } body.pricing #plansTable .common-Table .common-Layout {--common-Table: 896px; display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 896px; } body.pricing #plansTable .common-Table.yearly .yearly { display: block; } body.pricing #plansTable .common-Table.yearly .monthly { display: none; } body.pricing #plansTable .common-Table.monthly .yearly { display: none; } body.pricing #plansTable .common-Table.monthly .monthly { display: block; } body.pricing #plansTable .common-Table .common-Body2 { margin-bottom: 0; } body.pricing #plansTable > .comparison { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #plansTable > .comparison .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 32px; padding-top: 32px; padding-top: var(--layout-padding-y-sm); } @media (min-width: 416px) { body.pricing #plansTable > .comparison .common-LayoutCellContent { padding-top: 56px; padding-top: var(--layout-padding-y-sm); } } body.pricing #cost {--pricing-cost-2col: 964px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #cost .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } body.pricing #cost #calculator { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.pricing #cost #calculator .options { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 32px; } @media (min-width: 416px) { body.pricing #cost #calculator .options { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 40px; } } body.pricing #cost #calculator #calculator-plan { padding-left: 24px; } body.pricing #cost #calculator #calculator-plan[data-selected-value='Starter'] + label::before { background-color: #F5C800; background-color: #F5C800; background-color: var(--yellow400); } body.pricing #cost #calculator #calculator-plan[data-selected-value='Basic'] + label::before { background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.pricing #cost #calculator #calculator-plan[data-selected-value='Premium'] + label::before { background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); } body.pricing #cost #calculator #calculator-plan[data-selected-value='Professional'] + label::before { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.pricing #cost #calculator #calculator-plan + label::before { content: ''; position: absolute; width: 16px; height: 16px; top: 28px; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; pointer-events: none; } body.pricing #cost #calculator #calculator-billingPeriod[data-selected-value='Yearly'] { padding-right: 80px; } body.pricing #cost #calculator #calculator-billingPeriod[data-selected-value='Yearly'] + label::before { content: '–20%'; position: absolute; padding: 2px 8px 1px; line-height: 16px; top: 28px; right: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-color: #84CE48; color: #fff; font-size: 13px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); text-align: center; pointer-events: none; } body.pricing #cost #calculator .slider { position: relative; height: 48px; margin: 72px 8px 0px; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } body.pricing #cost #calculator .slider .track { position: absolute; height: 6px; top: 50%; margin-top: -3px; left: -8px; right: -8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #C7D1DF; background-color: #C7D1DF; background-color: var(--gray600); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-mask-image: var(--clipping-mask); mask-image: var(--clipping-mask); pointer-events: none; } body.pricing #cost #calculator .slider .track .fill { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } body.pricing #cost #calculator .slider .handle { position: absolute; width: 16px; height: 16px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -8px; left: 0; margin-left: -8px; -webkit-box-shadow: 0 0 0 2px #F5F7FA; -moz-box-shadow: 0 0 0 2px #F5F7FA; box-shadow: 0 0 0 2px #F5F7FA; box-shadow: 0 0 0 2px #F5F7FA; -webkit-box-shadow: 0 0 0 2px var(--gray900); -moz-box-shadow: 0 0 0 2px var(--gray900); box-shadow: 0 0 0 2px var(--gray900); pointer-events: none; } body.pricing #cost #calculator .slider .volume { position: absolute; padding: 3px 12px; left: 0; /*margin-left: -8px;*/ /*top: -24px;*/ top: -45px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; background-color: #38A5FF; background-color: #38A5FF; background-color: var(--blue400); text-align: center; color: #fff; font-size: 15px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); white-space: nowrap; pointer-events: none; } body.pricing #cost #calculator .breakdown { display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; grid-gap: 8px 24px; justify-items: end; text-align: right; } body.pricing #cost #calculator .breakdown * { margin-bottom: 0; } body.pricing #cost #calculator .breakdown .label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-self: start; text-align: left; width: 100%; } @media (min-width: 672px) { body.pricing #cost #calculator .breakdown .label { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #ligne1 { margin-right: 134px !important; } #ligne2 { margin-right: 104px !important; } #ligne3 { margin-right: 203px !important; } } body.pricing #cost #calculator .breakdown .label .title { margin-right: 24px; } body.pricing #cost #calculator .breakdown .label.total { -webkit-align-self: end; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } body.pricing #cost #calculator .breakdown .amount { color: #3A4554; color: #3A4554; color: var(--gray100); } body.pricing #cost #calculator .breakdown .footnotes { grid-column: 1 / -1; width: 100%; text-align: center; margin-top: 32px; } @media (min-width: 672px) { body.pricing #cost #calculator .breakdown .footnotes { margin-top: 16px; } } body.pricing #cost #calculator .breakdown .contactSales { visibility: hidden; } body.pricing #cost #includedFeatures { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.pricing #cost #includedFeatures .common-Header3 { color: #fff; } body.pricing #cost #includedFeatures .common-Checklist { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.pricing #cost #includedFeatures .common-Checklist svg polyline { stroke: #fff; } body.pricing #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricing #customers .common-LayoutCellContent.common-SectionIntro { padding-bottom: 0; } body.pricing #faq h1 { margin-bottom: 24px; } body.pricing #faq .common-ButtonGroup { margin-bottom: 48px; } body.pricing #faq ul { list-style-type: none; } body.pricing #faq ul li:not(:last-child) { margin-bottom: 48px; } body.pricing .info-text { display: inline-block; } body.pricing .popover__wrapper { position: relative; display: inline-block; } body.pricing .popover__wrapper .info { --color: #93A3B7; --color: #93A3B7; --color: var(--gray400); position: relative; color: #93A3B7; color: var(--color); color: #93A3B7; color: var(--color) } body.pricing .popover__wrapper .info:hover svg { opacity: 0.5; -webkit-transform: scale(0.90); -moz-transform: scale(0.90); -ms-transform: scale(0.90); transform: scale(0.90); } body.pricing .popover__wrapper .info:hover .sectionInfo { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.pricing .popover__wrapper .info svg { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1); -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition-timing-function: var(--ease-out-quint); -moz-transition-timing-function: var(--ease-out-quint); transition-timing-function: var(--ease-out-quint); } body.pricing .popover__wrapper .info svg path { fill: currentColor; } body.pricing .popover__content { opacity: 0; visibility: hidden; position: absolute; bottom: 20px; -webkit-transform: translate(0,10px); -moz-transform: translate(0,10px); -ms-transform: translate(0,10px); transform: translate(0,10px); padding: 1.5rem; background-color: white; -webkit-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -moz-box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); box-shadow: 0 24px 48px -12px rgba(58,69,84,0.25), 0 12px 24px -12px rgba(58,69,84,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 380px; } body.pricing .popover__content.left { left: -50px; } body.pricing .popover__content.middle { left: -190px; } body.pricing .popover__content.right { left: -300px; } body.pricing .popover__content ul { list-style: none; float: left; margin-left: 25px; } body.pricing .popover__content ul:first-child { margin-left: 10px; } body.pricing .popover__content ul li { text-align: left; } body.pricing .popover__content.left:after { position: absolute; z-index: -1; content: ''; right: -webkit-calc(91% - 36px); right: -moz-calc(91% - 36px); right: calc(91% - 36px); bottom: -5px; border-style: solid; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; } body.pricing .popover__content.middle:after { position: absolute; z-index: -1; content: ''; right: -webkit-calc(50% - 22px); right: -moz-calc(50% - 22px); right: calc(50% - 22px); bottom: -5px; border-style: solid; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; } body.pricing .popover__content.right:after { position: absolute; z-index: -1; content: ''; right: -webkit-calc(20% - 22px); right: -moz-calc(20% - 22px); right: calc(20% - 22px); bottom: -5px; border-style: solid; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; } body.pricing .popover__wrapper:hover .popover__content { z-index: 10; opacity: 1; visibility: visible; -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -ms-transform: translate(0,-5px); transform: translate(0,-5px); -webkit-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); -moz-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); } body.pricing .visible { overflow-x: visible !important; overflow-y: visible !important; } @font-face { font-family: 'checkmarkregular'; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAATcABEAAAAAChgAAAR5AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACDBggCCYRlEQgKgSCBGgE2AiQDVAssAAQgBYMzB4FbDC4/d2ViZgYbuAhRlC1KjuyHJAFFlXO4QVAHP8ChHgOFSlEUNyAAABA8/2/37z5z55nR/fB8qSNisExNFk1WeldSz2r8r7EGiXiSbmaRv7NDPE2Iyi7pzDGvtgkNDfoDj1pFrBIaIEzui3JNoC2LNelqTW1oEzYSnSKn/jZ8l7C6fMIKsUiKXI2sqwMiYapMfW2n2nWdjpYRrpn5kwABeJl/5RnAW+foSDsxkUh9jB9IAgNBiBPM0FNAqe2ygAPTUeO4AjISd6JesyjMKM4kzE0t5CeuPfYeuEbRMwYPMB0KKT00PF3cg3L3H85kAYgLU/w5gnZVe3Wlnp3995P9b9stbHNVk3KJ/WMHPpzvn963nlKpeFtbxCnHCQrECaIiIWPGc5T4FzGhNnDwiXVggVg9BsZI9G1SIK/YAmfZlEIVf9u0ohtIrMJihVj6Cf6ychhWf5usFIqTPZS11EJoGSO5UZ5qhWlV24cLPiFf2aliZS6V/+xXMcHhKJuCrk0qUVBIW/s7rMCMHiuc1t1cOdJzqz4yYwYDTRRd1t38qKrlYLcVNVGu3QqPpac7CJzggwiqoFcQzMI+MGaKXnhsrnY6cxjniumQYhx2FvSOLG9kRt5a0Wfpq6n4/fAEO1xlMyRRtajyREmS31sdy9BAr4QdSlp36665QutjeV1R0XAMLZzMDSNJtCwMkPIs2Mto4Z2Fc0Z3eglIhVovgYnjYrxILWTl0V3H+wqS9e2MQ6ZKPZnmXqHztO416NzCbo5W0orwFkijNDJ4dNaKAtWWX7BV7lkg4zGLRk4PL9m+fX6hXXdojCxgB6mXxq0tWqSkrCy1fj+MDxMLxidOgX3GTRFeAnlljEnEr+CclnFyE51SPr9sU7RAP/R8ZBam98MTFlK4AMZlVqcRxLYZAEiwyaXACaT9dXDTmOioLhBFQRQWM3/i/Zvm81elgcnjN42nr0rGDl6XRfG3pn5gf3Pj/sD5lae96ysW93uaM57958fO8P+yevcz0N+h9Ff9wmxDwW+3z01mP5bHYb+511z5gPuhOETANcp+Ag8VcuYeryGR64xrE0Sdq9PUm2EfYcwGeQ5SiUfwGWQFsBAwPaF+9DJ5GgESYj3tYiAYJHWcDnIrKAqeR11O2kWFZFR46JOasMTowMcxoxMP1673kvULhZgehCiI0SDISKMiqkFqwgSjg6R1RidRl97vpc4D5ltiofmWW2mudZZj/gR8sYRnQBg/zkKLbbQivZVxHRqOe5xF1FhETmASPX+d9ZZabRWtWoWqpG/UA4OR3iQ5K6pqs65arRtoiy0UsS3ruTZYaEHrPFtpvcBXG9Sx3N+oQNcmhygUSAYGPEMBP3nHqdbX29jbm7T9PHPiVyUgBoYolJjiEKe4xC0e8YpP/BKQoIQkLBGJSsy5eMV4X9iZtnFVxKF4bG2rI+CKeACqoQZqoQ7qoQEaoQmaFa36mi5FvSDQcnhwZa6j6onYB09O0n/uMVM2RE5N3eh6hFsRnlqP+DintGdqBpyP1wEK8TJk+ocXqwA=) format('woff2'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAbcABEAAAAAChgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGuAAAABwAAAAchDGJ7kdERUYAAAacAAAAHAAAAB4AJwAbT1MvMgAAAfQAAABAAAAAYBu6DipjbWFwAAACbAAAAGoAAAGGLuhPRGN2dCAAAAS8AAAAAgAAAAIAAAAAZnBnbQAAAtgAAAGxAAACZVO0L6dnYXNwAAAGlAAAAAgAAAAIAAAAEGdseWYAAATYAAAAXgAAAKDqzci5aGVhZAAAAYAAAAAzAAAANhfQPTJoaGVhAAABtAAAAB0AAAAkD8UIzmhtdHgAAAI0AAAANgAAAFRBWQBabG9jYQAABMAAAAAXAAAALAEgAVBtYXhwAAAB1AAAAB8AAAAgAS4AF25hbWUAAAU4AAAA6QAAAbNPjiXzcG9zdAAABiQAAABvAAAA2476ULZwcmVwAAAEjAAAAC4AAAAusPIrFHdlYmYAAAbUAAAABgAAAAbJllvgeNpjYGRgYADi6EDPI/H8Nl8ZuDkYQOAGW7kchK4SZWD4f49jCbsKkMvBwAQSBQAASgkMAHjaY2BkYGCX/7+DgYGTAQQ4ljAwMqACUQBFfgKqAAAAeNpjYGRgYBBlEGYA0QwMTECaiUGMAcplYAAABa0ARwB42mNgZq5mnMDAysDCasQ6g4GBUQ5CM19jSGMSYkAFjAJoAgwODIwvGdgb/jcwMLDLM3iA1CDJKjAwAgC02QgHeNrjYIAAplUQmgWKmfsZGNjlETRTPAMD43Eg1odghsdAOgdIp0JokBzzCwYGTgaGKAD/rQfuAAB42mNgYGBmgGAZBkYGEGgA8hjBfBaGFCAtwiAAFGEBiikwLFDgUtBXiFf985Lh/9///8HqQaIMqKL/n/xPfcB2/9H9zbfExUXA5okwYAJGkL2MbEDMDBVgAhJMGKqAlg8VwEqWLgCkGxmYAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYWbAUKwAAAAAAAHjaY2AAAg4gFGCQYFDAAzUYAgAoHAJxAHjaY2BkQAKGDAyU86P+3+NYwq7CIMTAIGRmbiYmzsloxygux8jOyKamzhjFZ2LSosWYxzJLq8XEiEvr1wuDGXr/xJi2tWhp8Jn8M2LNAQoCpX4xWLFYMaUBACA6FCsAAHjahZBBSgNBEEXfJJNIIrgQceFC5gRDAuIRhAjZBHHfmTSTMEk3dCaLXMEDeAgXrjyVp/DPUOvY0MXr/+tXQQM3fJPRnYwJd8YDriiNh9JfjXPx1njENR/GY+lfxlMe+FUqyydSbvsJHQ+069F4KP3ZOBe/GY+4JxmPpX8aT3nih0q7vWrDAae+Bqqtr5qDS8KVvJoT+95j5evT3gkupy677/ISR3ZEAgVz/cpMsk/HXQzFvJz9N+GlT7bK1uoK/Tynt2cjbc1ZdaF0ZKnb9ZYKxdAWtQ8+udZvivW5WFRxGWMo+QMLB0S7AAAAeNp9yEsOgkAUBdFXjYL/b9zHA22VISGyFTUxxokDd6+k79ianKQs2P92ZgQLZJYxYEhOwYgxE6bMmLNgyYo1G7b59fF53cri/by7u2y8t/oNWcpK7uVBRnmUJ3mWtWySVZeMydi1vZfa/Qt6Oyd1AAABAAH//wAPeNpjYGRgYOABYjEgZmJgBEIRIGYB8xgABHoAQwAAAAEAAAAA1CSYugAAAADYBnceAAAAANgGehUAAVvgyZUAAA==) format('woff'); font-weight: normal; font-style: normal; } body.pricingComparison #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.pricingComparison #hero .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 0; } @media (min-width: 416px) { body.pricingComparison #hero .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } body.pricingComparison #hero .common-Header1 { margin-bottom: 24px; } body.pricingComparison .common-Table .common-Layout { display: -ms-grid; display: grid; grid-gap: 4px; grid-gap: var(--grid-gap); min-width: 704px; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell.header { background-color: #fff; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell.header .common-LayoutCellContent { padding-top: 48px; padding-top: 48px; padding-top: var(--layout-padding-y-md); } @media (min-width: 416px) { body.pricingComparison .common-Table .common-Layout .common-LayoutCell.header .common-LayoutCellContent { padding-top: 80px; padding-top: var(--layout-padding-y-md); } } body.pricingComparison .common-Table .common-Layout span.new { margin-right: 12px; } body.pricingComparison .common-Table .common-Layout .checkmark:before { display: block; font-family: 'checkmarkregular'; content: "\e900"; line-height: 22px; height: 18px; color: #AA81F3; color: var( --purple400); } body.pricingComparison .common-Table .common-Layout .common-NewBadge { color: #fff; background-color: #84CE48; } body.signup .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.signup .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 880px) { body.signup .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.signup #signup {--signup-hero-2col: 880px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 880px) { body.signup #signup .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.signup #signup .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.signup #signup #intro { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.signup #signup #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.signup #signup #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200vw; max-width: 1362px; margin-top: 0px; margin-left: -306px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } @media (min-width: 946px) { body.signup #signup #intro img { width: 300%; margin-top: -32px; margin-left: -460px; } } body.signup #signup #intro .common-Header2 { color: #fff; } body.signup #signup #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.signup #signup span.emphasis { font-weight: 600; text-decoration: underline; } body.signup #signup #signup-form { --transition-duration: 0.5s; --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: var(--ease-in-out-quart); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.signup #signup #signup-form .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body.signup #signup #signup-form ul.steps { display: none; list-style-type: none; margin-bottom: 16px; } @media (min-width: 510px) { body.signup #signup #signup-form ul.steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } body.signup #signup #signup-form ul.steps li { width: 20px; height: 20px; text-align: center; font-size: 11px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #76879D; color: #76879D; color: var(--gray300); background-color: #DCE3EC; background-color: #DCE3EC; background-color: var(--gray700); -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.signup #signup #signup-form ul.steps li:not(:last-child) { margin-right: 8px; } body.signup #signup #signup-form ul.steps li.current { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.signup #signup #signup-form ul.steps li.complete { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.signup #signup #signup-form h3 { margin-bottom: 0; } @media (min-width: 510px) { body.signup #signup #signup-form h3 { margin-bottom: 4px; } } body.signup #signup #signup-form .form-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -24px; margin-left: -24px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); margin-right: -24px; margin-right: -24px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } @media (min-width: 416px) { body.signup #signup #signup-form .form-container { -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 40px, black -webkit-calc(100% - 40px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } } @media (min-width: 416px) { body.signup #signup #signup-form .form-container { margin-right: -40px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); } } @media (min-width: 416px) { body.signup #signup #signup-form .form-container { margin-left: -40px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); } } @media (min-width: 510px) { body.signup #signup #signup-form .form-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } body.signup #signup #signup-form form { --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-gap: 32px 40px; width: 100%; margin-bottom: 32px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); } @media (min-width: 416px) { body.signup #signup #signup-form form { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 510px) { body.signup #signup #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } } body.signup #signup #signup-form form .fullWidth { grid-column: 1 / -1; } body.signup #signup #signup-form form #card { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); } body.signup #signup #signup-form form #card + label { cursor: text; } body.signup #signup #signup-form form #card.StripeElement--webkit-autofill { background: transparent !important; border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); } body.signup #signup #signup-form form #card.StripeElement--webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.signup #signup #signup-form form #card.StripeElement--focus { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } body.signup #signup #signup-form form #card.StripeElement--focus + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.signup #signup #signup-form form #card.StripeElement--invalid { border-bottom-color: undefined; border-bottom-color: var(--error-red); border-bottom-color: undefined; border-bottom-color: var(--error-red); } body.signup #signup #signup-form form #card.StripeElement--invalid + label + .error { opacity: 1; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } body.signup #signup #signup-form form .cardSecurity svg { display: inline-block; margin-bottom: -2px; margin-right: 8px; } body.signup #signup #signup-form form .cardSecurity svg path { fill: currentColor; } body.signup #signup #signup-form form input[type='submit'] { position: absolute; visibility: hidden; pointer-events: none; } body.signup #signup #signup-form h4 { color: #AA81F3; color: #AA81F3; color: var(--purple400); margin: 32px 0 -16px; } @media (min-width: 510px) { body.signup #signup #signup-form h4 { margin: 0; } } body.signup #signup #signup-form nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } body.signup #signup #signup-form nav button { cursor: pointer } body.signup #signup #signup-form nav button.back { pointer-events: none; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.signup #signup #signup-form nav button.back.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.signup #signup #agreeToTerms + label + .error { color: #FF505C; font-size: 13px; font-weight: 500; padding-top: 4px; margin-left: 32px; } body.solutions #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.solutions #hero #intro { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.solutions #hero #intro .common-LayoutCellContent { padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); padding-bottom: 64px; padding-bottom: 64px; padding-bottom: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.solutions #hero #intro .common-LayoutCellContent { padding-bottom: 112px; padding-bottom: var(--layout-padding-y-lg); } } @media (min-width: 416px) { body.solutions #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } @media (min-width: 880px) { body.solutions #hero #intro .common-LayoutCellContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 128px; padding-top: 128px; padding-top: var(--layout-padding-y-site-nav); } @media (min-width: 416px) { body.solutions #hero #intro .common-LayoutCellContent { padding-top: 160px; padding-top: var(--layout-padding-y-site-nav); } } } body.solutions #hero #intro img { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-25%); -moz-transform: translate(-25%); -ms-transform: translate(-25%); transform: translate(-25%); left: 100%; position: absolute; left: 0px; opacity: .0; } @media (min-width: 672px) { body.solutions #hero #intro img { position: relative; -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); opacity: 1; } } @media (min-width: 880px) { body.solutions #hero #intro img { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 64px); mask-image: linear-gradient(to top, transparent, black 64px); -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); opacity: 1; } } body.solutions #hero #intro .main { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 672px) { body.solutions #hero #intro .main { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 880px) { body.solutions #hero #intro .main { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.solutions #hero #intro .common-ButtonGroup { width: auto; } body.solutions #cost {--pricing-cost-2col: 964px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 1196px) { body.solutions #cost .common-LayoutCell.visible { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } } body.solutions #cost .common-LayoutCell.visible { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/solutions/photo4.jpg); background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; } body.solutions #cost .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } body.solutions #cost #includedFeatures { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.solutions #cost #includedFeatures h2, body.solutions #cost #includedFeatures li { color: #fff; } body.solutions .common-SiteFooter .signup >.common-LayoutCellContent { -ms-grid-columns: 1fr 1fr !important; grid-template-columns: 1fr 1fr !important; } body.solutions .common-SiteFooter form#subscribeWithName, body.solutions .common-SiteFooter form#referAFriend { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 24px; max-width: 800px; } body.solutions .common-SiteFooter form#subscribeWithName .common-FormField input, body.solutions .common-SiteFooter form#referAFriend .common-FormField input { background-color: none; } body.solutions .common-SiteFooter form#subscribeWithName input, body.solutions .common-SiteFooter form#referAFriend input { line-height: 26px; } body.solutions .common-SiteFooter form#subscribeWithName label, body.solutions .common-SiteFooter form#referAFriend label { display: none; } body.solutions .common-SiteFooter form#subscribeWithName .common-Button, body.solutions .common-SiteFooter form#referAFriend .common-Button { -ms-grid-column-align: end; justify-self: end; } body.drivers .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.drivers .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 880px) { body.drivers .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.drivers #drivers {--signup-hero-2col: 880px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 880px) { body.drivers #drivers .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.drivers #drivers .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.drivers #drivers #intro { background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.drivers #drivers #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.drivers #drivers #intro img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200vw; max-width: 1362px; margin-top: 48px; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 20%); mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, black)); mask-image: linear-gradient(to top, transparent, black 20%); } @media (min-width: 880px) { body.drivers #drivers #intro img { width: 300%; margin-top: -32px; margin-left: -60px; } } body.drivers #drivers #intro .common-Header2 { color: #fff; } body.drivers #drivers #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.drivers #drivers span.emphasis { font-weight: 600; text-decoration: underline; } body.drivers #drivers #signup-form { --transition-duration: 0.5s; --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: cubic-bezier(.77, 0, .175, 1); --transition-timing-function: var(--ease-in-out-quart); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.drivers #drivers #signup-form .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body.drivers #drivers #signup-form ul.steps { display: none; list-style-type: none; margin-bottom: 16px; } @media (min-width: 510px) { body.drivers #drivers #signup-form ul.steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } body.drivers #drivers #signup-form ul.steps li { width: 20px; height: 20px; text-align: center; font-size: 11px; font-weight: 600; font-weight: 600; font-weight: var(--font-weight-semibold); line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #76879D; color: #76879D; color: var(--gray300); background-color: #DCE3EC; background-color: #DCE3EC; background-color: var(--gray700); -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.drivers #drivers #signup-form ul.steps li:not(:last-child) { margin-right: 8px; } body.drivers #drivers #signup-form ul.steps li.current { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); } body.drivers #drivers #signup-form ul.steps li.complete { color: #F5F7FA; color: #F5F7FA; color: var(--gray900); background-color: #3DCAD4; background-color: #3DCAD4; background-color: var(--teal400); } body.drivers #drivers #signup-form h3 { margin-bottom: 0; } @media (min-width: 510px) { body.drivers #drivers #signup-form h3 { margin-bottom: 4px; } } body.drivers #drivers #signup-form .form-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -24px; margin-left: -24px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); margin-right: -24px; margin-right: -24px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); overflow: hidden; -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 24px, black -webkit-calc(100% - 24px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } @media (min-width: 416px) { body.drivers #drivers #signup-form .form-container { -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 40px, black -webkit-calc(100% - 40px), transparent); -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), color-stop(black), to(transparent)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, black var(--layout-padding-x), black -webkit-calc(100% - var(--layout-padding-x)), transparent); } } @media (min-width: 416px) { body.drivers #drivers #signup-form .form-container { margin-right: -40px; margin-right: -webkit-calc(var(--layout-padding-x)*-1); margin-right: -moz-calc(var(--layout-padding-x)*-1); margin-right: calc(var(--layout-padding-x)*-1); } } @media (min-width: 416px) { body.drivers #drivers #signup-form .form-container { margin-left: -40px; margin-left: -webkit-calc(var(--layout-padding-x)*-1); margin-left: -moz-calc(var(--layout-padding-x)*-1); margin-left: calc(var(--layout-padding-x)*-1); } } @media (min-width: 510px) { body.drivers #drivers #signup-form .form-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } body.drivers #drivers #signup-form form { --form-background-color: #F5F7FA; --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-gap: 32px 40px; width: 100%; margin-bottom: 32px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 24px; padding: 0 24px; padding: 0 var(--layout-padding-x); } @media (min-width: 416px) { body.drivers #drivers #signup-form form { padding: 0 40px; padding: 0 var(--layout-padding-x); } } @media (min-width: 510px) { body.drivers #drivers #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } } body.drivers #drivers #signup-form form .fullWidth { grid-column: 1 / -1; } body.drivers #drivers #signup-form form #card { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid #DCE3EC; border-bottom: 2px solid var(--gray700); } body.drivers #drivers #signup-form form #card + label { cursor: text; } body.drivers #drivers #signup-form form #card.StripeElement--webkit-autofill { background: transparent !important; border-bottom-color: #F5C800; border-bottom-color: #F5C800; border-bottom-color: var(--yellow400); } body.drivers #drivers #signup-form form #card.StripeElement--webkit-autofill + label { color: #EB9B10; color: #EB9B10; color: var(--orange300); } body.drivers #drivers #signup-form form #card.StripeElement--focus { border-bottom-color: #AA81F3; border-bottom-color: #AA81F3; border-bottom-color: var(--purple400); } body.drivers #drivers #signup-form form #card.StripeElement--focus + label { color: #AA81F3; color: #AA81F3; color: var(--purple400); } body.drivers #drivers #signup-form form #card.StripeElement--invalid { border-bottom-color: undefined; border-bottom-color: var(--error-red); border-bottom-color: undefined; border-bottom-color: var(--error-red); } body.drivers #drivers #signup-form form #card.StripeElement--invalid + label + .error { opacity: 1; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } body.drivers #drivers #signup-form form .cardSecurity svg { display: inline-block; margin-bottom: -2px; margin-right: 8px; } body.drivers #drivers #signup-form form .cardSecurity svg path { fill: currentColor; } body.drivers #drivers #signup-form form input[type='submit'] { position: absolute; visibility: hidden; pointer-events: none; } body.drivers #drivers #signup-form h4 { color: #AA81F3; color: #AA81F3; color: var(--purple400); margin: 32px 0 -16px; } @media (min-width: 510px) { body.drivers #drivers #signup-form h4 { margin: 0; } } body.drivers #drivers #signup-form nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } body.drivers #drivers #signup-form nav button { cursor: pointer } body.drivers #drivers #signup-form nav button.back { pointer-events: none; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-duration: var(--transition-duration); -moz-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); transition-duration: 0.5s; transition-duration: var(--transition-duration); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: var(--transition-timing-function); -moz-transition-timing-function: var(--transition-timing-function); transition-timing-function: var(--transition-timing-function); transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: var(--transition-timing-function); } body.drivers #drivers #signup-form nav button.back.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; pointer-events: all; } body.drivers #drivers #agreeToTerms + label + .error { color: #FF505C; font-size: 13px; font-weight: 500; padding-top: 4px; margin-left: 32px; } body.cookieNotice .common-Header3, body.cookieNotice .common-Body3, body.cookieNotice .common-Header4, body.ccpaNotice .common-Header3, body.ccpaNotice .common-Body3, body.ccpaNotice .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.cookieNotice .common-Header3.title, body.ccpaNotice .common-Header3.title { margin-bottom: 32px; text-align: center; } body.cookieNotice .common-Header4, body.cookieNotice .common-Body3, body.cookieNotice .common-OrderedList-Alph, body.cookieNotice .common-OrderedList-Num, body.ccpaNotice .common-Header4, body.ccpaNotice .common-Body3, body.ccpaNotice .common-OrderedList-Alph, body.ccpaNotice .common-OrderedList-Num { margin-bottom: 16px; } body.cookieNotice .common-OrderedList-Alph, body.ccpaNotice .common-OrderedList-Alph { margin-left: 24px; } body.terms .common-Header3, body.terms .common-Body3, body.terms .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.terms .common-Header3.title { margin-bottom: 32px; text-align: center; } body.terms .common-Header4, body.terms .common-Body3, body.terms .common-OrderedList-Alph, body.terms .common-OrderedList-Num { margin-bottom: 16px; } body.terms .common-OrderedList-Alph { margin-left: 24px; } body.terms .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.terms table { width: 100%; margin-top: 10px; } body.terms table td, body.terms table th { padding: 16px; border: 1px solid #fff; } body.terms table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.terms table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.terms table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.terms table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.privacy .common-Header3, body.privacy .common-Body3, body.privacy .common-Header4 { margin: 0 auto; -webkit-font-feature-settings: none; -moz-font-feature-settings: none; font-feature-settings: none; -webkit-font-variant-ligatures: none; -moz-font-variant-ligatures: none; font-variant-ligatures: none; } body.privacy .common-Header3.title { margin-bottom: 32px; text-align: center; } body.privacy .common-Header4, body.privacy .common-Body3, body.privacy .common-OrderedList-Alph, body.privacy .common-OrderedList-Num { margin-bottom: 16px; } body.privacy .common-OrderedList-Alph { margin-left: 24px; } body.privacy .common-Body4 { font-size: 12px; color: #93A3B7; color: #93A3B7; color: var(--gray400); } body.privacy table { max-width: 784px; margin:0 auto; margin-bottom: 10px; } body.privacy table td, body.privacy table th { padding: 16px; border: 1px solid #fff; width: 100%; } body.privacy table tr td:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.privacy table tr th:nth-child(odd){ background-color: #EDF1F5; background-color: #EDF1F5; background-color: var(--gray850); } body.privacy table tr td:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.privacy table tr th:nth-child(even){ background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPageAlt .common-SiteNav { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -100px; } body.landingPageAlt .common-SiteNav .home { --color: #fff; --highlighted-color: #EADEFF; --highlighted-color: var(--purple800); } @media (min-width: 946px) { body.landingPageAlt .common-SiteNav .home { --color: #93A3B7; --color: var(--gray400); --highlighted-color: #3A4554; --highlighted-color: var(--gray100); } } body.landingPageAlt #hero { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } @media (min-width: 946px) { body.landingPageAlt #hero { grid-auto-rows: -webkit-min-content -webkit-max-content; grid-auto-rows: min-content max-content; } } @media (min-width: 946px) { body.landingPageAlt #hero .common-LayoutCellContent { padding-bottom: 48px; padding-bottom: 48px; padding-bottom: var(--layout-padding-y-md); } @media (min-width: 416px) { body.landingPageAlt #hero .common-LayoutCellContent { padding-bottom: 80px; padding-bottom: var(--layout-padding-y-md); } } } body.landingPageAlt #hero #intro { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/landing-page-alt/hero@2x.png); -moz-background-size: cover; background-size: cover; } body.landingPageAlt #hero #intro .common-LayoutCellContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } body.landingPageAlt #hero #intro img { text-align: left; width: 50%; margin: 48px 0 0 60px; } @media (max-width: 700px) { body.landingPageAlt #hero #intro img { display: none; } } body.landingPageAlt #hero #intro .common-Header2 { color: #fff; text-align: center; margin: 0 auto; padding: 100px 0 50px; } body.landingPageAlt #hero #intro ul { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPageAlt #hero #intro p { color: #F5F0FF; color: #F5F0FF; color: var(--purple900); } body.landingPageAlt #hero #intro ul svg polyline, body.landingPageAlt #hero #intro p svg polyline { stroke: #fff; } body.landingPageAlt #signup-form { display: block; position: absolute; top: 250px; width: 100%; max-width: 400px; background-color: #ffffff; border: 1px solid #AA81F3; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); z-index: 999; left: 60%; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } body.landingPageAlt #signup-form form.common-LayoutCellContent { padding: 35px 30px; } @media (max-width: 1000px) { body.landingPageAlt #signup-form { left: auto; right: 0px; } } @media (max-width: 700px) { body.landingPageAlt #signup-form { left: 50%; right: auto; margin-left: -186px; } } body.landingPageAlt #signup-form.fix-search { position: fixed; top: 0px; z-index: 99999; height: 70px; background-color: #AA81F3; background-color: #AA81F3; background-color: var(--purple400); left: 60%; width: 100%; max-width: 400px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: 1px solid #AA81F3; border: 1px solid #AA81F3; border: 1px solid var(--purple400); border-top: 0px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16); cursor: pointer; -webkit-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -moz-transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); transition: height 0.2s cubic-bezier(.455, .03, .515, .955), background-color 0.2s cubic-bezier(.455, .03, .515, .955); -webkit-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); -moz-transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); transition: height 0.2s var(--ease-in-out-quad), background-color 0.2s var(--ease-in-out-quad); } @media (max-width: 1000px) { body.landingPageAlt #signup-form.fix-search { left: auto; right: 0px; } } @media (max-width: 700px) { body.landingPageAlt #signup-form.fix-search { left: 50%; right: auto; margin-left: -186px; } } body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent { position: absolute; top: 0px; padding: 10px 40px 40px 40px; } body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent .common-Header3 { color: #fff; } body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent .common-FormField, body.landingPageAlt #signup-form.fix-search form.common-LayoutCellContent .common-Body2 { opacity: 0; } body.landingPageAlt #signup-form.expand { height: 100%; max-height: 900px; overflow: scroll; background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); max-width: 400px; cursor: default; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent { opacity: 1; top: 0px; padding: 10px 40px 0 40px; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-Header3 { color: #3A4554; color: #3A4554; color: var(--gray100); cursor: pointer; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-FormField { opacity: 1; } body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-FormField, body.landingPageAlt #signup-form.expand form.common-LayoutCellContent .common-Body2 { opacity: 1; } body.landingPageAlt #signup-form form { --form-background-color: #F5F7FA; --form-background-color: var(--gray900); display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); grid-gap: 32px 40px; } @media (min-width: 510px) { body.landingPageAlt #signup-form form { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } } body.landingPageAlt #signup-form form .fullWidth { grid-column: 1 / -1; } body.landingPageAlt #signup-form form button[type='submit'] { cursor: pointer; -ms-grid-column-align: end; justify-self: end; } body.landingPageAlt .common-Ratings div { margin-right: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } body.landingPageAlt #features > .intro { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPageAlt #features > .intro.one .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } body.landingPageAlt #features > .intro.one .common-SectionIntro { text-align: left; width: 55%; } @media (max-width: 1000px) { body.landingPageAlt #features > .intro.one .common-SectionIntro { left: auto; right: 0px; } } @media (max-width: 700px) { body.landingPageAlt #features > .intro.one .common-SectionIntro { padding-top: 600px; text-align: center; width: 100%; } } body.landingPageAlt #features > .intro.one .common-SectionIntro h2.common-Header2 { margin: 0 0 24px 83px; } @media (max-width: 1000px) { body.landingPageAlt #features > .intro.one .common-SectionIntro h2.common-Header2 { margin: 0px 0 24px 37px; } } @media (max-width: 700px) { body.landingPageAlt #features > .intro.one .common-SectionIntro h2.common-Header2 { text-align: center; } } body.landingPageAlt #features > .featureGrid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPageAlt #features > .featureGrid .feature { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature .common-LayoutCellContent { padding: 64px; padding: 64px; padding: var(--layout-padding-y-lg); } @media (min-width: 416px) { body.landingPageAlt #features > .featureGrid .feature .common-LayoutCellContent { padding: 112px; padding: var(--layout-padding-y-lg); } } } body.landingPageAlt #features > .featureGrid .feature .common-LayoutCellContent > *:not(img) { z-index: 1; } body.landingPageAlt #features > .featureGrid .feature img.right { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); left: 100%; } @media (min-width: 672px) { body.landingPageAlt #features > .featureGrid .feature img.right { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature img.right { position: absolute; top: 50%; margin-top: -180px; left: 100%; margin-left: -240px; -webkit-transform: translate(-45%); -moz-transform: translate(-45%); -ms-transform: translate(-45%); transform: translate(-45%); } } body.landingPageAlt #features > .featureGrid .feature img.left { width: 230vw; max-width: 1250px; margin-top: -48px; -webkit-transform: translate(-30%); -moz-transform: translate(-30%); -ms-transform: translate(-30%); transform: translate(-30%); right: 100%; } @media (min-width: 672px) { body.landingPageAlt #features > .featureGrid .feature img.left { -webkit-transform: translate(-20%); -moz-transform: translate(-20%); -ms-transform: translate(-20%); transform: translate(-20%); } } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature img.left { position: absolute; top: 50%; margin-top: -180px; right: 50%; margin-left: -240px; -webkit-transform: translate(25%); -moz-transform: translate(25%); -ms-transform: translate(25%); transform: translate(25%); } } body.landingPageAlt #features > .featureGrid .feature .main.right { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature .main.right { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } body.landingPageAlt #features > .featureGrid .feature .main.left { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 880px) { body.landingPageAlt #features > .featureGrid .feature .main.left { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; left: 60%; } } body.landingPageAlt .common-Ratings { margin-bottom: 50px; } body.landingPageAlt #customers { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.landingPageAlt #customers h2 { text-align: center; margin: 0 auto 32px; } body.lost #illustration { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 4px; grid-gap: var(--grid-gap); } body.lost #illustration .common-LayoutCell { background-color: #F5F7FA; background-color: #F5F7FA; background-color: var(--gray900); } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #hero .photo { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo1@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo2@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo3@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo4@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.careers #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/careers/photos/photo5@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #hero .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/hero@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(1) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/dhruv-bhoot@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(2) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/ryan-booth@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(3) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/ben-bradshaw@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(4) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/dylan-campbell@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(5) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/mikel-cármenes-cavia@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(6) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/john-close@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(7) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/jonathan-darwish@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(8) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/robert-fierro@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(9) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/juan-manuel-flaherty@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(10) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/robbie-freethy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(11) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/xingchen-hong@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(12) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/joe-kennedy@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(13) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/harini-kondamudi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(14) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/james-li@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(15) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/elissa-malmquist@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(16) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/justin-miller@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(17) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/darío-javier-mouzo@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(18) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/mariana-muniz@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(19) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/khaled-naim@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(20) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/madhav-narayan@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(21) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/michal-polivka@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(22) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/chris-rumble@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(23) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/alex-sjoman@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(24) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/peter-stajger@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(25) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/david-swift@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(26) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/liz-hawkins-tahawi@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(27) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/andrew-travis@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(28) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/david-vetrano@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(29) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/parker-ward@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #photos .common-LayoutCell:nth-child(30) { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/dave-yoha@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.company #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.contact #location .common-LayoutCell { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/company/map@2x.jpg); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(1) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-grocery@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(2) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-pharmacy@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(3) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-restaurant@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(4) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-cannabis@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(5) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-courier@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(6) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-prepared-meals@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(7) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-beverages@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.index #industries .common-LayoutCell:nth-child(8) .industry-icon { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/home/onfleet-industry-retail-ecommerce@2x.png); } } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { body.solutions #cost .common-LayoutCell.visible { background-image: url(https://d1er272rpp2pqg.cloudfront.net/s9368cf5a/images/solutions/photo4@2x.jpg); } } @media (min-width: 1196px) { .common-LayoutCell.fullWidth { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } } .common-LayoutCell { position: relative; overflow: hidden; } .common-LayoutCellContent { position: relative; width: 100%; padding: 64px 24px; padding: var(--layout-padding-lg); } @media (min-width: 416px) { .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } @media (min-width: 416px) { .common-LayoutCellContent { padding: 64px 24px; padding: var(--layout-padding-lg); } } .common-UserCarousel .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-UserCarousel .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-UserCarousel .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-UserCarousel .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-UserCarousel .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-UserCarousel { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } .common-UserCarousel .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { .common-Table .common-Layout .common-LayoutCell:nth-child(5n - 4) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n - 4) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-Table .common-Layout .common-LayoutCell:nth-child(5n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-Table .common-Layout { -ms-grid-columns: minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr); grid-template-columns: minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } .common-Table .common-Layout .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } .common-2ColumnLayout .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-2ColumnLayout .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-2ColumnLayout .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-2ColumnLayout .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-2ColumnLayout .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { .common-2ColumnLayout { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } .common-2ColumnLayout .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } .common-2ColumnLayout .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } .common-SiteFooter .common-Layout.ctas .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { .common-SiteFooter .common-Layout.ctas { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } .common-SiteFooter .common-Layout.ctas .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-SiteFooter .common-Layout.ctas.singleCTA { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } .common-SiteFooter .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { .common-SiteFooter .common-Layout.sitemap { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } .common-SiteFooter .common-Layout.sitemap .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } #blog-posts #latest-posts .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { #blog-posts #latest-posts .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } #blog-posts #latest-posts .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } #blog-posts #latest-posts .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { #blog-posts #latest-posts { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } #blog-posts #latest-posts .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.careers #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { body.careers #hero { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } body.careers #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.careers #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.careers #photos .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.careers #photos .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.careers #photos .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.careers #photos .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.careers #photos { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #photos .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #photos .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.careers #photos { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.careers #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.careers #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.careers #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.careers #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.company #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.company #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.company #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.company #photos .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #photos .common-LayoutCell:nth-child(6n - 5) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #photos .common-LayoutCell:not(.fullWidth):nth-child(6n - 5) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #photos .common-LayoutCell:nth-child(6n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #photos .common-LayoutCell:not(.fullWidth):nth-child(6n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 676px) { body.company #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.company #photos .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #photos .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #photos .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.company #photos .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1016px) { body.company #photos { -ms-grid-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr); grid-template-columns: minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) minmax(166px, 1fr) } body.company #photos .common-LayoutCell:nth-child(6n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #photos .common-LayoutCell:nth-child(6n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #photos .common-LayoutCell:nth-child(6n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.company #photos .common-LayoutCell:nth-child(6n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.company #photos .common-LayoutCell:nth-child(6n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.company #photos .common-LayoutCell:nth-child(6n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } } body.company #metrics .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #metrics .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #metrics .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #metrics .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.company #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.company #metrics .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #metrics .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.company #metrics { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.company #metrics .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #metrics .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #metrics .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.company #metrics .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.company #links .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #links .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #links .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #links .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #links .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 1016px) { body.company #links { -ms-grid-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr); grid-template-columns: minmax(336px, 1fr) minmax(336px, 1fr) minmax(336px, 1fr) } body.company #links .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.company #links .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.company #links .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.company #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.company #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.company #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.company #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.company #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.company #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.company #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.contact #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 956px) { body.contact #hero { -ms-grid-columns: minmax(380px, 1fr) minmax(572px, 1fr); grid-template-columns: minmax(380px, 1fr) minmax(572px, 1fr) } body.contact #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.contact #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.contact #location .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.contact #location .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.contact #location .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.contact #location .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.contact #location .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.contact #location { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.contact #location .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.customers #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.customers #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.customers #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.customers #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.customers #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.customers #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.customers #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.customers section.grid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.customers section.grid .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.customers section.grid .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.customers section.grid .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.customers section.grid .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 516px) { body.customers section.grid { -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr) } body.customers section.grid .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.customers section.grid .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1036px) { body.customers section.grid { -ms-grid-columns: minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr); grid-template-columns: minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) minmax(256px, 1fr) } body.customers section.grid .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.customers section.grid .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.customers section.grid .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.customers section.grid .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.features #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.features #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.features section.desktop .common-Layout.intro, body.features section.mobile .common-Layout.intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features section.desktop .common-Layout.intro { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.intro { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.mobile .common-Layout.intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .common-Layout.intro { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.intro { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } body.features section.mobile .common-Layout.intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .common-Layout.intro, body.features section.mobile .common-Layout.intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.features section.desktop .common-Layout.intro, body.features section.mobile .common-Layout.intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.features section.desktop .screenshot .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features section.desktop .screenshot .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .screenshot .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .screenshot .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .screenshot .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .screenshot { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.features section.desktop .screenshot .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: minmax(672px, 1fr); grid-template-columns: minmax(672px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 892px) { body.features section.desktop .common-Layout.features[data-feature-count='2'] { -ms-grid-columns: minmax(444px, 1fr) minmax(444px, 1fr); grid-template-columns: minmax(444px, 1fr) minmax(444px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.desktop .common-Layout.features[data-feature-count='2'] .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1196px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: minmax(672px, 1fr); grid-template-columns: minmax(672px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 896px) { body.features section.desktop .common-Layout.features[data-feature-count='3'] { -ms-grid-columns: minmax(296px, 1fr) minmax(296px, 1fr) minmax(296px, 1fr); grid-template-columns: minmax(296px, 1fr) minmax(296px, 1fr) minmax(296px, 1fr) } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.features section.desktop .common-Layout.features[data-feature-count='3'] .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } @media (min-width: 1196px) { body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n - 2) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } } body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n - 2) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } } body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } @media (max-width: 707px) { body.features section.mobile .common-Layout.features .common-LayoutCell:not(.fullWidth):nth-child(3n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } } @media (min-width: 0px) { body.features section.mobile .common-Layout.features { -ms-grid-columns: minmax(352px, 1fr) minmax(352px, 1fr); grid-template-columns: minmax(352px, 1fr) minmax(352px, 1fr) } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1016px) { body.features section.mobile .common-Layout.features { -ms-grid-columns: minmax(296px, 1fr) minmax(416px, 1fr) minmax(296px, 1fr); grid-template-columns: minmax(296px, 1fr) minmax(416px, 1fr) minmax(296px, 1fr) } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.features section.mobile .common-Layout.features .common-LayoutCell:nth-child(3n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } } body.features #integrations .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.features #integrations .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.features #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.features #integrations .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.features #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 836px) { body.features #integrations { -ms-grid-columns: minmax(416px, 2fr) minmax(416px, 3fr); grid-template-columns: minmax(416px, 2fr) minmax(416px, 3fr) } body.features #integrations .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.features #integrations .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.landingPage #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #hero .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #hero .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #hero .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #hero .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 946px) { body.landingPage #hero { -ms-grid-columns: minmax(370px, 1fr) minmax(572px, 1fr); grid-template-columns: minmax(370px, 1fr) minmax(572px, 1fr) } body.landingPage #hero .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.landingPage #hero .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.landingPage #features > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #features > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #features > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPage #features > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPage #features > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPage #features > .featureGrid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #features > .featureGrid .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #features > .featureGrid .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPage #features > .featureGrid { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPage #features > .featureGrid .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPage #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPage #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPage #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPage #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPage #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPage #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPage #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.learn-more #learnMore .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.learn-more #learnMore .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.learn-more #learnMore .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.learn-more #learnMore .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.learn-more #learnMore .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.learn-more #learnMore { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.learn-more #learnMore .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.learn-more #learnMore .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.learn-more #learnMore { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.learn-more #learnMore .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.login #login .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.login #login .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.login #login .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.login #login .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.login #login .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.login #login { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.login #login .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index .aside-overview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index .aside-overview .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index .aside-overview .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index .aside-overview { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index .aside-overview .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #industries .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #industries .common-LayoutCell:nth-child(8n - 7) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #industries .common-LayoutCell:not(.fullWidth):nth-child(8n - 7) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #industries .common-LayoutCell:nth-child(8n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #industries .common-LayoutCell:not(.fullWidth):nth-child(8n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 596px) { body.index #industries { -ms-grid-columns: minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr); grid-template-columns: minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) } body.index #industries .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.index #industries .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.index #industries .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.index #industries .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } @media (min-width: 1196px) { body.index #industries { -ms-grid-columns: minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr); grid-template-columns: minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) minmax(146px, 1fr) } body.index #industries .common-LayoutCell:nth-child(8n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.index #industries .common-LayoutCell:nth-child(8n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.index #industries .common-LayoutCell:nth-child(8n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.index #industries .common-LayoutCell:nth-child(8n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.index #industries .common-LayoutCell:nth-child(8n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } body.index #industries .common-LayoutCell:nth-child(8n+6) { -ms-grid-column: 6; -ms-grid-column-span: 1; grid-column: 6 / 7; } body.index #industries .common-LayoutCell:nth-child(8n+7) { -ms-grid-column: 7; -ms-grid-column-span: 1; grid-column: 7 / 8; } body.index #industries .common-LayoutCell:nth-child(8n+8) { -ms-grid-column: 8; -ms-grid-column-span: 1; grid-column: 8 / 9; } } body.index #features > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #features > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #features > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #features > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #features > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #features > .featureGrid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #features > .featureGrid .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #features > .featureGrid .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #features > .featureGrid { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #features > .featureGrid .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.index #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.index #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.index #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.index #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.index #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.index #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.index #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.partners #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.partners #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners .aside-overview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners .aside-overview .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners .aside-overview .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners .aside-overview .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.partners .aside-overview { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.partners .aside-overview .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { body.partners #becomePartner .common-Layout.ctas { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.partners #becomePartner .common-Layout.ctas .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.partners #becomePartner .common-Layout.ctas.singleCTA { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.partners #becomePartner .common-Layout.ctas.singleCTA .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.partners #integrations .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.partners #integrations .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.partners #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.partners #integrations .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.partners #integrations .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 836px) { body.partners #integrations { -ms-grid-columns: minmax(416px, 2fr) minmax(416px, 3fr); grid-template-columns: minmax(416px, 2fr) minmax(416px, 3fr) } body.partners #integrations .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.partners #integrations .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.press #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.press #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.press #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.press #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.press #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.press #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.press #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.press #articles .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.press #articles .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.press #articles .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.press #articles .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.press #articles .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 796px) { body.press #articles { -ms-grid-columns: minmax(396px, 1fr) minmax(396px, 1fr); grid-template-columns: minmax(396px, 1fr) minmax(396px, 1fr) } body.press #articles .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.press #articles .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.pricing #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #plansOverview .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #plansOverview .common-LayoutCell:nth-child(4n - 3) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansOverview .common-LayoutCell:not(.fullWidth):nth-child(4n - 3) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansOverview .common-LayoutCell:nth-child(4n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansOverview .common-LayoutCell:not(.fullWidth):nth-child(4n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 572px) { body.pricing #plansOverview { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #plansOverview .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #plansOverview .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } @media (min-width: 1148px) { body.pricing #plansOverview { -ms-grid-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr); grid-template-columns: minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) minmax(284px, 1fr) } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.pricing #plansOverview .common-LayoutCell:nth-child(4n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } } body.pricing #newPlan .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #newPlan .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #newPlan .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #newPlan .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #newPlan .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #newPlan { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #newPlan .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #plansTable > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #plansTable > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansTable > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #plansTable > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #plansTable > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n - 4) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n - 4) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #plansTable .common-Table .common-Layout { -ms-grid-columns: minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr); grid-template-columns: minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) minmax(176px, 1fr) } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.pricing #plansTable .common-Table .common-Layout .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } body.pricing #plansTable > .comparison .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #plansTable > .comparison .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .comparison .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #plansTable > .comparison .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #plansTable > .comparison .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #plansTable > .comparison { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #plansTable > .comparison .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricing #cost .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #cost .common-LayoutCell:nth-child(2n - 1) { /*margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1);*/ } body.pricing #cost .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { /*padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2);*/ } body.pricing #cost .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #cost .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 964px) { body.pricing #cost { /*-ms-grid-columns: minmax(512px, 2fr) minmax(448px, 1fr); grid-template-columns: minmax(512px, 2fr) minmax(448px, 1fr)*/ } body.pricing #cost .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; /*grid-column: 1 / 2;*/ grid-column: 1; } body.pricing #cost .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.pricing #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricing #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricing #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricing #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricing #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricing #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricing #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.pricingComparison #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.pricingComparison #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricingComparison #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricingComparison #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.pricingComparison #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } @media (min-width: 1196px) { body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n - 4) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n - 4) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:not(.fullWidth):nth-child(5n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.pricingComparison .common-Table .common-Layout { -ms-grid-columns: minmax(176px, 3fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr); grid-template-columns: minmax(176px, 3fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) minmax(128px, 1fr) } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+3) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+4) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; } body.pricingComparison .common-Table .common-Layout .common-LayoutCell:nth-child(5n+5) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } } body.signup #signup .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.signup #signup .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.signup #signup .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.signup #signup .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.signup #signup .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 880px) { body.signup #signup { -ms-grid-columns: minmax(370px, 1fr) minmax(506px, 1fr); grid-template-columns: minmax(370px, 1fr) minmax(506px, 1fr) } body.signup #signup .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.signup #signup .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.solutions #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.solutions #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.solutions #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.solutions #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.solutions #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.solutions #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.solutions #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.solutions #cost .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.solutions #cost .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.solutions #cost .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.solutions #cost .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.solutions #cost .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 964px) { body.solutions #cost { -ms-grid-columns: minmax(512px, 2fr) minmax(448px, 1fr); grid-template-columns: minmax(512px, 2fr) minmax(448px, 1fr) } body.solutions #cost .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.solutions #cost .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.drivers #drivers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.drivers #drivers .common-LayoutCell:nth-child(2n - 1) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.drivers #drivers .common-LayoutCell:not(.fullWidth):nth-child(2n - 1) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.drivers #drivers .common-LayoutCell:nth-child(2n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.drivers #drivers .common-LayoutCell:not(.fullWidth):nth-child(2n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 880px) { body.drivers #drivers { -ms-grid-columns: minmax(370px, 1fr) minmax(506px, 1fr); grid-template-columns: minmax(370px, 1fr) minmax(506px, 1fr) } body.drivers #drivers .common-LayoutCell:nth-child(2n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } body.drivers #drivers .common-LayoutCell:nth-child(2n+2) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; } } body.landingPageAlt #hero .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #hero .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #hero .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #hero .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #hero .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #hero { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #hero .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPageAlt #features > .intro .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #features > .intro .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #features > .intro .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .intro .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #features > .intro { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #features > .intro .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPageAlt #features > .featureGrid .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #features > .featureGrid .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #features > .featureGrid .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #features > .featureGrid .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #features > .featureGrid { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #features > .featureGrid .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.landingPageAlt #customers .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.landingPageAlt #customers .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #customers .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.landingPageAlt #customers .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.landingPageAlt #customers .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.landingPageAlt #customers { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.landingPageAlt #customers .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } } body.lost #illustration .common-LayoutCell { grid-column: 1 / -1; } @media (min-width: 1196px) { body.lost #illustration .common-LayoutCell:nth-child(1n - 0) { margin-left: -webkit-calc((100vw - 1196px)/2*-1); margin-left: -moz-calc((100vw - 1196px)/2*-1); margin-left: calc((100vw - 1196px)/2*-1); margin-left: -webkit-calc((100vw - var(--content-width))/2*-1); margin-left: -moz-calc((100vw - var(--content-width))/2*-1); margin-left: calc((100vw - var(--content-width))/2*-1); } body.lost #illustration .common-LayoutCell:not(.fullWidth):nth-child(1n - 0) { padding-left: -webkit-calc((100vw - 1196px)/2); padding-left: -moz-calc((100vw - 1196px)/2); padding-left: calc((100vw - 1196px)/2); padding-left: -webkit-calc((100vw - var(--content-width))/2); padding-left: -moz-calc((100vw - var(--content-width))/2); padding-left: calc((100vw - var(--content-width))/2); } body.lost #illustration .common-LayoutCell:nth-child(1n) { margin-right: -webkit-calc((100vw - 1196px)/2*-1); margin-right: -moz-calc((100vw - 1196px)/2*-1); margin-right: calc((100vw - 1196px)/2*-1); margin-right: -webkit-calc((100vw - var(--content-width))/2*-1); margin-right: -moz-calc((100vw - var(--content-width))/2*-1); margin-right: calc((100vw - var(--content-width))/2*-1); } body.lost #illustration .common-LayoutCell:not(.fullWidth):nth-child(1n) { padding-right: -webkit-calc((100vw - 1196px)/2); padding-right: -moz-calc((100vw - 1196px)/2); padding-right: calc((100vw - 1196px)/2); padding-right: -webkit-calc((100vw - var(--content-width))/2); padding-right: -moz-calc((100vw - var(--content-width))/2); padding-right: calc((100vw - var(--content-width))/2); } } @media (min-width: 0px) { body.lost #illustration { -ms-grid-columns: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) } body.lost #illustration .common-LayoutCell:nth-child(1n+1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; } }