/*
Colors
--------------------------------------------------------------------------------------------------------------*/
/*
Functions
--------------------------------------------------------------------------------------------------------------*/
/*
Foundation Overrides
--------------------------------------------------------------------------------------------------------------*/
/*
Preset Spacing
--------------------------------------------------------------------------------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
/* line 9, ../../../core/_src/foundation/scss/normalize.scss */
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
/* line 19, ../../../core/_src/foundation/scss/normalize.scss */
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
/* line 33, ../../../core/_src/foundation/scss/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
/* line 54, ../../../core/_src/foundation/scss/normalize.scss */
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
/* line 67, ../../../core/_src/foundation/scss/normalize.scss */
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
/* line 77, ../../../core/_src/foundation/scss/normalize.scss */
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
/* line 89, ../../../core/_src/foundation/scss/normalize.scss */
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
/* line 97, ../../../core/_src/foundation/scss/normalize.scss */
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
/* line 109, ../../../core/_src/foundation/scss/normalize.scss */
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
/* line 117, ../../../core/_src/foundation/scss/normalize.scss */
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
/* line 126, ../../../core/_src/foundation/scss/normalize.scss */
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
/* line 135, ../../../core/_src/foundation/scss/normalize.scss */
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
/* line 144, ../../../core/_src/foundation/scss/normalize.scss */
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
/* line 153, ../../../core/_src/foundation/scss/normalize.scss */
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
/* line 161, ../../../core/_src/foundation/scss/normalize.scss */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
/* line 169, ../../../core/_src/foundation/scss/normalize.scss */
sup {
top: -0.5em;
}
/* line 173, ../../../core/_src/foundation/scss/normalize.scss */
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
/* line 184, ../../../core/_src/foundation/scss/normalize.scss */
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
/* line 192, ../../../core/_src/foundation/scss/normalize.scss */
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
/* line 203, ../../../core/_src/foundation/scss/normalize.scss */
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
/* line 211, ../../../core/_src/foundation/scss/normalize.scss */
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
/* line 221, ../../../core/_src/foundation/scss/normalize.scss */
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
/* line 229, ../../../core/_src/foundation/scss/normalize.scss */
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
/* line 252, ../../../core/_src/foundation/scss/normalize.scss */
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
/* line 266, ../../../core/_src/foundation/scss/normalize.scss */
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
/* line 277, ../../../core/_src/foundation/scss/normalize.scss */
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
/* line 290, ../../../core/_src/foundation/scss/normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
/* line 302, ../../../core/_src/foundation/scss/normalize.scss */
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
/* line 311, ../../../core/_src/foundation/scss/normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
/* line 322, ../../../core/_src/foundation/scss/normalize.scss */
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
/* line 334, ../../../core/_src/foundation/scss/normalize.scss */
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
/* line 346, ../../../core/_src/foundation/scss/normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
/* line 357, ../../../core/_src/foundation/scss/normalize.scss */
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
/* line 370, ../../../core/_src/foundation/scss/normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
/* line 379, ../../../core/_src/foundation/scss/normalize.scss */
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
/* line 390, ../../../core/_src/foundation/scss/normalize.scss */
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
/* line 399, ../../../core/_src/foundation/scss/normalize.scss */
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
/* line 408, ../../../core/_src/foundation/scss/normalize.scss */
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
/* line 419, ../../../core/_src/foundation/scss/normalize.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 424, ../../../core/_src/foundation/scss/normalize.scss */
td,
th {
padding: 0;
}
/* line 347, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-version {
font-family: "/{{VERSION}}/";
}
/* line 351, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0em;
}
/* line 356, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em;
}
/* line 361, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em;
}
/* line 366, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em;
}
/* line 371, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em;
}
/* line 376, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
meta.foundation-data-attribute-namespace {
font-family: false;
}
/* line 383, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
html, body {
height: 100%;
}
/* line 386, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 392, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
html,
body {
font-size: 100%;
}
/* line 396, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
body {
background: #ffffff;
color: #222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.5;
position: relative;
cursor: auto;
}
/* line 409, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
a:hover {
cursor: pointer;
}
/* line 412, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
img {
max-width: 100%;
height: auto;
}
/* line 414, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
img {
-ms-interpolation-mode: bicubic;
}
/* line 418, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
max-width: none !important;
}
/* line 425, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.left {
float: left !important;
}
/* line 426, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.right {
float: right !important;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
/* line 173, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.clearfix:after {
clear: both;
}
/* line 430, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.hide {
display: none !important;
visibility: hidden;
}
/* line 436, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.invisible {
visibility: hidden;
}
/* line 442, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 445, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
img {
display: inline-block;
vertical-align: middle;
}
/* line 455, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
textarea {
height: auto;
min-height: 50px;
}
/* line 458, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
select {
width: 100%;
}
/* line 218, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 90rem;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.row:before, .row:after {
content: " ";
display: table;
}
/* line 173, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.row:after {
clear: both;
}
/* line 222, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
/* line 225, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
/* line 228, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.row .row {
width: auto;
margin-left: -1.25rem;
margin-right: -1.25rem;
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.row .row:before, .row .row:after {
content: " ";
display: table;
}
/* line 173, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.row .row:after {
clear: both;
}
/* line 229, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
/* line 173, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.row .row.collapse:after {
clear: both;
}
/* line 233, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column,
.columns {
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 100%;
float: left;
}
/* line 236, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
[class*="column"] + [class*="column"]:last-child {
float: right;
}
/* line 237, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
[class*="column"] + [class*="column"].end {
float: left;
}
@media only screen {
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem;
float: left;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-1 {
width: 8.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-2 {
width: 16.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-3 {
width: 25%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-4 {
width: 33.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-5 {
width: 41.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-6 {
width: 50%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-7 {
width: 58.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-8 {
width: 66.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-9 {
width: 75%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-10 {
width: 83.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-11 {
width: 91.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-12 {
width: 100%;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-0 {
margin-left: 0% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-1 {
margin-left: 8.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-2 {
margin-left: 16.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-3 {
margin-left: 25% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-4 {
margin-left: 33.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-5 {
margin-left: 41.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-6 {
margin-left: 50% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-7 {
margin-left: 58.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-8 {
margin-left: 66.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-9 {
margin-left: 75% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-10 {
margin-left: 83.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-offset-11 {
margin-left: 91.66667% !important;
}
/* line 180, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 188, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
/* line 191, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.small-uncentered,
.columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
/* line 199, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
}
/* line 205, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
}
/* line 210, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
}
}
@media only screen and (min-width: 40.063em) {
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem;
float: left;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-1 {
width: 8.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-2 {
width: 16.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-3 {
width: 25%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-4 {
width: 33.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-5 {
width: 41.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-6 {
width: 50%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-7 {
width: 58.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-8 {
width: 66.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-9 {
width: 75%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-10 {
width: 83.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-11 {
width: 91.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-12 {
width: 100%;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-0 {
margin-left: 0% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-1 {
margin-left: 8.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-2 {
margin-left: 16.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-3 {
margin-left: 25% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-4 {
margin-left: 33.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-5 {
margin-left: 41.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-6 {
margin-left: 50% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-7 {
margin-left: 58.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-8 {
margin-left: 66.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-9 {
margin-left: 75% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-10 {
margin-left: 83.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-offset-11 {
margin-left: 91.66667% !important;
}
/* line 180, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 188, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
/* line 191, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.medium-uncentered,
.columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
/* line 199, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none;
}
/* line 205, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left;
}
/* line 210, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 64.063em) {
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem;
float: left;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-1 {
width: 8.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-2 {
width: 16.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-3 {
width: 25%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-4 {
width: 33.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-5 {
width: 41.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-6 {
width: 50%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-7 {
width: 58.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-8 {
width: 66.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-9 {
width: 75%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-10 {
width: 83.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-11 {
width: 91.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-12 {
width: 100%;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-0 {
margin-left: 0% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-1 {
margin-left: 8.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-2 {
margin-left: 16.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-3 {
margin-left: 25% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-4 {
margin-left: 33.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-5 {
margin-left: 41.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-6 {
margin-left: 50% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-7 {
margin-left: 58.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-8 {
margin-left: 66.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-9 {
margin-left: 75% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-10 {
margin-left: 83.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-offset-11 {
margin-left: 91.66667% !important;
}
/* line 180, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 188, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
/* line 191, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
/* line 199, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
/* line 205, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
/* line 210, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 258, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 261, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 90.063em) {
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem;
float: left;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-1 {
width: 8.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-2 {
width: 16.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-3 {
width: 25%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-4 {
width: 33.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-5 {
width: 41.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-6 {
width: 50%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-7 {
width: 58.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-8 {
width: 66.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-9 {
width: 75%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-10 {
width: 83.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-11 {
width: 91.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-12 {
width: 100%;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-0 {
margin-left: 0% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-1 {
margin-left: 8.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-2 {
margin-left: 16.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-3 {
margin-left: 25% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-4 {
margin-left: 33.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-5 {
margin-left: 41.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-6 {
margin-left: 50% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-7 {
margin-left: 58.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-8 {
margin-left: 66.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-9 {
margin-left: 75% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-10 {
margin-left: 83.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-offset-11 {
margin-left: 91.66667% !important;
}
/* line 180, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xlarge-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 188, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xlarge-centered,
.columns.xlarge-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
/* line 191, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xlarge-uncentered,
.columns.xlarge-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
/* line 199, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xlarge-centered:last-child,
.columns.xlarge-centered:last-child {
float: none;
}
/* line 205, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xlarge-uncentered:last-child,
.columns.xlarge-uncentered:last-child {
float: left;
}
/* line 210, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xlarge-uncentered.opposite,
.columns.xlarge-uncentered.opposite {
float: right;
}
}
@media only screen and (min-width: 120.063em) {
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-0 {
position: relative;
left: 0%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-0 {
position: relative;
right: 0%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-3 {
position: relative;
left: 25%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-3 {
position: relative;
right: 25%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-6 {
position: relative;
left: 50%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-6 {
position: relative;
right: 50%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-9 {
position: relative;
left: 75%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-9 {
position: relative;
right: 75%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
/* line 159, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column,
.columns {
position: relative;
padding-left: 1.25rem;
padding-right: 1.25rem;
float: left;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-1 {
width: 8.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-2 {
width: 16.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-3 {
width: 25%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-4 {
width: 33.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-5 {
width: 41.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-6 {
width: 50%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-7 {
width: 58.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-8 {
width: 66.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-9 {
width: 75%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-10 {
width: 83.33333%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-11 {
width: 91.66667%;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-12 {
width: 100%;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-0 {
margin-left: 0% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-1 {
margin-left: 8.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-2 {
margin-left: 16.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-3 {
margin-left: 25% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-4 {
margin-left: 33.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-5 {
margin-left: 41.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-6 {
margin-left: 50% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-7 {
margin-left: 58.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-8 {
margin-left: 66.66667% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-9 {
margin-left: 75% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-10 {
margin-left: 83.33333% !important;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-offset-11 {
margin-left: 91.66667% !important;
}
/* line 180, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.xxlarge-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
/* line 188, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xxlarge-centered,
.columns.xxlarge-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
/* line 191, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xxlarge-uncentered,
.columns.xxlarge-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
/* line 199, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xxlarge-centered:last-child,
.columns.xxlarge-centered:last-child {
float: none;
}
/* line 205, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xxlarge-uncentered:last-child,
.columns.xxlarge-uncentered:last-child {
float: left;
}
/* line 210, ../../../core/_src/foundation/scss/foundation/components/_grid.scss */
.column.xxlarge-uncentered.opposite,
.columns.xxlarge-uncentered.opposite {
float: right;
}
}
/* line 216, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button, .button {
border-style: solid;
border-width: 0px;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button:hover, button:focus, .button:hover, .button:focus {
background-color: #007095;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button:hover, button:focus, .button:hover, .button:focus {
color: #FFFFFF;
}
/* line 223, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.secondary, .button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #b9b9b9;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #333333;
}
/* line 224, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.success, .button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color: #368a55;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
color: #FFFFFF;
}
/* line 225, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.alert, .button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color: #cf2a0e;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color: #FFFFFF;
}
/* line 226, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.warning, .button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFFFFF;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
background-color: #cf6e0e;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
color: #FFFFFF;
}
/* line 227, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.info, .button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
background-color: #61b6d9;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
color: #FFFFFF;
}
/* line 229, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.large, .button.large {
padding-top: 1.125rem;
padding-right: 2.25rem;
padding-bottom: 1.1875rem;
padding-left: 2.25rem;
font-size: 1.25rem;
}
/* line 230, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.small, .button.small {
padding-top: 0.875rem;
padding-right: 1.75rem;
padding-bottom: 0.9375rem;
padding-left: 1.75rem;
font-size: 0.8125rem;
}
/* line 231, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.tiny, .button.tiny {
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
}
/* line 232, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.expand, .button.expand {
padding-right: 0;
padding-left: 0;
width: 100%;
}
/* line 234, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75rem;
}
/* line 235, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.right-align, .button.right-align {
text-align: right;
padding-right: 0.75rem;
}
/* line 237, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.radius, .button.radius {
border-radius: 3px;
}
/* line 238, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.round, .button.round {
border-radius: 1000px;
}
/* line 240, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #007095;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
color: #FFFFFF;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #008CBA;
}
/* line 241, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #b9b9b9;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
color: #333333;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e7e7e7;
}
/* line 242, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #368a55;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
color: #FFFFFF;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #43AC6A;
}
/* line 243, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cf2a0e;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
color: #FFFFFF;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #f04124;
}
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #cf6e0e;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
color: #FFFFFF;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #f08a24;
}
/* line 245, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
/* line 161, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #61b6d9;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
color: #FFFFFF;
}
/* line 178, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #a0d3e8;
}
/* line 250, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button::-moz-focus-inner {
border: 0;
padding: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 253, ../../../core/_src/foundation/scss/foundation/components/_buttons.scss */
button, .button {
display: inline-block;
}
}
/* Standard Forms */
/* line 380, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form {
margin: 0 0 1rem;
}
/* Using forms within rows, we need to set some defaults */
/* line 86, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .row {
margin: 0 -0.5rem;
}
/* line 88, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .row .column,
form .row .row .columns {
padding: 0 0.5rem;
}
/* line 92, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .row.collapse {
margin: 0;
}
/* line 94, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0;
}
/* line 96, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
/* line 102, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5rem;
}
/* Label Styles */
/* line 386, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
label {
font-size: 0.875rem;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0;
/* Styles for required inputs */
}
/* line 387, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
label.right {
float: none !important;
text-align: right;
}
/* line 388, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
label.inline {
margin: 0 0 1rem 0;
padding: 0.5625rem 0;
}
/* line 390, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
label small {
text-transform: capitalize;
color: #676767;
}
/* Attach elements to the beginning or end of an input */
/* line 397, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.prefix,
.postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-style: solid;
border-width: 1px;
overflow: hidden;
font-size: 0.875rem;
height: 2.3125rem;
line-height: 2.3125rem;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
/* line 401, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.postfix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125rem;
border: none;
}
/* line 402, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.prefix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125rem;
border: none;
}
/* line 404, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
/* line 405, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
/* line 406, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
/* line 407, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
/* line 410, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
span.prefix, label.prefix {
background: #f2f2f2;
border-right: none;
color: #333333;
border-color: #cccccc;
}
/* line 411, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
span.postfix, label.postfix {
background: #f2f2f2;
border-left: none;
color: #333333;
border-color: #cccccc;
}
/* We use this to get basic styling on all basic form elements */
/* line 414, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0px;
background-color: #FFFFFF;
font-family: inherit;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 0.875rem;
margin: 0 0 1rem 0;
padding: 0.5rem;
height: 2.3125rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
/* line 185, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
box-shadow: 0 0 5px #999999;
border-color: #999999;
}
/* line 132, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none;
}
/* line 138, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
background-color: #DDDDDD;
cursor: default;
}
/* line 144, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly], fieldset[disabled]
input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly], fieldset[disabled]
input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly], fieldset[disabled]
input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly], fieldset[disabled]
input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly], fieldset[disabled]
input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly], fieldset[disabled]
input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly], fieldset[disabled]
input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly], fieldset[disabled]
input[type="color"],
textarea[disabled],
textarea[readonly], fieldset[disabled]
textarea {
background-color: #DDDDDD;
cursor: default;
}
/* line 435, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
border-radius: 3px;
}
/* line 443, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
/* line 446, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
/* line 449, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
/* line 452, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
/* line 455, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* line 458, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
/* line 461, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
/* line 464, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* line 469, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
/* Respect enforced amount of rows for textarea */
/* line 475, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
textarea[rows] {
height: auto;
}
/* Not allow resize out of parent */
/* line 480, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
textarea {
max-width: 100%;
}
/* Add height value for select elements to match text input height */
/* Adjust margin for form elements below */
/* line 491, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="file"],
input[type="checkbox"],
input[type="radio"] {
margin: 0 0 1rem 0;
}
/* line 498, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline;
}
/* Normalize file input width */
/* line 508, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input[type="file"] {
width: 100%;
}
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
/* line 522, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
fieldset {
border: 1px solid #DDDDDD;
padding: 1.25rem;
margin: 1.125rem 0;
}
/* line 273, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
fieldset legend {
font-weight: bold;
background: #FFFFFF;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
/* Error Handling */
/* line 529, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #f04124;
color: #FFFFFF;
}
/* line 532, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
[data-abide] span.error, [data-abide] small.error {
display: none;
}
/* line 535, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
span.error, small.error {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #f04124;
color: #FFFFFF;
}
/* line 540, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.error input,
.error textarea {
margin-bottom: 0;
}
/* line 546, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem;
}
/* line 551, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.error label,
.error label.error {
color: #f04124;
}
/* line 556, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.error small.error {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #f04124;
color: #FFFFFF;
}
/* line 561, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.error > label > small {
color: #676767;
background: transparent;
padding: 0;
text-transform: capitalize;
font-style: normal;
font-size: 60%;
margin: 0;
display: inline;
}
/* line 573, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
.error span.error-message {
display: block;
}
/* line 578, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
input.error,
textarea.error,
select.error {
margin-bottom: 0;
}
/* line 583, ../../../core/_src/foundation/scss/foundation/components/_forms.scss */
label.error {
color: #f04124;
}
/* line 155, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.text-left {
text-align: left !important;
}
/* line 156, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.text-right {
text-align: right !important;
}
/* line 157, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.text-center {
text-align: center !important;
}
/* line 158, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.text-justify {
text-align: justify !important;
}
@media only screen and (max-width: 40em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-only-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-only-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-only-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-only-text-justify {
text-align: justify !important;
}
}
@media only screen {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.small-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-only-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-only-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-only-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.medium-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-only-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-only-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-only-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.large-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-only-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-only-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-only-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xlarge-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-only-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-only-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-only-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) {
/* line 162, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-text-left {
text-align: left !important;
}
/* line 163, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-text-right {
text-align: right !important;
}
/* line 164, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-text-center {
text-align: center !important;
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.xxlarge-text-justify {
text-align: justify !important;
}
}
/* Typography resets */
/* line 193, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
/* Default Link Styles */
/* line 217, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
a {
color: #008CBA;
text-decoration: none;
line-height: inherit;
}
/* line 222, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
a:hover, a:focus {
color: #0078a0;
}
/* line 230, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
a img {
border: none;
}
/* Default paragraph styles */
/* line 234, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
p {
font-family: inherit;
font-weight: normal;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;
}
/* line 242, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
p.lead {
font-size: 1.21875rem;
line-height: 1.6;
}
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
p aside {
font-size: 0.875rem;
line-height: 1.35;
font-style: italic;
}
/* Default header styles */
/* line 252, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4;
}
/* line 262, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0;
}
/* line 269, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h1 {
font-size: 2.125rem;
}
/* line 270, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h2 {
font-size: 1.6875rem;
}
/* line 271, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h3 {
font-size: 1.375rem;
}
/* line 272, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h4 {
font-size: 1.125rem;
}
/* line 273, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h5 {
font-size: 1.125rem;
}
/* line 274, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h6 {
font-size: 1rem;
}
/* line 276, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
/* line 278, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 0;
}
/* Helpful Typography Defaults */
/* line 287, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
em,
i {
font-style: italic;
line-height: inherit;
}
/* line 293, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
strong,
b {
font-weight: bold;
line-height: inherit;
}
/* line 299, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
small {
font-size: 60%;
line-height: inherit;
}
/* line 304, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #333333;
background-color: #f8f8f8;
border-width: 1px;
border-style: solid;
border-color: #dfdfdf;
padding: 0.125rem 0.3125rem 0.0625rem;
}
/* Lists */
/* line 316, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul,
ol,
dl {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
list-style-position: outside;
font-family: inherit;
}
/* line 326, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul {
margin-left: 1.1rem;
}
/* line 328, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.no-bullet {
margin-left: 0;
}
/* line 331, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.no-bullet li ul,
ul.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none;
}
/* Unordered Lists */
/* line 344, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
/* line 353, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit;
}
/* line 356, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.square {
list-style-type: square;
margin-left: 1.1rem;
}
/* line 357, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.circle {
list-style-type: circle;
margin-left: 1.1rem;
}
/* line 358, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.disc {
list-style-type: disc;
margin-left: 1.1rem;
}
/* line 359, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ul.no-bullet {
list-style: none;
}
/* Ordered Lists */
/* line 363, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ol {
margin-left: 1.4rem;
}
/* line 366, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
/* Definition Lists */
/* line 376, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
/* line 380, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
dl dd {
margin-bottom: 0.75rem;
}
/* Abbreviations */
/* line 384, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help;
}
/* line 391, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
abbr {
text-transform: none;
}
/* line 393, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
abbr[title] {
border-bottom: 1px dotted #DDDDDD;
}
/* Blockquotes */
/* line 399, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDDDDD;
}
/* line 404, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555;
}
/* line 408, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
blockquote cite:before {
content: "\2014 \0020";
}
/* line 412, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
blockquote cite a,
blockquote cite a:visited {
color: #555555;
}
/* line 418, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f;
}
/* Microformats */
/* line 425, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem;
}
/* line 431, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.vcard li {
margin: 0;
display: block;
}
/* line 435, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem;
}
/* line 442, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.vevent .summary {
font-weight: bold;
}
/* line 444, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem;
}
@media only screen and (min-width: 40.063em) {
/* line 455, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
/* line 456, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h1 {
font-size: 2.75rem;
}
/* line 457, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h2 {
font-size: 2.3125rem;
}
/* line 458, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h3 {
font-size: 1.6875rem;
}
/* line 459, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h4 {
font-size: 1.4375rem;
}
/* line 460, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h5 {
font-size: 1.125rem;
}
/* line 461, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h6 {
font-size: 1rem;
}
}
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
/* line 472, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.print-only {
display: none !important;
}
@media print {
/* line 474, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
* {
background: transparent !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
/* line 481, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
a,
a:visited {
text-decoration: underline;
}
/* line 483, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
a[href]:after {
content: " (" attr(href) ")";
}
/* line 485, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
abbr[title]:after {
content: " (" attr(title) ")";
}
/* line 488, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* line 492, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
/* line 498, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
thead {
display: table-header-group;
/* h5bp.com/t */
}
/* line 500, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
tr,
img {
page-break-inside: avoid;
}
/* line 503, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
/* line 507, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
/* line 514, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
h2,
h3 {
page-break-after: avoid;
}
/* line 517, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.hide-on-print {
display: none !important;
}
/* line 518, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.print-only {
display: block !important;
}
/* line 519, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.hide-for-print {
display: none !important;
}
/* line 520, ../../../core/_src/foundation/scss/foundation/components/_type.scss */
.show-for-print {
display: inherit !important;
}
}
/* small displays */
@media only screen {
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
/* line 251, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 254, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 259, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
/* line 262, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
/* line 265, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
/* line 268, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row !important;
}
/* line 271, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* medium displays */
@media only screen and (min-width: 40.063em) {
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
/* line 251, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 254, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 259, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
/* line 262, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
/* line 265, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
/* line 268, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row !important;
}
/* line 271, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* large displays */
@media only screen and (min-width: 64.063em) {
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
/* line 251, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 254, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 259, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
/* line 262, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
/* line 265, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
/* line 268, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row !important;
}
/* line 271, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
/* line 251, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 254, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 259, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
/* line 262, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
/* line 265, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
/* line 268, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row !important;
}
/* line 271, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
/* line 244, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
/* line 247, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
/* line 251, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* line 254, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* line 259, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
/* line 262, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
/* line 265, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
/* line 268, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row !important;
}
/* line 271, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* Orientation targeting */
/* line 285, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
/* line 287, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
/* line 292, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.hide-for-landscape, table.show-for-portrait {
display: table !important;
}
/* line 296, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important;
}
/* line 300, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important;
}
/* line 304, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important;
}
/* line 309, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
/* line 314, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
/* line 316, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
/* line 321, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.show-for-landscape, table.hide-for-portrait {
display: table !important;
}
/* line 325, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important;
}
/* line 329, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important;
}
/* line 333, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important;
}
/* line 338, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
/* line 344, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-portrait,
.hide-for-landscape {
display: inherit !important;
}
/* line 346, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
/* Specific visibility for tables */
/* line 351, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.show-for-portrait, table.hide-for-landscape {
display: table !important;
}
/* line 355, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important;
}
/* line 359, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important;
}
/* line 363, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important;
}
/* line 368, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important;
}
}
/* Touch-enabled device targeting */
/* line 374, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-touch {
display: none !important;
}
/* line 375, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-touch {
display: inherit !important;
}
/* line 376, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch .show-for-touch {
display: inherit !important;
}
/* line 377, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch .hide-for-touch {
display: none !important;
}
/* Specific visibility for tables */
/* line 380, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.hide-for-touch {
display: table !important;
}
/* line 381, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch table.show-for-touch {
display: table !important;
}
/* line 382, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.hide-for-touch {
display: table-header-group !important;
}
/* line 383, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch thead.show-for-touch {
display: table-header-group !important;
}
/* line 384, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.hide-for-touch {
display: table-row-group !important;
}
/* line 385, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch tbody.show-for-touch {
display: table-row-group !important;
}
/* line 386, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.hide-for-touch {
display: table-row !important;
}
/* line 387, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch tr.show-for-touch {
display: table-row !important;
}
/* line 388, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
td.hide-for-touch {
display: table-cell !important;
}
/* line 389, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch td.show-for-touch {
display: table-cell !important;
}
/* line 390, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.hide-for-touch {
display: table-cell !important;
}
/* line 391, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.touch th.show-for-touch {
display: table-cell !important;
}
/* Print visibility */
@media print {
/* line 396, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.show-for-print {
display: block;
}
/* line 397, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
.hide-for-print {
display: none;
}
/* line 399, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
table.show-for-print {
display: table !important;
}
/* line 400, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
thead.show-for-print {
display: table-header-group !important;
}
/* line 401, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tbody.show-for-print {
display: table-row-group !important;
}
/* line 402, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
tr.show-for-print {
display: table-row !important;
}
/* line 403, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
td.show-for-print {
display: table-cell !important;
}
/* line 404, ../../../core/_src/foundation/scss/foundation/components/_visibility.scss */
th.show-for-print {
display: table-cell !important;
}
}
/* line 165, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal-bg {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000;
background: rgba(0, 0, 0, 0.45);
z-index: 1004;
display: none;
left: 0;
}
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal, dialog {
visibility: hidden;
display: none;
position: absolute;
z-index: 1005;
width: 100vw;
top: 0;
border-radius: 3px;
left: 0;
background-color: #FFFFFF;
padding: 1.25rem;
border: solid 1px #666666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
padding: 1.875rem;
}
@media only screen and (max-width: 40em) {
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal, dialog {
min-height: 100vh;
}
}
/* line 85, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns {
min-width: 0;
}
/* line 88, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal > :first-child, dialog > :first-child {
margin-top: 0;
}
/* line 90, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal > :last-child, dialog > :last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal, dialog {
width: 80%;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
/* line 167, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal, dialog {
top: 6.25rem;
}
}
/* line 179, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.radius, dialog.radius {
border-radius: 3px;
}
/* line 180, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.round, dialog.round {
border-radius: 1000px;
}
/* line 181, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.collapse, dialog.collapse {
padding: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 182, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.tiny, dialog.tiny {
width: 30%;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
/* line 183, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.small, dialog.small {
width: 40%;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
/* line 184, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.medium, dialog.medium {
width: 60%;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
/* line 185, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.large, dialog.large {
width: 70%;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
/* line 186, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.xlarge, dialog.xlarge {
width: 95%;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
/* line 187, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.full, dialog.full {
top: 0;
left: 0;
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none !important;
margin-left: 0 !important;
}
@media only screen and (min-width: 40.063em) {
/* line 187, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal.full, dialog.full {
width: 100vw;
max-width: 90rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
/* line 198, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
font-size: 2.5rem;
line-height: 1;
position: absolute;
top: 0.5rem;
right: 0.6875rem;
color: #AAAAAA;
font-weight: bold;
cursor: pointer;
}
/* line 201, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
dialog {
display: none;
}
/* line 205, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
dialog::backdrop, dialog + .backdrop {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000;
background: rgba(0, 0, 0, 0.45);
z-index: auto;
display: none;
left: 0;
}
/* line 209, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
dialog[open] {
display: block;
}
@media print {
/* line 216, ../../../core/_src/foundation/scss/foundation/components/_reveal.scss */
dialog, .reveal-modal, dialog {
display: none;
background: #FFFFFF !important;
}
}
/* line 129, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion {
margin-bottom: 0;
}
/* line 172, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.accordion:before, .accordion:after {
content: " ";
display: table;
}
/* line 173, ../../../core/_src/foundation/scss/foundation/components/_global.scss */
.accordion:after {
clear: both;
}
/* line 132, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation, .accordion dd {
display: block;
margin-bottom: 0 !important;
}
/* line 135, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background: #e8e8e8;
}
/* line 136, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > a, .accordion dd > a {
background: #EFEFEF;
color: #222222;
padding: 1rem;
display: block;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 1rem;
}
/* line 143, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background: #e3e3e3;
}
/* line 146, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > .content, .accordion dd > .content {
display: none;
padding: 1.25rem;
}
/* line 149, ../../../core/_src/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
display: block;
background: #FFFFFF;
}
/* line 131, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table {
background: #FFFFFF;
margin-bottom: 1.25rem;
border: solid 1px #DDDDDD;
table-layout: auto;
}
/* line 69, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table caption {
background: transparent;
color: #222222;
font-size: 1rem;
font-weight: bold;
}
/* line 78, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table thead {
background: #F5F5F5;
}
/* line 82, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table thead tr th,
table thead tr td {
padding: 0.5rem 0.625rem 0.625rem;
font-size: 0.875rem;
font-weight: bold;
color: #222222;
}
/* line 92, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table tfoot {
background: #F5F5F5;
}
/* line 96, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table tfoot tr th,
table tfoot tr td {
padding: 0.5rem 0.625rem 0.625rem;
font-size: 0.875rem;
font-weight: bold;
color: #222222;
}
/* line 107, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table tr th,
table tr td {
padding: 0.5625rem 0.625rem;
font-size: 0.875rem;
color: #222222;
text-align: left;
}
/* line 115, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: #F9F9F9;
}
/* line 120, ../../../core/_src/foundation/scss/foundation/components/_tables.scss */
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
display: table-cell;
line-height: 1.125rem;
}
@charset "UTF-8";
@font-face {
font-family: 'ultracart-storefronts-1';
src: url(../../themes/UltraCart/theme/assets/fonts/ultracart-storefronts-1.eot);
src: url(../../themes/UltraCart/theme/assets/fonts/ultracart-storefronts-1.eot?#iefix) format("embedded-opentype"), url(../../themes/UltraCart/theme/assets/fonts/ultracart-storefronts-1.woff) format("woff"), url(../../themes/UltraCart/theme/assets/fonts/ultracart-storefronts-1.ttf) format("truetype"), url(../../themes/UltraCart/theme/assets/fonts/ultracart-storefronts-1.svg#ultracart-storefronts-1) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ultracarticons';
src: url(../../themes/UltraCart/theme/assets/fonts/ultracarticons.eot);
src: url(../../themes/UltraCart/theme/assets/fonts/ultracarticons.eot?#iefix) format("embedded-opentype"), url(../../themes/UltraCart/theme/assets/fonts/ultracarticons.woff) format("woff"), url(../../themes/UltraCart/theme/assets/fonts/ultracarticons.ttf) format("truetype"), url(../../themes/UltraCart/theme/assets/fonts/ultracarticons.svg#ultracarticons) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "icons";
src: url(../../themes/UltraCart/theme/assets/fonts/icons.eot?e1c31f65c1b8a6266bb5de85cbc5443d?#iefix) format("embedded-opentype"), url(../../themes/UltraCart/theme/assets/fonts/icons.woff?e1c31f65c1b8a6266bb5de85cbc5443d) format("woff"), url(../../themes/UltraCart/theme/assets/fonts/icons.ttf?e1c31f65c1b8a6266bb5de85cbc5443d) format("truetype"), url(../../themes/UltraCart/theme/assets/fonts/icons.svg?e1c31f65c1b8a6266bb5de85cbc5443d#icons) format("svg");
}
/* Variables
--------------------------------------------------------------------------------------------------------------*/
/*
Colors
--------------------------------------------------------------------------------------------------------------*/
/*
Functions
--------------------------------------------------------------------------------------------------------------*/
/*
Foundation Overrides
--------------------------------------------------------------------------------------------------------------*/
/*
Preset Spacing
--------------------------------------------------------------------------------------------------------------*/
/* Libs
--------------------------------------------------------------------------------------------------------------*/
/* Slider */
/* line 3, ../../_src/scss/lib/_slick.scss */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
/* line 18, ../../_src/scss/lib/_slick.scss */
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
/* line 25, ../../_src/scss/lib/_slick.scss */
.slick-list:focus {
outline: none;
}
/* line 29, ../../_src/scss/lib/_slick.scss */
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
/* line 34, ../../_src/scss/lib/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* line 43, ../../_src/scss/lib/_slick.scss */
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
/* line 49, ../../_src/scss/lib/_slick.scss */
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
/* line 55, ../../_src/scss/lib/_slick.scss */
.slick-track:after {
clear: both;
}
/* line 59, ../../_src/scss/lib/_slick.scss */
.slick-loading .slick-track {
visibility: hidden;
}
/* line 63, ../../_src/scss/lib/_slick.scss */
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
/* line 67, ../../_src/scss/lib/_slick.scss */
[dir="rtl"] .slick-slide {
float: right;
}
/* line 70, ../../_src/scss/lib/_slick.scss */
.slick-slide img {
display: block;
}
/* line 73, ../../_src/scss/lib/_slick.scss */
.slick-slide.slick-loading img {
display: none;
}
/* line 79, ../../_src/scss/lib/_slick.scss */
.slick-slide.dragging img {
pointer-events: none;
}
/* line 83, ../../_src/scss/lib/_slick.scss */
.slick-initialized .slick-slide {
display: block;
}
/* line 87, ../../_src/scss/lib/_slick.scss */
.slick-loading .slick-slide {
visibility: hidden;
}
/* line 91, ../../_src/scss/lib/_slick.scss */
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
/* line 97, ../../_src/scss/lib/_slick.scss */
.slick-arrow.slick-hidden {
display: none;
}
/* line 1, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-medium-holder {
margin: 0 auto;
cursor: pointer;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 12, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-medium-holder sub {
display: block;
top: -30px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.6);
text-align: center;
line-height: 10px;
font-weight: bold;
font-size: 16px;
}
/* line 23, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-medium-holder img {
max-width: 100%;
max-height: 100%;
display: block;
margin: 0 auto;
border: 1px solid #c2c2c2;
}
/* line 31, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-container {
position: relative;
display: block;
overflow: hidden;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 43, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container {
position: absolute;
top: 0;
left: 0;
}
/* line 49, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
/* line 56, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li {
float: left;
margin: 5px;
border: 1px solid rgba(255, 255, 255, 0);
cursor: pointer;
}
/* line 63, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li.ultraslider-active {
border: 1px solid #c2c2c2;
}
/* line 67, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li img {
max-width: 100%;
max-height: 100%;
pointer-events: none;
}
/* line 73, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li img.preload {
display: none;
}
/* line 77, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-container.ultraslider-noscrolling {
text-align: center;
}
/* line 81, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-noscrolling .ultraslider-thumbnail-list-container {
left: initial !important;
top: initial;
position: relative;
display: inline-block;
margin: 0 auto;
}
/* line 89, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-noscrolling .ultraslider-thumbnail-list-right,
.ultraslider-noscrolling .ultraslider-thumbnail-list-left {
display: none;
}
/* line 94, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left,
.ultraslider-thumbnail-list-right {
width: 30px;
height: 30px;
background-color: #fff;
position: absolute;
z-index: 10;
cursor: pointer;
border: 1px solid #c2c2c2;
border-radius: 5px;
}
/* line 106, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left {
left: 0;
top: 0;
}
/* line 111, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-right {
right: 0;
top: 0;
}
/* line 116, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left:before,
.ultraslider-thumbnail-list-right:before {
content: ">";
display: block;
margin-top: -12px;
margin-left: -3px;
position: absolute;
top: 50%;
left: 50%;
text-indent: 0;
color: #626262;
}
/* line 129, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left:before {
content: "<";
}
/* line 133, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-wrapper {
position: relative;
margin-top: 20px;
}
/* line 138, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder {
text-align: center;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 148, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder ul {
display: inline-block;
padding: 0;
margin: 0;
}
/* line 154, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder li {
position: relative;
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
/* line 164, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder li span {
background: #fff;
border: 1px solid #c2c2c2;
cursor: pointer;
margin: 0;
display: block;
height: 10px;
width: 10px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
border-radius: 5px;
box-sizing: border-box;
}
/* line 181, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder li.ultraslider-active span {
background-color: #eaeaea;
border-color: #c2c2c2;
}
/*
** Description - Ultratabs
*/
/* Settings
----------------------------------------------------------------------------------------------------------------------*/
/* Styleguide
----------------------------------------------------------------------------------------------------------------------*/
/* line 25, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-html {
list-style: none;
}
/* line 29, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs-container {
position: relative;
margin-bottom: 0 !important;
}
/* line 34, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs {
list-style: none;
display: inline-block;
margin-top: 40px;
margin-bottom: 0 !important;
margin-left: 0;
border-bottom: 1px solid #c2c2c2;
width: 100%;
}
/* line 44, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li:first-child {
border-left: 1px solid #c2c2c2;
}
/* line 48, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li {
float: left;
border: 1px solid #c2c2c2;
border-left: 0 none;
background-color: #eaeaea;
color: #141414;
font-size: 16px;
display: inline-block;
padding: 14px 20px;
transition: all 200ms 100ms;
top: 1px;
position: relative;
cursor: pointer;
}
/* line 63, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li:hover {
color: #ffffff;
background-color: #3399cc;
}
/* line 68, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li.ultratabs-active {
background: #ffffff;
border-bottom: 1px solid #ffffff;
}
/* line 73, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li.ultratabs-active:hover {
color: #ffffff;
background-color: #3399cc;
}
/* line 78, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs-content {
padding: 20px 0;
}
/* line 82, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab {
border: 1px solid #c2c2c2;
background-color: #eaeaea;
color: #141414;
font-size: 16px;
padding: 14px 20px;
transition: all 200ms 100ms;
}
/* line 91, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab:hover {
color: #ffffff;
background-color: #3399cc;
}
/* line 96, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab.ultratabs-active {
background: #ffffff;
}
/* line 100, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab.ultratabs-active:hover {
color: #ffffff;
background-color: #3399cc;
}
/* line 105, ../../_src/scss/lib/_jquery.ultratabs.scss */
ul.ultratabs-panes {
list-style: none;
padding: 0;
}
/* line 110, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-panes li.ultratabs-pane {
display: none;
}
/* line 114, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-panes li.ultratabs-pane.ultratabs-active {
display: block;
}
/*
Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
base: #282c34
mono-1: #abb2bf
mono-2: #818896
mono-3: #5c6370
hue-1: #56b6c2
hue-2: #61aeee
hue-3: #c678dd
hue-4: #98c379
hue-5: #e06c75
hue-5-2: #be5046
hue-6: #d19a66
hue-6-2: #e6c07b
*/
/* line 21, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #abb2bf;
background: #282c34;
}
/* line 29, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-comment,
.hljs-quote {
color: #5c6370;
font-style: italic;
}
/* line 35, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
color: #c678dd;
}
/* line 41, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
color: #e06c75;
}
/* line 49, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-literal {
color: #56b6c2;
}
/* line 53, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
color: #98c379;
}
/* line 61, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-built_in,
.hljs-class .hljs-title {
color: #e6c07b;
}
/* line 66, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
color: #d19a66;
}
/* line 77, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
color: #61aeee;
}
/* line 86, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-emphasis {
font-style: italic;
}
/* line 90, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-strong {
font-weight: bold;
}
/* line 94, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-link {
text-decoration: underline;
}
/* Components
--------------------------------------------------------------------------------------------------------------*/
/* line 1, ../../_src/scss/components/_universal.scss */
body {
overflow-x: hidden;
color: #545454;
-webkit-font-smoothing: antialiased;
}
/* line 8, ../../_src/scss/components/_universal.scss */
#universe {
position: relative;
background: #0A0A0A;
z-index: 10;
}
/* line 14, ../../_src/scss/components/_universal.scss */
#galaxy {
background: #f4f4f4;
}
/* line 18, ../../_src/scss/components/_universal.scss */
#system {
margin-top: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 18, ../../_src/scss/components/_universal.scss */
#system {
margin-top: 140px;
}
}
/* line 26, ../../_src/scss/components/_universal.scss */
.row.full {
max-width: none;
}
/* Typography
--------------------------------------------------------------------------------------------------------------*/
/* line 33, ../../_src/scss/components/_universal.scss */
h1,
h2,
h3,
h4,
h5 {
line-height: 1.16em;
font-style: normal;
}
/* line 41, ../../_src/scss/components/_universal.scss */
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
font-weight: 800;
}
/* line 45, ../../_src/scss/components/_universal.scss */
h1 sub,
h2 sub,
h3 sub,
h4 sub,
h5 sub {
font-family: "Poppins";
}
/* line 50, ../../_src/scss/components/_universal.scss */
h1,
h2 {
margin-top: 0;
margin-bottom: 40px;
line-height: 1.25em;
}
@media only screen and (min-width: 40.063em) {
/* line 50, ../../_src/scss/components/_universal.scss */
h1,
h2 {
line-height: 1.45em;
}
}
@media only screen and (min-width: 64.063em) {
/* line 50, ../../_src/scss/components/_universal.scss */
h1,
h2 {
line-height: 1.65em;
}
}
/* line 65, ../../_src/scss/components/_universal.scss */
h3,
h4 {
margin-top: 0;
margin-bottom: 20px;
}
/* line 71, ../../_src/scss/components/_universal.scss */
h1 {
font-size: 48px;
font-weight: 200;
}
/* line 76, ../../_src/scss/components/_universal.scss */
h2 {
font-size: 28px;
font-weight: 600;
color: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 76, ../../_src/scss/components/_universal.scss */
h2 {
font-size: 36px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 76, ../../_src/scss/components/_universal.scss */
h2 {
font-size: 48px;
}
}
/* line 90, ../../_src/scss/components/_universal.scss */
h3 {
font-size: 28px;
font-weight: 600;
color: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_universal.scss */
h3 {
font-size: 32px;
}
}
/* line 100, ../../_src/scss/components/_universal.scss */
h4 {
font-size: 22px;
font-weight: 400;
line-height: 1.7;
}
@media only screen and (min-width: 40.063em) {
/* line 100, ../../_src/scss/components/_universal.scss */
h4 {
font-size: 28px;
}
}
/* line 110, ../../_src/scss/components/_universal.scss */
h1 strong,
h2 strong {
font-weight: 400;
}
/* line 115, ../../_src/scss/components/_universal.scss */
h3 strong,
h4 strong {
font-weight: 400;
}
/* line 120, ../../_src/scss/components/_universal.scss */
.title-row {
padding-bottom: 0;
}
/* line 123, ../../_src/scss/components/_universal.scss */
.title-row h1,
.title-row h2 {
margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 129, ../../_src/scss/components/_universal.scss */
.title-row h1,
.title-row h2 {
margin-bottom: 40px;
}
}
/* line 136, ../../_src/scss/components/_universal.scss */
.mini-title {
font-size: 14px;
font-weight: 800;
color: #333333;
text-align: center;
position: relative;
display: block;
text-transform: uppercase;
font-family: "Poppins";
padding-bottom: 42px;
}
/* line 147, ../../_src/scss/components/_universal.scss */
.mini-title::after {
content: "";
display: block;
background-color: #66d670;
width: 20px;
height: 2px;
position: absolute;
bottom: 0;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* line 163, ../../_src/scss/components/_universal.scss */
p {
line-height: 1.875em;
}
/* line 170, ../../_src/scss/components/_universal.scss */
p:last-of-type:first-of-type {
margin-bottom: 40px;
}
/* line 176, ../../_src/scss/components/_universal.scss */
a {
color: #1f87c2;
transition: color 0.3s ease;
}
/* line 180, ../../_src/scss/components/_universal.scss */
a:hover {
color: #114a6a;
}
/* Buttons
--------------------------------------------------------------------------------------------------------------*/
/* line 188, ../../_src/scss/components/_universal.scss */
.uc-docs-link {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
color: #61b6e6;
gap: 4px;
font-weight: 600;
}
/* line 195, ../../_src/scss/components/_universal.scss */
.uc-docs-link::before {
content: url('data:image/svg+xml,');
display: block;
}
/* line 201, ../../_src/scss/components/_universal.scss */
.external-link {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
color: #61b6e6;
gap: 4px;
font-weight: 600;
}
/* line 208, ../../_src/scss/components/_universal.scss */
.external-link::before {
content: url('data:image/svg+xml,');
display: block;
}
/* line 214, ../../_src/scss/components/_universal.scss */
button,
.button {
margin-top: 20px;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
padding-top: 0.6rem;
padding-right: 1.4rem;
padding-bottom: 0.6625rem;
padding-left: 1.4rem;
border-radius: 30px;
text-transform: uppercase;
font-weight: 600;
color: #ffffff;
background: #343440;
}
/* line 231, ../../_src/scss/components/_universal.scss */
button:hover,
.button:hover {
background: #57a3cf;
}
/* line 235, ../../_src/scss/components/_universal.scss */
button-signup,
.button-signup {
background: #2f9b73;
}
/* line 238, ../../_src/scss/components/_universal.scss */
button-signup:hover,
.button-signup:hover {
background: #31c59a;
}
/* line 243, ../../_src/scss/components/_universal.scss */
button.outline,
.button.outline {
background: transparent;
border: 1px solid #ffffff;
}
/* line 247, ../../_src/scss/components/_universal.scss */
button.outline.support,
.button.outline.support {
background: transparent;
border: 1px solid #66d670;
color: #66d670;
}
/* line 252, ../../_src/scss/components/_universal.scss */
button.outline.support:hover,
.button.outline.support:hover {
background: #51b35a;
color: #ffffff;
}
/* line 259, ../../_src/scss/components/_universal.scss */
button.support,
.button.support {
background: #66d670;
}
/* line 262, ../../_src/scss/components/_universal.scss */
button.support:hover,
.button.support:hover {
background: #51b35a;
}
/* line 267, ../../_src/scss/components/_universal.scss */
button.full,
.button.full {
width: 100%;
}
/* line 271, ../../_src/scss/components/_universal.scss */
button.small,
.button.small {
display: inline-block;
padding: 3px 8px;
font-size: 14px;
text-transform: none;
margin-top: 0;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 0;
}
/* line 282, ../../_src/scss/components/_universal.scss */
button.inactive,
.button.inactive {
opacity: 0.6;
pointer-events: none;
}
/* line 287, ../../_src/scss/components/_universal.scss */
button.inline,
.button.inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 12px;
padding-left: 12px;
margin-right: 0.2em;
}
/* Dividers
--------------------------------------------------------------------------------------------------------------*/
/* line 301, ../../_src/scss/components/_universal.scss */
hr {
border: solid #e8e8e8;
border-width: 1px 0 0;
margin: 20px 0;
}
@media only screen and (min-width: 64.063em) {
/* line 301, ../../_src/scss/components/_universal.scss */
hr {
margin: 40px 0;
}
}
/* Clear
--------------------------------------------------------------------------------------------------------------*/
/* line 313, ../../_src/scss/components/_universal.scss */
.clr {
content: "";
display: table;
clear: both;
}
/* Margins
--------------------------------------------------------------------------------------------------------------*/
/* line 322, ../../_src/scss/components/_universal.scss */
.no-margin {
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
/* line 329, ../../_src/scss/components/_universal.scss */
.no-padding {
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
}
/*flex rows and columns
---------------------------------------------------------------------------------------------------------------*/
/* line 339, ../../_src/scss/components/_universal.scss */
.flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 90rem;
}
/* line 350, ../../_src/scss/components/_universal.scss */
.flex-row .justify-center {
-ms-flex-pack: center;
justify-content: center;
}
/* line 353, ../../_src/scss/components/_universal.scss */
.flex-row .justify-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
/* line 356, ../../_src/scss/components/_universal.scss */
.flex-row .justify-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (min-width: 40.063em) {
/* line 360, ../../_src/scss/components/_universal.scss */
.flex-row .medium-justify-center {
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 40.063em) {
/* line 365, ../../_src/scss/components/_universal.scss */
.flex-row .medium-justify-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 40.063em) {
/* line 370, ../../_src/scss/components/_universal.scss */
.flex-row .medium-justify-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 64.063em) {
/* line 377, ../../_src/scss/components/_universal.scss */
.flex-row .large-justify-center {
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 64.063em) {
/* line 382, ../../_src/scss/components/_universal.scss */
.flex-row .large-justify-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 64.063em) {
/* line 387, ../../_src/scss/components/_universal.scss */
.flex-row .large-justify-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 90.063em) {
/* line 394, ../../_src/scss/components/_universal.scss */
.flex-row .xlarge-justify-center {
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 90.063em) {
/* line 399, ../../_src/scss/components/_universal.scss */
.flex-row .xlarge-justify-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 90.063em) {
/* line 404, ../../_src/scss/components/_universal.scss */
.flex-row .xlarge-justify-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
/* line 411, ../../_src/scss/components/_universal.scss */
.flex-row .align-center {
-ms-flex-align: center;
align-items: center;
}
/* line 414, ../../_src/scss/components/_universal.scss */
.flex-row .align-start {
-ms-flex-align: start;
align-items: flex-start;
}
/* line 417, ../../_src/scss/components/_universal.scss */
.flex-row .align-end {
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (min-width: 40.063em) {
/* line 421, ../../_src/scss/components/_universal.scss */
.flex-row .medium-align-center {
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 40.063em) {
/* line 426, ../../_src/scss/components/_universal.scss */
.flex-row .medium-align-start {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 40.063em) {
/* line 431, ../../_src/scss/components/_universal.scss */
.flex-row .medium-align-end {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media only screen and (min-width: 64.063em) {
/* line 438, ../../_src/scss/components/_universal.scss */
.flex-row .large-align-center {
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 64.063em) {
/* line 443, ../../_src/scss/components/_universal.scss */
.flex-row .large-align-start {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 64.063em) {
/* line 448, ../../_src/scss/components/_universal.scss */
.flex-row .large-align-end {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media only screen and (min-width: 90.063em) {
/* line 455, ../../_src/scss/components/_universal.scss */
.flex-row .xlarge-align-center {
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 90.063em) {
/* line 460, ../../_src/scss/components/_universal.scss */
.flex-row .xlarge-align-start {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 90.063em) {
/* line 465, ../../_src/scss/components/_universal.scss */
.flex-row .xlarge-align-end {
-ms-flex-align: end;
align-items: flex-end;
}
}
/* line 473, ../../_src/scss/components/_universal.scss */
.flex-column {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex: auto;
flex: auto;
margin-bottom: 24px;
}
/* line 480, ../../_src/scss/components/_universal.scss */
.minimal .flex-column {
margin-bottom: 0;
}
/* line 483, ../../_src/scss/components/_universal.scss */
.minimal .flex-column h1, .minimal .flex-column h2, .minimal .flex-column h3, .minimal .flex-column h4 {
margin-bottom: 0;
}
/* line 488, ../../_src/scss/components/_universal.scss */
.flex-column.small-12, .flex-column.small-11, .flex-column.small-10, .flex-column.small-9, .flex-column.small-8, .flex-column.small-7, .flex-column.small-6, .flex-column.small-5, .flex-column.small-4, .flex-column.small-3, .flex-column.small-2, .flex-column.small-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex: auto;
flex: auto;
}
/* line 504, ../../_src/scss/components/_universal.scss */
.flex-column.small-11, .flex-column.small-10, .flex-column.small-9, .flex-column.small-8, .flex-column.small-7, .flex-column.small-6, .flex-column.small-5, .flex-column.small-4, .flex-column.small-3, .flex-column.small-2, .flex-column.small-1 {
margin-bottom: 0;
}
/* line 518, ../../_src/scss/components/_universal.scss */
.flex-column.small-1 {
-ms-flex: 0.0833;
flex: 0.0833;
}
/* line 521, ../../_src/scss/components/_universal.scss */
.flex-column.small-2 {
-ms-flex: 0.1666;
flex: 0.1666;
}
/* line 524, ../../_src/scss/components/_universal.scss */
.flex-column.small-3 {
-ms-flex: 0.25;
flex: 0.25;
}
/* line 527, ../../_src/scss/components/_universal.scss */
.flex-column.small-4 {
-ms-flex: 0.3333;
flex: 0.3333;
}
/* line 530, ../../_src/scss/components/_universal.scss */
.flex-column.small-5 {
-ms-flex: 0.4166;
flex: 0.4166;
}
/* line 533, ../../_src/scss/components/_universal.scss */
.flex-column.small-6 {
-ms-flex: 0.5;
flex: 0.5;
}
/* line 536, ../../_src/scss/components/_universal.scss */
.flex-column.small-7 {
-ms-flex: 0.5833;
flex: 0.5833;
}
/* line 539, ../../_src/scss/components/_universal.scss */
.flex-column.small-8 {
-ms-flex: 0.6666;
flex: 0.6666;
}
/* line 542, ../../_src/scss/components/_universal.scss */
.flex-column.small-9 {
-ms-flex: 0.75;
flex: 0.75;
}
/* line 545, ../../_src/scss/components/_universal.scss */
.flex-column.small-10 {
-ms-flex: 0.8333;
flex: 0.8333;
}
/* line 548, ../../_src/scss/components/_universal.scss */
.flex-column.small-11 {
-ms-flex: 0.9166;
flex: 0.9166;
}
/* line 551, ../../_src/scss/components/_universal.scss */
.flex-column.small-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex: auto;
flex: auto;
}
@media only screen and (min-width: 40.063em) {
/* line 556, ../../_src/scss/components/_universal.scss */
.flex-column.medium-11, .flex-column.medium-10, .flex-column.medium-9, .flex-column.medium-8, .flex-column.medium-7, .flex-column.medium-6, .flex-column.medium-5, .flex-column.medium-4, .flex-column.medium-3, .flex-column.medium-2, .flex-column.medium-1 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 40.063em) {
/* line 572, ../../_src/scss/components/_universal.scss */
.flex-column.medium-1 {
-ms-flex: 0.0833;
flex: 0.0833;
}
}
@media only screen and (min-width: 40.063em) {
/* line 577, ../../_src/scss/components/_universal.scss */
.flex-column.medium-2 {
-ms-flex: 0.1666;
flex: 0.1666;
}
}
@media only screen and (min-width: 40.063em) {
/* line 582, ../../_src/scss/components/_universal.scss */
.flex-column.medium-3 {
-ms-flex: 0.25;
flex: 0.25;
}
}
@media only screen and (min-width: 40.063em) {
/* line 587, ../../_src/scss/components/_universal.scss */
.flex-column.medium-4 {
-ms-flex: 0.3333;
flex: 0.3333;
}
}
@media only screen and (min-width: 40.063em) {
/* line 592, ../../_src/scss/components/_universal.scss */
.flex-column.medium-5 {
-ms-flex: 0.4166;
flex: 0.4166;
}
}
@media only screen and (min-width: 40.063em) {
/* line 597, ../../_src/scss/components/_universal.scss */
.flex-column.medium-6 {
-ms-flex: 0.5;
flex: 0.5;
}
}
@media only screen and (min-width: 40.063em) {
/* line 602, ../../_src/scss/components/_universal.scss */
.flex-column.medium-7 {
-ms-flex: 0.5833;
flex: 0.5833;
}
}
@media only screen and (min-width: 40.063em) {
/* line 607, ../../_src/scss/components/_universal.scss */
.flex-column.medium-8 {
-ms-flex: 0.6666;
flex: 0.6666;
}
}
@media only screen and (min-width: 40.063em) {
/* line 612, ../../_src/scss/components/_universal.scss */
.flex-column.medium-9 {
-ms-flex: 0.75;
flex: 0.75;
}
}
@media only screen and (min-width: 40.063em) {
/* line 617, ../../_src/scss/components/_universal.scss */
.flex-column.medium-10 {
-ms-flex: 0.8333;
flex: 0.8333;
}
}
@media only screen and (min-width: 40.063em) {
/* line 622, ../../_src/scss/components/_universal.scss */
.flex-column.medium-11 {
-ms-flex: 0.9166;
flex: 0.9166;
}
}
@media only screen and (min-width: 40.063em) {
/* line 627, ../../_src/scss/components/_universal.scss */
.flex-column.medium-12 {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 64.063em) {
/* line 633, ../../_src/scss/components/_universal.scss */
.flex-column.large-11, .flex-column.large-10, .flex-column.large-9, .flex-column.large-8, .flex-column.large-7, .flex-column.large-6, .flex-column.large-5, .flex-column.large-4, .flex-column.large-3, .flex-column.large-2, .flex-column.large-1 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 64.063em) {
/* line 648, ../../_src/scss/components/_universal.scss */
.flex-column.large-1 {
-ms-flex: 0.0833;
flex: 0.0833;
}
}
@media only screen and (min-width: 64.063em) {
/* line 653, ../../_src/scss/components/_universal.scss */
.flex-column.large-2 {
-ms-flex: 0.1666;
flex: 0.1666;
}
}
@media only screen and (min-width: 64.063em) {
/* line 658, ../../_src/scss/components/_universal.scss */
.flex-column.large-3 {
-ms-flex: 0.25;
flex: 0.25;
}
}
@media only screen and (min-width: 64.063em) {
/* line 663, ../../_src/scss/components/_universal.scss */
.flex-column.large-4 {
-ms-flex: 0.3333;
flex: 0.3333;
}
}
@media only screen and (min-width: 64.063em) {
/* line 668, ../../_src/scss/components/_universal.scss */
.flex-column.large-5 {
-ms-flex: 0.4166;
flex: 0.4166;
}
}
@media only screen and (min-width: 64.063em) {
/* line 673, ../../_src/scss/components/_universal.scss */
.flex-column.large-6 {
-ms-flex: 0.5;
flex: 0.5;
}
}
@media only screen and (min-width: 64.063em) {
/* line 678, ../../_src/scss/components/_universal.scss */
.flex-column.large-7 {
-ms-flex: 0.5833;
flex: 0.5833;
}
}
@media only screen and (min-width: 64.063em) {
/* line 683, ../../_src/scss/components/_universal.scss */
.flex-column.large-8 {
-ms-flex: 0.6666;
flex: 0.6666;
}
}
@media only screen and (min-width: 64.063em) {
/* line 688, ../../_src/scss/components/_universal.scss */
.flex-column.large-9 {
-ms-flex: 0.75;
flex: 0.75;
}
}
@media only screen and (min-width: 64.063em) {
/* line 693, ../../_src/scss/components/_universal.scss */
.flex-column.large-10 {
-ms-flex: 0.8333;
flex: 0.8333;
}
}
@media only screen and (min-width: 64.063em) {
/* line 698, ../../_src/scss/components/_universal.scss */
.flex-column.large-11 {
-ms-flex: 0.9166;
flex: 0.9166;
}
}
@media only screen and (min-width: 64.063em) {
/* line 703, ../../_src/scss/components/_universal.scss */
.flex-column.large-12 {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 90.063em) {
/* line 709, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-11, .flex-column.xlarge-10, .flex-column.xlarge-9, .flex-column.xlarge-8, .flex-column.xlarge-7, .flex-column.xlarge-6, .flex-column.xlarge-5, .flex-column.xlarge-4, .flex-column.xlarge-3, .flex-column.xlarge-2, .flex-column.xlarge-1 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 724, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-1 {
-ms-flex: 0.0833;
flex: 0.0833;
}
}
@media only screen and (min-width: 90.063em) {
/* line 729, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-2 {
-ms-flex: 0.1666;
flex: 0.1666;
}
}
@media only screen and (min-width: 90.063em) {
/* line 734, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-3 {
-ms-flex: 0.25;
flex: 0.25;
}
}
@media only screen and (min-width: 90.063em) {
/* line 739, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-4 {
-ms-flex: 0.3333;
flex: 0.3333;
}
}
@media only screen and (min-width: 90.063em) {
/* line 744, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-5 {
-ms-flex: 0.4166;
flex: 0.4166;
}
}
@media only screen and (min-width: 90.063em) {
/* line 749, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-6 {
-ms-flex: 0.5;
flex: 0.5;
}
}
@media only screen and (min-width: 90.063em) {
/* line 754, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-7 {
-ms-flex: 0.5833;
flex: 0.5833;
}
}
@media only screen and (min-width: 90.063em) {
/* line 759, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-8 {
-ms-flex: 0.6666;
flex: 0.6666;
}
}
@media only screen and (min-width: 90.063em) {
/* line 764, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-9 {
-ms-flex: 0.75;
flex: 0.75;
}
}
@media only screen and (min-width: 90.063em) {
/* line 769, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-10 {
-ms-flex: 0.8333;
flex: 0.8333;
}
}
@media only screen and (min-width: 90.063em) {
/* line 774, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-11 {
-ms-flex: 0.9166;
flex: 0.9166;
}
}
@media only screen and (min-width: 90.063em) {
/* line 779, ../../_src/scss/components/_universal.scss */
.flex-column.xlarge-12 {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 120.063em) {
/* line 785, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-11, .flex-column.xxlarge-10, .flex-column.xxlarge-9, .flex-column.xxlarge-8, .flex-column.xxlarge-7, .flex-column.xxlarge-6, .flex-column.xxlarge-5, .flex-column.xxlarge-4, .flex-column.xxlarge-3, .flex-column.xxlarge-2, .flex-column.xxlarge-1 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 120.063em) {
/* line 800, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-1 {
-ms-flex: 0.0833;
flex: 0.0833;
}
}
@media only screen and (min-width: 120.063em) {
/* line 805, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-2 {
-ms-flex: 0.1666;
flex: 0.1666;
}
}
@media only screen and (min-width: 120.063em) {
/* line 810, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-3 {
-ms-flex: 0.25;
flex: 0.25;
}
}
@media only screen and (min-width: 120.063em) {
/* line 815, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-4 {
-ms-flex: 0.3333;
flex: 0.3333;
}
}
@media only screen and (min-width: 120.063em) {
/* line 820, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-5 {
-ms-flex: 0.4166;
flex: 0.4166;
}
}
@media only screen and (min-width: 120.063em) {
/* line 825, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-6 {
-ms-flex: 0.5;
flex: 0.5;
}
}
@media only screen and (min-width: 120.063em) {
/* line 830, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-7 {
-ms-flex: 0.5833;
flex: 0.5833;
}
}
@media only screen and (min-width: 120.063em) {
/* line 835, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-8 {
-ms-flex: 0.6666;
flex: 0.6666;
}
}
@media only screen and (min-width: 120.063em) {
/* line 840, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-9 {
-ms-flex: 0.75;
flex: 0.75;
}
}
@media only screen and (min-width: 120.063em) {
/* line 845, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-10 {
-ms-flex: 0.8333;
flex: 0.8333;
}
}
@media only screen and (min-width: 120.063em) {
/* line 850, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-11 {
-ms-flex: 0.9166;
flex: 0.9166;
}
}
@media only screen and (min-width: 120.063em) {
/* line 855, ../../_src/scss/components/_universal.scss */
.flex-column.xxlarge-12 {
-ms-flex: 1;
flex: 1;
}
}
/* line 863, ../../_src/scss/components/_universal.scss */
.only-on-small {
display: block;
}
@media only screen and (min-width: 40.063em) {
/* line 863, ../../_src/scss/components/_universal.scss */
.only-on-small {
display: none;
}
}
/* line 870, ../../_src/scss/components/_universal.scss */
.only-medium-up {
display: none;
}
@media only screen and (min-width: 40.063em) {
/* line 870, ../../_src/scss/components/_universal.scss */
.only-medium-up {
display: block;
}
}
/* line 877, ../../_src/scss/components/_universal.scss */
.only-large-up {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 877, ../../_src/scss/components/_universal.scss */
.only-large-up {
display: block;
}
}
/* line 886, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 886, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 903, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 908, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 915, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a span {
font-weight: 600;
}
/* line 919, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a:hover {
color: #6F4173;
gap: 12px;
}
/* line 924, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a svg path {
stroke: #676AAD;
}
/* line 929, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .accent_color {
color: #676AAD;
}
/* line 933, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 938, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 946, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 951, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 958, ../../_src/scss/components/_universal.scss */
.no-break {
white-space: nowrap;
}
/* Layout and Section Containers
----------------------------------------------------------------------------------------------------------------------*/
/* line 5, ../../_src/scss/components/_sections.scss */
.section .row,
.section .flex-row {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 5, ../../_src/scss/components/_sections.scss */
.section .row,
.section .flex-row {
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
}
}
/* line 19, ../../_src/scss/components/_sections.scss */
.section .row:first-of-type,
.section .flex-row:first-of-type {
padding-top: 40px;
}
/* line 23, ../../_src/scss/components/_sections.scss */
.section .row:last-of-type,
.section .flex-row:last-of-type {
padding-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 28, ../../_src/scss/components/_sections.scss */
.section .row:first-of-type,
.section .flex-row:first-of-type {
padding-top: 80px;
}
/* line 32, ../../_src/scss/components/_sections.scss */
.section .row:last-of-type,
.section .flex-row:last-of-type {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 5, ../../_src/scss/components/_sections.scss */
.section .row,
.section .flex-row {
padding-right: 80px;
padding-left: 80px;
}
/* line 41, ../../_src/scss/components/_sections.scss */
.section .row:first-of-type,
.section .flex-row:first-of-type {
padding-top: 120px;
}
/* line 45, ../../_src/scss/components/_sections.scss */
.section .row:last-of-type,
.section .flex-row:last-of-type {
padding-bottom: 120px;
}
}
/* line 50, ../../_src/scss/components/_sections.scss */
.section .row.title-row,
.section .flex-row.title-row {
padding-bottom: 0;
}
/* line 55, ../../_src/scss/components/_sections.scss */
.section::after {
content: "";
display: "block";
clear: both;
}
/* line 62, ../../_src/scss/components/_sections.scss */
.section-full {
position: relative;
z-index: 10;
}
/* line 67, ../../_src/scss/components/_sections.scss */
.section-raised {
position: relative;
margin-top: -80px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
max-width: 1440px;
background: #ffffff;
z-index: 20;
clear: both;
box-shadow: 0 30px 55px 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
}
@media only screen and (min-width: 90.063em) {
/* line 67, ../../_src/scss/components/_sections.scss */
.section-raised {
border-radius: 16px;
}
/* line 83, ../../_src/scss/components/_sections.scss */
.section-raised:has(.menu-lvl-2) {
border-radius: 0 0 16px 16px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 67, ../../_src/scss/components/_sections.scss */
.section-raised {
box-shadow: 0 50px 55px 5px rgba(0, 0, 0, 0.2);
}
}
@media only screen and (min-width: 64.063em) {
/* line 67, ../../_src/scss/components/_sections.scss */
.section-raised {
box-shadow: 0 70px 55px 5px rgba(0, 0, 0, 0.2);
}
}
/* line 97, ../../_src/scss/components/_sections.scss */
.section-raised.section-inline {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
/* line 104, ../../_src/scss/components/_sections.scss */
.section-raised:last-of-type {
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 104, ../../_src/scss/components/_sections.scss */
.section-raised:last-of-type {
margin-bottom: 80px;
}
}
/* line 113, ../../_src/scss/components/_sections.scss */
.section-lowered {
position: relative;
margin-top: -80px;
padding-top: 80px;
background: #f4f4f4;
z-index: 10;
}
/* line 120, ../../_src/scss/components/_sections.scss */
.section-lowered.section-inline {
margin-top: 0;
}
/* line 126, ../../_src/scss/components/_sections.scss */
.section-continued .row,
.section-continued .flex-row {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
/* line 133, ../../_src/scss/components/_sections.scss */
.section-continued .row:first-of-type,
.section-continued .flex-row:first-of-type {
padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 126, ../../_src/scss/components/_sections.scss */
.section-continued .row,
.section-continued .flex-row {
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
}
/* line 143, ../../_src/scss/components/_sections.scss */
.section-continued .row:first-of-type,
.section-continued .flex-row:first-of-type {
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 149, ../../_src/scss/components/_sections.scss */
.section-continued .row:first-of-type,
.section-continued .flex-row:first-of-type {
padding-top: 40px;
}
}
/* line 1, ../../_src/scss/components/_banner.scss */
.banner {
position: relative;
margin-top: -140px;
padding-top: 170px;
padding-bottom: 40px;
color: #ffffff;
background: #222222;
}
@media only screen and (min-width: 40.063em) {
/* line 1, ../../_src/scss/components/_banner.scss */
.banner {
min-height: 410px;
padding-top: 200px;
}
}
/* line 14, ../../_src/scss/components/_banner.scss */
.banner.feature {
min-height: 480px;
}
/* line 18, ../../_src/scss/components/_banner.scss */
.banner .banner-image {
position: relative;
width: 100%;
height: 320px;
overflow: hidden;
border-radius: 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}
/* line 26, ../../_src/scss/components/_banner.scss */
.banner .banner-image img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center center;
}
/* line 32, ../../_src/scss/components/_banner.scss */
.home .banner .banner-image img {
object-position: left center;
}
/* line 36, ../../_src/scss/components/_banner.scss */
.pricing .banner .banner-image img {
object-position: right center;
}
/* line 41, ../../_src/scss/components/_banner.scss */
.banner .banner-image video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 18, ../../_src/scss/components/_banner.scss */
.banner .banner-image {
height: 420px;
}
/* line 54, ../../_src/scss/components/_banner.scss */
.banner .banner-image img {
height: 420px;
}
}
/* line 61, ../../_src/scss/components/_banner.scss */
.banner .content {
position: relative;
z-index: 10;
padding-top: 0;
padding-left: 20px;
padding-bottom: 80px;
padding-right: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 61, ../../_src/scss/components/_banner.scss */
.banner .content {
padding-top: 0;
padding-left: 20px;
padding-bottom: 120px;
padding-right: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 61, ../../_src/scss/components/_banner.scss */
.banner .content {
padding-top: 0;
padding-left: 80px;
padding-bottom: 160px;
padding-right: 80px;
}
}
/* line 83, ../../_src/scss/components/_banner.scss */
.has-menu-lvl-2 .banner .content, .nav-lvl-2 .banner .content {
padding-bottom: 140px;
}
@media only screen and (min-width: 40.063em) {
/* line 83, ../../_src/scss/components/_banner.scss */
.has-menu-lvl-2 .banner .content, .nav-lvl-2 .banner .content {
padding-bottom: 140px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 83, ../../_src/scss/components/_banner.scss */
.has-menu-lvl-2 .banner .content, .nav-lvl-2 .banner .content {
padding-bottom: 200px;
}
}
/* line 97, ../../_src/scss/components/_banner.scss */
.banner .columns:first-of-type {
z-index: 2;
}
/* line 102, ../../_src/scss/components/_banner.scss */
.banner.overlay::after {
content: "";
display: block;
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
background: rgba(34, 34, 34, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
/* IE6-9 */
}
@media only screen and (min-width: 64.063em) {
/* line 102, ../../_src/scss/components/_banner.scss */
.banner.overlay::after {
width: 100%;
}
}
/* line 126, ../../_src/scss/components/_banner.scss */
.banner .video_background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
/* line 136, ../../_src/scss/components/_banner.scss */
.banner h1, .banner h2, .banner h3, .banner h4, .banner p {
color: #ffffff;
z-index: 2;
}
/* line 141, ../../_src/scss/components/_banner.scss */
.banner h1 {
font-size: 36px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 141, ../../_src/scss/components/_banner.scss */
.banner h1 {
font-size: 60px;
}
}
/* line 152, ../../_src/scss/components/_banner.scss */
.banner p {
color: rgba(255, 255, 255, 0.8);
margin-bottom: 0;
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
@media only screen and (min-width: 40.063em) {
/* line 152, ../../_src/scss/components/_banner.scss */
.banner p {
font-size: 18px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 152, ../../_src/scss/components/_banner.scss */
.banner p {
font-size: 21px;
}
}
/* line 168, ../../_src/scss/components/_banner.scss */
.banner p:last-of-type:first-of-type {
margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 168, ../../_src/scss/components/_banner.scss */
.banner p:last-of-type:first-of-type {
margin-bottom: 0;
}
}
/* line 177, ../../_src/scss/components/_banner.scss */
.banner p a {
color: #ffffff;
}
/* line 182, ../../_src/scss/components/_banner.scss */
.banner .sign-up-buttons-wrapper {
margin-top: 40px;
position: relative;
height: 60px;
}
/* line 187, ../../_src/scss/components/_banner.scss */
.banner .sign-up-buttons-wrapper .button-signup {
position: absolute;
margin: 0;
height: 60px;
width: 60%;
top: 0;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 40.063em) {
/* line 187, ../../_src/scss/components/_banner.scss */
.banner .sign-up-buttons-wrapper .button-signup {
width: 60%;
left: 0;
top: 0;
-ms-transform: none;
transform: none;
}
}
@media only screen and (min-width: 64.063em) {
/* line 187, ../../_src/scss/components/_banner.scss */
.banner .sign-up-buttons-wrapper .button-signup {
width: 50%;
top: 0;
}
}
/* line 210, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper {
margin-top: 40px;
position: relative;
background: #fff;
height: 60px;
border-radius: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 210, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper {
width: 75%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 64.063em) {
/* line 210, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper {
width: auto;
margin-left: 0;
margin-right: 0;
}
}
/* line 229, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper .sign-up-input {
margin-top: 12px;
margin-left: 11px;
margin-right: 11px;
width: calc(100% - 22px);
border: none;
display: inline-block;
box-shadow: none;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
/* line 229, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper .sign-up-input {
width: 80%;
text-align: left;
float: left;
}
}
/* line 246, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper .button-signup {
position: absolute;
height: 60px;
width: 100%;
top: 80px;
left: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 246, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper .button-signup {
width: auto;
border-left: 20px solid;
top: 0;
}
}
/* line 1, ../../_src/scss/components/_header.scss */
.main-header {
position: sticky;
top: 0;
height: 64px;
margin: 0;
z-index: 30;
transition: 0.3s ease all;
}
/* line 10, ../../_src/scss/components/_header.scss */
.main-header::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 0;
}
/* line 25, ../../_src/scss/components/_header.scss */
.main-header:hover::after {
background-color: rgba(10, 10, 10, 0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* line 32, ../../_src/scss/components/_header.scss */
.main-header .row {
max-width: 1440px;
height: 64px;
position: relative;
z-index: 10;
}
/* line 39, ../../_src/scss/components/_header.scss */
.main-header .uc-logo {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 64px;
width: 160px;
position: absolute;
left: 16px;
top: 50%;
overflow: hidden;
transition: left 200ms ease-in-out, width 200ms ease-in-out;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/* line 51, ../../_src/scss/components/_header.scss */
.main-header .uc-logo img {
width: 100%;
max-width: 120px;
margin-left: 0;
}
/* line 58, ../../_src/scss/components/_header.scss */
.main-header .skip-nav {
display: inline-block;
text-indent: -99999em;
white-space: nowrap;
overflow: hidden;
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 12px;
left: 12px;
}
/* line 69, ../../_src/scss/components/_header.scss */
.main-header .icon-menu {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
overflow: visible;
position: absolute;
top: 20px;
right: 16px;
color: #ffffff;
transition: right 200ms ease-in, color 200ms ease-in;
}
/* line 84, ../../_src/scss/components/_header.scss */
.main-header .icon-menu:before {
display: none;
}
/* line 88, ../../_src/scss/components/_header.scss */
.main-header .icon-menu svg {
display: block;
width: 20px;
height: 20px;
fill: currentColor;
}
/* line 95, ../../_src/scss/components/_header.scss */
.main-header .icon-menu span {
display: none;
}
/* line 99, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .icon-menu {
right: -252px;
color: #ffffff;
}
/* line 105, ../../_src/scss/components/_header.scss */
.main-header .icon-search {
display: block;
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 22px;
right: 54px;
color: #ffffff;
transition: right 200ms ease-in, color 200ms ease-in;
}
/* line 117, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .icon-search {
right: -210px;
}
/* line 121, ../../_src/scss/components/_header.scss */
.main-header .icon-search:before {
content: "\e014";
font-size: 20px;
}
/* line 126, ../../_src/scss/components/_header.scss */
.main-header .icon-search span {
display: none;
}
/* line 136, ../../_src/scss/components/_header.scss */
.main-header .get-started {
color: #fff;
background-color: transparent;
position: absolute;
right: 80px;
top: 0;
height: 64px;
width: 120px;
cursor: pointer;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.08em;
font-size: 16px;
font-style: normal;
text-align: center;
padding-top: 0;
line-height: 64px;
transition: height 200ms ease-in-out, padding-top 200ms ease-in-out;
}
/* line 157, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .get-started {
right: -180px;
}
@media only screen and (min-width: 40.063em) {
/* line 164, ../../_src/scss/components/_header.scss */
.main-header {
height: 100px;
position: sticky;
}
/* line 168, ../../_src/scss/components/_header.scss */
.main-header .row {
height: 100px;
}
/* line 172, ../../_src/scss/components/_header.scss */
.main-header .uc-logo {
display: block;
height: 60px;
width: 220px;
left: 20px;
position: absolute;
transition: left 200ms ease-in-out, width 200ms ease-in-out;
}
/* line 180, ../../_src/scss/components/_header.scss */
.main-header .uc-logo img {
width: 100%;
max-width: 220px;
margin-left: 0;
}
/* line 187, ../../_src/scss/components/_header.scss */
.main-header .get-started {
background: #2f9b73;
color: #fff;
right: 0;
height: 100px;
width: 180px;
font-size: 18px;
line-height: normal;
padding: 35px 0 0 0;
}
/* line 197, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .get-started {
right: 0;
}
/* line 202, ../../_src/scss/components/_header.scss */
.main-header .skip-nav {
top: 20px;
transition: background-color 200ms ease-in-out;
}
/* line 206, ../../_src/scss/components/_header.scss */
.main-header .skip-nav:hover {
background-color: #b0b0b0;
}
/* line 211, ../../_src/scss/components/_header.scss */
.main-header .icon-menu {
display: block;
top: 43px;
right: 220px;
}
/* line 219, ../../_src/scss/components/_header.scss */
.main-header .icon-search {
display: block;
top: 43px;
right: 280px;
}
/* line 224, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .icon-search {
right: 210px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 232, ../../_src/scss/components/_header.scss */
.main-header {
width: 100%;
padding: 0 20px;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
height: 100px;
box-shadow: 0 0 0 transparent;
transition: height 200ms ease-in-out box-shadow 200ms ease-in-out;
}
/* line 243, ../../_src/scss/components/_header.scss */
.main-header::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(52, 52, 64, 0);
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
z-index: 0;
transition: background-color 200ms ease-in-out, backdrop-filter 200ms ease-in-out;
}
/* line 258, ../../_src/scss/components/_header.scss */
.main-header .row {
height: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 32px;
z-index: 10;
}
/* line 266, ../../_src/scss/components/_header.scss */
.main-header .skip-nav {
display: none;
}
/* line 270, ../../_src/scss/components/_header.scss */
.main-header .get-started {
height: 40px;
width: 120px;
padding: 7px 13px;
width: 167px;
border-radius: 20px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 280, ../../_src/scss/components/_header.scss */
.main-header .uc-logo {
position: relative;
left: auto;
top: auto;
-ms-transform: none;
transform: none;
}
/* line 287, ../../_src/scss/components/_header.scss */
.main-header .desktop-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
top: auto;
left: auto;
-ms-transform: none;
transform: none;
}
/* line 295, ../../_src/scss/components/_header.scss */
.main-header .desktop-nav a {
font-size: 16px;
}
/* line 300, ../../_src/scss/components/_header.scss */
.fix-nav .main-header {
height: 80px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
/* line 305, ../../_src/scss/components/_header.scss */
.fix-nav .main-header::after {
background-color: rgba(10, 10, 10, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* line 311, ../../_src/scss/components/_header.scss */
.fix-nav .main-header .row {
height: 80px;
}
/* line 321, ../../_src/scss/components/_header.scss */
.main-header .icon-menu {
position: absolute;
left: -3000em;
}
/* line 326, ../../_src/scss/components/_header.scss */
.main-header .icon-search {
position: absolute;
left: -3000em;
}
}
/* line 1, ../../_src/scss/components/_footer.scss */
#main-footer {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #ffffff;
}
/* line 6, ../../_src/scss/components/_footer.scss */
#main-footer h3 {
color: #8d8d8d;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 6, ../../_src/scss/components/_footer.scss */
#main-footer h3 {
text-transform: none;
font-size: 24px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 6, ../../_src/scss/components/_footer.scss */
#main-footer h3 {
font-size: 28px;
margin-bottom: 20px;
}
}
/* line 23, ../../_src/scss/components/_footer.scss */
#main-footer h4 {
color: #b0b0b0;
}
/* line 27, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation {
padding: 40px 20px;
border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 40.063em) {
/* line 27, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation {
border-bottom: none;
padding: 80px 40px;
}
}
/* line 36, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer,
#main-footer .footer-navigation .footer-contact {
margin-top: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 36, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer,
#main-footer .footer-navigation .footer-contact {
margin-top: 0;
}
}
/* line 44, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer ul,
#main-footer .footer-navigation .footer-contact ul {
margin: 0;
list-style: none;
}
/* line 48, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer ul li a,
#main-footer .footer-navigation .footer-contact ul li a {
color: #b0b0b0;
font-size: 14px;
}
/* line 55, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .footer-contact {
font-size: 12px;
}
/* line 58, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .footer-contact::after {
content: "";
display: table;
clear: both;
}
/* line 66, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding {
padding: 40px 20px;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
/* line 66, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding {
padding: 80px 40px;
text-align: left;
border-right: 1px solid #cccccc;
}
}
/* line 76, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .button-signup {
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 40.063em) {
/* line 76, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .button-signup {
margin-right: 0;
margin-left: 0;
}
}
/* line 86, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .uc-logo {
margin-top: 40px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
display: block;
height: 60px;
width: 200px;
position: relative;
float: none;
transition: left 200ms ease-in-out, width 200ms ease-in-out;
}
@media only screen and (min-width: 40.063em) {
/* line 86, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .uc-logo {
margin-top: 40px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
float: left;
}
}
/* line 106, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .uc-logo img {
max-width: 200px;
margin-left: 0;
}
/* line 114, ../../_src/scss/components/_footer.scss */
#sub-footer {
padding: 20px 0;
color: #b0b0b0;
font-size: 14px;
}
/* line 121, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul {
margin: 0;
list-style: none;
}
/* line 125, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
font-size: 14px;
}
@media only screen and (min-width: 64.063em) {
/* line 125, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul li {
margin-bottom: 0;
}
}
/* line 135, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul li a {
color: #b0b0b0;
}
/* line 143, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul {
margin: 0;
list-style: none;
}
/* line 147, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
@media only screen and (min-width: 64.063em) {
/* line 147, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li {
margin-bottom: 0;
}
}
/* line 156, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li a {
color: #b0b0b0;
}
/* line 159, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li a span {
display: none;
}
/* line 166, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social .icon-facebook:before {
content: "\e01a";
}
/* line 170, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social .icon-twitter:before {
content: "\e01e";
}
/* line 2, ../../_src/scss/components/_main_nav.scss */
.desktop-nav,
.desktop-nav-sub {
display: none;
width: auto;
height: 50px;
position: absolute;
top: 50%;
left: 20px;
font-size: 16px;
transition: left 200ms ease-in-out, top 200ms ease-in-out;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/* line 17, ../../_src/scss/components/_main_nav.scss */
.desktop-nav ul,
.desktop-nav-sub ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
/* line 24, ../../_src/scss/components/_main_nav.scss */
.desktop-nav a,
.desktop-nav-sub a {
display: block;
padding: 10px 16px;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.04em;
text-decoration: none;
text-transform: none;
color: #ffffff;
border-bottom: 1px solid #222222;
transition: color 200ms ease-in, padding 200ms ease-in, font-size 200ms ease-in;
}
/* line 44, ../../_src/scss/components/_main_nav.scss */
.desktop-nav > ul > li:nth-child(1) > a {
padding: 10px 16px 10px 0;
}
/* line 50, ../../_src/scss/components/_main_nav.scss */
.desktop-nav-sub {
right: 180px;
left: auto;
}
/* line 54, ../../_src/scss/components/_main_nav.scss */
.desktop-nav-sub li {
float: right;
}
/* line 58, ../../_src/scss/components/_main_nav.scss */
.desktop-nav-sub a {
text-transform: none;
}
/* line 63, ../../_src/scss/components/_main_nav.scss */
.mobile-nav {
overflow-y: scroll;
overflow-x: hidden;
margin-right: -270px;
height: calc(100vh - 64px);
padding-bottom: 120px;
width: 0;
position: fixed;
top: 64px;
right: 0;
z-index: 1500;
backface-visibility: hidden;
transition: transform 200ms ease-in, opacity 200ms ease-in;
}
/* line 80, ../../_src/scss/components/_main_nav.scss */
.main-menu-active .mobile-nav {
width: 270px;
-ms-transform: translateX(-270px);
transform: translateX(-270px);
}
/* line 86, ../../_src/scss/components/_main_nav.scss */
.mobile-nav a {
display: block;
padding: 12px 20px;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
text-align: right;
color: #ffffff;
border-bottom: 1px solid #222222;
transition: color 200ms ease-in;
}
/* line 103, ../../_src/scss/components/_main_nav.scss */
.mobile-nav a.login {
color: #61b6e6;
}
/* line 108, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li {
list-style: none;
position: relative;
}
/* line 113, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li.has-subnav::after {
content: "\e001";
font-family: 'ultracart-storefronts-1';
color: #ffffff;
font-size: 8px;
position: absolute;
top: 15px;
right: 20px;
}
/* line 125, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li ul {
display: hidden;
padding: 10px 0 0 0;
border-bottom: 1px solid #222222;
}
/* line 131, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li ul li {
padding: 0 0 10px 0;
}
/* line 135, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li ul a {
padding: 0 26px;
font-weight: 400;
text-transform: none;
white-space: normal;
color: grey;
border-bottom: 0 none;
text-align: right;
}
/* line 149, ../../_src/scss/components/_main_nav.scss */
.mobile-nav ul {
margin: 0;
padding: 0;
}
/* line 156, ../../_src/scss/components/_main_nav.scss */
#galaxy {
-ms-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0);
backface-visibility: hidden;
transition: transform 200ms ease-in;
}
/* line 161, ../../_src/scss/components/_main_nav.scss */
.main-menu-active #galaxy {
-ms-transform: translateX(-270px);
transform: translateX(-270px);
}
@media only screen and (min-width: 40.063em) {
/* line 169, ../../_src/scss/components/_main_nav.scss */
.mobile-nav {
top: 90px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 176, ../../_src/scss/components/_main_nav.scss */
#galaxy {
-ms-transform: none;
transform: none;
backface-visibility: hidden;
}
/* line 182, ../../_src/scss/components/_main_nav.scss */
.mobile-nav {
display: none !important;
}
/* line 186, ../../_src/scss/components/_main_nav.scss */
.desktop-nav {
left: 0;
}
/* line 190, ../../_src/scss/components/_main_nav.scss */
.desktop-nav,
.desktop-nav-sub {
display: block;
}
/* line 194, ../../_src/scss/components/_main_nav.scss */
.desktop-nav a,
.desktop-nav-sub a {
color: #ffffff;
border: 0 none;
}
/* line 200, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li,
.desktop-nav-sub li {
display: inline-block;
position: relative;
}
/* line 205, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li.has-subnav:after,
.desktop-nav-sub li.has-subnav:after {
position: absolute;
content: "\e001";
font-family: 'ultracart-storefronts-1';
color: #e8e8e8;
font-size: 8px;
right: 0;
top: 18px;
}
/* line 215, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li.has-subnav > a,
.desktop-nav-sub li.has-subnav > a {
padding-right: 15px;
}
/* line 220, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li:hover:after,
.desktop-nav-sub li:hover:after {
color: #f4f4f4;
}
/* line 226, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li.active > ul,
.desktop-nav-sub li.active > ul {
display: block;
}
/* line 231, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul,
.desktop-nav-sub li ul {
display: none;
padding: 20px;
position: absolute;
top: 100%;
left: 0;
text-align: left;
background-color: rgba(10, 10, 10, 0.95);
border-radius: 20px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* line 246, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul li,
.desktop-nav-sub li ul li {
line-height: 1.3;
display: block;
clear: both;
}
/* line 251, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul li a,
.desktop-nav-sub li ul li a {
font-size: 16px;
}
/* line 256, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul li.has-subnav:after,
.desktop-nav-sub li ul li.has-subnav:after {
content: "\e002";
font-family: 'ultracart-storefronts-1';
color: #8d8d8d;
font-size: 8px;
left: 5px;
top: 3px;
display: block;
height: 10px;
width: 10px;
}
/* line 268, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul li.has-subnav ul,
.desktop-nav-sub li ul li.has-subnav ul {
display: none;
right: 100%;
top: -10px;
position: absolute;
float: none;
background-color: #333333;
border-right: 1px solid #222222;
}
/* line 282, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul li.active > ul,
.desktop-nav-sub li ul li.active > ul {
display: block;
}
/* line 288, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li ul a,
.desktop-nav-sub li ul a {
white-space: nowrap;
}
/* line 294, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li:hover > a,
.desktop-nav-sub li:hover > a {
color: #f4f4f4;
}
/* line 301, ../../_src/scss/components/_main_nav.scss */
.desktop-nav li.active ul,
.desktop-nav-sub li.active ul {
display: block;
}
/* line 307, ../../_src/scss/components/_main_nav.scss */
.desktop-nav ul,
.desktop-nav-sub ul {
float: left;
}
/* line 314, ../../_src/scss/components/_main_nav.scss */
.fix-nav .desktop-nav a, .fix-nav
.desktop-nav-sub a {
padding: 12px 10px;
font-size: 14px;
transition: color 200ms ease-in;
}
/* line 323, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 > ul,
.desktop-nav-sub.nav_v2 > ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
/* line 329, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li,
.desktop-nav-sub.nav_v2 li {
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 336, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li.has-subnav::after,
.desktop-nav-sub.nav_v2 li.has-subnav::after {
content: "\e001";
font-family: 'ultracart-storefronts-1';
color: #ffffff;
font-size: 8px;
position: relative;
top: auto;
right: auto;
}
/* line 348, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li.has-subnav.active > .subnav,
.desktop-nav-sub.nav_v2 li.has-subnav.active > .subnav {
pointer-events: all;
max-height: calc(100vh - 80px);
overflow-y: auto;
opacity: 1;
height: auto;
bottom: auto;
z-index: 20;
}
/* line 358, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li.has-subnav.active > .subnav .subnav_content,
.desktop-nav-sub.nav_v2 li.has-subnav.active > .subnav .subnav_content {
opacity: 1;
}
/* line 365, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li a,
.desktop-nav-sub.nav_v2 li a {
padding: 10px 0;
}
/* line 370, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li:nth-child(1) a,
.desktop-nav-sub.nav_v2 li:nth-child(1) a {
padding: 10px 0;
}
/* line 375, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav,
.desktop-nav-sub.nav_v2 li .subnav {
min-height: 0;
height: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: calc(100% + 24px);
left: calc(-1 * (200px + 104px));
width: 100vw;
background-color: rgba(10, 10, 10, 0.96);
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 10;
backdrop-filter: blur(8px);
}
/* line 394, ../../_src/scss/components/_main_nav.scss */
.fix-nav .desktop-nav.nav_v2 li .subnav, .fix-nav
.desktop-nav-sub.nav_v2 li .subnav {
top: calc(100% + 15px);
}
/* line 398, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 1440px;
padding: 40px 40px 120px 40px;
gap: 80px;
opacity: 0;
transition: all 0.4s ease;
}
/* line 408, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
max-width: 360px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 416, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column .subnav_block,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column .subnav_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 423, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: "Poppins", sans-serif;
gap: 8px;
margin-bottom: 0 !important;
margin-top: 0 !important;
padding-bottom: 0;
padding-top: 0;
font-size: 18px;
font-weight: 400;
}
/* line 435, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header span,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header span {
color: white;
font-size: 18px;
}
/* line 441, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul {
float: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
padding: 0;
position: relative;
top: auto;
left: auto;
background-color: transparent;
border-radius: 0;
backdrop-filter: none;
}
/* line 454, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li {
padding: 0 0 0 40px;
font-family: "Poppins", sans-serif;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 459, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
letter-spacing: 0.01em;
}
/* line 466, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_item {
font-size: 18px;
font-weight: 400;
transition: all 0.3s ease;
}
/* line 472, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_description,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_description {
color: #828282;
font-size: 14px;
transition: all 0.3s ease;
}
/* line 479, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a:hover .subnav_description,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a:hover .subnav_description {
color: white;
}
/* line 485, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li:has(svg),
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li:has(svg) {
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-left: -40px;
margin-bottom: 0;
}
/* line 497, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a .subnav_item {
color: #A1D4EF;
}
/* line 502, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a:hover .subnav_item {
color: #7DBCDE;
}
/* line 511, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li {
margin-left: 0;
}
/* line 515, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a .subnav_item {
color: #A1ECCB;
}
/* line 520, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a:hover .subnav_item {
color: #73DCB3;
}
/* line 529, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li {
margin-left: 0;
}
/* line 533, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a .subnav_item {
color: #F7F18D;
}
/* line 538, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a:hover .subnav_item {
color: #E8C658;
}
/* line 547, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li {
margin-left: 0;
}
/* line 551, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a .subnav_item {
color: #F7A895;
}
/* line 556, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a:hover .subnav_item {
color: #EC7F6F;
}
/* line 567, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a .subnav_item {
color: #A1ECCB;
}
/* line 572, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a:hover .subnav_item {
color: #73DCB3;
}
/* line 582, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a .subnav_item {
color: #A1D4EF;
}
/* line 587, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a:hover .subnav_item {
color: #7DBCDE;
}
/* line 597, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a .subnav_item {
color: #A1A4EF;
}
/* line 602, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a:hover .subnav_item,
.desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a:hover .subnav_item {
color: #C7C8FD;
}
}
@media only screen and (min-width: 90.063em) {
/* line 623, ../../_src/scss/components/_main_nav.scss */
.mobile-nav {
width: 67.5rem;
height: 50px;
margin-left: -22.5rem;
position: absolute;
top: 46px;
left: 50%;
font-size: 14px;
}
/* line 634, ../../_src/scss/components/_main_nav.scss */
.fix-nav .mobile-nav {
position: fixed;
top: -2px;
}
/* line 639, ../../_src/scss/components/_main_nav.scss */
.mobile-nav a {
color: red;
border: 0 none;
}
/* line 648, ../../_src/scss/components/_main_nav.scss */
.desktop-nav.nav_v2 li .subnav {
left: calc(-1 * (((100vw - 1440px) / 2) + 200px + 84px));
}
}
/* line 7, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_crm li {
margin-left: 0;
}
/* line 11, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_crm li a .subnav_item {
color: #7DD3C0;
}
/* line 16, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_crm li a:hover .subnav_item {
color: #9DE4D6;
}
/* line 26, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_communication li {
margin-left: 0;
}
/* line 30, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_communication li a .subnav_item {
color: #7DB5E0;
}
/* line 35, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_communication li a:hover .subnav_item {
color: #A0CCF0;
}
/* line 45, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_more li {
margin-left: 0;
}
/* line 49, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_more li a .subnav_item {
color: #B8A9E8;
}
/* line 54, ../../_src/scss/components/_nav_v3.scss */
.nav_v2 .subnav_more li a:hover .subnav_item {
color: #D0C5F0;
}
/* line 15, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav {
display: none !important;
}
/* line 19, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-login {
display: none !important;
}
/* line 24, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
visibility: hidden;
-ms-transform: translateY(-8px);
transform: translateY(-8px);
transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
/* line 47, ../../_src/scss/components/_mobile_nav_v2.scss */
.main-menu-active .mobile-nav-v2 {
opacity: 1;
visibility: visible;
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 64.063em) {
/* line 24, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 {
display: none !important;
}
}
/* line 59, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-topbar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 67, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-logo {
display: block;
height: 28px;
}
/* line 71, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-logo img {
height: 100%;
width: auto;
display: block;
}
/* line 78, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-close {
width: 32px;
height: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: none;
border: none;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
padding: 0;
margin: 0;
}
/* line 93, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-scroll {
-ms-flex: 1;
flex: 1;
overflow: hidden;
position: relative;
}
/* line 100, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 8px 24px 24px;
opacity: 0;
pointer-events: none;
transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
/* line 117, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-panel.mobile-nav-main {
-ms-transform: translateX(0);
transform: translateX(0);
}
/* line 120, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-panel.mobile-nav-main.is-exit {
-ms-transform: translateX(-30%);
transform: translateX(-30%);
opacity: 0;
}
/* line 127, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-panel.mobile-nav-sub {
-ms-transform: translateX(40px);
transform: translateX(40px);
}
/* line 132, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-panel.is-active {
opacity: 1;
pointer-events: auto;
-ms-transform: translateX(0);
transform: translateX(0);
}
/* line 140, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-list {
list-style: none;
margin: 0;
padding: 0;
}
/* line 146, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
/* line 149, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-item.has-children {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
padding: 20px 0;
transition: opacity 150ms ease;
}
/* line 157, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-item.has-children:active {
opacity: 0.7;
}
/* line 163, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-item:not(.has-children) a {
display: block;
padding: 20px 0;
}
/* line 170, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-label {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 600;
color: #fff;
text-decoration: none;
letter-spacing: 0.01em;
}
/* line 179, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-chevron {
color: rgba(255, 255, 255, 0.5);
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 185, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-back {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
background: none;
border: none;
color: rgba(255, 255, 255, 0.5);
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 0 0 24px;
margin: 0;
}
/* line 199, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-back svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 203, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-back:hover {
background-color: transparent;
}
/* line 209, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-section {
margin-bottom: 28px;
}
/* line 212, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-section:last-child {
margin-bottom: 0;
}
/* line 217, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-section-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 12px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
line-height: normal;
}
/* line 232, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-section-title svg {
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0.7;
}
/* line 239, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-sublist {
list-style: none;
margin: 0;
padding: 0;
}
/* line 244, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-sublist li {
margin: 0;
}
/* line 248, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-sublist a {
display: block;
padding: 10px 0;
text-decoration: none;
transition: opacity 150ms ease;
}
/* line 254, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-sublist a:active {
opacity: 0.7;
}
/* line 260, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-sub-item {
display: block;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
}
/* line 268, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-sub-desc {
display: block;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
margin-top: 2px;
line-height: 1.4;
}
/* line 280, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-blue .mobile-sub-item {
color: #A1D4EF;
}
/* line 281, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-blue a:hover .mobile-sub-item {
color: #7DBCDE;
}
/* line 285, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-green .mobile-sub-item {
color: #A1ECCB;
}
/* line 286, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-green a:hover .mobile-sub-item {
color: #73DCB3;
}
/* line 290, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-yellow .mobile-sub-item {
color: #F7F18D;
}
/* line 291, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-yellow a:hover .mobile-sub-item {
color: #E8C658;
}
/* line 295, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-red .mobile-sub-item {
color: #F7A895;
}
/* line 296, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-red a:hover .mobile-sub-item {
color: #EC7F6F;
}
/* line 300, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-purple .mobile-sub-item {
color: #A1A4EF;
}
/* line 301, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-purple a:hover .mobile-sub-item {
color: #C7C8FD;
}
/* line 305, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-teal .mobile-sub-item {
color: #7DD3C0;
}
/* line 306, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-teal a:hover .mobile-sub-item {
color: #9DE4D6;
}
/* line 310, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-blue .mobile-sub-item {
color: #7DB5E0;
}
/* line 311, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-blue a:hover .mobile-sub-item {
color: #A0CCF0;
}
/* line 315, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-violet .mobile-sub-item {
color: #B8A9E8;
}
/* line 316, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .color-violet a:hover .mobile-sub-item {
color: #D0C5F0;
}
/* line 320, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-footer {
display: -ms-flexbox;
display: flex;
gap: 12px;
padding: 16px 24px;
padding-bottom: 16px;
padding-bottom: calc(16px + env(safe-area-inset-bottom));
border-top: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(0, 0, 0, 0.95);
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 331, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-btn {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 14px 20px;
border-radius: 10px;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
text-decoration: none;
text-align: center;
cursor: pointer;
transition: background 200ms ease, transform 100ms ease;
}
/* line 346, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-btn:active {
-ms-transform: scale(0.97);
transform: scale(0.97);
}
/* line 351, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-btn-login {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
color: #fff;
}
/* line 356, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-btn-login:hover {
background: rgba(255, 255, 255, 0.12);
}
/* line 361, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-btn-cta {
background: #2f9b73;
border: 1px solid #2f9b73;
color: #fff;
}
/* line 366, ../../_src/scss/components/_mobile_nav_v2.scss */
.mobile-nav-v2 .mobile-nav-btn-cta:hover {
background: #35af82;
}
@media (max-width: 1023px) {
/* line 375, ../../_src/scss/components/_mobile_nav_v2.scss */
.main-menu-active {
overflow: hidden;
}
/* line 379, ../../_src/scss/components/_mobile_nav_v2.scss */
.main-menu-active #galaxy {
-ms-transform: none !important;
transform: none !important;
}
/* line 385, ../../_src/scss/components/_mobile_nav_v2.scss */
.main-menu-active .main-header .icon-menu {
right: 16px !important;
}
/* line 389, ../../_src/scss/components/_mobile_nav_v2.scss */
.main-menu-active .main-header .icon-search {
right: 54px !important;
}
/* line 393, ../../_src/scss/components/_mobile_nav_v2.scss */
.main-menu-active .main-header .get-started {
right: 80px !important;
}
}
/* line 1, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 {
position: absolute;
height: auto;
min-height: 80px;
width: 100%;
bottom: 100%;
background: rgba(255, 255, 255, 0.9);
text-align: left;
border-radius: 0;
}
@media only screen and (min-width: 90.063em) {
/* line 1, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 {
border-radius: 16px 16px 0 0;
}
}
/* line 15, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-desktop {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 15, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-desktop {
display: block;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}
}
/* line 27, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-mobile {
padding: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 27, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-mobile {
display: none;
}
}
/* line 34, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-mobile select {
border: none;
border-radius: 16px;
background: #ffffff;
height: 40px;
font-weight: bold;
padding: 0 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.063em) {
/* line 34, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-mobile select {
width: 50%;
}
}
/* line 49, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
gap: 8px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
/* line 59, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul::after {
content: '';
display: block;
clear: both;
}
/* line 65, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li {
line-height: 80px;
display: inline-block;
position: relative;
line-height: 20px;
display: block;
margin: 0;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 8px 16px;
border-radius: 30px;
width: auto;
box-shadow: 0;
background-color: transparent;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
-ms-flex-order: 10;
order: 10;
}
/* line 82, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li:has(a[title="Advanced"]) {
-ms-flex-order: 20;
order: 20;
}
/* line 86, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li:hover {
background-color: #ffffff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
/* line 91, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li.active {
border: 1px solid #ffffff;
background: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* line 96, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li.active::after {
content: "";
display: none;
height: 2px;
position: absolute;
bottom: 1px;
left: 0;
right: 0;
background: #545454;
}
/* line 108, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li.active a {
color: #222222;
}
/* line 113, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li a {
color: #545454;
font-size: 16px;
font-weight: 400;
transition: color 200ms ease-in;
}
/* line 119, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li a:hover {
color: #222222;
}
/* line 130, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 {
border-right: 1px solid #e8e8e8;
display: none;
}
@media only screen and (min-width: 40.063em) {
/* line 130, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 {
display: block;
}
}
/* line 140, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 .active-indicator {
display: none;
position: absolute;
width: 4px;
top: 4px;
right: 4px;
background: #343440;
height: 32px;
}
/* line 150, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
list-style: none;
}
/* line 156, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul::after {
content: '';
display: block;
clear: both;
}
/* line 162, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul li {
position: relative;
padding: 5px 10px;
margin-left: -10px;
margin-bottom: 20px;
cursor: pointer;
font-family: "Poppins", sans-serif;
font-weight: bold;
font-size: 14px;
float: left;
clear: both;
border-radius: 20px;
transition: box-shadow 0.3s ease-in, background-color 0.4s ease-in;
}
/* line 181, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul li.active {
background-color: #ffffff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 40.063em) {
/* line 202, ../../_src/scss/components/_menus.scss */
.row.menu-lvl-3-container,
.flex-row.menu-lvl-3-container {
padding-bottom: 0 !important;
}
}
/* line 209, ../../_src/scss/components/_menus.scss */
.row.menu-lvl-3-container:first-of-type,
.flex-row.menu-lvl-3-container:first-of-type {
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 209, ../../_src/scss/components/_menus.scss */
.row.menu-lvl-3-container:first-of-type,
.flex-row.menu-lvl-3-container:first-of-type {
padding-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 217, ../../_src/scss/components/_menus.scss */
.row.menu-lvl-3-container.content-graphic,
.flex-row.menu-lvl-3-container.content-graphic {
padding-right: 0 !important;
}
}
/* line 224, ../../_src/scss/components/_menus.scss */
.menu-content {
padding-left: 0 !important;
padding-bottom: 20px !important;
}
@media only screen and (min-width: 40.063em) {
/* line 224, ../../_src/scss/components/_menus.scss */
.menu-content {
padding-left: 40px !important;
padding-bottom: 80px !important;
}
}
@media only screen and (min-width: 64.063em) {
/* line 224, ../../_src/scss/components/_menus.scss */
.menu-content {
padding-left: 80px !important;
padding-bottom: 120px !important;
}
}
/* line 238, ../../_src/scss/components/_menus.scss */
.menu-content h2 {
font-size: 21px;
color: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 238, ../../_src/scss/components/_menus.scss */
.menu-content h2 {
font-size: 26px;
}
}
/* line 247, ../../_src/scss/components/_menus.scss */
.menu-content h3 {
color: #545454;
font-size: 24px;
}
/* line 252, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-copy {
padding-right: 20px;
box-sizing: border-box;
width: 100%;
float: left;
}
@media only screen and (min-width: 40.063em) {
/* line 252, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-copy {
padding-right: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 252, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-copy {
width: 50%;
padding-right: 80px;
}
}
/* line 268, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-graphic {
display: none;
box-sizing: border-box;
width: 50%;
float: left;
}
@media only screen and (min-width: 64.063em) {
/* line 268, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-graphic {
display: block;
}
}
/* line 1, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb {
display: none;
padding-top: 10px;
display: none;
}
/* line 6, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb a {
text-decoration: none;
color: blue;
border-bottom: 0 none;
}
/* line 12, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li {
list-style: none;
display: inline-block;
font-size: 12px;
}
/* line 18, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li:after {
content: "/";
display: inline-block;
margin: 0 0 0 .2em;
}
/* line 25, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li:last-child:after {
content: "";
display: none;
}
/* line 30, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li:last-child a {
font-weight: 700;
}
/* line 36, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb ul {
margin: 0;
padding: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb {
display: block;
padding: 10px 0 0;
}
}
/* line 3, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev,
.featured-products-gallery .home-slider-next {
position: absolute;
display: block;
cursor: pointer;
height: 30px;
top: 50%;
margin-top: -15px;
z-index: 10;
}
/* line 13, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev::before, .featured-products-gallery .home-slider-prev::after,
.featured-products-gallery .home-slider-next::before,
.featured-products-gallery .home-slider-next::after {
display: block;
font-family: 'ultracart-storefronts-1';
width: 32px;
height: 32px;
font-size: 32px;
color: #333333;
}
/* line 23, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev span,
.featured-products-gallery .home-slider-next span {
display: none;
}
/* line 28, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev {
left: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 28, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev {
left: 50px;
}
}
/* line 36, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev::before {
content: "\e002";
}
/* line 40, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-next {
right: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 40, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-next {
right: 50px;
}
}
/* line 48, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-next::before {
content: "\e003";
}
/* line 53, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .slick-slide {
opacity: 0.3;
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: transform 0.3s ease-in, opacity 0.3s ease-in;
pointer-events: none;
}
/* line 59, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .slick-slide.slick-center {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1);
pointer-events: auto;
}
/* line 1, ../../_src/scss/components/_search_modal.scss */
.search-modal {
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 0;
border: 0;
border-radius: 30px;
min-height: 0;
width: calc(100% - 30px);
margin-left: 15px;
}
@media only screen and (min-width: 64.063em) {
/* line 1, ../../_src/scss/components/_search_modal.scss */
.search-modal {
width: 30%;
max-width: 90rem;
left: 0;
right: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
}
}
/* line 24, ../../_src/scss/components/_search_modal.scss */
.search-modal.reveal-modal {
top: 10% !important;
}
@media only screen and (min-width: 40.063em) {
/* line 24, ../../_src/scss/components/_search_modal.scss */
.search-modal.reveal-modal {
top: 120px !important;
}
}
@media only screen and (min-width: 64.063em) {
/* line 24, ../../_src/scss/components/_search_modal.scss */
.search-modal.reveal-modal {
top: 20% !important;
}
}
/* line 34, ../../_src/scss/components/_search_modal.scss */
.search-modal .search-input {
margin-bottom: 0;
height: 45px;
border-radius: 30px;
padding-left: 20px;
font-weight: bold;
}
/* line 42, ../../_src/scss/components/_search_modal.scss */
.search-modal .search-button {
position: absolute;
right: 0;
top: 0;
outline: 0;
height: 45px;
line-height: 35px;
font-size: 14px;
padding: 0 16px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin: 0;
border-radius: 30px;
border: 5px solid #fff;
}
/* line 2, ../../_src/scss/components/_search_results_list.scss */
.search-results-list .search-result-title {
font-size: 24px;
margin-bottom: 10px;
font-weight: normal;
}
/* line 7, ../../_src/scss/components/_search_results_list.scss */
.search-results-list .search-result-link {
font-style: italic;
}
/* line 10, ../../_src/scss/components/_search_results_list.scss */
.search-results-list .search-result-description {
margin-top: 10px;
margin-bottom: 40px;
}
/* line 2, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.page {
display: inline-block;
padding: 0 5px;
cursor: pointer;
color: #008cba;
transition: color 0.3s ease-in;
}
/* line 9, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.page:hover, .search-pagination li.page.current {
color: #545454;
}
/* line 14, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.page.current {
cursor: inherit;
}
/* line 18, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.sequence_gap {
display: inline-block;
}
/* line 1, ../../_src/scss/components/_integration_list_item.scss */
.integration-list-item {
display: block;
background-color: #ffffff;
text-align: center;
}
/* line 6, ../../_src/scss/components/_integration_list_item.scss */
.integration-list-item h3 {
font-size: 18px;
padding: 30px 0;
font-weight: normal;
}
/* line 1, ../../_src/scss/components/_integration_featured.scss */
.integration-featured {
margin-bottom: 40px;
}
/* line 4, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-image-container {
border: 1px solid #e8e8e8;
padding: 0 40px;
}
/* line 13, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-image-container img {
max-width: 100%;
max-height: 40px;
}
/* line 19, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-image-container h3 {
min-height: 40px;
font-size: 18px;
margin: 30px 0 10px 0;
}
/* line 26, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-text-container {
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
padding: 40px;
}
/* line 32, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-text-container h3,
.integration-featured .integration-featured-text-container p {
color: #333333;
margin-bottom: 0;
}
/* line 38, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-text-container h3 {
font-size: 18px;
font-weight: bold;
}
/* line 46, ../../_src/scss/components/_integration_featured.scss */
.section-intro .integration-featured-image-container {
border: none;
border-bottom: 1px solid #e8e8e8;
padding: 0 0 16px 0;
}
/* line 51, ../../_src/scss/components/_integration_featured.scss */
.section-intro .integration-featured-image-container img {
max-height: 40px;
max-width: 100%;
}
/* line 56, ../../_src/scss/components/_integration_featured.scss */
.section-intro .integration-featured-image-container h3 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
font-size: 18px;
margin: 0;
}
/* line 2, ../../_src/scss/components/_icons.scss */
.ia, [class^="icon-"], [class*=" icon-"] {
display: inline-block;
width: 16px;
height: 16px;
font-family: 'ultracart-storefronts-1';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 19, ../../_src/scss/components/_icons.scss */
.icon .icon-path {
fill: #5e5e5e;
}
/* line 22, ../../_src/scss/components/_icons.scss */
.icon .icon-fill {
opacity: 0.3;
isolation: isolate;
}
/* line 28, ../../_src/scss/components/_icons.scss */
.icons-circle {
width: 80px;
height: 80px;
position: relative;
float: left;
border-radius: 50%;
background-color: rgba(47, 155, 115, 0.3);
margin-top: 0;
margin-left: 0;
text-align: center;
}
/* line 39, ../../_src/scss/components/_icons.scss */
.icons-circle.icon-break {
float: none;
clear: both;
margin-bottom: 32px;
}
/* line 45, ../../_src/scss/components/_icons.scss */
.icons-circle .icon {
width: 36px;
padding-top: 23px;
}
/* line 50, ../../_src/scss/components/_icons.scss */
.icons-circle .icon .icon-path,
.icons-circle .icon .icon-fill,
.icons-circle [class^="icon-"], .icons-circle [class*=" icon-"] {
fill: #31c59a;
}
/* line 58, ../../_src/scss/components/_icons.scss */
.icons-feature-list .columns {
margin-top: 24px;
}
/* line 64, ../../_src/scss/components/_icons.scss */
.color-blue-white.icons-circle {
background-color: rgba(255, 255, 255, 0.3);
}
/* line 67, ../../_src/scss/components/_icons.scss */
.color-blue-white .icon .icon-path,
.color-blue-white .icon .icon-fill,
.color-blue-white [class^="icon-"], .color-blue-white [class*=" icon-"] {
fill: #61b6e6;
}
/* line 75, ../../_src/scss/components/_icons.scss */
.color-blue-blue.icons-circle {
background-color: rgba(97, 182, 230, 0.3);
}
/* line 78, ../../_src/scss/components/_icons.scss */
.color-blue-blue .icon .icon-path,
.color-blue-blue .icon .icon-fill,
.color-blue-blue [class^="icon-"], .color-blue-blue [class*=" icon-"] {
fill: #61b6e6;
}
/* line 86, ../../_src/scss/components/_icons.scss */
.color-red-white.icons-circle {
background-color: rgba(255, 255, 255, 0.3);
}
/* line 89, ../../_src/scss/components/_icons.scss */
.color-red-white .icon .icon-path,
.color-red-white .icon .icon-fill,
.color-red-white [class^="icon-"], .color-red-white [class*=" icon-"] {
fill: #dc8353;
}
/* line 97, ../../_src/scss/components/_icons.scss */
.color-red-red.icons-circle {
background-color: rgba(215, 103, 43, 0.3);
}
/* line 100, ../../_src/scss/components/_icons.scss */
.color-red-red .icon .icon-path,
.color-red-red .icon .icon-fill,
.color-red-red [class^="icon-"], .color-red-red [class*=" icon-"] {
fill: #dc8353;
}
/* line 108, ../../_src/scss/components/_icons.scss */
.color-orange-white.icons-circle {
background-color: rgba(255, 255, 255, 0.3);
}
/* line 111, ../../_src/scss/components/_icons.scss */
.color-orange-white .icon .icon-path,
.color-orange-white .icon .icon-fill,
.color-orange-white [class^="icon-"], .color-orange-white [class*=" icon-"] {
fill: #d7a02b;
}
/* line 119, ../../_src/scss/components/_icons.scss */
.color-orange-orange.icons-circle {
background-color: rgba(239, 178, 48, 0.3);
}
/* line 122, ../../_src/scss/components/_icons.scss */
.color-orange-orange .icon .icon-path,
.color-orange-orange .icon .icon-fill,
.color-orange-orange [class^="icon-"], .color-orange-orange [class*=" icon-"] {
fill: #d7a02b;
}
/* line 130, ../../_src/scss/components/_icons.scss */
.color-grey-grey.icons-circle {
background-color: rgba(204, 204, 204, 0.6);
}
/* line 133, ../../_src/scss/components/_icons.scss */
.color-grey-grey .icon .icon-path,
.color-grey-grey .icon .icon-fill,
.color-grey-grey [class^="icon-"], .color-grey-grey [class*=" icon-"] {
fill: #5e5e5e;
}
/* line 141, ../../_src/scss/components/_icons.scss */
.color-grey-white.icons-circle {
background-color: rgba(51, 51, 51, 0.3);
}
/* line 144, ../../_src/scss/components/_icons.scss */
.color-grey-white .icon .icon-path,
.color-grey-white .icon .icon-fill,
.color-grey-white [class^="icon-"], .color-grey-white [class*=" icon-"] {
fill: #ffffff;
}
/* line 154, ../../_src/scss/components/_icons.scss */
.title-icon {
display: table;
width: 100%;
margin-bottom: 20px;
}
/* line 159, ../../_src/scss/components/_icons.scss */
.title-icon .icons-container {
display: table-cell;
vertical-align: middle;
}
/* line 163, ../../_src/scss/components/_icons.scss */
.title-icon .icons-container .icons-circle {
margin-right: 20px;
}
/* line 168, ../../_src/scss/components/_icons.scss */
.title-icon .icons-title {
display: table-cell;
vertical-align: middle;
width: 100%;
}
/* line 173, ../../_src/scss/components/_icons.scss */
.title-icon .icons-title h4 {
margin-bottom: 0;
}
/* line 1, ../../_src/scss/components/_logos.scss */
svg.logo-ebay {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 1, ../../_src/scss/components/_logos.scss */
svg.logo-ebay {
width: auto;
}
}
/* line 8, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path {
fill: #ffffff;
fill-opacity: 1;
stroke: none;
}
/* line 13, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#e {
fill: #e53238;
}
/* line 16, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#b {
fill: #0064d2;
}
/* line 19, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#a {
fill: #f5af02;
}
/* line 22, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#y {
fill: #86b817;
}
/* line 28, ../../_src/scss/components/_logos.scss */
svg.logo-amazon {
width: 100%;
}
/* line 31, ../../_src/scss/components/_logos.scss */
svg.logo-amazon path {
fill: #ffffff;
fill-opacity: 1;
stroke: none;
}
/* line 36, ../../_src/scss/components/_logos.scss */
svg.logo-amazon path.cls-1 {
fill: #f90;
}
/* line 40, ../../_src/scss/components/_logos.scss */
svg.logo-amazon path.cls-2 {
fill: #221f1f;
fill-rule: evenodd;
}
/* line 3, ../../_src/scss/components/_contact_form.scss */
.contact-form label.error {
margin-bottom: 20px;
height: 20px;
}
/* line 8, ../../_src/scss/components/_contact_form.scss */
.contact-form input {
border-bottom: 1px solid #b0b0b0;
border-left: none;
border-right: none;
border-top: none;
background: none;
color: #5e5e5e;
padding: 10px 10px 10px 0;
height: 40px;
clear: both;
margin-bottom: 40px;
box-shadow: none;
}
/* line 21, ../../_src/scss/components/_contact_form.scss */
.contact-form input.error {
margin-bottom: 0;
}
/* line 26, ../../_src/scss/components/_contact_form.scss */
.contact-form input[type="submit"] {
width: 100%;
background-color: #66d670;
color: #ffffff;
border-bottom: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
border-radius: 10px;
text-transform: uppercase;
}
/* line 40, ../../_src/scss/components/_contact_form.scss */
.contact-form select {
border-bottom: 1px solid #b0b0b0;
border-left: none;
border-right: none;
border-top: none;
background: none;
color: #5e5e5e;
padding: 0 10px 10px 0;
height: 40px;
clear: both;
margin-bottom: 40px;
box-shadow: none;
border-radius: 0;
}
/* line 55, ../../_src/scss/components/_contact_form.scss */
.contact-form textarea {
border-bottom: 1px solid #b0b0b0;
color: #5e5e5e;
padding: 0 10px 10px 0;
height: 60px;
clear: both;
margin-bottom: 80px;
box-shadow: none;
background-color: transparent;
border-left: none;
border-right: none;
border-top: none;
}
/* line 71, ../../_src/scss/components/_contact_form.scss */
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #5e5e5e;
}
/* line 74, ../../_src/scss/components/_contact_form.scss */
.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
/* Firefox 19+ */
color: #5e5e5e;
}
/* line 77, ../../_src/scss/components/_contact_form.scss */
.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
/* IE 10+ */
color: #5e5e5e;
}
/* line 80, ../../_src/scss/components/_contact_form.scss */
.contact-form input:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
/* Firefox 18- */
color: #5e5e5e;
}
/* line 85, ../../_src/scss/components/_contact_form.scss */
.contact-form input[type="submit"] {
height: auto;
border-radius: 32px;
}
/* line 1, ../../_src/scss/components/_modal_universal.scss */
.reveal-modal-bg {
backdrop-filter: blur(4px);
}
/* Elements
--------------------------------------------------------------------------------------------------------------*/
/* LIGHTBOX - Signup - New */
/* line 3, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup {
position: absolute;
/* Place Lightbox Up at the top of the screen */
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
padding-top: 0;
display: none;
z-index: 999999;
}
@media only screen and (min-width: 40.063em) {
/* line 3, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup {
position: absolute;
padding-top: 100px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 3, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup {
padding-top: 100px;
}
}
/* line 23, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup #content {
z-index: 1000;
position: relative;
pointer-events: none;
}
/* line 29, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .overlay {
position: fixed;
/* keeps the lightbox window in the current viewport */
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 38, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header,
#lightbox-signup .signup-window {
pointer-events: all;
}
/* line 43, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header {
background: #121216;
background: #fff;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header {
border: none;
border-radius: 10px 10px 0 0;
}
}
/* line 56, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header h3 {
padding: 2.5rem;
color: #343440;
margin: 0;
}
/* line 62, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header .closeBtn {
display: block;
position: absolute;
top: 42px;
right: 42px;
width: 20px;
height: 20px;
z-index: 99;
color: transparent;
border: none;
line-height: 14px;
box-sizing: border-box;
border-radius: 10px;
background-image: url('data:image/svg+xml,');
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
/* line 88, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window {
background: #ffffff;
position: relative;
z-index: 10;
border-radius: 0 0 10px 10px;
}
/* line 94, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .content2,
#lightbox-signup .signup-window .content3 {
display: none;
}
/* line 100, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .content3 .content {
width: 620px;
height: 340px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
/* line 108, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .content3 .content canvas {
width: 620px;
height: 340px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
background: url(../../themes/UltraCart/theme/assets/css/$baseUrl/theme/assets/imgs/signup/processing-bg.jpg) bottom center no-repeat;
}
/* line 120, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .signup-text {
padding: 0;
text-align: left;
position: relative;
}
/* line 126, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .signup-text p {
line-height: 20px;
font-size: 11px;
color: #5e5e5e;
margin-top: 10px;
}
/* line 133, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .signup-text .password-note {
position: absolute;
font-size: 0.875rem;
color: #999;
top: 10px;
left: 10px;
}
/* line 140, ../../_src/scss/components/_element_signup_lightbox.scss */
.lt-ie9 #lightbox-signup .signup-window .signup-text .password-note {
display: block;
}
/* line 146, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info {
padding: 0;
text-align: left;
position: relative;
}
/* line 152, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p {
font-size: 13px;
line-height: 22px;
color: #8d8d8d;
margin-bottom: 20px;
}
/* line 158, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.password-info {
font-size: 11px;
margin-bottom: 16px;
}
/* line 163, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 40px;
width: 100%;
background-color: #f4f4f4;
padding: 4px;
border-radius: 4px;
transition: background-color 0.3s ease;
}
/* line 174, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree #agree {
margin-bottom: 0;
}
/* line 178, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree a {
color: #309b73;
mix-blend-mode: multiply;
}
/* line 183, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree:has(input[type="checkbox"]:checked) {
background-color: #daf8ea;
}
/* line 187, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree:has(.error) {
background-color: #f8dada;
}
/* line 191, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree label.error {
top: 50% !important;
right: 6px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 0;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
/* line 205, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window form input[type=text],
#lightbox-signup .signup-window form input[type=password] {
border: 1px solid #cccccc;
background: #f4f4f4;
color: #5e5e5e;
padding: 10px;
width: 100%;
height: 40px;
clear: both;
margin-bottom: 1.879rem;
box-sizing: border-box;
box-shadow: none;
border-radius: 5px;
}
/* line 220, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window form textarea {
border: 1px solid #cccccc;
background: #f4f4f4;
color: #5e5e5e;
padding: 10px;
width: 100%;
height: 120px;
clear: both;
margin-bottom: 1.879rem;
box-sizing: border-box;
box-shadow: none;
}
/* line 234, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom {
background: #ffffff;
color: #cccccc;
padding-bottom: 5rem;
}
/* line 239, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .steps {
text-align: left;
position: relative;
font: 14px/40px 'Poppins', sans-serif;
font-weight: 600;
letter-spacing: 1px;
padding-left: 0;
}
/* line 248, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .next-step {
padding-right: 0;
}
/* line 251, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .next-step a {
text-align: center;
font: 16px/20px 'Poppins', sans-serif;
font-weight: 600;
letter-spacing: 1px;
height: 40px;
line-height: 40px;
color: #ffffff;
text-transform: uppercase;
background-color: #2f9b73;
border-radius: 5px;
overflow: hidden;
}
/* line 266, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .processing {
height: 40px;
text-align: center;
padding-left: 20px;
margin: 20px auto 0px auto;
line-height: 40px;
position: relative;
font-family: 'Poppins', sans-serif;
letter-spacing: 1px;
display: none;
color: #999;
}
/* line 281, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-box {
position: relative;
}
/* line 285, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup input.error {
border: 1px solid #c85e5e !important;
}
/* line 289, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup label.error {
color: #c85e5e !important;
position: absolute;
right: 15px;
top: 9px;
font-size: 14px;
}
/* line 299, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-merchant label.error,
#lightbox-signup .input-username label.error {
right: 40px;
top: 11px;
font-size: 12px;
}
/* line 306, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup p.p-agree label.error {
top: 0 !important;
}
/* line 310, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-merchant:before {
display: block;
position: absolute;
top: 10px;
right: 10px;
font-family: 'ultracarticons';
content: '\e046';
color: #5e5e5e;
font-size: 16px;
line-height: 20px;
width: 20px;
height: 20px;
}
/* line 324, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-username:before {
display: block;
position: absolute;
top: 10px;
right: 10px;
font-family: 'ultracarticons';
content: '\e045';
color: #5e5e5e;
font-size: 16px;
line-height: 20px;
width: 20px;
height: 20px;
}
/* line 338, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .icon-store:before {
display: block;
font-family: 'ultracarticons';
content: '\e047';
color: #5e5e5e;
font-size: 24px;
line-height: 20px;
margin-top: 10px;
}
/* line 348, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .icon-user:before {
display: block;
font-family: 'ultracarticons';
content: '\e048';
color: #5e5e5e;
font-size: 24px;
line-height: 20px;
margin-top: 10px;
}
/* line 360, ../../_src/scss/components/_element_signup_lightbox.scss */
.lt-ie8 #lightbox-signup #ps-agree {
float: left;
margin-top: 5px;
}
/* line 366, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup p.p-agree #agree {
width: 20px;
height: 14px;
border: none;
background: none;
}
/* line 373, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup #vidBuild img {
display: none;
position: absolute;
top: 0;
left: -310px;
}
/* line 380, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup #ucVidBuild {
height: 100% !important;
width: 100% !important;
}
/* line 386, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-overlay {
position: fixed;
/* keeps the lightbox window in the current viewport */
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52, 52, 64, 0.8);
text-align: center;
z-index: 999;
padding-top: 0;
display: none;
cursor: pointer;
backdrop-filter: blur(4px);
}
/* line 401, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-overlay::before {
content: "";
position: absolute;
top: calc(50% - 110px);
left: calc(50% - 300px);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
width: 800px;
height: 800px;
background-color: #5CE1AC;
mix-blend-mode: hard-light;
opacity: 0.4;
border-radius: 50%;
filter: blur(200px);
}
/* line 417, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-overlay::after {
content: "";
position: absolute;
top: -210px;
left: calc(50% + 10px);
pointer-events: none;
width: 800px;
height: 800px;
background-color: #61B6E6;
mix-blend-mode: hard-light;
opacity: 0.4;
border-radius: 50%;
filter: blur(200px);
}
/* LIGHTBOX - Pro Services - New */
/* line 3, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services {
position: absolute;
/* Place Lightbox Up at the top of the screen */
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
padding-top: 0;
display: none;
z-index: 999999;
}
@media only screen and (min-width: 40.063em) {
/* line 3, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services {
position: absolute;
padding-top: 100px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 3, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services {
padding-top: 100px;
}
}
/* line 23, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #ps-content {
z-index: 1000;
position: relative;
pointer-events: none;
}
/* line 29, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .overlay {
position: fixed;
/* keeps the lightbox window in the current viewport */
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 38, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header,
#lightbox-pro-services .signup-window {
pointer-events: all;
}
/* line 43, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header {
background: #ffffff;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header {
border-top: none;
border-right: none;
border-bottom: 1px solid #f4f4f4;
border-left: none;
border-radius: 10px 10px 0 0;
}
}
/* line 55, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header h3 {
padding: 10px 0;
font-size: 24px;
font-weight: 400;
color: #222222;
margin: 0;
text-align: center;
}
@media only screen and (min-width: 64.063em) {
/* line 55, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header h3 {
text-align: left;
padding: 10px;
}
}
/* line 69, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header .closeBtn {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
width: 20px;
height: 10px;
z-index: 99;
color: #222222;
line-height: 10px;
box-sizing: border-box;
border-radius: 10px;
font-size: 10px;
}
/* line 84, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header .closeBtn:hover {
background: #ffffff;
color: #222222;
}
/* line 91, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window {
background: #ffffff;
position: relative;
z-index: 10;
border-radius: 0 0 10px 10px;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 91, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window {
padding-top: 30px;
padding-right: 40px;
padding-left: 40px;
}
}
/* line 106, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .content2,
#lightbox-pro-services .signup-window .content3 {
display: none;
}
/* line 112, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .content3 .content {
width: 620px;
height: 340px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
/* line 120, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .content3 .content canvas {
width: 620px;
height: 340px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
background: url(../../themes/UltraCart/theme/assets/css/$baseUrl/theme/assets/imgs/signup/processing-bg.jpg) bottom center no-repeat;
}
/* line 132, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .signup-text {
padding: 2rem 0 0 0;
text-align: left;
position: relative;
}
/* line 137, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .signup-text p {
line-height: 20px;
font-size: 11px;
color: #5e5e5e;
margin-top: 10px;
}
/* line 144, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .signup-text .password-note {
position: absolute;
font-size: 0.875rem;
color: #999;
top: 10px;
left: 10px;
}
/* line 151, ../../_src/scss/components/_element_proservices_lightbox.scss */
.lt-ie9 #lightbox-pro-services .signup-window .signup-text .password-note {
display: block;
}
/* line 157, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .merchant-info {
padding: 2.5rem 0 0 0;
text-align: left;
position: relative;
}
/* line 162, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .merchant-info p {
font-size: 13px;
line-height: 22px;
color: #8d8d8d;
}
/* line 170, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form label {
text-align: left;
}
/* line 173, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form label span {
margin-bottom: 4px;
display: inline-block;
font-size: 12px;
}
/* line 180, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form input[type=text],
#lightbox-pro-services .signup-window form input[type=password],
#lightbox-pro-services .signup-window form input[type=tel],
#lightbox-pro-services .signup-window form input[type=email],
#lightbox-pro-services .signup-window form select {
border: 1px solid #cccccc;
background: #f4f4f4;
color: #5e5e5e;
padding: 10px;
width: 100%;
height: 40px;
clear: both;
margin-bottom: 0.625rem;
box-sizing: border-box;
box-shadow: none;
border-radius: 5px;
}
/* line 198, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form textarea {
border: 1px solid #cccccc;
background: #f4f4f4;
color: #5e5e5e;
padding: 10px;
width: 100%;
height: 100px;
clear: both;
margin-bottom: 0.625rem;
box-sizing: border-box;
border-radius: 5px;
box-shadow: none;
}
@media only screen and (min-width: 64.063em) {
/* line 198, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form textarea {
height: 190px;
}
}
/* line 217, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom {
background: #ffffff;
color: #cccccc;
padding-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 217, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom {
padding-bottom: 40px;
padding-top: 40px;
}
}
/* line 228, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom .steps {
text-align: left;
position: relative;
font: 14px/40px 'Lato', sans-serif;
letter-spacing: 1px;
padding-left: 0;
}
/* line 238, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom .submit input {
margin-bottom: 0;
text-align: center;
font: 16px/20px 'Lato', sans-serif;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
background-color: #66d670;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
border-radius: 5px;
overflow: hidden;
width: 100%;
}
/* line 255, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-box {
position: relative;
}
/* line 259, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services input.error {
border: 1px solid #c85e5e !important;
}
/* line 263, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services label.error {
color: #c85e5e !important;
position: absolute;
right: 15px;
top: 9px;
font-size: 14px;
}
/* line 273, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-merchant label.error,
#lightbox-pro-services .input-username label.error {
right: 40px;
top: 11px;
font-size: 12px;
}
/* line 280, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services p.p-agree label.error {
top: 0 !important;
}
/* line 284, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-merchant:before {
display: block;
position: absolute;
top: 10px;
right: 10px;
font-family: 'ultracarticons';
content: '\e046';
color: #5e5e5e;
font-size: 16px;
line-height: 20px;
width: 20px;
height: 20px;
}
/* line 298, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-username:before {
display: block;
position: absolute;
top: 10px;
right: 10px;
font-family: 'ultracarticons';
content: '\e045';
color: #5e5e5e;
font-size: 16px;
line-height: 20px;
width: 20px;
height: 20px;
}
/* line 312, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #merchantId {
text-transform: uppercase;
}
/* line 316, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .icon-store:before {
display: block;
font-family: 'ultracarticons';
content: '\e047';
color: #5e5e5e;
font-size: 24px;
line-height: 20px;
margin-top: 10px;
}
/* line 326, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .icon-user:before {
display: block;
font-family: 'ultracarticons';
content: '\e048';
color: #5e5e5e;
font-size: 24px;
line-height: 20px;
margin-top: 10px;
}
/* line 338, ../../_src/scss/components/_element_proservices_lightbox.scss */
.lt-ie8 #lightbox-pro-services #agree {
float: left;
margin-top: 5px;
}
/* line 344, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services p.password-info {
font-size: 13px;
}
/* line 348, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services p.p-agree #agree {
width: 20px;
height: 14px;
border: none;
background: none;
}
/* line 355, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #vidBuild img {
display: none;
position: absolute;
top: 0;
left: -310px;
}
/* line 362, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #ucVidBuild {
height: 100% !important;
width: 100% !important;
}
/* line 367, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .button.support {
width: 100%;
margin-bottom: 0;
}
/* line 373, ../../_src/scss/components/_element_proservices_lightbox.scss */
#ps-lightbox-overlay {
position: fixed;
/* keeps the lightbox window in the current viewport */
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52, 52, 64, 0.8);
text-align: center;
z-index: 999;
padding-top: 0;
display: none;
cursor: pointer;
backdrop-filter: blur(4px);
}
/* line 2, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper {
width: 100%;
text-align: center;
}
@media only screen and (min-width: 64.063em) {
/* line 2, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper {
text-align: left;
width: 33.333%;
float: left;
padding-top: 40px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper {
padding-top: 80px;
}
}
/* line 20, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 20, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul {
margin-bottom: 0;
}
}
/* line 30, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li {
display: inline-block;
margin-right: 10px;
font-family: "Poppins", sans-serif;
color: #333333;
font-weight: 500;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 30, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li {
clear: both;
margin-bottom: 10px;
margin-right: 0;
display: block;
width: auto;
}
}
/* line 46, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li span {
display: inline-block;
background-color: transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
border-radius: 20px;
padding: 5px 10px;
transition: box-shadow 0.3s ease-in, background-color 0.4s ease-in;
}
/* line 57, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li:hover span,
.sub-wrapper .sub-menu-wrapper ul li .active span {
background-color: #ffffff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
/* line 66, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper {
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 66, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper {
width: 66.666%;
float: left;
}
}
@media only screen and (min-width: 64.063em) {
/* line 75, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper h3 {
font-size: 26px;
}
}
/* line 80, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .sub-section {
clear: both;
display: none;
}
/* line 84, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .sub-section.active {
display: block;
}
/* line 89, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-half {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 89, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-half {
width: 50%;
float: right;
}
}
/* line 98, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-copy {
position: relative;
margin-top: -100px;
z-index: 3;
}
@media only screen and (min-width: 40.063em) {
/* line 98, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-copy {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 98, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-copy {
padding-top: 40px;
}
}
/* line 112, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image {
position: relative;
z-index: 1;
}
/* line 116, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(244, 244, 244, 0);
background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.6) 60%);
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 116, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image::before {
display: none;
}
}
/* line 133, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image img {
position: relative;
opacity: 0.9;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 133, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image img {
opacity: 1;
}
}
@media only screen and (min-width: 90.063em) {
/* line 133, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image img {
min-width: 740px;
width: 100%;
}
}
/* line 2, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns {
margin-bottom: 0;
margin-top: 0;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
/* line 10, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns:not(:last-child) {
border-bottom: 1px solid rgba(141, 141, 141, 0.3);
}
@media only screen and (min-width: 40.063em) {
/* line 2, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns {
padding: 40px;
}
/* line 17, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns:nth-child(even) {
border-left: 1px solid rgba(141, 141, 141, 0.3);
}
/* line 21, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns:nth-last-child(2) {
border-bottom: none;
}
}
@media only screen and (min-width: 64.063em) {
/* line 2, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns {
padding: 80px;
}
}
/* line 30, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns h4 {
font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
/* line 30, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns h4 {
font-size: 18px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 30, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns h4 {
font-size: 22px;
}
}
/* line 42, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns p {
font-size: 14px;
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns p {
font-size: 16px;
}
}
/* line 51, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns p:first-of-type:last-of-type {
margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 51, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns p:first-of-type:last-of-type {
margin-bottom: 40px;
}
}
/* line 59, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns .button {
margin-top: 0;
}
@media only screen and (max-width: 40em) {
/* line 63, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns .icons-circle {
width: 40px;
height: 40px;
background: transparent;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* line 63, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns .icons-circle {
width: 40px;
height: 40px;
background: transparent;
}
}
@media only screen and (max-width: 40em) {
/* line 75, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns .icons-circle .icon {
padding-top: 2px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* line 75, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns .icons-circle .icon {
padding-top: 2px;
}
}
/* line 1, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list {
list-style: none;
margin: 0;
padding: 0;
}
/* line 6, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 20px;
display: block;
width: 100%;
}
/* line 12, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry:first-of-type {
padding-top: 20px;
border-top: 1px solid #e8e8e8;
}
/* line 18, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry.active .entry-content {
display: block;
}
/* line 23, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title {
font-family: "Poppins", sans-serif;
font-weight: bold;
color: #5e5e5e;
margin-bottom: 20px;
position: relative;
cursor: pointer;
}
/* line 31, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title .expand-icon {
height: 32px;
width: 32px;
border-radius: 16px;
position: absolute;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 40, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title .expand-icon::before {
content: '';
height: 3px;
width: 16px;
background-color: #5e5e5e;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* line 51, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title .expand-icon::after {
content: '';
width: 3px;
height: 16px;
background-color: #5e5e5e;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: height 0.3s ease;
}
/* line 66, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title:hover .expand-icon::after, .active .element-accordion-list li.accordion-entry .entry-title .expand-icon::after {
height: 2px;
}
/* line 72, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-content {
display: none;
color: #8d8d8d;
}
/* line 76, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-content p {
margin-bottom: 10px;
}
/* line 79, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-content p:last-of-type, .element-accordion-list li.accordion-entry .entry-content p:last-of-type:first-of-type {
margin-bottom: 20px;
}
/* Sections
--------------------------------------------------------------------------------------------------------------*/
/* line 2, ../../_src/scss/components/_section_integrations.scss */
.section-integrations.section-full {
background: #d7672b;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d7a02b 0%, #d7672b 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-secondary-alt ', endColorstr='$color-red-alt',GradientType=0 );
/* IE6-9 */
}
/* line 9, ../../_src/scss/components/_section_integrations.scss */
.section-integrations.section-full h1, .section-integrations.section-full h2, .section-integrations.section-full h3, .section-integrations.section-full h4, .section-integrations.section-full h5, .section-integrations.section-full p {
color: #ffffff;
}
/* line 13, ../../_src/scss/components/_section_integrations.scss */
.section-integrations.section-full .integration-logo {
width: 100%;
max-width: 200px;
margin-bottom: 40px;
}
/* line 1, ../../_src/scss/components/_section_integrations_advanced.scss */
.section-advanced-integrations {
background: #222222;
color: #cccccc;
}
/* line 7, ../../_src/scss/components/_section_integrations_advanced.scss */
.section-advanced-integrations h1, .section-advanced-integrations h2, .section-advanced-integrations h3, .section-advanced-integrations h4, .section-advanced-integrations h5 {
color: #ffffff;
}
/* line 11, ../../_src/scss/components/_section_integrations_advanced.scss */
.section-advanced-integrations p {
line-height: 1.8rem;
font-size: 14px;
color: #cccccc;
}
/* line 17, ../../_src/scss/components/_section_integrations_advanced.scss */
.integration .section-advanced-integrations {
margin-top: 0;
padding-top: 0;
}
/* line 1, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials {
background: #f4f4f4;
}
/* line 8, ../../_src/scss/components/_section_testimonials.scss */
.home .section-testimonials {
display: none;
position: relative;
margin-top: -80px;
padding-top: 80px;
z-index: 10;
background: #31c59a;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #31c59a 0%, #57a3cf 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup-alt', endColorstr='$color-primary-alt',GradientType=0 );
/* IE6-9 */
}
/* line 22, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials h1, .section-testimonials h2, .section-testimonials h3, .section-testimonials h4, .section-testimonials h5, .section-testimonials p {
color: #333333;
}
/* line 25, ../../_src/scss/components/_section_testimonials.scss */
.home .section-testimonials h1, .home .section-testimonials h2, .home .section-testimonials h3, .home .section-testimonials h4, .home .section-testimonials h5, .home .section-testimonials p {
color: #ffffff;
}
/* line 32, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:first-child {
padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 32, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:first-child {
padding-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 32, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:first-child {
padding-top: 120px;
}
}
/* line 44, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:last-child {
padding-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 44, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:last-child {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 44, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:last-child {
padding-bottom: 40px;
}
}
/* line 57, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial {
margin-left: -20px;
margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
/* line 57, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
/* line 67, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote {
position: relative;
margin: 0;
padding: 20px;
background-color: #ffffff;
border-left: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
/* line 67, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote {
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 67, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote {
padding: 40px;
}
}
/* line 83, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .portrait {
display: none;
width: 160px;
height: 160px;
margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
/* line 83, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .portrait {
display: block;
}
}
/* line 93, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .portrait img {
border-radius: 50%;
}
/* line 98, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .logo {
max-width: 280px;
max-height: 80px;
margin: 0 auto 20px auto;
}
/* line 103, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .logo img {
width: 100%;
}
/* line 108, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote p {
position: relative;
margin: 0;
color: #8d8d8d;
line-height: 26px;
z-index: 2;
}
/* line 116, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote footer {
margin-top: 10px;
text-align: right;
}
/* line 120, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote footer cite {
font-weight: 400;
color: #efb230;
}
/* line 128, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .button {
background: #57a3cf;
}
/* line 1, ../../_src/scss/components/_section_analytics.scss */
.section-analytics {
background: #f4f4f4;
display: block;
}
/* line 5, ../../_src/scss/components/_section_analytics.scss */
.section-analytics p {
font-weight: 200;
}
/* line 8, ../../_src/scss/components/_section_analytics.scss */
.section-analytics p br {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 8, ../../_src/scss/components/_section_analytics.scss */
.section-analytics p br {
display: inline;
}
}
/* line 17, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 {
z-index: 10;
position: relative;
}
/* line 21, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 img {
width: 100%;
}
/* line 25, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 .analytics-graphic-1-mobile {
display: block;
}
@media only screen and (min-width: 64.063em) {
/* line 25, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 .analytics-graphic-1-mobile {
display: none;
}
}
/* line 33, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 .analytics-graphic-1-desktop {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 33, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 .analytics-graphic-1-desktop {
display: block;
}
}
/* line 43, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-bg-graph {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
/* line 49, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-bg-graph.graph-1 {
z-index: 1;
}
/* line 53, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-bg-graph.graph-2 {
z-index: 2;
}
/* line 58, ../../_src/scss/components/_section_analytics.scss */
.home .section-analytics {
position: relative;
margin-top: -80px;
padding-top: 80px;
z-index: 10;
background: #343440;
}
/* line 67, ../../_src/scss/components/_section_analytics.scss */
.section-analytics h1, .section-analytics h2, .section-analytics h3, .section-analytics h4, .section-analytics h5, .section-analytics p {
color: #333333;
}
/* line 70, ../../_src/scss/components/_section_analytics.scss */
.home .section-analytics h1, .home .section-analytics h2, .home .section-analytics h3, .home .section-analytics h4, .home .section-analytics h5, .home .section-analytics p {
color: #ffffff;
}
/* line 75, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .row {
position: relative;
z-index: 10;
}
/* line 79, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .row:first-child {
padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 79, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .row:first-child {
padding-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 79, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .row:first-child {
padding-top: 120px;
}
}
/* line 104, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial {
margin-left: -20px;
margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
/* line 104, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
/* line 114, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote {
position: relative;
margin: 0;
padding: 20px;
background-color: #ffffff;
border-left: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
/* line 114, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote {
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 114, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote {
padding: 40px;
}
}
/* line 130, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .portrait {
display: none;
width: 160px;
height: 160px;
margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
/* line 130, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .portrait {
display: block;
}
}
/* line 140, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .portrait img {
border-radius: 50%;
}
/* line 145, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .logo {
max-width: 280px;
max-height: 80px;
margin: 0 auto 20px auto;
}
/* line 150, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .logo img {
width: 100%;
}
/* line 155, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote p {
position: relative;
margin: 0;
color: #8d8d8d;
line-height: 26px;
z-index: 2;
}
/* line 163, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote footer {
margin-top: 10px;
text-align: right;
}
/* line 167, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote footer cite {
font-weight: 400;
color: #efb230;
}
/* line 175, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .button {
margin-bottom: 0;
}
/* line 1, ../../_src/scss/components/_section_support.scss */
.section-support {
position: relative;
background: #66d670;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #227057 0%, #2F9B73 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-v2-alt-green-10', endColorstr='$color-v2-alt-green-8',GradientType=0 );
/* IE6-9 */
}
/* line 9, ../../_src/scss/components/_section_support.scss */
.section-support h1, .section-support h2, .section-support h3, .section-support h4, .section-support h5, .section-support p {
color: #ffffff;
}
/* line 13, ../../_src/scss/components/_section_support.scss */
.section-support h4 {
font-size: 24px;
}
/* line 17, ../../_src/scss/components/_section_support.scss */
.section-support .row {
position: relative;
z-index: 10;
}
/* line 22, ../../_src/scss/components/_section_support.scss */
.section-support .row:first-child {
padding-top: 40px !important;
padding-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 22, ../../_src/scss/components/_section_support.scss */
.section-support .row:first-child {
padding-top: 80px !important;
}
}
@media only screen and (min-width: 64.063em) {
/* line 22, ../../_src/scss/components/_section_support.scss */
.section-support .row:first-child {
padding-top: 120px !important;
}
}
/* line 35, ../../_src/scss/components/_section_support.scss */
.section-support .row:first-child .columns {
padding-bottom: 0;
}
/* line 42, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 64px;
height: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 42, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 56, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
}
/* line 63, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature .support_feature_label {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 68, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature .support_feature_label svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 32px;
}
/* line 74, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature p {
margin-bottom: 20px;
}
/* line 78, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature a {
margin-top: auto;
}
/* line 84, ../../_src/scss/components/_section_support.scss */
.section-support .button {
margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 84, ../../_src/scss/components/_section_support.scss */
.section-support .button {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 84, ../../_src/scss/components/_section_support.scss */
.section-support .button {
margin-top: 40px;
margin-bottom: 0;
}
}
/* line 96, ../../_src/scss/components/_section_support.scss */
.section-support .button:hover {
background-color: #227057 !important;
}
/* line 101, ../../_src/scss/components/_section_support.scss */
.section-support #uc-support-locations {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
mix-blend-mode: screen;
}
/* line 1, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet {
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 1, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet {
margin-bottom: 0;
}
}
/* line 8, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet pre {
border-radius: 10px;
}
/* line 10, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet pre code {
border-radius: 10px;
padding: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet pre code {
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 10, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet pre code {
padding: 40px;
}
}
/* line 1, ../../_src/scss/components/_section_docs.scss */
.row-docs-links {
border-top: 1px solid #e8e8e8;
}
/* line 4, ../../_src/scss/components/_section_docs.scss */
.row-docs-links .button.support {
width: 100%;
}
/* line 1, ../../_src/scss/components/_section_managing.scss */
.section-managing {
background: rgba(47, 155, 115, 0.1);
}
/* line 4, ../../_src/scss/components/_section_managing.scss */
.section-managing .icons-feature-list {
padding-top: 0;
padding-bottom: 0;
}
/* line 9, ../../_src/scss/components/_section_managing.scss */
.section-managing h4 {
font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
/* line 13, ../../_src/scss/components/_section_managing.scss */
.section-managing p {
font-size: 1.125rem;
}
}
/* line 18, ../../_src/scss/components/_section_managing.scss */
.section-managing p a {
font-weight: bold;
color: #2f9b73;
}
/* line 11, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .feature-copy {
padding-top: 80px;
}
/* line 15, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp {
display: none;
background-size: auto;
background-repeat: repeat;
background-color: #fff;
overflow: hidden;
}
/* line 18, ../../_src/scss/components/_section_visual_builder.scss */
.ucAdminMode .section-visual-builder-exp {
display: block;
}
/* line 28, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp h4 {
color: #222;
}
/* line 33, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp ul li {
list-style: circle;
margin-bottom: 10px;
}
/* line 39, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .feature-copy {
padding-top: 40px;
z-index: 2;
position: relative;
}
/* line 48, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic img {
position: relative;
z-index: 2;
}
/* line 53, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic::after {
opacity: 0.2;
position: absolute;
content: "";
display: block;
left: 50%;
bottom: -420px;
right: -300px;
top: -200px;
-ms-transform: rotate(20deg);
transform: rotate(20deg);
width: 200%;
background: #755287;
background: linear-gradient(145deg, #755287 0%, #f8baa8 100%);
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 53, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic::after {
opacity: 1;
}
}
/* line 74, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic::before {
opacity: 1;
position: absolute;
content: "";
display: block;
left: 50%;
bottom: -420px;
right: -300px;
top: -200px;
-ms-transform: rotate(20deg);
transform: rotate(20deg);
width: 200%;
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: transparent;
z-index: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 74, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic::before {
opacity: 1;
}
}
/* line 99, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #222222;
color: #ffffff;
}
/* line 114, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev h4 {
color: #ffffff;
}
/* line 119, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev ul li {
list-style: circle;
margin-bottom: 10px;
}
/* line 125, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev .feature-copy {
padding-top: 40px;
}
/* line 130, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services {
text-align: center;
}
@media only screen and (min-width: 64.063em) {
/* line 130, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services {
text-align: left;
}
}
/* line 141, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo {
width: 100%;
max-width: 80px;
display: inline-block;
margin-right: 40px;
margin-bottom: 20px;
}
/* line 148, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo.unsplash {
margin-right: 0;
}
/* line 152, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo svg {
width: 100%;
}
/* line 155, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo svg .logo-icon,
.section-visual-builder .asset-services .service-logo svg .logo-text {
fill: #545454;
}
/* line 164, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-features {
background: #fff;
}
/* line 170, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-features .feature-list.row ul {
margin-bottom: 0;
}
/* line 173, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-features .feature-list.row ul li {
font-size: 14px;
margin-bottom: 10px;
}
/* line 1, ../../_src/scss/components/_section_signup.scss */
.section-signup {
background: #ffffff;
}
/* line 8, ../../_src/scss/components/_section_signup.scss */
.section-signup h2,
.section-signup p,
.section-signup p:first-of-type:last-of-type {
margin-bottom: 16px;
}
/* line 14, ../../_src/scss/components/_section_signup.scss */
.section-signup .button {
margin-bottom: 40px;
background-color: #2f9b73;
}
/* line 18, ../../_src/scss/components/_section_signup.scss */
.section-signup .button:hover {
background-color: #31c59a;
color: #ffffff;
}
@media only screen and (min-width: 40.063em) {
/* line 14, ../../_src/scss/components/_section_signup.scss */
.section-signup .button {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 14, ../../_src/scss/components/_section_signup.scss */
.section-signup .button {
margin-bottom: 0;
}
}
/* line 1, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev {
background: #2f9b73;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2f9b73 0%, #31c59a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup', endColorstr='$color-signup-alt',GradientType=0 );
/* IE6-9 */
}
/* line 8, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev h1, .section-signup-dev h2, .section-signup-dev h3, .section-signup-dev h4, .section-signup-dev h5, .section-signup-dev p {
color: #ffffff;
}
/* line 12, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev .button {
margin-bottom: 40px;
}
/* line 15, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev .button:hover {
color: #31c59a;
background: #ffffff;
}
@media only screen and (min-width: 40.063em) {
/* line 12, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev .button {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 12, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev .button {
margin-bottom: 0;
}
}
/* line 1, ../../_src/scss/components/_section_proservices.scss */
.section-proservices {
position: relative;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2026/ultracart-pro-services-2026-2.png);
background-size: cover;
background-position: center;
}
/* line 7, ../../_src/scss/components/_section_proservices.scss */
.section-proservices::after {
z-index: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0A0A0A 0%, transparent 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='transparent',GradientType=0 );
/* IE6-9 */
}
/* line 21, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .row {
position: relative;
z-index: 1;
}
/* line 26, ../../_src/scss/components/_section_proservices.scss */
.section-proservices h1, .section-proservices h2, .section-proservices h3, .section-proservices h4, .section-proservices h5, .section-proservices p {
color: #ffffff;
}
/* line 30, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .button {
margin-bottom: 40px;
}
/* line 33, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .button:hover {
color: #31c59a;
background: #ffffff;
}
@media only screen and (min-width: 40.063em) {
/* line 30, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .button {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 30, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .button {
margin-bottom: 0;
}
}
/* line 1, ../../_src/scss/components/_section_stats.scss */
.section-stats {
background: #343440;
display: block;
}
/* line 5, ../../_src/scss/components/_section_stats.scss */
.section-stats p {
font-weight: 200;
}
/* line 8, ../../_src/scss/components/_section_stats.scss */
.section-stats p br {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 8, ../../_src/scss/components/_section_stats.scss */
.section-stats p br {
display: inline;
}
}
/* line 17, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 {
z-index: 10;
position: relative;
}
/* line 21, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 img {
width: 100%;
}
/* line 25, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 .analytics-graphic-1-mobile {
display: block;
}
@media only screen and (min-width: 64.063em) {
/* line 25, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 .analytics-graphic-1-mobile {
display: none;
}
}
/* line 33, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 .analytics-graphic-1-desktop {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 33, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 .analytics-graphic-1-desktop {
display: block;
}
}
/* line 43, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-bg-graph {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
/* line 49, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-bg-graph.graph-1 {
z-index: 1;
}
/* line 53, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-bg-graph.graph-2 {
z-index: 2;
}
/* line 58, ../../_src/scss/components/_section_stats.scss */
.home .section-stats {
position: relative;
margin-top: -120px;
padding-top: 120px;
z-index: 10;
}
/* line 65, ../../_src/scss/components/_section_stats.scss */
.section-stats h1, .section-stats h2, .section-stats h3, .section-stats h4, .section-stats h5, .section-stats p {
color: #333333;
}
/* line 68, ../../_src/scss/components/_section_stats.scss */
.home .section-stats h1, .home .section-stats h2, .home .section-stats h3, .home .section-stats h4, .home .section-stats h5, .home .section-stats p {
color: #ffffff;
}
/* line 73, ../../_src/scss/components/_section_stats.scss */
.section-stats .row {
position: relative;
z-index: 10;
}
/* line 77, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:first-child {
padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 77, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:first-child {
padding-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 77, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:first-child {
padding-top: 120px;
}
}
/* line 89, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:last-child {
padding-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 89, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:last-child {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 89, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:last-child {
padding-bottom: 40px;
}
}
/* line 102, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial {
margin-left: -20px;
margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
/* line 102, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
/* line 112, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote {
position: relative;
margin: 0;
padding: 20px;
background-color: #ffffff;
border-left: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
/* line 112, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote {
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 112, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote {
padding: 40px;
}
}
/* line 128, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .portrait {
display: none;
width: 160px;
height: 160px;
margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
/* line 128, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .portrait {
display: block;
}
}
/* line 138, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .portrait img {
border-radius: 50%;
}
/* line 143, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .logo {
max-width: 280px;
max-height: 80px;
margin: 0 auto 20px auto;
}
/* line 148, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .logo img {
width: 100%;
}
/* line 153, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote p {
position: relative;
margin: 0;
color: #8d8d8d;
line-height: 26px;
z-index: 2;
}
/* line 161, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote footer {
margin-top: 10px;
text-align: right;
}
/* line 165, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote footer cite {
font-weight: 400;
color: #efb230;
}
/* line 173, ../../_src/scss/components/_section_stats.scss */
.section-stats .button {
background: #57a3cf;
}
/* line 6, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row:nth-child(even) .columns {
float: right;
}
/* line 11, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic {
position: relative;
z-index: 1;
}
/* line 15, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(244, 244, 244, 0);
background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.6) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 15, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic::before {
display: none;
}
}
/* line 32, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 32, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic img {
opacity: 1;
}
}
/* line 42, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-content {
position: relative;
z-index: 2;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 42, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-content {
margin-top: 80px;
}
}
/* line 8, ../../_src/scss/components/_section_cards.scss */
.section-cards .row .column-card .card-content {
display: block;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
border-radius: 40px;
padding: 32px;
background-color: transparent;
transition: background-color 0.6s ease-in;
color: #5e5e5e;
}
/* line 17, ../../_src/scss/components/_section_cards.scss */
.section-cards .row .column-card .card-content p {
color: #5e5e5e;
}
/* line 22, ../../_src/scss/components/_section_cards.scss */
.section-cards .row .column-card:hover .card-content {
background-color: #fff;
}
/* line 1, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial {
background: #343440;
position: relative;
overflow: hidden;
}
/* line 6, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial::after {
position: absolute;
width: 100%;
height: 300px;
top: 0;
bottom: auto;
left: 0;
right: 0;
background: #e8c658;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 19, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial::after {
height: 100%;
bottom: 0;
left: -75%;
right: auto;
}
}
@media only screen and (min-width: 90.063em) {
/* line 28, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial::after {
left: calc(-75% + 120px);
}
}
/* line 40, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial h1, .section-testimonial h2, .section-testimonial h3, .section-testimonial h4, .section-testimonial h5, .section-testimonial p {
color: #ffffff;
}
/* line 44, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .row {
position: relative;
z-index: 2;
}
/* line 49, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-image {
overflow: hidden;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.4);
border-radius: 40px;
}
/* line 57, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote {
font-family: "Poppins", sans-serif;
padding: 32px 0 0 0;
border: none;
}
/* line 62, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote p {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 21px;
line-height: 1.4em;
}
/* line 68, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote p:last-of-type {
margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 74, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote p {
font-size: 32px;
}
}
/* line 79, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote footer {
color: #e8c658;
font-weight: 600;
}
/* line 83, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote footer cite {
display: block;
clear: both;
color: rgba(255, 255, 255, 0.6);
font-style: normal;
}
/* line 89, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote footer cite::before {
display: none;
}
/* line 101, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial {
margin-left: -20px;
margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
/* line 101, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
/* line 111, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote {
position: relative;
margin: 0;
padding: 20px;
background-color: #ffffff;
border-left: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
/* line 111, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote {
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 111, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote {
padding: 40px;
}
}
/* line 127, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .portrait {
display: none;
width: 160px;
height: 160px;
margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
/* line 127, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .portrait {
display: block;
}
}
/* line 137, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .portrait img {
border-radius: 50%;
}
/* line 142, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .logo {
max-width: 280px;
max-height: 80px;
margin: 0 auto 20px auto;
}
/* line 147, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .logo img {
width: 100%;
}
/* line 152, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote p {
position: relative;
margin: 0;
color: #8d8d8d;
line-height: 26px;
z-index: 2;
}
/* line 160, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote footer {
margin-top: 10px;
text-align: right;
}
/* line 164, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote footer cite {
font-weight: 400;
color: #efb230;
}
/* line 172, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .button {
background: #57a3cf;
}
/* line 1, ../../_src/scss/components/_section_get_started.scss */
.section_get_started {
background-color: #B6F0D6;
}
/* line 4, ../../_src/scss/components/_section_get_started.scss */
.section_get_started.section_wrapper {
padding-top: 80px;
padding-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 4, ../../_src/scss/components/_section_get_started.scss */
.section_get_started.section_wrapper {
padding-top: 120px;
padding-bottom: 120px;
gap: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 4, ../../_src/scss/components/_section_get_started.scss */
.section_get_started.section_wrapper {
padding-top: 160px;
padding-bottom: 160px;
padding-left: 120px;
padding-right: 120px;
}
}
/* line 31, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 1400px;
position: relative;
gap: 32px;
z-index: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 31, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_row {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
/* line 47, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column {
gap: 32px;
}
}
/* line 61, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h1 {
color: #0A0A0A;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
/* line 70, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h2 {
color: #0A0A0A;
font-family: "Poppins", sans-serif;
font-size: 28px;
margin-bottom: 0;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media only screen and (min-width: 64.063em) {
/* line 70, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h2 {
font-size: 32px;
}
}
/* line 84, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h3 {
color: #0A0A0A;
font-family: "Poppins", sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 84, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h3 {
font-size: 28px;
}
}
/* line 98, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p {
color: #0A0A0A;
font-family: "Open Sans", sans-serif;
margin-bottom: 0;
}
/* line 103, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p:last-of-type:first-of-type {
margin-bottom: 0;
}
/* line 107, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p.intro {
font-size: 18px;
}
@media only screen and (min-width: 64.063em) {
/* line 107, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p.intro {
font-size: 21px;
}
}
/* line 116, ../../_src/scss/components/_section_get_started.scss */
.section_get_started button {
margin-bottom: 0;
text-transform: none;
}
/* line 121, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .icon_label {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 64.063em) {
/* line 121, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .icon_label {
gap: 16px;
}
}
/* line 131, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .accent_color {
color: #2F9B73;
}
/* line 135, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #288565;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 142, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a span {
font-weight: 600;
}
/* line 146, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a:hover {
color: #227057;
gap: 12px;
}
/* line 151, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a svg path {
stroke: #288565;
}
/* line 156, ../../_src/scss/components/_section_get_started.scss */
.section_get_started button {
background-color: #2F9B73;
color: #FFFFFF;
}
/* line 160, ../../_src/scss/components/_section_get_started.scss */
.section_get_started button:hover {
background-color: #227057;
}
/* line 165, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h3 {
font-size: 18px;
}
/* line 169, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column:nth-child(2) {
gap: 32px;
}
/* line 172, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column:nth-child(2) > div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 177, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column:nth-child(2) > div a {
margin-top: 8px;
}
/* Pages
--------------------------------------------------------------------------------------------------------------*/
/* line 2, ../../_src/scss/components/_page_home.scss */
.home .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-home-banner-3b.jpg);
background-color: #060608;
background-size: cover;
background-position: center center;
}
@media only screen and (min-width: 64.063em) {
/* line 2, ../../_src/scss/components/_page_home.scss */
.home .banner {
min-height: 750px;
}
}
/* line 13, ../../_src/scss/components/_page_home.scss */
.home .banner.overlay::after {
width: 100%;
background: rgba(6, 6, 8, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 13, ../../_src/scss/components/_page_home.scss */
.home .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 24, ../../_src/scss/components/_page_home.scss */
.home .banner .content {
padding-top: 0;
padding-left: 20px;
padding-bottom: 0;
padding-right: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 24, ../../_src/scss/components/_page_home.scss */
.home .banner .content {
padding-left: 40px;
padding-bottom: 20px;
padding-right: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 24, ../../_src/scss/components/_page_home.scss */
.home .banner .content {
padding-left: 80px;
padding-bottom: 160px;
padding-right: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_page_home.scss */
.home .banner h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 43, ../../_src/scss/components/_page_home.scss */
.home .banner h1 {
font-size: 60px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 43, ../../_src/scss/components/_page_home.scss */
.home .banner h1 {
font-size: 80px;
}
}
/* line 60, ../../_src/scss/components/_page_home.scss */
.home .banner .sign-up-wrapper form::after {
display: block;
content: "";
clear: both;
}
@media only screen and (min-width: 40.063em) {
/* line 72, ../../_src/scss/components/_page_home.scss */
.home .section-trusted .row:first-of-type {
padding-top: 40px;
}
/* line 76, ../../_src/scss/components/_page_home.scss */
.home .section-trusted .row:last-of-type {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 83, ../../_src/scss/components/_page_home.scss */
.home .section-trusted .row:first-of-type {
padding-top: 60px;
}
/* line 87, ../../_src/scss/components/_page_home.scss */
.home .section-trusted .row:last-of-type {
padding-bottom: 60px;
}
}
/* line 92, ../../_src/scss/components/_page_home.scss */
.home .section-trusted .row .row {
padding-bottom: 40px;
}
/* line 98, ../../_src/scss/components/_page_home.scss */
.home .section-intro {
padding-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 98, ../../_src/scss/components/_page_home.scss */
.home .section-intro {
padding-bottom: 40px;
}
}
/* line 105, ../../_src/scss/components/_page_home.scss */
.home .section-intro > .row {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
/* line 113, ../../_src/scss/components/_page_home.scss */
.home .section-intro .content-themes {
text-align: center;
}
@media only screen and (min-width: 64.063em) {
/* line 113, ../../_src/scss/components/_page_home.scss */
.home .section-intro .content-themes {
text-align: left;
}
}
/* line 120, ../../_src/scss/components/_page_home.scss */
.home .section-intro .content-themes p {
margin-bottom: 40px;
}
/* line 125, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study {
padding: 0;
}
/* line 128, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study h3 {
color: #222222;
}
/* line 132, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns {
padding: 0;
}
/* line 135, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns .case-study-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #61b6e6;
background-size: cover;
background-position: center;
}
/* line 146, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns .case-study-description {
padding: 40px;
background: rgba(97, 182, 230, 0.1);
}
@media only screen and (min-width: 40.063em) {
/* line 146, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns .case-study-description {
padding: 80px;
}
}
/* line 157, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study.cs-ppfm .case-study-image {
background-image: url(../../themes/UltraCart/theme/assets/imgs/case-studies/ppfm-home.jpg);
}
/* line 163, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 163, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel {
padding-top: 20px;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
}
}
@media only screen and (min-width: 64.063em) {
/* line 163, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel {
padding-top: 40px;
padding-right: 0;
padding-bottom: 40px;
padding-left: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 163, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel {
padding-top: 80px;
padding-right: 0;
padding-bottom: 80px;
padding-left: 0;
}
}
/* line 191, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel .slick-list {
overflow: visible;
}
/* line 195, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
list-style: none;
}
/* line 202, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel ul .slick-slide img {
margin: 0 auto;
box-shadow: 0 0 20px rgba(34, 34, 34, 0.3);
}
/* line 208, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example {
padding-left: 0;
padding-right: 0;
display: none;
}
@media only screen and (min-width: 40.063em) {
/* line 208, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example {
display: block;
}
}
@media only screen and (min-width: 64.063em) {
/* line 208, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example {
padding-left: 20px;
padding-right: 20px;
}
}
/* line 222, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example img {
width: 100%;
margin-bottom: -120px;
}
@media only screen and (min-width: 64.063em) {
/* line 222, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example img {
margin-bottom: 0;
bottom: -80px;
position: absolute;
}
}
/* line 2, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .sub_label {
display: none;
}
/* line 8, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_wrapper {
padding-top: 80px;
padding-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 8, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_wrapper {
padding-top: 120px;
padding-bottom: 120px;
gap: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 8, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_wrapper {
padding-top: 160px;
padding-bottom: 160px;
padding-left: 120px;
padding-right: 120px;
}
}
/* line 35, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 1400px;
position: relative;
gap: 32px;
z-index: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 35, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_row {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
/* line 51, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_column {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 51, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_column {
gap: 32px;
}
}
/* line 65, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h1 {
color: #0A0A0A;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
/* line 74, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h2 {
color: #0A0A0A;
font-family: "Poppins", sans-serif;
font-size: 28px;
margin-bottom: 0;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media only screen and (min-width: 64.063em) {
/* line 74, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h2 {
font-size: 32px;
}
}
/* line 88, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h3 {
color: #0A0A0A;
font-family: "Poppins", sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 88, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h3 {
font-size: 28px;
}
}
/* line 102, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p {
color: #0A0A0A;
font-family: "Open Sans", sans-serif;
margin-bottom: 0;
}
/* line 107, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p:last-of-type:first-of-type {
margin-bottom: 0;
}
/* line 111, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p.intro {
font-size: 18px;
}
@media only screen and (min-width: 64.063em) {
/* line 111, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p.intro {
font-size: 21px;
}
}
/* line 120, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 button {
margin-bottom: 0;
text-transform: none;
}
/* line 125, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .icon_label {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 64.063em) {
/* line 125, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .icon_label {
gap: 16px;
}
}
/* line 135, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_dark {
background-color: #0A0A0A;
}
/* line 138, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_dark h1,
.home_v2 .section_dark h2,
.home_v2 .section_dark h3,
.home_v2 .section_dark h4,
.home_v2 .section_dark h5,
.home_v2 .section_dark h6,
.home_v2 .section_dark p {
color: #FFFFFF;
}
/* line 149, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner {
background-color: #0A0A0A;
color: #FFFFFF;
min-height: calc(100vh - 100px);
margin-top: -100px;
padding-top: 140px;
background-size: cover;
}
@media only screen and (min-width: 64.063em) {
/* line 149, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner {
background-image: none;
min-height: 750px;
margin-top: -140px;
}
}
/* line 164, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .section_column {
gap: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 164, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .section_column {
gap: 0;
}
}
/* line 172, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .accent_color {
color: #8FE9C2;
}
/* line 176, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #8FE9C2;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 183, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a span {
font-weight: 600;
}
/* line 187, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a:hover {
color: #73DCB3;
gap: 12px;
}
/* line 192, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a svg path {
stroke: #8FE9C2;
}
/* line 197, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner button {
background-color: #2F9B73;
color: #FFFFFF;
}
/* line 201, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner button:hover {
background-color: #227057;
}
/* line 206, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .gradient-container {
position: absolute;
width: 100%;
height: calc(100% + 80px);
overflow: hidden;
background: transparent;
mix-blend-mode: overlay;
z-index: 10;
}
/* line 216, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .gradient-blur {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
filter: blur(60px);
opacity: 0.6;
mix-blend-mode: overlay;
-ms-transform-origin: center;
transform-origin: center;
}
/* line 228, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .g1 {
background: radial-gradient(circle at center, rgba(103, 106, 173, 0.8) 0%, rgba(70, 187, 141, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
animation: rotate 25s linear infinite, hue-shift 30s ease infinite;
}
/* line 239, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .g2 {
background: radial-gradient(circle at center, rgba(187, 66, 63, 0.8) 0%, rgba(201, 130, 32, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
animation: rotate 30s linear infinite reverse, hue-shift 25s ease infinite;
}
/* line 250, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .g3 {
background: radial-gradient(circle at center, rgba(115, 220, 179, 0.8) 0%, rgba(47, 155, 115, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
animation: rotate 35s linear infinite, hue-shift 20s ease infinite;
}
/* line 261, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .gradient-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1));
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes hue-shift {
0% {
filter: blur(60px) hue-rotate(0deg);
}
50% {
filter: blur(70px) hue-rotate(180deg);
}
100% {
filter: blur(60px) hue-rotate(360deg);
}
}
/* line 296, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .video_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 100;
pointer-events: none;
mix-blend-mode: overlay;
opacity: 0.24;
}
/* line 309, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.4;
z-index: 0;
}
/* line 321, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner h1 {
font-size: 28px;
color: #FFFFFF;
margin-bottom: 8px;
}
@media only screen and (min-width: 40.063em) {
/* line 321, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner h1 {
font-size: 40px;
margin-bottom: 16px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 321, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner h1 {
font-size: 48px;
}
}
/* line 337, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner p,
.home_v2 .home_banner p:first-of-type:last-of-type {
font-size: 20px;
font-weight: 400;
color: #FFFFFF;
margin-bottom: 16px;
line-height: 1.5;
}
@media only screen and (min-width: 64.063em) {
/* line 337, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner p,
.home_v2 .home_banner p:first-of-type:last-of-type {
font-size: 26px;
margin-bottom: 32px;
}
}
/* line 351, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .section_row {
position: relative;
z-index: 10;
}
@media only screen and (min-width: 64.063em) {
/* line 356, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .section_column {
max-width: 720px;
}
}
/* line 363, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 70px;
padding-bottom: 0;
border-bottom: 1px solid #CCCCCC;
background-color: #0A0A0A;
position: relative;
overflow: visible;
z-index: 20;
}
/* line 374, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .section_promo {
position: relative;
}
/* line 378, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo {
position: absolute;
inset: 0;
opacity: 0;
-ms-transform: translateY(32px);
transform: translateY(32px);
pointer-events: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
gap: 20px;
transition: opacity 420ms ease, transform 420ms ease;
cursor: pointer;
pointer-events: none;
}
@media only screen and (min-width: 40.063em) {
/* line 378, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo {
gap: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 378, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo {
gap: 80px;
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 403, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo.is-active {
opacity: 1;
pointer-events: auto;
-ms-transform: translateY(0);
transform: translateY(0);
z-index: 2;
pointer-events: all;
}
/* line 411, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo.is-exiting {
opacity: 0;
-ms-transform: translateY(-32px);
transform: translateY(-32px);
z-index: 3;
}
/* line 417, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info {
text-align: left;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 417, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info {
text-align: right;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-order: 1;
order: 1;
}
}
/* line 429, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info h2 {
color: white;
font-size: 24px;
}
@media only screen and (min-width: 64.063em) {
/* line 429, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info h2 {
font-size: 28px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 429, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info h2 {
font-size: 32px;
}
}
/* line 442, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info p {
color: white;
font-size: 18px;
line-height: 1.7;
}
@media only screen and (min-width: 90.063em) {
/* line 442, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_info p {
font-size: 26px;
}
}
/* line 453, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_graphic_wrapper {
overflow: hidden;
border-radius: 16px;
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
transform: translateZ(0);
width: 180px;
height: 140px;
-ms-flex: 0 1 180px;
flex: 0 1 180px;
z-index: 1;
transform: translateZ(0.1px);
will-change: backdrop-filter, filter;
transition: margin-top 840ms ease;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 453, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo .promo_graphic_wrapper {
width: 360px;
height: 280px;
-ms-flex: 0 0 360px;
flex: 0 0 360px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-order: 2;
order: 2;
}
}
/* line 478, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo.is-active .promo_graphic_wrapper {
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 478, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo.is-active .promo_graphic_wrapper {
margin-top: -140px;
}
}
/* line 486, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner_promo_wrapper .uc_promo.is-exiting .promo_graphic_wrapper {
margin-top: -140px;
}
/* line 493, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .accent_color {
color: #676AAD;
}
/* line 497, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 504, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a span {
font-weight: 600;
}
/* line 508, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a:hover {
color: #6F4173;
gap: 12px;
}
/* line 513, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a svg path {
stroke: #676AAD;
}
/* line 518, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features button {
background-color: #676AAD;
color: #0A0A0A;
}
/* line 522, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features button:hover {
background-color: #6F4173;
}
/* line 527, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .features_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 527, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .features_grid {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 527, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .features_grid {
grid-template-columns: repeat(4, 1fr);
gap: 64px;
}
}
/* line 543, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 550, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_icon {
width: 106px;
height: 106px;
padding: 38px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin-bottom: -38px;
margin-left: -38px;
}
/* line 563, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 568, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_info h3 {
font-size: 16px;
margin-bottom: 0;
font-weight: 400;
}
/* line 574, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_info p {
color: #303030;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
/* line 585, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .accent_color {
color: #F2E478;
}
/* line 589, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #F2E478;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 596, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a span {
font-weight: 600;
}
/* line 600, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a:hover {
color: #E8C658;
gap: 12px;
}
/* line 605, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a svg path {
stroke: #F2E478;
}
/* line 610, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations button {
background-color: #F2E478;
color: #0A0A0A;
}
/* line 614, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations button:hover {
background-color: #E8C658;
}
/* line 619, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .section_row {
position: static;
}
/* line 623, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .section_row .section_column:first-child {
position: relative;
z-index: 10;
}
/* line 628, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .section_row .section_column:last-child {
z-index: 0;
}
/* line 636, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-container {
position: absolute;
height: calc(100% - 80px);
aspect-ratio: 512 / 189;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
background: transparent;
mix-blend-mode: multiply;
z-index: 10;
opacity: 0.15;
/* Then apply the mask */
-webkit-mask-image: url(../../themes/UltraCart/theme/assets/svgs/2025-partner-logos-05.svg);
mask-image: url(../../themes/UltraCart/theme/assets/svgs/2025-partner-logos-05.svg);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media only screen and (min-width: 64.063em) {
/* line 636, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-container {
height: calc(100% - 200px);
opacity: 0.6;
}
}
/* line 665, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-blur {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
filter: blur(60px);
opacity: 0.8;
mix-blend-mode: overlay;
-ms-transform-origin: center;
transform-origin: center;
}
/* line 678, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .g1 {
background: radial-gradient(circle at center, rgba(103, 106, 173, 0.8) 0%, rgba(70, 187, 141, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
animation: rotate 25s linear infinite, hue-shift 30s ease infinite;
}
/* line 689, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .g2 {
background: radial-gradient(circle at center, rgba(187, 66, 63, 0.8) 0%, rgba(201, 130, 32, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
animation: rotate 30s linear infinite reverse, hue-shift 25s ease infinite;
}
/* line 700, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .g3 {
background: radial-gradient(circle at center, rgba(115, 220, 179, 0.8) 0%, rgba(47, 155, 115, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
animation: rotate 35s linear infinite, hue-shift 20s ease infinite;
}
/* line 711, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1));
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes hue-shift {
0% {
filter: blur(60px) hue-rotate(0deg);
}
50% {
filter: blur(70px) hue-rotate(180deg);
}
100% {
filter: blur(60px) hue-rotate(360deg);
}
}
/* line 746, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations #partner-logos {
display: none;
position: absolute;
height: calc(100% - 80px);
aspect-ratio: 512 / 189;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 754, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations #partner-logos path {
fill: white;
/* Areas that should be visible */
}
/* line 761, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success {
position: relative;
gap: 32px;
}
/* line 765, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .accent_color {
color: #F2E478;
}
@media only screen and (min-width: 40.063em) {
/* line 765, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .accent_color {
display: block;
}
}
/* line 773, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success button {
background-color: transparent;
border: 1px solid #FFFFFF;
transition: all 0.3s ease;
}
/* line 778, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success button:hover {
background-color: #E8C658;
color: #0A0A0A;
border: 1px solid #E8C658;
}
/* line 785, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_row {
z-index: 10;
position: relative;
}
/* line 789, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_row .section_column {
max-width: 872px;
}
/* line 794, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success video {
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* line 803, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_overlay {
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, #0a0a0a 100%);
z-index: 5;
}
/* line 812, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_overlay_2 {
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0a0a0a 0%, rgba(10, 10, 10, 0) 60%);
z-index: 5;
}
/* line 821, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-ms-flex-align: start;
align-items: flex-start;
background-color: rgba(10, 10, 10, 0.75);
padding: 20px;
border-radius: 16px;
backdrop-filter: blur(5px);
margin-left: -20px;
margin-right: -20px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 821, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight {
padding: 32px;
margin-left: -32px;
margin-right: -32px;
border-radius: 32px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 821, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight {
padding: 40px;
margin-left: -40px;
margin-right: -40px;
}
}
/* line 848, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight p {
font-size: 18px;
font-weight: 600;
margin-top: 40px;
z-index: 10;
}
@media only screen and (min-width: 64.063em) {
/* line 848, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight p {
font-size: 21px;
font-weight: 600;
margin-top: 80px;
}
}
/* line 861, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight img,
.home_v2 .home_success .success_highlight button {
z-index: 10;
}
/* line 866, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight::after {
content: "";
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(165, 56, 55, 0.25) 40%, rgba(165, 56, 55, 0.75) 100%);
}
/* line 878, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success.home_success_2026 {
display: none;
}
/* line 881, ../../_src/scss/components/_page_home_v2.scss */
.ucAdminMode .home_v2 .home_success.home_success_2026 {
display: block;
}
/* line 888, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .accent_color {
color: #F2E478;
}
/* line 892, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #F2E478;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 899, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a span {
font-weight: 600;
}
/* line 903, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a:hover {
color: #E8C658;
gap: 12px;
}
/* line 908, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a svg path {
stroke: #F2E478;
}
/* line 913, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation button {
background-color: #F2E478;
color: #0A0A0A;
}
/* line 917, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation button:hover {
background-color: #E8C658;
}
@media only screen and (min-width: 64.063em) {
/* line 922, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation h2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
}
/* line 932, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .section_row {
position: relative;
z-index: 10;
}
/* line 937, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 937, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 937, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_grid {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
gap: 64px;
}
}
/* line 954, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 960, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child {
/*grid-column: 1 / 3; spans the first and second columns */
height: 100%;
min-width: 320px;
}
@media only screen and (min-width: 40.063em) {
/* line 960, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child {
grid-column: auto;
grid-row: 1 / 3;
}
}
/* line 971, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child .automation_graphic {
height: 100%;
}
/* line 974, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child .automation_graphic svg {
aspect-ratio: 294/422;
}
/* line 981, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic {
border: 1px solid #6F4173;
border-radius: 16px;
padding: 16px;
width: 100%;
gap: 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 981, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic {
padding: 20px;
gap: 20px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 981, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic {
padding: 32px;
gap: 32px;
}
}
/* line 1000, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic svg {
width: 100%;
height: auto;
display: block;
max-width: 100%;
aspect-ratio: 294/144;
overflow: visible;
}
/* line 1008, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic svg rect {
-ms-transform-origin: center center;
transform-origin: center center;
/* scale around rect’s own center */
transform-box: fill-box;
/* use the rect’s bounding box, not the SVG’s */
}
/* line 1013, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic svg rect[id*="_stroke"] {
display: none;
}
/* line 1019, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 1024, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info h3 {
font-size: 12px;
color: #FCFCFC;
margin-bottom: 0;
font-weight: 600;
}
@media only screen and (min-width: 64.063em) {
/* line 1024, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info h3 {
font-size: 14px;
}
}
/* line 1035, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info p {
display: none;
color: #FCFCFC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
/* line 1045, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .section_overlay {
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(111, 65, 115, 0) 0%, rgba(111, 65, 115, 0.35) 100%);
z-index: 1;
}
/* line 1056, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .accent_color {
color: #676AAD;
}
/* line 1060, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1067, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a span {
font-weight: 600;
}
/* line 1071, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a:hover {
color: #6F4173;
gap: 12px;
}
/* line 1076, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a svg path {
stroke: #676AAD;
}
/* line 1081, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout button {
background-color: #676AAD;
color: #0A0A0A;
}
/* line 1085, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout button:hover {
background-color: #6F4173;
}
/* line 1090, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) {
position: relative;
margin-bottom: 32px;
gap: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 1090, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) {
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 1090, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) {
margin-bottom: 0;
gap: 120px;
}
}
/* line 1104, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column {
position: relative;
}
/* line 1107, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child {
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 1107, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child {
-ms-flex-order: 1;
order: 1;
}
}
/* line 1114, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
content: "";
position: absolute;
bottom: -32px;
left: -40px;
width: 100vw;
height: 1px;
background-color: #CCCCCC;
display: block;
}
@media only screen and (min-width: 64.063em) {
/* line 1114, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
left: -120px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 1114, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
left: calc(-1 * ((100vw - 1400px)/2));
}
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
/* line 1114, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
left: -120px;
}
}
@media only screen and (min-width: 120.063em) {
/* line 1114, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
left: calc(-1 * ((100vw - 1400px)/2));
}
}
/* line 1142, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:nth-child(2) {
z-index: 10;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 1142, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:nth-child(2) {
-ms-flex-order: 2;
order: 2;
}
}
/* line 1154, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child):last-child .section_column:nth-child(1)::after {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 1154, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child):last-child .section_column:nth-child(1)::after {
display: block;
}
}
/* line 1163, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) img {
border: 1px solid #CCCCCC;
border-radius: 32px;
}
/* line 1172, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles button {
-ms-flex-item-align: start;
align-self: flex-start;
background-color: transparent;
border: 1px solid #FFFFFF;
transition: all 0.3s ease;
}
/* line 1178, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles button:hover {
color: #0A0A0A;
background-color: #E8C658;
border: 1px solid #E8C658;
}
/* line 1185, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles h3 {
font-size: 16px;
}
/* line 1189, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .section_row {
gap: 64px;
}
/* line 1193, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .section_column {
-ms-flex-align: stretch;
align-items: stretch;
}
/* line 1197, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 1197, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post {
gap: 32px;
}
}
/* line 1206, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post h3 {
transition: all 0.3s ease;
}
/* line 1211, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover h3 {
color: #F2E478;
}
/* line 1215, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover .post_graphic {
border: 1px solid #DAA43A;
}
/* line 1218, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover .post_graphic video,
.home_v2 .home_articles .articles_post:hover .post_graphic img {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* line 1223, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover .post_graphic::after {
opacity: 0.5;
}
/* line 1230, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic {
overflow: hidden;
position: relative;
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
border: 1px solid #303030;
border-radius: 8px;
transition: all 0.3s ease;
}
@media only screen and (min-width: 64.063em) {
/* line 1230, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic {
height: 400px;
}
}
/* line 1245, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(180deg, rgba(218, 164, 58, 0) 0%, rgba(218, 164, 58, 0.9) 100%);
mix-blend-mode: screen;
z-index: 10;
transition: all 0.3s ease;
}
/* line 1258, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic video,
.home_v2 .home_articles .post_graphic img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
/* line 1269, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics {
position: relative;
border-top: 1px solid rgba(48, 48, 48, 0.5);
border-bottom: 1px solid rgba(48, 48, 48, 0.5);
}
/* line 1274, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .accent_color {
color: #F2E478;
}
/* line 1278, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #F2E478;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1285, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a span {
font-weight: 600;
}
/* line 1289, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a:hover {
color: #E8C658;
gap: 12px;
}
/* line 1294, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a svg path {
stroke: #F2E478;
}
/* line 1299, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics button {
background-color: #F2E478;
color: #0A0A0A;
}
/* line 1303, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics button:hover {
background-color: #E8C658;
}
/* line 1308, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_row {
pointer-events: none;
}
/* line 1311, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_row h2, .home_v2 .home_analytics .section_row h3, .home_v2 .home_analytics .section_row p, .home_v2 .home_analytics .section_row button, .home_v2 .home_analytics .section_row a {
pointer-events: all;
}
/* line 1317, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic {
position: absolute;
opacity: 1;
bottom: 0;
width: 100%;
height: 100%;
}
/* line 1324, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic svg {
opacity: 0.5;
object-fit: cover;
width: 100%;
height: auto;
display: block;
max-width: 100%;
min-width: 1440px;
aspect-ratio: 1441/828;
position: absolute;
bottom: calc(20% - 7px);
right: 0;
}
/* line 1338, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line {
opacity: 0.5;
position: absolute;
width: 100%;
height: 1px;
background-color: #303030;
left: 0;
}
/* line 1346, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(1) {
top: 10%;
}
/* line 1350, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(2) {
top: 20%;
}
/* line 1354, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(3) {
top: 30%;
}
/* line 1358, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(4) {
top: 40%;
}
/* line 1362, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(5) {
top: 50%;
}
/* line 1366, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(6) {
top: 60%;
}
/* line 1370, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(7) {
top: 70%;
}
/* line 1374, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(8) {
top: 80%;
}
/* line 1378, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(9) {
top: 90%;
}
/* line 1384, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 1384, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 1384, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_grid {
grid-template-columns: repeat(3, 1fr);
gap: 64px;
}
}
/* line 1400, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-ms-flex-align: start;
align-items: flex-start;
background-color: #0a0a0a69;
padding: 16px;
border-radius: 16px;
backdrop-filter: blur(2px);
}
/* line 1411, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_icon {
width: 32px;
height: 32px;
}
/* line 1416, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 1421, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_info h3 {
font-size: 16px;
margin-bottom: 0;
font-weight: 400;
}
/* line 1427, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_info p {
color: #FCFCFC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
/* line 1438, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .accent_color {
color: #676AAD;
}
/* line 1442, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1449, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a span {
font-weight: 600;
}
/* line 1453, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a:hover {
color: #6F4173;
gap: 12px;
}
/* line 1458, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a svg path {
stroke: #676AAD;
}
/* line 1463, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers button {
background-color: #676AAD;
color: #0A0A0A;
}
/* line 1467, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers button:hover {
background-color: #6F4173;
}
/* line 1472, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .section_row {
-ms-flex-align: stretch;
align-items: stretch;
gap: 64px;
}
/* line 1477, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .graphic_container {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: calc(100% + 40px);
padding: 16px;
border-radius: 16px;
background: var(--Home-Gradient, linear-gradient(180deg, #FFF 0%, #F4F4F8 100%));
box-shadow: 0px 8px 20px 0px rgba(17, 19, 36, 0.2);
overflow: hidden;
margin-left: -20px;
margin-right: -20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
}
@media only screen and (min-width: 40.063em) {
/* line 1477, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .graphic_container {
width: 100%;
margin-left: 0;
margin-right: 0;
max-width: 400px;
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 1477, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .graphic_container {
max-width: 100%;
min-height: 460px;
}
}
/* line 1515, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card {
position: relative;
width: 100%;
background: #ffffff;
border-radius: 12px;
padding: 18px 18px 16px;
border: 1px solid rgba(103, 106, 173, 0.08);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
text-align: left;
}
/* line 1528, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 1534, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-section-label {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #74748e;
}
/* line 1543, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-chip {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 9.5px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 999px;
background: #FCFCFC;
color: #74748e;
border: 1px solid #EEEEEE;
}
/* line 1558, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-chip svg {
width: 11px;
height: 11px;
}
/* line 1560, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-chip.hc-chip--accent {
background: #eaeaf4;
color: #6F4173;
border-color: rgba(103, 106, 173, 0.25);
}
/* line 1568, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(135deg, #676AAD 0%, #6F4173 100%);
color: #ffffff;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.02em;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 1582, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-avatar.hc-avatar--sm {
width: 28px;
height: 28px;
font-size: 11px;
}
/* line 1583, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-avatar.hc-avatar--ai {
background: linear-gradient(135deg, #343440 0%, #56566a 100%);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 9px;
}
/* line 1592, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-profile-head {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding-bottom: 14px;
border-bottom: 1px solid #EEEEEE;
}
/* line 1600, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-profile-meta {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
}
/* line 1601, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-profile-name {
font-size: 14px;
font-weight: 700;
color: #343440;
line-height: 1.2;
}
/* line 1607, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-profile-email {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 11px;
color: #74748e;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 1617, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-activity {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
}
/* line 1626, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-row {
display: grid;
grid-template-columns: 16px 1fr auto;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 12px;
color: #343440;
line-height: 1.35;
}
/* line 1635, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-row svg {
width: 16px;
height: 16px;
color: #676AAD;
}
/* line 1641, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-row strong {
font-weight: 600;
}
/* line 1644, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-row-meta {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 10.5px;
color: #74748e;
letter-spacing: 0.02em;
}
/* line 1651, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-metrics {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
/* line 1660, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-metric {
display: grid;
grid-template-columns: 1fr auto 14px;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 12.5px;
}
/* line 1668, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-metric-k {
color: #343440;
}
/* line 1669, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-metric-v {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-weight: 600;
color: #343440;
font-variant-numeric: tabular-nums;
text-align: right;
}
/* line 1676, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-trend {
display: inline-block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* line 1684, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-trend.hc-trend--up {
background-image: url(data:image/svg+xml;utf8,);
}
/* line 1689, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-tags {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px;
}
/* line 1698, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--profile .hc-tag {
font-size: 11px;
font-weight: 500;
padding: 4px 10px;
border-radius: 999px;
background: #f7f8fb;
color: #6F4173;
border: 1px solid rgba(103, 106, 173, 0.15);
}
/* line 1711, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-tracking-head {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
padding-bottom: 14px;
border-bottom: 1px solid #EEEEEE;
}
/* line 1720, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-tracking-order {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 13px;
font-weight: 600;
color: #343440;
margin-top: 2px;
}
/* line 1728, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-timeline {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 34px;
position: relative;
}
@media only screen and (min-width: 64.063em) {
/* line 1728, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-timeline {
gap: 42px;
}
}
/* line 1742, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step {
position: relative;
display: grid;
grid-template-columns: 18px 1fr;
gap: 12px;
padding-left: 0;
}
/* line 1749, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step::before {
content: "";
position: absolute;
left: 8px;
top: 18px;
bottom: -34px;
width: 2px;
background: #EEEEEE;
}
@media only screen and (min-width: 64.063em) {
/* line 1749, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step::before {
bottom: -42px;
}
}
/* line 1763, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step:last-child::before {
display: none;
}
/* line 1766, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: #ffffff;
border: 2px solid #EEEEEE;
margin-top: 2px;
z-index: 1;
transition: background 0.4s ease, border-color 0.4s ease, transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.3s ease;
}
/* line 1777, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step.hc-in .hc-step-dot {
background: #676AAD;
border-color: #676AAD;
box-shadow: 0 0 0 4px rgba(103, 106, 173, 0.18);
}
/* line 1783, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step.hc-in::before {
background: #676AAD;
}
/* line 1785, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step--done.hc-in .hc-step-dot {
background: #2f9b73;
border-color: #2f9b73;
box-shadow: 0 0 0 4px rgba(47, 155, 115, 0.22);
}
/* line 1791, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
}
/* line 1797, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step-meta {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 10.5px;
color: #74748e;
letter-spacing: 0.04em;
}
/* line 1804, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step-msg {
font-size: 12.5px;
color: #343440;
line-height: 1.45;
margin: 0;
}
/* line 1810, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--tracking .hc-step-msg strong {
font-weight: 600;
}
/* line 1815, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo {
gap: 12px;
}
/* line 1818, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-convo-message {
display: grid;
grid-template-columns: 28px 1fr;
gap: 10px;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 1825, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-convo-customer .hc-convo-body {
background: #FCFCFC;
border: 1px solid #EEEEEE;
border-radius: 12px;
padding: 10px 12px;
}
/* line 1832, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-convo-agent .hc-convo-body {
background: #ffffff;
border: 1px solid rgba(103, 106, 173, 0.2);
border-radius: 12px;
padding: 10px 12px;
box-shadow: 0 4px 14px -8px rgba(103, 106, 173, 0.45);
}
/* line 1840, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-convo-body {
min-width: 0;
}
/* line 1842, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-convo-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 10px;
color: #74748e;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 4px;
}
/* line 1854, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-ai-tag {
display: inline-block;
font-style: normal;
font-size: 8px;
letter-spacing: 0.14em;
color: #6F4173;
background: #eaeaf4;
padding: 1px 5px;
border-radius: 4px;
margin-left: 4px;
vertical-align: 1px;
}
/* line 1867, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-convo-body p {
font-size: 12.5px;
line-height: 1.5;
color: #343440;
margin: 0;
}
/* line 1875, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-context {
border: 1px dashed rgba(103, 106, 173, 0.4);
border-radius: 10px;
padding: 10px 12px;
background: linear-gradient(180deg, #f7f8fb 0%, transparent 100%);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 1885, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-context-head {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #6F4173;
}
/* line 1896, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-context-head i {
width: 5px;
height: 5px;
border-radius: 50%;
background: #676AAD;
box-shadow: 0 0 0 4px rgba(103, 106, 173, 0.18);
animation: hc-pulse 1.8s ease-in-out infinite;
}
/* line 1906, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-pills {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
/* line 1915, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-pill {
display: grid;
grid-template-columns: 14px 1fr auto;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 6px 10px;
background: #ffffff;
border: 1px solid rgba(103, 106, 173, 0.14);
border-radius: 8px;
font-size: 11px;
transition: background 0.35s ease, border-color 0.35s ease;
}
/* line 1927, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-pill svg {
width: 14px;
height: 14px;
color: #676AAD;
}
/* line 1930, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-pill.hc-bound {
background: #eaeaf4;
border-color: rgba(103, 106, 173, 0.4);
}
/* line 1935, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-pill-k {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 9.5px;
font-weight: 600;
letter-spacing: 0.12em;
color: #6F4173;
text-transform: uppercase;
}
/* line 1944, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-pill-v {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 11px;
color: #343440;
font-variant-numeric: tabular-nums;
text-align: right;
}
/* line 1952, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-bind {
color: #343440;
font-weight: 600;
padding: 0 2px;
border-radius: 3px;
background-color: transparent;
transition: background-color 0.35s ease, color 0.35s ease;
}
/* line 1960, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-card--convo .hc-bind.hc-glow {
background-color: #eaeaf4;
color: #6F4173;
}
@keyframes hc-pulse {
0%, 100% {
box-shadow: 0 0 0 0 rgba(103, 106, 173, 0.5);
}
50% {
box-shadow: 0 0 0 5px rgba(103, 106, 173, 0);
}
}
/* line 1973, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-row,
.home_v2 .home_customers .hc-metric,
.home_v2 .home_customers .hc-tag,
.home_v2 .home_customers .hc-step,
.home_v2 .home_customers .hc-convo-message,
.home_v2 .home_customers .hc-context,
.home_v2 .home_customers .hc-pill {
opacity: 0;
-ms-transform: translateY(8px);
transform: translateY(8px);
transition: opacity 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
/* line 1990, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-in {
opacity: 1 !important;
-ms-transform: none !important;
transform: none !important;
}
/* line 1995, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-pill {
-ms-transform: translateX(10px);
transform: translateX(10px);
}
/* line 1998, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-pill.hc-in {
-ms-transform: none !important;
transform: none !important;
}
/* line 2002, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers.hc-no-anim .hc-row, .home_v2 .home_customers.hc-no-anim .hc-metric, .home_v2 .home_customers.hc-no-anim .hc-tag, .home_v2 .home_customers.hc-no-anim .hc-step, .home_v2 .home_customers.hc-no-anim .hc-convo-message, .home_v2 .home_customers.hc-no-anim .hc-context, .home_v2 .home_customers.hc-no-anim .hc-pill {
opacity: 1;
-ms-transform: none;
transform: none;
}
/* line 2006, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers.hc-no-anim .hc-step .hc-step-dot {
background: #676AAD;
border-color: #676AAD;
}
/* line 2007, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers.hc-no-anim .hc-step--done .hc-step-dot {
background: #2f9b73;
border-color: #2f9b73;
}
@media (prefers-reduced-motion: reduce) {
/* line 2011, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-row, .home_v2 .home_customers .hc-metric, .home_v2 .home_customers .hc-tag, .home_v2 .home_customers .hc-step, .home_v2 .home_customers .hc-convo-message, .home_v2 .home_customers .hc-context, .home_v2 .home_customers .hc-pill {
opacity: 1;
-ms-transform: none;
transform: none;
}
/* line 2015, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-step .hc-step-dot {
background: #676AAD;
border-color: #676AAD;
}
/* line 2016, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .hc-step--done .hc-step-dot {
background: #2f9b73;
border-color: #2f9b73;
}
}
/* line 2021, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .accent_color {
color: #F2E478;
}
/* line 2025, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #F2E478;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 2032, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a span {
font-weight: 600;
}
/* line 2036, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a:hover {
color: #E8C658;
gap: 12px;
}
/* line 2041, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a svg path {
stroke: #F2E478;
}
/* line 2046, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support button {
background-color: #F2E478;
color: #0A0A0A;
}
/* line 2050, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support button:hover {
background-color: #E8C658;
}
/* line 2055, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_row {
position: relative;
z-index: 0;
}
/* line 2059, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_row:first-child {
z-index: 10;
pointer-events: none;
}
/* line 2063, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_row:first-child h2 {
pointer-events: all;
width: auto;
text-shadow: 0px 4px 16px rgba(10, 10, 10, 0.95);
}
/* line 2071, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic {
min-height: 220px;
width: 100%;
border-radius: 16px;
overflow: hidden;
position: relative;
}
/* line 2078, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs {
overflow: visible;
}
/* line 2081, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.3);
mix-blend-mode: overlay;
border-radius: 16px;
display: none;
}
/* line 2094, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
position: absolute;
bottom: -16px;
left: -80px;
display: grid;
grid-template-columns: repeat(30, 1fr);
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 2094, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
left: -120px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2094, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
left: calc(-1 * ((100vw + 80px - 1400px)/2));
}
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
/* line 2094, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
left: -120px;
}
}
@media only screen and (min-width: 120.063em) {
/* line 2094, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
left: calc(-1 * ((100vw + 80px - 1400px)/2));
}
}
/* line 2119, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 8px;
border-width: 1px;
border-style: solid;
border-color: #303030;
padding: 8px;
border-radius: 8px;
transition: border-color 0.8s ease-in-out, opacity 0.8s ease-in-out;
}
/* line 2131, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc span {
font-size: 12px;
color: #303030;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80px;
font-weight: 600;
transition: color 0.8s ease-in-out;
}
/* line 2142, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc svg path {
stroke: #303030;
stroke-width: 1.5;
transition: stroke 0.8s ease-in-out;
}
/* line 2148, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-primary {
border-color: #CCCCCC;
}
/* line 2151, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-primary span {
color: #CCCCCC;
}
/* line 2155, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-primary svg path {
stroke: #CCCCCC;
}
/* line 2160, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-sub {
opacity: 0.75;
border-color: #828282;
}
/* line 2164, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-sub span {
color: #828282;
}
/* line 2168, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-sub svg path {
stroke: #828282;
}
/* line 2176, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
/* line 2187, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services {
position: relative;
min-height: 400px;
border-radius: 16px;
overflow: hidden;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 32px;
}
/* line 2195, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content {
position: relative;
z-index: 10;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 2195, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: end;
align-items: flex-end;
gap: 64px;
}
}
/* line 2210, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content h3 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
/* line 2215, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content button {
margin: 0;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media only screen and (min-width: 64.063em) {
/* line 2215, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content button {
white-space: nowrap;
}
}
/* line 2225, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
opacity: 0.25;
}
@media only screen and (min-width: 64.063em) {
/* line 2225, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services img {
opacity: 0.8;
}
}
/* line 2242, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers {
position: relative;
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
}
/* line 2247, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::before, .home_v2 .home_developers::after {
content: "";
position: absolute;
top: 0;
left: 40px;
width: 1px;
height: 100%;
background-color: #303030;
z-index: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 2247, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::before, .home_v2 .home_developers::after {
left: 120px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2247, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::before, .home_v2 .home_developers::after {
left: calc(((100vw - 1400px)/2));
}
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
/* line 2247, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::before, .home_v2 .home_developers::after {
left: 120px;
}
}
@media only screen and (min-width: 120.063em) {
/* line 2247, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::before, .home_v2 .home_developers::after {
left: calc(((100vw - 1400px)/2));
}
}
/* line 2275, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::after {
left: auto;
right: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 2275, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::after {
right: 120px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2275, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::after {
right: calc(((100vw - 1400px)/2));
}
}
/* line 2288, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child {
position: static;
}
/* line 2291, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child::before {
content: "";
position: absolute;
top: 0;
left: 114px;
width: 1px;
height: 100%;
background-color: #303030;
z-index: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 2291, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child::before {
left: 184px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2291, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child::before {
left: calc(((100vw - 1400px)/2) + 64px);
}
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
/* line 2291, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child::before {
left: 184px;
}
}
@media only screen and (min-width: 120.063em) {
/* line 2291, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child::before {
left: calc(((100vw - 1400px)/2) + 64px);
}
}
/* line 2319, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .accent_color {
color: #8FE9C2;
}
/* line 2323, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #8FE9C2;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 2330, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a span {
font-weight: 600;
}
/* line 2334, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a:hover {
color: #73DCB3;
gap: 12px;
}
/* line 2339, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a svg path {
stroke: #8FE9C2;
}
/* line 2344, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers button {
background-color: #8FE9C2;
color: #0A0A0A;
}
/* line 2348, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers button:hover {
background-color: #73DCB3;
}
/* line 2353, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content {
-ms-flex-direction: column;
flex-direction: column;
gap: 64px;
}
/* line 2357, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
content: "";
position: absolute;
top: -32px;
left: 0;
width: 100vw;
margin-left: -40px;
height: 1px;
background-color: #303030;
z-index: -1;
}
@media only screen and (min-width: 64.063em) {
/* line 2357, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
margin-left: -120px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2357, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
margin-left: calc(-1 * ((100vw - 1400px)/2));
}
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
/* line 2357, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
margin-left: -120px;
}
}
@media only screen and (min-width: 120.063em) {
/* line 2357, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
margin-left: calc(-1 * ((100vw - 1400px)/2));
}
}
/* line 2386, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::after {
top: auto;
bottom: -32px;
}
/* line 2391, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .section_column {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 32px;
width: 100%;
}
/* line 2398, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .section_column:not(:last-child) {
position: relative;
}
/* line 2401, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .section_column:not(:last-child)::after {
content: "";
position: absolute;
bottom: -32px;
left: 0;
width: 100%;
height: 1px;
background-color: #303030;
z-index: -1;
}
/* line 2414, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content h3 {
font-size: 18px;
}
/* line 2418, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content p {
margin-bottom: 16px;
}
/* line 2422, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .link_list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
}
@media only screen and (min-width: 40.063em) {
/* line 2422, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .link_list {
grid-template-columns: repeat(2, 1fr);
}
}
/* line 2433, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_overlay_1,
.home_v2 .home_developers .section_overlay_2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
background: linear-gradient(245deg, rgba(143, 233, 194, 0) 19.55%, rgba(143, 233, 194, 0.2) 99.29%);
mix-blend-mode: hard-light;
pointer-events: none;
z-index: 20;
}
/* line 2447, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_overlay_2 {
background: linear-gradient(136deg, rgba(242, 228, 120, 0) 34.64%, rgba(242, 228, 120, 0.2) 100%);
}
/* line 2452, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started {
background-color: #B6F0D6;
}
/* line 2455, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .accent_color {
color: #2F9B73;
}
/* line 2459, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #288565;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 2466, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a span {
font-weight: 600;
}
/* line 2470, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a:hover {
color: #227057;
gap: 12px;
}
/* line 2475, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a svg path {
stroke: #288565;
}
/* line 2480, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started button {
background-color: #2F9B73;
color: #FFFFFF;
}
/* line 2484, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started button:hover {
background-color: #227057;
}
/* line 2489, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started h3 {
font-size: 18px;
}
/* line 2493, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .section_column:nth-child(2) {
gap: 32px;
}
/* line 2496, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .section_column:nth-child(2) > div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 2501, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .section_column:nth-child(2) > div a {
margin-top: 8px;
}
/* line 2509, ../../_src/scss/components/_page_home_v2.scss */
.home_v2.ucAdminMode .home_success_2026 {
display: -ms-flexbox;
display: flex;
}
/* line 2513, ../../_src/scss/components/_page_home_v2.scss */
.home_v2.ucAdminMode .home_success_2025 {
display: none;
}
@media (prefers-reduced-motion: reduce) {
/* line 2521, ../../_src/scss/components/_page_home_v2.scss */
.section_promo .uc_promo {
transition: opacity 1ms linear, transform 1ms linear;
}
}
/* line 39, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container {
clear: both;
}
/* line 42, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container::after {
display: block;
content: '';
clear: both;
}
/* line 48, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container h4 {
text-transform: uppercase;
}
/* line 52, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-content {
box-sizing: border-box;
}
@media only screen and (min-width: 64.063em) {
/* line 52, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-content {
float: left;
width: 60%;
box-sizing: border-box;
padding-right: 60px;
}
}
/* line 65, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-content.legal-content-full {
width: 100%;
padding-right: 0;
}
/* line 71, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-summary {
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
width: 100%;
color: #999;
border: 1px solid #e8e8e8;
}
@media only screen and (min-width: 64.063em) {
/* line 71, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-summary {
margin-top: 50px;
margin-bottom: 0;
padding: 20px;
float: left;
width: 40%;
}
}
/* line 90, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-summary p:last-of-type {
margin-bottom: 0;
}
/* line 2, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/2023-storefronts-banner-1.jpg);
background-size: cover;
background-position: top center;
position: relative;
background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 21, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 32, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-intro .flex-row {
padding: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
}
@media only screen and (min-width: 40.063em) {
/* line 32, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-intro .flex-row {
padding: 80px 0;
}
}
/* line 42, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-intro .flex-row:not(:last-of-type) {
border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-intro .flex-row .column-graphic {
padding-right: 0;
}
}
/* line 55, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .overview-category {
margin-bottom: 40px;
float: left;
}
/* line 59, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .overview-category h2 {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 55, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .overview-category {
position: absolute;
margin-top: 0;
padding-bottom: 40px;
transition: opacity 0.3s linear;
opacity: 0;
}
/* line 70, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .overview-category.active {
opacity: 1;
}
}
/* line 76, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .flex-row {
-ms-flex-align: center;
align-items: center;
}
/* line 81, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .flex-row {
-ms-flex-align: start;
align-items: flex-start;
}
/* line 84, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .flex-row .columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 2rem;
padding-right: 2rem;
}
/* line 94, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights h3 {
font-size: 1.5em;
}
/* line 98, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .icon {
width: 100%;
max-width: 64px;
margin-bottom: 18px;
padding: 16px;
background-color: rgba(52, 52, 64, 0.2);
border-radius: 100%;
}
/* line 107, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .icon svg {
width: 100%;
display: block;
}
/* line 111, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .icon svg .icon-path {
fill: #343440;
}
/* line 2, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/2023-storefronts-banner-1.jpg);
background-size: cover;
background-position: top center;
position: relative;
background-color: #343440;
}
/* line 10, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner.overlay::after {
width: 100%;
background: rgba(52, 52, 64, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 21, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .overview-category {
margin-bottom: 40px;
float: left;
}
/* line 35, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .overview-category h2 {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 31, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .overview-category {
position: absolute;
margin-top: 0;
padding-bottom: 40px;
transition: opacity 0.3s linear;
opacity: 0;
}
/* line 46, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .overview-category.active {
opacity: 1;
}
}
/* line 2, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/2020-banner-storefronts-1.jpg);
background-size: cover;
background-position: top center;
position: relative;
background-color: #343440;
}
/* line 10, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner.overlay::after {
width: 100%;
background: rgba(52, 52, 64, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 21, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 30, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg {
position: absolute;
left: calc(100% - 80px);
top: 20px;
height: 300px;
width: auto;
aspect-ratio: 232 / 518;
z-index: 20;
overflow: visible;
}
@media only screen and (min-width: 64.063em) {
/* line 30, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg {
height: 340px;
}
}
/* line 45, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn .sf_menu_btn_fill {
fill: #fff;
filter: drop-shadow(3px 3px 2px rgba(0, 4, 20, 0.4));
transition: all 0.3s ease;
}
/* line 51, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn path {
stroke: #333;
fill: transparent;
transition: all 0.3s ease;
}
/* line 57, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn .sf_menu_label {
stroke: none;
fill: #333;
transition: all 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn.active .sf_menu_btn_fill {
fill: #333;
}
/* line 68, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn.active path {
stroke: #fff;
}
/* line 72, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn.active .sf_menu_label {
fill: #fff;
}
/* line 80, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner .banner-image::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(300deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
z-index: 10;
}
/* line 91, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .intro_content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 91, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .intro_content {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
gap: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 103, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .intro_content img {
max-width: 520px;
margin-left: -180px;
}
}
/* line 113, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .overview-category {
margin-bottom: 40px;
float: left;
}
/* line 117, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .overview-category h2 {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 113, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .overview-category {
position: absolute;
margin-top: 0;
padding-bottom: 40px;
transition: opacity 0.3s linear;
opacity: 0;
}
/* line 128, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .overview-category.active {
opacity: 1;
}
}
/* line 134, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles {
background-color: #0A0A0A;
}
/* line 137, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles h1,
.storefronts.visual-builder .section_articles h2,
.storefronts.visual-builder .section_articles h3,
.storefronts.visual-builder .section_articles h4,
.storefronts.visual-builder .section_articles h5,
.storefronts.visual-builder .section_articles h6,
.storefronts.visual-builder .section_articles p {
color: #FFFFFF;
}
/* line 147, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
position: relative;
gap: 32px;
z-index: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 147, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .row {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
/* line 161, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_column {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 161, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_column {
gap: 32px;
}
}
/* line 174, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles button {
-ms-flex-item-align: start;
align-self: flex-start;
background-color: transparent;
border: 1px solid #FFFFFF;
transition: all 0.3s ease;
}
/* line 180, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles button:hover {
color: #0A0A0A;
background-color: #E8C658;
border: 1px solid #E8C658;
}
/* line 187, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles h3 {
font-size: 16px;
}
/* line 191, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_row {
gap: 64px;
}
/* line 195, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_column {
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* line 201, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post h3 {
transition: all 0.3s ease;
}
/* line 206, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover h3 {
color: #F2E478;
}
/* line 210, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic {
border: 1px solid #DAA43A;
}
/* line 213, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic video,
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic img {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* line 218, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic::after {
opacity: 0.5;
}
/* line 225, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .post_graphic {
overflow: hidden;
position: relative;
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
border: 1px solid #303030;
border-radius: 8px;
transition: all 0.3s ease;
}
/* line 236, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .post_graphic::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(180deg, rgba(218, 164, 58, 0) 0%, rgba(218, 164, 58, 0.9) 100%);
mix-blend-mode: screen;
z-index: 10;
transition: all 0.3s ease;
}
/* line 249, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .post_graphic video,
.storefronts.visual-builder .section_articles .post_graphic img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
/* line 260, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .features_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 260, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .features_grid {
grid-template-columns: repeat(2, 1fr);
gap: 80px;
margin-bottom: 120px;
}
}
/* line 273, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 280, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_icon {
width: 32px;
height: 32px;
}
/* line 285, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
/* line 290, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_info h3 {
font-size: 20px;
margin-bottom: 0;
font-weight: 600;
}
/* line 296, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_info p,
.storefronts.visual-builder .feature_info li {
color: #828282;
font-size: 1em;
font-style: normal;
font-weight: 400;
line-height: 1.875em;
margin-bottom: 0;
}
/* line 3, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts.features .banner {
background-image: none;
background-color: #0A0A0A;
}
/* line 7, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts.features .banner.overlay::after {
background: none;
}
@media only screen and (min-width: 90.063em) {
/* line 12, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts.features .section-intro {
margin-bottom: 120px;
}
}
/* line 19, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category {
border-top: 1px solid #e8e8e8;
padding-top: 40px;
clear: both;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 19, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category {
margin-top: 20px;
}
/* line 28, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category::before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 1px;
left: -40px;
top: -1px;
background: #e8e8e8;
}
}
@media only screen and (min-width: 64.063em) {
/* line 19, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category {
margin-top: 40px;
}
/* line 43, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category::before {
width: 80px;
left: -80px;
}
}
/* line 50, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category:first-of-type {
border-top: none;
padding-top: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 50, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category:first-of-type {
margin-top: 0;
}
/* line 57, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category:first-of-type::before {
background: transparent;
}
}
/* line 64, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 64, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature {
margin-bottom: 40px;
}
}
/* line 75, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature p {
color: #8d8d8d;
}
/* line 81, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_intro .category_title {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-align: center;
align-items: center;
}
/* line 87, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_intro h2 {
margin-bottom: 16px;
margin-bottom: 0;
}
/* line 92, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_intro p {
font-size: 21px;
font-weight: 600;
}
/* line 98, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
margin-bottom: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 98, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid {
grid-template-columns: repeat(2, 1fr);
gap: 64px;
}
}
/* line 109, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature {
margin-bottom: 0;
}
/* line 112, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature .feature-title {
font-size: 18px;
}
/* line 116, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature .feature-description {
font-size: 16px;
margin-bottom: 8px;
}
/* line 120, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature .feature-description:last-child {
margin-bottom: 0;
}
/* line 2, ../../_src/scss/components/_page_wts.scss */
.wts .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-waystosell-banner-1.jpg);
background-size: cover;
background-position: top center;
position: relative;
background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_wts.scss */
.wts .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_page_wts.scss */
.wts .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 21, ../../_src/scss/components/_page_wts.scss */
.wts .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_wts.scss */
.wts .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 31, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 43, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 43, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 55, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 55, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 71, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 75, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 79, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 87, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 87, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 87, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 103, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 111, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 3, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-storefronts-themes-1.jpg);
}
/* line 8, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section-intro p {
font-size: 18px;
}
/* line 12, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section-intro .features-list {
list-style: none;
padding: 0;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 20, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section-intro .features-list li {
margin: 0;
padding: 0;
}
/* line 27, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section .row {
padding-top: 40px;
padding-right: 20px;
padding-left: 20px;
}
/* line 43, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section .row .columns {
padding-bottom: 40px;
}
/* line 48, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-container {
display: block;
text-align: center;
}
@media only screen and (min-width: 64.063em) {
/* line 48, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-container {
background: #ffffff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
overflow: hidden;
border-radius: 3px;
}
/* line 60, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-container:hover .theme-image-desktop {
filter: blur(0);
opacity: 1;
}
/* line 64, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-container:hover .theme-image-mobile {
opacity: 0;
top: 60px;
}
/* line 69, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-container:hover .theme-buttons {
opacity: 1;
bottom: 80px;
z-index: 3;
}
}
/* line 78, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-buttons {
opacity: 1;
position: absolute;
bottom: 40px;
left: 50%;
width: 200px;
margin-left: -100px;
z-index: 2;
transition: bottom 300ms ease-in, opacity 300ms ease-in;
}
@media only screen and (min-width: 64.063em) {
/* line 78, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-buttons {
width: 250px;
margin-left: -125px;
opacity: 0;
}
}
/* line 94, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-buttons a {
font-size: 12px;
margin-bottom: 20px;
display: block;
clear: both;
box-shadow: 0 0 10px rgba(34, 34, 34, 0.6);
}
@media only screen and (min-width: 64.063em) {
/* line 94, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-buttons a {
font-size: 16px;
}
}
/* line 108, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-desktop {
display: none;
transition: opacity 400ms ease-in, filter 400ms ease-in;
border-radius: 3px;
}
@media only screen and (min-width: 64.063em) {
/* line 108, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-desktop {
display: block;
filter: blur(2px);
opacity: 0.2;
width: 100%;
}
}
/* line 121, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-mobile {
width: 100%;
z-index: 2;
box-shadow: 0 0 10px rgba(34, 34, 34, 0.4);
transition: opacity 200ms ease-in, top 400ms ease-in;
border-radius: 3px;
}
@media only screen and (min-width: 64.063em) {
/* line 121, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-mobile {
width: 40%;
position: absolute;
top: 20px;
left: 40px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 121, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-mobile {
width: 231px;
height: 409px;
left: 60px;
top: 40px;
right: auto;
}
}
/* line 3, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-storefronts-themes-1.jpg);
}
/* line 8, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.woodland .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-theme-woodland.jpg);
}
/* line 14, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.fashion .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-theme-fashion.jpg);
}
/* line 20, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.coffee .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-theme-coffee.jpg);
}
/* line 26, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.natural .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-theme-natural.jpg);
}
/* line 32, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.gridzy .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-theme-gridzy.jpg);
}
/* line 38, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.elements .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-theme-elements.jpg);
}
/* line 43, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-desktop {
display: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-desktop {
margin-bottom: 80px;
display: block;
}
}
@media only screen and (min-width: 64.063em) {
/* line 43, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-desktop {
margin-bottom: 0;
display: block;
}
}
/* line 59, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-mobile {
margin-bottom: 40px;
box-shadow: 0 0 20px rgba(34, 34, 34, 0.3);
}
@media only screen and (min-width: 40.063em) {
/* line 59, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-mobile {
width: 200px;
position: absolute;
top: 40px;
right: 0;
box-shadow: 0 0 40px rgba(34, 34, 34, 0.3);
}
}
@media only screen and (min-width: 64.063em) {
/* line 59, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-mobile {
width: 300px;
top: 80px;
}
}
/* line 76, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-mobile img {
width: 100%;
}
/* line 81, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-version {
background: #e8e8e8;
padding: 3px;
border-radius: 5px;
font-size: 14px;
}
/* line 88, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-price {
color: #333333;
}
/* line 92, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-description {
margin-top: 20px;
}
/* line 96, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-options {
margin-top: 40px;
}
/* line 100, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .button {
margin-bottom: 20px;
}
/* line 104, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-terms {
display: block;
clear: both;
margin-top: 20px;
font-size: 12px;
border-top: 1px solid #e8e8e8;
padding-top: 20px;
}
/* line 113, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples {
background: #ffffff;
border-top: 1px solid #cccccc;
}
/* line 118, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples .example .overlay {
display: none;
}
/* line 122, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples .example img {
max-width: 400px;
width: 100%;
margin-bottom: 20px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
/* line 122, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples .example img {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 122, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples .example img {
margin-bottom: 0;
}
}
/* line 2, ../../_src/scss/components/_page_storefronts_examples.scss */
.examples .example-image {
margin-bottom: 40px;
display: block;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
/* line 2, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner {
background-image: none;
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.25);
backdrop-filter: none;
}
/* line 21, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner h2 {
margin-bottom: 0;
}
/* line 35, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner video {
opacity: 1;
}
/* line 42, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 46, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 55, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro img {
margin-top: -120px;
}
@media only screen and (min-width: 64.063em) {
/* line 55, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro img {
margin-top: -180px;
}
}
/* line 64, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro ul li {
margin-bottom: 16px;
}
/* line 69, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro a {
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 73, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro a:hover {
color: #6F4173;
}
/* line 81, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights {
padding-bottom: 80px;
}
/* line 84, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .row {
padding-top: 120px;
}
/* line 88, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 93, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 93, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 127, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 131, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 131, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 140, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h4 {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 8px;
margin-top: 32px;
}
/* line 147, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 154, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a span {
font-weight: 600;
}
/* line 158, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 163, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a svg path {
stroke: #676AAD;
}
/* line 168, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .accent_color {
color: #676AAD;
}
/* line 172, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 172, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 172, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 186, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 191, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 197, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 202, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 211, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy ul li {
margin-bottom: 16px;
}
/* line 215, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
font-weight: bold;
margin-bottom: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 215, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list {
gap: 32px;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 215, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list {
gap: 40px;
grid-template-columns: repeat(3, 1fr);
margin-top: 32px;
margin-bottom: 32px;
}
}
/* line 234, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list div {
display: -ms-flexbox;
display: flex;
gap: 16px;
color: #303030;
font-size: 14px;
}
/* line 241, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list svg {
-ms-flex: 0 0 24px;
flex: 0 0 24px;
width: 24px;
height: 24px;
}
/* line 2, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-buy-buttons-1.jpg);
background-size: cover;
background-position: center center;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 25%, rgba(18, 18, 22, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
/* IE6-9 */
}
/* line 21, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .buy-button-graphic {
cursor: default;
position: relative;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
font-weight: 400;
letter-spacing: 1px;
background-color: #efb230;
}
/* line 30, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .buy-button-graphic::after {
position: absolute;
content: "";
display: none;
width: 350px;
height: 180px;
background-image: url(../../themes/UltraCart/theme/assets/imgs/buy-button-graphic.png);
background-repeat: none;
top: -35px;
right: 13px;
}
@media only screen and (min-width: 64.063em) {
/* line 30, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .buy-button-graphic::after {
display: block;
}
}
/* line 47, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .content-graphic-right {
display: none;
width: 639px;
float: right;
margin-top: 0;
margin-right: -20px;
margin-bottom: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 47, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .content-graphic-right {
width: 300px;
display: block;
margin-right: -80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .content-graphic-right {
width: 639px;
}
}
/* line 66, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .content-graphic-right img {
width: 100%;
}
/* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left {
position: relative;
width: 300px;
margin-top: 0;
margin-left: -60px;
}
@media only screen and (min-width: 40.063em) {
/* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left {
width: 300px;
display: block;
}
}
@media only screen and (min-width: 64.063em) {
/* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left {
width: 639px;
margin-top: -80px;
margin-left: -180px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left {
width: 639px;
margin-top: -80px;
margin-left: 0;
}
}
/* line 102, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left img {
width: 100%;
}
/* line 106, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left > img {
position: relative;
z-index: 20;
}
/* line 111, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left .checkout-content {
position: absolute;
top: 70px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 64%;
height: 79%;
z-index: 10;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 111, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left .checkout-content {
top: 120px;
}
}
/* line 126, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left .backdrop {
content: '';
display: block;
position: absolute;
z-index: 1;
background-color: rgba(255, 255, 255, 0.5);
width: 75%;
height: 85%;
top: 39px;
left: 50%;
border-radius: 40px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
backdrop-filter: blur(20px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 64.063em) {
/* line 126, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left .backdrop {
border-radius: 80px;
top: 89px;
}
}
/* line 149, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout p:last-of-type {
margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 149, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout p:last-of-type {
margin-bottom: 60px;
}
}
/* line 2, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-amazon-1.jpg);
background-size: cover;
background-position: center center;
background-color: #cc7a00;
}
/* line 9, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner.overlay::after {
width: 100%;
background: rgba(204, 122, 0, 0.8);
}
@media only screen and (min-width: 64.063em) {
/* line 9, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner.overlay::after {
background: rgba(204, 122, 0, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(204, 122, 0, 0.8) 65%, rgba(204, 122, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-brand-amazon,10%)', endColorstr='darken($color-brand-amazon,10%)',GradientType=1 );
/* IE6-9 */
}
}
/* line 25, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner p:last-of-type {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner p:last-of-type {
margin-bottom: 40px;
}
}
/* line 36, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-intro .amazon-logo {
display: inline-block;
width: 140px;
height: 70px;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
vertical-align: bottom;
}
/* line 47, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .content-graphic-right {
display: none;
width: 639px;
float: right;
margin-top: 0;
margin-right: -20px;
margin-bottom: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 47, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .content-graphic-right {
width: 300px;
display: block;
margin-right: -80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .content-graphic-right {
width: 639px;
}
}
/* line 66, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .content-graphic-right img {
width: 100%;
}
/* line 71, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments {
background: #5e5e5e;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5e5e5e 0%, #333333 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-6', endColorstr='$color-grey-8',GradientType=0 );
/* IE6-9 */
}
/* line 78, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments p {
margin-bottom: 40px;
}
/* line 81, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments p:last-child {
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 81, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments p:last-child {
margin-bottom: 0;
}
}
/* line 91, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-fulfillment {
background: #5e5e5e;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #333333 0%, #5e5e5e 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-8', endColorstr='$color-grey-6',GradientType=0 );
/* IE6-9 */
}
@media only screen and (min-width: 64.063em) {
/* line 98, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-fulfillment p {
margin-bottom: 0;
}
}
/* line 108, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments h2,
.wts-amazon .section-amazon-fulfillment h2 {
color: #FF9900;
}
/* line 112, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments h4,
.wts-amazon .section-amazon-fulfillment h4 {
color: #cccccc;
}
/* line 116, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments h5, .wts-amazon .section-amazon-payments p,
.wts-amazon .section-amazon-fulfillment h5,
.wts-amazon .section-amazon-fulfillment p {
color: #e8e8e8;
}
/* line 120, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments .button,
.wts-amazon .section-amazon-fulfillment .button {
margin-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 120, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments .button,
.wts-amazon .section-amazon-fulfillment .button {
margin-top: 40px;
margin-bottom: 0;
}
}
/* line 2, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-integrations-banner-1.jpg);
background-size: cover;
background-position: center center;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.8);
}
@media only screen and (min-width: 64.063em) {
/* line 9, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner.overlay::after {
background: rgba(18, 18, 22, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 65%, rgba(18, 18, 22, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
/* IE6-9 */
}
}
/* line 24, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay {
width: 100%;
max-width: 160px;
}
@media only screen and (min-width: 40.063em) {
/* line 24, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay {
width: auto;
max-width: 160px;
}
}
/* line 35, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#e {
fill: #ffffff;
}
/* line 38, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#b {
fill: #ffffff;
}
/* line 41, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#a {
fill: #ffffff;
}
/* line 44, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#y {
fill: #ffffff;
}
/* line 51, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner p:last-of-type {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 51, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner p:last-of-type {
margin-bottom: 40px;
}
}
/* line 61, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .ebay-search-graphic {
margin-bottom: -40px;
}
@media only screen and (min-width: 40.063em) {
/* line 61, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .ebay-search-graphic {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 61, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .ebay-search-graphic {
margin-bottom: -120px;
}
}
/* line 2, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-wordpress-1.jpg);
background-size: cover;
background-position: center center;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 25%, rgba(18, 18, 22, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
/* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner p:last-of-type:first-of-type {
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 20, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner p:last-of-type:first-of-type {
margin-bottom: 40px;
}
}
/* line 28, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner .button {
display: inline-block;
clear: both;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 28, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner .button {
width: 75%;
}
}
@media only screen and (min-width: 64.063em) {
/* line 28, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner .button {
margin-right: 20px;
width: 300px;
}
}
/* line 43, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner .button:last-of-type {
margin-bottom: 0;
}
/* line 49, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .wordpress-button {
cursor: default;
}
/* line 52, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .wordpress-button::after {
content: "coming soon";
display: inline-block;
padding: 5px;
font-size: 12px;
background: rgba(255, 255, 255, 0.9);
position: absolute;
color: #5e5e5e;
width: 105px;
bottom: -15px;
right: -10px;
font-weight: 400;
border-radius: 5px;
}
/* line 68, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-intro {
overflow: hidden;
}
/* line 71, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-intro .logos {
max-width: 135px;
margin-bottom: 20px;
margin-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 71, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-intro .logos {
max-width: 270px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 71, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-intro .logos {
margin-top: 0;
}
}
/* line 87, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick {
background-image: url(../../themes/UltraCart/theme/assets/imgs/wordpress-section-background-1.jpg);
background-size: cover;
background-position: center center;
background-color: #222222;
color: #ffffff;
}
/* line 95, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick h1, .wts-wordpress .section-quick h2, .wts-wordpress .section-quick h3, .wts-wordpress .section-quick h4, .wts-wordpress .section-quick p {
color: #ffffff;
}
/* line 99, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick img {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 99, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick img {
margin-bottom: 40px;
}
}
/* line 108, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .content-graphic-right {
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 108, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .content-graphic-right {
max-width: 760px;
margin-left: auto;
margin-bottom: 40px;
margin-right: auto;
}
}
@media only screen and (min-width: 64.063em) {
/* line 108, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .content-graphic-right {
float: right;
width: 760px;
margin-right: -160px;
margin-left: 80px;
}
}
/* line 129, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .content-graphic-right img {
width: 100%;
}
/* line 2, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-custom-checkout-1.jpg);
background-size: cover;
background-position: center center;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 25%, rgba(18, 18, 22, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
/* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner p:last-of-type:first-of-type {
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 20, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner p:last-of-type:first-of-type {
margin-bottom: 40px;
}
}
/* line 30, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .checkout-feature h3 {
font-weight: 600;
font-size: 24px;
margin-bottom: 16px;
}
/* line 37, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .row.collapse {
overflow-x: hidden;
}
@media only screen and (min-width: 40.063em) {
/* line 37, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .row.collapse {
overflow-x: visible;
}
}
/* line 45, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right {
position: relative;
width: 300px;
float: right;
margin-top: 0;
margin-right: -160px;
margin-bottom: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 45, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right {
width: 300px;
display: block;
margin-right: -40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 45, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right {
width: 639px;
margin-top: -300px;
margin-right: -80px;
}
}
/* line 66, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right img {
width: 100%;
}
/* line 70, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right > img {
position: relative;
z-index: 20;
}
/* line 75, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right .checkout-content {
position: absolute;
top: 70px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 64%;
height: 79%;
z-index: 10;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 75, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right .checkout-content {
top: 120px;
}
}
/* line 90, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right .backdrop {
content: '';
display: block;
position: absolute;
z-index: 1;
background-color: rgba(255, 255, 255, 0.5);
width: 75%;
height: 85%;
top: 39px;
left: 50%;
border-radius: 40px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
backdrop-filter: blur(20px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 64.063em) {
/* line 90, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right .backdrop {
border-radius: 80px;
top: 89px;
}
}
/* line 112, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-margin-top {
margin-top: 110px;
}
/* line 3, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2022-buy-on-google-banner.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner.overlay::after {
width: 100%;
background: rgba(52, 52, 64, 0.75);
backdrop-filter: blur(1px);
}
@media only screen and (min-width: 64.063em) {
/* line 11, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner.overlay::after {
background: linear-gradient(to right, rgba(52, 52, 64, 0.75) 25%, rgba(52, 52, 64, 0.25) 100%);
}
}
/* line 27, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 27, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner .row .columns::before {
display: block;
}
}
/* line 48, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-intro .feature-copy p {
font-weight: bold;
font-size: 18px;
}
/* line 55, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .benefits-list ul li {
margin-bottom: 12px;
}
/* line 61, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables p {
margin-bottom: 12px;
}
/* line 65, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables svg {
width: 100%;
height: auto;
padding-right: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 65, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables svg {
padding-right: 32px;
}
}
/* line 75, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .dw-table-info-row {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 82, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
padding-right: 16px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 82, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
padding-right: 32px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 92, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
padding-left: 16px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 92, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
padding-left: 32px;
}
}
/* line 102, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables ul li {
font-size: 14px;
font-family: monospace;
}
/* line 106, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .button {
background-color: #57a3cf;
}
/* line 111, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper,
.wts.wts-google .heatmap-list-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (min-width: 64.063em) {
/* line 111, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper,
.wts.wts-google .heatmap-list-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
}
/* line 120, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list,
.wts.wts-google .filter-list-wrapper .heatmap-list,
.wts.wts-google .heatmap-list-wrapper .filter-list,
.wts.wts-google .heatmap-list-wrapper .heatmap-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 8px;
margin-left: -12px;
margin-right: -12px;
width: calc(100% + 24px);
}
@media only screen and (min-width: 64.063em) {
/* line 120, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list,
.wts.wts-google .filter-list-wrapper .heatmap-list,
.wts.wts-google .heatmap-list-wrapper .filter-list,
.wts.wts-google .heatmap-list-wrapper .heatmap-list {
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 133, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul,
.wts.wts-google .filter-list-wrapper .heatmap-list ul,
.wts.wts-google .heatmap-list-wrapper .filter-list ul,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul {
list-style: none;
width: 100%;
height: auto;
padding: 0 12px;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 133, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul,
.wts.wts-google .filter-list-wrapper .heatmap-list ul,
.wts.wts-google .heatmap-list-wrapper .filter-list ul,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul {
height: 100%;
}
}
/* line 144, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul li,
.wts.wts-google .filter-list-wrapper .heatmap-list ul li,
.wts.wts-google .heatmap-list-wrapper .filter-list ul li,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul li {
padding: 0;
margin: 0;
font-size: 14px;
margin-bottom: 4px;
}
/* line 151, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul ul,
.wts.wts-google .filter-list-wrapper .heatmap-list ul ul,
.wts.wts-google .heatmap-list-wrapper .filter-list ul ul,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul ul {
margin-top: 6px;
padding: 0;
}
/* line 155, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul ul li,
.wts.wts-google .filter-list-wrapper .heatmap-list ul ul li,
.wts.wts-google .heatmap-list-wrapper .filter-list ul ul li,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul ul li {
font-size: 12px;
}
/* line 163, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .heatmap-list ul li,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 16px;
}
/* line 169, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .heatmap-list ul li .icon,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul li .icon {
width: 32px;
height: 32px;
margin-right: 24px;
padding-top: 4px;
}
/* line 179, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .quote-content-wrapper {
padding: 32px 32px 12px 32px;
border-radius: 16px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 179, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .quote-content-wrapper {
margin-left: 0;
}
}
/* line 191, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .quote-image-wrapper {
overflow: hidden;
max-width: 300px;
border-radius: 50%;
margin-top: -46px;
}
@media only screen and (min-width: 40.063em) {
/* line 191, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .quote-image-wrapper {
max-width: none;
margin-left: -60px;
}
}
/* line 203, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics {
background-color: #343440;
color: #f9f9f9;
position: relative;
}
/* line 208, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics .row {
position: relative;
z-index: 2;
pointer-events: none;
}
/* line 214, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics #data-background-canvas {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* line 224, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics h2,
.wts.wts-google .section-data-analytics h3,
.wts.wts-google .section-data-analytics p {
color: #f9f9f9;
}
/* line 230, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 235, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics ul li {
padding: 0;
margin: 0;
}
/* line 2, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner {
background-image: none;
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.25);
backdrop-filter: none;
}
/* line 21, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner video {
opacity: 1;
}
/* line 38, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 42, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 51, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro img {
margin-top: -120px;
}
@media only screen and (min-width: 64.063em) {
/* line 51, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro img {
margin-top: -180px;
}
}
/* line 60, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights {
padding-bottom: 80px;
}
/* line 63, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .row {
padding-top: 120px;
}
/* line 67, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 72, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 72, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 80, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 80, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 80, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 80, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 106, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 110, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 110, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 119, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h4 {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 8px;
margin-top: 32px;
}
/* line 126, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 133, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a span {
font-weight: 600;
}
/* line 137, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 142, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a svg path {
stroke: #676AAD;
}
/* line 147, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .accent_color {
color: #676AAD;
}
/* line 151, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 151, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 151, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 165, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 170, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 176, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 181, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 190, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy ul li {
margin-bottom: 16px;
}
/* line 194, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
font-weight: bold;
margin-bottom: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 194, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list {
gap: 32px;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 194, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list {
gap: 40px;
grid-template-columns: repeat(3, 1fr);
margin-top: 32px;
margin-bottom: 32px;
}
}
/* line 213, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list div {
display: -ms-flexbox;
display: flex;
gap: 16px;
color: #303030;
font-size: 14px;
}
/* line 220, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list svg {
-ms-flex: 0 0 24px;
flex: 0 0 24px;
width: 24px;
height: 24px;
}
/* line 2, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner {
background-color: #343440;
}
/* line 10, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner.overlay::after {
width: 100%;
background: rgba(52, 52, 64, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 21, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_resources.scss */
.resources.overview .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 80px;
}
/* line 40, ../../_src/scss/components/_page_resources.scss */
.resources.overview .menu-content a {
color: #61b6e6;
}
/* line 45, ../../_src/scss/components/_page_resources.scss */
.resources.overview .icons-feature-list h4 {
font-size: 1.25rem;
}
/* line 50, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 50, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid {
grid-template-columns: repeat(4, 1fr);
gap: 64px;
}
}
/* line 60, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid h4 {
font-size: 1.25rem;
}
/* line 64, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid a {
color: #fff;
}
/* line 69, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 69, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid {
grid-template-columns: repeat(3, 1fr);
gap: 64px;
}
}
/* line 79, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid::before {
display: none !important;
}
/* line 83, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid .title-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
gap: 16px;
}
/* line 89, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid .title-icon svg {
width: 24px;
height: 24px;
}
/* line 95, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid h4 {
font-size: 1.25rem;
}
/* line 99, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid a {
color: #fff;
}
/* line 2, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-integrations-banner-1.jpg);
background-size: cover;
background-position: center center;
background-color: #1a1a1a;
}
/* line 9, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .banner.overlay::after {
width: 100%;
background: rgba(26, 26, 26, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26, 26, 26, 0.8) 25%, rgba(26, 26, 26, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-primary-alt', endColorstr='$color-primary-alt',GradientType=1 );
/* IE6-9 */
}
/* line 32, ../../_src/scss/components/_page_resources_integrations.scss */
.payment .integrations .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-payment.jpg);
}
/* line 36, ../../_src/scss/components/_page_resources_integrations.scss */
.taxes .integrations .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-taxes.jpg);
}
/* line 42, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .banner.banner-sezzle.overlay::after {
width: 100%;
background: rgba(164, 69, 208, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(164, 69, 208, 0.8) 25%, rgba(164, 69, 208, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(164, 69, 208)', endColorstr='rgba(164, 69, 208)',GradientType=1 );
/* IE6-9 */
}
@media only screen and (min-width: 40.063em) {
/* line 68, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .menu-content {
padding-left: 0 !important;
}
}
@media only screen and (min-width: 64.063em) {
/* line 68, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .menu-content {
padding-left: 80px !important;
}
}
@media only screen and (min-width: 64.063em) {
/* line 77, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview hr {
margin-left: -80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 85, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-intro .flex-row:first-of-type, .integrations.integrations-overview .section-intro .flex-row:last-of-type {
padding-top: 80px;
padding-bottom: 80px;
}
}
/* line 93, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-intro .flex-row p:last-of-type:first-of-type {
margin-bottom: 0;
}
/* line 99, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-featured {
min-height: 90px;
}
/* line 102, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-featured h3 {
font-size: 16px;
}
/* line 108, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .menu-content::after {
display: block;
content: "";
clear: both;
}
/* line 116, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-list::after {
display: block;
content: "";
clear: both;
}
/* line 123, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-overview-list {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
margin-left: -20px;
margin-right: -20px;
}
/* line 134, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 64px;
}
@media only screen and (min-width: 64.063em) {
/* line 134, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper {
gap: 120px;
}
}
/* line 143, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-ms-flex-order: 20;
order: 20;
}
/* line 149, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category.integration-category-payment {
-ms-flex-order: 1;
order: 1;
}
/* line 153, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category.integration-category-fulfillment {
-ms-flex-order: 2;
order: 2;
}
/* line 157, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category.integration-category-advanced {
-ms-flex-order: 21;
order: 21;
}
/* line 161, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category > h3 {
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
border-radius: 8px;
padding: 8px 16px;
margin-left: -16px;
background-color: #f4f4f4;
position: sticky;
top: 0;
z-index: 10;
}
@media only screen and (min-width: 64.063em) {
/* line 161, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category > h3 {
top: 80px;
}
}
/* line 177, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
@media only screen and (min-width: 40.063em) {
/* line 177, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 177, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list {
grid-template-columns: repeat(4, 1fr);
}
}
/* line 190, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured {
display: block;
background-color: white;
margin-bottom: 0;
-ms-flex-order: 30;
order: 30;
border-radius: 8px;
-ms-flex-line-pack: center;
align-content: center;
overflow: hidden;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.3s ease-in-out;
}
/* line 201, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img) {
-ms-flex-order: 20;
order: 20;
}
/* line 206, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="PayPal"]) {
-ms-flex-order: 1;
order: 1;
}
/* line 210, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Stripe"]) {
-ms-flex-order: 2;
order: 2;
}
/* line 214, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Authorize.net"]) {
-ms-flex-order: 3;
order: 3;
}
/* line 218, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Amazon Payments"]) {
-ms-flex-order: 4;
order: 4;
}
/* line 222, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Fastlane"]) {
-ms-flex-order: 5;
order: 5;
}
/* line 226, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Braintree"]) {
-ms-flex-order: 6;
order: 6;
}
/* line 231, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="QuickBooks Merchant Services"]) {
-ms-flex-order: 7;
order: 7;
}
/* line 235, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="NMI"]) {
-ms-flex-order: 8;
order: 8;
}
/* line 240, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
/* line 244, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured h3 {
min-height: 0;
margin: 0;
}
/* line 249, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured .integration-featured-image-container {
border: none;
text-align: center;
}
/* line 261, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-list-child p {
color: #b0b0b0;
}
/* line 267, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .integration-logo {
max-width: 300px;
}
/* line 271, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration h2 {
margin-bottom: 20px;
}
/* line 279, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .row .row {
padding-left: 0;
padding-right: 0;
}
/* line 283, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .row .row:first-of-type {
padding-top: 10px;
}
/* line 291, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .section-intro .row .button:first-of-type:last-of-type {
margin-bottom: 0;
}
/* line 298, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .integration-contact {
padding-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 298, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .integration-contact {
padding-top: 20px;
padding-bottom: 40px;
}
}
/* line 308, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .interview .answer {
padding-top: 40px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
/* line 319, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .interview .answer .headshot {
width: 80px;
height: 80px;
float: left;
margin: -60px 0 0 -60px;
}
/* line 326, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .interview .answer p {
color: #8d8d8d;
}
/* line 332, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .menu-desktop ul li a {
font-size: 14px;
}
/* line 336, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul {
margin-bottom: 40px;
}
/* line 339, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul li {
margin-bottom: 10px;
line-height: 1.5;
}
/* line 346, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul ul li {
margin-bottom: 10px;
line-height: 1.5;
}
/* line 351, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul ul:first-child {
margin-top: 10px;
}
/* line 358, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media only screen and (min-width: 40.063em) {
/* line 358, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
@media only screen and (min-width: 64.063em) {
/* line 358, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
/* line 371, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid::before {
display: none;
}
/* line 375, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid a {
border-radius: 4px;
padding: 20px;
}
/* line 380, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid h3 {
padding: 0;
margin: 0;
font-size: 16px;
}
/* line 388, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-payment.jpg);
}
/* line 392, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .new-payment-info {
display: block !important;
}
/* line 396, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .old-payment-info {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 401, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro > .row {
padding-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 406, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro > .row.title-row + .row {
padding-top: 40px;
}
}
/* line 415, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info h5 {
font-weight: bold;
}
/* line 419, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .rev-range {
display: block;
padding: 2px 6px;
border-radius: 4px;
background-color: #f4f4f4;
font-size: 11px;
margin: 6px 0px;
letter-spacing: 1px;
font-weight: normal;
color: #727272;
}
/* line 431, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration-list {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
/* line 437, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration {
display: block;
margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 437, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration {
margin-bottom: 32px;
}
}
/* line 445, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a {
display: block;
font-weight: bold;
font-size: 18px;
border: 1px solid #e8e8e8;
background-color: #fff;
padding: 0 20px;
transition: background-color 0.2s ease-in-out;
}
@media only screen and (min-width: 64.063em) {
/* line 445, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a {
padding: 20px 30px;
}
}
/* line 458, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a:hover {
background-color: #f4f4f4;
}
/* line 462, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a img {
max-height: 64px;
max-width: 100%;
}
/* line 471, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard {
gap: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 471, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard {
gap: 64px;
}
}
/* line 479, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard {
background-color: #fff;
}
/* line 482, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro {
color: #333;
}
/* line 485, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro h3 {
color: #333;
}
/* line 489, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 494, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-options {
display: -ms-flexbox;
display: flex;
}
/* line 501, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: 100%;
border-radius: 16px;
padding: 16px;
box-shadow: 0 8px 19px rgba(0, 0, 0, 0.2);
background-color: #B6F0D6;
transition: background-color 0.3s ease;
}
/* line 512, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro {
background-color: transparent;
color: #333;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 16px;
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
margin-top: -16px;
margin-bottom: -16px;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
/* line 528, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro h3 {
margin: 0;
color: #333;
transition: color 0.3s ease;
}
/* line 534, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow svg {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: transform 0.3s ease;
}
/* line 539, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow svg {
display: block;
}
/* line 543, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro:hover {
background-color: #FFF;
}
@media only screen and (min-width: 64.063em) {
/* line 501, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard {
gap: 32px;
border-radius: 32px;
padding: 32px;
}
}
/* line 554, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-options {
display: none;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 554, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-options {
gap: 20px;
}
}
/* line 563, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-options p {
margin-bottom: 0;
}
/* line 568, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-sections {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
/* line 576, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-sections li {
display: -ms-flexbox;
display: flex;
gap: 4px;
background-color: #f3f3f3;
border-radius: 16px;
padding: 4px 16px 4px 16px;
font-size: 14px;
cursor: pointer;
}
/* line 593, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-sections li.section-active {
font-weight: bold;
background-color: #B6F0D6;
}
/* line 608, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option {
display: none;
}
/* line 611, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option[data-section="volume"] {
display: block;
}
/* line 615, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option h4 {
font-weight: 600;
}
/* line 619, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 619, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params {
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 631, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li {
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 4px;
-ms-flex-pack: center;
justify-content: center;
background-color: #f3f3f3;
border-radius: 16px;
padding: 20px;
font-size: 16px;
font-family: Poppins, brandon-grotesque;
font-weight: 500;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 645, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li:first-child {
max-width: 120px;
}
}
/* line 650, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li.active {
background-color: #B6F0D6;
}
/* line 659, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 659, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 659, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* line 676, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-radius: 16px;
background-color: rgba(0, 0, 0, 0.025);
box-shadow: 0 0px 0px transparent;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
/* line 687, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li a {
padding: 32px;
width: 100%;
text-align: center;
}
/* line 692, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li a img {
max-height: 64px;
max-width: 100%;
}
/* line 698, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li.active {
background-color: transparent;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* line 703, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
/* line 707, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li .footnote {
display: -ms-flexbox;
display: flex;
position: absolute;
top: 12px;
right: 16px;
font-size: 24px;
font-family: Poppins, brandon-grotesque;
font-weight: 500;
color: #e6e6e6;
}
/* line 722, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.fulfillment .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-fulfillment.jpg);
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* line 1, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 {
background-color: #0A0A0A;
color: white;
}
/* line 5, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 #galaxy {
background-color: transparent;
}
/* line 9, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .accent_color {
color: #ffd13f;
}
/* line 13, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .no-break {
white-space: nowrap;
}
/* line 17, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 h1,
.integrations-v2 h2,
.integrations-v2 h3,
.integrations-v2 h4 {
color: #ffffff;
font-weight: 500;
}
/* line 25, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 h1 {
font-size: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 h1 {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 h1 {
font-size: 3.5rem;
}
}
/* line 37, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 h2 {
font-size: 2rem;
}
/* line 41, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 h4 {
font-size: 1.75rem;
}
/* line 45, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .banner {
background-size: cover;
background-position: center center;
background-color: #0A0A0A;
border-bottom: 1px solid #333333;
}
/* line 53, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .banner.overlay::after {
width: 100%;
background: rgba(10, 10, 10, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(10, 10, 10, 0.85) 35%, rgba(10, 10, 10, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-primary-alt', endColorstr='$color-primary-alt',GradientType=1 );
/* IE6-9 */
}
/* line 75, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .banner.overlay .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.35;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 75, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .banner.overlay .banner_bg {
object-position: top left;
opacity: 0.95;
}
}
/* line 94, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
/* Grid */
/* Card */
/* Icon block */
/* Text */
}
/* line 99, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro p,
.integrations-v2 .section-intro p:last-of-type:first-of-type {
font-size: 1.25rem;
line-height: 1.8;
margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 94, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
}
/* line 112, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .button {
background-color: #57a3cf;
}
/* line 116, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .flex-row {
padding-right: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 116, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .flex-row {
padding-right: 80px;
padding-left: 80px;
}
}
/* line 126, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .flex-columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 126, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .flex-columns {
gap: 80px;
}
}
/* line 136, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .flex-columns > div {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
/* line 142, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-categories-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
/* you can tweak this for responsiveness later */
column-gap: 2rem;
row-gap: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 142, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-categories-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 1.75rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 142, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-categories-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* line 158, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-categories-grid p {
display: none;
}
/* line 164, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-category-card {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
background: transparent;
text-decoration: none;
color: inherit;
opacity: 0.45;
transition: opacity 0.18s ease, transform 0.18s ease;
}
/* line 180, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-category-card:hover {
-ms-transform: translateY(-2px);
transform: translateY(-2px);
opacity: 1;
}
/* line 189, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-category-icon {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: transparent;
}
/* line 200, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-intro .integration-category-card h3 {
margin: 0 0 0.3rem;
font-size: 0.95rem;
}
/* line 206, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations {
border-bottom: 1px solid #333333;
/* Grid */
/* Card */
/* Icon */
/* Heading row */
/* Pill badge */
/* Description */
}
/* line 211, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .featured-integrations-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
column-gap: 5rem;
row-gap: 4rem;
}
@media only screen and (min-width: 40.063em) {
/* line 211, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .featured-integrations-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 64.063em) {
/* line 211, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .featured-integrations-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* line 227, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-card {
color: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* line 233, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-icon {
margin-bottom: 1.25rem;
}
/* line 237, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-icon img {
display: block;
max-width: 56px;
height: auto;
}
/* line 244, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 251, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-name {
font-size: 1.1rem;
font-weight: 600;
}
/* line 257, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-badge {
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 269, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-description {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 28rem;
transition: color 0.3s ease;
}
/* line 278, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-featured-integrations .integration-card:hover .integration-description {
color: white;
}
/* line 283, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included {
/* Header */
/* Grid */
/* Card */
/* Icon circle */
/* Name */
/* Badges row */
/* Description */
}
/* line 299, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .built-in-tools-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
/* adjust later for responsiveness */
column-gap: 1.5rem;
row-gap: 1.5rem;
}
@media only screen and (min-width: 40.063em) {
/* line 299, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .built-in-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2.75rem;
row-gap: 2.5rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 299, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .built-in-tools-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 3.75rem;
row-gap: 3.5rem;
}
}
/* line 319, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-card {
color: #ffffff;
}
/* line 324, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-icon {
width: 48px;
height: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1rem;
}
/* line 334, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-name {
margin: 0 0 0.4rem;
font-size: 1rem;
font-weight: 600;
}
/* line 341, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-badges {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.45rem;
margin-bottom: 0.6rem;
}
/* line 348, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-badge {
font-size: 0.68rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 360, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-description {
margin: 0;
font-size: 0.9rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 260px;
transition: color 0.3s ease;
}
/* line 369, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integrations-included .tool-card:hover .tool-description {
color: white;
}
/* line 374, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories {
/* Header */
/* Grid */
/* Card */
/* Icon block */
/* Text */
}
/* line 381, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-categories-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
/* you can tweak this for responsiveness later */
column-gap: 2rem;
row-gap: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 381, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-categories-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 1.75rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 381, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-categories-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* line 399, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-category-card {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
padding: 1.25rem 1.5rem;
border-radius: 16px;
border: 1px solid #333333;
background: transparent;
text-decoration: none;
color: inherit;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
/* line 416, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-category-card:hover {
border-color: #545454;
background-color: rgba(84, 84, 84, 0.1);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
/* line 424, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-category-icon {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: transparent;
}
/* line 435, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-category-text h3 {
margin: 0 0 0.3rem;
font-size: 0.95rem;
}
/* line 440, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-category-text p {
margin: 0;
font-size: 0.86rem;
line-height: 1.6;
color: #b0b0b0;
transition: color 0.3s ease;
}
/* line 448, ../../_src/scss/components/_page_resources_integrations_v2.scss */
.integrations-v2 .section-integration-categories .integration-category-card:hover .integration-category-text p {
color: white;
}
/* line 1, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 {
background-color: #0A0A0A;
color: white;
}
/* line 5, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 #galaxy {
background-color: transparent;
}
/* line 9, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .accent_color {
color: #ffd13f;
}
/* line 13, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .no-break {
white-space: nowrap;
}
/* line 17, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 h1,
.integrations-cat-v2 h2,
.integrations-cat-v2 h3,
.integrations-cat-v2 h4 {
color: #ffffff;
font-weight: 500;
}
/* line 25, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 h1 {
font-size: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 h1 {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 h1 {
font-size: 3.5rem;
}
}
/* line 37, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 h2 {
font-size: 2rem;
}
/* line 41, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 h4 {
font-size: 1.75rem;
}
/* line 45, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner {
background-size: cover;
background-position: center center;
background-color: #0A0A0A;
border-bottom: 1px solid #333333;
padding-bottom: 0;
min-height: 0;
overflow: visible;
}
/* line 56, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay::after {
width: 100%;
background: rgba(10, 10, 10, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(10, 10, 10, 0.85) 35%, rgba(10, 10, 10, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-primary-alt', endColorstr='$color-primary-alt',GradientType=1 );
/* IE6-9 */
}
/* line 78, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.35;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 78, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner_bg {
object-position: top left;
opacity: 0.95;
}
}
/* line 96, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .integration-category a {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
/* line 102, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .integration-category a:hover, .integrations-cat-v2 .banner.overlay .integration-category a:focus {
border-color: #ffffff;
}
/* line 109, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
gap: 16px;
background-color: #0A0A0A;
border: 1px solid #333333;
padding: 16px;
border-radius: 8px;
margin-top: 32px;
margin-bottom: -40px;
}
/* line 121, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info .integration-title {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 128, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info .integration-title h1 {
font-size: 2.25rem;
margin-bottom: 0;
margin-top: 0;
color: white;
}
/* line 136, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info .integration-icon {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 48px;
height: 48px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
background-color: #333333;
}
/* line 146, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info .integration-icon img {
display: block;
max-width: 32px;
height: auto;
}
/* line 153, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info .integration-get-started {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: #0A0A0A;
color: white;
padding: 8px 16px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.3s ease;
}
/* line 163, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner.overlay .banner-integration-info .integration-get-started:hover, .integrations-cat-v2 .banner.overlay .banner-integration-info .integration-get-started:focus {
background-color: black;
}
/* line 171, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner .row {
padding-bottom: 0;
}
/* line 175, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .banner .uc-integration-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.75;
z-index: 0;
background-color: #227057;
}
/* line 187, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .catg-summary,
.integrations-cat-v2 .catg-summary p {
font-size: 1rem;
line-height: 1.6;
margin-top: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 187, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .catg-summary,
.integrations-cat-v2 .catg-summary p {
font-size: 1.75rem;
line-height: 1.8;
margin-top: 0;
}
}
/* line 199, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .catg-summary:last-child,
.integrations-cat-v2 .catg-summary p:last-child {
margin-bottom: 0;
}
/* line 204, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
}
/* line 209, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro p,
.integrations-cat-v2 .section-intro p:last-of-type:first-of-type {
font-size: 1.25rem;
line-height: 1.8;
margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 204, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
}
/* line 222, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro .button {
background-color: #57a3cf;
}
/* line 226, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro .flex-row {
padding-right: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 226, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro .flex-row {
padding-right: 80px;
padding-left: 80px;
}
}
/* line 236, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro .flex-columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 236, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro .flex-columns {
-ms-flex-direction: row;
flex-direction: row;
gap: 32px;
}
}
/* line 247, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-intro .flex-columns > div {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
/* line 253, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper {
margin-bottom: 40px;
border-radius: 16px;
}
/* line 257, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slider {
position: relative;
}
/* line 261, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slides {
position: relative;
width: 100%;
aspect-ratio: 2 / 1;
overflow: hidden;
border-radius: 8px;
border-radius: 16px;
}
/* line 270, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
/* line 280, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slide.active {
opacity: 1;
}
/* line 284, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 290, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slider-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
margin-top: 12px;
}
/* line 297, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background-color: #b0b0b0;
opacity: 0.7;
cursor: pointer;
padding: 0;
transition: opacity 0.3s ease;
}
/* line 309, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slider-dot:hover {
opacity: 0.9;
}
/* line 313, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-highlights-wrapper .integration-slider-dot.active {
opacity: 0.2;
}
/* line 318, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integrations-about {
margin-bottom: 40px;
}
/* line 321, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integrations-about p:last-child {
margin-bottom: 0;
}
/* line 328, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integrations-features ul li {
margin-bottom: 16px;
font-size: 1rem;
line-height: 1.6;
}
@media only screen and (min-width: 64.063em) {
/* line 335, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-links {
position: sticky;
top: 90px;
}
}
/* line 344, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-link-list h4 {
margin-bottom: 8px;
font-size: 1.25rem;
}
/* line 349, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-link-list ul {
list-style: none;
margin: 0;
padding: 0 0 16px 0;
}
/* line 355, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-link-list a {
display: inline-block;
margin-bottom: 16px;
font-size: 1rem;
color: #57a3cf;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
/* line 364, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .integration-link-list a:hover, .integrations-cat-v2 .integration-link-list a:focus {
border-color: #57a3cf;
}
/* line 371, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations {
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
/* Grid */
/* Card */
/* Icon */
/* Heading row */
/* Pill badge */
/* Description */
}
/* line 391, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .featured-integrations-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* Allows items to move to the next line */
gap: 4rem 5rem;
/* row-gap column-gap */
}
/* line 397, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .featured-integrations-grid > * {
/* Explanation of flex-basis calculation:
(100% / 3) handles the "max 3 across" logic.
We subtract the gap so they fit perfectly. */
-ms-flex: 1 1 calc(33.333% - 5rem);
flex: 1 1 calc(33.333% - 5rem);
/* Ensures they never get smaller than a reasonable size
and allows them to grow to fill the row */
min-width: 300px;
max-width: 100%;
}
/* line 410, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-card {
color: #ffffff;
}
/* line 415, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-icon {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 48px;
height: 48px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
background-color: #333333;
margin-bottom: 1.25rem;
}
/* line 426, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-icon img {
display: block;
max-width: 32px;
height: auto;
}
/* line 434, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 441, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-name {
font-size: 1.1rem;
font-weight: 600;
}
/* line 447, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-badge {
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 459, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-description,
.integrations-cat-v2 .section-uc-integrations .integration-description p {
margin: 0;
font-size: 1.125rem;
line-height: 1.6;
color: #b0b0b0;
transition: color 0.3s ease;
}
/* line 468, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-uc-integrations .integration-card:hover .integration-description {
color: white;
}
/* line 473, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations {
border-bottom: 1px solid #333333;
/* Grid */
/* Card */
/* Icon */
/* Heading row */
/* Pill badge */
/* Description */
}
/* line 478, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .featured-integrations-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
column-gap: 5rem;
row-gap: 4rem;
}
@media only screen and (min-width: 40.063em) {
/* line 478, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .featured-integrations-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 64.063em) {
/* line 478, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .featured-integrations-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* line 494, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-card {
color: #ffffff;
}
/* line 498, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-card-fulfillment {
display: -ms-flexbox;
display: flex;
gap: 8px;
}
/* line 504, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-icon {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 48px;
height: 48px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
background-color: #333333;
margin-bottom: 1.25rem;
}
/* line 515, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-icon img {
display: block;
max-width: 100%;
height: auto;
}
/* line 523, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 530, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-name {
font-size: 1.1rem;
font-weight: 600;
}
/* line 536, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-badge {
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 548, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-description,
.integrations-cat-v2 .section-integrations .integration-description p {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 28rem;
transition: color 0.3s ease;
}
/* line 558, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-card:hover .integration-description {
color: white;
}
/* line 563, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included {
/* Header */
/* Grid */
/* Card */
/* Icon circle */
/* Name */
/* Badges row */
/* Description */
}
/* line 579, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .built-in-tools-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
/* adjust later for responsiveness */
column-gap: 1.5rem;
row-gap: 1.5rem;
}
@media only screen and (min-width: 40.063em) {
/* line 579, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .built-in-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2.75rem;
row-gap: 2.5rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 579, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .built-in-tools-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 3.75rem;
row-gap: 3.5rem;
}
}
/* line 599, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-card {
color: #ffffff;
}
/* line 604, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-icon {
width: 48px;
height: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1rem;
}
/* line 614, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-name {
margin: 0 0 0.4rem;
font-size: 1rem;
font-weight: 600;
}
/* line 621, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-badges {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.45rem;
margin-bottom: 0.6rem;
}
/* line 628, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-badge {
font-size: 0.68rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 640, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-description {
margin: 0;
font-size: 0.9rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 260px;
transition: color 0.3s ease;
}
/* line 649, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations-included .tool-card:hover .tool-description {
color: white;
}
/* line 654, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations {
/* Grid */
/* Card */
/* Icon */
/* Heading row */
/* Pill badge */
/* Description */
}
/* line 656, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .featured-integrations-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
column-gap: 5rem;
row-gap: 4rem;
}
@media only screen and (min-width: 40.063em) {
/* line 656, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .featured-integrations-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 64.063em) {
/* line 656, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .featured-integrations-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* line 672, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-card {
color: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* line 678, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-icon {
margin-bottom: 1.25rem;
}
/* line 682, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-icon img {
display: block;
max-width: 32px;
height: auto;
}
/* line 689, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 696, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-name {
font-size: 1.1rem;
font-weight: 600;
}
/* line 702, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-badge {
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 714, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-description {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 28rem;
transition: color 0.3s ease;
}
/* line 723, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integrations .integration-card:hover .integration-description {
color: white;
}
/* line 728, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories {
/* Grid */
/* Card */
/* Icon block */
/* Text */
}
/* line 731, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-categories-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
/* you can tweak this for responsiveness later */
column-gap: 2rem;
row-gap: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 731, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-categories-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 1.75rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 731, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-categories-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* line 749, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-category-card {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
padding: 1.25rem 1.5rem;
border-radius: 16px;
border: 1px solid #333333;
background: transparent;
text-decoration: none;
color: inherit;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
/* line 766, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-category-card:hover {
border-color: #545454;
background-color: rgba(84, 84, 84, 0.1);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
/* line 774, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-category-icon {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: transparent;
}
/* line 785, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-category-text h3 {
margin: 0 0 0.3rem;
font-size: 0.95rem;
}
/* line 790, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-category-text p {
margin: 0;
font-size: 0.86rem;
line-height: 1.6;
color: #b0b0b0;
transition: color 0.3s ease;
}
/* line 798, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-integration-categories .integration-category-card:hover .integration-category-text p {
color: white;
}
/* line 803, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .section-payment-wizard {
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}
/* line 808, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 #payment-partner-selection {
padding-top: 0;
margin-top: -32px;
}
/* line 813, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard {
gap: 20px;
padding: 0 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 813, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard {
gap: 64px;
}
}
/* line 822, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard.wizard-active .ppsw-wizard {
background-color: #fff;
}
/* line 825, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro {
color: #333;
}
/* line 828, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro h3 {
color: #333;
}
/* line 832, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 837, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-options {
display: -ms-flexbox;
display: flex;
color: #333;
}
/* line 845, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: 100%;
border-radius: 8px;
padding: 16px;
background-color: #0A0A0A;
border: 1px solid #333333;
transition: background-color 0.3s ease;
}
/* line 856, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-intro {
background-color: transparent;
color: #333;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 16px;
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
margin-top: -16px;
margin-bottom: -16px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
/* line 872, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-intro h3 {
margin: 0;
color: #FFF;
transition: color 0.3s ease;
font-size: 1.25rem;
}
/* line 879, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow svg {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: transform 0.3s ease;
}
/* line 884, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow svg {
display: block;
}
/* line 888, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-intro:hover {
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 64.063em) {
/* line 845, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard {
gap: 32px;
border-radius: 8px;
padding: 32px;
}
}
/* line 899, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-options {
display: none;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 899, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-options {
gap: 20px;
}
}
/* line 908, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-wizard-options p {
margin-bottom: 0;
}
/* line 913, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-sections {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
/* line 921, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-sections li {
display: -ms-flexbox;
display: flex;
gap: 4px;
background-color: #f3f3f3;
border-radius: 16px;
padding: 4px 16px 4px 16px;
font-size: 14px;
cursor: pointer;
}
/* line 938, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-sections li.section-active {
font-weight: bold;
background-color: #B6F0D6;
}
/* line 953, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option {
display: none;
}
/* line 956, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option[data-section="volume"] {
display: block;
}
/* line 960, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option h4 {
font-weight: 600;
}
/* line 964, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 964, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params {
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 976, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li {
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 4px;
-ms-flex-pack: center;
justify-content: center;
background-color: #f3f3f3;
border-radius: 16px;
padding: 20px;
font-size: 16px;
font-family: Poppins, brandon-grotesque;
font-weight: 500;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 990, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li:first-child {
max-width: 120px;
}
}
/* line 995, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li.active {
background-color: #B6F0D6;
}
/* line 1004, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 1004, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 1004, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* line 1021, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results li {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-radius: 16px;
background: linear-gradient(360deg, #ffffff, #ffffff61);
box-shadow: 0 0px 0px transparent;
transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
/* line 1032, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results li a {
padding: 32px;
width: 100%;
text-align: center;
mix-blend-mode: multiply;
}
/* line 1038, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results li a img {
max-height: 64px;
max-width: 100%;
}
/* line 1044, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results li.active {
background: linear-gradient(360deg, #ffffff, #ffffff);
}
/* line 1048, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results li:hover {
background: linear-gradient(360deg, #ffffff, #ffffff);
}
/* line 1052, ../../_src/scss/components/_page_resources_integrations_cat_v2.scss */
.integrations-cat-v2 .ppsw-results li .footnote {
display: -ms-flexbox;
display: flex;
position: absolute;
top: 12px;
right: 16px;
font-size: 24px;
font-family: Poppins, brandon-grotesque;
font-weight: 500;
color: #333;
}
/* line 1, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 {
background-color: #0A0A0A;
color: white;
}
/* line 5, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 #galaxy {
background-color: transparent;
}
/* line 9, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .accent_color {
color: #ffd13f;
}
/* line 13, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .no-break {
white-space: nowrap;
}
/* line 17, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 h1,
.integration-2026 h2,
.integration-2026 h3,
.integration-2026 h4 {
color: #ffffff;
font-weight: 500;
}
/* line 25, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 h1 {
font-size: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 h1 {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 40.063em) {
/* line 25, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 h1 {
font-size: 3.5rem;
}
}
/* line 37, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 h2 {
font-size: 2rem;
}
/* line 41, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 h4 {
font-size: 1.75rem;
}
/* line 45, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner {
background-size: cover;
background-position: center center;
background-color: #0A0A0A;
border-bottom: 1px solid #333333;
padding-bottom: 0;
min-height: 0;
overflow: visible;
}
/* line 56, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay::after {
width: 100%;
background: rgba(10, 10, 10, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(10, 10, 10, 0.85) 35%, rgba(10, 10, 10, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-primary-alt', endColorstr='$color-primary-alt',GradientType=1 );
/* IE6-9 */
}
/* line 78, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.35;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 78, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner_bg {
object-position: top left;
opacity: 0.95;
}
}
/* line 96, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .integration-category a {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
/* line 102, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .integration-category a:hover, .integration-2026 .banner.overlay .integration-category a:focus {
border-color: #ffffff;
}
/* line 109, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
gap: 16px;
background-color: white;
padding: 16px;
border-radius: 8px;
margin-top: 32px;
margin-bottom: -40px;
}
@media only screen and (min-width: 64.063em) {
/* line 109, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
}
/* line 125, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-title {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 132, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-title h1 {
font-size: 1.75rem;
margin-bottom: 0;
margin-top: 0;
color: #0A0A0A;
}
@media only screen and (min-width: 64.063em) {
/* line 132, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-title h1 {
font-size: 2.25rem;
}
}
/* line 143, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-title img {
max-height: 40px;
}
/* line 148, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-icon {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 48px;
height: 48px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
background-color: #333333;
}
/* line 158, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-icon img {
display: block;
max-width: 100%;
height: auto;
}
/* line 165, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-get-started {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: #0A0A0A;
color: white;
padding: 8px 16px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.3s ease;
}
/* line 175, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner.overlay .banner-integration-info .integration-get-started:hover, .integration-2026 .banner.overlay .banner-integration-info .integration-get-started:focus {
background-color: black;
}
/* line 183, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner .row {
padding-bottom: 0;
}
/* line 187, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .banner .uc-integration-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.75;
z-index: 0;
}
/* line 201, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-summary .integration-summary-content,
.integration-2026 .integration-summary .integration-summary-content p {
font-size: 1rem;
line-height: 1.6;
margin-top: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 201, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-summary .integration-summary-content,
.integration-2026 .integration-summary .integration-summary-content p {
font-size: 1.75rem;
line-height: 1.8;
margin-top: 0;
}
}
/* line 215, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
}
/* line 220, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro p,
.integration-2026 .section-intro p:last-of-type:first-of-type {
font-size: 1.25rem;
line-height: 1.8;
margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 215, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
}
/* line 233, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro .button {
background-color: #57a3cf;
}
/* line 237, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro .flex-row {
padding-right: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 237, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro .flex-row {
padding-right: 80px;
padding-left: 80px;
}
}
/* line 247, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro .flex-columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 247, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro .flex-columns {
-ms-flex-direction: row;
flex-direction: row;
gap: 32px;
}
}
/* line 258, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-intro .flex-columns > div {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
/* line 264, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper {
margin-bottom: 40px;
border-radius: 16px;
}
/* line 268, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slider {
position: relative;
}
/* line 272, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slides {
position: relative;
width: 100%;
aspect-ratio: 2 / 1;
overflow: hidden;
border-radius: 8px;
border-radius: 16px;
}
/* line 281, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
/* line 291, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slide.active {
opacity: 1;
}
/* line 295, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 301, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slider-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
margin-top: 12px;
}
/* line 308, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background-color: #b0b0b0;
opacity: 0.7;
cursor: pointer;
padding: 0;
transition: opacity 0.3s ease;
}
/* line 320, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slider-dot:hover {
opacity: 0.9;
}
/* line 324, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-highlights-wrapper .integration-slider-dot.active {
opacity: 0.2;
}
/* line 329, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integrations-about {
margin-bottom: 40px;
}
/* line 332, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integrations-about p:last-child {
margin-bottom: 0;
}
/* line 339, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integrations-features ul li {
margin-bottom: 16px;
font-size: 1rem;
line-height: 1.6;
}
@media only screen and (min-width: 64.063em) {
/* line 346, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-links {
position: sticky;
top: 90px;
}
}
/* line 355, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-link-list h4 {
margin-bottom: 8px;
font-size: 1.25rem;
}
/* line 360, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-link-list ul {
list-style: none;
margin: 0;
padding: 0 0 16px 0;
}
/* line 366, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-link-list a {
display: inline-block;
margin-bottom: 16px;
font-size: 1rem;
color: #57a3cf;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
/* line 375, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .integration-link-list a:hover, .integration-2026 .integration-link-list a:focus {
border-color: #57a3cf;
}
/* line 382, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations {
border-bottom: 1px solid #333333;
/* Grid */
/* Card */
/* Icon */
/* Heading row */
/* Pill badge */
/* Description */
}
/* line 387, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .featured-integrations-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
column-gap: 5rem;
row-gap: 4rem;
}
@media only screen and (min-width: 40.063em) {
/* line 387, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .featured-integrations-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 64.063em) {
/* line 387, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .featured-integrations-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* line 403, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-card {
color: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* line 409, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-icon {
margin-bottom: 1.25rem;
}
/* line 413, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-icon img {
display: block;
max-width: 56px;
height: auto;
}
/* line 420, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 427, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-name {
font-size: 1.1rem;
font-weight: 600;
}
/* line 433, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-badge {
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 445, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-description {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 28rem;
transition: color 0.3s ease;
}
/* line 454, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-featured-integrations .integration-card:hover .integration-description {
color: white;
}
/* line 459, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included {
/* Header */
/* Grid */
/* Card */
/* Icon circle */
/* Name */
/* Badges row */
/* Description */
}
/* line 475, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .built-in-tools-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
/* adjust later for responsiveness */
column-gap: 1.5rem;
row-gap: 1.5rem;
}
@media only screen and (min-width: 40.063em) {
/* line 475, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .built-in-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2.75rem;
row-gap: 2.5rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 475, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .built-in-tools-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 3.75rem;
row-gap: 3.5rem;
}
}
/* line 495, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-card {
color: #ffffff;
}
/* line 500, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-icon {
width: 48px;
height: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1rem;
}
/* line 510, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-name {
margin: 0 0 0.4rem;
font-size: 1rem;
font-weight: 600;
}
/* line 517, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-badges {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.45rem;
margin-bottom: 0.6rem;
}
/* line 524, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-badge {
font-size: 0.68rem;
letter-spacing: 0.06em;
padding: 0.2rem 0.7rem;
border-radius: 999px;
background-color: #333333;
color: #b0b0b0;
white-space: nowrap;
}
/* line 536, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-description {
margin: 0;
font-size: 0.9rem;
line-height: 1.6;
color: #b0b0b0;
max-width: 260px;
transition: color 0.3s ease;
}
/* line 545, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integrations-included .tool-card:hover .tool-description {
color: white;
}
/* line 550, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories {
/* Header */
/* Grid */
/* Card */
/* Icon block */
/* Text */
}
/* line 557, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-categories-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
/* you can tweak this for responsiveness later */
column-gap: 2rem;
row-gap: 1.75rem;
}
@media only screen and (min-width: 40.063em) {
/* line 557, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-categories-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2rem;
row-gap: 1.75rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 557, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-categories-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* line 575, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-category-card {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
padding: 1.25rem 1.5rem;
border-radius: 16px;
border: 1px solid #333333;
background: transparent;
text-decoration: none;
color: inherit;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
/* line 592, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-category-card:hover {
border-color: #545454;
background-color: rgba(84, 84, 84, 0.1);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
/* line 600, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-category-icon {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: transparent;
}
/* line 611, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-category-text h3 {
margin: 0 0 0.3rem;
font-size: 0.95rem;
}
/* line 616, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-category-text p {
margin: 0;
font-size: 0.86rem;
line-height: 1.6;
color: #b0b0b0;
transition: color 0.3s ease;
}
/* line 624, ../../_src/scss/components/_page_resources_integration_2026.scss */
.integration-2026 .section-integration-categories .integration-category-card:hover .integration-category-text p {
color: white;
}
/* line 3, ../../_src/scss/components/_page_resources_docs.scss */
.resources.docs .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-docs.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #51b35a;
}
@media only screen and (min-width: 90.063em) {
/* line 11, ../../_src/scss/components/_page_resources_docs.scss */
.resources.docs .section-intro {
margin-bottom: 120px;
}
}
/* line 19, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-content a {
color: #51b35a;
}
/* line 22, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-content abutton, .resources .menu-content a.button {
color: #ffffff;
}
/* line 29, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-content h2 {
color: #8d8d8d;
}
/* line 35, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-lvl-3 .active-indicator {
background: #51b35a;
}
/* line 40, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category {
border-top: 1px solid #e8e8e8;
padding-top: 40px;
clear: both;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 40, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category {
margin-top: 20px;
}
/* line 49, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category::before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 1px;
left: -40px;
top: -1px;
background: #e8e8e8;
}
}
@media only screen and (min-width: 64.063em) {
/* line 40, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category {
margin-top: 40px;
}
/* line 64, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category::before {
width: 80px;
left: -80px;
}
}
/* line 71, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category:first-of-type {
border-top: none;
padding-top: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 71, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category:first-of-type {
margin-top: 0;
}
/* line 78, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category:first-of-type::before {
background: transparent;
}
}
/* line 86, ../../_src/scss/components/_page_resources_docs.scss */
.resources ul.wp-list a {
color: #333333;
}
/* line 91, ../../_src/scss/components/_page_resources_docs.scss */
.resources ul.wp-subpage-list {
list-style: none;
padding: 0;
margin: 0;
}
/* line 97, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-subpage {
margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 97, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-subpage {
margin-bottom: 20px;
}
}
/* line 108, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-subpage p {
color: #8d8d8d;
}
/* line 3, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.4);
}
@media only screen and (min-width: 64.063em) {
/* line 10, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.4) 25%, rgba(52, 52, 64, 0) 100%);
}
}
/* line 21, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 21, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner .row .columns::before {
display: block;
}
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
/* line 50, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-intro::before {
content: '';
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: -190px;
background-image: url(../../themes/UltraCart/theme/assets/imgs/api-intro-graphic-globe.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
}
/* line 64, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-intro .button {
background-color: #57a3cf;
}
/* line 68, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #343440;
color: #ffffff;
}
/* line 75, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth h2, .resources.api .section-auth h3, .resources.api .section-auth h4, .resources.api .section-auth p {
color: #ffffff;
}
/* line 78, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth h2 a, .resources.api .section-auth h3 a, .resources.api .section-auth h4 a, .resources.api .section-auth p a {
color: #ffffff;
text-decoration: underline;
}
/* line 84, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth .button {
background-color: transparent;
border: 1px solid #ffffff;
}
/* line 88, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth .button:hover {
background-color: #ffffff;
color: #343440;
}
/* line 96, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-webhooks p:last-of-type {
margin-bottom: 40px;
}
/* line 100, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-webhooks .logo-webhook {
display: inline-block;
max-width: 150px;
margin-bottom: 20px;
fill: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 100, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-webhooks .logo-webhook {
max-width: none;
}
}
/* line 112, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes-dark.png);
background-size: auto;
background-repeat: repeat;
background-color: #e8e8e8;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* line 120, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github .github-logo {
display: inline-block;
width: 100px;
}
/* line 128, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github .button {
width: 100%;
}
/* line 131, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github .button.outline {
border: 1px solid #333333;
color: #333333;
}
/* line 2, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 {
background-color: #0A0A0A;
color: white;
}
/* line 6, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h1,
.resources.api_2025 h2,
.resources.api_2025 h3,
.resources.api_2025 h4 {
color: #ffffff;
font-weight: 200;
}
/* line 14, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h1 {
font-size: 3rem;
}
/* line 18, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h2 {
font-size: 1.75rem;
}
/* line 22, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h4 {
font-size: 1.5rem;
}
/* line 26, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 #system {
background-color: #0A0A0A;
color: #ffffff;
}
/* line 31, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner {
background-size: auto;
background-repeat: repeat;
background-color: #0A0A0A;
border-bottom: 1px solid #222222;
}
/* line 37, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner canvas#dots {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none;
mix-blend-mode: screen;
opacity: 0.5;
}
/* line 49, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner #ui,
.resources.api_2025 .banner #info,
.resources.api_2025 .banner #testOutput {
display: none;
}
/* line 63, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner.overlay::after {
width: 100%;
background: rgba(10, 10, 10, 0.4);
}
@media only screen and (min-width: 64.063em) {
/* line 63, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner.overlay::after {
background: linear-gradient(to left, rgba(122, 71, 10, 0.4) 25%, rgba(122, 71, 10, 0) 100%);
}
}
/* line 72, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner.overlay::before {
content: "";
display: block;
position: absolute;
width: 100%;
top: 0;
left: 50%;
bottom: 0;
z-index: 2;
mix-blend-mode: overlay;
pointer-events: none;
}
@media only screen and (min-width: 64.063em) {
/* line 72, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner.overlay::before {
background: linear-gradient(to bottom right, #FFF 0%, transparent 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, transparent 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, transparent 50%) top left/50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, transparent 50%) top right/50% 50% no-repeat;
}
}
/* line 94, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 94, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .row .columns::before {
display: block;
}
}
/* line 114, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .api-code {
position: absolute;
top: 120px;
right: 0;
width: 40%;
height: 100%;
pointer-events: none;
opacity: 0.5;
z-index: 1;
mix-blend-mode: screen;
}
/* line 125, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .api-code code {
border: none;
background-color: transparent;
line-height: 1.8;
}
/* line 133, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
}
/* line 138, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro p {
font-size: 1.25rem;
line-height: 1.8;
}
@media only screen and (min-width: 64.063em) {
/* line 133, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
/* line 149, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro::before {
content: '';
width: 40%;
height: 100%;
position: absolute;
right: 60px;
top: -120px;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ultracart-api-checkout-graphic-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 32px;
}
}
/* line 165, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro .button {
background-color: #57a3cf;
}
/* line 170, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk {
backdrop-filter: blur(1.5px);
background-color: transparent;
color: #ffffff;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}
/* line 178, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk h2 {
margin-bottom: 20px;
}
/* line 182, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk p {
margin-bottom: 10px;
}
/* line 186, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .button {
background-color: #57a3cf;
margin-top: 40px;
}
/* line 191, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
margin-top: 40px;
}
/* line 197, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list .api-language {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 20px;
border: 1px solid #333333;
padding: 20px;
border-radius: 16px;
background-color: rgba(10, 10, 10, 0.5);
cursor: pointer;
transition: background-color 0.3s;
}
/* line 208, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list .api-language span {
color: white;
}
/* line 212, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list .api-language:hover {
background-color: #61b6e6;
}
/* line 218, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
/* line 224, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list .quickstart-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 20px;
border: 1px solid #333333;
padding: 20px;
border-radius: 16px;
background-color: rgba(10, 10, 10, 0.5);
cursor: pointer;
transition: background-color 0.3s;
}
/* line 235, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list .quickstart-item span {
color: white;
}
/* line 239, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list .quickstart-item:hover {
background-color: #61b6e6;
}
/* line 245, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
/* line 251, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
border: 1px solid #333333;
padding: 20px;
border-radius: 16px;
background-color: rgba(10, 10, 10, 0.5);
}
/* line 260, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item h3 {
margin-bottom: 0;
font-size: 1.25em;
font-weight: 400;
}
/* line 266, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item .api-event-list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
/* line 274, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item .api-event-list li {
font-family: monospace;
background-color: #333333;
padding: 10px 20px;
border-radius: 8px;
color: #ffffff;
font-size: 0.75rem;
margin: 0;
}
/* line 288, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights {
padding-bottom: 80px;
}
/* line 291, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .row {
padding-top: 120px;
}
/* line 294, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .row:first-child {
padding-top: 240px;
}
/* line 299, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 304, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 304, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 337, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h3 {
font-size: 1.5rem;
margin-bottom: 16px;
}
/* line 341, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 341, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
}
/* line 350, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights ul {
margin-bottom: 32px;
}
/* line 354, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #DAA43A;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 361, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a:not(:last-child) {
margin-bottom: 16px;
}
/* line 365, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a span {
font-weight: 600;
}
/* line 369, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a:hover {
color: #B86B10;
gap: 12px;
}
/* line 374, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a svg path {
stroke: #DAA43A;
}
/* line 379, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .accent_color {
color: #DAA43A;
}
/* line 383, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 383, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 383, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 397, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 402, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 402, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 420px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 402, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 540px;
}
}
/* line 417, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 422, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 427, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 10%;
width: calc(100% + 16px);
left: -8px;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 427, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
top: 240px;
}
}
/* line 443, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 455, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 455, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 465, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 470, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 479, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper svg text {
font-family: monospace, sans-serif;
}
/* line 485, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #343440;
color: #ffffff;
}
/* line 492, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth h2, .resources.api_2025 .section-auth h3, .resources.api_2025 .section-auth h4, .resources.api_2025 .section-auth p {
color: #ffffff;
}
/* line 495, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth h2 a, .resources.api_2025 .section-auth h3 a, .resources.api_2025 .section-auth h4 a, .resources.api_2025 .section-auth p a {
color: #ffffff;
text-decoration: underline;
}
/* line 501, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth .button {
background-color: transparent;
border: 1px solid #ffffff;
}
/* line 505, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth .button:hover {
background-color: #ffffff;
color: #343440;
}
/* line 513, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-webhooks p:last-of-type {
margin-bottom: 40px;
}
/* line 517, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-webhooks .logo-webhook {
display: inline-block;
max-width: 150px;
margin-bottom: 20px;
fill: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 517, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-webhooks .logo-webhook {
max-width: none;
}
}
/* line 529, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes-dark.png);
background-size: auto;
background-repeat: repeat;
background-color: #e8e8e8;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* line 537, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github .github-logo {
display: inline-block;
width: 100px;
}
/* line 542, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github .button {
width: 100%;
}
/* line 545, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github .button.outline {
border: 1px solid #333333;
color: #333333;
}
/* line 6, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner {
background-size: cover;
background-position: center center;
background-color: #343440;
min-height: 480px;
}
/* line 13, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner.overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(8, 22, 48, 0.85) 0%, rgba(8, 22, 48, 0.55) 55%, rgba(8, 22, 48, 0.25) 100%);
}
/* line 24, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content {
position: relative;
z-index: 2;
padding: 160px 0;
}
/* line 29, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content h1 {
color: #ffffff;
margin-bottom: 40px;
}
/* line 34, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content p {
color: rgba(255, 255, 255, 0.9);
font-size: 18px;
line-height: 1.5;
margin-bottom: 60px;
}
/* line 41, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content .accent_color {
color: #2f9b73;
}
/* line 45, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content .banner-cta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
/* line 50, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content .banner-cta .btn-primary,
.pci .banner .content .banner-cta .btn-secondary {
display: inline-block;
}
/* line 55, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content .banner-cta .btn-secondary {
background: transparent;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.6);
margin-top: 20px;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
padding-top: 0.6rem;
padding-right: 1.4rem;
padding-bottom: 0.6625rem;
padding-left: 1.4rem;
border-radius: 32px;
text-decoration: none;
transition: background 150ms ease;
}
/* line 71, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner .content .banner-cta .btn-secondary:hover {
background: rgba(255, 255, 255, 0.1);
}
/* line 82, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-header {
margin-bottom: 80px;
}
/* line 85, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-header h2 {
margin-bottom: 20px;
}
/* line 89, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-header .section-subhead {
max-width: 780px;
margin: 0 auto;
font-size: 17px;
line-height: 1.5;
}
/* line 97, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-header .accent_color {
color: #2f9b73;
}
/* line 105, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row {
padding: 60px 0;
}
/* line 108, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row .trust-row {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 108, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row .trust-row {
-ms-flex-pack: center;
justify-content: center;
gap: 80px;
}
}
/* line 122, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row .trust-row li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 122, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row .trust-row li {
text-align: center;
width: auto;
min-width: 160px;
}
}
/* line 134, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row .trust-row li strong {
font-size: 15px;
color: #343440;
font-weight: 600;
}
/* line 140, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row .trust-row li span {
font-size: 13px;
color: #828282;
margin-top: 2px;
}
@media only screen and (max-width: 40em) {
/* line 105, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-trust-row {
padding: 50px 0 100px;
}
}
/* line 156, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 60px;
}
@media only screen and (min-width: 40.063em) {
/* line 156, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 165, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards .scenario-card {
background: #ffffff;
padding: 60px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
border: 1px solid rgba(238, 238, 238, 0.15);
}
/* line 172, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards .scenario-card .scenario-icon {
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(47, 155, 115, 0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
/* line 182, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards .scenario-card .scenario-icon svg path {
stroke: #2f9b73;
}
/* line 187, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards .scenario-card h3 {
font-size: 20px;
margin: 0 0 20px 0;
color: #343440;
}
/* line 193, ../../_src/scss/components/_page_resources_pci.scss */
.pci .scenario-cards .scenario-card p {
font-size: 15px;
line-height: 1.5;
color: #828282;
margin: 0;
}
/* line 207, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 80px;
margin-bottom: 80px;
}
@media only screen and (min-width: 40.063em) {
/* line 207, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper {
grid-template-columns: 1fr 1fr;
}
}
/* line 218, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy h3 {
color: #343440;
margin-bottom: 20px;
}
/* line 223, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy p {
color: #828282;
font-size: 16px;
line-height: 1.55;
}
/* line 229, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy .check-list {
list-style: none;
margin: 30px 0;
padding: 0;
}
/* line 234, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy .check-list li {
position: relative;
padding-left: 28px;
margin-bottom: 20px;
color: #828282;
font-size: 15px;
line-height: 1.5;
}
/* line 242, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy .check-list li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
background: #2f9b73;
border-radius: 50%;
background-image: url(data:image/svg+xml;utf8,);
background-repeat: no-repeat;
background-position: center;
}
/* line 258, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy .btn-text {
display: inline-block;
margin-top: 20px;
color: #2f9b73;
font-weight: 600;
text-decoration: none;
font-size: 15px;
}
/* line 266, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-highlights .highlight-wrapper .feature-copy .btn-text:hover {
text-decoration: underline;
}
/* line 277, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
border: 1px solid rgba(238, 238, 238, 0.2);
}
/* line 283, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-row {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid rgba(238, 238, 238, 0.15);
}
/* line 289, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-row:last-child {
border-bottom: none;
}
/* line 294, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-header {
background: #343440;
}
/* line 297, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-header .responsibility-cell {
color: #ffffff;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-align: center;
}
/* line 305, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-header .responsibility-cell:first-child {
text-align: left;
}
/* line 311, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell {
padding: 30px 40px;
font-size: 15px;
color: #828282;
}
/* line 316, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell.ours, .pci .responsibility-table .responsibility-cell.theirs, .pci .responsibility-table .responsibility-cell.shared {
text-align: center;
}
/* line 321, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell.ours .dot, .pci .responsibility-table .responsibility-cell.theirs .dot, .pci .responsibility-table .responsibility-cell.shared .dot {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #2f9b73;
}
/* line 330, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell.ours .dot::after, .pci .responsibility-table .responsibility-cell.theirs .dot::after, .pci .responsibility-table .responsibility-cell.shared .dot::after {
content: "";
display: block;
width: 14px;
height: 14px;
background-image: url(data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E);
background-repeat: no-repeat;
background-position: center;
}
/* line 342, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell.theirs .dot, .pci .responsibility-table .responsibility-cell.shared .dot {
background: #595F96;
}
@media only screen and (max-width: 40em) {
/* line 277, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table {
border-radius: 6px;
}
/* line 352, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-row {
display: block;
padding: 30px 30px;
}
/* line 357, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell {
padding: 0;
font-size: 14px;
}
/* line 362, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell:first-child {
font-weight: 600;
color: #343440;
margin-bottom: 6px;
}
/* line 369, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell.ours, .pci .responsibility-table .responsibility-cell.theirs, .pci .responsibility-table .responsibility-cell.shared {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
margin-right: 30px;
text-align: left;
}
/* line 378, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell.ours::after, .pci .responsibility-table .responsibility-cell.theirs::after, .pci .responsibility-table .responsibility-cell.shared::after {
content: attr(data-label);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
color: #828282;
}
/* line 389, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-cell:not(:first-child):not(.ours):not(.theirs):not(.shared) {
display: none;
}
/* line 394, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-table .responsibility-header {
display: none;
}
}
/* line 400, ../../_src/scss/components/_page_resources_pci.scss */
.pci .responsibility-footnote,
.pci .requirements-footnote,
.pci .levels-footnote {
margin-top: 40px;
font-size: 14px;
color: #828282;
font-style: italic;
}
/* line 417, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation > a,
.pci .section-security-features .accordion dd > a {
background: #ffffff;
color: #343440;
margin-bottom: 20px;
padding: 40px;
position: relative;
font-weight: 600;
display: block;
border-radius: 4px;
border: 1px solid rgba(238, 238, 238, 0.2);
padding-left: 120px;
}
/* line 429, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation > a::before,
.pci .section-security-features .accordion dd > a::before {
content: "+";
position: absolute;
left: 40px;
top: 50%;
-ms-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
display: inline-block;
font-size: 18px;
font-weight: 400;
color: #2f9b73;
background: rgba(47, 155, 115, 0.15);
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
text-align: center;
transition: transform 200ms ease-in-out;
}
/* line 450, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation.active a,
.pci .section-security-features .accordion dd.active a {
margin-bottom: 0;
}
/* line 453, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation.active a::before,
.pci .section-security-features .accordion dd.active a::before {
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
/* line 459, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation .content,
.pci .section-security-features .accordion dd .content {
background: #ffffff;
padding: 40px;
margin-bottom: 20px;
border-left: 3px solid #2f9b73;
}
/* line 465, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation .content p,
.pci .section-security-features .accordion dd .content p {
color: #828282;
margin: 0;
font-size: 15px;
line-height: 1.55;
}
/* line 474, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation:last-of-type a,
.pci .section-security-features .accordion .accordion-navigation:last-of-type .content,
.pci .section-security-features .accordion dd:last-of-type a,
.pci .section-security-features .accordion dd:last-of-type .content {
margin-bottom: 0;
}
/* line 485, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
border: 1px solid rgba(238, 238, 238, 0.2);
}
/* line 491, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-row {
display: grid;
grid-template-columns: 1fr 1.5fr 2.5fr;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid rgba(238, 238, 238, 0.15);
}
/* line 497, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-row:last-child {
border-bottom: none;
}
/* line 502, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-header {
background: #343440;
}
/* line 505, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-header .levels-cell {
color: #ffffff;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* line 514, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-cell {
padding: 30px 40px;
font-size: 15px;
color: #828282;
}
/* line 519, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-cell strong {
color: #343440;
}
@media only screen and (max-width: 40em) {
/* line 525, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-row {
grid-template-columns: 1fr;
padding: 30px;
}
/* line 529, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-row .levels-cell {
padding: 10px 0;
}
/* line 532, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-row .levels-cell::before {
content: attr(data-label) ": ";
font-weight: 600;
color: #343440;
}
/* line 540, ../../_src/scss/components/_page_resources_pci.scss */
.pci .levels-table .levels-header {
display: none;
}
}
/* line 549, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary {
background: #ffffff;
}
/* line 552, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .verify-links {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
max-width: 820px;
margin: 0 auto;
}
@media only screen and (min-width: 40.063em) {
/* line 552, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .verify-links {
grid-template-columns: 1fr 1fr;
}
}
/* line 564, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .verify-link {
display: block;
padding: 50px;
background: #FCFCFC;
border: 1px solid rgba(238, 238, 238, 0.2);
border-radius: 8px;
text-decoration: none;
transition: border-color 150ms ease, transform 150ms ease;
}
/* line 573, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .verify-link:hover {
border-color: #2f9b73;
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
/* line 578, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .verify-link strong {
display: block;
color: #343440;
font-size: 16px;
margin-bottom: 4px;
}
/* line 585, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .verify-link span {
display: block;
color: #828282;
font-size: 14px;
}
/* line 596, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq {
background: #FCFCFC;
}
/* line 599, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .faq-accordion {
max-width: 900px;
margin: 0 auto;
}
/* line 606, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .accordion .accordion-navigation > a,
.pci .section-faq .accordion dd > a {
background: #ffffff;
color: #343440;
margin-bottom: 20px;
padding: 30px 40px;
padding-left: 120px;
position: relative;
font-weight: 600;
font-size: 16px;
display: block;
border-radius: 4px;
border: 1px solid rgba(238, 238, 238, 0.2);
}
/* line 619, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .accordion .accordion-navigation > a::before,
.pci .section-faq .accordion dd > a::before {
content: "+";
position: absolute;
left: 30px;
top: 50%;
-ms-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
display: inline-block;
font-size: 16px;
color: #2f9b73;
background: rgba(47, 155, 115, 0.15);
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
text-align: center;
transition: transform 200ms ease-in-out;
}
/* line 638, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .accordion .accordion-navigation.active a::before,
.pci .section-faq .accordion dd.active a::before {
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
/* line 642, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .accordion .accordion-navigation .content,
.pci .section-faq .accordion dd .content {
background: #ffffff;
padding: 40px;
margin-bottom: 20px;
border-left: 3px solid #2f9b73;
}
/* line 648, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .accordion .accordion-navigation .content p,
.pci .section-faq .accordion dd .content p {
color: #828282;
margin: 0;
font-size: 15px;
line-height: 1.55;
}
/* line 655, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-faq .accordion .accordion-navigation .content a,
.pci .section-faq .accordion dd .content a {
color: #2f9b73;
}
/* line 3, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-screenrecording-banner-1.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
/* line 11, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
}
}
/* line 26, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 26, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner .row .columns::before {
display: block;
}
}
/* line 47, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-intro .button {
background-color: #57a3cf;
}
/* line 52, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper,
.resources.recording .heatmap-list-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (min-width: 64.063em) {
/* line 52, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper,
.resources.recording .heatmap-list-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
}
/* line 61, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list,
.resources.recording .filter-list-wrapper .heatmap-list,
.resources.recording .heatmap-list-wrapper .filter-list,
.resources.recording .heatmap-list-wrapper .heatmap-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 8px;
margin-left: -12px;
margin-right: -12px;
width: calc(100% + 24px);
}
@media only screen and (min-width: 64.063em) {
/* line 61, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list,
.resources.recording .filter-list-wrapper .heatmap-list,
.resources.recording .heatmap-list-wrapper .filter-list,
.resources.recording .heatmap-list-wrapper .heatmap-list {
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 74, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul,
.resources.recording .filter-list-wrapper .heatmap-list ul,
.resources.recording .heatmap-list-wrapper .filter-list ul,
.resources.recording .heatmap-list-wrapper .heatmap-list ul {
list-style: none;
width: 100%;
height: auto;
padding: 0 12px;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 74, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul,
.resources.recording .filter-list-wrapper .heatmap-list ul,
.resources.recording .heatmap-list-wrapper .filter-list ul,
.resources.recording .heatmap-list-wrapper .heatmap-list ul {
height: 100%;
}
}
/* line 85, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul li,
.resources.recording .filter-list-wrapper .heatmap-list ul li,
.resources.recording .heatmap-list-wrapper .filter-list ul li,
.resources.recording .heatmap-list-wrapper .heatmap-list ul li {
padding: 0;
margin: 0;
font-size: 14px;
margin-bottom: 4px;
}
/* line 92, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul ul,
.resources.recording .filter-list-wrapper .heatmap-list ul ul,
.resources.recording .heatmap-list-wrapper .filter-list ul ul,
.resources.recording .heatmap-list-wrapper .heatmap-list ul ul {
margin-top: 6px;
padding: 0;
}
/* line 96, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul ul li,
.resources.recording .filter-list-wrapper .heatmap-list ul ul li,
.resources.recording .heatmap-list-wrapper .filter-list ul ul li,
.resources.recording .heatmap-list-wrapper .heatmap-list ul ul li {
font-size: 12px;
}
/* line 104, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .heatmap-list ul li,
.resources.recording .heatmap-list-wrapper .heatmap-list ul li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 16px;
}
/* line 110, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .heatmap-list ul li .icon,
.resources.recording .heatmap-list-wrapper .heatmap-list ul li .icon {
width: 32px;
height: 32px;
margin-right: 24px;
padding-top: 4px;
}
/* line 120, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics {
background-color: #343440;
color: #f9f9f9;
position: relative;
}
/* line 125, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics .row {
position: relative;
z-index: 2;
pointer-events: none;
}
/* line 131, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics #data-background-canvas {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics h2,
.resources.recording .section-data-analytics h3,
.resources.recording .section-data-analytics p {
color: #f9f9f9;
}
/* line 147, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 152, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics ul li {
padding: 0;
margin: 0;
}
/* line 2, ../../_src/scss/components/_page_resources_success.scss */
.success .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-success-1.jpg);
background-size: cover;
background-position: center right;
background-color: #222222;
}
/* line 9, ../../_src/scss/components/_page_resources_success.scss */
.success .banner.overlay::after {
width: 100%;
background: rgba(34, 34, 34, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
/* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_resources_success.scss */
.success .banner p {
font-size: 14px;
}
/* line 24, ../../_src/scss/components/_page_resources_success.scss */
.success .banner p.quote {
font-size: 18px;
line-height: 36px;
font-weight: 100;
margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 24, ../../_src/scss/components/_page_resources_success.scss */
.success .banner p.quote {
font-size: 24px;
line-height: 48px;
}
}
/* line 45, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail {
border-bottom: 1px solid #e8e8e8;
}
/* line 48, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail .portrait {
border-radius: 50%;
overflow: hidden;
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 48, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail .portrait {
margin-bottom: 0;
}
}
/* line 57, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail .portrait img {
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 63, ../../_src/scss/components/_page_resources_success.scss */
.success .section-support {
margin-top: -40px;
padding-top: 40px;
}
}
/* line 71, ../../_src/scss/components/_page_resources_success.scss */
.success.interviews .headshot {
display: block;
width: 80px;
height: 80px;
float: left;
}
/* line 78, ../../_src/scss/components/_page_resources_success.scss */
.success.interviews h4 {
padding-top: 20px;
}
/* line 83, ../../_src/scss/components/_page_resources_success.scss */
.success.interviews a p {
color: #5e5e5e;
}
/* line 90, ../../_src/scss/components/_page_resources_success.scss */
.success.interview .answer {
padding-top: 40px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
/* line 101, ../../_src/scss/components/_page_resources_success.scss */
.success.interview .answer .headshot {
width: 80px;
height: 80px;
float: left;
margin: -60px 0 0 -60px;
}
/* line 108, ../../_src/scss/components/_page_resources_success.scss */
.success.interview .answer p {
color: #8d8d8d;
}
/* line 3, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner {
background-color: #121216;
position: relative;
}
/* line 7, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.25;
z-index: 0;
}
/* line 19, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.4);
}
@media only screen and (min-width: 64.063em) {
/* line 19, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.4) 25%, rgba(52, 52, 64, 0) 100%);
}
}
/* line 30, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 30, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner .row .columns::before {
display: block;
}
}
@media only screen and (min-width: 64.063em) {
/* line 51, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
/* line 59, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro::before {
content: '';
width: 450px;
height: 620px;
position: absolute;
right: 120px;
top: -80px;
border-radius: 47px;
background-image: url(https://d9i5ve8f04qxt.cloudfront.net/UC/41906/themes/UltraCart/theme/assets/imgs/2025/merchant-giordanos-pizza-card.webp);
background-repeat: no-repeat;
background-position: left top;
background-size: 450px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}
}
/* line 75, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro .button {
background-color: #8F3030;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 81, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro .button:hover {
background-color: #7E2B2B;
}
/* line 85, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro .button svg {
max-width: 32px;
max-height: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 92, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro.mdhearing {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
/* line 99, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro.mdhearing::before {
content: '';
width: 450px;
height: 620px;
position: absolute;
right: 120px;
top: -80px;
border-radius: 47px;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/merchant-mdhearing-card.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 450px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}
}
/* line 115, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro.mdhearing .button {
background-color: #3BA2D2;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 121, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro.mdhearing .button:hover {
background-color: #2986b1;
}
/* line 125, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro.mdhearing .button svg {
max-width: 32px;
max-height: 32px;
}
/* line 131, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro.mdhearing .quote {
font-style: italic;
font-size: 1.25rem;
font-weight: 900;
margin-top: 24px;
}
/* line 139, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features {
padding-bottom: 180px;
}
/* line 142, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-list {
margin-top: 64px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 64px;
}
/* line 148, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-list .feature-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 148, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-list .feature-item {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
/* line 161, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features.mdhearing .feature-item {
-ms-flex-align: center;
align-items: center;
}
/* line 164, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features.mdhearing .feature-item .feature-icon {
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 64.063em) {
/* line 164, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features.mdhearing .feature-item .feature-icon {
-ms-flex-order: unset;
order: unset;
}
}
/* line 172, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features.mdhearing .feature-item .feature-description {
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 172, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features.mdhearing .feature-item .feature-description {
-ms-flex-order: unset;
order: unset;
}
}
/* line 184, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-grid {
margin-top: 80px;
padding-top: 40px;
display: grid;
grid-template-columns: 1fr;
gap: 40px;
border-top: 1px solid #cccccc;
}
@media only screen and (min-width: 64.063em) {
/* line 184, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-grid {
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
}
/* line 197, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-grid h4 {
font-size: 24px;
}
/* line 201, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-grid p {
margin-bottom: 0;
}
/* line 2, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/case-studies/ppfm-banner-1.jpg);
background-size: cover;
background-position: center right;
background-color: #222222;
}
/* line 9, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner.overlay::after {
width: 100%;
background: rgba(34, 34, 34, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
/* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner p {
font-size: 14px;
}
/* line 24, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner p.quote {
font-size: 18px;
line-height: 36px;
font-weight: 100;
margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 24, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner p.quote {
font-size: 24px;
line-height: 48px;
}
}
/* line 45, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail {
border-bottom: 1px solid #e8e8e8;
}
/* line 48, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail .portrait {
border-radius: 50%;
overflow: hidden;
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 48, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail .portrait {
margin-bottom: 0;
}
}
/* line 57, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail .portrait img {
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 63, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .section-support {
margin-top: -40px;
padding-top: 40px;
}
}
/* line 71, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interviews .headshot {
display: block;
width: 80px;
height: 80px;
float: left;
}
/* line 78, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interviews h4 {
padding-top: 20px;
}
/* line 83, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interviews a p {
color: #5e5e5e;
}
/* line 90, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interview .answer {
padding-top: 40px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
/* line 101, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interview .answer .headshot {
width: 80px;
height: 80px;
float: left;
margin: -60px 0 0 -60px;
}
/* line 108, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interview .answer p {
color: #8d8d8d;
}
/* line 116, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.ppfm .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/case-studies/ppfm-banner-1.jpg);
background-position: center;
}
/* line 121, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.ppfm .section-raised .logo {
width: 132px;
float: left;
margin: 0 20px 20px 0;
}
@media only screen and (min-width: 64.063em) {
/* line 121, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.ppfm .section-raised .logo {
width: 25%;
float: left;
margin: 0 40px 40px 0;
}
}
/* line 2, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/2025-ultracart-analytics.jpg);
background-size: cover;
background-position: center center;
background-color: #343440;
}
@media only screen and (min-width: 64.063em) {
/* line 2, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner {
height: 600px;
}
}
/* line 13, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner.overlay::after {
width: 100%;
background: rgba(52, 52, 64, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(52, 52, 64, 0.8) 25%, rgba(52, 52, 64, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-v2-alt-blue-10', endColorstr='$color-v2-alt-blue-10',GradientType=1 );
/* IE6-9 */
}
/* line 24, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner .row.content {
z-index: 30;
}
/* line 29, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 280px;
z-index: 20;
}
@media only screen and (min-width: 40.063em) {
/* line 29, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container {
height: 520px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 29, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container {
height: 600px;
}
}
/* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container img {
opacity: 0.75;
position: absolute;
width: 250%;
max-width: none;
bottom: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container img {
width: 200%;
}
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container img {
width: 150%;
}
}
@media only screen and (min-width: 90.063em) {
/* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container img {
width: 100%;
}
}
/* line 69, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .buy-button-graphic {
cursor: default;
position: relative;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
font-weight: 400;
letter-spacing: 1px;
background-color: #efb230;
}
/* line 78, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .buy-button-graphic::after {
position: absolute;
content: "";
display: none;
width: 350px;
height: 180px;
background-image: url(../../themes/UltraCart/theme/assets/imgs/buy-button-graphic.png);
background-repeat: none;
top: -35px;
right: 13px;
}
@media only screen and (min-width: 64.063em) {
/* line 78, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .buy-button-graphic::after {
display: block;
}
}
/* line 95, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-graphic-right {
display: none;
width: 639px;
float: right;
margin-top: 0;
margin-right: -20px;
margin-bottom: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 95, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-graphic-right {
width: 300px;
display: block;
margin-right: -80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 95, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-graphic-right {
width: 639px;
}
}
/* line 114, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-graphic-right img {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 120, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-custom-checkout img {
margin-bottom: 40px;
}
}
/* line 127, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-custom-checkout p:last-of-type {
margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 127, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-custom-checkout p:last-of-type {
margin-bottom: 60px;
}
}
/* line 140, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro .row {
padding-top: 80px;
padding-bottom: 80px;
}
/* line 145, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote {
padding: 0;
margin-bottom: 0;
border: none;
}
/* line 151, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote h3 {
line-height: 1.4em;
}
/* line 155, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote h2 {
margin-bottom: 0;
}
/* line 158, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote h2 span {
opacity: 0.3;
}
/* line 164, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features {
padding-bottom: 80px;
}
/* line 167, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .row {
padding-top: 120px;
}
/* line 171, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 176, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 176, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 210, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 214, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 214, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 223, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 230, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a span {
font-weight: 600;
}
/* line 234, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a:hover {
color: #6F4173;
gap: 12px;
}
/* line 239, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a svg path {
stroke: #676AAD;
}
/* line 244, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .accent_color {
color: #676AAD;
}
/* line 248, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 248, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 248, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper {
gap: 80px;
}
}
/* line 262, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 266, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-copy ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 273, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
}
/* line 279, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 284, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 293, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 293, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
}
/* line 309, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 314, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 319, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 327, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 332, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 341, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .accent_color {
color: #676AAD;
}
/* line 345, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 352, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a span {
font-weight: 600;
}
/* line 356, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a:hover {
color: #6F4173;
gap: 12px;
}
/* line 361, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a svg path {
stroke: #676AAD;
}
/* line 366, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid button {
background-color: #676AAD;
color: #0A0A0A;
}
/* line 370, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid button:hover {
background-color: #6F4173;
}
/* line 375, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .features_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 375, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .features_grid {
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
}
/* line 386, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 393, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_icon {
width: 106px;
height: 106px;
padding: 38px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin-bottom: -38px;
margin-left: -38px;
}
/* line 406, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 411, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_info h3 {
font-size: 16px;
margin-bottom: 0;
font-weight: 400;
}
/* line 417, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_info p {
color: #303030;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-bottom: 0;
}
/* line 429, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section {
text-align: left;
}
@media only screen and (min-width: 64.063em) {
/* line 429, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section {
text-align: left;
}
}
/* line 448, ../../_src/scss/components/_page_resources_analytics.scss */
.row:not(.equalizer-small-suspend) .resources-analytics .content-position-center {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 64.063em) {
/* line 447, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-position-center {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* line 4, ../../_src/scss/components/_page_resources_communication.scss */
.communication .accent_color {
color: #676AAD;
}
/* line 9, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 15, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlights a {
color: #676AAD;
}
/* line 18, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlights a:hover {
color: #464882;
}
/* line 22, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlights a svg path {
stroke: #676AAD;
}
/* line 27, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 34, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 39, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 45, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 50, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 56, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 69, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 74, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 83, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 90, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-header {
margin-bottom: 48px;
}
/* line 93, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 98, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 109, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 109, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 120, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 126, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 130, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 133, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 139, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 144, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 154, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 154, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 163, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 163, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 163, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* line 178, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 188, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #676AAD;
}
/* line 192, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card:hover .channel-link {
gap: 12px;
color: #6F4173;
}
/* line 196, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card:hover .channel-link svg path {
stroke: #6F4173;
}
/* line 202, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card .channel-icon {
margin-bottom: 16px;
}
/* line 205, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card .channel-icon svg {
width: 32px;
height: 32px;
}
/* line 211, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
color: #343440;
}
/* line 217, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card p {
font-size: 0.9375rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 224, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card .channel-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
font-size: 0.9375rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 233, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card .channel-link svg {
width: 20px;
height: 20px;
}
/* line 238, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-channels .channel-card .channel-link svg path {
stroke: #676AAD;
}
/* line 246, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 246, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 255, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-card {
border-radius: 16px;
padding: 32px;
height: 100%;
}
/* line 260, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-card h3 {
font-size: 1.375rem;
margin-bottom: 24px;
}
/* line 265, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-card ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 270, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-card ul li {
padding: 12px 0;
border-bottom: 1px solid #CCCCCC;
font-size: 0.9375rem;
line-height: 1.6;
}
/* line 276, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-card ul li:last-child {
border-bottom: none;
}
/* line 282, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-card .comparison-tagline {
margin-top: 24px;
font-style: italic;
font-size: 0.9375rem;
margin-bottom: 0;
}
/* line 290, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-typical {
background-color: #FCFCFC;
border: 1px solid #CCCCCC;
opacity: 0.75;
}
/* line 295, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-typical h3 {
color: #626278;
}
/* line 299, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-typical .comparison-tagline {
color: #7a7a93;
}
/* line 304, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-ultracart {
background-color: #fcfcfd;
border: 2px solid #676AAD;
}
/* line 308, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-ultracart ul li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
/* line 313, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-ultracart ul li svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20px;
height: 20px;
}
/* line 318, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-ultracart ul li svg path {
stroke: #676AAD;
}
/* line 324, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-comparison .comparison-ultracart .comparison-tagline {
color: #6F4173;
font-weight: 600;
font-style: normal;
}
/* line 333, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner {
position: relative;
overflow: hidden;
border-top: 3px solid #676AAD;
padding: 48px 0;
background-color: #1d1d24;
color: #ffffff;
}
@media only screen and (min-width: 64.063em) {
/* line 333, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner {
padding: 80px 0;
}
}
/* line 345, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner.overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(18, 18, 22, 0.75);
z-index: 1;
}
/* line 356, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner .row {
position: relative;
z-index: 2;
}
/* line 361, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner p, .communication .throughline-banner strong {
color: #ffffff;
}
/* line 365, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner p {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto 24px;
}
/* line 372, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner .btn-secondary {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
font-size: 1rem;
}
/* line 380, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner .btn-secondary svg path {
stroke: rgba(255, 255, 255, 0.9);
}
/* line 384, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner .btn-secondary:hover {
color: #ffffff;
}
/* line 387, ../../_src/scss/components/_page_resources_communication.scss */
.communication .throughline-banner .btn-secondary:hover svg path {
stroke: #ffffff;
}
/* line 395, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 395, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 405, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 411, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 419, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 425, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 438, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 443, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 453, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 458, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 465, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 9, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .accent_color {
color: #676AAD;
}
/* line 14, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights a {
color: #676AAD;
}
/* line 17, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights a:hover {
color: #464882;
}
/* line 21, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights a svg path {
stroke: #676AAD;
}
/* line 27, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights {
padding-bottom: 80px;
overflow-x: clip;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .row {
padding-top: 120px;
}
/* line 35, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 40, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 40, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 48, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h2::after {
content: "";
width: 200vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: -100vw;
}
/* line 62, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 66, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 66, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 75, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights ul li:not(:last-child) {
margin-bottom: 16px;
}
/* line 79, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-top: 24px;
transition: color 0.3s ease;
}
/* line 86, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights a span {
font-weight: 600;
}
/* line 91, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 91, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 91, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 105, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 105, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-copy {
-ms-flex-order: unset;
order: unset;
}
}
/* line 114, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-copy ul li {
margin-bottom: 16px;
}
/* line 119, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 119, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-media-wrapper {
-ms-flex-order: unset;
order: unset;
}
}
@media only screen and (min-width: 64.063em) {
/* line 119, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-media-wrapper {
text-align: right;
}
}
/* line 134, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 139, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
border-radius: 0;
box-shadow: none;
}
/* line 148, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-highlights .highlight-wrapper .key-benefits h2::after {
display: none;
}
/* line 156, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 156, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 64.063em) {
/* line 156, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* line 170, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid .benefit-grid-item {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 transparent;
transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 182, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid .benefit-grid-item:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 187, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid .benefit-grid-item .benefit-item-category {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 8px 12px 8px 8px;
font-size: 0.875rem;
margin-left: -8px;
margin-bottom: 8px;
}
/* line 198, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid .benefit-grid-item .benefit-item-category span {
font-weight: bold;
}
/* line 203, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .benefit-grid .benefit-grid-item p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
/* line 211, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .feature-copy .feature-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 32px;
gap: 32px;
margin-bottom: 32px;
}
/* line 218, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .feature-copy .feature-grid .feature-item {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 225, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .feature-copy .feature-grid .feature-item img {
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
/* line 231, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .feature-copy .feature-grid .feature-item .feature-item-text h3 {
font-size: 1.125rem;
margin-bottom: 8px;
}
/* line 236, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .feature-copy .feature-grid .feature-item .feature-item-text p {
font-size: 0.9375rem;
line-height: 1.7;
color: #626278;
margin-bottom: 0;
}
/* line 247, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 254, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .breadcrumb a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 259, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .breadcrumb a:hover {
color: #ffffff;
}
/* line 264, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .breadcrumb svg {
width: 16px;
height: 16px;
opacity: 0.5;
}
/* line 270, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .breadcrumb span {
color: #ffffff;
font-weight: 600;
}
/* line 277, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner {
position: relative;
overflow: hidden;
border-top: 3px solid #676AAD;
padding: 48px 0;
text-align: center;
background-color: #1d1d24;
color: #ffffff;
}
@media only screen and (min-width: 64.063em) {
/* line 277, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner {
padding: 80px 0;
}
}
/* line 290, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner.overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(18, 18, 22, 0.75);
z-index: 1;
}
/* line 301, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner .row {
position: relative;
z-index: 2;
}
/* line 306, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner p, .comm-page .throughline-banner strong {
color: #ffffff;
}
/* line 310, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner p {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto 24px;
}
/* line 317, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner .btn-secondary {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
font-size: 1rem;
}
/* line 325, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner .btn-secondary svg path {
stroke: rgba(255, 255, 255, 0.9);
}
/* line 329, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner .btn-secondary:hover {
color: #ffffff;
}
/* line 332, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .throughline-banner .btn-secondary:hover svg path {
stroke: #ffffff;
}
/* line 340, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .native-callout {
background: linear-gradient(135deg, #292932 0%, #19191e 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 32px;
margin: 48px 0;
}
/* line 347, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .native-callout h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #ffffff;
}
/* line 353, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .native-callout p {
font-size: 0.9375rem;
line-height: 1.75;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.75);
}
/* line 362, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 362, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 371, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .section-header {
text-align: center;
margin-bottom: 48px;
}
/* line 375, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 379, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .section-header h2::after {
display: none;
}
/* line 385, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 385, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 385, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* line 400, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 410, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #676AAD;
}
/* line 414, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card:hover .channel-link {
gap: 12px;
color: #6F4173;
}
/* line 418, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card:hover .channel-link svg path {
stroke: #6F4173;
}
/* line 424, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card .channel-icon {
margin-bottom: 16px;
}
/* line 427, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card .channel-icon svg {
width: 32px;
height: 32px;
}
/* line 433, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
color: #343440;
}
/* line 439, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card p {
font-size: 0.9375rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 446, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card .channel-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
font-size: 0.9375rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 455, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card .channel-link svg {
width: 20px;
height: 20px;
}
/* line 460, ../../_src/scss/components/_page_resources_communication_shared.scss */
.comm-page .section-cross-links .channel-card .channel-link svg path {
stroke: #676AAD;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .accent_color {
color: #676AAD;
}
/* line 8, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 20, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 37, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 50, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 55, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 71, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-header {
margin-bottom: 48px;
}
/* line 74, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 79, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 90, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 101, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 111, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 114, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 120, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 125, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 135, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 141, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 151, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 157, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 165, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 171, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 184, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 189, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 199, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 204, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 211, ../../_src/scss/components/_page_resources_communication_email_campaigns.scss */
.communication-email-campaigns .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .accent_color {
color: #676AAD;
}
/* line 8, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 20, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 37, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 50, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 55, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 71, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-header {
margin-bottom: 48px;
}
/* line 74, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 79, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 90, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 101, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 111, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 114, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 120, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 125, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 135, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .automation-flow {
margin-bottom: 32px;
}
/* line 144, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .automation-flow:last-of-type {
margin-bottom: 0;
}
/* line 148, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .automation-flow h3 {
font-size: 1rem;
font-weight: 700;
margin-bottom: 12px;
color: #343440;
}
/* line 154, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .automation-flow h3::after {
display: none;
}
/* line 158, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .automation-flow h3:not(:first-of-type) {
margin-top: 0;
}
/* line 164, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .flow-steps {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-left: 24px;
max-width: 480px;
}
/* line 171, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .flow-steps::before {
content: "";
position: absolute;
left: 7px;
top: 16px;
bottom: 16px;
width: 1px;
background-color: #CCCCCC;
}
/* line 182, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .flow-step {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #ffffff;
border: 1px solid #CCCCCC;
border-radius: 8px;
padding: 10px 14px;
font-size: 0.8125rem;
line-height: 1.5;
color: #343440;
margin-bottom: 12px;
}
/* line 196, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .flow-step:last-child {
margin-bottom: 0;
}
/* line 200, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .flow-step svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
opacity: 0.45;
}
/* line 205, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .flow-step::before {
content: "";
position: absolute;
left: -21px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #ffffff;
border: 2px solid #CCCCCC;
}
@media only screen and (min-width: 64.063em) {
/* line 220, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .trigger-grid {
grid-template-columns: 1fr 1fr 1fr !important;
}
}
/* line 227, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 227, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 237, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 243, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 251, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 257, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 270, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 275, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 285, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 290, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 297, ../../_src/scss/components/_page_resources_communication_marketing_automation.scss */
.communication-marketing-automation .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .accent_color {
color: #676AAD;
}
/* line 8, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 20, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 37, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 50, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 55, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 71, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-header {
margin-bottom: 48px;
}
/* line 74, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 79, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 90, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
/* line 101, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 111, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 114, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 120, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 125, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 135, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 141, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 151, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 157, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 165, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 171, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 184, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 189, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 199, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 204, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 211, ../../_src/scss/components/_page_resources_communication_sms_marketing.scss */
.communication-sms-marketing .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .accent_color {
color: #676AAD;
}
/* line 6, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 10, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 11, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 12, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 14, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin: 0;
}
/* line 14, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 19, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-header {
margin-bottom: 48px;
}
/* line 21, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 22, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 26, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 27, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 29, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 30, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 30, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 32, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 36, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 38, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta {
padding: 80px 0;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 38, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta {
padding: 120px 0;
}
}
/* line 41, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 42, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 43, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 45, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin: 0;
}
/* line 45, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 46, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 46, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 47, ../../_src/scss/components/_page_resources_communication_direct_mail.scss */
.communication-direct-mail .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .accent_color {
color: #676AAD;
}
/* line 6, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 10, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 11, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 12, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 14, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin: 0;
}
/* line 14, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 19, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-header {
margin-bottom: 48px;
}
/* line 21, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 22, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 26, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 27, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 29, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 30, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 30, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 32, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 36, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 38, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta {
padding: 80px 0;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 38, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta {
padding: 120px 0;
}
}
/* line 41, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 42, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 43, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 45, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin: 0;
}
/* line 45, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 46, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 46, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 47, ../../_src/scss/components/_page_resources_communication_transactional_email.scss */
.communication-transactional-email .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .accent_color {
color: #676AAD;
}
/* line 8, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 20, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 37, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 50, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 55, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 71, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-header {
margin-bottom: 48px;
}
/* line 74, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 79, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 90, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
/* line 101, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 111, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 114, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 120, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 125, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 135, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 141, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 151, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 157, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 165, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 171, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 184, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 189, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 199, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 204, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 211, ../../_src/scss/components/_page_resources_communication_lists_segments.scss */
.communication-lists-segments .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .accent_color {
color: #676AAD;
}
/* line 8, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 15, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner.overlay::after {
background: rgba(18, 18, 22, 0.45);
}
/* line 20, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 26, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 37, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 50, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 55, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 71, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-header {
margin-bottom: 48px;
}
/* line 74, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 79, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 90, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
/* line 101, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 111, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 114, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 120, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 125, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 135, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-highlights .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .automation-flow {
margin-bottom: 32px;
}
/* line 144, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .automation-flow:last-of-type {
margin-bottom: 0;
}
/* line 148, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .automation-flow h3 {
font-size: 1rem;
font-weight: 700;
margin-bottom: 12px;
color: #343440;
}
/* line 154, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .automation-flow h3::after {
display: none;
}
/* line 158, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .automation-flow h3:not(:first-of-type) {
margin-top: 0;
}
/* line 165, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-steps {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-left: 24px;
}
/* line 172, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-steps::before {
content: "";
position: absolute;
left: 7px;
top: 16px;
bottom: 16px;
width: 1px;
background-color: #CCCCCC;
}
/* line 183, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-step {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #ffffff;
border: 1px solid #CCCCCC;
border-radius: 8px;
padding: 10px 14px;
font-size: 0.8125rem;
line-height: 1.5;
color: #343440;
margin-bottom: 12px;
}
/* line 197, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-step:last-child {
margin-bottom: 0;
}
/* line 201, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-step svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
opacity: 0.45;
}
/* line 207, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-step::before {
content: "";
position: absolute;
left: -21px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #ffffff;
border: 2px solid #CCCCCC;
}
@media only screen and (min-width: 40.063em) {
/* line 223, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .flow-steps {
max-width: 480px;
}
}
/* line 229, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 229, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 239, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 245, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 253, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 259, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 272, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 277, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 287, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 292, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 299, ../../_src/scss/components/_page_resources_communication_loyalty.scss */
.communication-loyalty .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 2, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner {
background-image: none;
background-size: cover;
background-position: top center;
position: relative;
background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 11, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 22, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner p {
line-height: 1.75em;
}
/* line 26, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner .banner-image {
border-radius: none;
box-shadow: none;
height: 100%;
}
/* line 36, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner .banner-image img {
height: auto;
width: 100%;
}
/* line 43, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 43, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category {
margin-bottom: 40px;
}
}
/* line 55, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category:first-child {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 55, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category:first-child {
margin-top: 0;
}
}
/* line 63, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
/* line 68, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row:first-of-type {
padding-top: 0;
}
/* line 72, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic {
position: relative;
z-index: 1;
text-align: center;
}
@media only screen and (min-width: 64.063em) {
/* line 72, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic {
text-align: left;
}
}
/* line 81, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 81, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic::before {
display: none;
}
}
/* line 98, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 98, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic img {
opacity: 1;
}
}
/* line 108, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content {
position: relative;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 108, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 108, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content {
margin-top: 20px;
}
}
/* line 121, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content h2 {
color: #343440;
}
@media only screen and (min-width: 64.063em) {
/* line 121, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content h2 {
margin-bottom: 32px;
}
}
/* line 132, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 132, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 144, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 144, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 144, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 156, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 156, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 172, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 176, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 180, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 188, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 188, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 188, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 204, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 210, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 219, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-alternating-content ol li,
.conversations .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 224, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 229, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-flows h1, .conversations .section-flows h2, .conversations .section-flows h3, .conversations .section-flows h4, .conversations .section-flows p, .conversations .section-flows li {
color: #ffffff;
}
/* line 233, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner {
background-image: none;
background-size: cover;
background-position: top center;
position: relative;
background-color: #f4f4f4;
}
/* line 11, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner.overlay::after {
width: 100%;
height: 100px;
background: rgba(52, 52, 64, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 11, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 23, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner p {
line-height: 1.75em;
color: #343440;
}
/* line 28, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .hero-eyebrow {
display: inline-block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7a7a93;
margin-bottom: 12px;
}
/* line 38, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner h1 {
font-size: 2rem;
line-height: 1.15;
letter-spacing: -0.01em;
margin-bottom: 40px;
color: #343440;
}
@media only screen and (min-width: 40.063em) {
/* line 38, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner h1 {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 38, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner h1 {
font-size: 3rem;
}
}
/* line 54, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner h2 {
color: #343440;
}
/* line 58, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .sign-up-buttons-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
position: static;
height: auto;
}
/* line 67, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .sign-up-buttons-wrapper .button-signup {
position: static;
-ms-transform: none;
transform: none;
margin: 0;
width: auto;
height: auto;
padding: 14px 28px;
left: auto;
top: auto;
}
/* line 79, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .button-secondary {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 14px 24px;
border-radius: 8px;
border: 1.5px solid #343440;
background: transparent;
color: #343440;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
transition: background-color 0.25s ease, color 0.25s ease;
}
/* line 92, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .button-secondary:hover {
background-color: #343440;
color: #ffffff;
}
/* line 98, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .hero-trial {
font-size: 13px;
color: #626278;
margin-top: 14px;
line-height: 1.4;
}
/* line 105, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .banner-image {
border-radius: none;
box-shadow: none;
height: 100%;
}
/* line 110, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .banner-image img {
height: auto;
width: 100%;
}
/* line 117, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 117, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category {
margin-bottom: 40px;
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 117, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category {
margin-bottom: 80px;
}
}
/* line 130, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
/* line 135, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row:first-of-type {
padding-top: 0;
}
/* line 139, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic {
position: relative;
z-index: 1;
}
/* line 143, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 143, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic::before {
display: none;
}
}
/* line 160, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 160, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic img {
opacity: 1;
}
}
/* line 170, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-content {
position: relative;
z-index: 2;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 170, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 170, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-content {
margin-top: 20px;
}
}
/* line 186, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 186, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 198, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 198, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 198, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 210, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 210, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 226, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 230, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 234, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 242, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 242, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 242, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 258, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 264, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 273, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-alternating-content ol li,
.orderTracking .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 278, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 283, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-flows h1, .orderTracking .section-flows h2, .orderTracking .section-flows h3, .orderTracking .section-flows h4, .orderTracking .section-flows p, .orderTracking .section-flows li {
color: #ffffff;
}
/* line 287, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-flows ul li {
margin-bottom: 20px;
}
/* line 292, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .order-tracking-list {
list-style: none;
margin-left: 0;
}
/* line 299, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .order-tracking-list .oi {
display: inline-block;
margin-right: 10px;
opacity: 0.9;
color: #343440;
}
/* line 307, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .subtext {
font-size: 12px;
font-style: italic;
}
/* line 311, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .subtext a {
text-decoration: none;
color: #545454;
transition: underline 0.3s ease;
}
/* line 316, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .subtext a:hover {
text-decoration: underline;
}
/* line 322, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 322, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 331, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related > .row:first-child {
text-align: center;
margin-bottom: 60px;
}
/* line 335, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related > .row:first-child h2 {
margin-bottom: 12px;
}
/* line 339, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related > .row:first-child p {
max-width: 560px;
margin: 0 auto;
color: #626278;
}
/* line 346, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related .related-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
padding: 24px 22px;
border-radius: 16px;
background: #ffffff;
border: 1px solid #EEEEEE;
box-shadow: 0 12px 28px -20px rgba(52, 52, 64, 0.25);
text-decoration: none;
color: #343440;
height: 100%;
transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}
/* line 360, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related .related-card h3 {
margin: 0;
font-size: 1.125rem;
color: #343440;
}
/* line 366, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related .related-card p {
margin: 0;
font-size: 0.95rem;
color: #626278;
line-height: 1.55;
}
/* line 373, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related .related-card .related-link {
margin-top: auto;
padding-top: 8px;
font-size: 0.875rem;
font-weight: 600;
color: #343440;
letter-spacing: 0.01em;
}
/* line 382, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related .related-card:hover {
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 20px 40px -22px rgba(52, 52, 64, 0.4);
border-color: #343440;
}
/* line 389, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related > .row:last-child .columns {
margin-bottom: 16px;
}
@media only screen and (min-width: 40.063em) {
/* line 389, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-related > .row:last-child .columns {
margin-bottom: 0;
}
}
/* line 3, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-data-banner-1.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.75);
}
@media only screen and (min-width: 64.063em) {
/* line 11, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0.25) 100%);
}
}
/* line 26, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 26, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner .row .columns::before {
display: block;
}
}
/* line 45, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner .banner-cta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px;
}
/* line 50, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner .banner-cta .btn-secondary {
background: transparent;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.6);
margin-top: 20px;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
padding-top: .6rem;
padding-right: 1.4rem;
padding-bottom: .6625rem;
padding-left: 1.4rem;
border-radius: 32px;
text-decoration: none;
transition: background 150ms ease;
}
/* line 70, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables p {
margin-bottom: 12px;
}
/* line 74, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-row {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 81, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-row .small-2 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-top: 6px;
padding-right: 30px;
text-align: left;
}
/* line 89, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-row svg {
width: 28px;
height: 28px;
padding: 0;
stroke: #343440;
display: block;
}
/* line 97, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-row h4 {
margin-top: 0;
line-height: 1.2;
}
@media only screen and (min-width: 40.063em) {
/* line 103, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
padding-right: 16px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 103, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
padding-right: 32px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 113, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
padding-left: 16px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 113, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
padding-left: 32px;
}
}
/* line 123, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables ul li {
font-size: 14px;
font-family: monospace;
}
/* line 127, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .button {
background-color: #57a3cf;
}
/* line 132, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper,
.resources.datawarehouse .heatmap-list-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (min-width: 64.063em) {
/* line 132, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper,
.resources.datawarehouse .heatmap-list-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
}
/* line 141, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list,
.resources.datawarehouse .filter-list-wrapper .heatmap-list,
.resources.datawarehouse .heatmap-list-wrapper .filter-list,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 8px;
margin-left: -12px;
margin-right: -12px;
width: calc(100% + 24px);
}
@media only screen and (min-width: 64.063em) {
/* line 141, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list,
.resources.datawarehouse .filter-list-wrapper .heatmap-list,
.resources.datawarehouse .heatmap-list-wrapper .filter-list,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list {
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 154, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul {
list-style: none;
width: 100%;
height: auto;
padding: 0 12px;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 154, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul {
height: 100%;
}
}
/* line 165, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul li,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul li,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul li,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul li {
padding: 0;
margin: 0;
font-size: 14px;
margin-bottom: 4px;
}
/* line 172, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul ul,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul ul,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul ul,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul ul {
margin-top: 6px;
padding: 0;
}
/* line 176, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul ul li,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul ul li,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul ul li,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul ul li {
font-size: 12px;
}
/* line 184, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul li,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 16px;
}
/* line 190, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul li .icon,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul li .icon {
width: 32px;
height: 32px;
margin-right: 24px;
padding-top: 4px;
}
/* line 200, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .quote-content-wrapper {
padding: 32px 32px 12px 32px;
border-radius: 16px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 200, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .quote-content-wrapper {
margin-left: 0;
}
}
/* line 212, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .quote-image-wrapper {
overflow: hidden;
max-width: 300px;
border-radius: 50%;
margin-top: -46px;
}
@media only screen and (min-width: 40.063em) {
/* line 212, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .quote-image-wrapper {
max-width: none;
margin-left: -60px;
}
}
/* line 224, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .accent_color {
color: #595F96;
}
/* line 229, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse #section-streaming .feature-media-wrapper img {
box-shadow: none;
}
/* line 234, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin: 60px 0;
}
@media only screen and (min-width: 40.063em) {
/* line 234, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 234, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers {
gap: 0;
grid-template-columns: repeat(4, 1fr);
}
}
/* line 249, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers .dw-tier {
padding: 40px;
border-radius: 12px;
background-color: #FCFCFC;
border-left: 4px solid white;
box-shadow: -2px 0 20px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 257, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers .dw-tier:not(:first-child) {
margin-left: -8px;
}
}
/* line 262, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers .dw-tier .dw-tier-level {
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #595F96;
margin-bottom: 10px;
}
/* line 272, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers .dw-tier h4 {
margin-top: 0;
margin-bottom: 10px;
color: #343440;
}
/* line 278, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers .dw-tier code {
font-size: 13px;
color: #595F96;
background: none;
padding: 0;
}
/* line 285, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .dw-security-tiers .dw-tier p {
margin-bottom: 10px;
font-size: 14px;
}
/* line 293, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-group {
margin-bottom: 80px;
}
/* line 296, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-group:last-child {
margin-bottom: 0;
}
/* line 301, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-group-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #303030;
margin: 0 0 40px;
}
/* line 310, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 310, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 310, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 324, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px;
background-color: #fff;
border-radius: 12px;
border: 1px solid #FCFCFC;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
text-decoration: none;
color: #343440;
transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
/* line 336, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card:hover, .resources.datawarehouse .section-bi-ecosystem .dw-integration-card:focus {
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
border-color: #595F96;
text-decoration: none;
}
/* line 344, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card.dw-integration-card-featured {
border-color: #595F96;
background: linear-gradient(180deg, rgba(89, 95, 150, 0.04) 0%, #fff 100%);
}
/* line 349, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card .dw-integration-icon {
width: 48px;
height: 48px;
border-radius: 12px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 360, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card .dw-integration-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
/* line 368, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card .dw-integration-name {
font-size: 17px;
font-weight: 700;
color: #343440;
line-height: 1.2;
}
/* line 375, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card .dw-integration-badge {
display: inline-block;
padding: 2px 8px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #CCCCCC;
background-color: #FCFCFC;
border-radius: 999px;
line-height: 1.6;
}
/* line 388, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-integration-card .dw-integration-description {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: #828282;
}
/* line 396, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 396, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access {
grid-template-columns: repeat(2, 1fr);
}
}
/* line 406, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px;
padding: 40px;
background-color: #FCFCFC;
border-radius: 10px;
color: #343440;
}
/* line 415, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access-item svg {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #595F96;
margin-top: 2px;
}
/* line 421, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access-item h4 {
margin: 0 0 10px;
font-size: 15px;
color: #343440;
}
/* line 426, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access-item h4 code {
font-size: 13px;
background: none;
padding: 0;
color: #595F96;
}
/* line 434, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-bi-ecosystem .dw-dev-access-item p {
margin: 0;
font-size: 13px;
line-height: 1.5;
color: #CCCCCC;
}
/* line 444, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-pricing .dw-pricing-list {
list-style: none;
margin: 40px 0 60px;
padding: 0;
}
/* line 449, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-pricing .dw-pricing-list li {
padding: 30px 0;
border-bottom: 1px solid #FCFCFC;
font-size: 16px;
}
/* line 454, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-pricing .dw-pricing-list li:last-child {
border-bottom: none;
}
/* line 464, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-related .related-grid .benefit-grid-item h4 a {
color: #343440;
text-decoration: none;
}
/* line 468, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-related .related-grid .benefit-grid-item h4 a:hover {
color: #595F96;
text-decoration: underline;
}
/* line 478, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-article-highlight .article-highlight-wrapper {
margin-top: 40px;
}
/* line 484, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-docs-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 484, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-docs-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 484, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-docs-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 498, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px;
background-color: #fff;
border-radius: 12px;
border: 1px solid #FCFCFC;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
text-decoration: none;
color: #343440;
transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
/* line 510, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card:hover, .resources.datawarehouse .section-dw-docs .dw-doc-card:focus {
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
border-color: #595F96;
text-decoration: none;
}
/* line 517, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card:hover .dw-doc-cta, .resources.datawarehouse .section-dw-docs .dw-doc-card:focus .dw-doc-cta {
color: #595F96;
}
/* line 520, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card:hover .dw-doc-cta svg, .resources.datawarehouse .section-dw-docs .dw-doc-card:focus .dw-doc-cta svg {
-ms-transform: translateX(3px);
transform: translateX(3px);
}
/* line 526, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-icon {
width: 44px;
height: 44px;
border-radius: 10px;
background-color: rgba(89, 95, 150, 0.08);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
/* line 536, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-icon svg {
stroke: #595F96;
}
/* line 539, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-icon svg path,
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-icon svg polyline,
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-icon svg line,
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-icon svg circle {
stroke: #595F96;
}
/* line 548, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card h4 {
margin: 0 0 20px;
color: #343440;
font-size: 18px;
line-height: 1.3;
}
/* line 555, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card p {
margin: 0 0 40px;
font-size: 14px;
line-height: 1.5;
color: #CCCCCC;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 563, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-cta {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: #343440;
transition: color 150ms ease;
}
/* line 572, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-cta svg {
transition: transform 150ms ease;
}
/* line 575, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-docs .dw-doc-card .dw-doc-cta svg path {
stroke: currentColor;
}
/* line 2, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
overflow: hidden;
}
/* line 10, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner.overlay::after {
width: 100%;
background: linear-gradient(48deg, rgba(111, 65, 115, 0.8) 31%, rgba(122, 71, 10, 0.75) 100%, transparent 100%);
mix-blend-mode: multiply;
}
/* line 22, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner.overlay::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(52, 52, 64, 0.8) 31%, rgba(52, 52, 64, 0.2) 100%, transparent 100%);
z-index: 3;
}
/* line 35, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner p {
line-height: 1.75em;
}
/* line 39, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 45, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .sub {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 40px;
display: block;
color: white;
opacity: 0.75;
transition: opacity 0.3s ease;
letter-spacing: 0.01em;
}
/* line 55, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .sub:hover {
opacity: 1;
}
/* line 60, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner button {
text-transform: none;
}
/* line 64, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .banner_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
opacity: 0.8;
}
/* line 75, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
/* max-height: 300px; */
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-pack: start;
justify-content: flex-start;
transition: all .3s ease;
opacity: .2;
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 64.063em) {
/* line 75, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper {
left: 50%;
width: 50vw;
opacity: 0.45;
}
}
/* line 98, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_container {
position: absolute;
width: calc(100% - 16px);
height: auto;
left: 8px;
top: 570px;
transition: top 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry {
position: relative;
color: white;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 8px;
gap: 16px;
opacity: 0;
-ms-transform: translateY(20px);
transform: translateY(20px);
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
/* line 118, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry.show {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
}
/* line 123, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry::before {
content: '';
display: none;
position: absolute;
width: 50vw;
height: 1px;
top: 50%;
right: calc(100% + 8px);
background-color: rgba(255, 255, 255, 0.5);
}
/* line 134, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .customer_data_info {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
/* line 142, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .data_entry {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-flex: 1;
flex: 1;
}
/* line 149, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .data_action {
color: #303030;
background-color: white;
border-radius: 4px;
padding: 2px 8px;
font-size: 0.75rem;
}
/* line 157, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .data_timestamp {
font-size: 0.65rem;
font-family: monospace;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-width: 150px;
text-align: right;
-ms-flex-pack: end;
justify-content: flex-end;
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 172, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 64px;
}
@media only screen and (min-width: 64.063em) {
/* line 172, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 182, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 182, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
width: 40%;
}
}
/* line 191, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content h2 {
margin-bottom: 16px;
color: #303030;
}
/* line 196, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content p {
color: #303030;
}
/* line 201, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content ul li {
font-weight: bold;
}
/* line 207, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_graphic {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media only screen and (min-width: 64.063em) {
/* line 207, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_graphic {
margin-top: -260px;
}
}
/* line 215, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_graphic img {
width: 100%;
}
/* line 221, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .intro {
font-size: 18px;
}
/* line 225, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro ul {
list-style: none;
padding: 0;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-bottom: 32px;
font-size: 18px;
}
/* line 235, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro ul li {
color: #303030;
}
/* line 240, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 244, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 244, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 256, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 256, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 273, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 278, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 285, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a span {
font-weight: 600;
}
/* line 289, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a:hover {
color: #6F4173;
gap: 12px;
}
/* line 294, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a svg path {
stroke: #676AAD;
}
/* line 299, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .accent_color {
color: #676AAD;
}
/* line 303, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 308, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-copy ul li {
margin-bottom: 16px;
}
/* line 314, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 322, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 327, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid {
padding-top: 80px;
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid {
padding-top: 160px;
gap: 40px;
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid {
gap: 80px;
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 90.063em) {
/* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid {
gap: 120px;
grid-template-columns: repeat(3, 1fr);
}
}
/* line 356, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content {
cursor: pointer;
}
/* line 359, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper {
position: relative;
margin-bottom: 20px;
min-height: 260px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (min-width: 64.063em) {
/* line 359, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper {
margin-bottom: 40px;
}
}
/* line 370, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper img {
opacity: 0.75;
position: relative;
max-width: 100%;
height: auto;
z-index: 2;
transition: opacity 0.3s ease;
}
/* line 379, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #EEEEEE;
z-index: 0;
border-radius: 32px;
transition: background-color 0.3s ease, top 0.3s ease, left 0.3s ease;
}
/* line 397, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content sub {
margin-bottom: 16px;
opacity: .5;
background-color: #CCCCCC;
display: inline-block;
padding: 8px 12px;
line-height: 1;
border-radius: 8px;
color: #303030;
display: none;
}
/* line 409, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content h3 {
font-size: 1.5rem;
}
/* line 413, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content ul li {
margin-bottom: 16px;
}
/* line 419, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content:hover .feature-media-wrapper img {
opacity: 1;
}
/* line 423, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content:hover .feature-media-wrapper::after {
background-color: white;
top: 16px;
left: -16px;
}
/* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid.feature-grid-2 {
padding-top: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid.feature-grid-2 {
grid-template-columns: repeat(2, 1fr);
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid.feature-grid-2 {
gap: 80px;
grid-template-columns: repeat(2, 1fr);
padding-top: 80px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid.feature-grid-2 {
gap: 120px;
grid-template-columns: repeat(2, 1fr);
padding-top: 120px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 455, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid.feature-grid-2 .feature-content .feature-media-wrapper {
min-height: 400px;
}
}
/* line 465, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights {
padding-bottom: 80px;
}
/* line 468, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .row {
padding-top: 120px;
}
/* line 472, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 477, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 477, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 511, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 515, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 515, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 524, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 531, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a span {
font-weight: 600;
}
/* line 535, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 540, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a svg path {
stroke: #676AAD;
}
/* line 545, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .accent_color {
color: #676AAD;
}
/* line 549, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .feature-copy {
position: relative;
z-index: 1;
}
/* line 554, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .feature-copy ul li {
margin-bottom: 16px;
}
/* line 560, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 560, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 560, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 574, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 580, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 585, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 595, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 595, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category {
margin-bottom: 40px;
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 595, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category {
margin-bottom: 80px;
}
}
/* line 608, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
/* line 613, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row:first-of-type {
padding-top: 0;
}
/* line 617, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic {
position: relative;
z-index: 1;
}
/* line 621, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 621, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic::before {
display: none;
}
}
/* line 638, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 638, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic img {
opacity: 1;
}
}
/* line 648, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-content {
position: relative;
z-index: 2;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 648, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 648, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-content {
margin-top: 20px;
}
}
/* line 664, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 664, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 676, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 676, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 676, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 688, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 688, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 704, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 708, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 712, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 720, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 720, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 720, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 736, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 742, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 751, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-alternating-content ol li,
.marketing .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 756, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 761, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-flows h1, .marketing .section-flows h2, .marketing .section-flows h3, .marketing .section-flows h4, .marketing .section-flows p, .marketing .section-flows li {
color: #ffffff;
}
/* line 765, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2024-banner-tasks-1.jpg);
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 21, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 30, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner .banner-image {
border-radius: none;
box-shadow: none;
height: 100%;
}
/* line 35, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner .banner-image img {
height: auto;
width: 100%;
}
/* line 42, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 42, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category {
margin-bottom: 40px;
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category {
margin-bottom: 80px;
}
}
/* line 55, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
/* line 60, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row:first-of-type {
padding-top: 0;
}
/* line 64, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic {
position: relative;
z-index: 1;
}
/* line 68, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 68, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic::before {
display: none;
}
}
/* line 85, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 85, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic img {
opacity: 1;
}
}
/* line 95, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-content {
position: relative;
z-index: 2;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 95, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 95, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-content {
margin-top: 20px;
}
}
/* line 111, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 111, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 123, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 123, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 123, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 135, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 135, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 151, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 155, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 159, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 167, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 167, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 167, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 183, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 189, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 198, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-alternating-content ol li,
.tasks .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 203, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 208, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-flows h1, .tasks .section-flows h2, .tasks .section-flows h3, .tasks .section-flows h4, .tasks .section-flows p, .tasks .section-flows li {
color: #ffffff;
}
/* line 212, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-flows ul li {
margin-bottom: 20px;
}
/* line 3, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/ultracart-banner-webinars-01.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
/* line 11, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
}
}
/* line 26, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 26, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner .row .columns::before {
display: block;
}
}
/* line 46, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list {
list-style: none;
padding: 0;
margin: 0;
}
/* line 51, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li {
position: relative;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 40px;
float: left;
}
/* line 59, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:first-of-type .featured-post-title {
border-radius: 16px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 59, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:first-of-type .featured-post-title {
border-radius: 32px;
}
}
/* line 67, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:first-of-type .featured-post-title::after {
background: linear-gradient(to bottom, transparent 0, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}
/* line 72, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: -24px;
height: 10px;
width: 10px;
border-radius: 10px;
border: 1px solid #e5e5e5;
}
/* line 84, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li::after {
content: "";
display: block;
position: absolute;
top: 22px;
left: -20px;
height: calc(100% + 27px);
width: 1px;
background-color: #e5e5e5;
}
/* line 95, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li h2 {
font-size: 24px;
margin-bottom: 10px;
}
/* line 99, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li h2 a {
color: #333333;
}
/* line 104, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li .blog-post-excerpt {
color: #545454;
}
/* line 107, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li .blog-post-excerpt p:last-of-type {
margin-bottom: 10px;
}
/* line 112, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li sub {
bottom: 0;
color: #8d8d8d;
}
/* line 118, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:last-child .blog-post-content::before {
content: '';
display: block;
width: 20px;
height: 160px;
background: linear-gradient(0deg, #FFF, transparent);
position: absolute;
bottom: -50px;
left: -30px;
z-index: 10;
}
/* line 21, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay {
position: relative;
background-color: #343440;
background-image: radial-gradient(circle at 80% 20%, rgba(103, 106, 173, 0.35) 0%, rgba(0, 0, 0, 0) 55%), radial-gradient(circle at 10% 100%, rgba(47, 155, 115, 0.18) 0%, rgba(0, 0, 0, 0) 50%), radial-gradient(rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px);
background-size: 100% 100%, 100% 100%, 24px 24px;
background-position: 0 0, 0 0, 0 0;
min-height: 320px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 21, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay {
min-height: 400px;
}
}
/* line 37, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 0%, rgba(20, 20, 20, 0.35) 100%);
pointer-events: none;
z-index: 1;
}
/* line 46, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .content {
position: relative;
z-index: 2;
padding: 140px 0 120px;
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .content {
padding: 200px 0 120px;
}
}
/* line 53, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .catalog-title {
color: #ffffff;
font-weight: 700;
letter-spacing: -0.01em;
margin: 0 0 40px;
font-size: 2.25rem;
line-height: 1.05;
}
@media only screen and (min-width: 40.063em) {
/* line 53, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .catalog-title {
font-size: 3rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 53, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .catalog-title {
font-size: 4rem;
}
}
/* line 65, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .hero-tagline {
color: rgba(255, 255, 255, 0.78);
max-width: 780px;
font-size: 1rem;
line-height: 1.65;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 65, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .hero-tagline {
font-size: 1.125rem;
line-height: 1.7;
}
}
/* line 80, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section {
padding: 60px;
}
@media only screen and (min-width: 40.063em) {
/* line 80, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section {
padding: 80px;
}
}
/* line 90, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section > .row,
.platform-updates .platform-updates-filter-section > .row > .columns {
padding: 0;
margin: 0;
}
/* line 96, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section .filter-chips {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
/* line 102, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section .filter-eyebrow {
display: block;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: #828282;
font-weight: 700;
margin: 0 0 40px;
}
/* line 116, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: #FCFCFC;
color: #343440;
border: 1px solid #EEEEEE;
border-radius: 999px;
text-decoration: none;
font-size: 0.85rem;
line-height: 1;
font-weight: 500;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
/* line 131, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip .bucket-icon {
width: 14px;
height: 14px;
opacity: 0.7;
transition: opacity 160ms ease;
}
/* line 138, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip .bucket-label {
white-space: nowrap;
}
/* line 140, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip:hover {
background: #ffffff;
border-color: #CCCCCC;
color: #343440;
text-decoration: none;
}
/* line 145, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip:hover .bucket-icon {
opacity: 1;
}
/* line 148, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip.is-active {
background: #343440;
border-color: #343440;
color: #ffffff;
}
/* line 152, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip.is-active .bucket-icon {
filter: brightness(0) invert(1);
opacity: 1;
}
/* line 153, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip.is-active:hover {
background: #464657;
border-color: #464657;
}
/* line 158, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips,
.platform-updates .archive-chips {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
}
/* line 164, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip,
.platform-updates .archive-chips .bucket-chip {
padding: 4px 8px;
font-size: 0.7rem;
background: transparent;
border-color: #EEEEEE;
color: #303030;
}
/* line 171, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip .bucket-icon,
.platform-updates .archive-chips .bucket-chip .bucket-icon {
width: 11px;
height: 11px;
}
/* line 173, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip:hover,
.platform-updates .archive-chips .bucket-chip:hover {
background: #FCFCFC;
border-color: #CCCCCC;
color: #343440;
}
/* line 183, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip.is-active,
.platform-updates .archive-chips .bucket-chip.is-active {
background: #EEEEEE;
border-color: #CCCCCC;
color: #343440;
font-weight: 600;
}
/* line 188, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip.is-active .bucket-icon,
.platform-updates .archive-chips .bucket-chip.is-active .bucket-icon {
opacity: 1;
}
/* line 196, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .update-card.is-dimmed {
opacity: 0.22;
pointer-events: none;
filter: grayscale(0.4);
transition: opacity 200ms ease, filter 200ms ease;
}
/* line 203, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .update-card {
transition: opacity 200ms ease, filter 200ms ease, transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
/* line 205, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .archive-row {
transition: background 160ms ease, opacity 200ms ease, filter 200ms ease;
}
/* line 208, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .archive-row.is-dimmed {
opacity: 0.32;
pointer-events: none;
}
/* line 217, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights {
padding: 80px 0 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 217, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights {
padding: 120px 0 60px;
}
}
/* line 225, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights > .row {
padding: 0;
margin: 0 auto;
}
/* line 230, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights .section-heading {
color: #343440;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 24px;
letter-spacing: -0.005em;
}
@media only screen and (min-width: 40.063em) {
/* line 230, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights .section-heading {
margin: 0 0 40px;
}
}
/* line 245, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights .highlight-cards > .columns {
margin-bottom: 24px;
display: -ms-flexbox;
display: flex;
}
/* line 252, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: #ffffff;
border: 1px solid #EEEEEE;
border-radius: 12px;
overflow: hidden;
text-decoration: none;
transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
/* line 263, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card:hover {
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.04);
border-color: #CCCCCC;
text-decoration: none;
}
/* line 268, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card:hover .card-title {
color: #676AAD;
}
/* line 271, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-media {
aspect-ratio: 16 / 9;
background: #FCFCFC;
overflow: hidden;
}
/* line 275, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 278, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-body {
padding: 18px 18px 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 286, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-date {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #828282;
font-weight: 600;
margin: 0;
}
/* line 295, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-title {
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
color: #343440;
margin: 0;
transition: color 200ms ease;
}
/* line 304, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-chips {
margin-top: auto;
}
/* line 310, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive {
padding: 32px 0 80px;
}
@media only screen and (min-width: 40.063em) {
/* line 310, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive {
padding: 60px 0 120px;
}
}
/* line 318, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive > .row {
padding: 0;
margin: 0 auto;
}
/* line 323, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .section-heading {
color: #343440;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 323, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .section-heading {
margin: 0 0 40px;
}
}
/* line 332, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #EEEEEE;
}
/* line 340, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px;
padding: 18px 12px;
border-bottom: 1px solid #EEEEEE;
transition: background 160ms ease;
}
/* line 349, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-row:hover {
background: #FCFCFC;
}
@media only screen and (min-width: 40.063em) {
/* line 340, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-row {
padding: 22px 16px;
}
}
/* line 356, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-link {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
text-decoration: none;
}
/* line 362, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-link:hover {
text-decoration: none;
}
/* line 362, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-link:hover .archive-title {
color: #676AAD;
}
/* line 365, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-date {
font-size: 0.74rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #828282;
font-weight: 700;
}
/* line 373, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-title {
font-size: 1.05rem;
font-weight: 600;
color: #343440;
line-height: 1.35;
transition: color 180ms ease;
}
/* line 381, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-chips {
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 2px;
}
/* line 2, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro {
overflow: hidden;
}
/* line 34, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 38, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 38, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 47, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 47, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 66, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 71, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 77, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 77, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 89, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 96, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_versions,
.experiments .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 106, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_versions .svg_background,
.experiments .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 111, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 118, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 118, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 118, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 131, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 137, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 143, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 149, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 159, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 171, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 186, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-copy ul li {
margin-bottom: 16px;
}
/* line 191, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 191, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category {
margin-bottom: 40px;
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 191, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category {
margin-bottom: 80px;
}
}
/* line 204, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
/* line 209, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row:first-of-type {
padding-top: 0;
}
/* line 213, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic {
position: relative;
z-index: 1;
}
/* line 217, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 217, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic::before {
display: none;
}
}
/* line 234, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 234, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic img {
opacity: 1;
}
}
/* line 244, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-content {
position: relative;
z-index: 2;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 244, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 244, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-content {
margin-top: 20px;
}
}
/* line 260, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 260, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 272, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 272, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 272, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 284, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 284, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 300, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 304, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 308, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 316, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 316, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 316, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 332, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 338, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 347, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-alternating-content ol li,
.experiments .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 352, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 357, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-flows h1, .experiments .section-flows h2, .experiments .section-flows h3, .experiments .section-flows h4, .experiments .section-flows p, .experiments .section-flows li {
color: #ffffff;
}
/* line 361, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro {
overflow: hidden;
}
/* line 34, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 38, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 38, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 47, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 47, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 66, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 71, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 77, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 77, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 89, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 96, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_versions,
.upsells .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 106, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_versions .svg_background,
.upsells .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 111, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 118, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 118, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 118, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info {
-ms-flex-direction: column;
flex-direction: column;
gap: 80px;
}
}
/* line 131, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 131, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
gap: 80px;
}
}
/* line 143, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
font-size: 1.25rem;
}
/* line 150, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block img {
width: 100%;
max-width: 304px;
}
/* line 155, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block .upsell_info_block_text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
/* line 169, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 169, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 186, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 191, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 198, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a span {
font-weight: 600;
}
/* line 202, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a:hover {
color: #6F4173;
gap: 12px;
}
/* line 207, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a svg path {
stroke: #676AAD;
}
/* line 212, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .accent_color {
color: #676AAD;
}
/* line 216, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 221, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 229, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 234, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 243, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-copy ul li {
margin-bottom: 16px;
}
/* line 248, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 248, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category {
margin-bottom: 40px;
padding-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 248, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category {
margin-bottom: 80px;
}
}
/* line 261, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
/* line 266, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row:first-of-type {
padding-top: 0;
}
/* line 270, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic {
position: relative;
z-index: 1;
}
/* line 274, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 274, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic::before {
display: none;
}
}
/* line 291, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
/* line 291, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic img {
opacity: 1;
}
}
/* line 301, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-content {
position: relative;
z-index: 2;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 301, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
/* line 301, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-content {
margin-top: 20px;
}
}
/* line 317, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 317, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 329, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 329, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 329, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 341, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 341, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 357, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 361, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 365, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 373, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 373, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 373, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 389, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 395, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 404, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-alternating-content ol li,
.upsells .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 409, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 414, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-flows h1, .upsells .section-flows h2, .upsells .section-flows h3, .upsells .section-flows h4, .upsells .section-flows p, .upsells .section-flows li {
color: #ffffff;
}
/* line 418, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_resources_rev.scss */
.rev .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_rev.scss */
.rev .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_rev.scss */
.rev .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 37, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 37, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 46, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 46, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 65, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 70, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 76, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 76, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 88, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 95, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_versions,
.rev .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 105, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_versions .svg_background,
.rev .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 110, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 117, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 117, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 117, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 130, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 136, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 142, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 148, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 158, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 170, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 184, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights {
padding-bottom: 80px;
}
/* line 187, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .row {
padding-top: 120px;
}
/* line 191, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 196, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 196, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 204, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 204, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 204, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 204, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 230, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 234, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 234, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 243, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 250, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a span {
font-weight: 600;
}
/* line 254, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 259, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a svg path {
stroke: #676AAD;
}
/* line 264, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .accent_color {
color: #676AAD;
}
/* line 268, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 268, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 268, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 282, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 287, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 293, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 298, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 309, ../../_src/scss/components/_page_resources_rev.scss */
.rev .feature-copy ul li {
margin-bottom: 16px;
}
/* line 314, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 314, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 326, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 326, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 326, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 338, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 338, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 354, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 358, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 362, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 370, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 370, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 370, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 386, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 392, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 401, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-alternating-content ol li,
.rev .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 406, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 411, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-flows h1, .rev .section-flows h2, .rev .section-flows h3, .rev .section-flows h4, .rev .section-flows p, .rev .section-flows li {
color: #ffffff;
}
/* line 415, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_resources_retention.scss */
.retention .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_retention.scss */
.retention .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_retention.scss */
.retention .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 37, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 37, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 46, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro p {
font-size: 18px;
}
/* line 49, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro p:first-child {
margin-top: -30px;
}
/* line 53, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro p:last-child {
margin-bottom: -20px;
}
/* line 58, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro:after {
display: none;
}
/* line 62, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 62, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 62, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 81, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 86, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 92, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 92, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 104, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 111, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_versions,
.retention .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 121, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_versions .svg_background,
.retention .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 126, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 133, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 133, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 133, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 146, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 152, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 158, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 164, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 174, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 186, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 200, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights {
padding-bottom: 80px;
}
/* line 203, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .row {
padding-top: 120px;
}
/* line 207, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 212, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 212, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 220, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 220, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 220, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 220, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 246, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 250, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 250, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 259, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 266, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a span {
font-weight: 600;
}
/* line 270, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 275, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a svg path {
stroke: #676AAD;
}
/* line 280, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .accent_color {
color: #676AAD;
}
/* line 284, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 284, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 284, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 298, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 303, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 309, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 314, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 325, ../../_src/scss/components/_page_resources_retention.scss */
.retention .feature-copy ul li {
margin-bottom: 16px;
}
/* line 330, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 330, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 342, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 342, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 342, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 354, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 354, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 370, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 374, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 378, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 386, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 386, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 386, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 402, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 408, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 417, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-alternating-content ol li,
.retention .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 422, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 427, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-flows h1, .retention .section-flows h2, .retention .section-flows h3, .retention .section-flows h4, .retention .section-flows p, .retention .section-flows li {
color: #ffffff;
}
/* line 431, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 32px;
}
/* line 37, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 37, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 46, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro img {
margin-bottom: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro img {
margin-bottom: 0;
}
}
/* line 55, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro {
font-size: 1.25rem;
font-weight: 600;
}
/* line 60, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 65, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro ul li {
margin-bottom: 16px;
font-size: 1.25rem;
}
/* line 71, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 71, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 71, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 90, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 95, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 101, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 101, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 113, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 120, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_versions,
.affiliate .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 130, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_versions .svg_background,
.affiliate .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 135, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 142, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 142, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 142, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 155, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 161, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 167, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 173, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 183, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 195, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 209, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights {
padding-bottom: 80px;
}
/* line 212, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .row {
padding-top: 120px;
}
/* line 216, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 221, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 221, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 255, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 259, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 259, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 268, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 275, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a span {
font-weight: 600;
}
/* line 279, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 284, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a svg path {
stroke: #676AAD;
}
/* line 289, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .accent_color {
color: #676AAD;
}
/* line 293, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 293, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 293, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 307, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 312, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
}
/* line 318, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 323, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 332, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 332, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
}
/* line 348, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 353, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 358, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 366, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 371, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 380, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .feature-copy ul li {
margin-bottom: 16px;
}
/* line 385, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 385, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 397, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 397, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 397, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 409, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 409, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 425, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 429, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 433, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 441, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 441, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 441, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 457, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 463, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 472, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-alternating-content ol li,
.affiliate .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 477, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 482, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-flows h1, .affiliate .section-flows h2, .affiliate .section-flows h3, .affiliate .section-flows h4, .affiliate .section-flows p, .affiliate .section-flows li {
color: #ffffff;
}
/* line 486, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-flows ul li {
margin-bottom: 20px;
}
/* line 4, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .accent_color {
color: #DAA43A;
}
/* line 10, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions #section-auto-orders .feature-media-wrapper img,
.subscriptions #section-upsells .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 17, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlights a {
color: #DAA43A;
}
/* line 20, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlights a:hover {
color: #a87a20;
}
/* line 24, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlights a svg path {
stroke: #DAA43A;
}
/* line 29, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 36, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 41, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .breadcrumb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 48, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 53, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 58, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .breadcrumb-nav span {
color: #ffffff;
}
/* line 62, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .breadcrumb-nav svg {
opacity: 0.5;
}
/* line 67, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 73, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 78, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 84, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 97, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 102, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 112, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 119, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-header {
margin-bottom: 48px;
}
/* line 122, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 127, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 138, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 138, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 138, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .highlight-wrapper {
gap: 80px;
}
}
/* line 152, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .highlight-wrapper .feature-copy {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 157, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 162, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro p {
line-height: 1.75;
}
/* line 166, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro ul li {
margin-bottom: 16px;
line-height: 1.6;
}
/* line 173, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links {
padding-top: 80px;
padding-bottom: 40px;
background-color: #FCFCFC;
}
@media only screen and (min-width: 64.063em) {
/* line 173, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links {
padding-top: 120px;
padding-bottom: 60px;
}
}
/* line 183, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 183, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 183, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-cards {
grid-template-columns: repeat(4, 1fr);
}
}
/* line 198, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
background-color: #ffffff;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 209, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #DAA43A;
}
/* line 213, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card:hover .cross-link-arrow {
gap: 12px;
color: #DAA43A;
}
/* line 217, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card:hover .cross-link-arrow svg path {
stroke: #DAA43A;
}
/* line 223, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card .cross-link-icon {
margin-bottom: 16px;
}
/* line 226, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card .cross-link-icon svg {
width: 28px;
height: 28px;
}
/* line 232, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #343440;
}
/* line 238, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 16px;
}
/* line 246, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card .cross-link-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #DAA43A;
font-weight: 600;
font-size: 0.875rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 255, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card .cross-link-arrow svg {
width: 18px;
height: 18px;
}
/* line 259, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cross-links .cross-link-card .cross-link-arrow svg path {
stroke: #DAA43A;
transition: stroke 0.3s ease;
}
/* line 269, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 269, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 279, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 285, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 293, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 299, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 312, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 317, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 327, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 2, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ultracart-ai-report-dashboard-02.jpg);
}
/* line 21, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner p:last-of-type:first-of-type {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 27, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner ul li {
color: rgba(255, 255, 255, 0.8);
margin-bottom: 4px;
}
/* line 33, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 42, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro img {
margin-top: -60px;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro img {
margin-top: -160px;
margin-bottom: 40px;
}
}
/* line 52, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 56, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 56, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 65, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .faux-input {
background-color: #FCFCFC;
border: 1px solid #CCCCCC;
padding: 8px 16px;
border-radius: 8px;
margin-bottom: 16px;
margin-left: -16px;
margin-right: -16px;
width: calc(100% + 32px);
}
/* line 75, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .faux-input p {
margin: 0;
}
/* line 78, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .faux-input p .blink {
animation: blink 1s steps(1) infinite;
opacity: 0.5;
}
@keyframes blink {
0% {
opacity: 0.15;
}
50% {
opacity: 1;
}
100% {
opacity: 0.15;
}
}
/* line 91, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 91, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 91, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 110, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 115, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 121, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 121, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 133, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 140, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_versions,
.ai-agents .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 150, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_versions .svg_background,
.ai-agents .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 155, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 162, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 162, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 162, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 175, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 181, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 187, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 193, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 203, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 215, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 228, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro ul li:not(:last-child) {
margin-bottom: 16px;
}
/* line 233, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights {
padding-bottom: 80px;
}
/* line 236, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .row {
padding-top: 120px;
}
/* line 240, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 245, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 245, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 279, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 283, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 283, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 292, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 299, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a span {
font-weight: 600;
}
/* line 303, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 308, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a svg path {
stroke: #676AAD;
}
/* line 313, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .accent_color {
color: #676AAD;
}
/* line 317, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 317, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 317, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 331, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 336, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 342, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 347, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 352, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 10%;
width: calc(100% + 16px);
left: -8px;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 352, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
top: 240px;
}
}
/* line 368, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 380, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 380, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 390, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 395, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 405, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .key-benefits h2::after {
display: none;
}
/* line 410, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 410, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 64.063em) {
/* line 410, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* line 424, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 transparent;
transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 436, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 441, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-grid-item-title {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 0;
}
/* line 448, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
/* line 453, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-grid-item-description {
font-size: 1rem;
}
/* line 457, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-item-category {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 8px 12px 8px 8px;
font-size: 0.875rem;
margin-left: -8px;
margin-bottom: 8px;
}
/* line 468, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-item-category span {
font-weight: bold;
}
/* line 476, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .ai-analytics-section > p {
font-weight: 400;
font-size: 1.25rem;
line-height: 1.8;
}
/* line 482, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .ai-analytics-section .ai-analytics-features {
margin-top: 40px;
}
/* line 490, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy ul li {
margin-bottom: 16px;
}
/* line 494, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 32px;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 494, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
/* line 507, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 507, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item {
gap: 32px;
}
}
/* line 519, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item img {
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
/* line 524, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item h3 {
font-size: 1.125rem;
margin-bottom: 8px;
}
/* line 532, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 532, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 544, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 544, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 544, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 556, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 556, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 572, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 576, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 580, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 588, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 588, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 588, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 604, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 610, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 619, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-alternating-content ol li,
.ai-agents .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 624, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 629, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-flows h1, .ai-agents .section-flows h2, .ai-agents .section-flows h3, .ai-agents .section-flows h4, .ai-agents .section-flows p, .ai-agents .section-flows li {
color: #ffffff;
}
/* line 633, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-flows ul li {
margin-bottom: 20px;
}
/* line 6, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .accent_color {
color: #676AAD;
}
/* line 10, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper img {
box-shadow: none;
}
/* line 14, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 21, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 26, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .breadcrumb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 33, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 38, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 43, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .breadcrumb-nav span {
color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .breadcrumb-nav svg {
opacity: 0.5;
}
/* line 52, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 58, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 63, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 69, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 82, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 87, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 97, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 104, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-header {
margin-bottom: 48px;
}
/* line 107, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 112, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 128, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay {
position: relative;
overflow: hidden;
padding-top: 40px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 128, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay {
padding-top: 60px;
padding-bottom: 100px;
}
}
/* line 141, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .row:first-of-type {
padding-top: 64px;
padding-bottom: 0;
}
/* line 145, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .row:first-of-type .columns {
margin-bottom: 0;
}
/* line 150, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .row:last-of-type {
padding-top: 0;
padding-bottom: 0;
}
/* line 156, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(80% 60% at 50% 0%, #f6fbfe 0%, rgba(0, 0, 0, 0) 65%), radial-gradient(60% 50% at 92% 100%, #f6fbfe 0%, rgba(0, 0, 0, 0) 60%);
pointer-events: none;
z-index: 0;
}
/* line 167, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .row {
position: relative;
z-index: 1;
}
/* line 169, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .section-header {
margin-bottom: 50px;
}
/* line 172, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .section-header h2 {
margin-bottom: 12px;
}
/* line 175, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-sub {
font-size: 1.0625rem;
line-height: 1.6;
color: #6d6d86;
max-width: 560px;
margin: 0 auto;
}
/* line 184, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-customer {
text-align: center;
max-width: 620px;
margin: 60px auto 50px;
}
@media only screen and (min-width: 64.063em) {
/* line 184, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-customer {
margin: 80px auto 60px;
}
}
/* line 194, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-customer-label {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
color: #88889e;
text-transform: uppercase;
margin-bottom: 12px;
}
/* line 204, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-customer-msg {
font-size: 1rem;
font-weight: 500;
color: #343440;
line-height: 1.4;
letter-spacing: -0.01em;
min-height: 1.4em;
margin: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 204, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-customer-msg {
font-size: 1.4rem;
}
}
/* line 217, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-customer-msg::after {
content: "";
display: inline-block;
width: 2px;
height: 1em;
background: #61b6e6;
margin-left: 3px;
vertical-align: -2px;
animation: nd-blink 0.9s steps(2, start) infinite;
opacity: 0;
}
/* line 230, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view .nd-customer-msg.typing::after {
opacity: 1;
}
/* line 231, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view .nd-customer-msg.done::after {
opacity: 0;
}
@keyframes nd-blink {
to {
visibility: hidden;
}
}
/* line 235, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-stage {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
-ms-flex-align: stretch;
align-items: stretch;
}
@media only screen and (min-width: 40.063em) {
/* line 235, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-stage {
grid-template-columns: 1fr 1fr;
gap: 28px;
}
}
/* line 247, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card {
position: relative;
background: #ffffff;
border-radius: 18px;
padding: 24px 22px 22px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 40.063em) {
/* line 247, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card {
padding: 28px 28px 24px;
}
}
/* line 263, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-card {
opacity: 0;
-ms-transform: translateY(14px);
transform: translateY(14px);
transition: opacity 0.6s 0.4s ease, transform 0.6s 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}
/* line 268, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-card--generic {
opacity: 0;
}
/* line 270, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-card {
animation: nd-card-in 0.6s 0.4s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
}
/* line 271, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-card--generic {
animation: nd-card-in-generic 0.6s 0.4s ease forwards;
}
@keyframes nd-card-in {
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes nd-card-in-generic {
from {
opacity: 0;
}
to {
opacity: 0.62;
}
}
/* line 283, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--generic {
background: #FCFCFC;
border: 1px dashed #CCCCCC;
filter: grayscale(1);
opacity: 0.62;
}
/* line 290, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card-head {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #343440;
margin-bottom: 16px;
}
/* line 302, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--generic .nd-card-head {
color: #88889e;
}
/* line 306, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card-tag {
font-size: 10px;
letter-spacing: 0.12em;
}
/* line 311, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-status-line {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 12px;
color: #88889e;
letter-spacing: 0.02em;
text-transform: lowercase;
padding: 4px 0 16px;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 16px;
}
/* line 325, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--generic .nd-reply {
color: #6d6d86;
font-size: 0.9375rem;
line-height: 1.65;
margin: 0 0 20px;
}
/* line 332, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-escalate {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #88889e;
padding-top: 14px;
border-top: 1px dashed #CCCCCC;
margin-top: auto;
}
/* line 343, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-escalate {
opacity: 0;
animation: nd-fade-in 0.4s 1.4s ease forwards;
}
@keyframes nd-fade-in {
to {
opacity: 1;
}
}
/* line 350, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--uc {
background: #ffffff;
box-shadow: 0 30px 60px -30px rgba(52, 52, 64, 0.35), 0 8px 24px -12px rgba(52, 52, 64, 0.15);
border: 1px solid rgba(97, 182, 230, 0.12);
}
/* line 355, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--uc::before {
content: "";
position: absolute;
top: 0;
left: 24px;
right: 24px;
height: 3px;
background: linear-gradient(90deg, #61b6e6, #1d81b9);
border-radius: 0 0 3px 3px;
}
/* line 367, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-live {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-size: 10px;
color: #1d81b9;
background: #e3f2fb;
padding: 4px 8px;
border-radius: 999px;
text-transform: lowercase;
letter-spacing: 0.1em;
}
/* line 379, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-live i {
width: 5px;
height: 5px;
border-radius: 50%;
background: #61b6e6;
animation: nd-livepulse 1.8s ease-in-out infinite;
}
@keyframes nd-livepulse {
0%, 100% {
box-shadow: 0 0 0 0 rgba(97, 182, 230, 0.6);
}
50% {
box-shadow: 0 0 0 6px rgba(97, 182, 230, 0);
}
}
/* line 394, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-pills {
list-style: none;
margin: 0 0 20px;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 403, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-pill {
display: grid;
grid-template-columns: 18px 1fr auto 18px;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding: 10px 14px;
background: #f6fbfe;
border: 1px solid rgba(97, 182, 230, 0.14);
border-radius: 10px;
opacity: 1;
-ms-transform: none;
transform: none;
transition: background 0.35s ease, border-color 0.35s ease;
}
/* line 417, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-pill {
opacity: 0;
-ms-transform: translateX(14px);
transform: translateX(14px);
transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), background 0.35s ease, border-color 0.35s ease;
}
/* line 427, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-pill.in {
opacity: 1;
-ms-transform: none;
transform: none;
}
/* line 432, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-pill.bound {
background: #e3f2fb;
border-color: rgba(97, 182, 230, 0.4);
}
/* line 437, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-pill-icon {
width: 18px;
height: 18px;
color: #1d81b9;
}
/* line 443, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-pill-k {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.14em;
color: #1d81b9;
text-transform: uppercase;
}
/* line 452, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-pill-v {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 12.5px;
color: #343440;
text-align: right;
font-variant-numeric: tabular-nums;
}
/* line 460, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-check {
width: 16px;
height: 16px;
stroke: #1d81b9;
stroke-width: 2.5;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 22;
stroke-dashoffset: 0;
transition: stroke-dashoffset 0.5s 0.1s ease;
}
/* line 473, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-check {
stroke-dashoffset: 22;
}
/* line 474, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-pill.in .nd-check {
stroke-dashoffset: 0;
}
/* line 477, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--uc .nd-reply {
font-size: 1rem;
line-height: 1.6;
color: #343440;
margin: 0 0 18px;
min-height: 4.8em;
}
/* line 485, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-bind {
position: relative;
color: #343440;
font-weight: 600;
padding: 0 2px;
border-radius: 3px;
background-color: transparent;
transition: background-color 0.35s ease, color 0.35s ease;
}
/* line 494, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-bind.glow {
background-color: #e3f2fb;
color: #1d81b9;
}
/* line 501, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-receipt {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
font-size: 11px;
letter-spacing: 0.08em;
color: #6d6d86;
padding-top: 14px;
border-top: 1px solid #EEEEEE;
margin-top: auto;
}
/* line 513, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-receipt i {
width: 6px;
height: 6px;
border-radius: 50%;
background: #2ec27e;
box-shadow: 0 0 0 3px rgba(46, 194, 126, 0.18);
}
/* line 522, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-receipt {
opacity: 0;
-ms-transform: translateY(8px);
transform: translateY(8px);
transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}
/* line 528, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay.in-view:not(.no-anim) .nd-receipt.in {
opacity: 1;
-ms-transform: none;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
/* line 534, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card, .ai-agents-new .nd-replay .nd-pill, .ai-agents-new .nd-replay .nd-receipt, .ai-agents-new .nd-replay .nd-escalate {
opacity: 1 !important;
-ms-transform: none !important;
transform: none !important;
}
/* line 538, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-card--generic {
opacity: 0.62 !important;
}
/* line 539, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-check {
stroke-dashoffset: 0 !important;
}
/* line 540, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .nd-replay .nd-live i {
animation: none !important;
}
}
/* line 546, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-highlights a {
color: #676AAD;
}
/* line 549, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-highlights a:hover {
color: #464882;
}
/* line 553, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-highlights a svg path {
stroke: #676AAD;
}
/* line 560, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links {
padding-top: 80px;
padding-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 560, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links {
padding-top: 120px;
padding-bottom: 60px;
}
}
/* line 569, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 569, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 569, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-cards {
grid-template-columns: repeat(4, 1fr);
}
}
/* line 584, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
background-color: #ffffff;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 595, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #676AAD;
}
/* line 599, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card:hover .cross-link-arrow {
gap: 12px;
color: #464882;
}
/* line 603, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card:hover .cross-link-arrow svg path {
stroke: #464882;
}
/* line 609, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card .cross-link-icon {
margin-bottom: 16px;
}
/* line 612, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card .cross-link-icon svg {
width: 28px;
height: 28px;
}
/* line 618, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #343440;
}
/* line 624, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 16px;
}
/* line 632, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card .cross-link-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
font-size: 0.875rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 641, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card .cross-link-arrow svg {
width: 18px;
height: 18px;
}
/* line 645, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cross-links .cross-link-card .cross-link-arrow svg path {
stroke: #676AAD;
transition: stroke 0.3s ease;
}
/* line 655, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 655, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 665, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 671, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 679, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 685, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 698, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 703, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 713, ../../_src/scss/components/_page_resources_ai_agents_new.scss */
.ai-agents-new .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 8, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights {
padding-bottom: 80px;
overflow-x: clip;
}
/* line 12, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .row {
padding-top: 120px;
}
/* line 16, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 21, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 21, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 29, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h2::after {
content: "";
width: 200vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: -100vw;
}
/* line 43, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 47, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 56, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights ul li:not(:last-child) {
margin-bottom: 16px;
}
/* line 60, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
transition: color 0.3s ease;
}
/* line 66, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights a span {
font-weight: 600;
}
/* line 71, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 71, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 71, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 85, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 85, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-copy {
-ms-flex-order: unset;
order: unset;
}
}
/* line 94, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-copy ul li {
margin-bottom: 16px;
}
/* line 99, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 99, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper {
-ms-flex-order: unset;
order: unset;
}
}
/* line 110, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 115, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
border-radius: 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
/* line 122, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
/* line 128, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 133, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 143, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .section-highlights .highlight-wrapper .key-benefits h2::after {
display: none;
}
/* line 151, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 151, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 64.063em) {
/* line 151, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* line 165, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid .benefit-grid-item {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 transparent;
transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 177, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid .benefit-grid-item:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 182, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid .benefit-grid-item .benefit-item-category {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 8px 12px 8px 8px;
font-size: 0.875rem;
margin-left: -8px;
margin-bottom: 8px;
}
/* line 193, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid .benefit-grid-item .benefit-item-category span {
font-weight: bold;
}
/* line 198, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .benefit-grid .benefit-grid-item p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
/* line 206, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 32px;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 206, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
/* line 217, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid .feature-item {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 217, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid .feature-item {
gap: 32px;
}
}
/* line 228, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid .feature-item img {
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
/* line 233, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid .feature-item h3 {
font-size: 1.125rem;
margin-bottom: 8px;
}
/* line 239, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid .feature-item .feature-item-text h3 {
font-size: 1.125rem;
margin-bottom: 8px;
}
/* line 244, ../../_src/scss/components/_page_resources_crm_shared.scss */
.crm-page .feature-copy .feature-grid .feature-item .feature-item-text p {
font-size: 0.9375rem;
line-height: 1.7;
color: #626278;
margin-bottom: 0;
}
/* line 4, ../../_src/scss/components/_page_resources_crm.scss */
.crm .accent_color {
color: #676AAD;
}
/* line 9, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-highlights a {
color: #676AAD;
}
/* line 12, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-highlights a:hover {
color: #464882;
}
/* line 16, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-highlights a svg path {
stroke: #676AAD;
}
/* line 21, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 28, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 33, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 39, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 44, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 50, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 63, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 68, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 77, ../../_src/scss/components/_page_resources_crm.scss */
.crm .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 84, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-header {
margin-bottom: 48px;
}
/* line 87, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 92, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 103, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 103, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
/* line 114, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 12px;
}
/* line 123, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 127, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-card .scenario-icon {
grid-column: 1;
grid-row: 1;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 8px;
}
/* line 133, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 139, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
grid-column: 2;
grid-row: 1;
-ms-flex-item-align: center;
align-self: center;
}
/* line 147, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
grid-column: 1 / -1;
grid-row: 2;
}
/* line 159, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 159, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 168, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 168, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 168, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* line 183, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 193, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #676AAD;
}
/* line 197, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card:hover .channel-link {
gap: 12px;
color: #6F4173;
}
/* line 201, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card:hover .channel-link svg path {
stroke: #6F4173;
}
/* line 207, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card .channel-icon {
margin-bottom: 16px;
}
/* line 210, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card .channel-icon svg {
width: 32px;
height: 32px;
}
/* line 216, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
color: #343440;
}
/* line 222, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card p {
font-size: 0.9375rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 229, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card .channel-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
font-size: 0.9375rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 238, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card .channel-link svg {
width: 20px;
height: 20px;
}
/* line 243, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-channels .channel-card .channel-link svg path {
stroke: #676AAD;
}
/* line 251, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view {
padding-top: 80px;
padding-bottom: 80px;
background-color: #ffffff;
}
@media only screen and (min-width: 64.063em) {
/* line 251, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 261, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 261, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 261, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .highlight-wrapper {
gap: 80px;
}
}
/* line 276, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .agent-view-media {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 276, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .agent-view-media {
width: 50%;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
/* line 284, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .agent-view-media img {
width: 100%;
height: auto;
border-radius: 0;
box-shadow: none;
}
/* line 293, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .feature-copy h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 298, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .feature-copy p {
line-height: 1.75;
}
/* line 302, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .feature-copy ul li {
margin-bottom: 16px;
line-height: 1.6;
}
/* line 307, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .feature-copy a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
transition: color 0.3s ease;
margin-top: 16px;
}
/* line 316, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .feature-copy a:hover {
color: #464882;
}
/* line 320, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-agent-view .feature-copy a svg path {
stroke: #676AAD;
}
/* line 328, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 328, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 337, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-card {
border-radius: 16px;
padding: 32px;
height: 100%;
}
/* line 342, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-card h3 {
font-size: 1.375rem;
margin-bottom: 24px;
}
/* line 347, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-card ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 352, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-card ul li {
padding: 12px 0;
border-bottom: 1px solid #CCCCCC;
font-size: 0.9375rem;
line-height: 1.6;
}
/* line 358, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-card ul li:last-child {
border-bottom: none;
}
/* line 364, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-card .comparison-tagline {
margin-top: 24px;
font-style: italic;
font-size: 0.9375rem;
margin-bottom: 0;
}
/* line 372, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-typical {
background-color: #FCFCFC;
border: 1px solid #CCCCCC;
opacity: 0.75;
}
/* line 377, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-typical h3 {
color: #626278;
}
/* line 381, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-typical .comparison-tagline {
color: #7a7a93;
}
/* line 386, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-ultracart {
background-color: #fcfcfd;
border: 2px solid #676AAD;
}
/* line 390, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-ultracart ul li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
/* line 395, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-ultracart ul li svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20px;
height: 20px;
}
/* line 400, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-ultracart ul li svg path {
stroke: #676AAD;
}
/* line 406, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-comparison .comparison-ultracart .comparison-tagline {
color: #6F4173;
font-weight: 600;
font-style: normal;
}
/* line 415, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 415, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 425, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 431, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 439, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 445, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 458, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 463, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 473, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 478, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 485, ../../_src/scss/components/_page_resources_crm.scss */
.crm .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .accent_color {
color: #676AAD;
}
/* line 8, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new.crm-page .section-highlights .highlight-wrapper .feature-media-wrapper img {
box-shadow: none;
}
/* line 13, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 25, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .breadcrumb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 32, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 37, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 42, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .breadcrumb-nav span {
color: #ffffff;
}
/* line 46, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .breadcrumb-nav svg {
opacity: 0.5;
}
/* line 51, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 57, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 62, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 68, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 81, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 86, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 96, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 104, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-header {
margin-bottom: 48px;
}
/* line 107, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 112, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 123, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper {
position: relative;
min-height: 300px;
}
/* line 127, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper h2 {
font-size: 1.75rem;
margin-bottom: 12px;
position: relative;
z-index: 2;
}
/* line 134, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper p {
line-height: 1.75;
position: relative;
z-index: 2;
max-width: 640px;
}
/* line 141, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper ul {
position: relative;
z-index: 2;
max-width: 640px;
}
/* line 146, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper ul li {
margin-bottom: 16px;
line-height: 1.6;
}
/* line 152, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper .intro-illustration {
position: absolute;
bottom: -20px;
right: -40px;
width: 420px;
max-width: 50%;
height: auto;
opacity: 0;
z-index: 1;
pointer-events: none;
}
@media only screen and (min-width: 40.063em) {
/* line 152, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper .intro-illustration {
opacity: 0;
bottom: -40px;
right: -20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 152, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-intro .intro-content-wrapper .intro-illustration {
opacity: 1;
width: 480px;
bottom: -60px;
right: 0;
}
}
/* line 180, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-cards {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
margin-top: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 180, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-cards {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
}
/* line 192, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card {
position: relative;
overflow: hidden;
border-radius: 16px;
background-color: #343441;
padding: 32px;
min-height: 280px;
transition: box-shadow 0.3s ease;
}
/* line 202, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 206, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card .intelligence-card-text {
position: relative;
z-index: 2;
max-width: 100%;
color: #FCFCFC;
}
@media only screen and (min-width: 64.063em) {
/* line 206, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card .intelligence-card-text {
max-width: 50%;
}
}
/* line 216, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card .intelligence-card-text h3 {
font-size: 1.25rem;
margin-bottom: 12px;
color: #FCFCFC;
}
/* line 222, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card .intelligence-card-text p {
font-size: 0.9375rem;
line-height: 1.7;
color: #FCFCFC;
margin-bottom: 0;
}
/* line 231, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card img {
position: absolute;
bottom: 0;
right: 16px;
width: 180px;
height: auto;
z-index: 1;
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 231, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .intelligence-card img {
display: block;
width: 200px;
}
}
/* line 248, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-crosslink {
margin-top: 24px;
}
/* line 251, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-crosslink a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 259, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-crosslink a:hover {
gap: 12px;
color: #6F4173;
}
/* line 263, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-crosslink a:hover svg path {
stroke: #6F4173;
}
/* line 268, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-crosslink a svg {
width: 20px;
height: 20px;
}
/* line 272, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-crosslink a svg path {
stroke: #676AAD;
transition: stroke 0.3s ease;
}
/* line 281, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links {
padding-top: 80px;
padding-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 281, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links {
padding-top: 120px;
padding-bottom: 60px;
}
}
/* line 290, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 290, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 301, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
background-color: #ffffff;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 312, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #676AAD;
}
/* line 316, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card:hover .cross-link-arrow {
gap: 12px;
color: #6F4173;
}
/* line 320, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card:hover .cross-link-arrow svg path {
stroke: #6F4173;
}
/* line 326, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card .cross-link-icon {
margin-bottom: 16px;
}
/* line 329, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card .cross-link-icon svg {
width: 28px;
height: 28px;
}
/* line 335, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #343440;
}
/* line 341, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 16px;
}
/* line 349, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card .cross-link-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
font-weight: 600;
font-size: 0.875rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 358, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card .cross-link-arrow svg {
width: 18px;
height: 18px;
}
/* line 362, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cross-links .cross-link-card .cross-link-arrow svg path {
stroke: #676AAD;
transition: stroke 0.3s ease;
}
/* line 372, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 372, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 382, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 388, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 396, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 402, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 415, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 420, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 430, ../../_src/scss/components/_page_resources_conversations_new.scss */
.conversations-new .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .accent_color {
color: #e67e22;
}
/* line 5, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 12, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 17, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .breadcrumb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 24, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 29, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 34, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .breadcrumb-nav span {
color: #ffffff;
}
/* line 38, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .breadcrumb-nav svg {
opacity: 0.5;
}
/* line 43, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 49, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 54, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 60, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 73, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 78, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 88, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 95, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-header {
margin-bottom: 48px;
}
/* line 98, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 103, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 114, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 114, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
/* line 125, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 12px;
}
/* line 134, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 138, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card .data-category-icon {
grid-column: 1;
grid-row: 1;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 16px;
}
/* line 144, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card .data-category-icon svg {
width: 32px;
height: 32px;
}
/* line 150, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card h3 {
font-size: 1.25rem;
margin-bottom: 16px;
grid-column: 2;
grid-row: 1;
-ms-flex-item-align: center;
align-self: center;
}
/* line 158, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card ul {
grid-column: 1 / -1;
grid-row: 2;
}
/* line 163, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 168, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card ul li {
padding: 8px 0;
font-size: 0.9375rem;
line-height: 1.6;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
color: #4b4b5c;
}
/* line 175, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-intro .data-category-card ul li:last-child {
border-bottom: none;
}
/* line 185, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow {
padding-top: 80px;
padding-bottom: 80px;
background-color: #fceee2;
}
@media only screen and (min-width: 64.063em) {
/* line 185, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 195, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow h2 {
font-size: 1.75rem;
margin-bottom: 12px;
color: #a85913;
}
/* line 201, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow > .row:first-child p {
font-size: 1.0625rem;
line-height: 1.8;
color: #924d10;
margin-bottom: 48px;
}
/* line 208, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 208, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 208, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-cards {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* line 223, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-card {
background-color: #ffffff;
border-radius: 16px;
border: 1px solid #e67e22;
padding: 32px;
}
/* line 229, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-card .data-flow-icon {
margin-bottom: 16px;
}
/* line 232, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-card .data-flow-icon svg {
width: 28px;
height: 28px;
}
/* line 236, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-card .data-flow-icon svg path {
stroke: #e67e22;
}
/* line 242, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-card h3 {
font-size: 1.0625rem;
margin-bottom: 8px;
color: #a85913;
}
/* line 248, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #56566a;
margin-bottom: 0;
}
/* line 256, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-summary {
margin-top: 40px;
text-align: center;
}
/* line 260, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-data-flow .data-flow-summary p {
font-size: 1rem;
line-height: 1.75;
color: #924d10;
max-width: 800px;
margin: 0 auto;
font-weight: 500;
}
/* line 272, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links {
padding-top: 80px;
padding-bottom: 40px;
background-color: #FCFCFC;
}
@media only screen and (min-width: 64.063em) {
/* line 272, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links {
padding-top: 120px;
padding-bottom: 60px;
}
}
/* line 282, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 282, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 282, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-cards {
grid-template-columns: repeat(4, 1fr);
}
}
/* line 297, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
background-color: #ffffff;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 308, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #e67e22;
}
/* line 312, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card:hover .cross-link-arrow {
gap: 12px;
color: #bf6516;
}
/* line 316, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card:hover .cross-link-arrow svg path {
stroke: #bf6516;
}
/* line 322, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card .cross-link-icon {
margin-bottom: 16px;
}
/* line 325, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card .cross-link-icon svg {
width: 28px;
height: 28px;
}
/* line 331, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #343440;
}
/* line 337, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 16px;
}
/* line 345, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card .cross-link-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #e67e22;
font-weight: 600;
font-size: 0.875rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 354, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card .cross-link-arrow svg {
width: 18px;
height: 18px;
}
/* line 358, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cross-links .cross-link-card .cross-link-arrow svg path {
stroke: #e67e22;
transition: stroke 0.3s ease;
}
/* line 368, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 368, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 378, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 384, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 392, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 398, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 411, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 416, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 426, ../../_src/scss/components/_page_resources_customer_intelligence.scss */
.customer-intelligence .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .accent_color {
color: #36AA7F;
}
/* line 7, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-highlights a {
color: #36AA7F;
}
/* line 10, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-highlights a:hover {
color: #247054;
}
/* line 14, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-highlights a svg path {
stroke: #36AA7F;
}
/* line 18, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 25, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 30, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .breadcrumb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 37, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 42, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .breadcrumb-nav span {
color: #ffffff;
}
/* line 51, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .breadcrumb-nav svg {
opacity: 0.5;
}
/* line 56, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 62, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 67, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 73, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 86, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 91, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 101, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 108, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-header {
margin-bottom: 48px;
}
/* line 111, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 116, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 128, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system #section-ai-phone .feature-media-wrapper img,
.phone-system #section-coaching .feature-media-wrapper img {
box-shadow: none;
}
/* line 135, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 135, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 135, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro .highlight-wrapper {
gap: 80px;
}
}
/* line 149, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro .highlight-wrapper .feature-copy {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 153, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro .highlight-wrapper .feature-media-wrapper {
width: 100%;
max-width: 420px;
}
/* line 157, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
border-radius: 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
/* line 166, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 171, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro p {
line-height: 1.75;
}
/* line 175, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-intro ul li {
margin-bottom: 16px;
line-height: 1.6;
}
/* line 182, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .pci-compliance-banner {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-align: start;
align-items: flex-start;
padding: 24px 32px;
background-color: #d4f1e7;
border: 1px solid #9adfc5;
border-radius: 12px;
margin-top: 32px;
}
/* line 192, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .pci-compliance-banner > svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 24px;
height: 24px;
margin-top: 2px;
}
/* line 198, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .pci-compliance-banner > svg path {
stroke: #2a8362;
}
/* line 203, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .pci-compliance-banner strong {
display: block;
font-size: 1rem;
margin-bottom: 4px;
}
/* line 209, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .pci-compliance-banner p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #4b4b5c;
}
/* line 218, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links {
padding-top: 80px;
padding-bottom: 40px;
background-color: #FCFCFC;
}
@media only screen and (min-width: 64.063em) {
/* line 218, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links {
padding-top: 120px;
padding-bottom: 60px;
}
}
/* line 228, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 228, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 228, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-cards {
grid-template-columns: repeat(4, 1fr);
}
}
/* line 243, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
background-color: #ffffff;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 254, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #36AA7F;
}
/* line 258, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card:hover .cross-link-arrow {
gap: 12px;
color: #36AA7F;
}
/* line 262, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card:hover .cross-link-arrow svg path {
stroke: #36AA7F;
}
/* line 268, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card .cross-link-icon {
margin-bottom: 16px;
}
/* line 271, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card .cross-link-icon svg {
width: 28px;
height: 28px;
}
/* line 277, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #343440;
}
/* line 283, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 16px;
}
/* line 291, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card .cross-link-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #36AA7F;
font-weight: 600;
font-size: 0.875rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 300, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card .cross-link-arrow svg {
width: 18px;
height: 18px;
}
/* line 304, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cross-links .cross-link-card .cross-link-arrow svg path {
stroke: #36AA7F;
transition: stroke 0.3s ease;
}
/* line 314, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 314, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 324, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 330, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 338, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 344, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 357, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 362, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 372, ../../_src/scss/components/_page_resources_phone_system.scss */
.phone-system .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .accent_color {
color: #0E9488;
}
/* line 7, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-highlights a {
color: #0E9488;
}
/* line 10, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-highlights a:hover {
color: #074e48;
}
/* line 14, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-highlights a svg path {
stroke: #0E9488;
}
/* line 19, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 26, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 31, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .breadcrumb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 0.875rem;
}
/* line 38, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}
/* line 43, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 48, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .breadcrumb-nav span {
color: #ffffff;
}
/* line 52, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .breadcrumb-nav svg {
opacity: 0.5;
}
/* line 57, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 63, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 68, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 74, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 87, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 92, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 102, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 109, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-header {
margin-bottom: 48px;
}
/* line 112, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 117, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 128, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 128, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 128, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro .highlight-wrapper {
gap: 80px;
}
}
/* line 142, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro .highlight-wrapper .feature-copy {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 147, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 152, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro p {
line-height: 1.75;
}
/* line 156, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-intro ul li {
margin-bottom: 16px;
line-height: 1.6;
}
/* line 163, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links {
padding-top: 80px;
padding-bottom: 40px;
background-color: #FCFCFC;
}
@media only screen and (min-width: 64.063em) {
/* line 163, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links {
padding-top: 120px;
padding-bottom: 60px;
}
}
/* line 173, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 173, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-cards {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 173, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-cards {
grid-template-columns: repeat(4, 1fr);
}
}
/* line 188, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
text-decoration: none;
color: inherit;
background-color: #ffffff;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 199, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-color: #0E9488;
}
/* line 203, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card:hover .cross-link-arrow {
gap: 12px;
color: #0E9488;
}
/* line 207, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card:hover .cross-link-arrow svg path {
stroke: #0E9488;
}
/* line 213, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card .cross-link-icon {
margin-bottom: 16px;
}
/* line 216, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card .cross-link-icon svg {
width: 28px;
height: 28px;
}
/* line 222, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #343440;
}
/* line 228, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card p {
font-size: 0.875rem;
line-height: 1.7;
color: #626278;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 16px;
}
/* line 236, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card .cross-link-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #0E9488;
font-weight: 600;
font-size: 0.875rem;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 245, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card .cross-link-arrow svg {
width: 18px;
height: 18px;
}
/* line 249, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cross-links .cross-link-card .cross-link-arrow svg path {
stroke: #0E9488;
transition: stroke 0.3s ease;
}
/* line 259, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta {
padding-top: 80px;
padding-bottom: 80px;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 259, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* line 269, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 275, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 283, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 289, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
/* line 302, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 307, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 317, ../../_src/scss/components/_page_resources_team_operations.scss */
.team-operations .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 4, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .accent_color {
color: #676AAD;
}
/* line 7, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .breadcrumb-nav a {
color: rgba(255, 255, 255, 0.7);
}
/* line 7, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .breadcrumb-nav a:hover {
color: #ffffff;
}
/* line 9, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 12, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner.overlay::after {
background: rgba(18, 18, 22, 0.65);
}
/* line 13, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 14, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner p {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 15, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner .banner-cta {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
/* line 17, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner .banner-cta .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin: 0;
}
/* line 17, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner .banner-cta .btn-primary:hover {
background-color: #237456;
}
/* line 18, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner .banner-cta .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
transition: border-color 0.3s ease;
}
/* line 18, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .banner .banner-cta .btn-secondary:hover {
border-color: #ffffff;
}
/* line 22, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-header {
margin-bottom: 48px;
}
/* line 24, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-header h2 {
font-size: 1.75rem;
margin-bottom: 12px;
}
/* line 25, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-header .section-subhead {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto;
color: #626278;
}
/* line 29, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-cards {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 29, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-cards {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
}
/* line 30, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-card {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
transition: box-shadow 0.3s ease;
}
/* line 32, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 33, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-card .scenario-icon {
margin-bottom: 16px;
}
/* line 33, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-card .scenario-icon svg {
width: 32px;
height: 32px;
}
/* line 34, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-card h3 {
font-size: 1.25rem;
margin-bottom: 8px;
}
/* line 35, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-intro .scenario-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 0;
color: #626278;
}
/* line 39, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-highlights .highlight-wrapper .feature-media-wrapper img {
box-shadow: none;
border-radius: 0;
}
/* line 42, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner {
position: relative;
overflow: hidden;
border-top: 3px solid #676AAD;
padding: 48px 0;
background-color: #1d1d24;
color: #ffffff;
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner {
padding: 80px 0;
}
}
/* line 47, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner.overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(18, 18, 22, 0.75);
z-index: 1;
}
/* line 48, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner .row {
position: relative;
z-index: 2;
}
/* line 49, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner p, .crm-order-entry-pos .throughline-banner strong {
color: #ffffff;
}
/* line 50, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner p {
font-size: 1.125rem;
line-height: 1.75;
max-width: 720px;
margin: 0 auto 24px;
}
/* line 51, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner .btn-secondary {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
font-size: 1rem;
}
/* line 52, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner .btn-secondary svg path {
stroke: rgba(255, 255, 255, 0.9);
}
/* line 53, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner .btn-secondary:hover {
color: #ffffff;
}
/* line 53, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .throughline-banner .btn-secondary:hover svg path {
stroke: #ffffff;
}
/* line 58, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .native-callout {
background: linear-gradient(135deg, #292932 0%, #19191e 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 32px;
margin: 48px 0;
}
/* line 62, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .native-callout h3 {
font-size: 1.125rem;
margin-bottom: 8px;
color: #ffffff;
}
/* line 63, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .native-callout p {
font-size: 0.9375rem;
line-height: 1.75;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.75);
}
/* line 66, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta {
padding: 80px 0;
background-color: #1d1d24;
}
@media only screen and (min-width: 64.063em) {
/* line 66, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta {
padding: 120px 0;
}
}
/* line 69, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta h2 {
font-size: 1.75rem;
color: #ffffff;
margin-bottom: 12px;
}
/* line 70, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta p {
color: rgba(255, 255, 255, 0.8);
font-size: 1.125rem;
line-height: 1.75;
max-width: 600px;
margin: 0 auto 32px;
}
/* line 71, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 73, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons .btn-primary {
background-color: #2f9b73;
color: #ffffff;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin: 0;
}
/* line 73, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons .btn-primary:hover {
background-color: #237456;
}
/* line 74, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons .btn-secondary {
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 12px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s ease;
}
/* line 74, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons .btn-secondary:hover {
border-color: #ffffff;
}
/* line 75, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons .btn-tertiary {
color: rgba(255, 255, 255, 0.7);
padding: 12px 32px;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 75, ../../_src/scss/components/_page_resources_crm_order_entry_pos.scss */
.crm-order-entry-pos .section-cta .cta-buttons .btn-tertiary:hover {
color: #ffffff;
}
/* line 2, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 21, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .banner p:last-of-type:first-of-type {
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 27, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .banner ul li {
color: rgba(255, 255, 255, 0.8);
margin-bottom: 4px;
}
/* line 33, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 42, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-intro img {
margin-top: -60px;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 42, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-intro img {
margin-top: -160px;
margin-bottom: 40px;
}
}
/* line 52, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 56, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 56, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 65, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-intro ul li:not(:last-child) {
margin-bottom: 16px;
}
/* line 70, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights {
padding-bottom: 80px;
}
/* line 73, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .row {
padding-top: 120px;
}
/* line 77, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 82, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 82, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 90, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 90, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 90, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 116, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 120, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 120, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 129, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 136, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights a span {
font-weight: 600;
}
/* line 140, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 145, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights a svg path {
stroke: #676AAD;
}
/* line 150, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .accent_color {
color: #676AAD;
}
/* line 154, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 154, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 154, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 168, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 173, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 179, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 184, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 189, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 189, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 199, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 204, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 214, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .key-benefits h2::after {
display: none;
}
/* line 219, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 219, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 64.063em) {
/* line 219, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* line 233, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 transparent;
transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 245, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 250, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-grid-item-title {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 0;
}
/* line 257, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
/* line 262, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-grid-item-description {
font-size: 1rem;
}
/* line 266, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-item-category {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 8px 12px 8px 8px;
font-size: 0.875rem;
margin-left: -8px;
margin-bottom: 8px;
}
/* line 277, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-item-category span {
font-weight: bold;
}
/* line 287, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy ul li {
margin-bottom: 16px;
}
/* line 291, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy .feature-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 32px;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 291, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy .feature-grid {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
/* line 304, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy .feature-grid .feature-item {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 304, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy .feature-grid .feature-item {
gap: 32px;
}
}
/* line 316, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy .feature-grid .feature-item img {
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
/* line 321, ../../_src/scss/components/_page_resources_ultraship.scss */
.ultraship .feature-copy .feature-grid .feature-item h3 {
font-size: 1.125rem;
margin-bottom: 8px;
}
/* line 2, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro img {
margin-top: -60px;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 33, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro img {
margin-top: -160px;
margin-bottom: 40px;
}
}
/* line 43, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 47, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 47, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 56, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .faux-input {
background-color: #FCFCFC;
border: 1px solid #CCCCCC;
padding: 8px 16px;
border-radius: 8px;
margin-bottom: 16px;
margin-left: -16px;
margin-right: -16px;
width: calc(100% + 32px);
}
/* line 66, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .faux-input p {
margin: 0;
}
/* line 69, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .faux-input p .blink {
animation: blink 1s steps(1) infinite;
opacity: 0.5;
}
@keyframes blink {
0% {
opacity: 0.15;
}
50% {
opacity: 1;
}
100% {
opacity: 0.15;
}
}
/* line 82, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 82, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 82, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 101, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 106, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 112, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 112, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 124, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 131, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_versions,
.ai-reports .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 141, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_versions .svg_background,
.ai-reports .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 146, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 153, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 153, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 153, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 166, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 172, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 178, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 184, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 194, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 206, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 220, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights {
padding-bottom: 80px;
}
/* line 223, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .row {
padding-top: 120px;
}
/* line 227, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 232, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 232, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 240, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 240, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 240, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 240, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 266, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 270, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 270, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 279, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 286, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a span {
font-weight: 600;
}
/* line 290, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 295, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a svg path {
stroke: #676AAD;
}
/* line 300, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .accent_color {
color: #676AAD;
}
/* line 304, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 304, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 304, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 318, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 323, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 329, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 334, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 339, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 16px;
width: 80%;
left: 14%;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* line 350, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 364, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .report-examples h2::after {
display: none;
}
/* line 369, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 369, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 64.063em) {
/* line 369, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* line 383, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 transparent;
transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 395, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 400, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-title {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 0;
}
/* line 407, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
/* line 412, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-description {
font-size: 1rem;
}
/* line 416, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 8px 12px 8px 8px;
font-size: 0.875rem;
margin-left: -8px;
margin-bottom: 8px;
}
/* line 427, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category span {
font-weight: bold;
}
/* line 435, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .ai-analytics-section > p {
font-weight: 400;
font-size: 1.25rem;
line-height: 1.8;
}
/* line 441, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .ai-analytics-section .ai-analytics-features {
margin-top: 40px;
}
/* line 449, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .feature-copy ul li {
margin-bottom: 16px;
}
/* line 454, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 454, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 466, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 466, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 466, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 478, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 478, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 494, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 498, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 502, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 510, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 510, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 510, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 526, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 532, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 541, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-alternating-content ol li,
.ai-reports .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 546, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 551, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-flows h1, .ai-reports .section-flows h2, .ai-reports .section-flows h3, .ai-reports .section-flows h4, .ai-reports .section-flows p, .ai-reports .section-flows li {
color: #ffffff;
}
/* line 555, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ultracart-ai-report-dashboard-02.jpg);
}
/* line 21, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 34, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro img {
margin-top: -60px;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 34, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro img {
margin-top: -160px;
margin-bottom: 40px;
}
}
/* line 44, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 48, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 48, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 57, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .faux-input {
background-color: #FCFCFC;
border: 1px solid #CCCCCC;
padding: 8px 16px;
border-radius: 8px;
margin-bottom: 16px;
margin-left: -16px;
margin-right: -16px;
width: calc(100% + 32px);
}
/* line 67, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .faux-input p {
margin: 0;
}
/* line 70, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .faux-input p .blink {
animation: blink 1s steps(1) infinite;
opacity: 0.5;
}
@keyframes blink {
0% {
opacity: 0.15;
}
50% {
opacity: 1;
}
100% {
opacity: 0.15;
}
}
/* line 83, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 83, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 83, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 102, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 107, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 113, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 113, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 125, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 132, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_versions,
.ai-reports-dashboard .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 142, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_versions .svg_background,
.ai-reports-dashboard .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 147, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 154, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 154, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 154, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 167, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 173, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 179, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 185, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 195, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 207, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 221, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights {
padding-bottom: 80px;
}
/* line 224, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .row {
padding-top: 120px;
}
/* line 228, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 233, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 233, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 267, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 271, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 271, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 280, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 287, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a span {
font-weight: 600;
}
/* line 291, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 296, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a svg path {
stroke: #676AAD;
}
/* line 301, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .accent_color {
color: #676AAD;
}
/* line 305, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 305, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 305, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 319, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 324, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 420px;
}
/* line 330, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 335, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 340, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 8px;
width: calc(100% + 16px);
left: 0;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* line 351, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 365, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .report-examples h2::after {
display: none;
}
/* line 370, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 370, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 64.063em) {
/* line 370, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* line 384, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item {
border-radius: 16px;
border: 1px solid #CCCCCC;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 transparent;
transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 396, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 401, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-title {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 0;
}
/* line 408, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item p:last-child {
font-size: 0.875rem;
margin-bottom: 0;
}
/* line 413, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-description {
font-size: 1rem;
}
/* line 417, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 8px 12px 8px 8px;
font-size: 0.875rem;
margin-left: -8px;
margin-bottom: 8px;
}
/* line 428, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category span {
font-weight: bold;
}
/* line 436, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .ai-analytics-section > p {
font-weight: 400;
font-size: 1.25rem;
line-height: 1.8;
}
/* line 442, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .ai-analytics-section .ai-analytics-features {
margin-top: 40px;
}
/* line 450, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .feature-copy ul li {
margin-bottom: 16px;
}
/* line 455, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 455, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 467, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 467, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 467, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 479, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 479, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 495, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 499, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 503, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 511, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 511, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 511, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 527, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 533, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 542, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-alternating-content ol li,
.ai-reports-dashboard .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 547, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 552, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-flows h1, .ai-reports-dashboard .section-flows h2, .ai-reports-dashboard .section-flows h3, .ai-reports-dashboard .section-flows h4, .ai-reports-dashboard .section-flows p, .ai-reports-dashboard .section-flows li {
color: #ffffff;
}
/* line 556, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner {
background-size: cover;
background-position: center center;
background-color: #222222;
}
/* line 8, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner.overlay::after {
width: 100%;
background: none;
}
@media only screen and (min-width: 64.063em) {
/* line 14, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner .row.content {
padding-bottom: 160px;
}
}
/* line 20, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner p:last-of-type:first-of-type {
margin-bottom: 0;
}
/* line 26, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features {
padding: 0;
}
/* line 29, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features .columns {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 29, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features .columns {
padding-left: 20px;
padding-right: 20px;
}
/* line 37, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features .columns:first-of-type {
padding-left: 0;
}
/* line 41, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features .columns:last-of-type {
padding-right: 0;
}
}
/* line 47, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul {
margin: 0;
list-style: none;
}
/* line 51, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul li {
font-size: 14px;
margin-bottom: 10px;
color: #8d8d8d;
position: relative;
padding-left: 20px;
}
/* line 58, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul li .glyph {
width: 21px;
height: 21px;
position: absolute;
top: 3;
left: 0;
}
/* line 65, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul li .glyph path {
fill: #2f9b73;
}
/* line 73, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .button {
margin-bottom: 0;
margin-top: 20px;
}
/* line 78, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .button-signup {
width: 100%;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 78, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .button-signup {
margin-top: 40px;
}
}
/* line 88, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 {
background: #333333;
text-align: center;
padding: 2.5rem 2.5rem 1.25rem 2.5rem;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
position: relative;
border-radius: 5px 5px 0 0;
}
/* line 98, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .cost {
margin-left: -1.25rem;
padding: 0 0 1.25rem 0;
}
/* line 109, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .dollar,
.pricing .price-2 .dollar,
.pricing .price-3 .dollar,
.pricing .price-4 .dollar {
font-size: 55px;
line-height: 40px;
text-decoration: none;
color: #f4f4f4;
position: relative;
margin: 0 auto;
width: 70px;
}
/* line 120, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .cents,
.pricing .price-2 .cents,
.pricing .price-3 .cents,
.pricing .price-4 .cents {
font-size: 15px;
line-height: 40px;
text-decoration: none;
color: #e8e8e8;
position: absolute;
top: -15px;
left: 70px;
}
/* line 131, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .months,
.pricing .price-2 .months,
.pricing .price-3 .months,
.pricing .price-4 .months {
font-size: 20px;
line-height: 40px;
text-decoration: none;
color: #8d8d8d;
position: absolute;
bottom: -10px;
left: 65px;
}
/* line 143, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-2,
.pricing .price-3,
.pricing .price-4 {
padding: 2.5rem 2.5rem 2.5rem 2.5rem;
background: #333333;
border: 1px solid #333333;
position: relative;
margin-bottom: 20px;
border-radius: 0 0 5px 5px;
}
/* line 153, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-2 .cost,
.pricing .price-3 .cost,
.pricing .price-4 .cost {
margin-left: -1.25rem;
}
/* line 161, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-3 .cents,
.pricing .price-4 .cents {
left: 90px;
}
/* line 165, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-3 .months,
.pricing .price-4 .months {
left: 90px;
}
/* line 170, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-offering {
background: #ffffff;
color: #8d8d8d;
text-align: center;
padding: 2.5rem 2.5rem 1.25rem 2.5rem;
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
position: relative;
box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
}
/* line 186, ../../_src/scss/components/_page_pricing.scss */
.pricing #pricingOptions .price-offering {
margin-bottom: 2.5rem;
}
/* line 190, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-premium-services {
margin-top: -20px;
}
/* line 195, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-premium-services .premium-services h3 {
text-transform: uppercase;
font-size: 20px;
font-weight: 200;
}
/* line 201, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-premium-services .premium-services p {
font-size: 14px;
color: #8d8d8d;
}
/* line 208, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-trial {
text-align: center;
background: #2f9b73;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2f9b73 0%, #31c59a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup', endColorstr='$color-signup-alt',GradientType=0 );
/* IE6-9 */
}
/* line 216, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-trial h2, .pricing .section-trial h3, .pricing .section-trial p {
color: #ffffff;
}
/* line 2, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/2023-ultracart-pricing-banner-1.jpg);
background-size: cover;
background-position: top center;
position: relative;
background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 11, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 22, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner p {
line-height: 1.75em;
}
/* line 26, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
/* line 32, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .section-trial {
text-align: center;
background: #2f9b73;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2f9b73 0%, #31c59a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup', endColorstr='$color-signup-alt',GradientType=0 );
/* IE6-9 */
}
/* line 40, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .section-trial h2, .pricing-2017 .section-trial h3, .pricing-2017 .section-trial p {
color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-developers table th#price-0,
.pricing-developers table td.price-0,
.pricing-developers table th#price-1,
.pricing-developers table td.price-1,
.pricing-developers table th#price-2,
.pricing-developers table td.price-2,
.pricing-developers table th#price-3,
.pricing-developers table td.price-3,
.pricing-developers table th#price-4,
.pricing-developers table td.price-4 {
display: none;
}
/* line 60, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-developers table .not-developers {
display: none;
}
/* line 64, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-developers .pricing-mobile-header {
display: none;
}
/* line 70, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing table th#price-0,
.pricing-growing table td.price-0,
.pricing-growing table th#price-4,
.pricing-growing table td.price-4,
.pricing-growing table th#price-5,
.pricing-growing table td.price-5 {
display: none;
}
/* line 81, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level {
background: #31c59a;
}
/* line 84, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level::after {
display: block;
content: "";
clear: both;
}
/* line 90, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container {
width: 60%;
float: left;
text-align: center;
padding-top: 18px;
padding-bottom: 10px;
}
/* line 97, ../../_src/scss/components/_page_pricing_2017.scss */
.temporary .pricing-growing .pricing-mobile-header .price-level .price-container {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 90, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container {
padding-top: 10px;
}
}
/* line 105, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container h3.price {
color: #ffffff;
display: inline;
}
/* line 109, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container h3.price span.mo {
color: rgba(255, 255, 255, 0.6);
}
/* line 114, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container span.level {
display: block;
font-size: 12px;
font-weight: bold;
color: rgba(255, 255, 255, 0.6);
}
/* line 124, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header button.button-signup {
position: absolute;
width: 40%;
padding: 30px 10px;
margin-top: 0;
font-size: 12px;
clear: none;
top: 0;
bottom: 0;
right: 0;
}
/* line 136, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .row:last-of-type,
.pricing-growing .pricing-mobile-header .row:first-of-type {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
/* line 144, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan,
.pricing-growing .pricing-mobile-header .pricing-previous-plan {
background-color: #333333;
}
/* line 148, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button {
padding: 40px 22px 20px 22px;
height: 100%;
}
/* line 152, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button svg,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button svg {
max-width: 12px;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translatex(-50%) translatey(-50%);
transform: translatex(-50%) translatey(-50%);
}
/* line 159, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button svg path,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button svg path {
fill: #ffffff;
}
@media only screen and (min-width: 40.063em) {
/* line 148, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button {
padding: 20px;
}
}
/* line 178, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .level-medium,
.pricing-growing .pricing-mobile-header .level-large {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 79, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header {
display: none;
}
}
/* line 188, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing thead {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 188, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing thead {
display: table-header-group;
}
}
/* line 197, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 {
display: none;
}
/* line 201, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2 .pricing-mobile-header .level-small,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 .pricing-mobile-header .level-small {
display: block;
}
/* line 204, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2 .pricing-mobile-header .level-medium,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2 .pricing-mobile-header .level-large,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 .pricing-mobile-header .level-medium,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 .pricing-mobile-header .level-large {
display: none;
}
/* line 213, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='2'] .price-1,
.pricing-growing #PricingTable[data-responsive-price='2'] .price-3 {
display: none;
}
/* line 218, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='2'] .pricing-mobile-header .level-medium {
display: block;
}
/* line 221, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='2'] .pricing-mobile-header .level-small,
.pricing-growing #PricingTable[data-responsive-price='2'] .pricing-mobile-header .level-large {
display: none;
}
/* line 229, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='3'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='3'] .price-1 {
display: none;
}
/* line 234, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='3'] .pricing-mobile-header .level-large {
display: block;
}
/* line 237, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='3'] .pricing-mobile-header .level-small,
.pricing-growing #PricingTable[data-responsive-price='3'] .pricing-mobile-header .level-medium {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 248, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-1,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3,
.pricing-growing #PricingTable[data-responsive-price='2'] .price-1,
.pricing-growing #PricingTable[data-responsive-price='2'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='2'] .price-3,
.pricing-growing #PricingTable[data-responsive-price='3'] .price-1,
.pricing-growing #PricingTable[data-responsive-price='3'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='3'] .price-3 {
display: table-cell;
}
}
/* line 256, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #price-2,
.pricing-growing .price-2 {
background: rgba(49, 197, 154, 0.05);
}
/* line 261, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing th#price-2 {
position: relative;
}
/* line 264, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing th#price-2::before {
content: "Most Popular!";
display: block;
position: absolute;
width: 80px;
height: 80px;
top: -20px;
right: -15px;
background: #e8c658;
color: #ffffff;
border-radius: 50%;
padding: 20px 0 0 0;
font-style: italic;
font-size: 14px;
line-height: 18px;
font-weight: 700;
box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
/* line 288, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table th#price-1,
.pricing-new table td.price-1,
.pricing-new table th#price-2,
.pricing-new table td.price-2,
.pricing-new table th#price-3,
.pricing-new table td.price-3,
.pricing-new table th#price-4,
.pricing-new table td.price-4,
.pricing-new table th#price-5,
.pricing-new table td.price-5 {
display: none;
}
/* line 301, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table .not-free {
display: none;
}
/* line 305, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .pricing-mobile-header {
display: none;
}
/* line 311, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-enterprise table th#price-0,
.pricing-enterprise table td.price-0,
.pricing-enterprise table th#price-1,
.pricing-enterprise table td.price-1,
.pricing-enterprise table th#price-2,
.pricing-enterprise table td.price-2,
.pricing-enterprise table th#price-3,
.pricing-enterprise table td.price-3,
.pricing-enterprise table th#price-5,
.pricing-enterprise table td.price-5 {
display: none;
}
/* line 324, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-enterprise .pricing-mobile-header {
display: none;
}
/* line 330, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container a {
color: #2f9b73;
}
/* line 334, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container {
display: none;
border-top: 1px solid #e9e9e9;
}
/* line 339, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .feature-search-content {
text-align: left;
}
/* line 345, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form label.error {
margin-bottom: 20px;
height: 20px;
}
/* line 350, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input {
border-bottom: 1px solid #b0b0b0;
border-left: none;
border-right: none;
border-top: none;
background: none;
color: #5e5e5e;
padding: 10px 10px 10px 0;
height: 40px;
clear: both;
margin-bottom: 40px;
box-shadow: none;
}
/* line 363, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input :focus {
padding: 10px;
}
/* line 367, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input.error {
margin-bottom: 0;
}
/* line 372, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input[type="submit"] {
width: 100%;
background-color: #66d670;
color: #ffffff;
border-bottom: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
border-radius: 10px;
text-transform: uppercase;
}
/* line 385, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form select {
border-bottom: 1px solid #b0b0b0;
border-left: none;
border-right: none;
border-top: none;
background: none;
color: #5e5e5e;
padding: 0 10px 10px 0;
height: 40px;
clear: both;
margin-bottom: 40px;
box-shadow: none;
border-radius: 0;
}
/* line 400, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form textarea {
border: 1px solid #b0b0b0;
color: #5e5e5e;
padding: 10;
height: 80px;
clear: both;
margin-bottom: 40px;
box-shadow: none;
}
/* line 412, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input::-webkit-input-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #5e5e5e;
}
/* line 415, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input::-moz-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea::-moz-placeholder {
/* Firefox 19+ */
color: #5e5e5e;
}
/* line 418, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input:-ms-input-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea:-ms-input-placeholder {
/* IE 10+ */
color: #5e5e5e;
}
/* line 421, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input:-moz-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea:-moz-placeholder {
/* Firefox 18- */
color: #5e5e5e;
}
/* line 430, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container.feature-show-no-result .feature-search-container {
display: block;
}
/* line 440, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content,
.pricing-enterprise .price-level-content,
.pricing-developers .price-level-content {
padding: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 440, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content,
.pricing-enterprise .price-level-content,
.pricing-developers .price-level-content {
padding: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 440, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content,
.pricing-enterprise .price-level-content,
.pricing-developers .price-level-content {
padding: 80px;
}
}
/* line 451, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content .price-level-graphic,
.pricing-enterprise .price-level-content .price-level-graphic,
.pricing-developers .price-level-content .price-level-graphic {
margin: 80px 0;
text-align: center;
}
/* line 455, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content .price-level-graphic img,
.pricing-enterprise .price-level-content .price-level-graphic img,
.pricing-developers .price-level-content .price-level-graphic img {
max-width: 75%;
}
/* line 461, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table,
.pricing-enterprise table.pricing-table,
.pricing-developers table.pricing-table {
border-top: 1px solid #e9e9e9;
}
@media only screen and (min-width: 40.063em) {
/* line 461, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table,
.pricing-enterprise table.pricing-table,
.pricing-developers table.pricing-table {
border-left: 1px solid #e9e9e9;
}
}
/* line 470, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container {
padding: 0;
}
/* line 473, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container {
position: absolute;
width: calc(100% - 40px);
bottom: 30px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* line 480, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container .pricing-feature-search-form {
position: relative;
}
/* line 484, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container label .input-label {
color: #8D8D8D;
font-size: 12px;
}
/* line 489, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container input {
display: block;
margin-top: 10px;
margin-bottom: 0;
border: 1px solid #e9e9e9;
box-shadow: none;
border-radius: 10px;
height: 40px;
padding-left: 10px;
padding-right: 45px;
}
/* line 501, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container button#search-button {
display: block;
background: #61b6e6;
color: #ffffff;
padding: 9px 12px;
height: 40px;
width: 40px;
border-radius: 0 10px 10px 0;
position: absolute;
bottom: 0;
right: 0;
text-align: center;
}
/* line 514, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container button#search-button svg {
fill: #fff;
width: 12px;
height: 12px;
}
/* line 522, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container > .columns {
padding: 0;
}
/* line 526, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button:not(.button-signup) {
background: none;
margin: 0;
padding: 0;
border: 0;
display: inline-block;
cursor: pointer;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
text-transform: none;
border-radius: 0;
text-align: left;
font-weight: 400;
}
/* line 543, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup {
display: block;
padding: 20px;
margin-top: 10px;
margin-bottom: 0;
width: 100%;
font-size: 12px;
letter-spacing: 1px;
clear: both;
border-radius: 0;
transition: border-radius 300ms ease-in-out;
}
@media only screen and (min-width: 64.063em) {
/* line 543, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup {
border-radius: 30px;
}
}
/* line 559, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup:hover {
border-radius: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 559, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup:hover {
border-radius: 40px;
}
}
/* line 567, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup span {
opacity: 0.6;
font-size: 14px;
display: block;
}
/* line 573, ../../_src/scss/components/_page_pricing_2017.scss */
.temporary .pricing-table-container button.button-signup {
display: none;
}
/* line 579, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table {
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
}
/* line 591, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr {
background-color: transparent;
transition: background-color 300ms ease;
display: table-row;
opacity: 1;
transition: opacity 600ms ease;
}
/* line 598, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.feature-search-hide {
opacity: 0;
height: 0;
}
/* line 605, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.coming-soon button::after {
content: "Coming Soon";
display: block;
position: absolute;
top: -22px;
right: -34px;
background: rgba(215, 103, 43, 0.6);
color: #fff;
padding: 3px 8px;
border-radius: 10px;
font-size: 10px;
}
@media only screen and (min-width: 64.063em) {
/* line 605, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.coming-soon button::after {
top: -3px;
right: -84px;
}
}
/* line 625, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr td {
text-align: center;
color: #8D8D8D;
}
/* line 629, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr td:not(:last-child), table.pricing-table tr td:not(:first-child) {
border-right: 1px solid #e9e9e9;
}
/* line 636, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table th[scope="row"] {
width: 25%;
box-sizing: border-box;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
text-align: left;
color: #8D8D8D;
border-right: 1px solid #e9e9e9;
}
@media only screen and (min-width: 64.063em) {
/* line 636, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table th[scope="row"] {
padding-left: 40px;
}
}
/* line 651, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table th[scope="row"], .pricing-enterprise table.pricing-table th[scope="row"] {
width: 50%;
}
/* line 657, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .col-search {
padding: 0;
position: relative;
}
/* line 662, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .col-level {
width: 25%;
box-sizing: border-box;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-weight: 600;
text-align: center;
border-left: 1px solid #e9e9e9;
}
/* line 673, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table .col-level, .pricing-enterprise table.pricing-table .col-level {
width: 50%;
border-right: 1px solid #e9e9e9;
}
/* line 679, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .col-level p {
font-size: 14px;
color: #8D8D8D;
margin-bottom: 20px;
}
/* line 687, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck {
position: fixed;
top: 80px;
width: 1440px;
background: #37dbab;
height: 152px;
z-index: 10;
}
/* line 695, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck h3.price {
color: #fff;
margin-bottom: 0;
}
/* line 699, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck h3.price span.mo {
color: rgba(255, 255, 255, 0.6);
}
/* line 704, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck button.button-signup {
padding-top: 0;
}
/* line 708, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck .col-search {
width: 360px;
background: rgba(255, 255, 255, 0.6);
}
/* line 715, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody {
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
/* line 719, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:not(.pricing-table-section):hover {
background-color: rgba(55, 219, 171, 0.2);
}
/* line 722, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:not(.pricing-table-section):hover .active-no {
border: 2px solid #fff;
}
/* line 727, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:first-child td,
table.pricing-table tbody tr:first-child th {
padding-top: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 727, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:first-child td,
table.pricing-table tbody tr:first-child th {
padding-top: 40px;
}
}
/* line 736, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:last-child td,
table.pricing-table tbody tr:last-child th {
padding-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 736, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:last-child td,
table.pricing-table tbody tr:last-child th {
padding-bottom: 40px;
}
}
/* line 745, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr.empty-last-row td,
table.pricing-table tbody tr.empty-last-row th {
height: 0;
padding-top: 0;
padding-bottom: 02px;
}
@media only screen and (min-width: 64.063em) {
/* line 745, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr.empty-last-row td,
table.pricing-table tbody tr.empty-last-row th {
padding-bottom: 22px;
}
}
/* line 757, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .pricing-table-section {
/*border-bottom: 1px solid #e9e9e9;*/
}
/* line 761, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead {
background: transparent;
}
/* line 765, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.even, table.pricing-table table tr.alt,
table.pricing-table tr:nth-of-type(even) {
background-color: transparent;
}
/* line 772, ../../_src/scss/components/_page_pricing_2017.scss */
.hidden-element {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 783, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper {
position: relative;
display: inline-block;
}
/* line 787, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper::after {
display: block;
content: '';
clear: both;
}
/* line 793, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .js-marketing-lightbox {
cursor: pointer;
}
/* line 797, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper span.has-info {
border-bottom: 1px dashed rgba(55, 219, 171, 0.6);
transition: border-bottom 300ms ease;
}
/* line 801, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper span.has-info:hover {
border-bottom: 1px solid rgba(55, 219, 171, 0.9);
}
/* line 806, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip {
position: absolute;
z-index: 1;
display: none;
opacity: 0;
padding: 10px;
width: 200px;
background: rgba(84, 84, 84, 0.8);
color: #fff;
font-weight: normal;
font-size: 12px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background-clip: padding-box;
transition: opacity 500ms ease-in-out;
}
/* line 822, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-right {
top: 0;
right: -220px;
text-align: left;
}
/* line 827, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-right::before {
content: "";
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid rgba(84, 84, 84, 0.8);
position: absolute;
left: -4px;
top: 7px;
}
/* line 840, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-bottom {
bottom: auto;
top: 30px;
left: calc(50% - 100px);
text-align: center;
}
/* line 846, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-bottom::before {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(84, 84, 84, 0.8);
position: absolute;
left: calc(50% - 2px);
top: -4px;
}
/* line 861, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper.active .tooltip {
opacity: 1;
display: block;
position: absolute;
}
/* line 868, ../../_src/scss/components/_page_pricing_2017.scss */
.feature-title .tooltip-wrapper {
border-bottom: 1px dashed rgba(55, 219, 171, 0.6);
transition: border-bottom 300ms ease;
}
/* line 872, ../../_src/scss/components/_page_pricing_2017.scss */
.feature-title .tooltip-wrapper:hover {
border-bottom: 1px solid rgba(55, 219, 171, 0.9);
}
/* line 878, ../../_src/scss/components/_page_pricing_2017.scss */
h3.price {
display: inline-block;
position: relative;
font-size: 48px;
font-weight: bold;
color: #333333;
font-weight: 600;
margin-bottom: 10px;
}
/* line 887, ../../_src/scss/components/_page_pricing_2017.scss */
h3.price sup.cents {
font-size: 13px;
display: block;
position: absolute;
top: 17px;
right: -22px;
font-weight: bold;
}
/* line 896, ../../_src/scss/components/_page_pricing_2017.scss */
h3.price span.mo {
font-size: 12px;
line-height: 1em;
display: block;
position: absolute;
bottom: 12px;
right: -27px;
font-weight: bold;
color: #cccccc;
}
/* line 908, ../../_src/scss/components/_page_pricing_2017.scss */
.active-yes,
.active-no {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #e9e9e9;
background: transparent;
display: inline-block;
text-align: center;
line-height: 13px;
transition: border 300ms ease;
}
/* line 921, ../../_src/scss/components/_page_pricing_2017.scss */
.active-no {
overflow: hidden;
text-indent: -9999px;
}
/* line 926, ../../_src/scss/components/_page_pricing_2017.scss */
.active-yes {
border: 2px solid #37dbab;
background: rgba(55, 219, 171, 0.3);
}
/* line 931, ../../_src/scss/components/_page_pricing_2017.scss */
.active-yes svg path {
fill: #37dbab;
}
/* line 935, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table {
display: none;
}
/* line 938, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .content {
max-width: 600px;
height: calc(100vh - 80px);
position: fixed;
background: #fff;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999;
width: 100%;
border-radius: 20px;
padding: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 938, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .content {
height: calc(100vh - 300px);
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
/* line 961, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .lightbox-headline {
height: 60px;
position: relative;
}
/* line 965, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .lightbox-headline .close-button {
cursor: pointer;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 32px;
height: 32px;
font-weight: bold;
font-size: 32px;
line-height: 32px;
position: absolute;
text-align: center;
top: -30px;
right: -30px;
}
/* line 980, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper {
width: 100%;
height: calc(100% - 60px);
border-radius: 10px;
overflow-y: scroll;
}
/* line 986, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table {
width: 100%;
border: 0;
margin-bottom: 0;
}
/* line 1063, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table .col-price {
text-align: right;
}
/* line 1066, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table .col-price .currency {
display: inline-block;
padding-right: 2px;
}
/* line 1071, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table .col-price .included {
opacity: 0.6;
}
/* line 1079, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-small .col-price .medium,
#lightbox-marketing-table .marketing-table-wrapper.price-small .col-price .large,
#lightbox-marketing-table .marketing-table-wrapper.price-small .col-price .enterprise {
display: none;
}
/* line 1089, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-medium .col-price .small,
#lightbox-marketing-table .marketing-table-wrapper.price-medium .col-price .large,
#lightbox-marketing-table .marketing-table-wrapper.price-medium .col-price .enterprise {
display: none;
}
/* line 1099, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-large .col-price .small,
#lightbox-marketing-table .marketing-table-wrapper.price-large .col-price .medium,
#lightbox-marketing-table .marketing-table-wrapper.price-large .col-price .enterprise {
display: none;
}
/* line 1109, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-enterprise .col-price .small,
#lightbox-marketing-table .marketing-table-wrapper.price-enterprise .col-price .medium,
#lightbox-marketing-table .marketing-table-wrapper.price-enterprise .col-price .large {
display: none;
}
/* line 1118, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .lightbox-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52, 52, 64, 0.8);
text-align: center;
z-index: 999;
padding-top: 0;
display: none;
cursor: pointer;
backdrop-filter: blur(4px);
}
/* line 5, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 {
background: #fafbfc;
color: #343440;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
}
/* line 37, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 ::selection {
background: #61b6e6;
color: #ffffff;
}
/* line 41, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-frame {
max-width: 1440px;
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 41, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-frame {
padding: 0 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 41, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-frame {
padding: 0 80px;
}
}
/* line 58, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner {
background: #1a1a24;
background-image: none;
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
@media (max-width: 860px) {
/* line 58, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner {
padding-bottom: 140px;
}
}
@media (max-width: 560px) {
/* line 58, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner {
padding-bottom: 120px;
}
}
/* line 77, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner.overlay::after {
background: none;
}
/* line 84, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner .row.content {
position: relative;
z-index: 2;
}
/* line 90, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner .pr26-eyebrow {
display: inline-block;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #61b6e6;
margin-bottom: 24px;
}
/* line 101, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner .pr26-hero-title {
font-size: clamp(34px, 5vw, 56px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.025em;
color: #ffffff;
margin-bottom: 32px;
max-width: 22ch;
}
/* line 110, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner .pr26-hero-title em {
font-style: normal;
color: #61b6e6;
}
/* line 116, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner .pr26-hero-lead {
font-size: 18px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.75);
max-width: 60ch;
margin: 0;
}
/* line 123, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026.pricing-2026 .banner.pr26-banner .pr26-hero-lead strong {
color: #ffffff;
font-weight: 600;
}
/* line 128, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-banner-anim {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 1;
}
/* line 136, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob {
position: absolute;
width: 700px;
height: 700px;
border-radius: 50%;
filter: blur(90px);
opacity: 0.55;
mix-blend-mode: screen;
will-change: transform;
}
@media (max-width: 720px) {
/* line 136, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob {
width: 480px;
height: 480px;
filter: blur(70px);
}
}
/* line 153, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-1 {
background: radial-gradient(circle, #61b6e6 0%, rgba(97, 182, 230, 0) 70%);
top: -25%;
left: -15%;
animation: pr26-drift-1 24s ease-in-out infinite;
}
/* line 158, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-2 {
background: radial-gradient(circle, #2d7aaf 0%, rgba(45, 122, 175, 0) 70%);
top: -10%;
right: -20%;
animation: pr26-drift-2 31s ease-in-out infinite;
}
/* line 163, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-3 {
background: radial-gradient(circle, #84c6ec 0%, rgba(132, 198, 236, 0) 70%);
bottom: -30%;
left: 30%;
animation: pr26-drift-3 28s ease-in-out infinite;
opacity: 0.35;
}
/* line 169, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-4 {
background: radial-gradient(circle, #61b6e6 0%, rgba(97, 182, 230, 0) 70%);
bottom: -20%;
right: 10%;
animation: pr26-drift-4 36s ease-in-out infinite;
opacity: 0.4;
}
/* line 177, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-slider {
width: 600px;
height: 600px;
bottom: -20%;
left: var(--slider-x, 50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: radial-gradient(circle, #96ceee 0%, rgba(150, 206, 238, 0) 65%);
opacity: 0.55;
filter: blur(80px);
transition: left 0.2s cubic-bezier(0.2, 0.7, 0.2, 1);
}
@media (max-width: 720px) {
/* line 177, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-slider {
width: 420px;
height: 420px;
filter: blur(60px);
}
}
@keyframes pr26-drift-1 {
0%, 100% {
transform: translate(0, 0) scale(1);
}
33% {
transform: translate(20%, 30%) scale(1.15);
}
66% {
transform: translate(45%, 10%) scale(0.95);
}
}
@keyframes pr26-drift-2 {
0%, 100% {
transform: translate(0, 0) scale(1);
}
33% {
transform: translate(-30%, 25%) scale(1.1);
}
66% {
transform: translate(-15%, 50%) scale(0.9);
}
}
@keyframes pr26-drift-3 {
0%, 100% {
transform: translate(0, 0) scale(1);
}
50% {
transform: translate(-25%, -40%) scale(1.2);
}
}
@keyframes pr26-drift-4 {
0%, 100% {
transform: translate(0, 0) scale(1);
}
25% {
transform: translate(-40%, -20%) scale(1.05);
}
75% {
transform: translate(-15%, -45%) scale(1.15);
}
}
/* line 216, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-grid-overlay {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, rgba(0, 0, 0, 0) 1px);
background-size: 28px 28px;
mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000000 30%, rgba(0, 0, 0, 0) 90%);
-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000000 30%, rgba(0, 0, 0, 0) 90%);
pointer-events: none;
}
/* line 229, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-section {
position: relative;
z-index: 10;
margin-top: -160px;
padding-bottom: 32px;
}
@media (max-width: 860px) {
/* line 229, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-section {
margin-top: -140px;
}
}
@media (max-width: 560px) {
/* line 229, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-section {
margin-top: -110px;
padding-bottom: 20px;
}
}
/* line 245, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 0;
background: #ffffff;
border: 1px solid #e6e9ee;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.4), 0 20px 40px -20px rgba(0, 0, 0, 0.25);
}
@media (max-width: 860px) {
/* line 245, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc {
grid-template-columns: 1fr;
}
}
/* line 263, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-input {
padding: 36px 40px 32px;
border-right: 1px solid #e6e9ee;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 18px;
}
@media (max-width: 860px) {
/* line 263, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-input {
border-right: none;
border-bottom: 1px solid #e6e9ee;
padding: 28px 24px 24px;
}
}
/* line 277, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-question {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #6b6b78;
margin-bottom: 2px;
}
/* line 287, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-value-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
gap: 6px;
}
/* line 293, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-value {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 60px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.025em;
line-height: 0.95;
font-variant-numeric: tabular-nums;
}
@media (max-width: 720px) {
/* line 293, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-value {
font-size: 44px;
}
}
/* line 305, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-suffix {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
font-weight: 500;
color: #6b6b78;
letter-spacing: 0.04em;
}
/* line 314, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-wrap {
position: relative;
padding: 14px 0 6px;
}
/* line 318, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-track {
position: relative;
height: 8px;
background: #e6e9ee;
border-radius: 999px;
overflow: visible;
}
/* line 325, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-fill {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #61b6e6, #2d7aaf);
border-radius: 999px;
transition: width 0.08s linear;
box-shadow: 0 0 12px rgba(97, 182, 230, 0.4);
}
/* line 333, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-thumb {
position: absolute;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background: #ffffff;
border: 3px solid #2d7aaf;
border-radius: 50%;
box-shadow: 0 6px 16px rgba(26, 26, 36, 0.18);
transition: left 0.08s linear, transform 0.15s ease;
cursor: grab;
pointer-events: none;
}
/* line 346, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-thumb.dragging {
-ms-transform: translate(-50%, -50%) scale(1.12);
transform: translate(-50%, -50%) scale(1.12);
cursor: grabbing;
}
/* line 351, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-input {
position: absolute;
inset: -14px 0;
width: 100%;
height: calc(100% + 28px);
opacity: 0;
cursor: pointer;
z-index: 5;
margin: 0;
}
/* line 361, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-ticks {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 14px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
color: #9a9aa6;
letter-spacing: 0.04em;
}
/* line 370, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-tick {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 4px;
position: relative;
}
/* line 377, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-tick::before {
content: "";
width: 1px;
height: 5px;
background: #c9cdd5;
margin-bottom: 2px;
}
/* line 385, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-tick.active {
color: #2d7aaf;
font-weight: 600;
}
/* line 389, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-slider-tick.active::before {
background: #2d7aaf;
}
/* line 394, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-strip {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2px;
padding: 14px 14px 12px;
margin-top: 6px;
background: #fafbfc;
border-radius: 10px;
border: 1px solid #e6e9ee;
}
/* line 404, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-strip-item {
text-align: center;
padding: 8px 6px;
border-radius: 6px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.1em;
color: #9a9aa6;
text-transform: uppercase;
transition: background 0.2s ease, color 0.2s ease;
position: relative;
}
/* line 417, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-strip-item.active {
background: #e2f0f9;
color: #2d7aaf;
}
/* line 424, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-output {
padding: 36px 40px 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
background: radial-gradient(80% 100% at 100% 100%, #f3faff, rgba(0, 0, 0, 0) 60%), #ffffff;
position: relative;
}
@media (max-width: 860px) {
/* line 424, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-calc-output {
padding: 28px 24px 24px;
}
}
/* line 439, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-label {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #6b6b78;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 450, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-label i {
width: 6px;
height: 6px;
border-radius: 50%;
background: #2f9b73;
box-shadow: 0 0 0 3px rgba(47, 155, 115, 0.18);
}
/* line 458, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-tier-name {
font-size: 36px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.025em;
line-height: 1;
}
/* line 466, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
padding-top: 10px;
border-top: 1px solid #e6e9ee;
}
/* line 474, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-line {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
gap: 12px;
font-size: 14px;
}
/* line 481, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-line .pr26-rec-k {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
letter-spacing: 0.12em;
color: #6b6b78;
text-transform: uppercase;
}
/* line 488, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-line .pr26-rec-v {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-weight: 600;
color: #1a1a24;
font-variant-numeric: tabular-nums;
font-size: 14px;
}
/* line 495, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-line .pr26-rec-zero {
color: #2f9b73;
}
/* line 500, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-cta {
background: #2f9b73;
color: #ffffff;
border: none;
border-radius: 10px;
padding: 16px 20px;
font-size: 15px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
margin-top: 8px;
transition: background 0.2s ease, transform 0.2s ease;
}
/* line 517, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-cta:hover {
background: #1f7a59;
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 522, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-rec-cta svg {
width: 16px;
height: 16px;
}
/* line 528, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-strip {
position: relative;
margin: 72px 0 56px;
padding: 72px 0;
background: #1a1a24;
overflow: hidden;
isolation: isolate;
}
@media (max-width: 720px) {
/* line 528, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-strip {
margin: 48px 0 40px;
padding: 56px 0;
}
}
/* line 543, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-strip-anim {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 0;
}
/* line 551, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-blob {
position: absolute;
border-radius: 50%;
filter: blur(80px);
mix-blend-mode: screen;
will-change: transform;
}
@media (max-width: 720px) {
/* line 551, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-blob {
filter: blur(60px);
}
}
/* line 562, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-blob-1 {
width: 540px;
height: 540px;
top: -30%;
left: -10%;
background: radial-gradient(circle, #61b6e6 0%, rgba(97, 182, 230, 0) 70%);
opacity: 0.45;
animation: pr26-free-drift-1 22s ease-in-out infinite;
}
/* line 571, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-blob-2 {
width: 480px;
height: 480px;
bottom: -40%;
right: -5%;
background: radial-gradient(circle, #84c6ec 0%, rgba(132, 198, 236, 0) 70%);
opacity: 0.35;
animation: pr26-free-drift-2 28s ease-in-out infinite;
}
@keyframes pr26-free-drift-1 {
0%, 100% {
transform: translate(0, 0) scale(1);
}
50% {
transform: translate(35%, 25%) scale(1.15);
}
}
@keyframes pr26-free-drift-2 {
0%, 100% {
transform: translate(0, 0) scale(1);
}
50% {
transform: translate(-30%, -25%) scale(1.1);
}
}
/* line 590, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-strip-grid {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px);
background-size: 28px 28px;
mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000000 30%, rgba(0, 0, 0, 0) 90%);
-webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000000 30%, rgba(0, 0, 0, 0) 90%);
}
/* line 600, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-card {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: auto 1fr;
-ms-flex-align: center;
align-items: center;
gap: 56px;
max-width: 880px;
margin: 0 auto;
padding: 0 16px;
}
@media (max-width: 720px) {
/* line 600, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-card {
grid-template-columns: 1fr;
gap: 24px;
text-align: center;
padding: 0;
}
}
/* line 620, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-mark {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px;
padding-right: 56px;
border-right: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 720px) {
/* line 620, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-mark {
-ms-flex-align: center;
align-items: center;
padding-right: 0;
padding-bottom: 22px;
border-right: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
}
/* line 637, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-zero {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(72px, 9vw, 108px);
font-weight: 700;
color: #61b6e6;
letter-spacing: -0.04em;
line-height: 0.85;
font-variant-numeric: tabular-nums;
}
/* line 647, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-tagline {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.2em;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
/* line 656, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 720px) {
/* line 656, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-body {
-ms-flex-align: center;
align-items: center;
}
}
/* line 667, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-title {
font-size: clamp(22px, 2.6vw, 32px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
color: #ffffff;
margin: 0;
max-width: 26ch;
}
/* line 676, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-title em {
font-style: normal;
color: #61b6e6;
}
/* line 682, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-copy {
font-size: 15px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.7);
margin: 0;
max-width: 56ch;
}
/* line 690, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-cta {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background: #61b6e6;
color: #1a1a24;
border: none;
border-radius: 10px;
padding: 14px 26px;
font-size: 15px;
font-weight: 700;
font-family: inherit;
cursor: pointer;
margin-top: 8px;
transition: background 0.2s ease, transform 0.2s ease;
}
/* line 706, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-cta:hover {
background: #7bc2ea;
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 711, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-free-cta svg {
width: 16px;
height: 16px;
}
/* line 717, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers {
padding: 40px 0 16px;
}
/* line 721, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
gap: 24px;
margin-bottom: 28px;
}
/* line 729, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers-title {
font-size: 28px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.02em;
line-height: 1.1;
max-width: 22ch;
margin: 0;
}
/* line 738, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers-title em {
font-style: normal;
color: #2d7aaf;
}
/* line 744, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers-legend {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
color: #6b6b78;
letter-spacing: 0.1em;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
white-space: nowrap;
}
@media (max-width: 720px) {
/* line 744, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers-legend {
display: none;
}
}
/* line 757, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tiers-legend i {
width: 8px;
height: 8px;
border-radius: 50%;
background: #61b6e6;
box-shadow: 0 0 0 3px rgba(97, 182, 230, 0.18);
}
/* line 765, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
-ms-flex-align: stretch;
align-items: stretch;
}
@media (max-width: 860px) {
/* line 765, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-grid {
grid-template-columns: 1fr;
}
}
/* line 775, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-grid[data-rec="medium"] {
grid-template-columns: 0.92fr 1.16fr 0.92fr;
}
/* line 776, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-grid[data-rec="small"] {
grid-template-columns: 1.16fr 0.92fr 0.92fr;
}
/* line 777, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-grid[data-rec="large"] {
grid-template-columns: 0.92fr 0.92fr 1.16fr;
}
@media (max-width: 860px) {
/* line 780, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-grid[data-rec] {
grid-template-columns: 1fr;
}
}
/* line 784, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier {
background: #ffffff;
border: 1px solid #e6e9ee;
border-radius: 16px;
padding: 28px 26px 26px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
position: relative;
transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease;
}
/* line 798, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-recommended {
border-color: #61b6e6;
border-width: 1.5px;
box-shadow: 0 24px 60px -28px rgba(45, 122, 175, 0.35);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
/* line 804, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-recommended::before {
content: "RECOMMENDED FOR YOUR VOLUME";
position: absolute;
top: -10px;
left: 24px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.18em;
color: #2d7aaf;
background: #ffffff;
padding: 2px 8px;
border: 1px solid #61b6e6;
border-radius: 4px;
}
/* line 821, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-band {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #9a9aa6;
}
/* line 830, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-name {
font-size: 26px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.02em;
line-height: 1;
margin: 0;
}
/* line 839, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
gap: 2px;
margin-top: 4px;
font-variant-numeric: tabular-nums;
}
/* line 846, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-price .pr26-tier-price-ccy {
font-size: 22px;
font-weight: 600;
color: #6b6b78;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 6px;
}
/* line 853, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-price .pr26-tier-price-whole {
font-size: 46px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.025em;
line-height: 0.9;
}
/* line 860, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-price .pr26-tier-price-cents {
font-size: 18px;
font-weight: 600;
color: #6b6b78;
}
/* line 865, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-price .pr26-tier-price-per {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px;
font-weight: 500;
color: #6b6b78;
margin-left: 6px;
letter-spacing: 0.04em;
}
/* line 875, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
margin-top: 4px;
}
/* line 882, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
}
/* line 888, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee-label {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6b6b78;
}
/* line 897, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee-rate {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 14px;
font-weight: 700;
color: #2d7aaf;
font-variant-numeric: tabular-nums;
}
/* line 905, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee-bar {
height: 4px;
background: #e6e9ee;
border-radius: 999px;
overflow: hidden;
position: relative;
}
/* line 912, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee-bar::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #61b6e6, #2d7aaf);
border-radius: 999px;
width: var(--fee-pct, 50%);
}
/* line 922, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-fee-note {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 10px;
color: #9a9aa6;
letter-spacing: 0.04em;
}
/* line 929, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-features {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin: 14px 0 0;
padding: 16px 0 0;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-top: 1px solid #e6e9ee;
}
/* line 939, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-features li {
font-size: 14px;
line-height: 1.5;
color: #343440;
padding-left: 20px;
position: relative;
}
/* line 946, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-features li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 12px;
height: 8px;
border-left: 2px solid #2d7aaf;
border-bottom: 2px solid #2d7aaf;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* line 958, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-features li strong {
font-weight: 600;
color: #1a1a24;
}
/* line 965, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-cta {
background: #2f9b73;
color: #ffffff;
border: none;
border-radius: 10px;
padding: 14px 18px;
font-size: 15px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: background 0.2s ease;
}
/* line 977, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier-cta:hover {
background: #1f7a59;
}
/* line 980, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier:not(.pr26-tier-recommended) .pr26-tier-cta {
background: #ffffff;
color: #1a1a24;
border: 1.5px solid #c9cdd5;
}
/* line 985, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-tier:not(.pr26-tier-recommended) .pr26-tier-cta:hover {
border-color: #1a1a24;
background: #fafbfc;
}
/* line 994, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included {
padding: 72px 0 56px;
position: relative;
}
@media (max-width: 720px) {
/* line 994, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included {
padding: 56px 0 40px;
}
}
/* line 1003, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-header {
text-align: center;
max-width: 720px;
margin: 0 auto 40px;
}
@media (max-width: 720px) {
/* line 1003, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-header {
margin-bottom: 32px;
}
}
/* line 1013, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-eyebrow {
display: inline-block;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #2d7aaf;
margin-bottom: 14px;
}
/* line 1024, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-title {
font-size: clamp(26px, 4vw, 36px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.1;
color: #1a1a24;
margin: 0 0 14px;
}
/* line 1032, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-title em {
font-style: normal;
color: #2d7aaf;
}
/* line 1038, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-sub {
font-size: 15.5px;
line-height: 1.6;
color: #6b6b78;
margin: 0 auto;
max-width: 60ch;
}
/* line 1046, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
@media (max-width: 960px) {
/* line 1046, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 560px) {
/* line 1046, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-grid {
grid-template-columns: 1fr;
}
}
/* line 1059, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-item {
background: #ffffff;
border: 1px solid #e6e9ee;
border-radius: 14px;
padding: 22px 22px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease;
}
/* line 1071, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-item:hover {
-ms-transform: translateY(-2px);
transform: translateY(-2px);
border-color: rgba(97, 182, 230, 0.4);
box-shadow: 0 16px 32px -20px rgba(45, 122, 175, 0.25);
}
/* line 1077, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-item h3 {
font-size: 15px;
font-weight: 700;
letter-spacing: -0.01em;
color: #1a1a24;
margin: 0;
line-height: 1.25;
}
/* line 1086, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-item p {
font-size: 13px;
line-height: 1.55;
color: #6b6b78;
margin: 0;
}
/* line 1094, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-included-icon {
width: 28px;
height: 28px;
color: #2d7aaf;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 1104, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise {
padding: 48px 0 32px;
}
/* line 1108, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-card {
background: #1a1a24;
color: #ffffff;
border-radius: 18px;
padding: 48px 44px;
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 48px;
position: relative;
overflow: hidden;
}
@media (max-width: 860px) {
/* line 1108, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-card {
grid-template-columns: 1fr;
padding: 32px 24px;
gap: 28px;
}
}
/* line 1125, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-card::before {
content: "";
position: absolute;
top: -50%;
right: -10%;
width: 60%;
height: 200%;
background: radial-gradient(ellipse at center, rgba(97, 182, 230, 0.18) 0%, rgba(0, 0, 0, 0) 60%);
pointer-events: none;
}
/* line 1135, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-card::after {
content: "";
position: absolute;
inset: 0;
background-image: url(data:image/svg+xml;utf8,");
pointer-events: none;
}
/* line 1144, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-copy {
position: relative;
z-index: 1;
}
/* line 1149, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-eyebrow {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #61b6e6;
margin-bottom: 16px;
display: inline-block;
}
/* line 1160, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-title {
font-size: 30px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
color: #ffffff;
margin-bottom: 16px;
max-width: 18ch;
}
@media (max-width: 720px) {
/* line 1160, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-title {
font-size: 24px;
}
}
/* line 1172, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-lead {
font-size: 15.5px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 24px;
max-width: 48ch;
}
/* line 1180, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-list {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
margin: 0 0 28px;
padding: 0;
}
/* line 1188, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-list li {
font-size: 14px;
color: rgba(255, 255, 255, 0.85);
padding-left: 20px;
position: relative;
}
/* line 1194, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-list li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 12px;
height: 8px;
border-left: 2px solid #61b6e6;
border-bottom: 2px solid #61b6e6;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* line 1206, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-list li strong {
color: #ffffff;
font-weight: 600;
}
/* line 1210, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-ctas {
display: -ms-flexbox;
display: flex;
gap: 14px;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 1217, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-cta-primary {
background: #61b6e6;
color: #1a1a24;
border: none;
border-radius: 10px;
padding: 13px 24px;
font-size: 15px;
font-weight: 700;
font-family: inherit;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
/* line 1229, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-cta-primary:hover {
background: #7bc2ea;
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 1235, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-cta-secondary {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
/* line 1241, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-cta-secondary:hover {
color: #ffffff;
}
/* line 1244, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-exclusive {
position: relative;
z-index: 1;
padding: 0 0 0 32px;
border-left: 1px solid rgba(255, 255, 255, 0.12);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media (max-width: 860px) {
/* line 1244, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-exclusive {
border-left: none;
border-top: 1px solid rgba(255, 255, 255, 0.12);
padding: 24px 0 0;
}
}
/* line 1260, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-exclusive-label {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #61b6e6;
}
/* line 1269, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-exclusive-list {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
margin: 0;
padding: 0;
}
/* line 1277, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-exclusive-list li {
display: grid;
grid-template-columns: 56px 1fr;
gap: 14px;
-ms-flex-align: center;
align-items: center;
padding: 0;
border: none;
}
/* line 1285, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-enterprise-exclusive-list li::before {
content: none;
}
/* line 1289, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-ee-num {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 26px;
font-weight: 700;
color: #61b6e6;
letter-spacing: -0.02em;
line-height: 1;
text-align: right;
font-variant-numeric: tabular-nums;
}
/* line 1300, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-ee-text {
font-size: 13.5px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.85);
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
}
/* line 1310, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust {
padding: 48px 0;
border-top: 1px solid #e6e9ee;
margin-top: 32px;
}
/* line 1316, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
}
@media (max-width: 720px) {
/* line 1316, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust-row {
grid-template-columns: 1fr 1fr;
gap: 22px;
}
}
/* line 1327, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
text-align: left;
}
/* line 1334, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust-num {
font-size: 32px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.02em;
line-height: 1;
font-variant-numeric: tabular-nums;
}
/* line 1342, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust-num small {
font-size: 18px;
font-weight: 600;
color: #6b6b78;
letter-spacing: -0.01em;
}
/* line 1350, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-trust-label {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6b6b78;
}
/* line 1362, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare {
padding: 72px 0 32px;
border-top: 1px solid #e6e9ee;
}
/* line 1367, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-header {
text-align: center;
max-width: 720px;
margin: 0 auto 36px;
}
/* line 1373, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-title {
font-size: clamp(26px, 4vw, 36px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.1;
color: #1a1a24;
margin: 0 0 12px;
}
/* line 1381, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-title em {
font-style: normal;
color: #2d7aaf;
}
/* line 1387, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-sub {
font-size: 15px;
color: #6b6b78;
line-height: 1.55;
margin: 0 0 26px;
max-width: 56ch;
margin-left: auto;
margin-right: auto;
}
/* line 1397, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-wrap {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
max-width: 520px;
margin: 0 auto;
background: #ffffff;
border: 1px solid #c9cdd5;
border-radius: 10px;
padding: 12px 18px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
/* line 1410, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-wrap:focus-within {
border-color: #2d7aaf;
box-shadow: 0 0 0 3px rgba(97, 182, 230, 0.15);
}
/* line 1416, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-icon {
width: 16px;
height: 16px;
color: #6b6b78;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 1426, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-input {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
appearance: none;
-webkit-appearance: none;
background: transparent !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
line-height: 1.4 !important;
font-family: inherit !important;
font-size: 14.5px !important;
color: #1a1a24 !important;
transition: none !important;
border-radius: 0 !important;
}
/* line 1445, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-input:-ms-input-placeholder {
color: #9a9aa6 !important;
opacity: 1;
}
.pricing-2026 .pr26-compare-search-input::placeholder {
color: #9a9aa6 !important;
opacity: 1;
}
/* line 1450, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-input:focus, .pricing-2026 .pr26-compare-search-input:hover {
background: transparent !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
}
/* line 1459, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-clear {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 18px;
line-height: 1;
width: 24px;
height: 24px;
border-radius: 50%;
background: #fafbfc;
border: 1px solid #e6e9ee;
color: #6b6b78;
cursor: pointer;
font-family: inherit;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 0;
}
/* line 1477, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-clear:hover {
background: #e6e9ee;
color: #1a1a24;
}
/* line 1483, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-search-count {
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
letter-spacing: 0.08em;
color: #2d7aaf;
text-transform: uppercase;
}
/* line 1492, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-empty {
text-align: center;
padding: 28px 24px;
background: #f3faff;
border: 1px dashed rgba(97, 182, 230, 0.3);
border-radius: 12px;
margin-bottom: 18px;
}
/* line 1500, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-empty p {
margin: 0;
font-size: 14.5px;
color: #6b6b78;
}
/* line 1506, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-empty a {
color: #2d7aaf;
font-weight: 600;
}
/* line 1511, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-empty .pr26-compare-empty-clear {
background: none;
border: none;
color: #2d7aaf;
font-weight: 600;
font-family: inherit;
font-size: inherit;
cursor: pointer;
padding: 0;
text-decoration: underline;
}
/* line 1524, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-table {
background: #ffffff;
border: 1px solid #e6e9ee;
border-radius: 14px;
overflow: hidden;
}
/* line 1532, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead, .pricing-2026 .pr26-compare-row {
display: grid;
grid-template-columns: minmax(180px, 2fr) repeat(4, 1fr);
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
@media (max-width: 720px) {
/* line 1532, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead, .pricing-2026 .pr26-compare-row {
grid-template-columns: minmax(140px, 2fr) repeat(4, minmax(60px, 1fr));
gap: 8px;
}
}
/* line 1544, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead {
padding: 14px 20px;
background: #fafbfc;
border-bottom: 1px solid #e6e9ee;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #6b6b78;
position: sticky;
top: 0;
z-index: 2;
}
@media (max-width: 720px) {
/* line 1544, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead {
padding: 12px 14px;
font-size: 10px;
letter-spacing: 0.08em;
}
}
/* line 1565, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead .pr26-compare-th {
text-align: center;
}
/* line 1569, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead .pr26-compare-th-feature {
text-align: left;
}
/* line 1573, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-thead .pr26-compare-th-anchor {
color: #2d7aaf;
}
/* line 1578, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat {
border-bottom: 1px solid #e6e9ee;
}
/* line 1581, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat:last-child {
border-bottom: none;
}
/* line 1583, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat[hidden] {
display: none;
}
/* line 1585, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat.pr26-compare-cat-has-match .pr26-compare-cat-head {
background: #f3faff;
}
/* line 1590, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-head {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 16px;
padding: 18px 22px;
cursor: pointer;
list-style: none;
transition: background 0.2s ease;
}
/* line 1600, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-head::-webkit-details-marker {
display: none;
}
/* line 1601, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-head:hover {
background: #fafbfc;
}
/* line 1603, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-head::after {
content: "+";
font-size: 22px;
font-weight: 300;
color: #6b6b78;
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
transition: transform 0.25s ease;
}
/* line 1614, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat[open] > .pr26-compare-cat-head::after {
content: "\2212";
}
/* line 1618, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-name {
font-size: 15px;
font-weight: 600;
color: #1a1a24;
}
@media (max-width: 560px) {
/* line 1618, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-name {
font-size: 14px;
}
}
/* line 1628, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-count {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
letter-spacing: 0.1em;
color: #9a9aa6;
text-transform: uppercase;
margin-left: auto;
margin-right: 18px;
}
@media (max-width: 560px) {
/* line 1628, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-cat-count {
display: none;
}
}
/* line 1642, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-rows {
padding-bottom: 8px;
}
/* line 1646, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-row {
padding: 11px 20px;
font-size: 13.5px;
color: #343440;
border-top: 1px solid #e6e9ee;
}
/* line 1653, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-row[hidden] {
display: none;
}
/* line 1655, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-row:hover {
background: #f3faff;
}
@media (max-width: 720px) {
/* line 1646, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-row {
padding: 10px 14px;
font-size: 12.5px;
overflow-x: auto;
}
}
/* line 1665, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-row > span {
text-align: center;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-variant-numeric: tabular-nums;
color: #1a1a24;
font-size: 12.5px;
}
@media (max-width: 720px) {
/* line 1665, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-row > span {
font-size: 11.5px;
}
}
/* line 1678, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-feat {
text-align: left !important;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 13.5px !important;
color: #343440 !important;
font-weight: 500;
padding-right: 12px;
}
@media (max-width: 720px) {
/* line 1678, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-feat {
font-size: 12.5px !important;
}
}
/* line 1691, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-yes {
color: #2f9b73 !important;
font-weight: 700;
font-size: 17px !important;
line-height: 1;
}
@media (max-width: 720px) {
/* line 1691, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-yes {
font-size: 15px !important;
}
}
/* line 1702, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-no {
color: #c9cdd5 !important;
font-weight: 400;
}
/* line 1707, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-zero {
color: #2f9b73 !important;
font-weight: 700;
}
/* line 1712, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-footer {
text-align: center;
padding: 32px 16px 8px;
}
/* line 1716, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-footer p {
font-size: 14px;
color: #6b6b78;
margin: 0 0 14px;
}
/* line 1723, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-footer-link {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: #2d7aaf;
text-decoration: none;
padding: 12px 22px;
border: 1.5px solid #2d7aaf;
border-radius: 10px;
transition: background 0.2s ease, color 0.2s ease;
}
/* line 1736, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-footer-link:hover {
background: #2d7aaf;
color: #ffffff;
}
/* line 1741, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-compare-footer-link svg {
width: 16px;
height: 16px;
}
/* line 1750, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq {
padding: 64px 0;
border-top: 1px solid #e6e9ee;
}
/* line 1755, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-row {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 64px;
}
@media (max-width: 860px) {
/* line 1755, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-row {
grid-template-columns: 1fr;
gap: 36px;
}
}
/* line 1766, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-title {
font-size: 28px;
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.02em;
line-height: 1.1;
position: sticky;
top: 100px;
-ms-flex-item-align: start;
align-self: flex-start;
margin: 0;
}
/* line 1777, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-title em {
font-style: normal;
color: #2d7aaf;
}
/* line 1783, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-top: 1px solid #e6e9ee;
}
/* line 1789, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-item {
border-bottom: 1px solid #e6e9ee;
padding: 24px 0;
cursor: pointer;
}
/* line 1795, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-q {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 16px;
font-size: 16px;
font-weight: 600;
color: #1a1a24;
line-height: 1.4;
list-style: none;
cursor: pointer;
}
/* line 1807, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-q::-webkit-details-marker {
display: none;
}
/* line 1809, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-q::after {
content: "+";
font-size: 24px;
font-weight: 300;
color: #6b6b78;
transition: transform 0.25s ease;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1;
}
/* line 1820, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-item[open] .pr26-faq-q::after {
content: "\2212";
}
/* line 1824, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-faq-a {
font-size: 14.5px;
line-height: 1.6;
color: #6b6b78;
margin: 12px 0 0;
max-width: 60ch;
}
/* line 1835, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom {
padding: 80px 0 96px;
text-align: center;
border-top: 1px solid #e6e9ee;
background: radial-gradient(60% 80% at 50% 100%, #f3faff 0%, rgba(0, 0, 0, 0) 60%), #fafbfc;
}
/* line 1844, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-title {
font-size: clamp(28px, 4.5vw, 44px);
font-weight: 700;
color: #1a1a24;
letter-spacing: -0.02em;
line-height: 1.1;
margin: 0 auto 16px;
max-width: 18ch;
}
/* line 1854, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-sub {
font-size: 17px;
color: #6b6b78;
margin: 0 0 32px;
}
/* line 1860, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-cta {
background: #2f9b73;
color: #ffffff;
border: none;
border-radius: 12px;
padding: 18px 40px;
font-size: 17px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: background 0.2s ease, transform 0.2s ease;
}
/* line 1875, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-cta:hover {
background: #1f7a59;
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 1880, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-cta svg {
width: 18px;
height: 18px;
}
/* line 1883, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-note {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 12px;
color: #6b6b78;
margin: 18px 0 0;
letter-spacing: 0.06em;
}
/* line 1890, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-note a {
color: #2d7aaf;
font-weight: 600;
text-decoration: none;
}
/* line 1895, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-bottom-note a:hover {
text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
/* line 1900, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob,
.pricing-2026 .pr26-free-blob {
animation: none !important;
}
/* line 1902, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 .pr26-blob-slider {
transition: none !important;
}
/* line 1903, ../../_src/scss/components/_page_pricing_2026.scss */
.pricing-2026 * {
transition: none !important;
}
}
/* line 2, ../../_src/scss/components/_page_help.scss */
.help .banner {
background-size: cover;
background-position: top center;
position: relative;
background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_help.scss */
.help .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.75);
backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
/* line 10, ../../_src/scss/components/_page_help.scss */
.help .banner.overlay::after {
backdrop-filter: grayscale(100%) blur(5px);
}
}
/* line 21, ../../_src/scss/components/_page_help.scss */
.help .banner p {
line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_help.scss */
.help .banner .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.4;
z-index: 0;
}
/* line 43, ../../_src/scss/components/_page_help.scss */
.help .section-intro .title-row p {
font-size: 18px;
color: #333333;
}
/* line 48, ../../_src/scss/components/_page_help.scss */
.help .section-intro ul li {
margin-bottom: 20px;
line-height: 1.7;
}
/* line 55, ../../_src/scss/components/_page_help.scss */
.help p a {
color: #333333;
text-decoration: underline;
}
/* line 59, ../../_src/scss/components/_page_help.scss */
.help p a.button {
color: #ffffff;
}
/* line 65, ../../_src/scss/components/_page_help.scss */
.help .row-docs-links {
border-top: 1px solid #e8e8e8;
}
/* line 68, ../../_src/scss/components/_page_help.scss */
.help .row-docs-links .button.support {
width: 100%;
}
/* line 72, ../../_src/scss/components/_page_help.scss */
.help .row-docs-links p,
.help .row-docs-links p:last-of-type:first-of-type {
margin-bottom: 0;
font-size: 0.875rem;
}
/* line 79, ../../_src/scss/components/_page_help.scss */
.help .button.support {
background-color: #0A0A0A;
border: 1px solid #0A0A0A;
color: white;
}
/* line 84, ../../_src/scss/components/_page_help.scss */
.help .button.support:hover {
background-color: #51b35a;
border: 1px solid #51b35a;
}
/* line 90, ../../_src/scss/components/_page_help.scss */
.help .dropdown-label {
color: #8d8d8d;
margin-top: 20px;
display: inline-block;
font-size: 14px;
}
/* line 97, ../../_src/scss/components/_page_help.scss */
.help .contact-method {
position: relative;
margin-bottom: 20px;
padding-left: 30px;
font-size: 14px;
}
/* line 103, ../../_src/scss/components/_page_help.scss */
.help .contact-method a {
color: #333333;
text-decoration: underline;
}
/* line 109, ../../_src/scss/components/_page_help.scss */
.help .contact-method::before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 16px;
height: 16px;
background-size: 16px 16px;
}
/* line 119, ../../_src/scss/components/_page_help.scss */
.help .contact-method {
color: #5e5e5e;
}
/* line 123, ../../_src/scss/components/_page_help.scss */
.help .contact-method.mail::before {
background-image: url(../../images/icon-contact-email.png);
}
/* line 127, ../../_src/scss/components/_page_help.scss */
.help .contact-method.phone::before {
background-image: url(../../images/icon-contact-phone.png);
}
/* line 131, ../../_src/scss/components/_page_help.scss */
.help .contact-method.skype::before {
background-image: url(../../images/icon-contact-skype.png);
}
/* line 135, ../../_src/scss/components/_page_help.scss */
.help .section-proservices::after {
backdrop-filter: blur(0px);
}
/* line 142, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-category {
margin-bottom: 40px;
}
/* line 145, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-category::after {
content: '';
display: block;
clear: both;
}
/* line 152, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-related-resources {
background-color: #f4f4f4;
padding: 32px;
border-radius: 16px;
margin-bottom: 32px;
}
/* line 158, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-related-resources p {
margin-bottom: 16px;
}
/* line 162, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-related-resources ul li {
margin-bottom: 8px;
}
/* line 165, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-related-resources ul li:last-child {
margin-bottom: 0;
}
/* line 2, ../../_src/scss/components/_page_help_faq.scss */
body.faq .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-docs.jpg);
background-size: cover;
background-position: center center;
background-color: #66d670;
}
/* line 9, ../../_src/scss/components/_page_help_faq.scss */
body.faq .banner.overlay::after {
width: 100%;
background: rgba(81, 179, 90, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(81, 179, 90, 0.8) 25%, rgba(81, 179, 90, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-green-alt', endColorstr='$color-green-alt',GradientType=1 );
/* IE6-9 */
}
/* line 21, ../../_src/scss/components/_page_help_faq.scss */
body.faq .points {
list-style: none;
margin-left: 0;
}
/* line 25, ../../_src/scss/components/_page_help_faq.scss */
body.faq .points li {
margin-bottom: 20px;
}
/* line 28, ../../_src/scss/components/_page_help_faq.scss */
body.faq .points li a {
display: inline-block;
background: #51b35a;
color: #ffffff;
padding: 10px;
border-radius: 5px;
margin-bottom: 5px;
}
/* line 3, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/home-2025/ultracart-support-pro-services-ecommerce-buildout.jpg);
background-size: cover;
background-position: center center;
background-color: #66d670;
}
/* line 10, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .banner.overlay::after {
width: 100%;
background: rgba(34, 112, 87, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(34, 112, 87, 0.8) 25%, rgba(34, 112, 87, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-v2-alt-green-10', endColorstr='$color-green-alt',GradientType=1 );
/* IE6-9 */
}
/* line 28, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .button-container {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
/* line 33, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .button-container .button-signup {
width: 100%;
}
/* line 39, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category {
border-top: 1px solid #e8e8e8;
padding-top: 40px;
clear: both;
position: relative;
}
@media only screen and (min-width: 40.063em) {
/* line 39, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category {
margin-top: 20px;
}
/* line 48, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category::before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 1px;
left: -40px;
top: -1px;
background: #e8e8e8;
}
}
@media only screen and (min-width: 64.063em) {
/* line 39, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category {
margin-top: 40px;
}
/* line 63, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category::before {
width: 80px;
left: -80px;
}
}
/* line 70, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category:first-of-type {
border-top: none;
padding-top: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 70, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category:first-of-type {
margin-top: 0;
}
/* line 77, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category:first-of-type::before {
background: transparent;
}
}
/* line 83, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category.row {
padding-top: 40px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 90, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category .service-description {
min-height: 400px;
}
}
/* line 97, ../../_src/scss/components/_page_help_proservices.scss */
.help .service {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 97, ../../_src/scss/components/_page_help_proservices.scss */
.help .service {
margin-bottom: 40px;
}
}
/* line 108, ../../_src/scss/components/_page_help_proservices.scss */
.help .service p {
color: #8d8d8d;
}
@media only screen and (min-width: 64.063em) {
/* line 112, ../../_src/scss/components/_page_help_proservices.scss */
.help .service.centered {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* line 3, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/pp-credit-banner.jpg);
background-size: cover;
background-position: center center;
min-height: 400px;
position: relative;
}
/* line 11, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner.overlay::after {
width: 100%;
background: rgba(1, 26, 84, 0.6);
}
@media only screen and (min-width: 64.063em) {
/* line 11, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner.overlay::after {
background: rgba(1, 26, 84, 0.6);
background: linear-gradient(to right, rgba(1, 26, 84, 0.6) 35%, rgba(1, 26, 84, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-brand-paypal-dark,10%)', endColorstr='darken($color-brand-paypal-dark,10%)',GradientType=1 );
}
}
/* line 25, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .row {
position: relative;
}
/* line 28, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .row .columns {
margin-bottom: 120px;
z-index: 100;
}
/* line 34, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner h2 {
padding-top: 40px;
margin: 0 0 20px 0;
text-align: left;
font-size: 28px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* line 42, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner p:last-of-type:first-of-type {
font-size: 18px;
margin-bottom: 40px;
color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner p:last-of-type:first-of-type a {
color: #ffffff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* line 53, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .screens {
display: none;
width: 580px;
height: 320px;
position: absolute;
right: 0px;
bottom: 130px;
background: url(../../themes/UltraCart/theme/assets/imgs/pp-credit-banner-screens.png);
background-size: contain;
background-position: center center;
background-repeat: none;
z-index: 100;
}
@media only screen and (min-width: 64.063em) {
/* line 53, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .screens {
display: block;
}
}
@media only screen and (min-width: 90.063em) {
/* line 53, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .screens {
right: 190px;
}
}
/* line 76, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit ul {
list-style: none;
}
/* line 80, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit p {
color: #5e5e5e;
}
/* line 84, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro {
text-align: center;
margin-bottom: 40px;
display: block;
}
/* line 89, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro p {
color: #8d8d8d;
}
@media only screen and (min-width: 64.063em) {
/* line 84, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro {
margin-bottom: 80px;
}
}
/* line 97, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .uc-paypal {
text-align: center;
margin: 0 0 60px 0;
}
/* line 102, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction {
margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 102, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 102, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction {
margin-bottom: 120px;
}
}
/* line 113, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction p {
font-size: 16px;
line-height: 1.4em;
}
@media only screen and (min-width: 64.063em) {
/* line 113, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction p {
font-size: 18px;
line-height: 1.8em;
}
}
/* line 123, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction a {
text-decoration: underline;
color: #022986;
}
/* line 129, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .list-item {
margin-bottom: 20px;
}
/* line 132, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .list-item .icon {
width: 96px;
height: 96px;
margin: 0 auto 20px auto;
}
/* line 143, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help h3,
.paypal-credit .pp-how h3 {
display: block;
position: relative;
float: left;
margin: 0 20px 0 0;
font-size: 24px;
background: rgba(50, 165, 204, 0.4);
text-shadow: 1px 1px 0 rgba(50, 165, 204, 0.3);
color: #fff;
padding: 4px 8px;
line-height: 40px;
z-index: 10;
}
/* line 157, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help h3 span,
.paypal-credit .pp-how h3 span {
position: relative;
z-index: 10;
}
/* line 162, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help h3::after,
.paypal-credit .pp-how h3::after {
display: block;
content: "";
position: absolute;
top: 5px;
left: 5px;
bottom: -5px;
right: -5px;
background: rgba(50, 165, 204, 0.4);
z-index: 1;
}
/* line 174, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help p,
.paypal-credit .pp-how p {
line-height: 1.8;
}
/* line 180, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .list-item h3 {
font-size: 18px;
margin-bottom: 20px;
color: rgba(50, 165, 204, 0.8);
}
/* line 186, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .list-item p {
font-size: 14px;
}
/* line 192, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-where .list-item {
text-align: center;
}
/* line 195, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-where .list-item img {
margin-bottom: 20px;
}
/* line 199, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-where .list-item h3 {
text-align: center;
font-size: 24px;
}
/* line 206, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) {
padding-top: 0;
padding-bottom: 40px;
background: #f4f4f4;
}
/* line 211, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .row {
margin-top: 0;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
/* line 217, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .row.footnotes {
margin-bottom: 0;
}
/* line 222, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) h2 {
position: relative;
margin-top: 0;
margin-bottom: 40px;
margin-top: 0;
font-size: 37px;
text-shadow: 2px 2px 0 rgba(50, 165, 204, 0.2);
}
/* line 230, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) h2::before {
display: block;
content: "";
position: absolute;
left: -20px;
bottom: -10px;
width: 100px;
height: 2px;
background: rgba(255, 138, 33, 0.4);
}
/* line 242, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .list-item {
padding: 0 20px;
}
/* line 245, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .list-item p {
font-size: 14px;
}
/* line 249, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .list-item:nth-of-type(1) {
padding: 0 20px 0 0;
}
/* line 254, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .pp-what h2 {
margin-top: 0;
}
/* line 258, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .pp-how .pp-example {
width: 100%;
/*height: 160px;*/
text-align: center;
background: rgba(50, 165, 204, 0.2);
margin: 30px 30px 30px 0;
padding: 10px;
border: 1px dashed #78c2dc;
}
/* line 268, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight {
margin-top: 40px;
margin-bottom: 40px;
padding: 20px 30px;
position: relative;
display: block;
z-index: 2;
}
/* line 276, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight::before {
content: "";
display: block;
position: absolute;
top: -5px;
bottom: 5px;
left: -5px;
right: 5px;
background: rgba(50, 165, 204, 0.4);
z-index: 1;
}
/* line 288, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight::after {
content: "";
display: block;
position: absolute;
top: 5px;
bottom: -5px;
left: 5px;
right: -5px;
background: rgba(255, 138, 33, 0.4);
z-index: 1;
}
/* line 300, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight p {
margin-top: 0;
margin-bottom: 0;
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 100;
z-index: 2;
}
/* line 314, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help p {
min-height: 60px;
}
/* line 318, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help .footnotes {
border-top: none;
padding-top: 20px;
margin-top: 0;
margin-bottom: 0;
}
/* line 324, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help .footnotes p {
color: #999;
}
/* line 332, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-why .footnotes {
border-top: none;
padding-top: 20px;
margin-top: 0;
margin-bottom: 0;
}
/* line 338, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-why .footnotes p {
color: #999;
}
/* line 344, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq {
padding-top: 80px;
padding-bottom: 80px;
background: #ffffff;
}
/* line 349, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand {
cursor: pointer;
position: relative;
}
/* line 353, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand h2 {
color: rgba(50, 165, 204, 0.4);
transition: color 0.5s ease;
}
/* line 360, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand.expanded::after {
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 364, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand.expanded h2 {
color: rgba(50, 165, 204, 0.8);
}
/* line 369, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand::before {
content: "";
display: block;
width: 60px;
height: 60px;
border-radius: 30px;
position: absolute;
left: 115px;
top: 0;
background: rgba(255, 138, 33, 0.4);
z-index: 1;
}
/* line 382, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand::after {
content: "+";
display: block;
width: 60px;
height: 60px;
border-radius: 30px;
position: absolute;
left: 110px;
top: -5px;
background: rgba(50, 165, 204, 0.4);
color: #fff;
text-align: center;
font-size: 30px;
line-height: 50px;
z-index: 2;
transition: transform 0.5s ease;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* line 401, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand:hover::after {
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
/* line 406, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
/* line 411, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq ul li {
padding-top: 40px;
}
/* line 414, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq ul li p {
color: #999;
}
/* line 420, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq.section:not(.section-intro) .row.footnotes {
margin-top: 80px;
padding-top: 80px;
border-top: 1px solid rgba(50, 165, 204, 0.4);
}
/* line 427, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq-list {
list-style: none;
margin-left: 0;
}
/* line 434, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes.row {
padding-left: 0;
padding-right: 0;
}
/* line 439, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes p {
font-size: 12px;
}
/* line 442, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes p:last-of-type {
margin-bottom: 0;
}
/* line 445, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes p:last-of-type:first-of-type {
margin-bottom: 0;
}
/* line 2, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic {
background-color: #0A0A0A;
color: white;
}
/* line 6, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h1,
.paypal.agentic h2,
.paypal.agentic h3,
.paypal.agentic h4 {
color: #ffffff;
font-weight: 200;
}
/* line 14, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h1 {
font-size: 3rem;
}
/* line 18, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h2 {
font-size: 1.75rem;
}
/* line 22, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h4 {
font-size: 1.5rem;
}
/* line 26, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .no-break {
white-space: nowrap;
}
/* line 30, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic #system {
background-color: #0A0A0A;
color: #ffffff;
}
/* line 35, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner {
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
background-color: #0A0A0A;
border-bottom: 1px solid #222222;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/paypal-ultracart-ai-chat-commerce.png);
}
/* line 44, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner.overlay::after {
width: 100%;
background: rgba(0, 0, 0, 0.75);
}
@media only screen and (min-width: 64.063em) {
/* line 44, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner.overlay::after {
background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 30%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);
}
}
/* line 53, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner.overlay::before {
content: "";
display: block;
position: absolute;
width: 100%;
top: 0;
left: 50%;
bottom: 0;
z-index: 2;
mix-blend-mode: overlay;
pointer-events: none;
}
@media only screen and (min-width: 64.063em) {
/* line 53, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner.overlay::before {
background: linear-gradient(to bottom right, #FFF 0%, transparent 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, transparent 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, transparent 50%) top left/50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, transparent 50%) top right/50% 50% no-repeat;
}
}
/* line 72, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 72, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .row .columns::before {
display: block;
}
}
/* line 92, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .banner-chat-input {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
width: calc(100% - 48px);
margin-left: 20px;
margin-top: 20px;
height: auto;
pointer-events: none;
z-index: 1;
background-color: rgba(255, 255, 255, 0.6);
color: #222222;
border-radius: 20px;
padding: 16px;
backdrop-filter: blur(8px);
float: left;
}
@media only screen and (min-width: 64.063em) {
/* line 92, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .banner-chat-input {
float: none;
position: absolute;
bottom: 50%;
right: 64px;
width: 480px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
}
}
/* line 119, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .banner-chat-input .banner-chat-input-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 0;
}
/* line 127, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .banner-chat-input svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 133, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
}
/* line 138, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro h2 {
padding-bottom: 10px;
margin-bottom: 10px;
cursor: pointer;
transition: color 0.2s ease;
position: relative;
}
/* line 145, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro h2::after {
content: "";
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background: linear-gradient(90deg, #333333, transparent);
transition: all 0.6s ease;
}
@media only screen and (min-width: 64.063em) {
/* line 158, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro h2::after {
width: calc(100% + 840px);
left: -100px;
}
}
/* line 167, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro h2:hover {
opacity: 0.8;
}
/* line 170, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro h2:hover::after {
background: linear-gradient(90deg, #7DBCDE, transparent);
}
/* line 175, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro p {
font-size: 1.25rem;
line-height: 1.8;
overflow: hidden;
}
/* line 182, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .intro-block.active h2 {
color: #72A3CB;
}
/* line 186, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .intro-block.active h2::after {
background: linear-gradient(90deg, #72A3CB, transparent);
}
/* line 191, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .intro-block:not(:last-child) {
margin-bottom: 32px;
}
/* line 195, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .button {
background-color: #57a3cf;
}
/* line 199, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
margin-top: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 199, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper {
width: 480px;
margin-top: -140px;
}
}
/* line 211, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-message {
padding: 12px 16px;
border-radius: 16px;
max-width: 75%;
margin-bottom: 12px;
font-size: 1rem;
line-height: 1.5;
}
/* line 219, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-message.message-agent {
background-color: rgba(255, 255, 255, 0.9);
color: #222222;
-ms-flex-item-align: start;
align-self: flex-start;
}
/* line 225, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-message.message-user {
background-color: rgba(255, 255, 255, 0.66);
color: #222222;
-ms-flex-item-align: end;
align-self: flex-end;
}
/* line 232, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .typing-cursor {
margin-left: 2px;
font-weight: normal;
}
/* line 237, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-message.thinking {
font-style: italic;
opacity: 0.7;
}
/* line 242, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding: 16px;
margin: 8px 0;
background: white;
color: #333333;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* line 253, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-info {
-ms-flex: 1;
flex: 1;
min-width: 0;
}
/* line 258, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-name {
font-weight: 600;
font-size: 14px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 267, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-seller {
font-size: 12px;
color: #666;
margin-bottom: 4px;
}
/* line 273, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-rating {
font-size: 12px;
color: #C98220;
}
/* line 278, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
gap: 8px;
}
/* line 285, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-image {
width: 64px;
height: 64px;
background-color: #cccccc;
border: 1px solid #cccccc;
background-size: cover;
border-radius: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ai-commerce-product-2.png);
}
/* line 296, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-name {
color: #222222;
font-weight: 600;
font-size: 14px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 306, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-price {
font-weight: bold;
font-size: 18px;
}
/* line 311, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-buy-btn {
background: #0A0A0A;
color: white;
border: none;
padding: 8px 24px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
margin: 0;
}
/* line 322, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product .product-buy-btn:hover {
background-color: #222222;
}
/* line 327, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product:nth-child(6) .product-image {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ai-commerce-product-1.png);
}
/* line 331, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product:nth-child(7) .product-image {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ai-commerce-product-2.png);
}
/* line 335, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .chat-wrapper .chat-product:nth-child(8) .product-image {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ai-commerce-product-3.png);
}
/* line 342, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-paypal {
background-color: #003087;
}
/* line 345, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-paypal .feature-copy {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 32px;
width: 100%;
}
/* line 353, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-paypal .feature-copy .button {
background-color: #0A0A0A;
color: white;
}
/* line 360, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-fulfillment {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ai-commerce-fulfillment-background.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
color: #ffffff;
position: relative;
z-index: 1;
}
/* line 371, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-fulfillment::after {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
/* line 383, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights {
padding-bottom: 80px;
}
/* line 386, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .row {
padding-top: 120px;
}
/* line 389, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .row:first-child {
padding-top: 240px;
}
/* line 394, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 399, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 399, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 407, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 407, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 407, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 407, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 432, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h3 {
font-size: 1.5rem;
margin-bottom: 16px;
}
/* line 436, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 436, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
}
/* line 445, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights ul {
margin-bottom: 32px;
}
/* line 449, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #72A3CB;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 456, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights a:not(:last-child) {
margin-bottom: 16px;
}
/* line 460, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights a span {
font-weight: 600;
}
/* line 464, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights a:hover {
color: #676AAD;
gap: 12px;
}
/* line 469, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights a svg path {
stroke: #72A3CB;
}
/* line 474, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .accent_color {
color: #72A3CB;
}
/* line 478, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 478, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 478, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 492, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 497, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 497, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 420px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 497, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 540px;
}
}
/* line 512, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 517, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 522, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 10%;
width: calc(100% + 16px);
left: -8px;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 522, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
top: 240px;
}
}
/* line 538, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 550, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 550, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 560, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 565, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 574, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-ai-commerce-highlights .highlight-wrapper svg text {
font-family: monospace, sans-serif;
}
/* line 580, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #343440;
color: #ffffff;
}
/* line 587, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth h2, .paypal.agentic .section-auth h3, .paypal.agentic .section-auth h4, .paypal.agentic .section-auth p {
color: #ffffff;
}
/* line 590, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth h2 a, .paypal.agentic .section-auth h3 a, .paypal.agentic .section-auth h4 a, .paypal.agentic .section-auth p a {
color: #ffffff;
text-decoration: underline;
}
/* line 596, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth .button {
background-color: transparent;
border: 1px solid #ffffff;
}
/* line 600, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth .button:hover {
background-color: #ffffff;
color: #343440;
}
/* line 608, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-webhooks p:last-of-type {
margin-bottom: 40px;
}
/* line 612, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-webhooks .logo-webhook {
display: inline-block;
max-width: 150px;
margin-bottom: 20px;
fill: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 612, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-webhooks .logo-webhook {
max-width: none;
}
}
/* line 624, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes-dark.png);
background-size: auto;
background-repeat: repeat;
background-color: #e8e8e8;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* line 632, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github .github-logo {
display: inline-block;
width: 100px;
}
/* line 637, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github .button {
width: 100%;
}
/* line 640, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github .button.outline {
border: 1px solid #333333;
color: #333333;
}
@keyframes blink {
0%, 49% {
opacity: 1;
}
50%, 100% {
opacity: 0;
}
}
/* line 2, ../../_src/scss/components/_page_paypal.scss */
.paypal .banner {
background: url(../../themes/UltraCart/theme/assets/imgs/banner-payment.jpg);
background-size: cover;
background-position: center center;
min-height: 400px;
position: relative;
}
/* line 10, ../../_src/scss/components/_page_paypal.scss */
.paypal .banner.overlay::after {
width: 100%;
background: rgba(1, 26, 84, 0.6);
}
@media only screen and (min-width: 64.063em) {
/* line 10, ../../_src/scss/components/_page_paypal.scss */
.paypal .banner.overlay::after {
background: rgba(1, 26, 84, 0.6);
background: linear-gradient(to right, rgba(1, 26, 84, 0.6) 35%, rgba(1, 26, 84, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-brand-paypal-dark,10%)', endColorstr='darken($color-brand-paypal-dark,10%)',GradientType=1 );
}
}
/* line 25, ../../_src/scss/components/_page_paypal.scss */
.paypal #paypal-sign {
width: 160px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_paypal.scss */
.paypal #paypal-sign .outline,
.paypal #paypal-sign .fill {
fill: #0099de;
}
/* line 36, ../../_src/scss/components/_page_paypal.scss */
.paypal #paypal-sign .fill {
opacity: 0.3;
isolation: isolate;
}
/* line 43, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .button {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
/* line 48, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .button strong {
font-size: 24px;
}
@media only screen and (min-width: 64.063em) {
/* line 48, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .button strong {
font-size: 40px;
}
}
/* line 59, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .paypal-cert img {
margin-right: 40px;
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 59, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .paypal-cert img {
margin-bottom: 0;
}
}
/* line 68, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .paypal-cert p {
color: #5e5e5e;
}
/* line 74, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started {
padding-top: 40px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
background: #ffffff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 74, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started {
padding-left: 160px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 86, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started.step-1 {
background-image: url(../../themes/UltraCart/theme/assets/imgs/paypal-step-1-background.jpg);
background-position: top bottom;
background-repeat: no-repeat;
}
}
@media only screen and (min-width: 64.063em) {
/* line 94, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started.step-2 {
background-image: url(../../themes/UltraCart/theme/assets/imgs/paypal-step-2-background.jpg);
background-position: top left;
background-repeat: no-repeat;
}
}
/* line 102, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started h5 {
color: #5e5e5e;
}
/* line 106, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started p {
font-size: 14px;
}
/* line 113, ../../_src/scss/components/_page_paypal.scss */
.payment-pp-content-wrapper .flex-row {
padding-left: 0;
padding-right: 0;
}
/* line 1, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 {
background-color: #0A0A0A;
color: white;
}
/* line 5, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .accent_color {
color: #ffd13f;
}
/* line 9, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .no-break {
white-space: nowrap;
}
/* line 13, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 h1,
.paypal_v2 h2,
.paypal_v2 h3,
.paypal_v2 h4 {
color: #ffffff;
font-weight: 200;
}
/* line 21, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 h1 {
font-size: 3rem;
}
/* line 25, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 h2 {
font-size: 1.75rem;
}
/* line 29, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 h4 {
font-size: 1.5rem;
}
/* line 33, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 #system {
background-color: #0A0A0A;
color: #ffffff;
}
/* line 38, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner {
background-size: auto;
background-repeat: repeat;
background-color: #0A0A0A;
border-bottom: 1px solid #222222;
}
/* line 45, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay::after {
width: 100%;
background: rgba(10, 10, 10, 0.9);
}
@media only screen and (min-width: 64.063em) {
/* line 45, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay::after {
background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 25%, transparent 100%);
}
}
/* line 54, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay::before {
content: "";
display: block;
position: absolute;
width: 100%;
top: 0;
left: 50%;
bottom: 0;
z-index: 2;
mix-blend-mode: overlay;
pointer-events: none;
}
/* line 72, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .paypal-ultracart-logos {
margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 72, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .paypal-ultracart-logos {
margin-bottom: 40px;
}
}
/* line 80, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .pp-btn-stack {
opacity: 1;
z-index: 10;
border-radius: 24px;
background-color: rgba(0, 0, 0, 0.45);
box-shadow: 0 0 3.857px 0 rgba(0, 0, 0, 0.25);
backdrop-filter: blur(4.8208px);
margin-top: 40px;
margin-left: 20px;
width: auto;
justify-self: flex-start;
}
@media only screen and (min-width: 40.063em) {
/* line 80, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .pp-btn-stack {
position: absolute;
bottom: 80px;
right: 40px;
margin-top: 0;
margin-left: 0;
}
}
@media only screen and (min-width: 64.063em) {
/* line 80, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .pp-btn-stack {
bottom: 160px;
right: 40px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 80, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .pp-btn-stack {
right: 120px;
}
}
/* line 110, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
opacity: 0.8;
z-index: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 110, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner.overlay .banner_bg {
object-position: top left;
}
}
/* line 128, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 128, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner .row .columns::before {
display: block;
}
}
/* line 148, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner .button {
margin-top: 32px;
margin-bottom: 0;
background-color: white;
color: #0A0A0A;
box-shadow: 0 0px 0px transparent;
transition: box-shadow 0.3s;
min-width: 256px;
}
/* line 157, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .banner .button:hover {
box-shadow: 0 2px 32px rgba(0, 0, 0, 0.6);
}
/* line 163, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
}
/* line 168, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro h2 {
font-size: 3rem;
line-height: 1;
margin-bottom: 8px;
}
@media only screen and (min-width: 64.063em) {
/* line 168, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro h2 {
font-size: 5rem;
margin-bottom: 16px;
}
}
/* line 178, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro h2 span {
font-size: 2rem;
}
@media only screen and (min-width: 64.063em) {
/* line 178, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro h2 span {
font-size: 3rem;
}
}
/* line 187, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro p,
.paypal_v2 .section-intro p:last-of-type:first-of-type {
font-size: 1.25rem;
line-height: 1.8;
margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 163, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
}
/* line 200, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro .button {
background-color: #57a3cf;
}
/* line 204, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro .flex-row {
padding-right: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 204, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro .flex-row {
padding-right: 80px;
padding-left: 80px;
}
}
/* line 214, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro .flex-columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 214, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro .flex-columns {
-ms-flex-direction: row;
flex-direction: row;
gap: 32px;
}
}
/* line 225, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-intro .flex-columns > div {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
/* line 232, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro {
background-color: transparent;
color: #ffffff;
border-top: 1px solid #333333;
}
/* line 237, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro::after {
display: none;
}
/* line 241, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro .flex-row {
padding-bottom: 0;
}
/* line 244, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro .flex-row:last-child {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 244, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro .flex-row:last-child {
margin-top: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 244, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro .flex-row:last-child {
margin-top: 120px;
}
}
/* line 257, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro h2 {
margin-bottom: 0;
font-size: 2rem;
font-weight: 400;
}
@media only screen and (min-width: 64.063em) {
/* line 257, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro h2 {
font-size: 3rem;
}
}
/* line 267, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro h2 br {
display: none;
}
@media only screen and (min-width: 64.063em) {
/* line 267, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro h2 br {
display: block;
}
}
/* line 276, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro p {
margin-bottom: 10px;
}
/* line 280, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro .button {
background-color: #57a3cf;
margin-top: 40px;
}
/* line 285, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-intro .paypal-logos {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
margin-top: 60px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 295, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options {
padding-bottom: 80px;
background-color: #002991;
color: #ffffff;
}
@media only screen and (min-width: 64.063em) {
/* line 295, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options {
padding-bottom: 120px;
}
}
/* line 304, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options::after {
display: none;
}
/* line 308, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .flex-row {
padding-bottom: 0;
}
/* line 311, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .flex-row:last-child {
margin-top: 64px;
}
/* line 316, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .columns:not(:last-child) {
margin-bottom: 64px;
}
@media only screen and (min-width: 64.063em) {
/* line 316, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .columns:not(:last-child) {
margin-bottom: 0;
}
}
/* line 324, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options h2 {
font-weight: 400;
font-size: 2.5rem;
margin-bottom: 16px;
}
@media only screen and (min-width: 40.063em) {
/* line 324, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options h2 {
font-size: 3rem;
margin-bottom: 32px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 324, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options h2 {
font-size: 3rem;
margin-bottom: 64px;
}
}
/* line 340, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options h3 {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 400;
}
/* line 346, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options p {
margin-bottom: 10px;
}
/* line 350, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .button {
background-color: transparent;
border: 1px solid #FFF;
color: #FFF;
margin-top: 40px;
margin-left: -16px;
margin-top: 8px;
text-transform: none;
}
/* line 359, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .button:hover {
background-color: #FFF;
color: #002991;
}
/* line 365, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .paypal-logos {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-top: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 64.063em) {
/* line 365, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-options .paypal-logos {
-ms-flex-pack: center;
justify-content: center;
}
}
/* line 378, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights {
padding-bottom: 80px;
}
/* line 381, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .row {
padding-top: 64px;
}
@media only screen and (min-width: 64.063em) {
/* line 381, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .row {
padding-top: 120px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 388, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .row:first-child {
padding-top: 240px;
}
}
/* line 395, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2 {
font-size: 1.75rem;
font-weight: 300;
margin-bottom: 32px;
position: relative;
}
@media only screen and (min-width: 64.063em) {
/* line 395, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2 {
font-size: 2.5rem;
}
}
/* line 405, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 405, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 413, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 413, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 413, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 413, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 439, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h3 {
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 16px;
}
/* line 444, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 444, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
}
/* line 453, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights p {
font-size: 1.25rem;
}
@media only screen and (min-width: 64.063em) {
/* line 453, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights p {
font-size: 1.5rem;
}
}
/* line 461, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights p:last-of-type:first-of-type {
margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 461, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights p:last-of-type:first-of-type {
margin-bottom: 40px;
}
}
/* line 470, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights ul {
margin-bottom: 32px;
}
/* line 473, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights ul li {
margin-bottom: 16px;
font-size: 1.125rem;
line-height: 1.6;
}
/* line 478, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights ul li:last-child {
margin-bottom: 0;
}
/* line 484, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #ffd13f;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 491, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights a:not(:last-child) {
margin-bottom: 16px;
}
/* line 495, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights a span {
font-weight: 600;
}
/* line 499, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights a:hover {
color: #fcdd77;
gap: 12px;
}
/* line 504, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights a svg path {
stroke: #ffd13f;
}
/* line 509, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .paypal-stat-highlight {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
/* line 514, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .paypal-stat-highlight .stat-value {
font-size: 4rem;
font-family: "Poppins", sans-serif;
}
/* line 519, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .paypal-stat-highlight .stat-text {
line-height: 1.7;
font-size: 1rem;
}
@media only screen and (min-width: 64.063em) {
/* line 519, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .paypal-stat-highlight .stat-text {
font-size: 1.25rem;
}
}
/* line 529, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .accent_color {
color: #002991;
}
/* line 533, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 533, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 533, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 547, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-copy {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
position: relative;
z-index: 1;
}
/* line 553, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
border-radius: 16px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 553, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 420px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 553, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 540px;
}
}
/* line 570, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 575, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper img {
display: block;
max-width: 100%;
height: auto;
border-radius: 16px;
}
/* line 582, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 10%;
width: calc(100% + 16px);
left: -8px;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 582, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
top: 240px;
}
}
/* line 598, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 610, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 610, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 620, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 625, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 634, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights .highlight-wrapper svg text {
font-family: monospace, sans-serif;
}
/* line 640, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights #section-payments-crypto .crypto-logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 640, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights #section-payments-crypto .crypto-logos {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 652, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup {
padding-bottom: 80px;
}
/* line 655, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .row {
padding-top: 0;
}
/* line 659, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2 {
font-size: 2.5rem;
font-weight: 300;
margin-bottom: 32px;
position: relative;
}
/* line 665, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 665, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 673, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 673, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 673, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 673, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 699, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h3 {
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 8px;
}
/* line 704, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h3:not(:first-of-type) {
margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 704, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup h3:not(:first-of-type) {
margin-top: 32px;
}
}
/* line 713, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #ffd13f;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 713, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup a {
margin-top: 48px;
}
}
/* line 725, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup a:not(:last-child) {
margin-bottom: 16px;
}
/* line 729, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup a span {
font-weight: 600;
}
/* line 733, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup a:hover {
color: #fcdd77;
gap: 12px;
}
/* line 738, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup a svg path {
stroke: #ffd13f;
}
/* line 743, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 743, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper {
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 743, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 757, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper .feature-copy {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
position: relative;
z-index: 1;
}
/* line 763, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 640px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
border-radius: 16px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 763, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper .feature-media-wrapper {
min-width: 420px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 763, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper .feature-media-wrapper {
min-width: 720px;
}
}
/* line 780, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-setup .highlight-wrapper .feature-media-wrapper video {
width: 100%;
display: block;
max-width: 100%;
height: auto;
border-radius: 16px;
}
/* line 791, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt {
padding-bottom: 80px;
}
/* line 794, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .row {
padding-top: 120px;
}
@media only screen and (min-width: 64.063em) {
/* line 797, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .row:first-child {
padding-top: 240px;
}
}
/* line 804, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2 {
font-size: 2.5rem;
font-weight: 300;
margin-bottom: 32px;
position: relative;
}
/* line 810, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 810, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 818, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
right: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 818, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2::after {
right: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 818, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2::after {
right: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 818, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h2::after {
right: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 844, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h3 {
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 8px;
}
/* line 849, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h3:not(:first-of-type) {
margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 849, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt h3:not(:first-of-type) {
margin-top: 16px;
}
}
/* line 875, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt ul {
margin-bottom: 32px;
}
/* line 878, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt ul li {
margin-bottom: 16px;
font-size: 1.125rem;
line-height: 1.6;
}
/* line 883, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt ul li:last-child {
margin-bottom: 0;
}
/* line 889, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #ffd13f;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 896, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt a:not(:last-child) {
margin-bottom: 16px;
}
/* line 900, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt a span {
font-weight: 600;
}
/* line 904, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt a:hover {
color: #fcdd77;
gap: 12px;
}
/* line 909, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt a svg path {
stroke: #ffd13f;
}
/* line 914, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .paypal-stat-highlight {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
/* line 919, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .paypal-stat-highlight .stat-value {
font-size: 4rem;
font-family: "Poppins", sans-serif;
}
/* line 924, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .paypal-stat-highlight .stat-text {
line-height: 1.7;
font-size: 1rem;
}
@media only screen and (min-width: 64.063em) {
/* line 924, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .paypal-stat-highlight .stat-text {
font-size: 1.25rem;
}
}
/* line 934, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .accent_color {
color: #ffd13f;
}
/* line 938, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 938, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 938, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper {
gap: 80px;
}
}
/* line 952, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-copy {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
position: relative;
z-index: 1;
}
/* line 958, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
border-radius: 16px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 958, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper {
min-width: 420px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 958, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper {
min-width: 540px;
}
}
/* line 975, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 980, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper img {
display: block;
max-width: 100%;
height: auto;
border-radius: 16px;
}
/* line 987, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 10%;
width: calc(100% + 16px);
left: -8px;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 987, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper #reuse-report-input {
top: 240px;
}
}
/* line 1003, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 1015, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 1015, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 1025, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 1030, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 1039, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt .highlight-wrapper svg text {
font-family: monospace, sans-serif;
}
/* line 1045, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-payments-crypto .crypto-logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 1045, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-payments-crypto .crypto-logos {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 1056, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-paypal-upgrade {
margin-top: 80px;
border: 1px solid #333333;
border-radius: 32px;
padding-top: 32px;
padding-bottom: 40px;
transition: background-color 0.3s ease;
}
@media only screen and (min-width: 40.063em) {
/* line 1056, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-paypal-upgrade {
padding-top: 56px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 1056, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-paypal-upgrade {
padding-top: 96px;
padding-bottom: 96px;
}
}
/* line 1074, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-paypal-upgrade:hover {
background-color: #002991;
}
/* line 1078, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-paypal-upgrade h2::after {
display: none;
}
/* line 1082, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-highlights-alt #section-paypal-upgrade h3 {
font-weight: 400;
}
/* line 1088, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-ai {
position: relative;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
overflow: hidden;
}
/* line 1094, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-ai::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ultracart-payments-ai-background.jpg);
background-size: cover;
z-index: 0;
opacity: 0.15;
filter: blur(5px);
}
/* line 1113, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-ai #section-payments-ai .feature-copy h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 1113, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-ai #section-payments-ai .feature-copy h2::after {
left: calc(-1 *(40px + 1.25rem));
left: -50vw;
}
}
@media only screen and (min-width: 64.063em) {
/* line 1113, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-ai #section-payments-ai .feature-copy h2::after {
left: calc(-1 *(80px + 1.25rem));
left: -50vw;
}
}
@media only screen and (min-width: 90.063em) {
/* line 1113, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-payment-ai #section-payments-ai .feature-copy h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
left: -50vw;
}
}
/* line 1151, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-auth {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #343440;
color: #ffffff;
}
/* line 1158, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-auth h2, .paypal_v2 .section-auth h3, .paypal_v2 .section-auth h4, .paypal_v2 .section-auth p {
color: #ffffff;
}
/* line 1161, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-auth h2 a, .paypal_v2 .section-auth h3 a, .paypal_v2 .section-auth h4 a, .paypal_v2 .section-auth p a {
color: #ffffff;
text-decoration: underline;
}
/* line 1167, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-auth .button {
background-color: transparent;
border: 1px solid #ffffff;
}
/* line 1171, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-auth .button:hover {
background-color: #ffffff;
color: #343440;
}
/* line 1179, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-webhooks p:last-of-type {
margin-bottom: 40px;
}
/* line 1183, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-webhooks .logo-webhook {
display: inline-block;
max-width: 150px;
margin-bottom: 20px;
fill: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 1183, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-webhooks .logo-webhook {
max-width: none;
}
}
/* line 1195, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-github {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes-dark.png);
background-size: auto;
background-repeat: repeat;
background-color: #e8e8e8;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* line 1203, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-github .github-logo {
display: inline-block;
width: 100px;
}
/* line 1208, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-github .button {
width: 100%;
}
/* line 1211, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-github .button.outline {
border: 1px solid #333333;
color: #333333;
}
/* line 1219, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-footnote p,
.paypal_v2 .section-paypal-footnote ol li,
.paypal_v2 .section-paypal-footnote ol li p {
font-size: 0.75rem;
}
/* line 1225, ../../_src/scss/components/_page_paypal_v2.scss */
.paypal_v2 .section-paypal-footnote p,
.paypal_v2 .section-paypal-footnote ol li p,
.paypal_v2 .section-paypal-footnote ol li p:last-of-type:first-of-type {
margin-bottom: 0.5rem;
}
/* line 3, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/amazon-pay-banner-1.jpg);
background-size: cover;
background-position: center center;
position: relative;
background-color: #333333;
}
@media only screen and (min-width: 64.063em) {
/* line 3, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner {
min-height: 380px;
}
}
/* line 15, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner.overlay::after {
width: 100%;
background: rgba(51, 51, 51, 0.6);
}
@media only screen and (min-width: 64.063em) {
/* line 15, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner.overlay::after {
background: rgba(51, 51, 51, 0.6);
background: linear-gradient(to right, rgba(51, 51, 51, 0.6) 35%, rgba(51, 51, 51, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-grey-8,10%)', endColorstr='darken($color-grey-8,10%)',GradientType=1 );
}
}
/* line 29, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner span {
color: #FF9900;
}
/* line 33, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner h1 {
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
display: block;
text-indent: -99999999px;
}
@media only screen and (min-width: 40.063em) {
/* line 43, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner .logo {
margin-top: -60px;
}
}
/* line 49, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner p:last-of-type:first-of-type {
font-size: 18px;
margin-bottom: 40px;
color: #ffffff;
}
/* line 54, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner p:last-of-type:first-of-type a {
color: #ffffff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* line 62, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-getting-started .button {
width: 100%;
}
/* line 67, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer {
background: #5e5e5e;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5e5e5e 0%, #333333 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-6', endColorstr='$color-grey-8',GradientType=0 );
/* IE6-9 */
}
/* line 74, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer p {
margin-bottom: 40px;
}
/* line 77, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer p:last-child {
margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 77, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer p:last-child {
margin-bottom: 0;
}
}
/* line 86, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer h2 {
color: #FF9900;
}
/* line 90, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer h4 {
color: #cccccc;
}
/* line 94, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer h5, .amazon-payments .section-customer p {
color: #e8e8e8;
}
/* line 98, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer .button {
margin-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 98, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer .button {
margin-top: 40px;
margin-bottom: 0;
}
}
/* line 2, ../../_src/scss/components/_page_branding.scss */
body.branding .banner {
background-color: #222222;
}
/* line 6, ../../_src/scss/components/_page_branding.scss */
body.branding .logo-container {
display: block;
text-align: center;
padding: 40px;
border: 1px solid #cccccc;
background: #f4f4f4;
margin-bottom: 70px;
border-radius: 5px;
}
/* line 15, ../../_src/scss/components/_page_branding.scss */
body.branding .logo-container img {
display: block;
margin: 0 auto 45px auto;
}
/* line 3, ../../_src/scss/components/_page_quickbooks.scss */
body.quickbooks .banner {
background-color: #66d670;
}
/* line 7, ../../_src/scss/components/_page_quickbooks.scss */
body.quickbooks .section-info {
margin-bottom: 40px;
}
/* line 11, ../../_src/scss/components/_page_quickbooks.scss */
body.quickbooks .points li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 2, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new {
gap: 80px;
}
}
/* line 13, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new h2 {
font-size: 36px;
}
/* line 17, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new h3 {
font-size: 18px;
margin-bottom: 16px;
transition: all 0.3s ease;
}
/* line 24, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new a p, body.articles .articles_new a span, body.articles .articles_new a div {
color: #333;
}
/* line 28, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new a a {
color: #61b6e6;
}
/* line 33, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .blog-post-date {
font-size: 12px;
font-weight: bold;
color: #999;
}
/* line 39, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 39, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 50, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
/* line 54, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper .featured-post-img {
width: 100%;
height: 240px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 16px;
margin-bottom: 16px;
box-shadow: 0 0 0 transparent;
border: 1px solid transparent;
transition: all 0.3s;
}
/* line 66, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper .featured-post-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* line 77, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper p {
margin-bottom: 8px;
}
/* line 81, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper .read-more {
font-weight: bold;
transition: all 0.3s ease;
}
/* line 87, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper a:hover .featured-post-img {
border: 1px solid #fff;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
/* line 93, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper a:hover h3 {
color: #61b6e6;
}
/* line 97, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper a:hover .read-more {
color: #61b6e6;
}
/* line 102, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper {
-ms-flex: 0 0 420px;
flex: 0 0 420px;
}
/* line 105, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 111, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post {
width: 100%;
}
/* line 114, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post:not(last-child) {
margin-bottom: 16px;
}
/* line 118, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post h3.blog-post-title {
margin-bottom: 4px;
margin-top: 4px;
transition: all 0.3s ease;
}
/* line 124, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post p {
margin-top: 0;
margin-bottom: 0;
line-height: 1.65;
}
/* line 131, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post:hover h3.blog-post-title {
color: #61b6e6;
}
/* line 139, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper {
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 144, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 144, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_list {
-ms-flex-direction: row;
flex-direction: row;
gap: 32px;
}
}
/* line 155, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post {
width: 100%;
}
/* line 158, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post .popular-post-img {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
margin-bottom: 16px;
box-shadow: 0 0 0 transparent;
border: 1px solid transparent;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
/* line 172, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post .popular-post-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* line 184, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post h3 {
font-size: 18px;
transition: all 0.3s ease;
}
/* line 190, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post:hover .popular-post-img {
border: 1px solid #fff;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
/* line 196, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post:hover h3 {
color: #61b6e6;
}
/* line 203, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post {
width: 100%;
}
/* line 206, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post:not(last-child) {
margin-bottom: 16px;
}
/* line 210, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post h3.blog-post-title {
margin-bottom: 4px;
margin-top: 4px;
transition: all 0.3s ease;
}
/* line 216, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post p {
margin-top: 0;
margin-bottom: 0;
line-height: 1.65;
}
/* line 221, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post p:empty {
display: none;
}
/* line 227, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post:hover h3.blog-post-title {
color: #61b6e6;
}
/* line 234, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list {
list-style: none;
padding: 0;
margin: 0;
}
/* line 239, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li {
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 40px;
float: left;
}
@media only screen and (min-width: 40.063em) {
/* line 239, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li {
width: 50%;
}
}
@media only screen and (min-width: 40.063em) {
/* line 250, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:nth-child(even) {
padding-right: 20px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 256, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:nth-child(odd) {
padding-left: 20px;
}
}
/* line 264, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type:nth-child(odd) {
padding-left: 0;
padding-right: 0;
width: 100%;
}
/* line 270, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type .featured-post-title {
display: block;
background-size: cover;
background-position: center center;
min-height: 250px;
position: relative;
margin-bottom: 20px;
}
/* line 278, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type .featured-post-title::after {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to bottom, transparent 0%, transparent 41%, rgba(0, 0, 0, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
z-index: 0;
}
/* line 293, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type .featured-post-title h2 {
display: block;
position: absolute;
margin-bottom: 0;
bottom: 20px;
left: 20px;
right: 20px;
font-size: 32px;
color: #ffffff;
z-index: 1;
}
/* line 307, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li h2 {
font-size: 24px;
margin-bottom: 10px;
}
/* line 312, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li h2 a {
color: #333333;
}
/* line 315, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li .blog-post-excerpt {
color: #545454;
}
/* line 318, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li .blog-post-excerpt p:last-of-type {
margin-bottom: 10px;
}
/* line 323, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li sub {
bottom: 0;
color: #8d8d8d;
}
/* line 337, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 32px;
}
/* line 344, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 6px 12px;
background: #FCFCFC;
color: #303030;
border: 1px solid #EEEEEE;
border-radius: 999px;
text-decoration: none;
font-size: 0.78rem;
line-height: 1;
font-weight: 500;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
/* line 359, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip .tag-chip-icon {
width: 13px;
height: 13px;
opacity: 0.7;
transition: opacity 160ms ease;
}
/* line 360, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip .tag-chip-label {
white-space: nowrap;
}
/* line 362, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip:hover {
background: #ffffff;
border-color: #CCCCCC;
color: #343440;
text-decoration: none;
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 368, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip:hover .tag-chip-icon {
opacity: 1;
}
/* line 371, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip.is-plain {
background: transparent;
cursor: default;
}
/* line 374, ../../_src/scss/components/_page_articles.scss */
body.article .tag-chip.is-plain:hover {
-ms-transform: none;
transform: none;
background: transparent;
border-color: #EEEEEE;
color: #303030;
}
/* line 381, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update {
margin-bottom: 32px;
padding: 0 0 0 16px;
border-left: 2px solid #676AAD;
}
/* line 386, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update .in-this-update-eyebrow {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #828282;
margin: 0 0 12px;
font-weight: 700;
}
/* line 395, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 401, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update li {
margin: 0 0 4px;
}
/* line 403, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 6px 8px;
color: #343440;
text-decoration: none;
font-size: 0.92rem;
line-height: 1.3;
border-radius: 4px;
transition: background 140ms ease, color 140ms ease;
}
/* line 415, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update a .bucket-icon {
width: 16px;
height: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0.7;
transition: opacity 140ms ease;
}
/* line 416, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update a .bucket-label {
-ms-flex: 1;
flex: 1;
}
/* line 418, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update a:hover {
background: #FCFCFC;
color: #676AAD;
text-decoration: none;
}
/* line 422, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update a:hover .bucket-icon {
opacity: 1;
}
/* line 426, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update .in-this-update-back {
margin: 12px 0 0;
padding-top: 12px;
border-top: 1px solid #EEEEEE;
font-size: 0.85rem;
}
/* line 432, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update .in-this-update-back a {
display: inline;
padding: 0;
font-weight: 600;
color: #676AAD;
gap: 0;
}
/* line 438, ../../_src/scss/components/_page_articles.scss */
body.article .in-this-update .in-this-update-back a:hover {
background: transparent;
color: #595F96;
}
/* line 443, ../../_src/scss/components/_page_articles.scss */
body.article .banner {
background-size: cover;
background-position: center;
}
/* line 447, ../../_src/scss/components/_page_articles.scss */
body.article .banner a {
font-family: "Poppins", sans-serif;
color: rgba(255, 255, 255, 0.6);
}
/* line 452, ../../_src/scss/components/_page_articles.scss */
body.article .banner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* line 463, ../../_src/scss/components/_page_articles.scss */
body.article h2, body.article h3, body.article h4, body.article h5, body.article p, body.article li {
color: #303030;
}
/* line 467, ../../_src/scss/components/_page_articles.scss */
body.article .section,
body.article section {
margin-bottom: 64px;
}
/* line 471, ../../_src/scss/components/_page_articles.scss */
body.article .section p,
body.article .section ul li,
body.article .section ol li,
body.article section p,
body.article section ul li,
body.article section ol li {
line-height: 1.875em;
}
/* line 478, ../../_src/scss/components/_page_articles.scss */
body.article .section ul li,
body.article section ul li {
margin-bottom: 16px;
}
/* line 483, ../../_src/scss/components/_page_articles.scss */
body.article .section h4,
body.article section h4 {
margin-bottom: 0;
}
/* line 487, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem,
body.article .section .solution,
body.article section .problem,
body.article section .solution {
padding: 10px 16px 16px 16px;
margin-bottom: 16px;
border-radius: 8px;
margin-left: -16px;
margin-right: -16px;
}
@media only screen and (min-width: 64.063em) {
/* line 487, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem,
body.article .section .solution,
body.article section .problem,
body.article section .solution {
padding: 20px 32px 32px 32px;
margin-left: -32px;
margin-right: -32px;
}
}
/* line 501, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem p:last-child,
body.article .section .solution p:last-child,
body.article section .problem p:last-child,
body.article section .solution p:last-child {
margin-bottom: 0;
}
/* line 506, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem,
body.article section .problem {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
}
/* line 513, ../../_src/scss/components/_page_articles.scss */
body.article .section .solution,
body.article section .solution {
background: linear-gradient(165deg, rgba(238, 238, 238, 0.75), transparent);
}
/* line 518, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper,
body.article section .table_wrapper {
border: 1px solid #CCCCCC;
border-radius: 8px;
overflow: hidden;
}
/* line 523, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table,
body.article section .table_wrapper table {
border-radius: 8px;
border: none;
background-color: #FCFCFC;
box-sizing: border-box;
margin: 0;
}
/* line 531, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table thead th,
body.article section .table_wrapper table thead th {
border-bottom: 1px solid #CCCCCC;
}
/* line 537, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table tbody tr,
body.article section .table_wrapper table tbody tr {
background-color: transparent;
}
/* line 539, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table tbody tr td,
body.article section .table_wrapper table tbody tr td {
background-color: transparent;
border-bottom: 1px solid #CCCCCC;
}
/* line 545, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table tbody tr:last-child td,
body.article section .table_wrapper table tbody tr:last-child td {
border-bottom: 0;
}
/* line 554, ../../_src/scss/components/_page_articles.scss */
body.article .section .custom_list,
body.article section .custom_list {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
list-style: none;
margin-left: 0;
}
/* line 562, ../../_src/scss/components/_page_articles.scss */
body.article .section .custom_list li,
body.article section .custom_list li {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
/* line 573, ../../_src/scss/components/_page_articles.scss */
body.article sub {
bottom: 0;
color: #8d8d8d;
}
/* line 578, ../../_src/scss/components/_page_articles.scss */
body.article h2 {
color: #333333;
font-size: 24px;
margin-top: 40px;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 578, ../../_src/scss/components/_page_articles.scss */
body.article h2 {
font-size: 36px;
}
}
/* line 589, ../../_src/scss/components/_page_articles.scss */
body.article h3 {
color: #333333;
font-size: 18px;
margin-top: 40px;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
/* line 589, ../../_src/scss/components/_page_articles.scss */
body.article h3 {
font-size: 36px;
}
}
/* line 600, ../../_src/scss/components/_page_articles.scss */
body.article h4 {
color: #333333;
font-size: 16px;
margin-bottom: 10px;
font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
/* line 600, ../../_src/scss/components/_page_articles.scss */
body.article h4 {
font-size: 18px;
}
}
/* line 611, ../../_src/scss/components/_page_articles.scss */
body.article h5 {
color: #333333;
font-size: 16px;
margin-bottom: 10px;
font-weight: 400;
}
@media only screen and (min-width: 40.063em) {
/* line 611, ../../_src/scss/components/_page_articles.scss */
body.article h5 {
font-size: 18px;
}
}
/* line 622, ../../_src/scss/components/_page_articles.scss */
body.article .uc-audio-player {
display: block;
width: auto;
max-width: 640px;
margin-bottom: 32px;
margin-top: -60px;
margin-left: -24px;
margin-right: -24px;
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid #e3e3e3;
padding: 16px 23px;
border-radius: 32px;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(12px);
}
@media only screen and (min-width: 40.063em) {
/* line 622, ../../_src/scss/components/_page_articles.scss */
body.article .uc-audio-player {
width: 100%;
margin-top: -120px;
margin-right: auto;
}
}
@media only screen and (min-width: 64.063em) {
/* line 622, ../../_src/scss/components/_page_articles.scss */
body.article .uc-audio-player {
margin-top: -160px;
}
}
/* line 647, ../../_src/scss/components/_page_articles.scss */
body.article .uc-audio-player audio {
width: 100%;
}
/* line 652, ../../_src/scss/components/_page_articles.scss */
body.article .url-string {
display: inline-block;
word-break: break-word;
font-style: italic;
white-space: pre-wrap;
}
/* line 658, ../../_src/scss/components/_page_articles.scss */
body.article .url-string::after {
content: "\00a0";
}
/* line 663, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 663, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 40px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 663, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper {
gap: 80px;
}
}
/* line 677, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_content_wrapper {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
/* line 681, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_content_wrapper > p:nth-child(1) {
font-size: 18px;
font-weight: 500;
}
@media only screen and (min-width: 40.063em) {
/* line 681, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_content_wrapper > p:nth-child(1) {
font-size: 21px;
}
}
/* line 691, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 691, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper {
width: 320px;
}
}
/* line 699, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form {
position: relative;
padding: 0;
}
/* line 703, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input {
margin-bottom: 0;
}
/* line 706, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input label {
font-weight: 400;
color: #2d2d2d;
font-size: 1rem;
}
/* line 714, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-text label {
display: block;
padding-bottom: 12px;
}
/* line 718, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-text input {
display: block;
width: 100%;
height: 40px;
border: 1px solid #ccc;
border-radius: 8px;
letter-spacing: normal;
color: #0a0a0a;
font-size: 14px;
padding: 10px;
background-color: white;
box-sizing: border-box;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
margin-bottom: 0;
}
/* line 734, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-text input:focus {
border: 1px solid #333;
outline: none;
box-shadow: 0 0 8px #909090;
background-color: white;
}
/* line 742, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-checkbox {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
/* line 746, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-checkbox input {
margin: 0 10px 0 0;
}
/* line 749, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__button-submit {
background-color: #2d2d2d;
font-weight: bold;
color: #FFF;
padding-right: 40px;
padding-left: 40px;
border-radius: 8px;
font-size: 14px;
height: 40px;
border: 0;
cursor: pointer;
width: 100%;
display: inline-block;
cursor: pointer;
transition: background-color 0.3s ease;
}
@media only screen and (min-width: 40.063em) {
/* line 749, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__button-submit {
width: 100%;
}
}
/* line 769, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__button-submit:hover {
background-color: #1f87c2;
}
/* line 773, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__notify {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(4px);
font-weight: 700;
text-align: center;
}
/* line 787, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__notify.active {
display: -ms-flexbox;
display: flex;
}
/* line 793, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
/* line 802, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a {
display: -ms-flexbox;
display: flex;
width: auto;
-ms-flex-align: center;
align-items: center;
background-color: #2d2d2d;
color: white;
font-weight: 600;
padding: 8px 16px;
border-radius: 8px;
transition: background-color 0.3s ease-in-out;
background-size: 16px;
background-position: 8px center;
background-repeat: no-repeat;
padding-left: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 802, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a {
width: calc(50% - 4px);
}
}
/* line 821, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a:hover {
background-color: #61b6e6;
}
/* line 825, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.facebook {
background-image: url('data:image/svg+xml,');
}
/* line 829, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.twitter {
background-image: url('data:image/svg+xml,');
}
/* line 833, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.linkedin {
background-image: url('data:image/svg+xml,');
}
/* line 837, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.youtube {
background-image: url('data:image/svg+xml,');
}
/* line 846, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
width: calc(100% + 64px);
background-color: #73DCB3;
border-radius: 16px;
border: 2px solid #0A0A0A;
position: sticky;
bottom: -16px;
margin-left: -32px;
margin-right: -32px;
margin-top: 32px;
padding: 18px 18px;
cursor: pointer;
transition: bottom 0.3s ease-in-out, background-clor 0.3s ease-in-out;
}
@media only screen and (min-width: 40.063em) {
/* line 846, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up {
bottom: -22px;
padding: 28px 32px;
}
}
/* line 869, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up h2,
body.article .sticky_sign_up h3 {
color: #2d2d2d;
transition: color 0.3s ease;
}
/* line 875, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up:hover {
background-color: #36AA7F;
bottom: 16px;
}
/* line 880, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up:hover .content_left h2,
body.article .sticky_sign_up:hover .content_left h3 {
color: white;
}
/* line 888, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up:hover .content_right .sticky_sign_up_button {
margin-top: -4px;
}
/* line 894, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
/* line 899, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left h2 {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
line-height: 1em;
}
@media only screen and (min-width: 40.063em) {
/* line 899, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left h2 {
font-size: 32px;
}
}
/* line 911, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left h3 {
font-size: 14px;
margin-bottom: 0;
margin-top: 0;
}
@media only screen and (min-width: 40.063em) {
/* line 911, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left h3 {
font-size: 18px;
}
}
/* line 923, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_right .sticky_sign_up_button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
background-color: #a1eccb;
border: 2px solid #0a0a0a;
color: #0a0a0a;
padding: 8px 12px;
border-radius: 20px;
margin-top: 0;
transition: margin-top 0.3s ease-in-out;
}
@media only screen and (min-width: 40.063em) {
/* line 923, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_right .sticky_sign_up_button {
font-size: 16px;
padding: 16px 24px;
}
}
/* line 947, ../../_src/scss/components/_page_articles.scss */
body.article .side-by-side-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 947, ../../_src/scss/components/_page_articles.scss */
body.article .side-by-side-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
margin-bottom: 64px;
}
}
/* line 961, ../../_src/scss/components/_page_articles.scss */
body.article .user-question {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
border: 1px solid #ccc;
border-radius: 8px;
padding: 8px 16px;
background-color: #f9f9f9;
margin-bottom: 16px;
}
/* line 970, ../../_src/scss/components/_page_articles.scss */
body.article .user-question::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
left: 16px;
bottom: -6px;
border-radius: 4px;
background-color: #f9f9f9;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 985, ../../_src/scss/components/_page_articles.scss */
body.article .article-icon-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/* line 990, ../../_src/scss/components/_page_articles.scss */
body.article .article-icon-list .icon-list-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
/* line 8, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 {
background: #ffffff;
color: #303030;
font-family: "Open Sans", sans-serif;
}
/* line 21, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero {
position: relative;
min-height: 580px;
overflow: hidden;
background: #0A0A0A;
color: #ffffff;
margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
/* line 21, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero {
min-height: 780px;
margin-top: -140px;
}
}
/* line 34, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-link {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
min-height: inherit;
color: inherit;
text-decoration: none;
padding-top: 100px;
}
@media only screen and (min-width: 64.063em) {
/* line 34, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-link {
padding-top: 140px;
}
}
/* line 48, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-link:focus-visible {
outline: 3px solid #2f9b73;
outline-offset: -3px;
}
/* line 54, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-media {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 65, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(10, 10, 10, 0.75) 0%, rgba(10, 10, 10, 0.4) 35%, rgba(10, 10, 10, 0.85) 100%);
}
/* line 76, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-content {
position: relative;
z-index: 1;
padding: 40px 0;
width: 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 76, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-content {
padding: 80px 0;
}
}
/* line 87, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-content > .row,
.articles-v2 .articles-v2-page .hero .hero-content > div {
width: 100%;
}
/* line 95, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-eyebrow {
display: block;
margin-bottom: 12px;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: rgba(255, 255, 255, 0.7);
line-height: 1.4;
}
/* line 107, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-title {
margin: 0 0 12px;
font-family: "Poppins", sans-serif;
font-size: clamp(36px, 5vw, 64px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.01em;
color: #ffffff;
}
/* line 117, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-byline {
margin-bottom: 12px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.5;
}
/* line 125, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-excerpt {
margin-bottom: 24px;
font-family: "Open Sans", sans-serif;
font-size: clamp(16px, 1.5vw, 20px);
line-height: 1.55;
color: #ffffff;
max-width: 720px;
}
/* line 137, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-cta {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
color: #8FE9C2;
text-decoration: none;
transition: gap 0.3s ease, color 0.3s ease;
}
/* line 148, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .hero .hero-cta:hover {
gap: 12px;
color: #73DCB3;
}
/* line 156, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .section-heading {
margin: 0 0 40px;
}
/* line 159, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .section-heading h2 {
font-family: "Poppins", sans-serif;
font-size: 28px;
font-weight: 600;
color: #303030;
margin: 0 0 8px;
}
@media only screen and (min-width: 64.063em) {
/* line 159, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .section-heading h2 {
font-size: 32px;
}
}
/* line 171, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .section-heading p {
font-family: "Open Sans", sans-serif;
font-size: 18px;
color: #828282;
max-width: 720px;
margin: 0;
line-height: 1.55;
}
/* line 182, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .popular {
padding: 32px 0;
}
@media only screen and (min-width: 64.063em) {
/* line 182, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .popular {
padding: 56px 0;
}
}
@media only screen and (min-width: 40.063em) {
/* line 193, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .popular .card-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}
/* line 201, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card-grid {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
@media only screen and (min-width: 40.063em) {
/* line 201, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 201, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 216, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background: #ffffff;
border: 1px solid #EEEEEE;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* line 229, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card:hover {
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
/* line 234, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card:focus-within {
outline: 3px solid #2f9b73;
outline-offset: 3px;
border-radius: 16px;
}
/* line 240, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-media {
aspect-ratio: 16 / 9;
background: #EEEEEE;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
/* line 247, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* line 259, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-media-placeholder {
position: absolute;
inset: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: #EEEEEE;
}
/* line 267, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-media-placeholder img {
width: 56px;
height: 56px;
object-fit: contain;
opacity: 0.55;
transition: opacity 200ms ease, transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* line 276, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card:hover .card-media > img {
-ms-transform: scale(1.03);
transform: scale(1.03);
}
/* line 280, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card:hover .card-media-placeholder img {
opacity: 0.75;
}
/* line 284, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-body {
padding: 16px 20px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
-ms-flex: 1;
flex: 1;
}
/* line 292, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-meta {
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #828282;
margin: 0;
}
/* line 302, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-title {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
color: #303030;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 302, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-title {
font-size: 20px;
}
}
/* line 319, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .card .card-excerpt {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.55;
color: #828282;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* line 336, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip {
padding: 32px 0;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
@media only screen and (min-width: 64.063em) {
/* line 336, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip {
padding: 56px 0;
}
}
/* line 345, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-strip-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
/* line 353, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-strip-header h2 {
font-family: "Poppins", sans-serif;
font-size: 22px;
font-weight: 600;
color: #303030;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 353, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-strip-header h2 {
font-size: 24px;
}
}
/* line 365, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-strip-header .updates-see-all {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
color: #2F9B73;
text-decoration: none;
transition: gap 150ms ease, color 150ms ease;
white-space: nowrap;
}
/* line 377, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-strip-header .updates-see-all:hover {
gap: 8px;
color: #288565;
}
/* line 382, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-strip-header .updates-see-all:focus-visible {
outline: 2px solid #2f9b73;
outline-offset: 2px;
border-radius: 4px;
}
/* line 390, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
/* line 397, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list::before {
content: "";
position: absolute;
left: 5px;
top: 14px;
bottom: 14px;
width: 1px;
background: #EEEEEE;
}
/* line 407, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li {
position: relative;
padding-left: 24px;
}
/* line 411, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li + li {
margin-top: 4px;
border-top: 1px dashed #EEEEEE;
padding-top: 12px;
}
/* line 419, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li + li::before {
top: 26px;
}
/* line 425, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #2F9B73;
box-shadow: 0 0 0 3px #ffffff;
z-index: 1;
}
/* line 438, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li a {
display: grid;
grid-template-columns: auto 1fr;
-ms-flex-align: center;
align-items: center;
column-gap: 16px;
row-gap: 8px;
padding: 10px 0;
color: inherit;
text-decoration: none;
}
@media (max-width: 39.999em) {
/* line 438, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li a {
grid-template-columns: 1fr;
row-gap: 6px;
}
}
/* line 453, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li a:hover .updates-title {
color: #2F9B73;
}
/* line 457, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list li a:focus-visible {
outline: 2px solid #2f9b73;
outline-offset: 2px;
border-radius: 4px;
}
/* line 465, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list .updates-date {
font-family: Consolas, "Liberation Mono", Menlo, monospace;
font-size: 12px;
font-weight: 500;
color: #828282;
letter-spacing: 0.02em;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 475, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list .updates-title {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: #303030;
transition: color 150ms ease;
}
@media only screen and (min-width: 64.063em) {
/* line 475, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list .updates-title {
font-size: 16px;
}
}
/* line 490, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list .updates-tags {
grid-column: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (max-width: 39.999em) {
/* line 490, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list .updates-tags {
grid-column: 1;
}
}
/* line 502, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .updates-strip .updates-list .update-tag {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 2px 8px;
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 1.4;
color: #828282;
background: transparent;
border: 1px solid #CCCCCC;
border-radius: 999px;
white-space: nowrap;
text-transform: capitalize;
}
/* line 522, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump {
position: sticky;
top: 0;
z-index: 100;
background: #ffffff;
border-bottom: 1px solid #EEEEEE;
padding: 12px 0;
margin-top: 80px;
}
/* line 531, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-jump-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
/* line 540, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: #EEEEEE;
color: #303030;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 500;
border-radius: 999px;
text-decoration: none;
white-space: nowrap;
transition: background 150ms ease, color 150ms ease, padding 150ms ease;
line-height: 1.4;
}
/* line 558, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip .topic-chip-clear {
display: none;
width: 16px;
height: 16px;
line-height: 14px;
font-size: 16px;
text-align: center;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
color: inherit;
transition: background 150ms ease;
}
/* line 570, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip .topic-chip-clear:hover {
background: rgba(255, 255, 255, 0.32);
}
/* line 575, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip:hover {
background: #CCCCCC;
}
/* line 579, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip.is-active {
background: #343440;
color: #ffffff;
padding-left: 8px;
}
/* line 584, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip.is-active .topic-chip-clear {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
/* line 591, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-jump .topic-chip:focus-visible {
outline: 2px solid #2f9b73;
outline-offset: 2px;
}
/* line 599, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-archive {
padding: 24px 0 48px;
}
@media only screen and (min-width: 64.063em) {
/* line 599, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-archive {
padding: 32px 0 80px;
}
}
/* line 607, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section {
margin-bottom: 32px;
padding-top: 24px;
border-top: 1px solid #EEEEEE;
}
@media only screen and (min-width: 64.063em) {
/* line 607, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section {
margin-bottom: 48px;
padding-top: 40px;
}
}
/* line 617, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section:first-child {
border-top: none;
padding-top: 0;
}
/* line 625, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .card-grid > .card-article:nth-child(n+7) {
display: none;
}
/* line 629, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-header {
margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 629, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-header {
margin-bottom: 24px;
}
}
/* line 636, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-header h2 {
font-family: "Poppins", sans-serif;
font-size: 24px;
font-weight: 600;
color: #303030;
margin: 0 0 8px;
}
@media only screen and (min-width: 64.063em) {
/* line 636, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-header h2 {
font-size: 28px;
}
}
/* line 649, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-intro {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.55;
color: #828282;
max-width: 720px;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 649, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-intro {
font-size: 18px;
}
}
/* line 662, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-all {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
margin-top: 80px;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 700;
color: #2F9B73;
text-decoration: none;
transition: gap 150ms ease;
}
/* line 674, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-all:hover {
gap: 8px;
}
/* line 678, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .articles-v2-page .topic-section .topic-section-all:focus-visible {
outline: 2px solid #2f9b73;
outline-offset: 2px;
border-radius: 4px;
}
/* line 695, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2.is-filtered .topic-section[data-topic]:not(.is-active) {
display: none;
}
/* line 700, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2.is-filtered .topic-section[data-topic].is-active .card-grid > .card-article:nth-child(n+7) {
display: block;
}
/* line 706, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2.is-filtered .topic-section[data-topic].is-active .topic-section-all {
display: none;
}
@media (prefers-reduced-motion: reduce) {
/* line 713, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .hero-cta,
.articles-v2 .updates-see-all,
.articles-v2 .topic-section-all {
transition: none;
}
/* line 719, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .card {
transition: none;
}
/* line 722, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .card:hover {
-ms-transform: none;
transform: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
/* line 727, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .card .card-media img {
transition: none;
}
/* line 731, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .card:hover .card-media img {
-ms-transform: none;
transform: none;
}
/* line 736, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .topic-chip {
transition: none;
}
/* line 740, ../../_src/scss/components/_page_resources_articles_v2.scss */
.articles-v2 .updates-title {
transition: none;
}
}
/* line 6, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 {
background: #ffffff;
color: #303030;
font-family: "Open Sans", sans-serif;
}
/* line 12, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .reading-progress {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 2px;
z-index: 1000;
pointer-events: none;
background: transparent;
}
/* line 23, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .reading-progress-bar {
height: 100%;
width: 0%;
background: #2F9B73;
transition: width 100ms linear;
will-change: width;
}
/* line 33, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero {
position: relative;
min-height: 580px;
overflow: hidden;
background: #0A0A0A;
color: #ffffff;
margin-top: -100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (min-width: 64.063em) {
/* line 33, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero {
min-height: 780px;
margin-top: -140px;
}
}
/* line 49, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-media {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 59, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero video.hero-media {
object-fit: cover;
}
/* line 63, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(10, 10, 10, 0.75) 0%, rgba(10, 10, 10, 0.4) 35%, rgba(10, 10, 10, 0.85) 100%);
}
/* line 74, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-content {
position: relative;
z-index: 1;
width: 100%;
padding: 100px 0 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 74, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-content {
padding: 140px 0 80px;
}
}
/* line 85, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-content > .row,
.article-v2 .hero .hero-content > div {
width: 100%;
}
/* line 93, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 16px;
padding: 0;
font-family: "Open Sans", sans-serif;
font-size: 0.875rem;
}
/* line 103, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .breadcrumb a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 150ms ease;
}
/* line 108, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .breadcrumb a:hover {
color: #ffffff;
}
/* line 113, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .breadcrumb svg {
width: 16px;
height: 16px;
opacity: 0.5;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 120, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .breadcrumb .breadcrumb-current {
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
}
/* line 129, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-title {
margin: 0 0 16px;
font-family: "Poppins", sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
}
@media only screen and (min-width: 64.063em) {
/* line 129, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-title {
font-size: 2.5rem;
}
}
/* line 143, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
}
/* line 152, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-meta time,
.article-v2 .hero .hero-meta .hero-author,
.article-v2 .hero .hero-meta .hero-readtime {
color: rgba(255, 255, 255, 0.8);
}
/* line 159, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-meta-divider {
color: rgba(255, 255, 255, 0.35);
font-size: 12px;
}
/* line 166, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-meta-divider-flex {
-ms-flex: 1 0 0;
flex: 1 0 0;
max-width: 48px;
}
/* line 171, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-share {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
margin: 0;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 999px;
padding: 4px 12px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 500;
color: rgba(255, 255, 255, 0.85);
text-transform: none;
letter-spacing: 0;
line-height: 1.4;
cursor: pointer;
transition: border-color 150ms ease, color 150ms ease;
}
/* line 190, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-share:hover {
border-color: #8FE9C2;
color: #8FE9C2;
}
/* line 195, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-share svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 201, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .hero .hero-tags {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}
/* line 210, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .article-tag {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.04em;
line-height: 1.4;
color: rgba(255, 255, 255, 0.78);
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 999px;
white-space: nowrap;
text-transform: capitalize;
text-decoration: none;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
/* line 229, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .article-tag .article-tag-icon {
width: 12px;
height: 12px;
filter: brightness(0) invert(1);
opacity: 0.85;
transition: opacity 160ms ease;
}
/* line 237, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .article-tag[href]:hover {
background: rgba(255, 255, 255, 0.18);
border-color: rgba(255, 255, 255, 0.4);
color: #ffffff;
text-decoration: none;
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 243, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .article-tag[href]:hover .article-tag-icon {
opacity: 1;
}
/* line 246, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .article-tag.is-plain {
cursor: default;
}
/* line 248, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .article-tag.is-plain:hover {
-ms-transform: none;
transform: none;
}
/* line 254, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list {
list-style: none;
margin: 0;
padding: 0;
counter-reset: none;
}
/* line 260, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list li {
margin: 0 0 4px;
counter-increment: none;
}
/* line 261, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list li::before {
content: none;
}
/* line 263, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 6px 8px;
text-decoration: none;
font-size: 0.92rem;
line-height: 1.3;
border-radius: 4px;
transition: background 140ms ease, color 140ms ease;
}
/* line 274, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list a .bucket-icon {
width: 16px;
height: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0.7;
transition: opacity 140ms ease;
}
/* line 282, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list a:hover {
background: #FCFCFC;
color: #676AAD;
}
/* line 285, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-list a:hover .bucket-icon {
opacity: 1;
}
/* line 290, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-back {
margin: 12px 0 0;
padding-top: 12px;
border-top: 1px solid #EEEEEE;
font-size: 0.85rem;
}
/* line 296, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-back a {
color: #676AAD;
font-weight: 600;
text-decoration: none;
}
/* line 300, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--update .post-toc-back a:hover {
color: #595F96;
text-decoration: underline;
}
/* line 306, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .section-intro {
padding: 24px 0 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 306, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .section-intro {
padding: 32px 0 64px;
}
}
/* line 316, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .section-raised {
position: relative;
background: #ffffff;
box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
border-radius: 20px;
margin-top: -20px;
z-index: 2;
}
/* line 327, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 500;
color: #828282;
margin-bottom: 20px;
}
/* line 341, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-full {
max-width: none;
margin: 0;
}
/* line 346, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_wrapper {
display: -ms-flexbox;
display: flex;
gap: 48px;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 63.999em) {
/* line 346, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
}
/* line 356, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper {
-ms-flex: 1 1 0;
flex: 1 1 0;
min-width: 0;
}
/* line 364, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper p,
.article-v2 .post_content_wrapper li {
max-width: 68ch;
}
/* line 370, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper figure,
.article-v2 .post_content_wrapper img,
.article-v2 .post_content_wrapper iframe,
.article-v2 .post_content_wrapper .table_wrapper,
.article-v2 .post_content_wrapper .problem,
.article-v2 .post_content_wrapper .solution {
max-width: none;
}
/* line 379, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper p {
font-size: 17px;
line-height: 1.75;
color: #303030;
margin-bottom: 20px;
}
/* line 386, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper p:first-of-type {
font-size: 19px;
line-height: 1.7;
}
/* line 391, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper h2 {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 30px;
margin: 56px 0 16px;
padding-top: 24px;
border-top: 1px solid #EEEEEE;
color: #303030;
line-height: 1.2;
}
/* line 401, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper h2:first-child {
margin-top: 0;
border-top: none;
padding-top: 0;
}
/* line 408, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper h3 {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 22px;
margin: 32px 0 12px;
color: #303030;
line-height: 1.3;
}
/* line 417, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper h4 {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 18px;
margin: 24px 0 8px;
color: #303030;
}
/* line 425, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper ul,
.article-v2 .post_content_wrapper ol {
line-height: 1.7;
padding-left: 24px;
margin-bottom: 20px;
}
/* line 431, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper ul li,
.article-v2 .post_content_wrapper ol li {
margin-bottom: 8px;
}
/* line 436, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper a {
color: #2F9B73;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 150ms ease;
}
/* line 443, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper a:hover {
color: #288565;
}
/* line 448, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper blockquote {
border-left: 3px solid #8FE9C2;
padding-left: 20px;
font-style: italic;
font-size: 19px;
margin: 32px 0;
color: #828282;
}
/* line 457, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper code {
font-family: Consolas, "Liberation Mono", Menlo, monospace;
font-size: 0.9em;
padding: 2px 6px;
background: #EEEEEE;
border-radius: 4px;
}
/* line 465, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper pre {
background: #EEEEEE;
border-radius: 8px;
padding: 20px;
overflow-x: auto;
margin-bottom: 20px;
}
/* line 472, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper pre code {
background: transparent;
padding: 0;
font-size: 14px;
}
/* line 479, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper img {
max-width: 100%;
height: auto;
border-radius: 8px;
display: block;
margin: 24px 0;
}
/* line 487, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper figure {
margin: 32px 0;
}
/* line 490, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper figure figcaption {
font-size: 13px;
color: #828282;
text-align: center;
margin-top: 8px;
}
/* line 498, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .table_wrapper {
overflow-x: auto;
margin-bottom: 24px;
}
/* line 502, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .table_wrapper table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
}
/* line 507, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .table_wrapper table th,
.article-v2 .post_content_wrapper .table_wrapper table td {
padding: 10px 14px;
border: 1px solid #EEEEEE;
text-align: left;
}
/* line 514, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .table_wrapper table th {
background: #FCFCFC;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
/* line 520, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .table_wrapper table tr:nth-child(even) td {
background: #FCFCFC;
}
/* line 526, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .problem,
.article-v2 .post_content_wrapper .solution {
border-radius: 8px;
padding: 20px 24px;
margin-bottom: 20px;
}
/* line 533, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .problem {
background: rgba(255, 100, 80, 0.06);
border-left: 3px solid rgba(255, 100, 80, 0.5);
}
/* line 538, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_content_wrapper .solution {
background: rgba(47, 155, 115, 0.06);
border-left: 3px solid #2F9B73;
}
/* line 545, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_sidebar_wrapper {
width: 280px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: sticky;
top: 100px;
-ms-flex-item-align: start;
align-self: flex-start;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media (max-width: 63.999em) {
/* line 545, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post_sidebar_wrapper {
position: static;
width: 100%;
}
}
/* line 562, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc {
background: #FCFCFC;
border: 1px solid #EEEEEE;
border-radius: 12px;
padding: 20px;
}
/* line 568, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc.post-toc--empty {
display: none;
}
/* line 572, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc h4 {
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #828282;
margin: 0 0 12px;
}
/* line 583, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc-list {
list-style: none;
margin: 0;
padding: 0;
}
/* line 588, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc-list li {
margin: 0;
}
/* line 592, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc-list a {
display: block;
padding: 6px 0 6px 12px;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
color: #828282;
text-decoration: none;
border-left: 2px solid transparent;
transition: border-left-color 150ms ease, color 150ms ease, font-weight 150ms ease;
}
/* line 604, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc-list a:hover {
color: #303030;
border-left-color: #CCCCCC;
}
/* line 609, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc-list a.is-active {
border-left-color: #2F9B73;
color: #303030;
font-weight: 600;
}
/* line 618, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-newsletter {
background: #FCFCFC;
border: 1px solid #EEEEEE;
border-radius: 12px;
padding: 20px;
}
/* line 624, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-newsletter h4 {
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
color: #303030;
margin: 0 0 16px;
}
/* line 635, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sidebar_social p {
font-size: 14px;
line-height: 1.55;
color: #828282;
margin-bottom: 16px;
max-width: none;
}
/* line 644, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .social_list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
/* line 649, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .social_list a.social-icon {
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
padding: 6px 12px;
border: 1px solid #CCCCCC;
border-radius: 999px;
color: #828282;
text-decoration: none;
transition: border-color 150ms ease, color 150ms ease;
}
/* line 660, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .social_list a.social-icon:hover {
border-color: #2F9B73;
color: #2F9B73;
}
/* line 668, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .uc-audio-player {
background: #FCFCFC;
border: 1px solid #EEEEEE;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 32px;
}
/* line 675, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .uc-audio-player h4 {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 600;
color: #303030;
margin: 0 0 12px;
}
/* line 683, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .uc-audio-player audio {
width: 100%;
display: block;
}
/* line 690, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related {
margin-top: 64px;
padding-top: 40px;
border-top: 1px solid #EEEEEE;
}
/* line 695, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related h2 {
font-family: "Poppins", sans-serif;
font-size: 24px;
font-weight: 600;
color: #303030;
margin: 0 0 24px;
border-top: none;
padding-top: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 695, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related h2 {
font-size: 28px;
}
}
/* line 711, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card-grid {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
@media only screen and (min-width: 40.063em) {
/* line 711, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 64.063em) {
/* line 711, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 725, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background: #ffffff;
border: 1px solid #EEEEEE;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* line 738, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card:hover {
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
/* line 743, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card:focus-within {
outline: 3px solid #2f9b73;
outline-offset: 3px;
}
/* line 748, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-media {
aspect-ratio: 16 / 9;
background: #EEEEEE;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
/* line 755, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* line 764, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-media-placeholder {
position: absolute;
inset: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: #EEEEEE;
}
/* line 772, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-media-placeholder img {
width: 56px;
height: 56px;
object-fit: contain;
opacity: 0.55;
transition: opacity 200ms ease, transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* line 781, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card:hover .card-media > img {
-ms-transform: scale(1.03);
transform: scale(1.03);
}
/* line 785, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card:hover .card-media-placeholder img {
opacity: 0.75;
}
/* line 789, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-body {
padding: 16px 20px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
-ms-flex: 1;
flex: 1;
}
/* line 797, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-meta {
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #828282;
margin: 0;
}
/* line 807, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-title {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
color: #303030;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 807, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-title {
font-size: 20px;
}
}
/* line 824, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-excerpt {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.55;
color: #828282;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* line 839, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up {
position: fixed;
bottom: 24px;
right: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
background: #343440;
color: #ffffff;
padding: 16px 20px;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 500;
text-decoration: none;
transition: box-shadow 200ms ease, transform 200ms ease;
}
/* line 856, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up:hover {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
/* line 862, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up .content_left .sticky_sign_up_title {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 700;
color: #ffffff;
margin: 0;
line-height: 1.2;
}
/* line 871, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up .content_left .sticky_sign_up_subtitle {
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 400;
color: rgba(255, 255, 255, 0.75);
margin: 0;
line-height: 1.3;
}
/* line 882, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up .content_right .sticky_sign_up_button {
display: inline-block;
background: #2F9B73;
color: #ffffff;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 600;
padding: 8px 16px;
border-radius: 8px;
white-space: nowrap;
transition: background 150ms ease;
}
/* line 896, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up:hover .sticky_sign_up_button {
background: #288565;
}
/* line 903, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__input {
margin-bottom: 12px;
}
/* line 906, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__input label span {
display: block;
font-size: 13px;
line-height: 1.5;
color: #828282;
margin-bottom: 8px;
}
/* line 914, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__input input[type="email"] {
width: 100%;
padding: 10px 12px;
border: 1px solid #CCCCCC;
border-radius: 8px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #303030;
background: #ffffff;
box-sizing: border-box;
transition: border-color 150ms ease;
}
/* line 926, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__input input[type="email"]:focus {
outline: none;
border-color: #2F9B73;
}
/* line 933, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__button-submit {
width: 100%;
padding: 10px 16px;
background: #2F9B73;
color: #ffffff;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 600;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 150ms ease;
}
/* line 946, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__button-submit:hover {
background: #288565;
}
/* line 951, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__notify {
display: none;
margin-top: 8px;
font-size: 13px;
padding: 8px 12px;
border-radius: 6px;
}
/* line 958, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__notify.active {
display: block;
}
/* line 962, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__notify#list-signup-form-notify-success {
background: rgba(47, 155, 115, 0.1);
color: #2F9B73;
}
/* line 967, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .list-signup-form .list-signup-form__notify#list-signup-form-notify-error {
background: rgba(255, 80, 60, 0.08);
color: #c0392b;
}
/* line 975, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 #disqus_thread {
margin-top: 48px;
padding-top: 32px;
border-top: 1px solid #EEEEEE;
}
@media (prefers-reduced-motion: reduce) {
/* line 983, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .reading-progress-bar {
transition: none;
}
/* line 987, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .breadcrumb a,
.article-v2 .hero-share {
transition: none;
}
/* line 992, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-toc-list a {
transition: none;
}
/* line 996, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up {
transition: none;
}
/* line 999, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .sticky_sign_up:hover {
-ms-transform: none;
transform: none;
}
/* line 1004, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card {
transition: none;
}
/* line 1007, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card:hover {
-ms-transform: none;
transform: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
/* line 1012, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-media img {
transition: none;
}
/* line 1016, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card:hover .card-media img {
-ms-transform: none;
transform: none;
}
/* line 1020, ../../_src/scss/components/_page_resources_article_post_v2.scss */
.article-v2 .post-related .card .card-media-placeholder img {
transition: none;
}
}
/* line 21, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay {
position: relative;
background-color: #343440;
background-image: radial-gradient(circle at 80% 20%, rgba(103, 106, 173, 0.35) 0%, rgba(0, 0, 0, 0) 55%), radial-gradient(circle at 10% 100%, rgba(47, 155, 115, 0.18) 0%, rgba(0, 0, 0, 0) 50%), radial-gradient(rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px);
background-size: 100% 100%, 100% 100%, 24px 24px;
background-position: 0 0, 0 0, 0 0;
min-height: 320px;
overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
/* line 21, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay {
min-height: 400px;
}
}
/* line 37, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 0%, rgba(20, 20, 20, 0.35) 100%);
pointer-events: none;
z-index: 1;
}
/* line 46, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .content {
position: relative;
z-index: 2;
padding: 140px 0 120px;
}
@media only screen and (min-width: 64.063em) {
/* line 46, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .content {
padding: 200px 0 120px;
}
}
/* line 53, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .catalog-title {
color: #ffffff;
font-weight: 700;
letter-spacing: -0.01em;
margin: 0 0 40px;
font-size: 2.25rem;
line-height: 1.05;
}
@media only screen and (min-width: 40.063em) {
/* line 53, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .catalog-title {
font-size: 3rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 53, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .catalog-title {
font-size: 4rem;
}
}
/* line 65, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .hero-tagline {
color: rgba(255, 255, 255, 0.78);
max-width: 780px;
font-size: 1rem;
line-height: 1.65;
margin: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 65, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .banner.overlay .hero-tagline {
font-size: 1.125rem;
line-height: 1.7;
}
}
/* line 80, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section {
padding: 60px;
}
@media only screen and (min-width: 40.063em) {
/* line 80, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section {
padding: 80px;
}
}
/* line 90, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section > .row,
.platform-updates .platform-updates-filter-section > .row > .columns {
padding: 0;
margin: 0;
}
/* line 96, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section .filter-chips {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
/* line 102, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-filter-section .filter-eyebrow {
display: block;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: #828282;
font-weight: 700;
margin: 0 0 40px;
}
/* line 116, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: #FCFCFC;
color: #343440;
border: 1px solid #EEEEEE;
border-radius: 999px;
text-decoration: none;
font-size: 0.85rem;
line-height: 1;
font-weight: 500;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
/* line 131, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip .bucket-icon {
width: 14px;
height: 14px;
opacity: 0.7;
transition: opacity 160ms ease;
}
/* line 138, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip .bucket-label {
white-space: nowrap;
}
/* line 140, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip:hover {
background: #ffffff;
border-color: #CCCCCC;
color: #343440;
text-decoration: none;
}
/* line 145, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip:hover .bucket-icon {
opacity: 1;
}
/* line 148, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip.is-active {
background: #343440;
border-color: #343440;
color: #ffffff;
}
/* line 152, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip.is-active .bucket-icon {
filter: brightness(0) invert(1);
opacity: 1;
}
/* line 153, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .bucket-chip.is-active:hover {
background: #464657;
border-color: #464657;
}
/* line 158, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips,
.platform-updates .archive-chips {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
}
/* line 164, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip,
.platform-updates .archive-chips .bucket-chip {
padding: 4px 8px;
font-size: 0.7rem;
background: transparent;
border-color: #EEEEEE;
color: #303030;
}
/* line 171, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip .bucket-icon,
.platform-updates .archive-chips .bucket-chip .bucket-icon {
width: 11px;
height: 11px;
}
/* line 173, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip:hover,
.platform-updates .archive-chips .bucket-chip:hover {
background: #FCFCFC;
border-color: #CCCCCC;
color: #343440;
}
/* line 183, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip.is-active,
.platform-updates .archive-chips .bucket-chip.is-active {
background: #EEEEEE;
border-color: #CCCCCC;
color: #343440;
font-weight: 600;
}
/* line 188, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .card-chips .bucket-chip.is-active .bucket-icon,
.platform-updates .archive-chips .bucket-chip.is-active .bucket-icon {
opacity: 1;
}
/* line 196, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .update-card.is-dimmed {
opacity: 0.22;
pointer-events: none;
filter: grayscale(0.4);
transition: opacity 200ms ease, filter 200ms ease;
}
/* line 203, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .update-card {
transition: opacity 200ms ease, filter 200ms ease, transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
/* line 205, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .archive-row {
transition: background 160ms ease, opacity 200ms ease, filter 200ms ease;
}
/* line 208, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .archive-row.is-dimmed {
opacity: 0.32;
pointer-events: none;
}
/* line 217, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights {
padding: 80px 0 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 217, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights {
padding: 120px 0 60px;
}
}
/* line 225, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights > .row {
padding: 0;
margin: 0 auto;
}
/* line 230, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights .section-heading {
color: #343440;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 24px;
letter-spacing: -0.005em;
}
@media only screen and (min-width: 40.063em) {
/* line 230, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights .section-heading {
margin: 0 0 40px;
}
}
/* line 245, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-highlights .highlight-cards > .columns {
margin-bottom: 24px;
display: -ms-flexbox;
display: flex;
}
/* line 252, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: #ffffff;
border: 1px solid #EEEEEE;
border-radius: 12px;
overflow: hidden;
text-decoration: none;
transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
/* line 263, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card:hover {
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.04);
border-color: #CCCCCC;
text-decoration: none;
}
/* line 268, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card:hover .card-title {
color: #676AAD;
}
/* line 271, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-media {
aspect-ratio: 16 / 9;
background: #FCFCFC;
overflow: hidden;
}
/* line 275, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 278, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-body {
padding: 18px 18px 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 286, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-date {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #828282;
font-weight: 600;
margin: 0;
}
/* line 295, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-title {
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
color: #343440;
margin: 0;
transition: color 200ms ease;
}
/* line 304, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .highlight-card .card-chips {
margin-top: auto;
}
/* line 310, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive {
padding: 32px 0 80px;
}
@media only screen and (min-width: 40.063em) {
/* line 310, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive {
padding: 60px 0 120px;
}
}
/* line 318, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive > .row {
padding: 0;
margin: 0 auto;
}
/* line 323, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .section-heading {
color: #343440;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 24px;
}
@media only screen and (min-width: 40.063em) {
/* line 323, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .section-heading {
margin: 0 0 40px;
}
}
/* line 332, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #EEEEEE;
}
/* line 340, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px;
padding: 18px 12px;
border-bottom: 1px solid #EEEEEE;
transition: background 160ms ease;
}
/* line 349, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-row:hover {
background: #FCFCFC;
}
@media only screen and (min-width: 40.063em) {
/* line 340, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-row {
padding: 22px 16px;
}
}
/* line 356, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-link {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
text-decoration: none;
}
/* line 362, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-link:hover {
text-decoration: none;
}
/* line 362, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-link:hover .archive-title {
color: #676AAD;
}
/* line 365, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-date {
font-size: 0.74rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #828282;
font-weight: 700;
}
/* line 373, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-title {
font-size: 1.05rem;
font-weight: 600;
color: #343440;
line-height: 1.35;
transition: color 180ms ease;
}
/* line 381, ../../_src/scss/components/_page_resources_updates.scss */
.platform-updates .platform-updates-archive .archive-chips {
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 2px;
}
/* line 13, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #343440;
position: relative;
min-height: 360px;
}
@media only screen and (min-width: 64.063em) {
/* line 13, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner {
min-height: 480px;
}
}
/* line 25, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner.overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(20, 20, 20, 0.55) 0%, rgba(20, 20, 20, 0.75) 100%);
z-index: 1;
}
/* line 33, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .content {
position: relative;
z-index: 2;
padding: 120px 0 100px;
}
@media only screen and (min-width: 64.063em) {
/* line 33, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .content {
padding: 160px 0 120px;
}
}
/* line 43, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .post-eyebrow {
display: inline-block;
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.78rem;
font-weight: 600;
margin-bottom: 30px;
transition: color 200ms ease;
}
/* line 54, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .post-eyebrow:hover {
color: #ffffff;
}
/* line 57, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .post-title {
color: #ffffff;
font-size: 2rem;
line-height: 1.2;
margin: 0 0 30px;
font-weight: 700;
}
@media only screen and (min-width: 40.063em) {
/* line 57, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .post-title {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 64.063em) {
/* line 57, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .post-title {
font-size: 3.25rem;
}
}
/* line 68, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .post-date {
color: rgba(255, 255, 255, 0.65);
font-size: 0.95rem;
margin: 0 0 50px;
letter-spacing: 0.02em;
}
/* line 76, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .bucket-chip-row.header-chips {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin-top: 40px;
}
/* line 82, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .bucket-chip-row.header-chips .bucket-chip {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 8px 14px;
background: rgba(255, 255, 255, 0.12);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
text-decoration: none;
font-size: 0.84rem;
line-height: 1;
font-weight: 500;
transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
/* line 97, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .bucket-chip-row.header-chips .bucket-chip .bucket-icon {
width: 14px;
height: 14px;
filter: brightness(0) invert(1);
opacity: 0.85;
}
/* line 104, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .banner .bucket-chip-row.header-chips .bucket-chip:hover {
background: rgba(255, 255, 255, 0.22);
border-color: rgba(255, 255, 255, 0.35);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
/* line 116, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body-wrap {
padding: 80px 0 120px;
}
@media only screen and (min-width: 64.063em) {
/* line 116, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body-wrap {
padding: 120px 0 160px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 127, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-main {
padding-left: 40px;
padding-right: 24px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 127, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-main {
padding-left: 80px;
padding-right: 40px;
}
}
/* line 139, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile {
margin-bottom: 60px;
padding: 12px 16px;
border: 1px solid #EEEEEE;
border-radius: 8px;
background: #FCFCFC;
}
/* line 146, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile summary {
cursor: pointer;
font-weight: 600;
color: #343440;
list-style: none;
}
/* line 152, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile summary::-webkit-details-marker {
display: none;
}
/* line 153, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile summary::before {
content: "â–¸ ";
color: #676AAD;
margin-right: 4px;
display: inline-block;
transition: transform 160ms ease;
}
/* line 162, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile[open] summary::before {
content: "â–¾ ";
}
/* line 164, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile ul {
list-style: none;
margin: 12px 0 0;
padding: 0;
}
/* line 165, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile li {
margin-bottom: 4px;
}
/* line 167, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile a {
display: block;
padding: 6px 8px;
color: #343440;
text-decoration: none;
border-radius: 4px;
}
/* line 174, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc-mobile a:hover {
background: #ffffff;
}
/* line 179, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body {
color: #303030;
font-size: 1rem;
line-height: 1.75;
}
/* line 185, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body > p:first-of-type {
font-size: 1.125rem;
line-height: 1.7;
color: #343440;
}
/* line 191, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body p {
margin-bottom: 16px;
line-height: 1.75;
}
/* line 196, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body h2, .platform-update-post .platform-update-body h3, .platform-update-post .platform-update-body h4 {
color: #343440;
font-weight: 700;
line-height: 1.25;
}
/* line 202, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body h2 {
font-size: 1.65rem;
margin: 80px 0 20px;
padding-top: 40px;
border-top: 1px solid #EEEEEE;
}
/* line 208, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body h2:first-child {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
/* line 211, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body h3 {
font-size: 1.2rem;
margin: 60px 0 20px;
}
/* line 216, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body h4 {
font-size: 1.05rem;
margin: 50px 0 16px;
}
/* line 221, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body ul, .platform-update-post .platform-update-body ol {
margin: 0 0 16px;
padding-left: 22px;
}
/* line 225, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body ul li, .platform-update-post .platform-update-body ol li {
margin-bottom: 8px;
line-height: 1.7;
}
/* line 231, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body a {
color: #676AAD;
text-decoration: underline;
text-underline-offset: 2px;
}
/* line 236, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body a:hover {
color: #595F96;
}
/* line 239, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-body img {
max-width: 100%;
height: auto;
border-radius: 6px;
margin: 40px 0;
}
@media only screen and (min-width: 64.063em) {
/* line 250, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .platform-update-toc-wrap {
padding-left: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 256, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc {
position: sticky;
top: 60px;
padding: 0 0 0 30px;
border-left: 2px solid #676AAD;
max-height: calc(100vh - 80px);
overflow-y: auto;
}
}
/* line 266, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc .toc-heading {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #828282;
margin: 0 0 20px;
font-weight: 700;
}
/* line 275, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 276, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc li {
margin-bottom: 2px;
}
/* line 278, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 6px 8px;
color: #343440;
text-decoration: none;
font-size: 0.92rem;
line-height: 1.3;
border-radius: 4px;
transition: background 140ms ease, color 140ms ease;
}
/* line 290, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc a .bucket-icon {
width: 16px;
height: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0.7;
transition: opacity 140ms ease;
}
/* line 298, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc a .bucket-label {
-ms-flex: 1;
flex: 1;
}
/* line 300, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc a:hover {
background: #FCFCFC;
color: #676AAD;
}
/* line 303, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc a:hover .bucket-icon {
opacity: 1;
}
/* line 307, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc .toc-back {
margin: 40px 0 0;
padding-top: 30px;
border-top: 1px solid #EEEEEE;
font-size: 0.85rem;
}
/* line 313, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc .toc-back a {
color: #676AAD;
padding: 0;
font-weight: 600;
display: inline;
gap: 0;
border: none;
}
/* line 321, ../../_src/scss/components/_page_resources_platform_update_post.scss */
.platform-update-post .bucket-toc .toc-back a:hover {
color: #595F96;
background: transparent;
}
/* line 3, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box {
background-color: #ffffff;
padding-bottom: 40px;
margin-bottom: 40px;
}
/* line 8, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box .button {
margin-top: 20px;
}
/* line 12, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box a {
color: white;
}
/* line 16, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box img {
margin-top: 40px;
}
/* line 21, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-login {
padding-top: 40px;
background-color: #61b6e6;
}
/* line 26, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-signup {
padding-top: 40px;
background-color: #efb230;
}
/* line 31, ../../_src/scss/components/_page_affiliates.scss */
.affiliates table {
margin: 40px auto;
}
/* line 2, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-payment.jpg);
background-size: cover;
background-position: center center;
background-color: #222222;
}
@media only screen and (min-width: 40.063em) {
/* line 2, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner {
min-height: 450px;
}
}
/* line 13, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner.overlay::after {
width: 100%;
background: rgba(34, 34, 34, 0.8);
/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
/* IE6-9 */
}
/* line 37, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner h1 sub {
display: block;
clear: both;
font-size: 18px;
font-family: "Poppins";
opacity: 0.6;
}
/* line 47, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments hr {
color: #ddd;
border: solid #ddd;
border-width: 1px 0 0;
}
/* line 54, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro p:last-of-type:first-of-type {
margin-bottom: 10px;
}
/* line 58, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .credit-card-icons {
margin-top: 20px;
margin-bottom: 20px;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 64.063em) {
/* line 58, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .credit-card-icons {
margin-top: 40px;
margin-bottom: 40px;
}
}
/* line 73, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .cc-icons {
font-size: 36px;
margin-bottom: 40px;
color: #8d8d8d;
}
@media only screen and (min-width: 40.063em) {
/* line 73, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .cc-icons {
font-size: 42px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 73, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .cc-icons {
font-size: 56px;
}
}
/* line 86, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro button.button-signup {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
/* line 86, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro button.button-signup {
width: auto;
}
}
/* line 96, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul {
list-style: none;
margin: 0;
padding-left: 20px;
}
/* line 101, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li {
margin-bottom: 10px;
position: relative;
}
/* line 105, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li:nth-child(1)::before {
content: "1";
display: block;
position: absolute;
left: -30px;
top: 0;
padding: 5px;
border: 1px solid #999;
font-size: 10px;
text-align: center;
line-height: 1;
height: 24px;
width: 24px;
box-sizing: border-box;
border-radius: 12px;
color: #999;
line-height: 12px;
}
/* line 123, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li:nth-child(2)::before {
content: "2";
display: block;
position: absolute;
left: -30px;
top: 0;
padding: 5px;
border: 1px solid #999;
font-size: 10px;
text-align: center;
line-height: 1;
height: 24px;
width: 24px;
box-sizing: border-box;
border-radius: 12px;
color: #999;
line-height: 12px;
}
/* line 141, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li:nth-child(3)::before {
content: "3";
display: block;
position: absolute;
left: -30px;
top: 0;
padding: 5px;
border: 1px solid #999;
font-size: 10px;
text-align: center;
line-height: 1;
height: 24px;
width: 24px;
box-sizing: border-box;
border-radius: 12px;
color: #999;
line-height: 12px;
}
/* line 163, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates {
background-color: #222222;
color: #ffffff;
}
/* line 167, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates h3,
body.ucpayments .section-ucpayments-rates h4 {
color: #ffffff;
}
/* line 172, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates p {
margin-bottom: 0;
}
/* line 176, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates a {
color: #ffffff;
}
/* line 180, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .rate {
position: relative;
display: inline-block;
font-size: 24px;
margin-bottom: 0px;
width: auto;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.2);
border-radius: 30px;
}
/* line 190, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .rate sup {
position: absolute;
top: 28px;
right: 5px;
font-size: 0.6em;
color: rgba(255, 255, 255, 0.5);
}
/* line 202, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) {
padding-top: 0;
padding-bottom: 0;
}
/* line 206, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns {
background: rgba(255, 255, 255, 0.2);
border-radius: 0;
padding-top: 40px;
padding-bottom: 40px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/* line 213, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(1) {
padding-top: 40px;
border-radius: 20px 20px 0 0;
}
/* line 218, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(2) {
border-radius: 0;
padding-top: 0;
}
/* line 223, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(3) {
border-radius: 0;
padding-top: 0;
}
/* line 228, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(4) {
padding-top: 0;
border-radius: 0 0 20px 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 234, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(1) {
padding-top: 40px;
border-radius: 20px 0 0 0;
}
/* line 239, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(2) {
padding-top: 40px;
border-radius: 0 20px 0 0;
}
/* line 244, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(3) {
padding-top: 0;
border-radius: 0 0 0 20px;
}
/* line 249, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(4) {
padding-top: 0;
border-radius: 0 0 20px 0;
}
}
@media only screen and (min-width: 64.063em) {
/* line 255, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(1) {
padding-top: 40px;
border-radius: 20px 0 0 20px;
}
/* line 260, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(2) {
padding-top: 40px;
border-radius: 0;
}
/* line 265, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(3) {
padding-top: 40px;
border-radius: 0;
}
/* line 270, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(4) {
padding-top: 40px;
border-radius: 0 20px 20px 0;
}
}
/* line 280, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-secure-payments .secure-graphic {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
/* line 280, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-secure-payments .secure-graphic {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 280, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-secure-payments .secure-graphic {
margin-bottom: 0;
}
}
/* line 2, ../../_src/scss/components/_page_why.scss */
.why .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_why.scss */
.why .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_why.scss */
.why .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 30, ../../_src/scss/components/_page_why.scss */
.why .banner button {
background-color: #36AA7F;
}
/* line 33, ../../_src/scss/components/_page_why.scss */
.why .banner button:hover {
background-color: #288565;
}
/* line 41, ../../_src/scss/components/_page_why.scss */
.why .section-intro .feature_summary_grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 41, ../../_src/scss/components/_page_why.scss */
.why .section-intro .feature_summary_grid {
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
}
/* line 52, ../../_src/scss/components/_page_why.scss */
.why .section-intro h2 {
font-size: 1.25rem;
margin-bottom: 16px;
}
/* line 57, ../../_src/scss/components/_page_why.scss */
.why .section-intro p {
margin-bottom: 16px;
}
/* line 61, ../../_src/scss/components/_page_why.scss */
.why .section-intro a {
color: #676AAD;
border-left: 1px solid #CCCCCC;
padding-left: 16px;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 67, ../../_src/scss/components/_page_why.scss */
.why .section-intro a:hover {
color: #6F4173;
}
/* line 73, ../../_src/scss/components/_page_why.scss */
.why .section-intro ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 78, ../../_src/scss/components/_page_why.scss */
.why .section-intro ul li {
margin-bottom: 16px;
font-size: 1.25rem;
}
/* line 84, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 84, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 84, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 103, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 108, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 114, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 114, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 126, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 133, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_versions,
.why .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 143, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_versions .svg_background,
.why .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 148, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 155, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 155, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 155, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 168, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 174, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 180, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 186, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 196, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 208, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 224, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 {
padding-bottom: 120px;
}
/* line 228, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-2 {
background-color: #FCFCFC;
}
/* line 232, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-4 {
background-color: #FCFCFC;
}
/* line 236, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-6 {
background-color: #FCFCFC;
}
/* line 240, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 {
background-color: #0A0A0A;
color: #FFFFFF;
}
/* line 244, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 h2,
.why .section-highlights.section-7 h3,
.why .section-highlights.section-7 h4,
.why .section-highlights.section-7 p {
color: #FFFFFF;
}
/* line 252, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 h3::after {
opacity: 0.25;
}
/* line 257, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a {
color: #F2E478;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 261, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a span {
font-weight: 600;
}
/* line 265, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a:hover {
color: #DAA43A;
gap: 12px;
}
/* line 270, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a svg path {
stroke: #F2E478;
}
/* line 276, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .header-row {
padding-top: 120px;
padding-bottom: 0;
}
/* line 281, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h2 {
font-size: 1.975rem;
margin-bottom: 0;
margin-bottom: 16px;
}
/* line 287, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 292, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 292, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 300, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 300, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 300, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 300, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 326, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h4 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 330, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h4:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 330, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h4:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 340, ../../_src/scss/components/_page_why.scss */
.why .section-highlights p a {
text-decoration: underline;
}
/* line 345, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 352, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a.feature_link {
display: -ms-flexbox;
display: flex;
}
/* line 355, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a.feature_link:not(:last-child) {
margin-bottom: 16px;
}
/* line 360, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a span {
font-weight: 600;
}
/* line 364, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 369, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a svg path {
stroke: #676AAD;
}
/* line 374, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .accent_color {
color: #676AAD;
}
/* line 378, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .row:not(.header-row) {
padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
/* line 378, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .row:not(.header-row) {
padding-bottom: 120px;
}
}
/* line 386, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 386, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 386, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 400, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 405, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
}
@media only screen and (min-width: 64.063em) {
/* line 405, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper {
width: 100%;
min-width: 540px;
}
}
/* line 416, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 421, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 430, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 430, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
}
/* line 446, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 451, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 456, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 464, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 469, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 478, ../../_src/scss/components/_page_why.scss */
.why .feature-copy ul li {
margin-bottom: 16px;
}
/* line 483, ../../_src/scss/components/_page_why.scss */
.why .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 483, ../../_src/scss/components/_page_why.scss */
.why .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 495, ../../_src/scss/components/_page_why.scss */
.why .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 495, ../../_src/scss/components/_page_why.scss */
.why .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 495, ../../_src/scss/components/_page_why.scss */
.why .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 507, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 507, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 523, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 527, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 531, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 539, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 539, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 539, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 555, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 561, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 570, ../../_src/scss/components/_page_why.scss */
.why .section-alternating-content ol li,
.why .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 575, ../../_src/scss/components/_page_why.scss */
.why .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 580, ../../_src/scss/components/_page_why.scss */
.why .section-flows h1, .why .section-flows h2, .why .section-flows h3, .why .section-flows h4, .why .section-flows p, .why .section-flows li {
color: #ffffff;
}
/* line 584, ../../_src/scss/components/_page_why.scss */
.why .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner.overlay::after {
background: linear-gradient(to right, #074170 25%, rgba(34, 34, 34, 0) 100%);
}
/* line 22, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner p {
line-height: 1.75em;
}
/* line 26, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 35, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 32px;
color: #303030;
}
/* line 41, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 41, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 50, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro img {
margin-bottom: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 50, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro img {
margin-bottom: 0;
}
}
/* line 59, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro {
font-size: 1.25rem;
font-weight: 600;
}
/* line 64, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 69, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro ul li {
margin-bottom: 16px;
font-size: 1.25rem;
}
/* line 75, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 {
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
/* line 75, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 {
gap: 64px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 75, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
margin-bottom: 80px;
}
}
/* line 94, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 img {
max-width: 100%;
height: auto;
}
/* line 99, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 .svg_wrapper {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
/* line 105, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_traffic_1 {
display: none;
position: absolute;
width: 100%;
top: -170px;
left: 0;
z-index: 0;
}
@media only screen and (min-width: 64.063em) {
/* line 105, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_traffic_1 {
display: block;
}
}
/* line 117, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
stroke: #595F96;
stroke-width: 2px;
opacity: 0.5;
}
/* line 124, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_versions,
.casestudy.venmo .section-intro .intro_section_1 #svg_metrics {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: auto;
display: block;
max-width: 540px;
z-index: 10;
}
/* line 134, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_versions .svg_background,
.casestudy.venmo .section-intro .intro_section_1 #svg_metrics .svg_background {
opacity: 0.6;
}
/* line 139, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 > div {
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/* line 146, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
/* line 146, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info {
gap: 20px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 146, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info {
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
}
/* line 159, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
/* line 165, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block svg {
width: 100%;
height: auto;
aspect-ratio: 541 / 202;
}
/* line 171, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
/* line 177, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
width: 100%;
height: auto;
aspect-ratio: 541/202;
overflow: hidden;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 20px;
position: relative;
}
/* line 187, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
position: absolute;
width: 100%;
max-width: 247px;
height: auto;
aspect-ratio: 247/400;
top: 32px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
/* line 199, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* line 212, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro blockquote {
background-color: #303030;
border-radius: 16px;
border: none;
padding: 32px 32px 16px 32px;
}
/* line 218, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro blockquote p {
color: white;
font-size: 18px;
}
/* line 222, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro blockquote p .position {
font-size: 12px;
}
/* line 228, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .venmo_highlights {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-bottom: 0;
}
/* line 234, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .venmo_highlights li {
font-weight: bold;
color: #FFF;
margin-bottom: 0;
background-color: #008CFF;
padding: 8px 16px;
border-radius: 16px;
font-size: 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
/* line 246, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .venmo_highlights li svg {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 24px;
height: 24px;
}
/* line 255, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights {
padding-bottom: 80px;
}
/* line 258, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .row {
padding-top: 120px;
}
/* line 261, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .row.reduced_padding {
padding-top: 80px;
padding-bottom: 0;
}
/* line 267, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 272, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 272, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 306, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h3 {
font-size: 1.25rem;
margin-bottom: 20px;
font-weight: 500;
}
/* line 311, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 311, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 320, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 327, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a span {
font-weight: 600;
}
/* line 331, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 336, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a svg path {
stroke: #676AAD;
}
/* line 341, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .accent_color {
color: #676AAD;
}
/* line 345, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 345, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 345, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 359, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 364, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
}
/* line 370, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 375, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 384, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
/* line 384, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 32px transparent;
transition: box-shadow 0.3s ease;
}
/* line 400, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper:hover {
box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
}
}
/* line 405, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-copy {
position: relative;
z-index: 1;
}
/* line 410, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
border-radius: 16px;
overflow: hidden;
}
/* line 418, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 423, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 430, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights blockquote {
background-color: #303030;
border-radius: 16px;
border: none;
padding: 32px 32px 16px 32px;
margin-bottom: 0;
}
/* line 437, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights blockquote p {
color: white;
font-size: 18px;
}
/* line 441, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights blockquote p .position {
font-size: 12px;
}
/* line 449, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .feature-copy ul li {
margin-bottom: 16px;
}
/* line 454, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 454, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 466, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 466, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 466, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 478, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 478, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 494, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 498, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 502, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 510, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 510, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 510, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 526, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 532, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 541, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-alternating-content ol li,
.casestudy.venmo .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 546, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 551, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-flows h1, .casestudy.venmo .section-flows h2, .casestudy.venmo .section-flows h3, .casestudy.venmo .section-flows h4, .casestudy.venmo .section-flows p, .casestudy.venmo .section-flows li {
color: #ffffff;
}
/* line 555, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-flows ul li {
margin-bottom: 20px;
}
/* line 2, ../../_src/scss/components/_page_migrate.scss */
.migrate .banner {
background-size: cover;
background-position: center center;
position: relative;
background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_migrate.scss */
.migrate .banner p {
line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_migrate.scss */
.migrate .banner h1 {
font-size: 2rem;
line-height: 1.75em;
margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
/* line 37, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 37, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 46, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro p {
font-size: 18px;
}
/* line 49, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro p:first-child {
margin-top: -30px;
}
/* line 53, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro p:last-child {
margin-bottom: -20px;
}
/* line 58, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro:after {
display: none;
}
/* line 62, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro .intro_content_1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
padding-top: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 62, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro .intro_content_1 {
gap: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 62, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro .intro_content_1 {
padding-top: 40px;
gap: 120px;
-ms-flex-direction: row;
flex-direction: row;
}
}
/* line 80, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro ul li {
margin-bottom: 16px;
}
/* line 86, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights {
padding-bottom: 80px;
}
/* line 89, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .row {
padding-top: 120px;
}
/* line 93, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 98, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 98, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 106, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #CCCCCC;
opacity: 0.5;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 106, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 106, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 106, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 132, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
/* line 136, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h3:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 136, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h3:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 145, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #676AAD;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 152, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a span {
font-weight: 600;
}
/* line 156, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a:hover {
color: #6F4173;
gap: 12px;
}
/* line 161, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a svg path {
stroke: #676AAD;
}
/* line 166, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .accent_color {
color: #676AAD;
}
/* line 170, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 170, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 170, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 184, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-copy {
width: 100%;
position: relative;
z-index: 1;
}
/* line 190, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 480px;
}
/* line 196, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 201, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 212, ../../_src/scss/components/_page_migrate.scss */
.migrate .feature-copy ol li,
.migrate .feature-copy ul li {
margin-bottom: 16px;
}
/* line 218, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
/* line 218, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
/* line 230, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
/* line 230, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 230, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
/* line 242, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
/* line 242, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
/* line 258, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
/* line 262, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
/* line 266, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* line 274, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
/* line 274, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 274, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
/* line 290, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
/* line 296, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
/* line 305, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-alternating-content ol li,
.migrate .section-alternating-content ul li {
margin-bottom: 20px;
}
/* line 310, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 315, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-flows h1, .migrate .section-flows h2, .migrate .section-flows h3, .migrate .section-flows h4, .migrate .section-flows p, .migrate .section-flows li {
color: #ffffff;
}
/* line 319, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-flows ul li {
margin-bottom: 20px;
}
/* line 1, ../../_src/scss/components/_page_payments.scss */
.payments {
background-color: #0A0A0A;
color: white;
}
/* line 5, ../../_src/scss/components/_page_payments.scss */
.payments .accent_color {
color: #73DCB3;
}
/* line 9, ../../_src/scss/components/_page_payments.scss */
.payments .no-break {
white-space: nowrap;
}
/* line 13, ../../_src/scss/components/_page_payments.scss */
.payments h1,
.payments h2,
.payments h3,
.payments h4 {
color: #ffffff;
font-weight: 200;
}
/* line 21, ../../_src/scss/components/_page_payments.scss */
.payments h1 {
font-size: 3rem;
}
/* line 25, ../../_src/scss/components/_page_payments.scss */
.payments h2 {
font-size: 1.75rem;
}
/* line 29, ../../_src/scss/components/_page_payments.scss */
.payments h4 {
font-size: 1.5rem;
}
/* line 33, ../../_src/scss/components/_page_payments.scss */
.payments #system {
background-color: #0A0A0A;
color: #ffffff;
}
/* line 38, ../../_src/scss/components/_page_payments.scss */
.payments .banner {
background-size: auto;
background-repeat: repeat;
background-color: #0A0A0A;
border-bottom: 1px solid #222222;
}
/* line 45, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay::after {
width: 100%;
background: rgba(10, 10, 10, 0.4);
}
@media only screen and (min-width: 64.063em) {
/* line 45, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay::after {
background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 25%, transparent 100%);
}
}
/* line 54, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay::before {
content: "";
display: block;
position: absolute;
width: 100%;
top: 0;
left: 50%;
bottom: 0;
z-index: 2;
mix-blend-mode: overlay;
pointer-events: none;
}
/* line 72, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
}
/* line 81, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay .banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.6;
z-index: 0;
}
/* line 95, ../../_src/scss/components/_page_payments.scss */
.payments .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
/* line 95, ../../_src/scss/components/_page_payments.scss */
.payments .banner .row .columns::before {
display: block;
}
}
/* line 115, ../../_src/scss/components/_page_payments.scss */
.payments .banner .api-code {
position: absolute;
top: 120px;
right: 0;
width: 40%;
height: 100%;
pointer-events: none;
opacity: 0.5;
z-index: 1;
mix-blend-mode: screen;
}
/* line 126, ../../_src/scss/components/_page_payments.scss */
.payments .banner .api-code code {
border: none;
background-color: transparent;
line-height: 1.8;
}
/* line 134, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro {
background-color: #0A0A0A;
color: #ffffff;
border: 1px solid #333333;
}
/* line 139, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro h2 {
margin-bottom: 8px;
}
/* line 143, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro p {
font-size: 1.25rem;
line-height: 1.8;
}
@media only screen and (min-width: 64.063em) {
/* line 134, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro {
position: relative;
background-repeat: no-repeat;
background-position: top right;
}
}
/* line 169, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro .button {
background-color: #57a3cf;
}
/* line 173, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro .flex-row {
padding-right: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 173, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro .flex-row {
padding-right: 80px;
padding-left: 80px;
}
}
/* line 184, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options {
backdrop-filter: blur(1.5px);
background-color: transparent;
color: #ffffff;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}
/* line 192, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options h2 {
margin-bottom: 20px;
}
/* line 196, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options p {
margin-bottom: 10px;
}
/* line 200, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .button {
background-color: #57a3cf;
margin-top: 40px;
}
/* line 205, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 205, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list {
gap: 40px;
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 90.063em) {
/* line 205, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list {
gap: 40px;
grid-template-columns: repeat(6, 1fr);
}
}
/* line 221, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list .api-language {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 20px;
border: 1px solid #333333;
padding: 20px;
border-radius: 16px;
background-color: rgba(10, 10, 10, 0.5);
cursor: pointer;
transition: background-color 0.3s;
}
/* line 232, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list .api-language span {
color: white;
}
/* line 236, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list .api-language:hover {
background-color: #61b6e6;
}
/* line 242, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
/* line 248, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list .quickstart-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 20px;
border: 1px solid #333333;
padding: 20px;
border-radius: 16px;
background-color: rgba(10, 10, 10, 0.5);
cursor: pointer;
transition: background-color 0.3s;
}
/* line 259, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list .quickstart-item span {
color: white;
}
/* line 263, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list .quickstart-item:hover {
background-color: #61b6e6;
}
/* line 269, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
/* line 275, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
border: 1px solid #333333;
padding: 20px;
border-radius: 16px;
background-color: rgba(10, 10, 10, 0.5);
}
/* line 284, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item h3 {
margin-bottom: 0;
font-size: 1.25em;
font-weight: 400;
}
/* line 290, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item .api-event-list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
/* line 298, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item .api-event-list li {
font-family: monospace;
background-color: #333333;
padding: 10px 20px;
border-radius: 8px;
color: #ffffff;
font-size: 0.75rem;
margin: 0;
}
/* line 312, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights {
padding-bottom: 80px;
}
/* line 315, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .row {
padding-top: 120px;
}
/* line 318, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .row:first-child {
padding-top: 240px;
}
/* line 323, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2 {
font-size: 1.75rem;
margin-bottom: 32px;
position: relative;
}
/* line 328, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2:not(:first-of-type) {
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 328, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2:not(:first-of-type) {
margin-top: 48px;
}
}
/* line 336, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 336, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2::after {
left: calc(-1 *(40px + 1.25rem));
}
}
@media only screen and (min-width: 64.063em) {
/* line 336, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2::after {
left: calc(-1 *(80px + 1.25rem));
}
}
@media only screen and (min-width: 90.063em) {
/* line 336, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
}
}
/* line 361, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h3 {
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 16px;
}
/* line 366, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
/* line 366, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h3:not(:first-of-type) {
margin-top: 16px;
}
}
/* line 375, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights ul {
margin-bottom: 32px;
}
/* line 378, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights ul li {
margin-bottom: 16px;
font-size: 1.125rem;
line-height: 1.6;
}
/* line 383, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights ul li:last-child {
margin-bottom: 0;
}
/* line 389, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: #73DCB3;
transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 396, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a:not(:last-child) {
margin-bottom: 16px;
}
/* line 400, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a span {
font-weight: 600;
}
/* line 404, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a:hover {
color: #36AA7F;
gap: 12px;
}
/* line 409, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a svg path {
stroke: #73DCB3;
}
/* line 414, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .accent_color {
color: #73DCB3;
}
/* line 418, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
@media only screen and (min-width: 40.063em) {
/* line 418, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper {
-ms-flex-direction: row;
flex-direction: row;
gap: 64px;
}
}
@media only screen and (min-width: 64.063em) {
/* line 418, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper {
gap: 80px;
}
}
/* line 432, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-copy {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
position: relative;
z-index: 1;
}
/* line 438, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper {
position: relative;
z-index: 10;
width: 100%;
max-width: 540px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
@media only screen and (min-width: 64.063em) {
/* line 438, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 420px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 438, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper {
min-width: 540px;
}
}
/* line 453, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper svg {
width: 100%;
height: auto;
}
/* line 458, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper img {
max-width: 100%;
height: auto;
}
/* line 463, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 10%;
width: calc(100% + 16px);
left: -8px;
padding: 8px;
border-radius: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
/* line 463, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
top: 240px;
}
}
/* line 479, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
width: 100%;
height: 24px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
text-align: left;
}
/* line 491, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
/* line 491, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
top: 64px;
}
}
/* line 501, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
/* line 506, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
width: 16px;
height: 16px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* line 515, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper svg text {
font-family: monospace, sans-serif;
}
/* line 521, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights #section-payments-crypto .crypto-logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
@media only screen and (min-width: 64.063em) {
/* line 521, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights #section-payments-crypto .crypto-logos {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 533, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai {
position: relative;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
overflow: hidden;
}
/* line 539, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../../themes/UltraCart/theme/assets/imgs/2025/ultracart-payments-ai-background.jpg);
background-size: cover;
z-index: 0;
opacity: 0.15;
filter: blur(5px);
}
/* line 558, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
content: "";
width: 100vw;
height: 1px;
background-color: #333333;
mix-blend-mode: multiply;
display: block;
position: absolute;
bottom: -16px;
left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
/* line 558, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
left: calc(-1 *(40px + 1.25rem));
left: -50vw;
}
}
@media only screen and (min-width: 64.063em) {
/* line 558, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
left: calc(-1 *(80px + 1.25rem));
left: -50vw;
}
}
@media only screen and (min-width: 90.063em) {
/* line 558, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
left: -50vw;
}
}
/* line 596, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes.png);
background-size: auto;
background-repeat: repeat;
background-color: #343440;
color: #ffffff;
}
/* line 603, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth h2, .payments .section-auth h3, .payments .section-auth h4, .payments .section-auth p {
color: #ffffff;
}
/* line 606, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth h2 a, .payments .section-auth h3 a, .payments .section-auth h4 a, .payments .section-auth p a {
color: #ffffff;
text-decoration: underline;
}
/* line 612, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth .button {
background-color: transparent;
border: 1px solid #ffffff;
}
/* line 616, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth .button:hover {
background-color: #ffffff;
color: #343440;
}
/* line 624, ../../_src/scss/components/_page_payments.scss */
.payments .section-webhooks p:last-of-type {
margin-bottom: 40px;
}
/* line 628, ../../_src/scss/components/_page_payments.scss */
.payments .section-webhooks .logo-webhook {
display: inline-block;
max-width: 150px;
margin-bottom: 20px;
fill: #333333;
}
@media only screen and (min-width: 40.063em) {
/* line 628, ../../_src/scss/components/_page_payments.scss */
.payments .section-webhooks .logo-webhook {
max-width: none;
}
}
/* line 640, ../../_src/scss/components/_page_payments.scss */
.payments .section-github {
background-image: url(../../themes/UltraCart/theme/assets/imgs/banner-api-cubes-dark.png);
background-size: auto;
background-repeat: repeat;
background-color: #e8e8e8;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* line 648, ../../_src/scss/components/_page_payments.scss */
.payments .section-github .github-logo {
display: inline-block;
width: 100px;
}
/* line 653, ../../_src/scss/components/_page_payments.scss */
.payments .section-github .button {
width: 100%;
}
/* line 656, ../../_src/scss/components/_page_payments.scss */
.payments .section-github .button.outline {
border: 1px solid #333333;
color: #333333;
}
body {
font-family: "Open Sans";
}
p {
font-family: "Open Sans";
}
.integration-featured {
.integration-featured-text-container {
h3, p {
font-family: "Open Sans";
}
}
}
.success {
.banner {
p {
font-family: "Open Sans";
}
}
}
h1, h2, h3, h4, h5 {
font-family: Poppins, brandon-grotesque;
}
button,
.button {
font-family: Poppins, brandon-grotesque;
}
.contact-form {
input[type="submit"] {
font-family: Poppins, brandon-grotesque;
}
}
.pricing {
.price-1,
.price-2,
.price-3,
.price-4 {
.dollar {
font-family: Poppins, brandon-grotesque;
}
.cents {
font-family: Poppins, brandon-grotesque;
}
.months {
font-family: Poppins, brandon-grotesque;
}
}
}
.pci {
.section-security-features {
.accordion .accordion-navigation,
.accordion dd {
&>a {
&::before {
font-family: Poppins, brandon-grotesque;
}
}
}
}
}
/* Task Styles (Note: these moved out of the main.css because of the broken build process) */
.resources.tasks .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2024-banner-tasks-1.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #343440;
}
.resources.tasks .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
.resources.tasks .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
}
}
.resources.tasks .banner .row .columns::before {
display: none;
content: "";
position: absolute;
width: 330px;
height: 329px;
right: 96px;
top: -104px;
}
@media only screen and (min-width: 64.063em) {
.resources.tasks .banner .row .columns::before {
display: block;
}
}
.resources.tasks .banner p {
line-height: 1.75em;
}
.resources.tasks .banner h1 {
font-size: 1.5rem;
margin-bottom: 40px;
}
.tasks .feature-category {
margin-bottom: 20px;
padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
.tasks .feature-category {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
.tasks .feature-category {
margin-bottom: 40px;
}
}
.tasks .feature-category:first-child {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
.tasks .feature-category:first-child {
margin-top: 0;
}
}
.tasks .feature-category.row {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.tasks .feature-category.row:first-of-type {
padding-top: 0;
}
.tasks .feature-category.row .column-graphic {
position: relative;
z-index: 1;
text-align: center;
}
@media only screen and (min-width: 64.063em) {
.tasks .feature-category.row .column-graphic {
text-align: left;
}
}
.tasks .feature-category.row .column-graphic::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
.tasks .feature-category.row .column-graphic::before {
display: none;
}
}
.tasks .feature-category.row .column-graphic img {
opacity: 0.9;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
.tasks .feature-category.row .column-graphic img {
opacity: 1;
}
}
.tasks .feature-category.row .column-content {
position: relative;
z-index: 2;
}
@media only screen and (min-width: 64.063em) {
.tasks .feature-category.row .column-content {
margin-top: 0;
}
}
@media only screen and (min-width: 90.063em) {
.tasks .feature-category.row .column-content {
margin-top: 20px;
}
}
.tasks .feature-category.row .column-content h2 {
color: #343440;
}
@media only screen and (min-width: 64.063em) {
.tasks .feature-category.row .column-content h2 {
margin-bottom: 32px;
}
}
.tasks .section-highlight {
border-radius: 20px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
.tasks .section-highlight {
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
}
.tasks .section-highlight:not(:nth-child(2)) {
margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
.tasks .section-highlight:not(:nth-child(2)) {
margin-top: 80px;
}
}
@media only screen and (min-width: 64.063em) {
.tasks .section-highlight:not(:nth-child(2)) {
margin-top: 120px;
}
}
.tasks .section-highlight .highlight-graphic {
opacity: 0.1;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
.tasks .section-highlight .highlight-graphic {
opacity: 1;
width: 50%;
}
}
.tasks .section-highlight .highlight-graphic.highlight-left {
right: auto;
}
.tasks .section-highlight .highlight-graphic.highlight-right {
left: auto;
}
.tasks .section-highlight .highlight-graphic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.tasks .section-highlight .highlight-content {
position: relative;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
z-index: 2;
}
@media only screen and (min-width: 40.063em) {
.tasks .section-highlight .highlight-content {
margin-top: 40px;
}
}
@media only screen and (min-width: 64.063em) {
.tasks .section-highlight .highlight-content {
margin-top: 80px;
}
}
@media only screen and (min-width: 40.063em) {
.tasks .section-highlight .highlight-content.highlight-left {
padding-left: calc(50% + 80px);
}
}
@media only screen and (min-width: 40.063em) {
.tasks .section-highlight .highlight-content.highlight-right {
padding-right: calc(50% + 80px);
}
}
.tasks .section-alternating-content ol li,
.tasks .section-alternating-content ul li {
margin-bottom: 20px;
}
.tasks .section-flows {
background-color: #343440;
background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
.tasks .section-flows h1, .tasks .section-flows h2, .tasks .section-flows h3, .tasks .section-flows h4, .tasks .section-flows p, .tasks .section-flows li {
color: #ffffff;
}
.tasks .section-flows ul li {
margin-bottom: 20px;
}
/* Articles - Custom Styles 6-26-24 */
body.platform-updates ul.blog-post-list {
list-style: none;
padding: 0;
margin: 0;
}
body.platform-updates ul.blog-post-list li {
position: relative;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 40px;
float: left;
}
body.articles ul.blog-post-list li:first-of-type .featured-post-title {
border-radius: 16px;
overflow: hidden;
}
@media only screen and (min-width: 40.063em) {
body.articles ul.blog-post-list li:first-of-type .featured-post-title {
border-radius: 32px;
}
}
body.articles ul.blog-post-list li:first-of-type .featured-post-title::after {
background: linear-gradient(to bottom, transparent 0, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}
/* body.platform-updates ul.blog-post-list li::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: -24px;
height: 10px;
width: 10px;
border-radius: 10px;
border: 1px solid #e5e5e5;
}
body.platform-updates ul.blog-post-list li::after {
content: "";
display: block;
position: absolute;
top: 22px;
left: -20px;
height: calc(100% + 27px);
width: 1px;
background-color: #e5e5e5;
}
body.platform-updates ul.blog-post-list li h2 {
font-size: 24px;
margin-bottom: 10px;
}
body.platform-updates ul.blog-post-list li h2 a {
color: #333333;
}
body.platform-updates ul.blog-post-list li .blog-post-excerpt {
color: #545454;
}
body.platform-updates ul.blog-post-list li .blog-post-excerpt p:last-of-type {
margin-bottom: 10px;
}
body.platform-updates ul.blog-post-list li sub {
bottom: 0;
color: #8d8d8d;
} */
body.article .banner {
background-size: cover;
}
body.article .banner a {
font-family: "Poppins", sans-serif;
color: rgba(255, 255, 255, 0.6);
}
body.article sub {
bottom: 0;
color: #8d8d8d;
}
body.article h3 {
color: #333;
font-size: 24px;
margin-bottom: 16px;
}
body.article ol li {
margin-bottom: 16px;
}
/* Articles Styles (Note: these moved out of the main.css because of the broken build process) */
/* .articles .banner {
background-image: url(../../themes/UltraCart/theme/assets/imgs/2024-articles-banner-01.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-color: #343440;
}
.articles .banner.overlay::after {
width: 100%;
background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
.articles .banner.overlay::after {
background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
}
} */
.articles .banner h1.catalog-title {
text-align: left;
}
.articles .banner .content {
padding-bottom: 80px;
}
@font-face {
font-family: "icons";
src: url(../../themes/UltraCart/theme/assets/fonts/icons.eot?e5ea27d3b45588d76400e2472e6eb4ec?#iefix) format("embedded-opentype"),
url(../../themes/UltraCart/theme/assets/fonts/icons.woff?e5ea27d3b45588d76400e2472e6eb4ec) format("woff"),
url(../../themes/UltraCart/theme/assets/fonts/icons.ttf?e5ea27d3b45588d76400e2472e6eb4ec) format("truetype"),
url(../../themes/UltraCart/theme/assets/fonts/icons.svg?e5ea27d3b45588d76400e2472e6eb4ec#icons) format("svg");
}
.oi[data-glyph]:empty:before {
line-height: 1;
width: 1em;
text-align: center;
box-sizing: content-box;
}
.oi[data-glyph]:before {
font-family: icons !important;
font-style: normal;
font-weight: normal !important;
vertical-align: top;
display: inline-block;
speak: none;
line-height: 1;
vertical-align: baseline;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscal;
}
.oi[data-glyph="uc-cc-amex"]:before {
content: "\f101";
}
.oi[data-glyph="uc-cc-diners"]:before {
content: "\f102";
}
.oi[data-glyph="uc-cc-discover"]:before {
content: "\f103";
}
.oi[data-glyph="uc-cc-jcb"]:before {
content: "\f104";
}
.oi[data-glyph="uc-cc-mastercard"]:before {
content: "\f105";
}
.oi[data-glyph="uc-cc-visa"]:before {
content: "\f106";
}
.oi[data-glyph="uc-logo-amazon"]:before {
content: "\f107";
}
.oi[data-glyph="uc-logo-paypal"]:before {
content: "\f108";
}
.oi[data-glyph="uc-payment-bitcoin"]:before {
content: "\f109";
}
.oi[data-glyph="uc-payment-echeck"]:before {
content: "\f10a";
}
.oi[data-glyph="uc-social-circle-facebook"]:before {
content: "\f10b";
}
.oi[data-glyph="uc-social-circle-google"]:before {
content: "\f10c";
}
.oi[data-glyph="uc-social-circle-instagram"]:before {
content: "\f10d";
}
.oi[data-glyph="uc-social-circle-linkedin"]:before {
content: "\f10e";
}
.oi[data-glyph="uc-social-circle-pinterest"]:before {
content: "\f10f";
}
.oi[data-glyph="uc-social-circle-tumbler"]:before {
content: "\f110";
}
.oi[data-glyph="uc-social-circle-twitter"]:before {
content: "\f111";
}
.oi[data-glyph="uc-social-circle-youtube"]:before {
content: "\f112";
}
.oi[data-glyph="uc-social-facebook"]:before {
content: "\f113";
}
.oi[data-glyph="uc-social-google"]:before {
content: "\f114";
}
.oi[data-glyph="uc-social-instagram"]:before {
content: "\f115";
}
.oi[data-glyph="uc-social-linkedin"]:before {
content: "\f116";
}
.oi[data-glyph="uc-social-pinterest"]:before {
content: "\f117";
}
.oi[data-glyph="uc-social-twitter"]:before {
content: "\f118";
}
.oi[data-glyph="uc-social-youtube"]:before {
content: "\f119";
}
.oi[data-glyph="uc-star-0-4"]:before {
content: "\f11a";
}
.oi[data-glyph="uc-star-1-4"]:before {
content: "\f11b";
}
.oi[data-glyph="uc-star-2-4"]:before {
content: "\f11c";
}
.oi[data-glyph="uc-star-3-4"]:before {
content: "\f11d";
}
.oi[data-glyph="uc-star-4-4"]:before {
content: "\f11e";
}
.oi[data-glyph="account-login"]:before {
content: "\f11f";
}
.oi[data-glyph="account-logout"]:before {
content: "\f120";
}
.oi[data-glyph="action-redo"]:before {
content: "\f121";
}
.oi[data-glyph="action-undo"]:before {
content: "\f122";
}
.oi[data-glyph="align-center"]:before {
content: "\f123";
}
.oi[data-glyph="align-left"]:before {
content: "\f124";
}
.oi[data-glyph="align-right"]:before {
content: "\f125";
}
.oi[data-glyph="aperture"]:before {
content: "\f126";
}
.oi[data-glyph="arrow-bottom"]:before {
content: "\f127";
}
.oi[data-glyph="arrow-circle-bottom"]:before {
content: "\f128";
}
.oi[data-glyph="arrow-circle-left"]:before {
content: "\f129";
}
.oi[data-glyph="arrow-circle-right"]:before {
content: "\f12a";
}
.oi[data-glyph="arrow-circle-top"]:before {
content: "\f12b";
}
.oi[data-glyph="arrow-left"]:before {
content: "\f12c";
}
.oi[data-glyph="arrow-right"]:before {
content: "\f12d";
}
.oi[data-glyph="arrow-thick-bottom"]:before {
content: "\f12e";
}
.oi[data-glyph="arrow-thick-left"]:before {
content: "\f12f";
}
.oi[data-glyph="arrow-thick-right"]:before {
content: "\f130";
}
.oi[data-glyph="arrow-thick-top"]:before {
content: "\f131";
}
.oi[data-glyph="arrow-top"]:before {
content: "\f132";
}
.oi[data-glyph="audio-spectrum"]:before {
content: "\f133";
}
.oi[data-glyph="audio"]:before {
content: "\f134";
}
.oi[data-glyph="badge"]:before {
content: "\f135";
}
.oi[data-glyph="ban"]:before {
content: "\f136";
}
.oi[data-glyph="bar-chart"]:before {
content: "\f137";
}
.oi[data-glyph="basket"]:before {
content: "\f138";
}
.oi[data-glyph="battery-empty"]:before {
content: "\f139";
}
.oi[data-glyph="battery-full"]:before {
content: "\f13a";
}
.oi[data-glyph="beaker"]:before {
content: "\f13b";
}
.oi[data-glyph="bell"]:before {
content: "\f13c";
}
.oi[data-glyph="bluetooth"]:before {
content: "\f13d";
}
.oi[data-glyph="bold"]:before {
content: "\f13e";
}
.oi[data-glyph="bolt"]:before {
content: "\f13f";
}
.oi[data-glyph="book"]:before {
content: "\f140";
}
.oi[data-glyph="bookmark"]:before {
content: "\f141";
}
.oi[data-glyph="box"]:before {
content: "\f142";
}
.oi[data-glyph="briefcase"]:before {
content: "\f143";
}
.oi[data-glyph="british-pound"]:before {
content: "\f144";
}
.oi[data-glyph="browser"]:before {
content: "\f145";
}
.oi[data-glyph="brush"]:before {
content: "\f146";
}
.oi[data-glyph="bug"]:before {
content: "\f147";
}
.oi[data-glyph="bullhorn"]:before {
content: "\f148";
}
.oi[data-glyph="calculator"]:before {
content: "\f149";
}
.oi[data-glyph="calendar"]:before {
content: "\f14a";
}
.oi[data-glyph="camera-slr"]:before {
content: "\f14b";
}
.oi[data-glyph="caret-bottom"]:before {
content: "\f14c";
}
.oi[data-glyph="caret-left"]:before {
content: "\f14d";
}
.oi[data-glyph="caret-right"]:before {
content: "\f14e";
}
.oi[data-glyph="caret-top"]:before {
content: "\f14f";
}
.oi[data-glyph="cart"]:before {
content: "\f150";
}
.oi[data-glyph="chat"]:before {
content: "\f151";
}
.oi[data-glyph="check"]:before {
content: "\f152";
}
.oi[data-glyph="chevron-bottom"]:before {
content: "\f153";
}
.oi[data-glyph="chevron-left"]:before {
content: "\f154";
}
.oi[data-glyph="chevron-right"]:before {
content: "\f155";
}
.oi[data-glyph="chevron-top"]:before {
content: "\f156";
}
.oi[data-glyph="circle-check"]:before {
content: "\f157";
}
.oi[data-glyph="circle-x"]:before {
content: "\f158";
}
.oi[data-glyph="clipboard"]:before {
content: "\f159";
}
.oi[data-glyph="clock"]:before {
content: "\f15a";
}
.oi[data-glyph="cloud-download"]:before {
content: "\f15b";
}
.oi[data-glyph="cloud-upload"]:before {
content: "\f15c";
}
.oi[data-glyph="cloud"]:before {
content: "\f15d";
}
.oi[data-glyph="cloudy"]:before {
content: "\f15e";
}
.oi[data-glyph="code"]:before {
content: "\f15f";
}
.oi[data-glyph="cog"]:before {
content: "\f160";
}
.oi[data-glyph="collapse-down"]:before {
content: "\f161";
}
.oi[data-glyph="collapse-left"]:before {
content: "\f162";
}
.oi[data-glyph="collapse-right"]:before {
content: "\f163";
}
.oi[data-glyph="collapse-up"]:before {
content: "\f164";
}
.oi[data-glyph="command"]:before {
content: "\f165";
}
.oi[data-glyph="comment-square"]:before {
content: "\f166";
}
.oi[data-glyph="compass"]:before {
content: "\f167";
}
.oi[data-glyph="contrast"]:before {
content: "\f168";
}
.oi[data-glyph="copywriting"]:before {
content: "\f169";
}
.oi[data-glyph="credit-card"]:before {
content: "\f16a";
}
.oi[data-glyph="crop"]:before {
content: "\f16b";
}
.oi[data-glyph="dashboard"]:before {
content: "\f16c";
}
.oi[data-glyph="data-transfer-download"]:before {
content: "\f16d";
}
.oi[data-glyph="data-transfer-upload"]:before {
content: "\f16e";
}
.oi[data-glyph="delete"]:before {
content: "\f16f";
}
.oi[data-glyph="dial"]:before {
content: "\f170";
}
.oi[data-glyph="document"]:before {
content: "\f171";
}
.oi[data-glyph="dollar"]:before {
content: "\f172";
}
.oi[data-glyph="double-quote-sans-left"]:before {
content: "\f173";
}
.oi[data-glyph="double-quote-sans-right"]:before {
content: "\f174";
}
.oi[data-glyph="double-quote-serif-left"]:before {
content: "\f175";
}
.oi[data-glyph="double-quote-serif-right"]:before {
content: "\f176";
}
.oi[data-glyph="droplet"]:before {
content: "\f177";
}
.oi[data-glyph="eject"]:before {
content: "\f178";
}
.oi[data-glyph="elevator"]:before {
content: "\f179";
}
.oi[data-glyph="ellipses"]:before {
content: "\f17a";
}
.oi[data-glyph="envelope-closed"]:before {
content: "\f17b";
}
.oi[data-glyph="envelope-open"]:before {
content: "\f17c";
}
.oi[data-glyph="euro"]:before {
content: "\f17d";
}
.oi[data-glyph="excerpt"]:before {
content: "\f17e";
}
.oi[data-glyph="expand-down"]:before {
content: "\f17f";
}
.oi[data-glyph="expand-left"]:before {
content: "\f180";
}
.oi[data-glyph="expand-right"]:before {
content: "\f181";
}
.oi[data-glyph="expand-up"]:before {
content: "\f182";
}
.oi[data-glyph="external-link"]:before {
content: "\f183";
}
.oi[data-glyph="eye"]:before {
content: "\f184";
}
.oi[data-glyph="eyedropper"]:before {
content: "\f185";
}
.oi[data-glyph="file"]:before {
content: "\f186";
}
.oi[data-glyph="fire"]:before {
content: "\f187";
}
.oi[data-glyph="flag"]:before {
content: "\f188";
}
.oi[data-glyph="flash"]:before {
content: "\f189";
}
.oi[data-glyph="folder"]:before {
content: "\f18a";
}
.oi[data-glyph="fork"]:before {
content: "\f18b";
}
.oi[data-glyph="fullscreen-enter"]:before {
content: "\f18c";
}
.oi[data-glyph="fullscreen-exit"]:before {
content: "\f18d";
}
.oi[data-glyph="globe"]:before {
content: "\f18e";
}
.oi[data-glyph="graph"]:before {
content: "\f18f";
}
.oi[data-glyph="grid-four-up"]:before {
content: "\f190";
}
.oi[data-glyph="grid-three-up"]:before {
content: "\f191";
}
.oi[data-glyph="grid-two-up"]:before {
content: "\f192";
}
.oi[data-glyph="hard-drive"]:before {
content: "\f193";
}
.oi[data-glyph="header"]:before {
content: "\f194";
}
.oi[data-glyph="headphones"]:before {
content: "\f195";
}
.oi[data-glyph="heart"]:before {
content: "\f196";
}
.oi[data-glyph="home"]:before {
content: "\f197";
}
.oi[data-glyph="image"]:before {
content: "\f198";
}
.oi[data-glyph="inbox"]:before {
content: "\f199";
}
.oi[data-glyph="infinity"]:before {
content: "\f19a";
}
.oi[data-glyph="info"]:before {
content: "\f19b";
}
.oi[data-glyph="italic"]:before {
content: "\f19c";
}
.oi[data-glyph="justify-center"]:before {
content: "\f19d";
}
.oi[data-glyph="justify-left"]:before {
content: "\f19e";
}
.oi[data-glyph="justify-right"]:before {
content: "\f19f";
}
.oi[data-glyph="key"]:before {
content: "\f1a0";
}
.oi[data-glyph="laptop"]:before {
content: "\f1a1";
}
.oi[data-glyph="layers"]:before {
content: "\f1a2";
}
.oi[data-glyph="lightbulb"]:before {
content: "\f1a3";
}
.oi[data-glyph="link-broken"]:before {
content: "\f1a4";
}
.oi[data-glyph="link-intact"]:before {
content: "\f1a5";
}
.oi[data-glyph="list-rich"]:before {
content: "\f1a6";
}
.oi[data-glyph="list"]:before {
content: "\f1a7";
}
.oi[data-glyph="location"]:before {
content: "\f1a8";
}
.oi[data-glyph="lock-locked"]:before {
content: "\f1a9";
}
.oi[data-glyph="lock-unlocked"]:before {
content: "\f1aa";
}
.oi[data-glyph="loop-circular"]:before {
content: "\f1ab";
}
.oi[data-glyph="loop-square"]:before {
content: "\f1ac";
}
.oi[data-glyph="loop"]:before {
content: "\f1ad";
}
.oi[data-glyph="magnifying-glass"]:before {
content: "\f1ae";
}
.oi[data-glyph="map-marker"]:before {
content: "\f1af";
}
.oi[data-glyph="map"]:before {
content: "\f1b0";
}
.oi[data-glyph="media-pause"]:before {
content: "\f1b1";
}
.oi[data-glyph="media-play"]:before {
content: "\f1b2";
}
.oi[data-glyph="media-record"]:before {
content: "\f1b3";
}
.oi[data-glyph="media-skip-backward"]:before {
content: "\f1b4";
}
.oi[data-glyph="media-skip-forward"]:before {
content: "\f1b5";
}
.oi[data-glyph="media-step-backward"]:before {
content: "\f1b6";
}
.oi[data-glyph="media-step-forward"]:before {
content: "\f1b7";
}
.oi[data-glyph="media-stop"]:before {
content: "\f1b8";
}
.oi[data-glyph="medical-cross"]:before {
content: "\f1b9";
}
.oi[data-glyph="menu"]:before {
content: "\f1ba";
}
.oi[data-glyph="microphone"]:before {
content: "\f1bb";
}
.oi[data-glyph="minus"]:before {
content: "\f1bc";
}
.oi[data-glyph="monitor"]:before {
content: "\f1bd";
}
.oi[data-glyph="moon"]:before {
content: "\f1be";
}
.oi[data-glyph="move"]:before {
content: "\f1bf";
}
.oi[data-glyph="musical-note"]:before {
content: "\f1c0";
}
.oi[data-glyph="paperclip"]:before {
content: "\f1c1";
}
.oi[data-glyph="pencil"]:before {
content: "\f1c2";
}
.oi[data-glyph="people"]:before {
content: "\f1c3";
}
.oi[data-glyph="person"]:before {
content: "\f1c4";
}
.oi[data-glyph="phone"]:before {
content: "\f1c5";
}
.oi[data-glyph="pie-chart"]:before {
content: "\f1c6";
}
.oi[data-glyph="pin"]:before {
content: "\f1c7";
}
.oi[data-glyph="play-circle"]:before {
content: "\f1c8";
}
.oi[data-glyph="plus"]:before {
content: "\f1c9";
}
.oi[data-glyph="power-standby"]:before {
content: "\f1ca";
}
.oi[data-glyph="print"]:before {
content: "\f1cb";
}
.oi[data-glyph="project"]:before {
content: "\f1cc";
}
.oi[data-glyph="pulse"]:before {
content: "\f1cd";
}
.oi[data-glyph="puzzle-piece"]:before {
content: "\f1ce";
}
.oi[data-glyph="question-mark"]:before {
content: "\f1cf";
}
.oi[data-glyph="rain"]:before {
content: "\f1d0";
}
.oi[data-glyph="random"]:before {
content: "\f1d1";
}
.oi[data-glyph="reload"]:before {
content: "\f1d2";
}
.oi[data-glyph="resize-both"]:before {
content: "\f1d3";
}
.oi[data-glyph="resize-height"]:before {
content: "\f1d4";
}
.oi[data-glyph="resize-width"]:before {
content: "\f1d5";
}
.oi[data-glyph="rss-alt"]:before {
content: "\f1d6";
}
.oi[data-glyph="rss"]:before {
content: "\f1d7";
}
.oi[data-glyph="script"]:before {
content: "\f1d8";
}
.oi[data-glyph="share-boxed"]:before {
content: "\f1d9";
}
.oi[data-glyph="share"]:before {
content: "\f1da";
}
.oi[data-glyph="shield"]:before {
content: "\f1db";
}
.oi[data-glyph="signal"]:before {
content: "\f1dc";
}
.oi[data-glyph="signpost"]:before {
content: "\f1dd";
}
.oi[data-glyph="sort-ascending"]:before {
content: "\f1de";
}
.oi[data-glyph="sort-descending"]:before {
content: "\f1df";
}
.oi[data-glyph="spreadsheet"]:before {
content: "\f1e0";
}
.oi[data-glyph="star"]:before {
content: "\f1e1";
}
.oi[data-glyph="sun"]:before {
content: "\f1e2";
}
.oi[data-glyph="tablet"]:before {
content: "\f1e3";
}
.oi[data-glyph="tag"]:before {
content: "\f1e4";
}
.oi[data-glyph="tags"]:before {
content: "\f1e5";
}
.oi[data-glyph="target"]:before {
content: "\f1e6";
}
.oi[data-glyph="task"]:before {
content: "\f1e7";
}
.oi[data-glyph="terminal"]:before {
content: "\f1e8";
}
.oi[data-glyph="text"]:before {
content: "\f1e9";
}
.oi[data-glyph="thumb-down"]:before {
content: "\f1ea";
}
.oi[data-glyph="thumb-up"]:before {
content: "\f1eb";
}
.oi[data-glyph="timer"]:before {
content: "\f1ec";
}
.oi[data-glyph="transfer"]:before {
content: "\f1ed";
}
.oi[data-glyph="trash"]:before {
content: "\f1ee";
}
.oi[data-glyph="underline"]:before {
content: "\f1ef";
}
.oi[data-glyph="vertical-align-bottom"]:before {
content: "\f1f0";
}
.oi[data-glyph="vertical-align-center"]:before {
content: "\f1f1";
}
.oi[data-glyph="vertical-align-top"]:before {
content: "\f1f2";
}
.oi[data-glyph="video"]:before {
content: "\f1f3";
}
.oi[data-glyph="volume-high"]:before {
content: "\f1f4";
}
.oi[data-glyph="volume-low"]:before {
content: "\f1f5";
}
.oi[data-glyph="volume-off"]:before {
content: "\f1f6";
}
.oi[data-glyph="warning"]:before {
content: "\f1f7";
}
.oi[data-glyph="wifi"]:before {
content: "\f1f8";
}
.oi[data-glyph="wrench"]:before {
content: "\f1f9";
}
.oi[data-glyph="x"]:before {
content: "\f1fa";
}
.oi[data-glyph="yen"]:before {
content: "\f1fb";
}
.oi[data-glyph="zoom-in"]:before {
content: "\f1fc";
}
.oi[data-glyph="zoom-out"]:before {
content: "\f1fd";
}
.oi[data-glyph="uc-social-tumblr"]:before {
content: "\f1fe";
}
.oi[data-glyph="door-open"]:before {
content: "\f1ff";
}
.oi[data-glyph="door-closed"]:before {
content: "\f200";
}
.oi[data-glyph="bulb-on"]:before {
content: "\f201";
}
.oi[data-glyph="bulb-off"]:before {
content: "\f202";
}
.oi[data-glyph="eye-off"]:before {
content: "\f203";
}
.oi[data-glyph="css"]:before {
content: "\f204";
}
.oi[data-glyph="heart-outline"]:before {
content: "\f205";
}
.oi[data-glyph="uc-pin"]:before {
content: "\f206";
}
.oi[data-glyph="uc-unpin"]:before {
content: "\f207";
}
.oi[data-glyph="logo-icon-uc"]:before {
content: "\f208";
}
.oi[data-glyph="logo-icon-amazon"]:before {
content: "\f209";
}
.oi[data-glyph="logo-icon-paypal"]:before {
content: "\f20a";
}
.oi[data-glyph="logo-icon-wordpress"]:before {
content: "\f20b";
}