html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Geist;
src: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6947694cbe882251700219b1_GeistAlternativeVariable-VF.ttf") format("truetype");
font-weight: 100 1100;
font-style: normal;
font-display: block;
}
@font-face {
font-family: Happy Times;
src: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6947694cbe882251700219af_happy-times-NG_italic_master.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: block;
}
@font-face {
font-family: Happy Times;
src: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6947694cbe882251700219b2_happy-times-NG_regular_master.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: Happy Times;
src: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6947694cbe882251700219b0_happy-times-NG_bold_master.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: block;
}
:root {
--grey-80: #222c;
--grey-100: #222;
--grey-20: #2223;
--parchment: #f4f3f1;
--redii-purple: #606df1;
--white-90: #ffffffe6;
--white-100: white;
--white-20: #fff3;
--grey-10: #2222221a;
--primary-1\: #1a744e;
--border\: #0000001a;
--white\: white;
--pastel-1: #ffe6e5;
--pastel-2: #fff5d6;
--pastel-3: #e3f5e8;
--pastel-4: #e5ebff;
--grey-60-copy: #2229;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
.w-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformbutton {
text-align: center;
width: 100%;
}
.w-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.w-users-userformheader {
text-align: center;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-users-usersignupverificationmessage {
display: none;
}
.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
.w-users-useraccountsubscriptionlist {
-webkit-overflow-scrolling: touch;
flex: 1;
overflow: auto;
}
.w-users-useraccountsubscriptionlistitem {
align-items: flex-start;
display: flex;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-users-gridrow {
grid-column-gap: 8px;
grid-template-columns: auto auto;
justify-content: flex-start;
display: grid;
}
.w-users-flexcolumn {
flex-direction: column;
display: flex;
}
.w-users-useraccountsubscriptioncancelbutton {
color: #3898ec;
cursor: pointer;
appearance: none;
background-color: #0000;
padding: 0;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
@media screen and (max-width: 767px) {
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: var(--grey-80);
font-variation-settings: "wght" 450;
letter-spacing: -.005em;
font-family: Geist, sans-serif;
font-size: 16px;
line-height: 1.35em;
}
h1 {
color: var(--grey-100);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Happy Times, sans-serif;
font-size: 64px;
font-weight: 400;
line-height: 1em;
}
h2 {
color: var(--grey-100);
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Happy Times, sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 1.15em;
}
h3 {
color: var(--grey-100);
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Happy Times, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.25em;
}
h4 {
color: var(--grey-100);
font-variation-settings: "wght" 600;
margin-top: 0;
margin-bottom: 0;
font-family: Geist, sans-serif;
font-size: 23px;
line-height: 1.3em;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
p {
margin-bottom: 0;
}
a {
color: var(--grey-100);
font-variation-settings: "wght" 550;
font-weight: 400;
text-decoration: none;
}
ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5em;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
max-width: 100%;
height: auto;
display: inline-block;
}
label {
color: var(--grey-100);
font-variation-settings: "wght" 600;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
display: block;
}
strong {
font-weight: bold;
}
blockquote {
border-left: 1px solid var(--grey-20);
margin-bottom: 0;
padding: 24px 0 24px 36px;
font-family: Happy Times, sans-serif;
font-size: 23px;
font-style: italic;
line-height: 1.4em;
}
figure {
margin-bottom: 10px;
}
figcaption {
text-align: center;
margin-top: 9px;
font-size: 14px;
}
.section {
padding-top: 96px;
padding-bottom: 96px;
}
.section.blog {
padding-bottom: 0;
}
.section.bg-parchment, .section.checkout {
background-color: var(--parchment);
}
.section.contained-hero-section {
padding-top: 24px;
padding-bottom: 0;
}
.section.horizontal-hero {
padding-top: 60px;
}
.section.inverse {
background-color: #222;
}
.section.inverse.investors {
padding-top: 60px;
padding-bottom: 60px;
}
.section.blog-continue-reading {
padding-top: 0;
padding-bottom: 0;
}
.container---main {
width: 100%;
max-width: 1414px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.container---main.account {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.container---main.founder-photos {
max-width: 54%;
}
.container---main.pricing {
justify-content: center;
display: flex;
position: static;
}
.container---main.flexible-rewards {
background-color: #f5f3f5;
border-radius: 20px;
width: 90%;
max-width: 1100px;
padding-left: 0;
padding-right: 0;
}
.style-guide {
grid-row-gap: 112px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.style-guide.changes {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.template-utility-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: .33fr 1fr;
}
.style-guide-colors {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
display: flex;
}
.style-guide-section-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
place-items: start;
}
.style-guide-section-contents.form {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-items: stretch;
}
.large-text {
letter-spacing: -.01em;
font-size: 23px;
line-height: 1.3em;
}
.large-text.single-plan-description {
max-width: 323px;
}
.large-text ul {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
padding-left: 1.3em;
display: flex;
}
.large-text.pricing-description {
font-size: 18px;
}
.large-text.pricing-list-details-header {
color: var(--grey-80);
font-variation-settings: "wght" 600;
text-align: left;
font-size: 18px;
}
.small-text {
font-size: 14px;
line-height: 1.35em;
}
.small-text.muted {
opacity: .7;
}
.small-text.form-disclaimer {
max-width: 323px;
}
.button {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-20);
background-color: var(--redii-purple);
color: #fff;
font-variation-settings: "wght" 550;
text-align: center;
border-radius: 7px;
justify-content: center;
align-items: center;
padding: 12px 16px;
transition: border-color .2s, background-color .2s, filter .2s;
display: flex;
}
.button:hover {
border-color: var(--grey-100);
filter: invert();
background-color: #000;
}
.button.small {
grid-column-gap: 18px;
grid-row-gap: 18px;
padding: 8px 12px;
}
.button.invert {
border-color: var(--grey-100);
filter: invert();
background-color: #000;
}
.button.invert:hover {
border-color: var(--grey-20);
background-color: var(--grey-100);
filter: invert(0%);
}
.button.invert.black-background:hover {
border-color: var(--white-90);
}
.button.nav-button {
font-weight: 400;
}
.button.nav-button.small {
background-color: var(--redii-purple);
}
.button.nav-button.small:hover {
background-color: var(--white-90);
filter: none;
color: #222;
}
.button.mobile-button {
display: none;
}
.button.align-left {
align-self: flex-start;
}
.button.bg-white {
border-color: var(--white-100);
background-color: var(--white-100);
color: var(--grey-100);
}
.button.bg-white:hover {
background-color: var(--white-90);
filter: none;
}
.button.white-border {
border-color: var(--white-20);
}
.button.white-bordered {
border-color: var(--white-20);
background-color: #0000;
}
.button.white-bordered:hover {
background-color: #000;
}
.button.wide {
align-self: stretch;
}
.form-block {
margin-bottom: 0;
}
.form-input {
border: 1px solid var(--grey-10);
background-color: var(--white-100);
height: auto;
color: var(--grey-100);
border-radius: 7px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 16px;
line-height: 1.35em;
transition: box-shadow .2s, border-color .2s;
}
.form-input:focus, .form-input.-wfp-focus {
border-color: var(--grey-20);
box-shadow: 0 2px 6px #00000012;
}
.form-input::placeholder {
color: #222222b3;
}
.form-input.text-area {
min-height: 180px;
}
.form-input.bg-white {
background-color: var(--white-20);
color: var(--white-100);
border-style: none;
}
.form-input.bg-white::placeholder {
color: #ffffffb3;
}
.form-input.checkout-input {
min-height: 42px;
margin-bottom: 24px;
}
.form-grid {
grid-column-gap: 16px;
grid-row-gap: 21px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.selectable-field {
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.selectable-label {
font-variation-settings: "wght" 450;
margin-bottom: 0;
margin-left: 12px;
font-weight: 400;
}
.footer {
padding-top: 72px;
padding-bottom: 72px;
}
.back-to-top-button {
z-index: 10;
background-color: var(--primary-1\);
width: 56px;
height: 56px;
position: fixed;
bottom: 14px;
right: 14px;
}
.announcement-bar {
background-color: var(--grey-100);
color: #fff;
align-items: center;
font-size: 14px;
font-weight: 400;
display: flex;
overflow: hidden;
}
.announcement-cross {
cursor: pointer;
max-height: 20px;
transition: opacity .2s;
display: block;
}
.announcement-cross:hover {
opacity: .5;
}
.announcement-contents {
align-items: center;
display: flex;
}
.trigger-search-modal {
margin-left: 0;
margin-right: 0;
padding: 0;
transition: opacity .2s;
}
.trigger-search-modal:hover {
opacity: .5;
}
.trigger-search-modal.nav-link {
font-weight: 400;
}
.search-modal {
z-index: 9999;
justify-content: center;
display: none;
position: fixed;
inset: 0%;
overflow: visible;
}
.search-modal-screen {
background-color: #00000080;
position: absolute;
inset: 0%;
}
.utility-page-wrap {
background-color: var(--parchment);
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
flex: 1;
align-items: center;
width: 260px;
margin-bottom: 0;
padding-left: 18px;
padding-right: 18px;
display: flex;
}
.utility-page-form {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 555px;
display: flex;
}
.search-modal-container {
width: 100%;
max-width: 555px;
position: relative;
}
.select-wrapper {
border: 1px solid var(--grey-20);
background-color: var(--white-100);
border-radius: 7px;
padding: 7px;
overflow: hidden;
}
.select-field {
width: 110%;
height: auto;
color: var(--grey-100);
letter-spacing: -.005em;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6947694cbe882251700219a4_icon-select-arrow.svg");
background-position: 90%;
background-repeat: no-repeat;
background-size: 16px 16px;
border: 1px #000;
margin-bottom: 0;
padding-left: 0;
font-size: 16px;
line-height: 1.34em;
}
.checkbox {
border-color: var(--grey-20);
cursor: pointer;
background-color: #fff;
flex: none;
width: 20px;
height: 20px;
margin-top: 0;
margin-left: 0;
}
.checkbox.w--redirected-checked {
background-color: var(--grey-100);
background-size: 12px 12px;
}
.radio {
border-color: var(--border\);
background-color: var(--white\);
cursor: pointer;
width: 20px;
height: 20px;
margin-top: 0;
margin-left: 0;
}
.radio.w--redirected-checked {
border-width: 6px;
border-color: var(--grey-100);
background-color: #fff;
}
.style-guide-row-heading {
font-variation-settings: "wght" 600;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.35em;
}
.announcement-text {
flex: 1;
padding-top: 14px;
padding-bottom: 14px;
}
.form-success {
background-color: var(--grey-10);
border-radius: 10px;
}
.form-error {
color: var(--grey-100);
border-radius: 6px;
}
.menu-button {
padding: 0;
}
.menu-button-wrapper {
justify-content: center;
width: 36px;
height: 48px;
display: flex;
position: relative;
}
.menu-button-horziontal {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.menu-button-cross {
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.menu-button-cross-line {
background-color: #262626;
width: 75%;
height: 2px;
position: absolute;
}
.menu-button-horizontal-line {
background-color: #262626;
width: 100%;
height: 2px;
}
.navbar-wrapper {
z-index: 99;
background-color: var(--white-100);
position: sticky;
top: 0;
}
.navbar {
background-color: #0000;
}
.navbar-row {
grid-column-gap: 36px;
grid-row-gap: 36px;
justify-content: space-between;
align-items: center;
height: 70px;
display: flex;
}
.changelog {
grid-template-rows: auto;
grid-template-columns: .33fr 1fr;
align-items: center;
}
.photography-license-link {
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
}
.license-image {
opacity: .5;
}
.license-text {
z-index: 2;
color: #fff;
position: absolute;
}
.typography-license-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
}
.typography-demo {
font-family: Happy Times, sans-serif;
font-size: 96px;
line-height: 1em;
}
.typography-demo.b {
font-family: Geist, sans-serif;
}
.iconography-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
}
.nav-link {
color: var(--grey-100);
margin-left: 0;
margin-right: 0;
padding: 0;
transition: opacity .2s;
}
.nav-link:hover {
opacity: .5;
}
.nav-link.w--current {
color: var(--grey-100);
font-weight: 400;
}
.nav-link.dropdown:hover {
opacity: 1;
}
.dropdown-toggle {
grid-column-gap: 4px;
grid-row-gap: 4px;
font-variation-settings: "wght" 550;
align-items: center;
padding: 0;
transition: opacity .2s;
display: flex;
}
.dropdown-toggle:hover {
opacity: .5;
}
.nav-menu {
flex: none;
}
.nav-links {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.mobile-logo {
display: none;
}
.style-guide-description {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.navbar-right-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.nav-menu-close {
z-index: 99999;
background-color: var(--white-100);
opacity: 0;
pointer-events: none;
cursor: pointer;
border-radius: 50%;
width: 48px;
height: 48px;
padding: 12px;
display: none;
position: fixed;
top: 24px;
right: 24px;
box-shadow: 0 1px 4px #00000012;
}
.style-guide-colour-group {
display: flex;
}
.style-guide-colour {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
flex: 1;
display: flex;
}
.style-guide-swatch {
height: 100px;
}
.style-guide-swatch.bg-grey-100 {
background-color: var(--grey-100);
}
.style-guide-swatch.bg-grey-80 {
background-color: var(--grey-80);
}
.style-guide-swatch.bg-grey-20 {
background-color: var(--grey-20);
}
.style-guide-swatch.bg-grey-10 {
background-color: var(--grey-10);
}
.style-guide-swatch.bg-pastel-1 {
background-color: var(--pastel-1);
}
.style-guide-swatch.bg-pastel-2 {
background-color: var(--pastel-2);
}
.style-guide-swatch.bg-pastel-3 {
background-color: var(--pastel-3);
}
.style-guide-swatch.bg-pastel-4 {
background-color: var(--pastel-4);
}
.heading-one {
color: var(--grey-100);
letter-spacing: -.02em;
font-family: Happy Times, sans-serif;
font-size: 64px;
font-weight: 400;
line-height: 1em;
}
.heading-two {
color: var(--grey-100);
letter-spacing: -.01em;
font-family: Happy Times, sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 1.15em;
}
.heading-two.comparison-price.pricing {
color: var(--white-90);
}
.heading-two.italic {
font-style: italic;
}
.heading-two.investors {
color: var(--white-90);
}
.heading-three {
color: var(--grey-100);
letter-spacing: -.01em;
font-family: Happy Times, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.25em;
}
.heading-three.quote {
font-style: italic;
}
.heading-three.investors {
color: var(--white-90);
}
.heading-four {
min-height: 100px;
color: var(--grey-100);
font-variation-settings: "wght" 600;
justify-content: flex-start;
align-items: center;
font-size: 23px;
line-height: 1.3em;
display: flex;
}
.heading-four.serif {
letter-spacing: -.01em;
font-family: Happy Times, sans-serif;
font-weight: 400;
}
.heading-four.serif.italic {
font-style: italic;
}
.heading-four.serif.comparison-price-dollar.pricing {
min-height: 20px;
color: var(--white-90);
}
.heading-four.serif.dollar-white {
color: var(--white-100);
}
.heading-four.serif.about-us---founders {
min-height: 20px;
}
.heading-four.comparison-section-heading {
margin-bottom: 24px;
}
.heading-four.comparison-section-heading.pricing {
color: var(--white-90);
}
.heading-four.comparison-section-heading.pricing.top {
margin-bottom: 0;
}
.heading-four.comparison-section-heading.pricing.header {
align-items: flex-end;
height: 100%;
min-height: 40px;
}
.heading-four.inverse {
color: var(--white-90);
}
.heading-four.investors {
color: var(--white-90);
font-family: Geist, sans-serif;
}
.heading-four.logo-marquee {
color: var(--grey-80);
font-variation-settings: "wght" 450;
}
.heading-four.retirement, .heading-four.deferred-compensation {
min-height: 70px;
}
.underlined-link {
flex-direction: column;
transition: color .2s;
display: flex;
position: relative;
}
.underlined-link:hover {
color: var(--grey-80);
}
.arrow-right-link, .arrow-down-link {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
display: flex;
}
.small-link {
color: var(--grey-80);
font-variation-settings: "wght" 450;
text-decoration: underline;
}
.nav-menu-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: 1;
align-items: center;
display: flex;
}
.nav-cart-button {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: var(--grey-100);
background-color: #0000;
padding: 0;
font-weight: 400;
transition: opacity .2s;
}
.nav-cart-button:hover {
opacity: .5;
}
.cart-quantity-wrapper {
align-items: center;
display: flex;
}
.cart-quantity {
min-width: auto;
height: auto;
color: var(--grey-100);
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.35em;
}
.dropdown-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--white-100);
border-radius: 10px;
padding: 12px;
display: flex;
position: relative;
top: 18px;
right: 18px;
box-shadow: 0 3px 24px #0000001f;
}
.dropdown-wrapper.w--open, .dropdown.w--open {
background-color: #0000;
}
.dropdown-wide-column {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
width: 330px;
padding: 24px 9px 9px;
display: flex;
}
.dropdown-wide-column.bg-parchment {
background-color: var(--parchment);
border-radius: 10px;
}
.text-bold {
color: var(--grey-100);
font-variation-settings: "wght" 600;
}
.text-bold.dropdown-title {
margin-bottom: 9px;
margin-left: 9px;
}
.text-bold.comparison-plan-heading.pricing {
color: var(--white-90);
}
.text-bold.comparison-plan-heading.pricing.header {
margin-bottom: 20px;
font-size: 22px;
}
.dropdown-detailed-link {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: var(--grey-80);
font-variation-settings: "wght" 450;
border: 1px solid #0000;
border-radius: 7px;
align-items: flex-start;
padding: 18px 24px 18px 12px;
transition: transform .2s, box-shadow .2s, background-color .2s, border-color .2s;
display: flex;
}
.dropdown-detailed-link:hover {
border-color: var(--grey-10);
background-color: var(--white-20);
transform: scale(1.03);
box-shadow: 0 2px 8px #00000017;
}
.dropdown-link-icon {
width: 32px;
}
.dropdown-link-text {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.dropdown-narrow-column {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
align-items: flex-start;
width: 250px;
padding: 24px 18px 9px;
display: flex;
}
.dropdown-narrow-column.even-padding {
width: 200px;
padding-top: 9px;
}
.dropdown-links {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
flex: 1;
align-items: flex-start;
display: flex;
}
.dropdown-link {
transition: opacity .2s;
}
.dropdown-link:hover {
opacity: .5;
}
.cart-header {
border-bottom-style: none;
padding: 24px 24px 0;
}
.cart-footer {
padding: 24px;
}
.cart-container {
border-radius: 10px;
box-shadow: 0 6px 24px #0000001a;
}
.close-button {
cursor: pointer;
width: auto;
height: auto;
}
.form-input-group {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
display: flex;
}
.text-white {
color: var(--white-100);
}
.text-white.link {
text-decoration: underline;
}
.footer-wrapper {
grid-column-gap: 84px;
grid-row-gap: 84px;
flex-direction: column;
display: flex;
}
.horizontal-line {
background-color: var(--grey-10);
width: 100%;
height: 1px;
}
.footer-top-row {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.container---xs {
width: 100%;
max-width: 323px;
}
.container---xs.footer-cta {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.container---l {
width: 100%;
max-width: 902px;
}
.footer-logo-tagline {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-cta {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-menus-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.footer-menu-column {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
flex: 1;
align-items: stretch;
display: flex;
}
.footer-links {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-link {
color: var(--grey-80);
font-variation-settings: "wght" 450;
transition: opacity .2s;
}
.footer-link:hover {
opacity: .5;
}
.footer-contact {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-bottom-row {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-copyright-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
opacity: .7;
align-items: center;
display: flex;
}
.social-links {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.social-link {
border: 1px solid var(--grey-100);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
transition: border-color .2s, background-color .2s, filter .2s;
display: flex;
}
.social-link:hover {
border-color: var(--white-100);
background-color: var(--white-100);
filter: contrast(200%) invert();
}
.social-link-icon {
width: 16px;
height: 16px;
}
.search-modal-form {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--white-100);
border-radius: 10px;
margin-bottom: 0;
padding: 12px;
display: flex;
position: relative;
top: 64px;
box-shadow: 0 2px 12px #0003;
}
.about-hero-wrapper {
grid-column-gap: 96px;
grid-row-gap: 96px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.container---m {
width: 100%;
max-width: 671px;
}
.container---m.align-center {
margin-left: auto;
margin-right: auto;
}
.container---m.title {
grid-column-gap: 36px;
grid-row-gap: 36px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.container---m.title.founders {
max-width: 800px;
}
.container---m.blog-article {
max-width: 900px;
}
.container---m.pricing-header {
max-width: 600px;
}
.container---m.about-us-header1 {
max-width: 750px;
}
.container---m.deferred-compensation {
max-width: 700px;
}
.container---m.health-insurance, .container---m.benefits-admin {
max-width: 750px;
}
.container---m.international-pension-plan {
max-width: 740px;
}
.about-photo-video {
flex-direction: column;
align-items: center;
display: flex;
}
.about-photos {
flex-direction: column;
align-self: stretch;
align-items: flex-start;
margin-bottom: -72px;
display: flex;
}
.rounded-image {
box-sizing: border-box;
object-fit: fill;
border-radius: 10px;
display: block;
}
.rounded-image.about-image-left {
max-width: 671px;
}
.rounded-image.about-image-right {
align-self: flex-end;
max-width: 323px;
margin-top: -250px;
position: relative;
}
.rounded-image.small-square-image {
max-width: 323px;
}
.rounded-image.career-image-1 {
margin-right: -72px;
transform: rotate(-2deg);
}
.rounded-image.career-image-2 {
max-width: 323px;
position: relative;
top: 72px;
transform: rotate(2deg);
}
.rounded-image.contact-image {
max-width: 323px;
}
.rounded-image.tab-image {
max-width: 323px;
margin-bottom: -72px;
}
.rounded-image.flex-rewards-feature-image {
object-fit: contain;
height: 80%;
}
.rounded-image.deferred-compensation, .rounded-image.retirement-benefits {
object-fit: contain;
width: 100%;
}
.rounded-image.health-insurance-box {
max-height: 400px;
}
.rounded-image.health-insurance, .rounded-image.benefits-administration {
width: 100%;
}
.video-box {
z-index: 2;
grid-column-gap: 30px;
grid-row-gap: 30px;
border: 1px solid var(--grey-20);
background-color: var(--white-90);
text-align: left;
border-radius: 10px;
align-items: center;
padding: 12px 24px 12px 12px;
display: flex;
position: relative;
box-shadow: 0 1px 5px #00000017;
}
.video-box-video {
flex: 1;
justify-content: center;
align-items: center;
max-width: 222px;
display: flex;
}
.video-image {
border-radius: 8px;
}
.video-text {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
flex: 1;
display: flex;
}
.video-lightbox {
background-color: var(--white-100);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 54px;
height: 54px;
transition: box-shadow .2s, transform .2s;
display: flex;
position: absolute;
}
.video-lightbox:hover {
transform: scale(1.1);
box-shadow: 0 2px 5px #0003;
}
.video-play-icon {
position: relative;
top: 1px;
left: 1px;
}
.metric-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.metric-grid.about-us {
padding-top: 60px;
padding-bottom: 60px;
}
.metric-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--parchment);
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 250px;
padding: 18px;
display: flex;
}
.quote-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--grey-100);
min-height: 300px;
color: var(--white-100);
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 18px;
display: flex;
}
.quote-box.increased-padding {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.story-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.container---s {
width: 100%;
max-width: 555px;
}
.container---s.request-demo-aside {
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.container---s.home {
max-width: 700px;
}
.container---s.flex-rewards {
max-width: 600px;
}
.story-text {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.values-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(200px, 439px);
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.values-image {
max-width: 429px;
}
.values-text {
grid-column-gap: 54px;
grid-row-gap: 54px;
flex-direction: column;
display: flex;
}
.values-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
display: flex;
}
.values-item {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.quote-text {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.team-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
align-items: center;
display: flex;
}
.team-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.team-member {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
display: flex;
}
.team-member.about-us---founders {
align-items: center;
}
.team-member-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: center;
display: flex;
}
.customer-hero {
grid-column-gap: 36px;
grid-row-gap: 36px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.customer-hero.increased-gaps {
grid-column-gap: 42px;
grid-row-gap: 42px;
}
.review-sites-box {
grid-column-gap: 36px;
grid-row-gap: 36px;
border: 1px solid var(--grey-10);
background-image: linear-gradient(to right, #fcfcfc, #f8f8f8);
border-radius: 10px;
align-items: center;
padding: 16px 48px;
display: flex;
box-shadow: 0 1px 4px #00000012;
}
.review-box-item {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: left;
display: flex;
}
.review-box-divider {
background-color: var(--grey-20);
align-self: stretch;
width: 1px;
}
.horizontal-buttons {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.review-items {
grid-column-gap: 36px;
grid-row-gap: 36px;
align-items: center;
display: flex;
}
.team-image.about-us---founders {
border-radius: 15px;
max-width: 75%;
}
.career-intro-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.career-photo-cluster {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.photo-cluster-column {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-end;
max-width: 516px;
display: flex;
}
.career-image-pair {
flex-direction: row;
justify-content: center;
align-items: flex-end;
display: flex;
}
.career-image-1 {
max-width: 323px;
}
.benefits-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
align-items: center;
display: flex;
}
.benefits-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefit-box {
background-color: var(--parchment);
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 250px;
padding: 18px;
display: flex;
}
.benefit-box.flexible-rewards {
min-height: 200px;
}
.benefit-text {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
align-self: stretch;
display: flex;
}
.container---xl {
width: 100%;
max-width: 1134px;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.jobs-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
display: flex;
}
.career-link {
border-bottom: 1px solid var(--grey-10);
font-variation-settings: "wght" 450;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
transition: opacity .2s;
display: flex;
}
.career-link:hover {
opacity: .5;
}
.career-link-details {
grid-column-gap: 36px;
grid-row-gap: 36px;
align-items: center;
display: flex;
}
.career-basis-location {
align-items: center;
display: flex;
}
.career-list-wrapper {
margin-top: -24px;
}
.article-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.article-wrapper.blog-article {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.article-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.career-meta {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 1px solid var(--grey-10);
border-bottom: 1px solid var(--grey-10);
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.badge {
border: 1px solid var(--grey-20);
background-color: var(--pastel-3);
border-radius: 100px;
justify-content: center;
align-items: center;
margin: 11px 111px;
padding: 2px 12px;
display: flex;
}
.badge.borderless {
border-color: #0000;
}
.badge.borderless.w--current {
border-color: var(--grey-20);
}
.badge.bg-white {
color: var(--grey-80);
}
.badge.demo-link-badge {
background-color: var(--grey-100);
color: var(--white-100);
position: absolute;
bottom: 60px;
}
.article {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
margin-top: -30px;
font-size: 18px;
display: flex;
}
.article h4 {
margin-top: 12px;
}
.article ul {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
padding-left: 1.35em;
display: flex;
}
.article ol {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
margin-bottom: 0;
padding-left: 1.35em;
display: flex;
}
.article strong {
color: var(--grey-100);
font-variation-settings: "wght" 550;
font-weight: 400;
}
.article img {
border-radius: 10px;
}
.article figure {
margin-top: 30px;
margin-bottom: 30px;
}
.article.blog-article {
margin-bottom: -70px;
}
.boxed-form {
background-color: var(--parchment);
text-align: left;
border-radius: 10px;
margin-bottom: 0;
padding: 36px;
}
.form {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
align-items: stretch;
display: flex;
}
.form-pair {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.required {
color: #c44e4e;
}
.contact-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 555px) 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.contact-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.contact-details-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.contact-details-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.contact-hq {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.phone-number {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
justify-items: start;
max-width: 323px;
display: grid;
}
.contact-phone {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
display: flex;
}
.blog-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.posts-grid-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.category-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.category-wrapper.centered {
justify-content: center;
}
.category-links {
align-items: center;
display: flex;
}
.blog-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-grid.vertical {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.blog-grid.thirds {
grid-template-columns: 1fr 1fr 1fr;
}
.post-preview {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-10);
color: var(--grey-80);
font-variation-settings: "wght" 450;
border-radius: 10px;
flex-direction: column;
align-items: flex-start;
padding: 18px 18px 30px;
transition: transform .2s, box-shadow .2s;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.post-preview:hover {
transform: translate(0, -9px);
box-shadow: 0 6px 12px #00000017;
}
.post-preview.horizontal {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 18px;
display: grid;
}
.post-preview.customer {
padding-bottom: 18px;
}
.post-preview-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.rounded-image-wrapper {
border-radius: 10px;
overflow: hidden;
}
.post-preview-image.three-preview {
object-fit: cover;
height: 270px;
}
.post-preview-image.blog, .post-preview-image.blog-post {
object-fit: cover;
height: 345px;
}
.cta-box {
background-color: var(--grey-100);
color: var(--white-90);
text-align: center;
border-radius: 12px;
justify-content: center;
padding: 72px 24px 96px;
display: flex;
position: relative;
overflow: hidden;
}
.section-logo {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cta-contents {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.subsribe-form {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.sunscribe-form-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
text-align: center;
flex-direction: column;
align-items: stretch;
display: flex;
}
.composite-blog-section {
grid-column-gap: 68px;
grid-row-gap: 68px;
flex-direction: column;
align-items: stretch;
display: flex;
}
.text-center {
text-align: center;
}
.post-badge-title {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.post-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
display: flex;
}
.article-align-right {
justify-content: center;
display: flex;
}
.article-author {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: var(--grey-80);
align-self: flex-start;
align-items: center;
display: flex;
}
.author-avatar {
border-radius: 15px;
width: 48px;
}
.article-author-text {
font-variation-settings: "wght" 450;
display: flex;
}
.cms-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.author-header {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.large-author-avatar {
width: 144px;
}
.author-details {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: center;
display: flex;
}
.customer-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
flex-direction: column;
display: flex;
}
.customer-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.title-button {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.customer-story-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 439px) 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.customer-story-sidebar {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
display: flex;
}
.customer-description-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.request-demo-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.hero-cta {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
align-items: center;
display: flex;
}
.hero-cta.align-left {
text-align: left;
align-items: flex-start;
}
.request-demo-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
justify-items: center;
display: grid;
}
.request-demo-aside-contents {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.logos-aside {
grid-column-gap: 48px;
grid-row-gap: 48px;
text-align: center;
flex-direction: column;
display: flex;
}
.logos {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.logos.ipp {
grid-column-gap: 52px;
grid-row-gap: 52px;
}
.faded-logo {
opacity: .7;
max-height: 24px;
}
.request-demo-graphic {
max-width: 323px;
}
.pricing-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
align-items: center;
display: flex;
}
.plans-compare-button {
grid-column-gap: 48px;
grid-row-gap: 48px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
flex-direction: column;
align-self: stretch;
align-items: center;
display: flex;
}
.single-plan {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 12px;
padding: 24px 36px;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.plan-image {
max-width: 323px;
}
.plan-image.pricing {
object-fit: cover;
}
.single-plan-contents {
grid-column-gap: 36px;
grid-row-gap: 36px;
text-align: center;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.price-terms {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
align-items: center;
display: flex;
}
.price-terms.padded {
padding-top: 18px;
padding-bottom: 18px;
}
.price {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.price.pricing {
margin-bottom: 20px;
}
.large-price {
color: var(--grey-100);
letter-spacing: -.02em;
font-family: Happy Times, sans-serif;
font-size: 128px;
line-height: 1em;
}
.logo-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
text-align: center;
flex-direction: column;
align-self: stretch;
align-items: center;
display: flex;
}
.logo-marquee-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
align-self: stretch;
display: flex;
position: relative;
overflow: hidden;
}
.logo-marquee {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex: none;
align-items: center;
margin-left: 30px;
display: flex;
}
.logo-marquee-image {
opacity: .7;
max-height: 24px;
}
.gradient-scrim {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(to right, #fff, #fff0 15% 85%, #fff);
position: absolute;
inset: 0%;
}
.quote-pill-row-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
display: flex;
position: relative;
overflow: hidden;
}
.quote-pill-row-wrapper.align-right {
justify-content: flex-end;
}
.quote-pill-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: nowrap;
flex: none;
align-items: center;
display: flex;
}
.quote-pill {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: var(--parchment);
border-radius: 200px;
flex: none;
align-items: center;
padding: 9px 36px 9px 9px;
display: flex;
}
.quote-pill-avatar {
max-height: 54px;
}
.quote-pill-rows {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
display: flex;
}
.faq-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
align-items: center;
display: flex;
}
.accordion-section {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-self: stretch;
display: flex;
}
.accordion-item {
background-color: var(--parchment);
border-radius: 10px;
}
.accordion-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 18px;
transition: opacity .2s;
display: flex;
}
.accordion-title:hover {
opacity: .5;
}
.accordion-content {
padding: 9px 18px 18px;
}
.accordion-text {
max-width: 671px;
}
.faq-cta {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.faq-cta.vertical {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
align-items: flex-start;
}
.comparison-table.pricing {
max-width: 80%;
}
.comparison-header {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid var(--grey-10);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
padding-bottom: 24px;
display: grid;
}
.comparison-header.two-plans {
grid-template-columns: 1fr 1fr 1fr;
}
.comparison-header.one-plan {
grid-template-columns: 1fr 1fr;
}
.comparison-header.one-plan.pricing {
padding-bottom: 0;
}
.comparison-header.one-plan.pricing.plan-member {
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 60px;
}
.comparison-header.one-plan.pricing.top {
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
margin-bottom: -15px;
}
.compairson-header-item {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.compairson-header-item.pricing {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.price-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.price-wrapper.pricing {
min-height: 50px;
}
.comparison-section {
margin-top: 48px;
margin-bottom: 48px;
}
.comparison-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 16px 18px;
display: grid;
}
.comparison-row.bg-offset {
background-color: var(--parchment);
}
.comparison-row.bg-offset.one-plan, .comparison-row.two-plans {
grid-template-columns: 1fr 1fr 1fr;
}
.comparison-row.one-plan {
grid-template-columns: 1fr 1fr;
}
.comparison-row.one-plan.pricing {
background-color: #222;
grid-template-columns: 1fr 1fr 1fr;
}
.comparison-row-heading {
color: var(--grey-100);
}
.comparison-row-heading.one-plan.pricing {
color: var(--white-90);
}
.comparison-checkmark.inactive, .comparison-checkmark.unchecked {
opacity: 0;
}
.comparison-price-terms.pricing {
color: var(--white-90);
}
.dollar-amount {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.pricing-title {
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
}
.pricing-title-image {
max-width: 323px;
}
.wide-plans {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
align-self: stretch;
align-items: center;
display: flex;
}
.wide-plan {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
padding: 36px;
display: grid;
box-shadow: 0 1px 4px #00000017;
}
.wide-plan.bg-grey-100 {
background-color: var(--grey-100);
color: var(--white-90);
}
.wide-plan-contents {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.plan-terns-bordered {
border-top: 1px solid var(--grey-10);
border-bottom: 1px solid var(--grey-10);
align-self: stretch;
padding-top: 18px;
padding-bottom: 18px;
}
.plan-terns-bordered.white {
border-top-color: var(--white-20);
border-bottom-color: var(--white-20);
}
.plan-terms-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.plan-price {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.wide-plan-features-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.wide-plan-features {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
flex: 1;
max-width: 323px;
display: flex;
}
.icon-with-labels-list {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
display: flex;
}
.icon-with-label {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.wide-plan-title-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-self: stretch;
align-items: center;
display: flex;
}
.logo-video-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.page-wrapper {
background-color: var(--parchment);
width: 100%;
max-width: none;
height: auto;
min-height: 100vh;
padding: 48px 24px 24px;
}
.account-form-block {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.form-header {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.account-form {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
align-self: stretch;
display: flex;
}
.account-form-inputs {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
flex-direction: column;
flex: 1;
max-width: 439px;
padding: 18px;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.account-form-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: center;
align-items: flex-end;
display: flex;
}
.account-form-image {
max-width: 323px;
}
.form-footer {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
margin-top: 0;
}
.account-form-bottom {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: center;
display: flex;
}
.account-inputs-with-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
flex: 1;
max-width: 439px;
display: flex;
}
.account-form-title {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
display: flex;
}
.account-error {
background-color: var(--pastel-1);
border-radius: 6px;
margin-top: 18px;
padding: 24px;
position: static;
}
.user-account-wrapper {
grid-column-gap: 72px;
grid-row-gap: 72px;
background-color: #0000;
flex-direction: column;
min-height: auto;
padding: 0;
display: flex;
}
.user-account-section {
border-bottom: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
box-shadow: 0 1px 4px #00000017;
}
.account-header {
background-color: #0000;
border-style: none;
padding: 24px;
}
.account-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #0000;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
flex-direction: column;
margin-bottom: 0;
padding: 0 24px 24px;
display: flex;
}
.user-account-form {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.subscriptions-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.subscriotion-image {
border-radius: 6px;
}
.subscription-cancel-button {
color: var(--grey-100);
text-decoration: underline;
}
.pricing-plans-wrapper {
align-self: stretch;
margin-left: 200px;
margin-right: 200px;
}
.plan-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.plan {
border: 1px solid var(--grey-10);
text-align: center;
border-radius: 10px;
flex-direction: column;
display: flex;
overflow: hidden;
box-shadow: 0 1px 4px #00000017;
}
.plan.flexible-rewards {
border-width: 0;
border-color: var(--white-20);
margin-top: 47px;
box-shadow: 0 3px 4px 1px #00000017;
}
.plan-top {
background-color: var(--parchment);
padding: 12px 9px;
}
.plan-top.bg-grey-100 {
background-color: var(--grey-100);
color: var(--white-100);
}
.plan-top.bg-black {
background-color: #000;
}
.plan-top.deferred-comp {
border: 1px solid #adadadcc;
border-radius: 15px 15px 0 0;
margin-right: 1px;
}
.plan-top.health-insurance {
border: 1px solid #adadadcc;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-right: 1px;
}
.plan-body {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: center;
padding: 36px 48px;
display: flex;
}
.plan-body.bg-grey-100 {
background-color: var(--grey-100);
color: var(--white-100);
}
.plan-body.health-insurnace {
padding-top: 20px;
}
.plan-price-terms {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
align-items: center;
display: flex;
}
.plan-price-terms.flexible-rewards {
margin-bottom: 26px;
}
.plan-description {
align-self: stretch;
max-width: 343px;
margin: 8px auto;
padding-top: 24px;
padding-bottom: 24px;
}
.comparison-cta {
grid-column-gap: 48px;
grid-row-gap: 48px;
border: 1px solid var(--grey-10);
border-radius: 10px;
justify-content: space-between;
align-items: center;
padding: 18px 24px;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.comparison-cta.pricing {
color: var(--grey-80);
background-color: #ffffffe6;
}
.product-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(200px, 555px);
grid-auto-columns: 1fr;
margin-top: 48px;
display: grid;
}
.product-box {
grid-column-gap: 36px;
grid-row-gap: 36px;
border: 1px solid var(--grey-10);
text-align: center;
border-radius: 10px;
flex-direction: column;
align-items: center;
padding: 0 48px 36px;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.product-description {
max-width: 366px;
}
.add-to-cart {
margin-bottom: 0;
}
.overlapping-avatars {
justify-content: center;
align-items: center;
margin-top: -48px;
display: flex;
}
.overlapping-avatars.inside-title {
margin-top: 0;
margin-bottom: -12px;
}
.overlapping-avatar {
z-index: 2;
border: 3px solid var(--white-100);
border-radius: 50%;
max-height: 96px;
margin-right: -18px;
display: block;
position: relative;
left: -9px;
}
.plan-features-box {
grid-column-gap: 42px;
grid-row-gap: 42px;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 48px;
display: flex;
}
.product-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
flex-direction: column;
display: flex;
}
.checkout-form {
background-color: #0000;
flex-direction: row;
min-height: auto;
padding: 0;
display: block;
}
.checkout-container {
flex: 0 auto;
align-self: stretch;
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0;
}
.checkout-left {
flex: 1;
margin-right: 24px;
}
.block-header {
background-color: #0000;
border-style: none;
border-color: #0000;
align-items: center;
padding: 24px;
}
.block-content {
background-color: #0000;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
padding: 0 24px 24px;
}
.checkout-section {
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
margin-bottom: 48px;
box-shadow: 0 1px 4px #00000017;
}
.checkout-section.summary {
margin-bottom: 24px;
}
.web-payments {
margin-bottom: 48px;
}
.order-item {
align-items: center;
margin-bottom: 24px;
}
.order-description {
margin-left: 0;
}
.widget {
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
box-shadow: 0 1px 4px #00000017;
}
.widget.profile {
width: 258px;
}
.widget.profile.tab-widget {
margin-left: 120px;
}
.widget.profile.overlap {
margin-top: -200px;
margin-left: 72px;
position: relative;
}
.widget.message {
background-color: var(--white-100);
width: 379px;
}
.widget.message.tab-widget {
margin-left: 72px;
}
.widget.message.inside-feature-box {
width: 100%;
max-width: 100%;
}
.widget.notification {
text-align: center;
width: 266px;
min-height: 200px;
display: flex;
}
.widget.notification.tab-widget {
margin-left: 96px;
}
.widget.notification.overlap-hero-image {
position: absolute;
bottom: 12px;
right: 12px;
}
.widget.manage {
text-align: left;
width: 382px;
}
.widget.manage.inside-feature-box {
width: 100%;
max-width: 379px;
}
.widget-body {
grid-column-gap: 18px;
grid-row-gap: 18px;
text-align: left;
flex-direction: column;
flex: 1;
padding: 18px;
display: flex;
}
.widget-body.align-center {
text-align: center;
justify-content: center;
align-items: center;
}
.widget-profile-author {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.widget-profile-avatar {
max-height: 72px;
}
.widget-profile-name {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.widget-rows {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
display: flex;
}
.widget-justified {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.widget-justified.benefits-admin {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2.25fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.widget-profile-rating {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.widget-placeholder-text {
background-color: var(--grey-10);
border-radius: 100px;
width: 100px;
height: 8px;
}
.widget-placeholder-text.deferred-compensation {
width: 70px;
}
.widget-chat-top {
justify-content: space-between;
align-items: center;
display: flex;
}
.widget-person {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.widget-chat-avatar {
max-height: 36px;
}
.widget-attachment {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--parchment);
border-radius: 7px;
align-items: center;
padding: 9px;
text-decoration: underline;
display: flex;
}
.widget-manage-top {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: var(--pastel-4);
flex-direction: column;
padding: 18px 18px 0;
display: flex;
}
.widget-tabs {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.widget-tab {
opacity: .5;
border-bottom: 1px solid #0000;
padding-bottom: 6px;
}
.widget-tab.active {
border-bottom-color: var(--grey-100);
opacity: 1;
}
.widget-select-button {
grid-column-gap: 4px;
grid-row-gap: 4px;
border: 1px solid var(--grey-10);
border-radius: 4px;
align-items: center;
padding: 4px 9px;
display: flex;
}
.hero-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
text-align: center;
flex-direction: column;
display: flex;
}
.hero-image {
margin-bottom: -72px;
}
.titled-section {
grid-column-gap: 96px;
grid-row-gap: 96px;
flex-direction: column;
align-items: center;
display: flex;
}
.titled-section.icon-features-section.investors {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.titled-section.health-insurance {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.features-cluster {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-self: stretch;
display: flex;
}
.features-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.features-grid.thirds {
grid-template-columns: 1fr 1fr 1fr;
align-self: stretch;
width: 100%;
max-width: 100%;
}
.feature-box {
grid-column-gap: 48px;
grid-row-gap: 48px;
border: 1px solid var(--grey-10);
text-align: center;
border-radius: 10px;
flex-direction: column;
align-items: center;
padding: 36px;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.feature-box.increased-padding {
padding-top: 48px;
padding-bottom: 48px;
}
.feature-box.increased-padding.retirement-plan-features {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.feature-box.increased-padding.flexible-rewards-sticky {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: auto;
position: sticky;
top: 100px;
}
.feature-box.bg-parchment {
background-color: var(--parchment);
box-shadow: none;
text-align: left;
border-style: none;
}
.empty-state {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
}
.feature-box-widget-wrapper {
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.feature-box-widget-wrapper.flexible-rewards {
padding: 0;
}
.feature-box-text {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
max-width: 439px;
display: flex;
}
.feature-box-text.decreased-gap {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-self: stretch;
}
.feature-box-text.homepage {
align-items: center;
max-width: 510px;
}
.feature-box-text.flexible-rewards {
max-width: 480px;
}
.testimonial-box {
grid-column-gap: 48px;
grid-row-gap: 48px;
background-color: var(--pastel-4);
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 72px 48px;
display: flex;
}
.testimonial-box-text {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
flex: 1;
max-width: 902px;
display: flex;
}
.testimonial-box-image {
max-height: 216px;
}
.tabs-section {
align-self: stretch;
align-items: center;
display: flex;
}
.tabs-content {
flex: 1;
}
.tabs-menu {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
}
.tab-box {
background-color: var(--pastel-3);
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 640px;
padding-top: 72px;
padding-bottom: 72px;
display: flex;
}
.tab-box.bg-pastel-1 {
background-color: var(--pastel-1);
}
.tab-box.bg-pastel-2 {
background-color: var(--pastel-2);
}
.tab-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
max-width: 441px;
color: var(--grey-80);
font-variation-settings: "wght" 450;
background-color: #0000;
border: 1px solid #0000;
border-radius: 10px;
flex-direction: column;
padding: 18px;
font-weight: 400;
transition: border-color .2s;
display: flex;
}
.tab-link:hover {
border-color: var(--grey-10);
}
.tab-link.w--current {
background-color: var(--parchment);
}
.tab-link.w--current:hover {
border-color: #0000;
}
.tab-box-contents {
flex-direction: column;
display: flex;
}
.feature-box-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.feature-box-grid.thirds {
grid-template-columns: 1fr 1fr 1fr;
}
.small-feature-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--parchment);
border-radius: 10px;
flex-flow: wrap;
justify-content: space-around;
align-items: flex-start;
padding: 18px;
display: flex;
}
.small-feature-box.increased-padding {
min-height: 280px;
padding: 24px;
}
.customer-quote-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.customer-cta {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.hero-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.hero-wrapper-2.flexible-rewards {
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 25px;
display: flex;
position: relative;
overflow: hidden;
}
.hero-composite {
position: relative;
}
.icon-features-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
align-items: center;
display: grid;
}
.icon-features-grid.investors {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.icon-feature {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.icon-feature.align-left {
text-align: left;
align-items: flex-start;
}
.icon-feature.investor-logos {
max-width: 450%;
}
.boxed-icon {
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
padding: 18px;
box-shadow: 0 1px 4px #00000017;
}
.boxed-icon.inverse {
border-color: var(--white-90);
background-color: var(--grey-20);
}
.large-features-grid {
grid-column-gap: 24px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.large-features-grid.flexible-rewards-sticky {
position: static;
}
.profile-widgets {
position: relative;
}
.contained-hero {
background-color: var(--grey-100);
min-height: 650px;
color: var(--white-90);
border-radius: 10px;
align-items: flex-end;
padding: 60px 48px;
display: flex;
position: relative;
overflow: hidden;
}
.contained-hero-scrim {
z-index: 2;
background-image: linear-gradient(45deg, var(--grey-100), #2220 52%);
opacity: 1;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.contained-hero-contents {
z-index: 3;
position: relative;
}
.contained-hero-video {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.quote-slider-box {
background-color: var(--pastel-3);
text-align: center;
border-radius: 10px;
padding: 96px 36px 120px;
}
.quote-slider {
background-color: #0000;
height: auto;
}
.slide-nav {
text-align: center;
height: 10px;
padding-top: 0;
font-size: 10px;
position: relative;
top: 36px;
}
.mask {
height: auto;
}
.quote-slide-contents {
grid-column-gap: 36px;
grid-row-gap: 36px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.arrow-button {
background-color: #22222212;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
transition: transform .2s;
display: flex;
}
.arrow-button:hover {
transform: scale(1.1);
}
.arrow-icon-left {
transform: rotate(180deg);
}
.metrics-cluster {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.quote-box-image {
max-height: 96px;
}
.metrics-cluster-column {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
display: flex;
}
.quote-box-image-text {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.icon-feature-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.blog-preview-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.blog-preview-title {
justify-content: space-between;
align-items: center;
display: flex;
}
.faq-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 323px) minmax(200px, 902px);
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.faq-title {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.hide {
display: none;
}
.search-result-item {
margin-bottom: 36px;
}
.search-result-url {
opacity: .5;
}
.search-form {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-bottom: 0;
display: flex;
}
.search-page {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.tour-hero {
grid-column-gap: 84px;
grid-row-gap: 84px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.screenshots-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-10);
background-color: var(--parchment);
border-radius: 10px;
justify-content: center;
align-self: stretch;
align-items: center;
max-height: 540px;
padding: 24px;
display: flex;
overflow: hidden;
}
.screenshot-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
flex: none;
max-width: 323px;
display: flex;
}
.section-screenshot {
box-shadow: 0 1px 18px #00000012;
}
.screenshot-columns {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
display: flex;
transform: rotate(10deg);
}
.tour-feature-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
max-width: 323px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.tour-feature-scrim {
background-image: linear-gradient(to bottom, #f4f3f100, var(--parchment));
width: 100%;
height: 30%;
position: absolute;
bottom: 0;
left: 0;
}
.tour-cluster {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.figma-cta {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--grey-10);
background-color: var(--white-100);
border-radius: 10px;
justify-content: space-between;
align-items: center;
padding: 18px 24px 18px 36px;
display: flex;
box-shadow: 0 1px 4px #00000017;
}
.figma-cta-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.figma-cta-buttons {
grid-column-gap: 18px;
grid-row-gap: 18px;
display: flex;
}
.pages-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.demo-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.demo-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--parchment);
border-radius: 10px;
flex-direction: column;
align-items: center;
padding: 36px 18px 24px;
display: flex;
position: relative;
}
.demo-link-scrim {
background-image: linear-gradient(to bottom, #f4f3f100, var(--parchment));
width: 100%;
height: 30%;
position: absolute;
bottom: 0;
left: 0;
}
.demo-link-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
max-width: 323px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.demo-link-wrapper.account-page {
height: auto;
}
.demo-link-image {
border: 1px solid var(--grey-10);
border-radius: 6px;
}
.down-arrow {
transform: rotate(90deg);
}
.landing-marker {
position: absolute;
top: -80px;
}
.image, .image-2, .image-3 {
max-height: 50px;
}
.heading, .text-block, .text-block-2, .text-block-3 {
color: var(--white-90);
}
.text-block-4, .text-block-5 {
text-align: left;
}
.div-block {
flex-flow: column;
align-items: center;
display: flex;
}
.text-block-6 {
text-align: center;
flex-flow: wrap;
justify-content: center;
align-self: center;
display: flex;
}
.background-video {
border-radius: 6px;
width: 323px;
max-width: 323px;
display: block;
position: relative;
}
.background-video.about-us-hero-2 {
max-height: 250px;
}
.rich-text-block, .rich-text-block-2 {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-flow: column;
display: flex;
}
.text-block-7 {
font-size: 22px;
}
.text-block-8 {
font-size: 20px;
}
.container---section-title {
width: 100%;
max-width: 1414px;
margin-left: auto;
margin-right: auto;
padding: 0 24px 48px;
}
.container---section-title.account {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.container---section-title.founder-photos {
max-width: 54%;
}
.medium-price {
color: var(--grey-100);
margin-right: 10px;
font-family: Happy Times, sans-serif;
font-size: 45px;
}
.heading-2 {
text-align: center;
margin-top: 30px;
}
.heading-3 {
color: var(--white-90);
text-align: center;
justify-content: center;
margin-bottom: 60px;
}
.pagination {
min-width: 100px;
min-height: 100px;
overflow: visible;
}
.pagination-2 {
flex-flow: wrap;
justify-content: center;
margin-top: 35px;
padding-right: 24px;
}
.text-block-9 {
min-height: 75px;
}
.container {
width: 100%;
max-width: 902px;
}
.div-block-2 {
background-color: #f4f3f1;
padding: 12px 9px;
}
.text-block-10 {
color: var(--grey-100);
font-variation-settings: "wght" 600;
text-align: center;
}
.container-2 {
width: 100%;
max-width: 1200px;
}
.columns {
flex-flow: wrap;
display: flex;
}
.list {
text-align: left;
width: 100%;
list-style-type: square;
}
.list-item {
background-image: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6947694cbe88225170021ad7_interface-icon-check.svg");
background-position: 0 5px;
background-repeat: no-repeat;
background-size: 16px;
padding-left: 23px;
list-style-type: none;
}
.list-item-2, .list-item-3 {
list-style-type: none;
}
.div-block-3 {
width: 100%;
margin-top: 50px;
}
.div-block-4 {
position: relative;
}
.div-block-5 {
align-items: flex-start;
min-height: 100vh;
display: flex;
}
.hero-card {
width: 50vw;
max-width: none;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: 337px;
bottom: 0%;
right: -10.5vw;
}
.hero-card.card-order-3 {
top: 270px;
right: -16.9vw;
}
.hero-card.card-order-2 {
top: 206px;
right: -21.4vw;
}
.hero-card.card-order-1 {
top: 135px;
right: -26.7vw;
}
.image-5 {
max-width: 70%;
padding: 45px;
}
.flex-rewards-features-cards {
max-width: 70%;
padding: 20px;
}
.div-block-6-blue {
background-color: #e5ebff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 55%;
display: flex;
}
.div-block-6-green {
background-color: #e3f5e7;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 55%;
display: flex;
}
.div-block-6-yellow {
background-color: #fff6d5;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 55%;
display: flex;
}
.hero-card-wrapper {
flex-flow: column;
align-items: flex-start;
display: flex;
position: relative;
}
.image-6 {
min-width: 60px;
}
.blog-article-continue-reading-post-subtitle {
min-height: 75px;
}
.redii-asset-bridge {
background-color: #fff;
width: 100vw;
height: 100vh;
overflow: hidden;
}
.redii-asset-bridge-image {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.consent_components {
display: block;
position: relative;
}
.consent_placeholder {
aspect-ratio: 16 / 9;
display: none;
}
.consent_placeholder_iframe {
width: 100%;
height: 100%;
padding: 2rem;
display: block;
position: absolute;
inset: 0%;
}
.consent_placeholder_wrapper {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
pointer-events: auto;
color: #fff;
text-align: center;
background-color: #000c;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 1rem;
font-size: .75rem;
display: flex;
position: absolute;
inset: 0%;
}
.consent_placeholder_text {
font-size: 1rem;
}
.consent_placeholder_buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.consent_placeholder_prefs {
color: #fff;
background-color: #0000;
border-bottom: 1px solid #fff;
padding: .5rem .25rem;
font-size: 1rem;
line-height: 1.5;
text-decoration: none;
transition: opacity .2s;
}
.consent_placeholder_prefs:hover {
opacity: .7;
}
.consent_placeholder_accept {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
padding: .5rem 1rem;
font-size: 1rem;
line-height: 1.5;
text-decoration: none;
transition: opacity .2s;
display: block;
}
.consent_placeholder_accept:hover {
opacity: .7;
}
.consent_prefs_heading {
font-size: 1.25rem;
font-weight: 700;
}
.consent_prefs_category-content {
border: 1px solid #d9d9d9;
border-radius: .5rem;
display: none;
overflow: hidden;
}
.consent_prefs_category-content.is-active {
border-style: solid;
flex-flow: column;
display: flex;
}
.consent_prefs_form-block {
z-index: 2;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 32rem;
margin-bottom: 0;
display: flex;
position: relative;
}
.consent_banner_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.consent_prefs_provider-accordion {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
cursor: pointer;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 0;
display: flex;
}
.consent_prefs_option {
display: flex;
}
.consent_banner {
color: #000;
background-color: #fff;
border: 1px solid silver;
border-radius: .5rem;
flex-flow: column;
max-width: 30rem;
padding: 1.5rem;
display: block;
}
.consent_prefs_form {
background-color: #fff;
border: 1px solid silver;
border-radius: .5rem;
width: 100%;
max-width: 32rem;
height: 100%;
max-height: 80vh;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.consent_prefs_label-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .375fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.consent_prefs_header {
z-index: 2;
background-color: #fff;
border-bottom: 1px solid #d9d9d9;
justify-content: space-between;
align-items: center;
padding: 1rem 1.25rem;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.consent_prefs_close-icon {
color: #000;
width: 1rem;
line-height: 0;
}
.consent_prefs_caret {
justify-content: center;
align-items: center;
width: 1rem;
display: flex;
}
.consent_prefs_caret.is-active {
transform: rotate(180deg);
}
.consent_banner_link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: 1;
color: #000;
flex-flow: row;
justify-content: flex-end;
align-self: flex-end;
align-items: center;
margin-top: 1rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
display: flex;
position: static;
inset: auto auto 10px 10px;
}
.consent_prefs_checkbox {
z-index: 1;
opacity: 0;
pointer-events: none;
cursor: pointer;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.consent_prefs_provider-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: none;
overflow: hidden;
}
.consent_prefs_provider-content.is-active {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.consent_logo {
height: 1.25rem;
}
.consent_prefs_checkbox-toggle {
background-color: #fff;
border-radius: 999px;
flex: none;
width: 1.25rem;
height: 1.25rem;
position: relative;
}
.consent_prefs_checkbox-toggle.is-active {
background-color: #fff;
margin-left: 1.25rem;
}
.consent_prefs_close {
color: #fff;
cursor: pointer;
border-radius: 999rem;
padding: .5rem;
text-decoration: none;
transition: opacity .2s;
display: flex;
position: relative;
inset: 0% 0% auto auto;
}
.consent_prefs_close:hover {
opacity: .5;
}
.consent_prefs_empty-message {
color: gray;
margin-bottom: 0;
font-size: .875rem;
line-height: 1.5;
}
.consent_opt-in_banner {
z-index: 99999;
margin-bottom: 1rem;
margin-right: 1rem;
display: block;
position: fixed;
inset: auto 0% 0% auto;
}
.consent_prefs_checkbox-label {
display: none;
}
.consent_prefs_detail {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.consent_prefs_description {
margin-bottom: 0;
font-size: .875rem;
line-height: 1.5;
}
.consent_prefs_overlay {
z-index: 1;
background-color: #0000001a;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.consent_button_accept {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
padding: .5rem 1rem;
font-size: 1rem;
line-height: 1.5;
text-decoration: none;
transition: opacity .2s;
display: block;
}
.consent_button_accept:hover {
opacity: .7;
}
.consent_button_prefs {
color: #333;
background-color: #0000;
border-bottom: 1px solid #000;
padding: .5rem .25rem;
font-size: 1rem;
line-height: 1.5;
text-decoration: none;
transition: opacity .2s;
}
.consent_button_prefs:hover {
opacity: .7;
}
.consent_banner_paragraph {
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
}
.consent_prefs_popup {
z-index: 997;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 2rem;
display: flex;
position: relative;
inset: 0%;
}
.consent_prefs_checkbox-field {
background-color: #ccc;
border-radius: 999rem;
flex-direction: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
width: 2.75rem;
height: 1.5rem;
margin-bottom: 0;
padding: .125rem;
display: flex;
position: relative;
}
.consent_prefs_checkbox-field.is-focused {
outline-offset: 1px;
outline: 1px solid #18ad3a;
}
.consent_prefs_checkbox-field.is-active {
background-color: #18ad3a;
}
.consent_prefs_open-icon {
width: 1.5rem;
line-height: 0;
display: flex;
}
.consent_prefs_tracker-template {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: #f5f5f5;
border-radius: .25rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: .75rem;
display: flex;
overflow: hidden;
}
.consent_prefs_value {
margin-top: 0;
margin-bottom: 0;
font-size: .875rem;
line-height: 1.5;
}
.consent_prefs_label-active {
color: #000;
border: 1px solid silver;
border-radius: .25rem;
flex: none;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 400;
}
.consent_banner_buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.consent_prefs_list {
flex-flow: column;
display: flex;
overflow: auto;
}
.consent_opt-in {
display: block;
}
.consent_banner_privacy-link {
color: #4169e1;
text-decoration: underline;
}
.consent_prefs_icon {
justify-content: center;
align-items: center;
width: 1rem;
display: flex;
}
.consent_prefs_icon.is-active {
transform: rotate(90deg);
}
.consent_prefs_label {
margin-right: .25rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.5;
}
.consent_prefs_page {
color: #4169e1;
font-size: .875rem;
line-height: 1.5;
text-decoration: underline;
}
.consent_checkbox_label {
margin-bottom: 0;
margin-right: auto;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.consent_prefs_buttons {
z-index: 2;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #f5f5f5;
border-top: 1px solid silver;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: .75rem 1rem;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.consent_opt-in_prefs {
z-index: 99998;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
position: fixed;
inset: 0%;
}
.consent_button_prefs-submit {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
padding: .5rem 1rem;
font-size: 1rem;
line-height: 1.5;
transition: opacity .2s;
}
.consent_button_prefs-submit:hover {
opacity: .7;
}
.consent_prefs_open-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #000;
border-radius: .5rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.5;
transition: opacity .2s;
display: flex;
}
.consent_prefs_open-button:hover {
opacity: .7;
}
.consent_prefs_category-accordion {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
cursor: pointer;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 0;
display: flex;
}
.consent_opt-in_open-prefs {
z-index: 99999;
color: #333;
-webkit-text-decoration: block;
text-decoration: block;
cursor: pointer;
padding-bottom: 1rem;
padding-left: 1rem;
display: block;
position: fixed;
inset: auto auto 0% 0%;
}
.consent_prefs_item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 1px solid #f5f5f5;
flex-flow: column;
padding: 1rem;
display: flex;
}
.consent_prefs_empty-state {
text-align: center;
background-color: #f5f5f5;
border-radius: .25rem;
padding: 1rem;
}
.consent_button_reject {
color: #000;
text-align: center;
background-color: #0000001a;
border-radius: .25rem;
padding: .5rem 1rem;
font-size: 1rem;
line-height: 1.5;
text-decoration: none;
display: block;
}
.consent_button_reject:hover {
opacity: .7;
}
.consent_provider_template {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: .75rem;
display: flex;
overflow: hidden;
box-shadow: 0 0 0 .5px #d9d9d9;
}
.consent_prefs_form-wrapper {
color: #000;
flex-flow: column;
height: 100%;
display: flex;
overflow: visible;
}
.div-block-6 {
padding-left: 20px;
padding-right: 20px;
}
.text-block-17 {
color: var(--grey-60-copy);
font-size: 12px;
}
.rbwn-section {
color: #222;
font-variation-settings: normal;
padding: 0 24px;
font-family: Geist, Arial, sans-serif;
font-size: 16px;
font-weight: 450;
line-height: 1.45;
}
.rbwn-copy {
grid-row-start: 1;
grid-column-start: 1;
min-width: 0;
}
.rbwn-eyebrow {
color: #515dcc;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.rbwn-title {
color: #222;
letter-spacing: -.01em;
margin: 0 0 24px;
font-family: Happy Times, Georgia, serif;
font-size: 45px;
font-weight: 400;
line-height: 1.15;
}
.rbwn-title-line {
display: block;
}
.rbwn-intro {
color: #626a7b;
max-width: 550px;
margin: 0 0 32px;
font-size: 18px;
line-height: 1.5;
}
.rbwn-menu {
border-top: 1px solid #e3e5ee;
grid-row-start: 2;
grid-column-start: 1;
min-width: 0;
display: block;
}
.rbwn-tab-inner {
color: #222;
text-align: left;
cursor: pointer;
border-width: 0 0 1px;
border-bottom-style: solid;
border-bottom-color: #e3e5ee;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr) 18px;
gap: 14px;
width: 100%;
padding: 21px 18px;
font-weight: 550;
display: grid;
position: relative;
overflow: hidden;
}
.rbwn-number {
color: #515dcc;
font-size: 16px;
font-weight: 550;
line-height: 26px;
}
.rbwn-tab-title {
font-size: 18px;
line-height: 26px;
display: block;
}
.rbwn-tab-description {
color: #626a7b;
margin-top: 8px;
font-size: 15px;
font-weight: 450;
line-height: 1.5;
display: none;
}
.rbwn-toggle-mark {
color: #606df1;
text-align: center;
font-size: 25px;
font-weight: 400;
line-height: 24px;
}
.rbwn-progress-track {
background-color: #dcdffd;
width: 3px;
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.rbwn-progress-fill {
transform-origin: 50% 0;
background-color: #606df1;
width: 100%;
height: 100%;
display: block;
transform: scaleY(0);
}
.rbwn-actions {
flex-wrap: wrap;
grid-row-start: 3;
grid-column-start: 1;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-top: 28px;
display: flex;
}
.rbwn-cta {
color: #fff;
background-color: #606df1;
border: 1px solid #0000;
border-radius: 7px;
justify-content: center;
align-items: center;
gap: 24px;
padding: 13px 18px;
font-size: 16px;
font-weight: 550;
line-height: 22px;
text-decoration: none;
transition: background-color .2s;
display: inline-flex;
}
.rbwn-cta:hover {
background-color: #4c59d5;
}
.rbwn-cta:focus {
outline-offset: 4px;
outline: 2px solid #4855d5;
}
.rbwn-autoplay {
color: #626a7b;
cursor: pointer;
background-color: #0000;
border-width: 0;
align-items: center;
gap: 7px;
min-height: 44px;
padding: 8px 0;
font-size: 13px;
text-decoration: none;
display: inline-flex;
}
.rbwn-autoplay:focus {
outline-offset: 4px;
outline: 2px solid #4855d5;
}
.rbwn-icon {
width: 24px;
height: 24px;
color: inherit;
flex-shrink: 0;
display: block;
}
.rbwn-stage {
background-color: #f4f3ff;
border: 1px solid #eeecff;
border-radius: 20px;
flex-direction: column;
grid-row: 1 / 4;
grid-column-start: 2;
justify-content: center;
align-self: center;
align-items: center;
min-width: 0;
padding: 28px;
display: flex;
overflow: visible;
}
.rbwn-card {
background-color: #fff;
border: 1px solid #dde0ec;
border-radius: 14px;
min-width: 0;
padding: 26px;
box-shadow: 0 8px 28px #323f8210;
}
.rbwn-breadcrumb {
color: #737c8e;
margin: 0 0 22px;
font-size: 12px;
}
.rbwn-card-heading {
flex-wrap: wrap;
align-items: center;
gap: 13px;
margin: 0 0 22px;
display: flex;
}
.rbwn-icon-tile {
color: #606df1;
background-color: #f4f3ff;
border-radius: 9px;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
display: flex;
}
.rbwn-card-title {
color: #222;
letter-spacing: -.02em;
flex: 1;
min-width: 0;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: 23px;
font-weight: 600;
line-height: 1.25;
}
.rbwn-dot {
background-color: currentColor;
border-radius: 50%;
width: 6px;
height: 6px;
}
.rbwn-country-line {
color: #626a7b;
align-items: center;
gap: 8px;
margin: -6px 0 20px 55px;
font-size: 13px;
display: flex;
}
.rbwn-flag-de {
background-image: linear-gradient(#252525 0 33.333%, #d94c4c 33.333% 66.667%, #eec64a 66.667% 100%);
border-radius: 2px;
width: 19px;
height: 14px;
display: inline-block;
}
.rbwn-ui-tabs {
color: #6b7588;
border-bottom: 1px solid #e3e5ee;
gap: 26px;
margin: 0 0 22px;
font-size: 13px;
display: flex;
}
.rbwn-ui-tab {
padding: 0 0 12px;
}
.rbwn-fields {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 23px 22px;
margin: 0 0 24px;
display: grid;
}
.rbwn-field-label {
color: #737c8e;
margin: 0 0 7px;
font-size: 12px;
}
.rbwn-field-value {
color: #333d51;
margin: 0;
font-size: 14px;
line-height: 1.45;
}
.rbwn-notice {
color: #93601c;
background-color: #fffaec;
border: 1px solid #f4e9cb;
border-radius: 8px;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-bottom: 22px;
padding: 16px 14px;
display: flex;
}
.rbwn-notice-copy {
flex: 1;
min-width: 0;
}
.rbwn-notice-title {
color: #3e3b31;
font-size: 14px;
font-weight: 600;
display: block;
}
.rbwn-notice-detail {
color: #776d59;
margin-top: 3px;
font-size: 12px;
line-height: 1.4;
display: block;
}
.rbwn-docs {
border-top: 1px solid #e3e5ee;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px;
display: flex;
}
.rbwn-doc {
color: #596681;
border: 1px solid #e0e3f0;
border-radius: 7px;
align-items: center;
gap: 8px;
padding: 10px 12px;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.rbwn-caption {
color: #737c8e;
margin: 13px 2px 0;
font-size: 11px;
line-height: 1.5;
}
.rbwn-filters {
color: #65728b;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 24px;
font-size: 12px;
display: flex;
}
.rbwn-filter {
background-color: #fafaff;
border: 1px solid #e5e6f0;
border-radius: 6px;
align-items: center;
gap: 20px;
padding: 7px 10px;
display: inline-flex;
}
.rbwn-stats {
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-bottom: 26px;
display: grid;
}
.rbwn-stat {
background-color: #f7f7fb;
border: 1px solid #ededf4;
border-radius: 9px;
padding: 17px 12px;
}
.rbwn-stat-label {
color: #70798b;
margin-bottom: 9px;
font-size: 12px;
line-height: 1.4;
display: block;
}
.rbwn-stat-value {
color: #303a51;
letter-spacing: -.04em;
font-size: 35px;
font-weight: 600;
line-height: 1.1;
display: block;
}
.rbwn-bar-label {
color: #4b576e;
justify-content: space-between;
gap: 10px;
margin-bottom: 11px;
font-size: 13px;
display: flex;
}
.rbwn-bar {
background-color: #edeef6;
border-radius: 6px;
height: 9px;
overflow: hidden;
}
.rbwn-bar-fill {
background-color: #606df1;
border-radius: 6px;
width: 80%;
height: 100%;
}
.rbwn-bar-note {
color: #758096;
margin: 10px 0 24px;
font-size: 12px;
}
.rbwn-country-table {
color: #465169;
border-collapse: collapse;
width: 100%;
font-size: 13px;
}
.rbwn-table-head {
color: #737c8e;
text-align: left;
border-bottom: 1px solid #e3e5ee;
padding: 10px 0;
font-size: 11px;
font-weight: 500;
}
.rbwn-table-cell {
border-bottom: 1px solid #f0f1f6;
padding: 12px 0;
}
.rbwn-renewal {
border-top: 1px solid #eef0f5;
grid-template-rows: auto;
grid-template-columns: 52px minmax(0, 1fr) auto;
align-items: center;
gap: 13px;
padding: 20px 0;
display: grid;
}
.rbwn-date {
color: #252933;
background-color: #faf6e9;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 61px;
display: flex;
}
.rbwn-date-month {
font-size: 10px;
font-weight: 600;
line-height: 1.3;
}
.rbwn-date-day {
font-size: 24px;
font-weight: 600;
line-height: 1.25;
}
.rbwn-renewal-title {
color: #30384b;
margin: 0 0 5px;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.rbwn-renewal-meta {
color: #737e93;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rbwn-renewal-footer {
color: #66718a;
background-color: #faf7ec;
border-radius: 8px;
align-items: center;
gap: 12px;
margin-top: 10px;
padding: 15px 12px;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.rbwn-section-1 {
color: #222;
padding: 0 24px;
font-family: Geist, sans-serif;
font-size: 16px;
font-weight: 450;
line-height: 1.45;
display: block;
}
.rbwn-native-tabs {
display: contents;
}
.rbwn-native-tabs:before, .rbwn-native-tabs:after {
display: none;
}
.rbwn-grid {
border-top: 1px solid #e3e5ee;
grid-template-rows: auto auto auto;
grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
align-items: start;
gap: 0 64px;
max-width: 1366px;
margin: 0 auto;
padding: 72px 0;
display: grid;
}
.rbwn-panel {
width: 100%;
min-width: 0;
}
.rbwn-tab {
outline-offset: 0px;
color: #222;
background-color: #0000;
border-radius: 7px;
outline-width: 0;
outline-style: none;
width: 100%;
padding: 0;
text-decoration: none;
display: block;
}
.rbwn-tab:hover {
background-color: #f8f8fc;
}
.rbwn-tab:focus, .rbwn-tab:focus-visible, .rbwn-tab[data-wf-focus-visible] {
outline-offset: 0px;
outline-width: 0;
outline-style: none;
}
.rbwn-panel-content {
width: 100%;
min-width: 0;
}
.rbwn-icon--icon-small {
width: 18px;
height: 18px;
color: inherit;
flex-shrink: 0;
display: block;
}
.rbwn-progress-track--initial-track {
background-color: #dcdffd;
width: 3px;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.rbwn-tab-description--initial-open {
color: #626a7b;
margin-top: 8px;
font-size: 15px;
font-weight: 450;
line-height: 1.5;
display: block;
}
.rbwn-icon--tile-icon {
width: 24px;
height: 24px;
color: inherit;
flex-shrink: 0;
display: block;
}
.rbwn-badge--badge-green {
color: #23794d;
white-space: nowrap;
background-color: #eaf7ef;
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 5px 9px;
font-size: 12px;
line-height: 1.3;
display: inline-flex;
}
.rbwn-ui-active--ui-tab {
color: #515dcc;
border-bottom: 2px solid #606df1;
padding: 0 0 12px;
font-weight: 550;
}
.rbwn-badge--badge-amber--notice-badge {
color: #986018;
white-space: nowrap;
background-color: #fff0d7;
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 5px 9px;
font-size: 12px;
line-height: 1.3;
display: inline-flex;
}
.rbwn-icon--icon-small--doc-icon {
color: #606df1;
flex-shrink: 0;
width: 18px;
height: 18px;
display: block;
}
.rbwn-icon--filter-icon {
color: #606df1;
flex-shrink: 0;
width: 13px;
height: 13px;
display: block;
}
.rbwn-stat--stat-highlight {
background-color: #efeeff;
border: 1px solid #e4e3fb;
border-radius: 9px;
padding: 17px 12px;
}
.rbwn-stat-value--value-highlight {
color: #515dcc;
letter-spacing: -.04em;
font-size: 35px;
font-weight: 600;
line-height: 1.1;
display: block;
}
.rbwn-table-head--table-number {
color: #737c8e;
text-align: right;
border-bottom: 1px solid #e3e5ee;
padding: 10px 0;
font-size: 11px;
font-weight: 500;
}
.rbwn-table-cell--table-number {
text-align: right;
border-bottom: 1px solid #f0f1f6;
padding: 12px 0;
}
.rbwn-badge--badge-amber--renewal-badge {
color: #986018;
white-space: nowrap;
background-color: #fff0d7;
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 5px 9px;
font-size: 12px;
line-height: 1.3;
display: inline-flex;
}
.rbwn-badge--badge-purple--renewal-badge {
color: #5661a3;
white-space: nowrap;
background-color: #eff0fd;
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 5px 9px;
font-size: 12px;
line-height: 1.3;
display: inline-flex;
}
.rbwn-icon--footer-icon {
color: #606df1;
flex-shrink: 0;
width: 24px;
height: 24px;
display: block;
}
.rbwn-enrollment-flag {
vertical-align: -2px;
border: 1px solid #e3e5ee;
border-radius: 2px;
width: 20px;
height: 14px;
margin-right: 8px;
display: inline-block;
overflow: hidden;
}
.rbwn-enrollment-flag-art {
width: 100%;
height: 100%;
display: block;
}
.rpwn-subtitle {
color: #626a7b;
margin: -10px 0 24px;
font-size: 14px;
line-height: 1.5;
}
.rpwn-rule-list {
flex-direction: column;
row-gap: 10px;
display: flex;
}
.rpwn-rule-row {
border: 1px solid #e3e5ee;
border-radius: 8px;
align-items: center;
column-gap: 14px;
padding: 14px;
display: flex;
}
.rpwn-row-icon {
color: #606df1;
flex-shrink: 0;
justify-content: center;
align-items: center;
display: inline-flex;
}
.rpwn-rule-copy {
min-width: 0;
}
.rpwn-rule-label {
color: #222;
margin-bottom: 3px;
font-size: 14px;
font-weight: 600;
}
.rpwn-rule-value {
color: #626a7b;
font-size: 13px;
line-height: 1.4;
}
.rpwn-note {
color: #626a7b;
background-color: #fffbed;
border-radius: 8px;
align-items: center;
column-gap: 12px;
margin-top: 20px;
padding: 17px 14px;
font-size: 13px;
display: flex;
}
.rpwn-subheading {
color: #222;
margin: 0 0 14px;
font-size: 14px;
font-weight: 550;
line-height: 1.4;
}
.rpwn-summary {
background-color: #f4f3ff;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 12px;
margin-bottom: 26px;
padding: 18px 14px;
display: grid;
}
.rpwn-summary-item {
min-width: 0;
}
.rpwn-summary-label {
color: #626a7b;
margin-bottom: 7px;
font-size: 12px;
line-height: 1.4;
}
.rpwn-summary-value {
color: #222;
letter-spacing: -.035em;
font-size: 27px;
font-weight: 600;
line-height: 1.15;
}
.rpwn-table-scroll {
width: 100%;
overflow: auto hidden;
}
.rpwn-runs {
color: #465169;
border-collapse: collapse;
width: 100%;
font-size: 12px;
line-height: 1.4;
}
.rpwn-run-head {
color: #737c8e;
text-align: left;
border-bottom: 1px solid #e3e5ee;
padding: 10px 8px;
font-size: 11px;
font-weight: 500;
}
.rpwn-run-head-members {
color: #737c8e;
text-align: center;
border-bottom: 1px solid #e3e5ee;
padding: 10px 8px;
font-size: 11px;
font-weight: 500;
}
.rpwn-run-row {
background-color: #0000;
}
.rpwn-run-current {
background-color: #f4f3ff;
}
.rpwn-run-date {
color: #222;
white-space: nowrap;
border-bottom: 1px solid #e3e5ee;
padding: 16px 8px;
}
.rpwn-run-cell {
white-space: nowrap;
border-bottom: 1px solid #e3e5ee;
padding: 16px 8px;
}
.rpwn-run-members {
text-align: center;
border-bottom: 1px solid #e3e5ee;
padding: 16px 8px;
}
.rpwn-status-processing {
color: #606df1;
white-space: nowrap;
background-color: #eae8ff;
border-radius: 6px;
align-items: center;
column-gap: 5px;
padding: 5px 7px;
font-size: 11px;
line-height: 1.3;
display: inline-flex;
}
.rpwn-status-complete {
color: #23794d;
white-space: nowrap;
background-color: #eaf7ef;
border-radius: 6px;
align-items: center;
column-gap: 5px;
padding: 5px 7px;
font-size: 11px;
line-height: 1.3;
display: inline-flex;
}
.rpwn-member-total {
padding: 20px 0 26px;
}
.rpwn-member-label {
color: #626a7b;
margin: 0 0 10px;
font-size: 14px;
line-height: 1.4;
}
.rpwn-member-value {
color: #222;
letter-spacing: -.04em;
margin-bottom: 20px;
font-size: 44px;
font-weight: 600;
line-height: 1.15;
}
.rpwn-contribution-bar {
border-radius: 5px;
width: 100%;
height: 16px;
margin-bottom: 17px;
display: flex;
overflow: hidden;
}
.rpwn-employer-segment {
background-color: #606df1;
width: 50%;
height: 100%;
}
.rpwn-employee-segment {
background-color: #d5d2ff;
width: 50%;
height: 100%;
}
.rpwn-legend {
color: #333d51;
flex-wrap: wrap;
gap: 12px 28px;
font-size: 13px;
display: flex;
}
.rpwn-legend-item {
align-items: center;
column-gap: 7px;
display: flex;
}
.rpwn-dot-employer {
background-color: #606df1;
border-radius: 50%;
flex-shrink: 0;
width: 10px;
height: 10px;
display: block;
}
.rpwn-dot-employee {
background-color: #d5d2ff;
border-radius: 50%;
flex-shrink: 0;
width: 10px;
height: 10px;
display: block;
}
.rpwn-member-menu {
background-color: #fffbed;
border-radius: 8px;
flex-direction: column;
margin-top: 14px;
padding: 2px 16px;
display: flex;
}
.rpwn-member-row {
color: #465169;
align-items: center;
column-gap: 12px;
padding: 19px 0;
font-size: 14px;
display: flex;
}
.rpwn-chevron {
color: #606df1;
margin-left: auto;
font-size: 22px;
}
.rpwn-pricing-link {
color: #606df1;
font-size: 14px;
text-decoration: underline;
}
.rp-page {
color: #222;
background-color: #f4f3f1;
font-family: Geist, sans-serif;
}
.rp-shell {
width: calc(100% - 32px);
max-width: 1240px;
margin: 0 auto;
}
.rp-hero {
text-align: center;
background-color: #f4f3f1;
padding: 96px 0 48px;
}
.rp-eyebrow {
color: #606df1;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 16px;
font-size: 13px;
font-weight: 700;
}
.rp-h1 {
letter-spacing: -.035em;
max-width: 760px;
margin: 0 auto 18px;
font-family: Happy Times, sans-serif;
font-size: 72px;
font-weight: 400;
line-height: .92;
}
.rp-h2 {
margin: 0 0 10px;
font-family: Happy Times, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 1;
}
.rp-price {
font-family: Happy Times, sans-serif;
font-size: 54px;
font-weight: 400;
line-height: 1;
}
.rp-custom-price {
text-align: center;
margin: 5px 0 2px;
font-family: Happy Times, sans-serif;
font-size: 39px;
font-weight: 400;
line-height: 1.05;
}
.rp-cta-title {
margin: 0 0 8px;
font-family: Happy Times, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 1;
}
.rp-lead {
color: #626a7b;
max-width: 680px;
margin: 0 auto 24px;
font-size: 18px;
line-height: 1.55;
}
.rp-jumps {
grid-column-gap: 18px;
grid-row-gap: 9px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.rp-jump {
color: #515dcc;
text-underline-offset: 3px;
font-size: 14px;
text-decoration: underline;
}
.rp-dot {
color: #959baa;
}
.rp-catalog {
background-color: #f4f3f1;
padding: 12px 0 88px;
}
.rp-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(6, minmax(0, 1fr));
display: grid;
}
.rp-card {
background-color: #fff;
border: 1px solid #e3e5ee;
border-radius: 16px;
flex-direction: column;
grid-column-start: span 2;
min-height: 500px;
padding: 30px;
display: flex;
box-shadow: 0 10px 34px #22222209;
}
.rp-card-wide {
grid-column-start: span 3;
min-height: 390px;
}
.rp-card-kicker {
color: #626a7b;
letter-spacing: .08em;
text-transform: uppercase;
grid-row-start: 1;
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
line-height: 16px;
}
.rp-card-title {
color: #222;
grid-row-start: 2;
margin: 0;
font-family: Happy Times, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
}
.rp-card-desc {
color: #505568;
grid-row-start: 3;
min-height: 0;
margin: 0;
font-family: Geist, sans-serif;
font-size: 14px;
line-height: 21px;
}
.rp-price-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-row-start: 4;
justify-content: flex-start;
align-self: center;
align-items: baseline;
display: flex;
}
.rp-price-term {
color: #626a7b;
font-size: 16px;
}
.rp-price-detail {
color: #505568;
text-align: left;
grid-row-start: 5;
justify-content: flex-start;
min-height: 23px;
margin-top: 0;
font-family: Geist, sans-serif;
font-size: 14px;
line-height: 22px;
display: flex;
}
.rp-price-note {
color: #626a7b;
text-align: center;
grid-row-start: 6;
margin-top: 0;
font-family: Geist, sans-serif;
font-size: 12px;
line-height: 18px;
display: flex;
}
.rp-custom-note {
color: #505568;
text-align: center;
grid-row-start: 5;
margin: 0;
font-family: Geist, sans-serif;
font-size: 14px;
line-height: 22px;
display: flex;
}
.rp-included {
background-color: var(--grey-10);
color: #515dcc;
text-align: center;
border-radius: 7px;
grid-row-start: 7;
place-self: start center;
margin-top: 2px;
padding: 6px 12px;
font-family: Geist, sans-serif;
font-size: 12px;
line-height: 18px;
display: flex;
}
.rp-rule {
background-color: #e3e5ee;
grid-row-start: 8;
width: 100%;
height: 1px;
margin: 0;
}
.rp-feature-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
grid-row-start: 9;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
list-style-type: none;
display: flex;
}
.rp-feature-item {
grid-column-gap: 10px;
color: #414655;
align-items: flex-start;
padding-left: 0;
font-family: Geist, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
display: flex;
}
.rp-button {
color: #606df1;
text-align: center;
white-space: nowrap;
border: 1.5px solid #606df1;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 42px;
padding: 9px 20px;
font-family: Geist, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
display: flex;
}
.rp-button-primary {
color: #fff;
background-color: #606df1;
}
.rp-card-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
grid-row-start: 10;
justify-content: flex-end;
align-items: stretch;
margin-top: 0;
display: flex;
}
.rp-text-link {
color: #606df1;
text-align: center;
text-underline-offset: 3px;
padding-top: 0;
padding-bottom: 0;
font-family: Geist, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20px;
text-decoration: underline;
display: block;
}
.rp-details {
background-color: #f4f3f1;
padding: 78px 0 84px;
}
.rp-section-head {
text-align: center;
margin-bottom: 30px;
}
.rp-section-sub {
color: #626a7b;
margin: 0;
font-size: 16px;
}
.rp-accordion {
background-color: var(--parchment);
box-shadow: none;
border: 1px solid #eeecff;
border-radius: 16px;
overflow: hidden;
}
.rp-detail {
border-bottom: 1px solid #dedbf8;
}
.rp-summary {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #222;
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 1fr auto auto;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 60px;
padding: 18px 24px;
font-family: Geist, sans-serif;
font-weight: 500;
list-style: none;
display: flex;
position: relative;
}
.rp-summary-name {
pointer-events: none;
color: #222;
font-variation-settings: normal;
letter-spacing: -.01em;
flex-grow: 1;
font-size: 17px;
font-weight: 600;
line-height: 24px;
}
.rp-summary-meta {
pointer-events: none;
color: #626a7b;
font-size: 13px;
font-weight: 400;
line-height: 20px;
}
.rp-summary-mark {
pointer-events: none;
color: #222;
text-align: center;
flex-shrink: 0;
width: 22px;
font-family: Geist, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.rp-detail-body {
background-color: var(--white-100);
color: #505568;
padding: 12px 24px 24px;
font-family: Geist, sans-serif;
}
.rp-detail-grid {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 8px 0 26px;
display: grid;
}
.rp-detail-heading {
color: #222;
margin: 0 0 15px;
font-family: Geist, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.rp-detail-list {
grid-column-gap: 11px;
grid-row-gap: 12px;
flex-direction: column;
margin: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.rp-detail-item {
grid-column-gap: 10px;
color: #505568;
align-items: flex-start;
padding-left: 0;
font-family: Geist, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
display: flex;
}
.rp-pricing-strip {
background-color: #f0efff;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 16px;
padding: 18px 20px;
display: grid;
}
.rp-pricing-cell {
border-right: 1px solid #d9d8f4;
padding: 0 18px;
}
.rp-pricing-label {
color: #222;
margin-bottom: 4px;
font-family: Geist, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.rp-pricing-value {
font-family: Happy Times, sans-serif;
font-size: 22px;
}
.rp-detail-link {
color: #515dcc;
font-size: 14px;
text-decoration: none;
}
.rp-faq {
background-color: #f4f3f1;
padding: 70px 0 32px;
}
.rp-faq-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: .7fr 1.3fr;
align-items: start;
display: grid;
}
.rp-faq-title {
margin: 0;
font-family: Happy Times, sans-serif;
font-size: 52px;
font-weight: 400;
line-height: .95;
}
.rp-faq-list {
background-color: #f4f3ff;
border: 1px solid #eeecff;
border-radius: 14px;
overflow: hidden;
}
.rp-faq-item {
border-bottom: 1px solid #e3e5ee;
}
.rp-faq-summary {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #505568;
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 60px;
padding: 20px 22px;
font-family: Geist, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
list-style: none;
display: flex;
}
.rp-faq-answer {
color: #505568;
padding: 0 22px 22px;
font-family: Geist, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.55;
}
.rp-cta {
background-color: #f4f3f1;
padding: 40px 0 88px;
}
.rp-cta-panel {
grid-column-gap: 40px;
grid-row-gap: 40px;
color: #fff;
background-color: #606df1;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
padding: 34px 40px;
display: grid;
}
.rp-cta-copy {
color: #fff;
margin: 0;
font-family: Geist, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.rp-cta-button {
color: #515dcc;
background-color: #fff;
border-radius: 999px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 10px 24px;
font-family: Geist, sans-serif;
font-weight: 400;
text-decoration: none;
display: flex;
}
.rp-hero-1 {
color: #222;
text-align: center;
background-color: #fff;
padding: 64px 0 36px;
font-family: Geist, sans-serif;
}
.rp-shell-1 {
width: calc(100% - 32px);
max-width: 1240px;
margin: 0 auto;
}
.rp-eyebrow-1 {
color: #606df1;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 16px;
font-family: Geist, sans-serif;
font-size: 13px;
font-weight: 700;
}
.rp-h1-1 {
letter-spacing: -.035em;
max-width: 760px;
margin: 0 auto 18px;
font-family: Happy Times, sans-serif;
font-size: clamp(42px, 6vw, 72px);
font-weight: 400;
line-height: .92;
}
.rp-lead-1 {
color: #505568;
max-width: 680px;
margin: 0 auto 24px;
font-family: Geist, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.rp-jump-1 {
color: #515dcc;
text-underline-offset: 3px;
font-family: Geist, sans-serif;
font-size: 14px;
text-decoration: underline;
}
.rp-catalog-1 {
color: #222;
background-color: #fff;
padding: 12px 0 64px;
font-family: Geist, sans-serif;
}
.rp-grid-1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
display: grid;
}
.rp-card-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-width: 0;
min-height: 540px;
box-shadow: none;
color: #222;
background-color: #f4f3ff;
border: 1px solid #eeecff;
border-radius: 16px;
flex-direction: column;
flex: 30%;
grid-column: span 2;
grid-template-rows: 18px 32px 48px 58px 26px 22px 38px 1px minmax(118px, 1fr) 84px;
grid-template-columns: minmax(0, 1fr);
padding: 28px 28px 24px;
font-family: Geist, sans-serif;
font-weight: 400;
display: grid;
}
.rp-card-wide-1 {
flex-basis: 44%;
min-height: 390px;
}
.rp-price-1 {
color: #222;
font-family: Happy Times, sans-serif;
font-size: 52px;
font-weight: 400;
line-height: 1;
}
.rp-custom-price-1 {
color: #222;
text-align: center;
grid-row-start: 4;
margin: 0;
font-family: Happy Times, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 50px;
display: flex;
}
.rp-details-1 {
color: #222;
background-color: #fff;
padding: 64px 0 0;
font-family: Geist, sans-serif;
}
.rp-h2-1 {
margin: 0 0 10px;
font-family: Happy Times, sans-serif;
font-size: clamp(38px, 5vw, 50px);
font-weight: 400;
line-height: 1;
}
.rp-detail-grid-1 {
grid-column-gap: 40px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
padding: 8px 0 26px;
display: grid;
}
.rp-pricing-strip-1 {
background-color: var(--pastel-4);
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 16px;
padding: 16px 20px;
display: grid;
}
.rp-pricing-cell-1 {
border-right: 1px solid #d9d8f4;
padding: 8px 18px;
}
.rp-pricing-value-1 {
color: #222;
font-family: Happy Times, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
}
.rp-closing {
color: #222;
background-color: #fff;
font-family: Geist, sans-serif;
}
.rp-faq-1 {
background-color: #fff;
padding: 44px 0 0;
}
.rp-faq-grid-1 {
grid-column-gap: 48px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .62fr 1.38fr;
align-items: start;
display: grid;
}
.rp-faq-title-1 {
color: #222;
margin: 0;
font-family: Happy Times, sans-serif;
font-size: clamp(40px, 5vw, 52px);
font-weight: 400;
line-height: .95;
}
.rp-cta-1 {
background-color: #fff;
padding: 40px 0 88px;
}
.rp-cta-panel-1 {
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #fff;
background-color: #606df1;
border-radius: 16px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 32px 36px;
display: flex;
}
.rp-cta-title-1 {
color: #fff;
margin: 0 0 8px;
font-family: Happy Times, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 1.15;
}
.rpr-check {
color: #fff;
background-color: #606df1;
border-radius: 100%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 16px;
min-width: 16px;
height: 16px;
margin-top: 2px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 16px;
display: flex;
}
.rpr-quote-card {
min-width: 0;
min-height: 0;
box-shadow: none;
background-color: #f4f3ff;
border: 1px solid #eeecff;
border-radius: 16px;
flex-direction: column;
flex: 30%;
grid-template-rows: 18px 32px 32px 54px 34px 114px 44px 44px;
grid-template-columns: minmax(0, 1fr);
grid-column-start: span 3;
padding: 28px 28px 24px;
font-family: Geist, sans-serif;
display: grid;
}
.rpr-quote-features {
grid-row-gap: 10px;
flex-direction: column;
grid-row-start: 6;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0;
list-style-type: none;
display: flex;
}
.rpr-quote-actions {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-row-start: 8;
align-items: center;
display: grid;
}
.rdh-page {
color: #292837;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.rdh-page.rdh-header-wrap {
z-index: 100;
position: sticky;
top: 0;
}
.rdh-test {
padding: 48px;
}
.rdh-probe {
color: #333;
}
.rdh-unused-test {
padding: 13px;
}
.rdh-page-1 {
color: #282735;
font-synthesis: none;
background-color: #fff;
font-family: Geist, sans-serif;
overflow-x: hidden;
}
.rdh-wrap {
max-width: 1264px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
}
.rdh-contained {
border-radius: 24px;
width: calc(100% - 48px);
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.rdh-section {
padding-top: 104px;
padding-bottom: 104px;
}
.rdh-eyebrow {
color: #656185;
letter-spacing: .13em;
text-transform: uppercase;
margin-bottom: 20px;
font-size: .75rem;
font-weight: 550;
line-height: 1.6;
}
.rdh-eyebrow.rfx-kicker-text {
margin-bottom: 0;
}
.rdh-h1 {
letter-spacing: -3.2px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: clamp(48px, 5.2vw, 74px);
font-weight: 500;
line-height: 1.04;
}
.rdh-h1.rhi-hero-title {
max-width: 600px;
}
.rdh-h1.rdc-hero-title {
max-width: 520px;
}
.rdh-h2 {
letter-spacing: -1.8px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: clamp(34px, 3.45vw, 48px);
font-weight: 500;
line-height: 1.12;
}
.rdh-h2.rba-global-h2 {
color: #f9f6ff;
margin-bottom: 22px;
}
.rdh-h2.rrd-dark-h2, .rdh-h2.rfx-dark-h2 {
color: #f9f6ff;
}
.rdh-h2.rhi-dark-h2 {
color: #fff;
}
.rdh-h2.rdc-dark-h2 {
color: #fff;
max-width: 680px;
}
.rdh-h3 {
letter-spacing: -.7px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.25;
}
.rdh-em {
color: #5967e9;
letter-spacing: -1.5px;
font-family: Georgia, Times, Times New Roman, serif;
font-style: italic;
font-weight: 400;
}
.rdh-em.rba-block-em {
margin-top: 4px;
display: block;
}
.rdh-em.rdc-closing-em {
color: #7463b6;
}
.rdh-body {
color: #696775;
margin: 0;
font-size: 1.0625rem;
line-height: 1.7;
}
.rdh-body.rdh-section-head-body {
font-size: 1rem;
}
.rdh-body.rdh-dark-body.rhi-global-body {
max-width: 470px;
}
.rdh-body.rba-hero-body {
max-width: 380px;
}
.rdh-body.rba-split-body {
max-width: 520px;
padding-top: 34px;
}
.rdh-body.rba-work-body {
margin-top: 20px;
}
.rdh-body.rba-people-body {
max-width: 520px;
margin-top: 22px;
}
.rdh-body.rba-agent-body {
max-width: 500px;
margin-top: 22px;
}
.rdh-body.rrd-hero-body {
max-width: 430px;
margin-top: 24px;
}
.rdh-body.rrd-lede {
margin-top: 24px;
}
.rdh-body.rrd-launch-body {
max-width: 520px;
}
.rdh-body.rfx-hero-body {
max-width: 420px;
margin-top: 24px;
}
.rdh-body.rfx-demo-body {
max-width: 380px;
margin-top: 22px;
}
.rdh-body.rfx-admin-body {
max-width: 420px;
margin-top: 22px;
}
.rdh-body.rfx-pricing-body {
max-width: 400px;
margin-top: 22px;
}
.rdh-body.rhi-hero-body {
max-width: 440px;
margin-top: 26px;
}
.rdh-body.rhi-guidance-body {
max-width: 460px;
margin-top: 22px;
}
.rdh-body.rhi-onboarding-body {
max-width: 440px;
}
.rdh-body.rdc-hero-body {
max-width: 420px;
margin-top: 26px;
}
.rdh-body.rdc-people-body {
max-width: 500px;
margin-top: 23px;
}
.rdh-body.rdc-flex-body {
max-width: 520px;
margin-top: 20px;
}
.rdh-body.rdc-pricing-body {
max-width: 450px;
margin-top: 21px;
}
.rdh-body.rrd-demo-body {
max-width: 400px;
margin-top: 22px;
}
.rdh-img {
max-width: 100%;
display: block;
}
.rdh-button {
color: #fff;
text-align: center;
background-color: #5967e9;
border: 1px solid #5967e9;
border-radius: 9px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 14px 21px;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.rdh-button.rfx-price-button {
width: 100%;
margin-top: 24px;
display: flex;
}
.rdh-button-secondary {
color: #282735;
background-color: #ffffff65;
border-color: #d7d4e2;
}
.rdh-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.rdh-actions.rba-hero-actions {
margin-top: 27px;
}
.rdh-actions.rba-closing-actions {
justify-content: center;
}
.rdh-actions.rrd-hero-actions {
margin-top: 27px;
}
.rdh-actions.rrd-closing-actions {
justify-content: center;
}
.rdh-actions.rfx-hero-actions {
grid-column-gap: 22px;
margin-top: 30px;
}
.rdh-actions.rfx-cta-actions {
justify-content: center;
}
.rdh-actions.rhi-hero-actions {
margin-top: 30px;
}
.rdh-actions.rhi-closing-actions {
justify-content: center;
}
.rdh-actions.rdc-hero-actions {
margin-top: 28px;
}
.rdh-actions.rdc-closing-actions {
justify-content: center;
}
.rdh-text-link {
color: #505bcf;
border-bottom: 1px solid #b6bcf3;
margin-top: 22px;
padding-bottom: 5px;
font-size: .9375rem;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.rdh-text-link.rdh-dark-link.rdc-admin-link {
margin-top: 0;
}
.rdh-text-link.rhi-pricing-link {
white-space: nowrap;
flex: none;
margin-top: 0;
}
.rdh-site-header {
z-index: 50;
grid-column-gap: 30px;
grid-row-gap: 30px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #fffffff2;
border-bottom: 1px solid #f0eef350;
align-items: center;
max-width: 1496px;
height: 90px;
margin-left: auto;
margin-right: auto;
padding: 0 46px;
display: flex;
position: relative;
}
.rdh-brand {
flex-shrink: 0;
width: 108px;
display: block;
}
.rdh-brand-image {
object-fit: contain;
width: 100%;
height: 39px;
}
.rdh-main-nav {
grid-column-gap: 25px;
grid-row-gap: 25px;
align-self: stretch;
align-items: stretch;
margin: 0 auto;
display: flex;
}
.rdh-nav-item {
position: static;
}
.rdh-nav-trigger {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #53505f;
white-space: nowrap;
background-color: #0000;
align-items: center;
padding: 17px 0;
font-size: .875rem;
font-weight: 600;
display: flex;
}
.rdh-nav-link {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #53505f;
white-space: nowrap;
background-color: #0000;
align-items: center;
padding: 17px 0;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
display: flex;
}
.rdh-nav-chevron {
flex-shrink: 0;
width: 12px;
height: 12px;
}
.rdh-header-actions {
grid-column-gap: 25px;
grid-row-gap: 25px;
white-space: nowrap;
align-items: center;
display: flex;
}
.rdh-login {
color: #282735;
font-size: .875rem;
text-decoration: none;
}
.rdh-header-button {
color: #fff;
text-align: center;
background-color: #5967e9;
border: 1px solid #5967e9;
border-radius: 9px;
justify-content: center;
align-items: center;
min-height: 42px;
padding: 11px 16px;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.rdh-mega-menu {
z-index: 100;
visibility: inherit;
background-color: #fff;
border: 1px solid #e5e2ef;
border-radius: 17px;
display: block;
position: absolute;
top: 77px;
left: 40px;
right: 40px;
overflow: hidden;
box-shadow: 0 22px 50px #3025481c;
}
.rdh-mega-menu-resources {
left: 30%;
right: 15%;
}
.rdh-mega-menu-company {
width: 300px;
left: auto;
right: 29%;
}
.rdh-menu-grid {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr 1fr;
padding: 30px;
display: grid;
}
.rdh-menu-grid-two, .rdh-menu-grid-one {
grid-template-rows: auto;
grid-template-columns: 1fr;
gap: 38px;
padding: 30px;
display: grid;
}
.rdh-menu-column {
min-width: 0;
}
.rdh-menu-eyebrow {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #898193;
letter-spacing: .1em;
text-transform: uppercase;
align-items: center;
margin-bottom: 13px;
font-size: .75rem;
display: flex;
}
.rdh-menu-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #282735;
text-align: left;
background-color: #0000;
border-radius: 7px;
flex-direction: row;
align-items: flex-start;
width: calc(100% + 20px);
margin: 0 -10px;
padding: 12px 10px;
font-size: .9375rem;
font-weight: 500;
line-height: 1.45;
text-decoration: none;
display: flex;
}
.rdh-menu-link:hover {
color: #505bcf;
background-color: #f6f5fb;
}
.rdh-menu-copy {
flex: 1;
min-width: 0;
display: block;
}
.rdh-menu-copy-small {
color: #817b8b;
margin-top: 4px;
font-size: .8125rem;
font-weight: 400;
display: block;
}
.rdh-menu-icon {
color: #6972cf;
flex: 0 0 20px;
width: 20px;
height: 20px;
display: block;
}
.rdh-menu-eyebrow-icon {
color: #817896;
flex: 0 0 15px;
width: 15px;
height: 15px;
display: block;
}
.rdh-subitems {
border-left: 1px solid #e7e1ef;
margin: 2px 0 9px 2px;
padding-left: 17px;
}
.rdh-menu-placeholder {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #817a8b;
justify-content: space-between;
align-items: center;
padding: 8px 0;
font-size: .8125rem;
line-height: 1.5;
display: flex;
}
.rdh-menu-item-label {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 1;
align-items: flex-start;
min-width: 0;
display: flex;
}
.rdh-menu-planned {
color: #8c8596;
background-color: #f1f0f5;
border-radius: 4px;
flex-shrink: 0;
padding: 1px 5px;
font-size: .75rem;
}
.rdh-menu-bottom {
color: #827b8b;
background-color: #f8f7fb;
border-top: 1px solid #eeeaf3;
justify-content: space-between;
padding: 17px 30px;
font-size: .8125rem;
display: flex;
}
.rdh-menu-bottom-link {
color: #565fbe;
white-space: nowrap;
align-items: center;
gap: 8px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.rdh-mobile-toggle, .rdh-mobile-actions {
display: none;
}
.rdh-hero {
grid-column-gap: 42px;
grid-row-gap: 42px;
background-color: #f5f4ff;
background-image: radial-gradient(at 75% 90%, #e4f2eb 0, #0000 45%);
grid-template-rows: auto;
grid-template-columns: 1fr 1.06fr;
padding: 48px 60px 0;
display: grid;
overflow: hidden;
}
.rdh-hero-copy {
align-self: center;
padding: 12px 0 20px;
}
.rdh-hero-h1 {
font-size: clamp(48px, 5vw, 72px);
}
.rdh-hero-description {
color: #6b667b;
max-width: 415px;
margin: 26px 0;
font-size: 1.125rem;
line-height: 1.65;
}
.rdh-hero-note {
color: #70667c;
margin-top: 19px;
font-size: .75rem;
}
.rdh-hero-stage {
min-width: 0;
padding: 0 0 5px;
position: relative;
}
.rdh-hero-composition {
isolation: isolate;
align-self: center;
width: 100%;
min-width: 0;
max-width: 620px;
margin: auto;
padding: 0 0 5px;
}
.rdh-hero-photo, .rdh-hero-portrait {
border-radius: 128px 24px 52px;
height: 355px;
margin-left: 32px;
position: relative;
overflow: hidden;
}
.rdh-hero-photo-image {
object-fit: cover;
object-position: 50% 37%;
width: 100%;
height: 100%;
}
.rdh-hero-benefits-pass {
z-index: 1;
background-color: #fff;
border: 1px solid #fff;
border-radius: 24px;
margin: -57px 18px 0 0;
padding: 23px 25px 24px;
position: relative;
box-shadow: 0 18px 42px -18px #635e8945, 0 3px 9px #71639506;
}
.rdh-hero-pass-heading {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.rdh-hero-connected {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #776c85;
align-items: center;
font-size: .75rem;
line-height: 1.3;
display: flex;
}
.rdh-hero-pass-title {
letter-spacing: -.75px;
margin: 12px 0;
font-size: 1.45rem;
font-weight: 500;
line-height: 1.3;
}
.rdh-hero-benefit-scenes {
grid-column-gap: 9px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.rdh-hero-benefit-scene {
background-color: #f0edf9;
border-radius: 13px;
min-width: 0;
padding: 13px 11px 11px;
overflow: hidden;
}
.rdh-hero-benefit-heading {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #564c75;
align-items: center;
font-size: .8125rem;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rdh-hero-benefit-icon {
color: #8b7ac5;
background-color: #fff9;
border-radius: 8px;
flex: 0 0 25px;
place-items: center;
width: 25px;
height: 25px;
display: grid;
}
.rdh-hero-symbol {
width: 18px;
height: 18px;
display: block;
}
.rdh-hero-growth-chart {
width: 100%;
height: 53px;
margin: 11px 0 8px;
display: block;
overflow: hidden;
}
.rdh-hero-growth-flow {
transform: translate(0);
}
.rdh-hero-benefit-caption {
color: #746b83;
letter-spacing: -.15px;
white-space: nowrap;
font-size: .75rem;
line-height: 1.4;
display: block;
}
.rdh-hero-health {
background-color: #edf5f0;
}
.rdh-hero-health-graphic {
place-items: center;
height: 53px;
margin: 11px 0 8px;
display: grid;
position: relative;
}
.rdh-hero-health-orbit {
border: 1px solid #b9d4c7;
border-radius: 50%;
width: 94px;
height: 48px;
position: absolute;
transform: rotate(-17deg);
}
.rdh-hero-health-orbit-inner {
border-color: #cbded2;
width: 65px;
height: 45px;
transform: rotate(30deg);
}
.rdh-hero-health-cross-orbit {
z-index: 2;
width: 94px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)rotate(-17deg);
}
.rdh-hero-health-cross {
z-index: 2;
color: #fff;
background-color: #7eae96;
border: 2px solid #edf5f0;
border-radius: 50%;
place-items: center;
width: 21px;
height: 21px;
font-size: 19px;
line-height: 1;
display: grid;
position: absolute;
top: 0;
left: 0;
}
.rdh-hero-rewards {
background-color: #fbf0e7;
}
.rdh-hero-reward-graphic {
perspective: 600px;
justify-content: center;
align-items: center;
height: 53px;
margin: 11px 0 8px;
display: flex;
position: relative;
}
.rdh-hero-reward-rotor {
width: 100%;
height: 100%;
transform-style: preserve-3d;
transform-origin: center;
position: relative;
}
.rdh-hero-reward-slot {
width: 0;
height: 0;
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 50%;
}
.rdh-hero-reward-slot-visa {
transform-style: preserve-3d;
transform: translate3d(-33px, 4px, -19px);
}
.rdh-hero-reward-slot-amazon {
transform-style: preserve-3d;
transform: translate3d(0, 0, 38px);
}
.rdh-hero-reward-slot-nike {
transform-style: preserve-3d;
transform: translate3d(33px, 4px, -19px);
}
.rdh-hero-reward-brand {
z-index: 1;
backface-visibility: hidden;
background-color: #f8f4ed;
border: 1px solid #ecd6c7;
border-radius: 7px;
place-items: center;
width: 47px;
height: 35px;
display: grid;
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
box-shadow: 0 4px 8px #b58b7110;
}
.rdh-hero-reward-amazon {
width: 55px;
height: 41px;
}
.rdh-hero-reward-logo {
object-fit: contain;
width: 31px;
max-width: 31px;
height: 19px;
max-height: 19px;
}
.rdh-hero-bottom {
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #847990;
border-top: 1px solid #dcd9e8;
grid-column: 1 / -1;
justify-content: space-between;
margin-top: 5px;
padding: 22px 0 23px;
font-size: .8125rem;
display: flex;
}
.rdh-hero-bottom-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.rdh-partners {
text-align: center;
padding-top: 39px;
padding-bottom: 40px;
overflow: hidden;
}
.rdh-partner-caption {
color: #514b62;
letter-spacing: .01em;
justify-content: center;
align-items: center;
min-height: 32px;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.4;
display: flex;
position: relative;
}
.rdh-partner-window {
margin-top: 24px;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 4% 96%, #0000);
mask-image: linear-gradient(90deg, #0000, #000 4% 96%, #0000);
}
.rdh-partner-track {
will-change: transform;
width: max-content;
display: flex;
}
.rdh-partner-run {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex: none;
justify-content: space-around;
align-items: center;
min-width: calc(min(1264px, 100vw) - 96px);
padding-right: 60px;
display: flex;
}
.rdh-partner-logo {
opacity: .65;
filter: grayscale();
object-fit: contain;
flex-shrink: 0;
width: 125px;
height: 32px;
}
.rdh-section-head {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 44px;
display: flex;
}
.rdh-section-head-body {
max-width: 350px;
}
.rdh-intro-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
display: grid;
}
.rdh-intro-copy {
min-width: 0;
display: block;
}
.rdh-admin-description {
min-width: 0;
}
.rdh-admin-description-body {
max-width: none;
margin-top: 22px;
}
.rdh-plain-benefits {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 1px solid #e7e5ec;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 31px;
padding-top: 26px;
display: grid;
}
.rdh-plain-benefits-heading {
letter-spacing: -.2px;
margin-bottom: 9px;
font-size: 1rem;
}
.rdh-plain-benefits-copy {
color: #817b8d;
margin: 0;
font-size: .875rem;
line-height: 1.65;
}
.rdh-admin-stage {
background-image: linear-gradient(130deg, #eeecfc, #e5efe9);
border-radius: 23px;
min-width: 0;
margin: 0;
padding: 18px;
}
.rdh-admin-app-screenshot {
border-radius: 14px;
width: 100%;
height: auto;
display: block;
box-shadow: 0 12px 35px #49375f12;
}
.rdh-product-section {
background-color: #f7f6fb;
padding: 66px 52px;
}
.rdh-product-layout, .rdh-care-tabs {
display: block;
}
.rdh-care-tabs-menu {
float: none;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: 20px;
display: grid;
}
.rdh-care-tab {
grid-column-gap: 13px;
grid-row-gap: 13px;
min-height: 88px;
box-shadow: none;
color: #625871;
text-align: left;
background-color: #ffffff60;
border: 1px solid #e4dfed;
border-radius: 14px;
align-items: center;
padding: 18px 16px;
text-decoration: none;
display: flex;
position: relative;
}
.rdh-care-tabs-content {
display: block;
overflow: visible;
}
.rdh-care-tab-pane {
min-width: 0;
}
.rdh-care-tab-icon {
color: #7274bb;
background-color: #eae8f7;
border-radius: 10px;
flex: 0 0 37px;
place-items: center;
width: 37px;
height: 37px;
display: grid;
}
.rdh-care-icon {
flex-shrink: 0;
width: 21px;
height: 21px;
display: block;
}
.rdh-care-tab-label {
min-width: 0;
}
.rdh-care-tab-title {
color: #625871;
letter-spacing: -.25px;
font-size: .9375rem;
font-weight: 600;
line-height: 1.4;
display: block;
}
.rdh-care-tab-subtitle {
color: #81748e;
margin-top: 4px;
font-size: .75rem;
line-height: 1.4;
display: block;
}
.rdh-product-detail {
grid-column-gap: 38px;
grid-row-gap: 38px;
background-image: linear-gradient(115deg, #fff, #fbfaf5);
border: 1px solid #ebe7f1;
border-radius: 23px;
grid-template-rows: auto;
grid-template-columns: .84fr 1.16fr;
align-items: center;
min-height: 596px;
padding: 37px 36px;
display: grid;
overflow: hidden;
}
.rdh-product-detail-health {
background-image: linear-gradient(115deg, #fff, #fff5fb);
}
.rdh-product-detail-rewards {
background-image: linear-gradient(115deg, #fff, #edf5ef);
}
.rdh-product-detail-deferred {
background-image: linear-gradient(115deg, #fff, #f1f3ff);
}
.rdh-care-copy {
min-width: 0;
padding: 13px 0 13px 8px;
}
.rdh-care-product-symbol {
color: #7371bd;
background-color: #eeecf8;
border-radius: 14px;
place-items: center;
width: 52px;
height: 52px;
margin-bottom: 23px;
display: grid;
}
.rdh-care-kicker {
color: #71637e;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: .75rem;
font-weight: 500;
}
.rdh-care-detail-heading {
color: #33293f;
letter-spacing: -1.3px;
max-width: 420px;
font-size: clamp(1.8rem, 2.7vw, 2.4rem);
line-height: 1.1;
}
.rdh-care-detail-body {
color: #7a6c88;
max-width: 405px;
margin-top: 22px;
font-size: 1rem;
line-height: 1.7;
}
.rdh-care-detail-button {
align-self: flex-start;
min-height: 45px;
margin-top: 29px;
padding: 13px 18px;
font-size: .8125rem;
}
.rdh-care-highlights {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-top: 1px solid #e9e1ef;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 28px;
padding-top: 24px;
display: grid;
}
.rdh-care-highlight {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #71637e;
flex-direction: column;
align-items: flex-start;
font-size: .75rem;
line-height: 1.5;
display: flex;
}
.rdh-care-visual {
justify-content: center;
align-items: center;
min-width: 0;
display: flex;
}
.rdh-care-art {
width: 100%;
max-width: 520px;
position: relative;
}
.rdh-care-product-art {
filter: drop-shadow(0 13px 14px #59466706);
object-fit: contain;
width: 100%;
height: auto;
display: block;
}
.rdh-care-art-caption {
color: #71637e;
text-align: center;
margin-top: 12px;
font-size: .75rem;
display: block;
}
.rdh-reward-experience {
background-image: linear-gradient(145deg, #eff3ff, #e5f1e9);
border: 1px solid #fff;
border-radius: 27px;
width: 100%;
max-width: 485px;
padding: 23px;
box-shadow: 0 20px 40px #5b5a8610;
}
.rdh-reward-app-top {
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.rdh-reward-app-label {
color: #71637e;
letter-spacing: .11em;
font-size: .75rem;
}
.rdh-reward-people {
border-radius: 60px 13px 13px;
height: 112px;
position: relative;
overflow: hidden;
}
.rdh-reward-people-image {
object-fit: cover;
object-position: 50% 35%;
width: 100%;
height: 100%;
}
.rdh-reward-people-label {
grid-column-gap: 6px;
grid-row-gap: 6px;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
color: #71637e;
background-color: #ffffffde;
border: 1px solid #fff9;
border-radius: 25px;
align-items: center;
padding: 7px 10px;
font-size: .75rem;
display: flex;
position: absolute;
bottom: 11px;
left: 12px;
}
.rdh-reward-intro {
color: #5b4b68;
letter-spacing: -.5px;
margin: 18px 0 14px;
font-size: 1.1875rem;
font-weight: 500;
}
.rdh-reward-feature {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-image: linear-gradient(115deg, #fff8e5, #f8e3b2);
border: 1px solid #fffd;
border-radius: 16px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
align-items: start;
min-height: 163px;
padding: 23px 24px;
display: grid;
position: relative;
box-shadow: 0 10px 24px #79695212;
}
.rdh-reward-feature-image {
object-fit: contain;
object-position: left center;
align-self: center;
width: 106px;
height: 47px;
}
.rdh-reward-amount {
color: #5e5065;
text-align: right;
}
.rdh-reward-amount-label {
letter-spacing: .06em;
margin-bottom: 7px;
font-size: .75rem;
display: block;
}
.rdh-reward-amount-value {
letter-spacing: -1.8px;
font-size: 2.625rem;
font-weight: 500;
line-height: 1;
}
.rdh-reward-feature-copy {
color: #71637e;
align-self: end;
margin: 0;
font-size: .75rem;
}
.rdh-reward-card-mark {
color: #8c7799;
border: 1px solid #8b7a9a50;
border-radius: 50%;
place-self: end;
place-items: center;
width: 28px;
height: 28px;
display: grid;
}
.rdh-reward-choice-row {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
row-gap: 10px;
margin-top: 19px;
display: flex;
}
.rdh-reward-choice-label {
color: #71637e;
font-size: .75rem;
}
.rdh-reward-choices {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.rdh-reward-choice {
background-color: #ffffffb3;
border: 1px solid #fff;
border-radius: 8px;
place-items: center;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
display: grid;
}
.rdh-reward-choice-image {
object-fit: contain;
max-width: 31px;
max-height: 19px;
}
.rdh-reward-disclaimer {
color: #71637e;
text-align: center;
margin-top: 16px;
font-size: .75rem;
line-height: 1.4;
}
.rdh-intelligence-grid {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
display: grid;
}
.rdh-agent-stage {
background-color: #f3eff6;
background-image: radial-gradient(at 0 0, #e4e8fc, #0000 62%);
border-radius: 25px;
padding: 34px;
position: relative;
}
.rdh-app-brands {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 23px;
display: flex;
}
.rdh-app-brand-chip {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #72677b;
background-color: #ffffffb0;
border: 1px solid #fff;
border-radius: 7px;
align-items: center;
padding: 7px 10px;
font-size: .75rem;
display: flex;
}
.rdh-app-brand-icon {
width: 17px;
height: 17px;
}
.rdh-chat-question {
color: #fff;
background-color: #606ad7;
border-radius: 13px 13px 0;
width: fit-content;
max-width: min(86%, 330px);
margin: 0 0 16px auto;
padding: 16px 19px;
font-size: .875rem;
line-height: 1.6;
}
.rdh-chat-question.rdh-chat-q-inrow {
max-width: min(80%, 330px);
margin-bottom: 0;
margin-left: 0;
}
.rdh-chat-answer {
background-color: #fff;
border: 1px solid #eeebf2;
border-radius: 13px 13px 13px 0;
padding: 22px;
box-shadow: 0 12px 22px #56486e0b;
}
.rdh-chat-answer-name {
color: #6563b5;
margin-bottom: 11px;
font-size: .8125rem;
font-weight: 700;
display: block;
}
.rdh-chat-answer-name.rdh-chat-name-inrow {
margin-bottom: 0;
}
.rdh-chat-answer-copy {
color: #807387;
margin: 0;
font-size: .875rem;
line-height: 1.75;
}
.rdh-chat-source {
color: #70667c;
border-top: 1px solid #ede7ef;
margin-top: 16px;
padding-top: 13px;
font-size: .75rem;
}
.rdh-intelligence-copy {
min-width: 0;
}
.rdh-intelligence-body {
margin-top: 23px;
}
.rdh-intelligence-list {
grid-column-gap: 22px;
grid-row-gap: 22px;
margin-top: 27px;
display: grid;
}
.rdh-intelligence-list-heading {
letter-spacing: -.4px;
margin-bottom: 7px;
font-size: 1.125rem;
}
.rdh-intelligence-list-copy {
color: #70667c;
margin: 0;
font-size: .875rem;
line-height: 1.7;
}
.rdh-dark-section {
color: #fff;
background-color: #282735;
background-image: radial-gradient(at 90% 25%, #3b3a5c, #0000 70%);
padding: 62px 58px;
overflow: hidden;
}
.rdh-dark-section.rdh-contained.rfx-journey, .rdh-dark-section.rdh-contained.rhi-global {
margin-top: 24px;
}
.rdh-dark-section.rdh-contained.rdc-admin {
margin-top: 0;
padding-top: 88px;
padding-bottom: 64px;
position: relative;
}
.rdh-global-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.rdh-dark-eyebrow {
color: #aeaacb;
}
.rdh-dark-em {
color: #bec5ff;
}
.rdh-dark-body {
color: #bbb6cc;
max-width: 405px;
margin-top: 23px;
font-size: 1rem;
}
.rdh-dark-link {
color: #c8cdff;
border-color: #62617c;
}
.rdh-country-tags {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #b1aabd;
margin-top: 28px;
font-size: .75rem;
display: flex;
}
.rdh-globe-stage {
min-width: 0;
height: 440px;
position: relative;
}
.rdh-globe-ball {
aspect-ratio: 1;
background-color: #b9c3e7;
border-radius: 50%;
width: 84%;
max-width: 380px;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
box-shadow: 0 0 80px #9697e021;
}
.rdh-globe-canvas {
width: 100%;
height: 100%;
display: block;
}
.rdh-globe-person {
grid-column-gap: 6px;
grid-row-gap: 6px;
pointer-events: none;
visibility: visible;
transform-origin: center;
align-items: center;
width: 96px;
height: 60px;
display: flex;
position: absolute;
}
.rdh-globe-avatar {
object-fit: cover;
background-color: #ebe9f3;
border: 3px solid #fff;
border-radius: 50%;
flex: 0 0 60px;
width: 60px;
height: 60px;
display: block;
box-shadow: 0 5px 15px #17122540;
}
.rdh-globe-flag {
object-fit: contain;
background-color: #fff;
border: 1px solid #ffffffb3;
border-radius: 3px;
flex: 0 0 30px;
width: 30px;
max-width: none;
height: 22px;
display: block;
box-shadow: 0 3px 9px #17122540;
}
.rdh-global-footer {
grid-column-gap: 22px;
grid-row-gap: 22px;
color: #ece7f4;
border-top: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 30px;
padding-top: 25px;
font-size: .875rem;
display: grid;
}
.rdh-global-footer-caption {
color: #9e95b0;
margin-top: 6px;
font-size: .75rem;
line-height: 1.6;
display: block;
}
.rdh-audience-head {
text-align: center;
margin-bottom: 40px;
}
.rdh-audience-grid {
grid-column-gap: 55px;
grid-row-gap: 55px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rdh-audience-block {
border-top: 1px solid #d7d3e3;
padding-top: 28px;
}
.rdh-audience-heading {
margin-bottom: 15px;
font-size: 1.6875rem;
}
.rdh-audience-body {
max-width: 490px;
font-size: 1rem;
}
.rdh-quotes-section {
background-color: #f6f4fb;
padding: 62px 55px;
}
.rdh-quote-head {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.rdh-quote-heading {
max-width: 560px;
font-size: 2.5rem;
}
.rdh-quote-head-copy {
color: #93879d;
max-width: 200px;
font-size: .75rem;
line-height: 1.6;
}
.rdh-quotes-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 45px;
display: grid;
}
.rdh-quote {
border-top: 1px solid #d9d1e3;
flex-direction: column;
margin: 0;
padding-top: 22px;
display: flex;
}
.rdh-quote-mark {
color: #a79bbc;
height: 40px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 50px;
line-height: 1;
}
.rdh-quote-blockquote {
color: #5a4d67;
letter-spacing: -.3px;
border-left-style: none;
flex: 1;
margin: 9px 0 25px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 24px;
line-height: 1.35;
}
.rdh-quote-figcaption {
color: #9a8ca4;
font-size: .75rem;
}
.rdh-faq-layout {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
display: grid;
}
.rdh-faq-intro-body {
margin-top: 22px;
font-size: 1rem;
}
.rdh-faq-item {
border-bottom: 1px solid #e5dfeb;
}
.rdh-faq-summary {
cursor: pointer;
padding: 22px 38px 22px 0;
font-size: 1rem;
font-weight: 450;
line-height: 1.5;
position: relative;
}
.rdh-faq-summary.rdh-faq-question {
list-style-type: none;
display: block;
}
.rdh-faq-answer {
color: #80728b;
padding: 0 22px 22px 0;
font-size: .9375rem;
line-height: 1.75;
}
.rdh-closing-cta {
text-align: center;
background-color: #f0effb;
background-image: radial-gradient(at 100% 0, #e1dcf7, #0000 60%);
padding: 69px 35px;
}
.rdh-closing-cta.rdh-contained.rfx-cta {
background-color: #e9e8f6;
background-image: radial-gradient(at 100% 0, #eadff2 0%, #eadff200 55%), radial-gradient(at 0 100%, #d9e9df 0%, #d9e9df00 60%), radial-gradient(at 100% 100%, #e3e5fb 0%, #e3e5fb00 55%);
margin-bottom: 56px;
padding-top: 84px;
padding-bottom: 84px;
position: relative;
overflow: hidden;
}
.rdh-closing-cta.rdh-contained.rhi-closing {
background-color: #edebf9;
background-image: radial-gradient(at 90% 10%, #dbe5f4 0%, #dbe5f400 60%), radial-gradient(at 10% 90%, #e8dceb 0%, #e8dceb00 65%);
margin-top: 24px;
}
.rdh-closing-cta.rdh-contained.rdc-closing {
background-color: #f0ecf4;
background-image: radial-gradient(at 4% 0, #dcebe5 0%, #dcebe500 57%), radial-gradient(at 80% 98%, #e0dbf3 0%, #e0dbf300 60%);
margin-top: 24px;
margin-bottom: 24px;
}
.rdh-closing-heading {
max-width: 750px;
margin: auto;
font-size: 3.375rem;
}
.rdh-closing-body {
max-width: 510px;
margin: 22px auto;
font-size: 1.0625rem;
}
.rdh-closing-button {
min-width: 173px;
}
.rdh-footer {
padding-top: 60px;
padding-bottom: 30px;
}
.rdh-footer-main {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
display: grid;
}
.rdh-footer-brand {
grid-row-gap: 0;
grid-column-gap: 0;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.rdh-footer-tagline {
color: #9a8fa4;
max-width: 190px;
margin: 0;
font-size: .875rem;
line-height: 1.6;
}
.rdh-footer-demo {
white-space: nowrap;
min-height: 43px;
margin-top: 20px;
padding: 11px 17px;
}
.rdh-footer-heading {
color: #756783;
letter-spacing: 0;
margin: 5px 0 16px;
font-size: .75rem;
font-weight: 500;
}
.rdh-footer-links {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.rdh-footer-link {
color: #9d91a8;
font-size: .75rem;
line-height: 1.5;
text-decoration: none;
}
.rdh-footer-social {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
align-items: center;
margin-top: 25px;
display: flex;
}
.rdh-footer-social-link {
border-radius: 9px;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
display: flex;
}
.rdh-footer-social-icon {
width: 24px;
height: 24px;
display: block;
}
.rdh-footer-bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #a193ae;
border-top: 1px solid #ece6f1;
justify-content: space-between;
margin-top: 18px;
padding-top: 23px;
font-size: .75rem;
display: flex;
}
.rdh-footer-bottom-links {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.rdh-nav-shell {
flex: 1;
align-items: center;
min-width: 0;
display: flex;
}
.rdh-nav-shell-trigger {
display: none;
}
.rdh-footer-brand-link {
margin-bottom: 17px;
display: block;
}
.rdh-admin-text-link {
margin-top: 26px;
}
.rdh-section-head-title {
max-width: 650px;
}
.rdh-audience-head-title {
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.rdh-faq-list {
display: block;
}
.rdh-global-footer-item {
min-width: 0;
}
.rdh-hero-reward-visa, .rdh-hero-reward-nike {
background-color: #f8f4ed;
}
.rdh-hero-health-symbol {
z-index: 1;
color: #72a98f;
stroke-width: 1px;
width: 38px;
height: 38px;
display: block;
}
.rdh-hero-pass-em {
letter-spacing: -.6px;
font-size: 1.08em;
}
.rdh-reward-intro-em {
letter-spacing: -.4px;
}
.rdh-intelligence-link {
margin-top: 22px;
}
.rdh-hero-benefit-health-heading {
color: #426e5b;
}
.rdh-hero-benefit-health-icon {
color: #6b9f88;
}
.rdh-hero-benefit-rewards-heading {
color: #885e49;
}
.rdh-hero-benefit-rewards-icon {
color: #c99a78;
}
.rdh-globe-person-one {
top: 20%;
left: 20%;
}
.rdh-globe-person-two {
top: 13%;
left: 62%;
}
.rdh-globe-person-three {
top: 70%;
left: 35%;
}
.rdh-globe-person-four {
top: 64%;
left: 68%;
}
.rdh-mobile-nav-shell {
display: none;
}
.rdh-mobile-nav {
display: block;
}
.rdh-header-component {
z-index: 50;
position: relative;
}
.rdh-header-component.rdh-header-sticky {
z-index: 100;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #fffffff2;
position: sticky;
top: 0;
}
.rdh-admin-heading, .rdh-care-panel {
min-width: 0;
}
.rdh-company {
width: 340px;
min-width: 0;
left: 50%;
right: auto;
transform: translateX(-50%);
}
.rdh-faq-intro {
min-width: 0;
}
.rdh-hero-growth-line {
stroke: #887be0;
stroke-width: 2.4px;
stroke-linecap: round;
}
.rdh-hero-growth-reveal-window {
transform-origin: 0;
}
.rdh-hero-retirement {
background-color: #f0edf9;
}
.rdh-platform {
min-width: 0;
}
.rdh-product-tab {
grid-column-gap: 13px;
grid-row-gap: 13px;
align-items: center;
width: 100%;
min-width: 0;
display: flex;
}
.rdh-resources {
min-width: 760px;
left: -350px;
right: auto;
}
.rdh-secondary {
color: #282735;
background-color: #ffffff65;
border-color: #d7d4e2;
}
.rdh-skip {
z-index: 200;
background-color: #fff;
padding: 16px;
position: absolute;
top: -100px;
left: 20px;
}
.rdh-solutions {
min-width: 0;
}
.rdh-unbuilt {
color: #817a8b;
}
.rdh-page-1-2 {
color: #282735;
font-synthesis: none;
background-color: #fff;
font-family: Geist, sans-serif;
overflow-x: hidden;
}
.rdh-hero-growth-flow-1 {
transform: translate(0);
}
.rdh-hero-reward-slot-amazon-1 {
transform-style: preserve-3d;
transform: translate3d(0, 0, 38px);
}
.rdh-globe-ball-1 {
aspect-ratio: 1;
background-image: radial-gradient(circle at 37% 28%, #e9ecff 0%, #c5ccec 38%, #9daad7 72%, #8392c2 100%);
border: 2px solid #bec6eb;
border-radius: 50%;
width: 84%;
max-width: 380px;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
box-shadow: inset -22px -23px 47px #5b6da86b, inset 16px 17px 32px #fff8, 0 0 80px #9697e021;
}
.rdh-globe-person-1 {
z-index: 3;
grid-column-gap: 6px;
grid-row-gap: 6px;
opacity: 1;
pointer-events: none;
visibility: visible;
transform-origin: center;
align-items: center;
width: 96px;
height: 60px;
display: flex;
position: absolute;
top: 18%;
left: 5%;
}
.rdh-globe-dots {
opacity: .32;
background-image: radial-gradient(circle, #6674b7 1.1px, #0000 1.3px);
background-size: 10px 10px;
border-radius: 50%;
display: none;
position: absolute;
inset: 0;
-webkit-mask-image: radial-gradient(circle, #000 35%, #0000 76%);
mask-image: radial-gradient(circle, #000 35%, #0000 76%);
}
.rdh-globe-meridian {
border: 1px solid #f8f9ff55;
border-radius: 50%;
width: 50%;
height: 98%;
display: none;
position: absolute;
top: 1%;
left: 25%;
transform: rotate(-18deg);
}
.rdh-globe-equator {
border: 1px solid #f8f9ff50;
border-radius: 50%;
width: 96%;
height: 18%;
display: none;
position: absolute;
top: 41%;
left: 2%;
transform: rotate(-16deg);
}
.rdh-globe-person-2 {
opacity: 1;
top: 73%;
left: 27%;
}
.rdh-globe-person-3 {
opacity: 1;
top: 18%;
right: 6%;
}
.rdh-globe-person-4 {
opacity: 0;
top: 49%;
right: 15%;
}
.rdh-globe-person-5 {
opacity: 0;
top: 64%;
right: 2%;
}
.rdh-globe-person-6 {
opacity: 1;
top: 72%;
right: 15%;
}
.rdh-globe-person-7 {
opacity: 0;
top: 52%;
left: 1%;
}
.rdh-global-heading {
color: #fff;
letter-spacing: -1.8px;
margin-top: 0;
margin-bottom: 0;
font-family: Geist, Arial, sans-serif;
font-size: clamp(34px, 3.45vw, 48px);
font-weight: 500;
line-height: 1.12;
}
.rdh-globe-art {
object-fit: contain;
width: 100%;
height: 100%;
display: block;
}
.rdh-hero-growth-art {
object-fit: contain;
width: 288px;
max-width: none;
height: 52px;
display: block;
}
.rdh-gl-scene {
pointer-events: none;
perspective: 1800px;
width: 380px;
height: 380px;
transform-style: preserve-3d;
margin-top: -190px;
margin-left: -190px;
position: absolute;
top: 50%;
left: 50%;
transform: scale(.84);
}
.rdh-gl-sphere {
background-image: radial-gradient(circle at 37% 28%, #eef0ff 0%, #cdd3f0 38%, #a7b2dd 72%, #8b99c8 100%);
border-radius: 50%;
position: absolute;
inset: 0;
overflow: hidden;
}
.rdh-gl-spin {
width: 0;
height: 100%;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 50%;
}
.rdh-gl-slice {
backface-visibility: hidden;
background-image: url("https://cdn.prod.website-files.com/6947694abe882251700218fb/6ac1411f4bc07ac3e7cc868c_redii-globe-dot-map-v2.png");
background-repeat: repeat-x;
background-size: 1200px 380px;
width: 50px;
height: 380px;
position: absolute;
top: 0;
left: -25px;
}
.rdh-gl-slice.rdh-gl-s01 {
transform-style: preserve-3d;
background-position: -575px 0;
transform: rotateY(0)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s02 {
transform-style: preserve-3d;
background-position: -625px 0;
transform: rotateY(15deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s03 {
transform-style: preserve-3d;
background-position: -675px 0;
transform: rotateY(30deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s04 {
transform-style: preserve-3d;
background-position: -725px 0;
transform: rotateY(45deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s05 {
transform-style: preserve-3d;
background-position: -775px 0;
transform: rotateY(60deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s06 {
transform-style: preserve-3d;
background-position: -825px 0;
transform: rotateY(75deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s07 {
transform-style: preserve-3d;
background-position: -875px 0;
transform: rotateY(90deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s08 {
transform-style: preserve-3d;
background-position: -925px 0;
transform: rotateY(105deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s09 {
transform-style: preserve-3d;
background-position: -975px 0;
transform: rotateY(120deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s10 {
transform-style: preserve-3d;
background-position: -1025px 0;
transform: rotateY(135deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s11 {
transform-style: preserve-3d;
background-position: -1075px 0;
transform: rotateY(150deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s12 {
transform-style: preserve-3d;
background-position: -1125px 0;
transform: rotateY(165deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s13 {
transform-style: preserve-3d;
background-position: -1175px 0;
transform: rotateY(180deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s14 {
transform-style: preserve-3d;
background-position: -1225px 0;
transform: rotateY(195deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s15 {
transform-style: preserve-3d;
background-position: -1275px 0;
transform: rotateY(210deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s16 {
transform-style: preserve-3d;
background-position: -1325px 0;
transform: rotateY(225deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s17 {
transform-style: preserve-3d;
background-position: -1375px 0;
transform: rotateY(240deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s18 {
transform-style: preserve-3d;
background-position: -1425px 0;
transform: rotateY(255deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s19 {
transform-style: preserve-3d;
background-position: -1475px 0;
transform: rotateY(270deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s20 {
transform-style: preserve-3d;
background-position: -1525px 0;
transform: rotateY(285deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s21 {
transform-style: preserve-3d;
background-position: -1575px 0;
transform: rotateY(300deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s22 {
transform-style: preserve-3d;
background-position: -1625px 0;
transform: rotateY(315deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s23 {
transform-style: preserve-3d;
background-position: -1675px 0;
transform: rotateY(330deg)translateZ(190px);
}
.rdh-gl-slice.rdh-gl-s24 {
transform-style: preserve-3d;
background-position: -1725px 0;
transform: rotateY(345deg)translateZ(190px);
}
.rdh-gl-shade {
pointer-events: none;
background-image: radial-gradient(circle at 37% 28%, #ffffff73 0%, #fff0 42%), radial-gradient(circle, #404e8c00 58%, #404e8c61 100%);
border-radius: 50%;
position: absolute;
inset: 0;
box-shadow: inset -22px -24px 48px #5b6da86b, inset 14px 16px 30px #ffffff80;
}
.rdh-gl-orbit {
width: 0;
height: 0;
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 50%;
}
.rdh-gl-anchor {
width: 0;
height: 0;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
.rdh-gl-anchor.rdh-gl-at-us {
transform-style: preserve-3d;
transform: translate3d(0, -123.4px, 0)rotateY(-122deg)translateZ(163.7px);
}
.rdh-gl-anchor.rdh-gl-at-br {
transform-style: preserve-3d;
transform: translate3d(0, 53.1px, 0)rotateY(-47deg)translateZ(198px);
}
.rdh-gl-anchor.rdh-gl-at-de {
transform-style: preserve-3d;
transform: translate3d(0, -152.3px, 0)rotateY(10deg)translateZ(137.2px);
}
.rdh-gl-anchor.rdh-gl-at-in {
transform-style: preserve-3d;
transform: translate3d(0, -76.8px, 0)rotateY(77deg)translateZ(190.1px);
}
.rdh-gl-anchor.rdh-gl-at-sg {
transform-style: preserve-3d;
transform: translate3d(0, -3.6px, 0)rotateY(103deg)translateZ(205px);
}
.rdh-gl-anchor.rdh-gl-at-au {
transform-style: preserve-3d;
transform: translate3d(0, 96.2px, 0)rotateY(140deg)translateZ(181px);
}
.rdh-gl-anchor.rdh-gl-at-pf {
transform-style: preserve-3d;
transform: translate3d(0, 59.9px, 0)rotateY(-149deg)translateZ(196px);
}
.rdh-gl-person {
grid-column-gap: 6px;
grid-row-gap: 6px;
pointer-events: none;
align-items: center;
width: 102px;
height: 64px;
display: flex;
position: absolute;
top: -32px;
left: -51px;
}
.rdh-gl-person.rdh-gl-face-us {
transform-style: preserve-3d;
transform: rotateY(122deg);
}
.rdh-gl-person.rdh-gl-face-br {
transform-style: preserve-3d;
transform: rotateY(47deg);
}
.rdh-gl-person.rdh-gl-face-de {
transform-style: preserve-3d;
transform: rotateY(-10deg);
}
.rdh-gl-person.rdh-gl-face-in {
transform-style: preserve-3d;
transform: rotateY(-77deg);
}
.rdh-gl-person.rdh-gl-face-sg {
transform-style: preserve-3d;
transform: rotateY(-103deg);
}
.rdh-gl-person.rdh-gl-face-au {
transform-style: preserve-3d;
transform: rotateY(-140deg);
}
.rdh-gl-person.rdh-gl-face-pf {
transform-style: preserve-3d;
transform: rotateY(149deg);
}
.rdh-gl-avatar {
object-fit: cover;
background-color: #ebe9f3;
border: 3px solid #fff;
border-radius: 50%;
flex: 0 0 64px;
width: 64px;
max-width: none;
height: 64px;
display: block;
box-shadow: 0 5px 15px #17122540;
}
.rdh-gl-flag {
object-fit: contain;
background-color: #fff;
border: 1px solid #ffffffb3;
border-radius: 3px;
flex: 0 0 32px;
width: 32px;
max-width: none;
height: 23px;
display: block;
box-shadow: 0 3px 9px #17122540;
}
.rdh-resource-dropdown-panel {
z-index: 100;
visibility: inherit;
background-color: #fff;
border: 1px solid #e5e2ef;
border-radius: 17px;
width: 480px;
max-width: calc(100vw - 80px);
display: block;
position: absolute;
top: 77px;
left: 50%;
right: auto;
overflow: hidden;
transform: translateX(-50%);
box-shadow: 0 22px 50px #3025481c;
}
.rdh-mobile-toggle-icon {
font-size: 20px;
}
.rdh-desktop-dropdown {
visibility: hidden;
align-self: stretch;
align-items: stretch;
transition: visibility 0s linear .16s;
display: flex;
position: static;
}
.rdh-desktop-dropdown:hover, .rdh-desktop-dropdown:focus-within, .rdh-desktop-dropdown[data-wf-focus-within] {
visibility: visible;
transition-delay: 0s;
}
.rdh-desktop-trigger {
visibility: visible;
color: #53505f;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border-style: none;
align-items: center;
gap: 7px;
height: 100%;
padding: 0;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
display: flex;
}
.rdh-desktop-trigger:hover {
color: #5967e9;
}
.rdh-desktop-trigger:focus-visible, .rdh-desktop-trigger[data-wf-focus-visible] {
outline-offset: -6px;
color: #5967e9;
outline: 2px solid #5967e9;
}
.rdh-desktop-company-dropdown {
visibility: hidden;
align-self: stretch;
align-items: stretch;
transition: visibility 0s linear .16s;
display: flex;
position: relative;
}
.rdh-desktop-company-dropdown:hover, .rdh-desktop-company-dropdown:focus-within, .rdh-desktop-company-dropdown[data-wf-focus-within] {
visibility: visible;
transition-delay: 0s;
}
.rdh-growth-box {
width: 100%;
height: 53px;
margin: 11px 0 8px;
display: block;
position: relative;
overflow: visible;
container-type: inline-size;
}
.rdh-growth-window {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.rdh-growth-loop-art {
width: 309.07cqw;
max-width: none;
height: 80px;
margin-top: -24px;
display: block;
}
.rdh-faq-icon {
pointer-events: none;
width: 16px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
right: 4px;
}
.rdh-faq-icon-bar {
background-color: #5967e9;
border-radius: 2px;
width: 16px;
height: 2px;
position: absolute;
top: 7px;
left: 0;
}
.rdh-faq-icon-bar.rdh-faq-icon-vbar {
transform: rotate(90deg);
}
.rba-hero {
background-color: #ede8f7;
background-image: radial-gradient(at 89% 7%, #d5ddfc 0, #d5ddfc00 49%), radial-gradient(at 20% 85%, #d9eee5 0, #d9eee500 47%), radial-gradient(at 2% 5%, #f8e4dd 0, #f8e4dd00 43%);
padding: 62px 58px 30px;
position: relative;
overflow: hidden;
}
.rba-hero-top {
grid-column-gap: 40px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.12fr .88fr;
align-items: center;
margin-bottom: 38px;
display: grid;
}
.rba-hero-copy {
min-width: 0;
}
.rba-hero-summary {
padding-top: 30px;
}
.rba-note {
color: #7c7387;
margin-top: 17px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.6;
}
.rba-note.rba-stage-note {
margin-top: 15px;
font-size: 11px;
}
.rba-note.rba-price-note {
margin-top: 5px;
}
.rba-product {
z-index: 1;
text-align: left;
background-color: #fffdfef0;
border: 1px solid #fff;
border-radius: 18px;
grid-template-rows: auto;
grid-template-columns: 138px 1fr;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
overflow: hidden;
box-shadow: 0 22px 60px #66608021;
}
.rba-sidebar {
background-color: #f8f7fc;
border-right: 1px solid #e6e4ef;
padding: 22px 13px;
}
.rba-sidebar-logo {
width: 70px;
height: auto;
margin: 0 10px 31px;
display: block;
}
.rba-sidebar-label {
color: #817b91;
margin: 21px 9px 8px;
font-size: 11px;
line-height: 1.4;
display: block;
}
.rba-side-item {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #747084;
border-radius: 7px;
align-items: center;
padding: 11px 10px;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
display: flex;
}
.rba-side-item.rba-side-active {
color: #565bcc;
background-color: #eceafb;
font-weight: 500;
}
.rba-side-text {
display: block;
}
.rba-icon {
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rba-icon-lg {
flex: none;
width: 20px;
height: 20px;
display: block;
}
.rba-product-main {
min-width: 0;
padding: 25px 25px 18px;
}
.rba-product-title {
color: #282735;
letter-spacing: -.65px;
margin: 0 0 17px;
font-family: Geist, Arial, sans-serif;
font-size: 23px;
font-weight: 500;
line-height: 1.3;
}
.rba-filter-bar {
grid-column-gap: 14px;
grid-row-gap: 10px;
color: #777181;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
font-size: 12px;
display: flex;
}
.rba-filter-tagline {
color: #777181;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rba-country-filter {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.rba-filter-icon {
color: #7f7899;
flex: none;
width: 15px;
height: 15px;
margin-right: 2px;
display: block;
}
.rba-pill {
color: #625971;
cursor: pointer;
background-color: #fff;
border: 1px solid #d8d4e3;
border-radius: 7px;
min-height: 34px;
padding: 6px 11px;
font-family: inherit;
font-size: 12px;
line-height: 1.2;
}
.rba-pill.rba-pill-on {
color: #4f55c4;
background-color: #eceafb;
border-color: #b9b4e6;
}
.rba-benefit-head {
grid-column-gap: 32px;
grid-row-gap: 12px;
color: #8c8298;
border-bottom: 1px solid #e8e4ee;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1.3fr) auto;
align-items: center;
padding: 10px 0;
font-size: 11px;
line-height: 1.4;
display: grid;
}
.rba-benefit-head.rba-cols-4 {
grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1.3fr) 96px;
}
.rba-head-cell {
display: block;
}
.rba-head-cell.rba-head-cell-end {
text-align: right;
}
.rba-benefit-rows {
display: block;
}
.rba-benefit-row {
grid-column-gap: 32px;
grid-row-gap: 12px;
color: #746b80;
border-bottom: 1px solid #ede9f2;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1.3fr) auto;
align-items: center;
padding: 18px 0;
font-size: 12px;
display: grid;
}
.rba-benefit-row.rba-cols-4 {
grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1.3fr) 96px;
}
.rba-benefit-name {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
min-width: 0;
display: flex;
}
.rba-benefit-icon {
color: #8b7ccc;
background-color: #eeebfb;
border-radius: 9px;
flex: none;
justify-content: center;
align-items: center;
width: 33px;
height: 36px;
display: flex;
}
.rba-benefit-icon.rba-mint {
color: #799784;
background-color: #e9f0e9;
}
.rba-benefit-icon.rba-peach {
color: #b38d6c;
background-color: #f8eee5;
}
.rba-benefit-icon.rba-rose {
color: #b082a2;
background-color: #f4eaf1;
}
.rba-benefit-label {
min-width: 0;
}
.rba-benefit-title {
color: #40394d;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.rba-benefit-type {
color: #8a7e95;
margin: 3px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rba-country-cell, .rba-provider-cell {
color: #746b80;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rba-enrolled {
color: #625971;
font-variant-numeric: tabular-nums;
padding-right: 24px;
}
.rba-enrolled-text {
color: #625971;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rba-enrolled-num {
font-weight: 500;
}
.rba-track {
background-color: #e9e7f0;
border-radius: 5px;
height: 4px;
margin-top: 7px;
display: block;
overflow: hidden;
}
.rba-track-fill {
background-color: #8d8fe0;
border-radius: 5px;
height: 100%;
display: block;
}
.rba-track-fill.rba-fill-88 {
width: 87.5%;
}
.rba-track-fill.rba-fill-94 {
width: 94.4%;
}
.rba-track-fill.rba-fill-100 {
width: 100%;
}
.rba-track-fill.rba-fill-90 {
width: 90.1%;
}
.rba-product-foot {
grid-column-gap: 20px;
grid-row-gap: 5px;
color: #857a91;
justify-content: space-between;
padding-top: 15px;
font-size: 11px;
display: flex;
}
.rba-count-group {
display: block;
}
.rba-count {
color: #857a91;
margin: 0;
font-size: 11px;
line-height: 1.5;
}
.rba-count.rba-count-hidden {
display: none;
}
.rba-foot-legend {
color: #857a91;
margin: 0;
font-size: 11px;
line-height: 1.5;
}
.rba-hero-foot {
grid-column-gap: 28px;
grid-row-gap: 10px;
color: #756b84;
flex-wrap: wrap;
justify-content: center;
padding-top: 23px;
font-size: 12px;
display: flex;
}
.rba-check-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.rba-check-icon {
color: #857cad;
flex: none;
width: 15px;
height: 15px;
display: block;
}
.rba-check-text {
color: #756b84;
font-size: 12px;
line-height: 1.5;
display: block;
}
.rba-logos {
text-align: center;
padding-top: 44px;
padding-bottom: 0;
}
.rba-logos-title {
color: #817a89;
margin: 0 0 25px;
font-size: 12px;
line-height: 1.6;
}
.rba-logo-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(7, minmax(0, 1fr));
align-items: center;
display: grid;
}
.rba-logo {
opacity: .62;
filter: grayscale();
object-fit: contain;
width: 100%;
height: 29px;
display: block;
}
.rba-split {
grid-column-gap: 55px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
display: grid;
}
.rba-split-copy {
min-width: 0;
}
.rba-open-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 48px;
display: grid;
}
.rba-open-item {
border-top: 1px solid #dedbe5;
padding-top: 21px;
}
.rba-open-title {
color: #282735;
letter-spacing: -.65px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.rba-open-text {
color: #766e80;
margin: 0;
font-size: 15px;
line-height: 1.75;
}
.rba-work {
background-color: #f6f5f8;
padding: 62px 58px;
}
.rba-work-grid {
grid-column-gap: 40px;
grid-row-gap: 0px;
grid-template-rows: auto 1fr;
grid-template-columns: .9fr 1.1fr;
align-items: start;
display: grid;
}
.rba-work-copy {
grid-area: 1 / 1 / 2 / 2;
min-width: 0;
max-width: 470px;
}
.rba-work-tabs {
display: contents;
}
.rba-work-menu {
flex-direction: column;
grid-area: 2 / 1 / 3 / 2;
max-width: 470px;
margin-top: 26px;
display: flex;
}
.rba-work-tab {
color: #282735;
text-align: left;
background-color: #0000;
border-bottom: 1px solid #dfdce7;
min-height: 73px;
padding: 18px 16px 18px 0;
text-decoration: none;
display: block;
position: relative;
}
.rba-work-content {
background-color: #ede8ed;
background-image: radial-gradient(at 80% 0, #ded8f6, #ded8f600 60%), radial-gradient(at 0 100%, #dcefe5, #dcefe500 70%);
border-radius: 20px;
grid-area: 1 / 2 / 3 / 3;
min-width: 0;
padding: 25px;
}
.rba-work-pane {
min-width: 0;
}
.rba-work-tab-inner {
display: block;
}
.rba-work-tab-title {
color: #282735;
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
.rba-work-tab-text {
color: #7a7089;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.55;
}
.rba-preview {
display: block;
}
.rba-preview-eyebrow {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #706181;
align-items: center;
margin-bottom: 14px;
display: flex;
}
.rba-preview-label {
color: #706181;
font-size: 12px;
line-height: 1.5;
display: block;
}
.rba-preview-heading {
color: #282735;
letter-spacing: -.65px;
min-height: 0;
margin: 0 0 16px;
font-family: Geist, Arial, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.35;
}
.rba-work-card {
background-color: #ffffffb8;
border: 1px solid #fff;
border-radius: 13px;
min-height: 299px;
padding: 23px;
}
.rba-work-card-title {
color: #282735;
margin: 0 0 20px;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.rba-person-row {
grid-column-gap: 11px;
grid-row-gap: 11px;
border-bottom: 1px solid #d8d4e28a;
align-items: center;
padding: 13px 0;
display: flex;
}
.rba-avatar {
color: #756a91;
background-color: #e4e2f3;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 33px;
height: 33px;
font-size: 11px;
line-height: 1;
display: flex;
}
.rba-avatar.rba-av-a {
color: #4a5fb8;
background-color: #dfe5fb;
}
.rba-avatar.rba-av-b {
color: #a2547a;
background-color: #f6e3ea;
}
.rba-avatar.rba-av-c {
color: #9a6408;
background-color: #fbefdc;
}
.rba-person {
flex: 1;
min-width: 0;
}
.rba-person-name {
color: #282735;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.rba-person-meta {
color: #8b7d96;
margin: 3px 0 0;
font-size: 11px;
line-height: 1.45;
}
.rba-status {
color: #677c70;
white-space: nowrap;
background-color: #e7eee8;
border-radius: 20px;
margin: 0;
padding: 4px 8px;
font-size: 11px;
line-height: 1.4;
}
.rba-status.rba-status-pending {
color: #926f51;
background-color: #f3eadf;
}
.rba-status.rba-status-neutral {
color: #7b7199;
background-color: #ebe7f5;
}
.rba-work-card-foot {
color: #7c7387;
margin: 16px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rba-preview-row {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-bottom: 1px solid #d8d4e28a;
justify-content: space-between;
align-items: center;
padding: 14px 0;
display: flex;
}
.rba-preview-cell {
min-width: 0;
}
.rba-preview-strong {
color: #282735;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.rba-preview-text {
color: #4c4558;
margin: 0;
font-size: 13px;
line-height: 1.45;
}
.rba-preview-meta {
color: #877b95;
margin: 4px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rba-people {
grid-column-gap: 55px;
grid-row-gap: 31px;
grid-template-rows: auto;
grid-template-columns: .96fr 1.04fr;
align-items: center;
display: grid;
}
.rba-people-copy {
min-width: 0;
}
.rba-points {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
margin-top: 25px;
display: flex;
}
.rba-point {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.rba-point-icon {
color: #9090c3;
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rba-point-text {
color: #716778;
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.rba-people-stage {
min-width: 0;
}
.rba-photo {
background-color: #e8e4e0;
border-radius: 90px 90px 13px 13px;
height: 278px;
overflow: hidden;
}
.rba-photo-img {
object-fit: cover;
object-position: 50% 65%;
width: 100%;
height: 100%;
display: block;
}
.rba-portal {
background-color: #f1f2f4;
background-image: linear-gradient(125deg, #f5f0fa, #edf4ef);
border: 1px solid #dcd5e8;
border-radius: 14px;
margin-top: 14px;
padding: 22px;
}
.rba-portal-top {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
margin-bottom: 17px;
display: flex;
}
.rba-portal-title {
color: #282735;
letter-spacing: -.4px;
margin: 0;
font-size: 17px;
font-weight: 500;
line-height: 1.4;
}
.rba-portal-tabs {
display: block;
}
.rba-portal-menu {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
display: flex;
}
.rba-portal-tab {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #4c4558;
background-color: #fff6;
border: 1px solid #d8d2e4;
border-radius: 8px;
align-items: center;
min-height: 39px;
padding: 10px 12px;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
display: inline-flex;
}
.rba-portal-content {
border-top: 1px solid #d6cfdf;
margin-top: 16px;
padding-top: 16px;
}
.rba-portal-pane {
min-width: 0;
}
.rba-portal-tab-text {
display: block;
}
.rba-portal-answer {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
min-height: 85px;
display: flex;
}
.rba-portal-icon {
color: #8c81aa;
flex: none;
width: 20px;
height: 20px;
margin-top: 3px;
display: block;
}
.rba-portal-answer-copy {
min-width: 0;
}
.rba-portal-answer-title {
color: #282735;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
}
.rba-portal-answer-text {
color: #80718c;
margin: 5px 0 0;
font-size: 12px;
line-height: 1.65;
}
.rba-global-grid {
grid-column-gap: 42px;
grid-row-gap: 19px;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
display: grid;
}
.rba-global-copy {
min-width: 0;
max-width: 560px;
}
.rba-report {
background-color: #ffffff08;
border: 1px solid #aaa0c82b;
border-radius: 13px;
margin-top: 28px;
padding: 22px;
}
.rba-globe-stage {
justify-content: center;
align-items: center;
min-height: 370px;
display: flex;
position: relative;
}
.rba-globe-ring {
pointer-events: none;
border: 1px solid #afadd233;
border-radius: 50%;
width: 110%;
height: 39%;
position: absolute;
top: 31%;
left: -5%;
transform: rotate(-23deg);
}
.rba-globe {
z-index: 1;
border-radius: 50%;
flex: none;
width: 300px;
height: 300px;
position: relative;
overflow: hidden;
box-shadow: 0 22px 60px #11112254;
}
.rba-globe-scale {
transform-origin: 0 0;
width: 380px;
height: 380px;
position: absolute;
top: 0;
left: 0;
transform: scale(.7895);
}
.rba-globe-caption {
z-index: 2;
-webkit-backdrop-filter: blur(22px);
backdrop-filter: blur(22px);
background-color: #f4f0ffd9;
border: 1px solid #ffffff87;
border-radius: 12px;
padding: 12px 17px;
position: absolute;
bottom: 22px;
left: 0;
}
.rba-globe-caption-title {
color: #3e3651;
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.rba-globe-caption-text {
color: #514761;
margin: 0;
font-size: 12px;
line-height: 1.65;
}
.rba-global-bottom {
grid-column-gap: 25px;
grid-row-gap: 11px;
border-top: 1px solid #ffffff1f;
justify-content: space-between;
align-items: center;
margin-top: 34px;
padding-top: 24px;
display: flex;
}
.rba-global-bottom-text {
color: #c9c1d8;
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.rba-dark-link {
color: #e1ddff;
white-space: nowrap;
border-bottom: 1px solid #958eae;
padding-bottom: 4px;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
display: inline-flex;
}
.rba-report-tabs {
display: block;
}
.rba-report-menu {
grid-column-gap: 20px;
grid-row-gap: 8px;
border-bottom: 1px solid #ffffff20;
flex-wrap: wrap;
padding-bottom: 14px;
display: flex;
}
.rba-report-tab {
color: #9f97b4;
background-color: #0000;
border-bottom: 1px solid #0000;
min-height: 30px;
padding: 0 0 5px;
font-size: 13px;
line-height: 1.5;
text-decoration: none;
}
.rba-report-content {
margin-top: 8px;
}
.rba-report-pane {
min-width: 0;
}
.rba-report-tab-text, .rba-report-view {
display: block;
}
.rba-report-rows {
min-height: 133px;
}
.rba-report-row {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr 70px;
align-items: center;
padding: 12px 0;
display: grid;
}
.rba-report-name {
color: #c1b8d3;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rba-report-track {
background-color: #ffffff0d;
border-radius: 5px;
height: 5px;
overflow: hidden;
}
.rba-report-fill {
background-color: #a5a9e5;
border-radius: 5px;
height: 100%;
}
.rba-report-fill.rba-rfill-100 {
width: 100%;
}
.rba-report-fill.rba-rfill-69 {
width: 68.5%;
}
.rba-report-fill.rba-rfill-39 {
width: 39.1%;
}
.rba-report-fill.rba-rfill-94 {
width: 94.4%;
}
.rba-report-fill.rba-rfill-88 {
width: 87.5%;
}
.rba-report-value {
color: #e2dced;
text-align: right;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.rba-agent {
grid-column-gap: 48px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .92fr 1.08fr;
align-items: center;
display: grid;
}
.rba-agent-copy {
min-width: 0;
}
.rba-connections {
grid-column-gap: 22px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 25px;
display: flex;
}
.rba-connection {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.rba-brand-icon {
color: #4c4558;
flex: none;
width: 19px;
height: 19px;
display: block;
}
.rba-connection-name {
color: #6f657b;
font-size: 12px;
line-height: 1.4;
display: block;
}
.rba-agent-stage {
background-color: #f1f0f8;
background-image: radial-gradient(at 20% 20%, #e6dbf6, #e6dbf600 65%), radial-gradient(at 100% 100%, #dcece9, #dcece900 65%);
border-radius: 20px;
min-width: 0;
padding: 29px;
}
.rba-prompt-tabs {
flex-direction: column;
display: flex;
}
.rba-prompt-menu {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
order: 2;
margin-top: 15px;
display: flex;
}
.rba-prompt-tab {
color: #7b6d8e;
background-color: #ffffff78;
border: 1px solid #cfc8df;
border-radius: 20px;
min-height: 39px;
padding: 9px 12px;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
}
.rba-prompt-content {
background-color: #ffffffe0;
border: 1px solid #fff;
border-radius: 14px;
order: 1;
padding: 0;
overflow: hidden;
box-shadow: 0 20px 32px #82769b12;
}
.rba-prompt-pane {
min-width: 0;
}
.rba-prompt-tab-text {
display: block;
}
.rba-agent-result {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #ded7e7;
align-items: center;
margin-top: 12px;
padding-top: 16px;
display: flex;
}
.rba-result-icon {
color: #8f819a;
flex: none;
width: 15px;
height: 15px;
display: block;
}
.rba-result-text {
color: #8f819a;
font-size: 11px;
line-height: 1.5;
display: block;
}
.rba-start {
background-color: #f7f6f3;
padding: 62px 58px;
}
.rba-pricing {
grid-column-gap: 25px;
grid-row-gap: 19px;
border-top: 1px solid #dedad5;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 26px;
display: flex;
}
.rba-pricing-copy {
min-width: 0;
}
.rba-price {
color: #282735;
letter-spacing: -.4px;
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.rba-pill-label {
pointer-events: none;
display: block;
}
.rba-country {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
min-width: 0;
display: flex;
}
.rba-flag {
object-fit: cover;
border-radius: 3px;
flex: none;
width: 20px;
height: 15px;
display: block;
box-shadow: 0 0 0 1px #28273514;
}
.rba-flag.rba-flag-sm {
border-radius: 2px;
width: 16px;
height: 12px;
}
.rba-country-name {
color: #5f566c;
font-size: 12px;
line-height: 1.4;
display: block;
}
.rba-country-globe {
color: #6a64c4;
background-color: #eceafb;
border-radius: 3px;
flex: none;
justify-content: center;
align-items: center;
width: 20px;
height: 15px;
display: flex;
}
.rba-country-globe-icon {
width: 12px;
height: 12px;
display: block;
}
.rba-data-cell {
justify-content: flex-end;
align-items: center;
min-width: 0;
display: flex;
}
.rba-data-badge {
white-space: nowrap;
border: 1px solid #c6ebcf;
border-radius: 999px;
padding: 3px 10px;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
display: inline-block;
}
.rba-data-badge.rba-data-ok {
color: #2f7d3a;
background-color: #effbf1;
border-color: #c6ebcf;
}
.rba-data-badge.rba-data-gap {
color: #9a6408;
background-color: #fffbe6;
border-color: #f3e38f;
}
.rba-open-head {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.rba-open-icon {
color: #5f63d6;
background-color: #eeebfb;
border-radius: 10px;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
}
.rba-open-svg {
width: 17px;
height: 17px;
display: block;
}
.rba-wf {
display: block;
}
.rba-wf-card {
background-color: #ffffffd6;
border: 1px solid #fff;
border-radius: 14px;
min-height: 292px;
padding: 18px;
box-shadow: 0 14px 30px #60548214;
}
.rba-wf-head {
grid-column-gap: 12px;
grid-row-gap: 6px;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
display: flex;
}
.rba-wf-title {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
min-width: 0;
display: flex;
}
.rba-wf-title-text {
color: #282735;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.rba-wf-meta {
color: #7c7387;
white-space: nowrap;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rba-wf-meta-strong {
color: #282735;
font-weight: 600;
}
.rba-seg {
background-color: #f0dfc6;
border-radius: 99px;
height: 8px;
margin-bottom: 9px;
display: flex;
overflow: hidden;
}
.rba-seg-fill {
background-color: #7fb08d;
border-radius: 99px;
width: 87.5%;
height: 100%;
}
.rba-legend {
grid-column-gap: 16px;
grid-row-gap: 6px;
flex-wrap: wrap;
margin-bottom: 8px;
display: flex;
}
.rba-legend-item {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.rba-dot {
background-color: #7fb08d;
border-radius: 50%;
flex: none;
width: 8px;
height: 8px;
}
.rba-dot.rba-dot-amber {
background-color: #e2b77d;
}
.rba-legend-text {
color: #7c7387;
font-size: 11px;
line-height: 1.4;
display: block;
}
.rba-wf-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #d8d4e28a;
align-items: center;
padding: 10px 0;
display: flex;
}
.rba-wf-name {
color: #282735;
flex: 1;
min-width: 0;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.rba-row-actions {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.rba-chip {
grid-column-gap: 5px;
grid-row-gap: 5px;
white-space: nowrap;
border-radius: 20px;
align-items: center;
padding: 4px 9px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
display: inline-flex;
}
.rba-chip.rba-chip-green {
color: #2f7d3a;
background-color: #e8f4eb;
}
.rba-chip.rba-chip-amber {
color: #9a6408;
background-color: #fbf0dd;
}
.rba-chip.rba-chip-lav {
color: #4f55c4;
background-color: #ecebfb;
}
.rba-chip.rba-chip-lav.rba-chip-push {
margin-left: auto;
}
.rba-chip.rba-chip-gray {
color: #6f657b;
background-color: #f1eff5;
}
.rba-chip-icon {
flex: none;
width: 12px;
height: 12px;
display: block;
}
.rba-chip-text {
display: block;
}
.rba-mini-btn {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #fff;
white-space: nowrap;
background-color: #5967e9;
border-radius: 8px;
align-items: center;
padding: 4px 9px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
display: inline-flex;
}
.rba-renew-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 1px solid #d8d4e28a;
align-items: center;
padding: 10px 0;
display: flex;
}
.rba-date-tile {
text-align: center;
background-color: #f6f4fd;
border: 1px solid #e5e1f4;
border-radius: 10px;
flex: none;
width: 44px;
padding: 5px 0;
}
.rba-date-month {
color: #6a64c4;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0;
font-size: 9px;
font-weight: 600;
line-height: 1.3;
}
.rba-date-day {
color: #282735;
margin: 0;
font-size: 17px;
font-weight: 600;
line-height: 1.15;
}
.rba-renew-info {
flex: 1;
min-width: 0;
}
.rba-renew-plan {
color: #282735;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.rba-plan-icon {
color: #8b7ccc;
background-color: #eeebfb;
border-radius: 9px;
flex: none;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.rba-facts {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 12px;
display: grid;
}
.rba-fact {
background-color: #f8f7fc;
border: 1px solid #eeebf5;
border-radius: 10px;
padding: 9px 12px;
}
.rba-fact-label {
color: #8b7d96;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0;
font-size: 10px;
line-height: 1.4;
}
.rba-fact-value {
color: #282735;
margin: 3px 0 0;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.rba-fact-value.rba-fact-inline {
margin-top: 0;
}
.rba-fact-flag-row {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
margin-top: 3px;
display: flex;
}
.rba-doc-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #d8d4e28a;
align-items: center;
padding: 8px 0;
display: flex;
}
.rba-doc-icon {
color: #c26b4f;
background-color: #fbefea;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
}
.rba-doc-name {
color: #282735;
flex: 1;
min-width: 0;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rba-tab-icon {
flex: none;
width: 15px;
height: 15px;
display: block;
}
.rba-pp {
display: block;
}
.rba-pp-head {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.rba-pp-plan {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
min-width: 0;
display: flex;
}
.rba-pp-title {
color: #282735;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.rba-pp-tiles {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.rba-pp-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #ffffffb3;
border: 1px solid #ffffffe6;
border-radius: 11px;
flex-direction: column;
align-items: flex-start;
padding: 11px 12px;
display: flex;
}
.rba-pp-icon {
color: #5f63d6;
background-color: #eceafb;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
}
.rba-pp-label {
color: #4c4558;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.35;
}
.rba-report-country {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
min-width: 0;
display: flex;
}
.rba-ag {
display: block;
}
.rba-ag-head {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #ebe7f2;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
display: flex;
}
.rba-ag-brand {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
min-width: 0;
display: flex;
}
.rba-ag-tile {
color: #5f63d6;
background-color: #eeebfb;
border-radius: 12px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.rba-ag-tile-icon {
width: 20px;
height: 20px;
display: block;
}
.rba-ag-titles {
min-width: 0;
display: block;
}
.rba-ag-name {
color: #282735;
margin: 0;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
.rba-ag-sub {
color: #8f819a;
margin: 2px 0 0;
font-size: 12px;
line-height: 1.4;
}
.rba-ag-more {
color: #9a93ad;
flex: none;
width: 20px;
height: 20px;
display: block;
}
.rba-ag-body {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
min-height: 286px;
padding: 22px 20px;
display: flex;
}
.rba-ag-user {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.rba-ag-bubble {
color: #4f4563;
background-color: #eeebf8;
border-radius: 16px 16px 4px;
max-width: 80%;
margin: 0;
padding: 12px 16px;
font-size: 14px;
line-height: 1.55;
}
.rba-ag-initials {
letter-spacing: .02em;
font-size: 11px;
font-weight: 600;
line-height: 1;
display: block;
}
.rba-ag-reply {
display: block;
}
.rba-ag-label {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
margin-bottom: 9px;
display: flex;
}
.rba-ag-label-icon {
color: #5f63d6;
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rba-ag-label-text {
color: #282735;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
display: block;
}
.rba-ag-answer {
color: #5f5470;
margin: 0;
font-size: 14px;
line-height: 1.65;
}
.rdh-chat-user {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 16px;
display: flex;
}
.rdh-chat-avatar {
color: #5f5aa8;
background-color: #fff;
border: 1px solid #e3def0;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
box-shadow: 0 6px 14px #56486e14;
}
.rdh-chat-initials {
letter-spacing: .02em;
font-size: 11px;
font-weight: 700;
line-height: 1;
display: block;
}
.rdh-chat-agent {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
margin-bottom: 11px;
display: flex;
}
.rdh-chat-agent-icon {
color: #6563b5;
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rrd-hero {
background-color: #f0ebfa;
background-image: radial-gradient(at 88% 6%, #dae6f4 0%, #dae6f400 52%), radial-gradient(at 35% 95%, #fce2dc 0%, #fce2dc00 58%);
padding: 62px 58px 0;
position: relative;
overflow: hidden;
}
.rrd-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
align-items: center;
display: grid;
}
.rrd-hero-copy {
z-index: 1;
min-width: 0;
padding: 16px 0 36px;
position: relative;
}
.rrd-hero-note {
color: #777183;
margin: 17px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rrd-stage {
width: 100%;
max-width: 640px;
margin-left: auto;
padding: 22px 0 30px;
position: relative;
}
.rrd-orbit {
pointer-events: none;
border: 1px solid #ffffffb3;
border-radius: 47% 53% 46% 54%;
position: absolute;
inset: 0 -14px 9px;
transform: rotate(-15deg);
}
.rrd-hero-foot {
grid-column-gap: 16px;
grid-row-gap: 9px;
color: #726b81;
border-top: 1px solid #bcb0cb40;
justify-content: space-between;
padding: 20px 0;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.rrd-hero-foot-item {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.rrd-hero-foot-icon {
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rrd-hero-foot-text {
display: block;
}
.rrd-flag {
object-fit: cover;
border-radius: 3px;
flex: none;
width: 27px;
height: 20px;
display: block;
box-shadow: 0 0 0 1px #3023430d;
}
.rrd-avatar {
color: #726293;
background-color: #e5e1f3;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 31px;
height: 31px;
display: flex;
}
.rrd-avatar-text {
font-size: 11px;
line-height: 1;
display: block;
}
.rrd-fill-employer {
background-color: #8174c7;
width: 60%;
}
.rrd-fill-member {
background-color: #b2c4ba;
width: 40%;
}
.rrd-swatch {
background-color: #8174c7;
border-radius: 2px;
flex: none;
width: 7px;
height: 7px;
}
.rrd-swatch.rrd-swatch-member {
background-color: #b2c4ba;
}
.rrd-partners {
text-align: center;
padding-top: 40px;
padding-bottom: 42px;
}
.rrd-partners-title {
color: #898293;
margin: 0 0 23px;
font-size: 12px;
line-height: 1.6;
}
.rrd-people {
padding-top: 56px;
padding-bottom: 96px;
}
.rrd-people-grid {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.rrd-photo {
border-radius: 17px;
height: 460px;
position: relative;
overflow: hidden;
}
.rrd-photo-img {
object-fit: cover;
object-position: 52% 48%;
width: 100%;
height: 100%;
display: block;
}
.rrd-photo-shade {
background-image: linear-gradient(#24253200 0%, #242532c9 100%);
position: absolute;
inset: 40% 0 0;
}
.rrd-photo-caption {
z-index: 1;
color: #fff;
letter-spacing: -1px;
margin: 0;
font-size: 28px;
font-weight: 500;
line-height: 1.18;
position: absolute;
bottom: 29px;
left: 26px;
right: 26px;
}
.rrd-people-copy {
min-width: 0;
}
.rrd-ed-list {
margin-top: 28px;
}
.rrd-ed-item {
grid-column-gap: 13px;
border-top: 1px solid #e7e4ef;
align-items: flex-start;
padding: 16px 0;
display: flex;
}
.rrd-ed-icon {
color: #9281ad;
flex: none;
width: 21px;
height: 21px;
margin-top: 2px;
display: block;
}
.rrd-ed-text {
display: block;
}
.rrd-ed-title {
color: #292738;
margin: 0 0 3px;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.rrd-ed-copy {
color: #6a667a;
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.rrd-plan {
background-color: #f8f7fa;
margin-bottom: 78px;
padding: 58px 58px 64px;
}
.rrd-head-copy {
min-width: 0;
}
.rrd-plan-grid {
grid-column-gap: 45px;
grid-row-gap: 23px;
grid-template-rows: auto;
grid-template-columns: .94fr 1.06fr;
align-items: center;
display: grid;
}
.rrd-plan-list {
border-top: 1px solid #e2dfe9;
}
.rrd-plan-list.rrd-plan-tabs-menu {
grid-area: 1 / 1 / 2 / 2;
}
.rrd-plan-opt {
grid-column-gap: 13px;
color: #292738;
cursor: pointer;
background-color: #0000;
border-bottom: 1px solid #e2dfe9;
border-radius: 8px;
padding: 19px 12px;
display: flex;
}
.rrd-plan-opt.rrd-plan-opt-on {
color: #5e4e97;
background-color: #eeebf5;
}
.rrd-plan-opt.rrd-plan-tab {
text-align: left;
background-color: #0000;
text-decoration: none;
position: relative;
}
.rrd-plan-icon {
opacity: .72;
flex: none;
width: 21px;
height: 21px;
margin-top: 2px;
display: block;
}
.rrd-plan-opt-text {
display: block;
}
.rrd-plan-opt-title {
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
.rrd-plan-opt-copy {
color: #8a8196;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.5;
}
.rrd-plan-output {
background-color: #ece7f7;
background-image: radial-gradient(at 10% 10%, #f4e7ea 0%, #f4e7ea00 60%), radial-gradient(at 80% 90%, #dde9df 0%, #dde9df00 57%);
border-radius: 14px;
min-height: 415px;
padding: 29px;
}
.rrd-plan-output.rrd-plan-tabs-content {
grid-area: 1 / 2 / 2 / 3;
}
.rrd-art {
min-height: 354px;
}
.rrd-art.rrd-art-off {
display: none;
}
.rrd-art-label {
color: #8a7a9a;
letter-spacing: .09em;
text-transform: uppercase;
margin: 0 0 10px;
font-size: 11px;
line-height: 1.5;
}
.rrd-art-title {
color: #292738;
letter-spacing: -1px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: 29px;
font-weight: 500;
line-height: 1.15;
}
.rrd-donut-wrap {
width: 215px;
height: 215px;
margin: 17px auto 8px;
position: relative;
}
.rrd-donut {
width: 100%;
height: 100%;
display: block;
}
.rrd-donut-value {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.rrd-donut-small {
color: #877590;
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rrd-donut-num {
color: #473b59;
letter-spacing: -2px;
margin: 0;
font-size: 45px;
font-weight: 500;
line-height: 1.3;
}
.rrd-legend {
grid-column-gap: 35px;
justify-content: center;
align-items: center;
padding-top: 12px;
display: flex;
}
.rrd-legend-item {
display: block;
}
.rrd-legend-label {
grid-column-gap: 7px;
color: #82758a;
align-items: center;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.rrd-legend-text {
display: block;
}
.rrd-legend-num {
color: #292738;
letter-spacing: -.7px;
margin: 0;
padding-left: 14px;
font-size: 23px;
font-weight: 500;
line-height: 1.3;
}
.rrd-plus {
color: #aa9eb7;
font-size: 25px;
line-height: 1;
display: block;
}
.rrd-group {
background-color: #ffffffd9;
border: 1px solid #fff;
border-radius: 12px;
margin-top: 25px;
padding: 19px;
box-shadow: 0 7px 15px #826a990f;
}
.rrd-group.rrd-group-muted {
box-shadow: none;
background-color: #ffffff6b;
margin-top: 13px;
}
.rrd-group-title {
grid-column-gap: 12px;
color: #292738;
justify-content: space-between;
align-items: center;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.rrd-group-name {
grid-column-gap: 7px;
align-items: center;
display: flex;
}
.rrd-group-icon {
flex: none;
width: 17px;
height: 17px;
display: block;
}
.rrd-group-text {
display: block;
}
.rrd-included {
grid-column-gap: 5px;
color: #658d7b;
align-items: center;
font-size: 10px;
display: flex;
}
.rrd-included-icon {
width: 13px;
height: 13px;
display: block;
}
.rrd-included-text {
display: block;
}
.rrd-optional {
color: #9a8eaa;
font-size: 10px;
display: block;
}
.rrd-avatars {
grid-column-gap: 6px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(8, 1fr);
justify-items: center;
margin-top: 18px;
display: grid;
}
.rrd-avatars.rrd-avatars-muted {
opacity: .55;
}
.rrd-av {
color: #7f6a94;
background-color: #e6dfef;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
font-size: 10px;
display: flex;
}
.rrd-av.rrd-av-peach {
color: #9a7d75;
background-color: #efe3df;
}
.rrd-av.rrd-av-green {
color: #688679;
background-color: #dce9e2;
}
.rrd-av-text {
line-height: 1;
display: block;
}
.rrd-art-caption {
grid-column-gap: 7px;
color: #867592;
justify-content: center;
align-items: center;
margin-top: 25px;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.rrd-art-caption-icon {
flex: none;
width: 15px;
height: 15px;
display: block;
}
.rrd-art-caption-text {
display: block;
}
.rrd-vest {
grid-column-gap: 17px;
align-items: flex-end;
height: 240px;
margin-top: 15px;
padding: 38px 7px 32px;
display: flex;
position: relative;
}
.rrd-vest-col {
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: center;
height: 25%;
display: flex;
position: relative;
}
.rrd-vest-col.rrd-vest-50 {
height: 50%;
}
.rrd-vest-col.rrd-vest-75 {
height: 75%;
}
.rrd-vest-col.rrd-vest-100 {
height: 100%;
}
.rrd-vest-bar {
transform-origin: 50% 100%;
background-image: linear-gradient(150deg, #b3a4d7, #8b77b9);
border-radius: 9px 9px 3px 3px;
width: 100%;
height: 100%;
box-shadow: inset 1px 1px #ffffff4f, 0 7px 15px #977cb621;
}
.rrd-vest-bar.rrd-vest-bar-2 {
background-image: linear-gradient(150deg, #a897d0, #8470b0);
}
.rrd-vest-bar.rrd-vest-bar-3 {
background-image: linear-gradient(150deg, #9985c4, #7962a5);
}
.rrd-vest-bar.rrd-vest-bar-4 {
background-image: linear-gradient(150deg, #82a791, #638472);
}
.rrd-vest-pct {
color: #81718c;
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
position: absolute;
top: -27px;
}
.rrd-vest-year {
color: #8e8296;
white-space: nowrap;
margin: 0;
font-size: 11px;
line-height: 1.4;
position: absolute;
bottom: -29px;
}
.rrd-admin {
padding-top: 37px;
}
.rrd-hub {
text-align: center;
background-color: #fffffff0;
border: 1px solid #fff;
border-radius: 14px;
width: 190px;
margin: 0 auto;
padding: 23px 16px 17px;
box-shadow: 0 9px 23px #8475901c;
}
.rrd-hub-logo {
width: 80px;
margin: 0 auto;
display: block;
}
.rrd-hub-text {
color: #8b7b97;
margin: 13px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rrd-spine {
background-color: #bcb0d0;
width: 1px;
height: 24px;
margin: 0 auto;
}
.rrd-branches {
border-top: 1px solid #bcb0d0;
border-left: 1px solid #bcb0d0;
border-right: 1px solid #bcb0d0;
border-radius: 8px 8px 0 0;
height: 18px;
margin: 0 16.6667%;
position: relative;
}
.rrd-branch-mid {
background-color: #bcb0d0;
width: 1px;
height: 17px;
position: absolute;
top: 0;
left: 50%;
}
.rrd-nodes {
grid-column-gap: 10px;
display: flex;
}
.rrd-node {
grid-row-gap: 12px;
background-color: #ffffffa1;
border: 1px solid #fff;
border-radius: 11px;
flex-direction: column;
flex: 1;
align-items: center;
padding: 18px 6px;
display: flex;
}
.rrd-node-icon {
color: #8a76aa;
width: 23px;
height: 23px;
display: block;
}
.rrd-node-text {
color: #7a688c;
font-size: 11px;
line-height: 1.4;
display: block;
}
.rrd-world-grid {
grid-column-gap: 40px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.rrd-world-copy {
min-width: 0;
}
.rrd-port {
border-top: 1px solid #a699ba36;
max-width: 355px;
margin-top: 30px;
padding-top: 21px;
}
.rrd-port-title {
color: #f2eef8;
margin: 0 0 7px;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.rrd-port-copy {
color: #d3cbe0;
margin: 0;
font-size: 14px;
line-height: 1.6;
}
.rrd-globe-stage {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 410px;
display: flex;
position: relative;
}
.rrd-globe-ring {
pointer-events: none;
border: 1px solid #afadd233;
border-radius: 50%;
width: 92%;
height: 38%;
position: absolute;
top: 22%;
left: 4%;
transform: rotate(-23deg);
}
.rrd-globe {
z-index: 1;
border-radius: 50%;
flex: none;
width: 330px;
height: 330px;
position: relative;
overflow: hidden;
box-shadow: 0 22px 60px #11112254;
}
.rrd-globe-scale {
transform-origin: 0 0;
width: 380px;
height: 380px;
position: absolute;
top: 0;
left: 0;
transform: scale(.8684);
}
.rrd-globe-cap {
z-index: 1;
color: #d2c9e2;
margin: 22px 0 0;
font-size: 13px;
line-height: 1.5;
position: relative;
}
.rrd-world-foot {
grid-column-gap: 40px;
grid-row-gap: 20px;
border-top: 1px solid #a699ba36;
margin-top: 40px;
padding-top: 25px;
display: flex;
}
.rrd-world-item {
flex: 1;
}
.rrd-world-item-title {
color: #fff;
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.rrd-world-item-copy {
color: #aaa1bc;
margin: 5px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rrd-agent-grid {
grid-column-gap: 46px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: .92fr 1.08fr;
font-family: Geist, Arial, sans-serif;
display: grid;
}
.rrd-agent-copy {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
min-width: 0;
}
.rrd-agent-apps {
grid-column-gap: 16px;
color: #918699;
grid-area: 3 / 1 / 4 / 2;
align-self: start;
align-items: center;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.rrd-agent-apps-text {
display: block;
}
.rrd-app-icon {
opacity: .74;
object-fit: contain;
width: 21px;
height: 21px;
display: block;
}
.rrd-convo {
background-color: #ffffffed;
border: 1px solid #fff;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 18px 28px -19px #64557d45;
}
.rrd-convo.rrd-convo-off {
display: none;
}
.rrd-convo-head {
grid-column-gap: 10px;
border-bottom: 1px solid #efeaf3;
align-items: center;
padding: 17px 18px;
display: flex;
}
.rrd-convo-mark {
color: #8671b0;
background-color: #efe9f7;
border-radius: 9px;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.rrd-convo-mark-icon {
width: 18px;
height: 18px;
display: block;
}
.rrd-convo-titles {
min-width: 0;
display: block;
}
.rrd-convo-name {
color: #292738;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.rrd-convo-sub {
color: #91869b;
margin: 2px 0 0;
font-size: 10px;
line-height: 1.4;
}
.rrd-convo-menu {
color: #a08cae;
flex: none;
width: 20px;
height: 20px;
margin-left: auto;
display: block;
}
.rrd-convo-body {
min-height: 393px;
padding: 22px 20px 16px;
}
.rrd-user {
grid-column-gap: 10px;
justify-content: flex-end;
align-items: flex-start;
padding-left: 24px;
display: flex;
}
.rrd-user-bubble {
color: #6f5d82;
background-color: #eeeaf5;
border-radius: 12px 3px 12px 12px;
max-width: 285px;
margin: 0;
padding: 12px 14px;
font-size: 12px;
line-height: 1.6;
}
.rrd-user-avatar {
color: #947d73;
background-color: #e5ddd6;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
display: flex;
}
.rrd-user-initials {
font-size: 9px;
line-height: 1;
display: block;
}
.rrd-reply {
margin-top: 24px;
}
.rrd-reply-name {
grid-column-gap: 6px;
color: #857496;
align-items: center;
margin-bottom: 10px;
font-size: 11px;
line-height: 1.4;
display: flex;
}
.rrd-reply-icon {
width: 14px;
height: 14px;
display: block;
}
.rrd-reply-label {
display: block;
}
.rrd-reply-text {
color: #6d627a;
max-width: 365px;
margin: 0;
font-size: 12px;
line-height: 1.75;
}
.rrd-strong {
color: #453a54;
font-weight: 500;
}
.rrd-result {
background-color: #faf8fc;
border: 1px solid #ede8f3;
border-radius: 10px;
margin-top: 15px;
padding: 16px;
}
.rrd-result.rrd-doc {
grid-column-gap: 12px;
align-items: center;
padding: 20px 15px;
display: flex;
}
.rrd-perf-head {
grid-column-gap: 12px;
justify-content: space-between;
align-items: center;
display: flex;
}
.rrd-perf-left {
display: block;
}
.rrd-perf-label {
color: #92849d;
margin: 0;
font-size: 10px;
line-height: 1.4;
}
.rrd-perf-num {
color: #708978;
letter-spacing: -1.3px;
margin: 0;
font-size: 32px;
font-weight: 500;
line-height: 1.3;
}
.rrd-perf-num.rrd-perf-num-ink {
color: #6e5c81;
}
.rrd-perf-unit {
font-size: 24px;
}
.rrd-period {
color: #998ca5;
white-space: nowrap;
border: 1px solid #e5deed;
border-radius: 5px;
padding: 4px 7px;
font-size: 10px;
line-height: 1.4;
display: block;
}
.rrd-chart {
height: 96px;
margin-top: 12px;
display: flex;
}
.rrd-chart-y {
flex: none;
width: 24px;
position: relative;
}
.rrd-chart-tick {
color: #a99bb3;
font-size: 9px;
line-height: 1;
position: absolute;
top: 0%;
left: 0;
transform: translate(0, -50%);
}
.rrd-chart-tick.rrd-tick-4 {
top: 45.45%;
}
.rrd-chart-tick.rrd-tick-0 {
top: 90.91%;
}
.rrd-chart-plot {
flex: auto;
margin-right: 6px;
position: relative;
}
.rrd-chart-svg {
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.rrd-chart-dot {
background-color: #85a191;
border: 2px solid #faf8fc;
border-radius: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
position: absolute;
top: 9.09%;
right: -4px;
}
.rrd-chart-x {
color: #a99bb3;
justify-content: space-between;
margin: 6px 6px 0 24px;
font-size: 9px;
line-height: 1.4;
display: flex;
}
.rrd-chart-x-label {
display: block;
}
.rrd-perf-note {
color: #a296ab;
margin: 9px 0 0;
font-size: 9px;
line-height: 1.6;
}
.rrd-split {
grid-column-gap: 3px;
border-radius: 5px;
height: 14px;
margin: 24px 0 19px;
display: flex;
overflow: hidden;
}
.rrd-split-a {
background-color: #9280ba;
flex: 3;
}
.rrd-split-b {
background-color: #b0cabc;
flex: 2;
}
.rrd-contribs {
grid-column-gap: 20px;
justify-content: space-around;
margin-bottom: 8px;
display: flex;
}
.rrd-contrib {
grid-column-gap: 8px;
align-items: baseline;
display: flex;
}
.rrd-contrib-text {
display: block;
}
.rrd-contrib-who {
color: #a28fab;
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rrd-contrib-amt {
color: #6e5c81;
margin: 0;
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}
.rrd-doc-icon {
color: #8d79aa;
flex: none;
width: 30px;
height: 30px;
display: block;
}
.rrd-doc-text {
display: block;
}
.rrd-doc-title {
color: #776385;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.rrd-doc-sub {
color: #ac9ab8;
margin: 0;
font-size: 10px;
line-height: 1.5;
}
.rrd-doc-tag {
color: #ab99b7;
margin-left: auto;
font-size: 9px;
display: block;
}
.rrd-source {
grid-column-gap: 6px;
color: #9b8ea5;
align-items: center;
margin-top: 12px;
font-size: 10px;
line-height: 1.4;
display: flex;
}
.rrd-source-icon {
flex: none;
width: 12px;
height: 12px;
display: block;
}
.rrd-source-text {
display: block;
}
.rrd-composer {
grid-column-gap: 10px;
color: #afa2b8;
border: 1px solid #ebe5f0;
border-radius: 8px;
justify-content: space-between;
align-items: center;
margin: 0 18px 17px;
padding: 9px 11px;
font-size: 11px;
line-height: 1.4;
display: flex;
}
.rrd-composer-text {
display: block;
}
.rrd-composer-key {
color: #fff;
background-color: #9381b3;
border-radius: 6px;
flex: none;
justify-content: center;
align-items: center;
width: 23px;
height: 23px;
display: flex;
}
.rrd-composer-icon {
width: 12px;
height: 12px;
display: block;
}
.rrd-ask-icon {
flex: none;
width: 18px;
height: 18px;
display: block;
}
.rrd-funds-grid {
grid-column-gap: 56px;
grid-row-gap: 31px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.rrd-funds-copy {
min-width: 0;
}
.rrd-catalog {
background-color: #f0f3f0;
border-radius: 17px;
padding: 27px;
}
.rrd-catalog-head {
grid-column-gap: 10px;
color: #5d6e65;
align-items: center;
padding-bottom: 22px;
font-size: 14px;
line-height: 1.4;
display: flex;
}
.rrd-catalog-head-icon {
flex: none;
width: 21px;
height: 21px;
display: block;
}
.rrd-catalog-head-text {
display: block;
}
.rrd-catalog-row {
grid-column-gap: 15px;
border-top: 1px solid #cfd9d1;
align-items: center;
padding: 19px 0;
display: flex;
}
.rrd-catalog-icon {
color: #799282;
flex: none;
width: 21px;
height: 21px;
display: block;
}
.rrd-catalog-text {
display: block;
}
.rrd-catalog-title {
color: #292738;
letter-spacing: -.3px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rrd-catalog-copy {
color: #7a877d;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.5;
}
.rrd-catalog-note {
color: #718075;
margin: 7px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rrd-launch {
background-color: #f8f6fa;
padding: 58px 58px 62px;
}
.rrd-launch-head {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: end;
margin-bottom: 36px;
display: grid;
}
.rrd-steps {
grid-column-gap: 30px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.rrd-step {
border-top: 2px solid #c8bfde;
padding-top: 22px;
}
.rrd-step-title {
color: #292738;
letter-spacing: -.4px;
margin: 0;
font-family: Geist, Arial, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 1.3;
}
.rrd-step-copy {
color: #7d7489;
margin: 12px 0 0;
font-size: 13px;
line-height: 1.7;
}
.rrd-inline-link {
color: #5967e9;
text-decoration: underline;
}
.rrd-ask-text {
display: block;
}
.rba-renew-meta {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
margin-top: 3px;
display: flex;
}
.rba-renew-meta-text {
color: #877b95;
font-size: 11px;
line-height: 1.4;
display: block;
}
.rba-report-note {
color: #9e93b3;
margin: 12px 0 0;
font-size: 11px;
line-height: 1.6;
}
.rba-report-spacer {
display: block;
}
.rba-date {
color: #716486;
white-space: nowrap;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rrd-ask-list {
grid-row-gap: 4px;
flex-direction: column;
grid-area: 2 / 1 / 3 / 2;
margin-top: 28px;
margin-bottom: 26px;
display: flex;
}
.rrd-ask-opt {
grid-column-gap: 11px;
color: #8f84a0;
cursor: pointer;
background-color: #0000;
border-radius: 10px;
align-items: center;
padding: 13px 12px;
font-size: 14px;
line-height: 1.4;
display: flex;
}
.rrd-ask-opt.rrd-ask-opt-on {
color: #5a47b0;
background-color: #ebe5fb;
}
.rrd-ask-panels {
background-color: #e8edf4;
background-image: radial-gradient(at 0 0, #dce9e3 0%, #dce9e300 55%), radial-gradient(at 100% 100%, #e5daef 0%, #e5daef00 55%);
border-radius: 18px;
grid-area: 1 / 2 / 4 / 3;
align-self: center;
min-width: 0;
padding: 20px;
}
.rrd-globe-wrap {
z-index: 1;
flex: none;
width: 330px;
height: 330px;
position: relative;
}
.rrd-routes {
z-index: 2;
pointer-events: none;
transform-origin: 0 0;
width: 330px;
height: 330px;
position: absolute;
top: 0;
left: 0;
}
.rrd-route {
position: absolute;
top: 0;
left: 0;
}
.rrd-route.rrd-route-1 {
transform-origin: 0 60px;
width: 132px;
height: 64px;
top: 118px;
left: 62px;
transform: rotate(-18deg);
}
.rrd-route.rrd-route-2 {
transform-origin: 0 44px;
width: 104px;
height: 48px;
top: 60px;
left: 176px;
transform: rotate(21deg);
}
.rrd-route.rrd-route-3 {
transform-origin: 0 62px;
width: 150px;
height: 66px;
top: 190px;
left: 112px;
transform: rotate(-9deg);
}
.rrd-route.rrd-route-4 {
transform-origin: 0 38px;
width: 92px;
height: 42px;
top: 214px;
left: 214px;
transform: rotate(-58deg);
}
.rrd-route-svg {
display: block;
position: absolute;
top: 0;
left: 0;
overflow: visible;
}
.rrd-route-fx {
position: absolute;
inset: 0;
}
.rrd-route-clip {
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.rrd-route-dot {
background-color: #fff;
border-radius: 50%;
width: 8px;
height: 8px;
position: absolute;
left: -4px;
box-shadow: 0 0 6px 2px #d6c4fff2, 0 0 18px 6px #9276e28c;
}
.rrd-route-dot.rrd-dot-1 {
top: 56px;
}
.rrd-route-dot.rrd-dot-2 {
top: 40px;
}
.rrd-route-dot.rrd-dot-3 {
top: 58px;
}
.rrd-route-dot.rrd-dot-4 {
top: 34px;
}
.rrd-route-city {
background-color: #f1e9ff;
border-radius: 50%;
width: 6px;
height: 6px;
position: absolute;
box-shadow: 0 0 0 3px #a791e840, 0 0 10px 2px #beaaff8c;
}
.rrd-route-city.rrd-from-1 {
top: 57px;
left: -3px;
}
.rrd-route-city.rrd-to-1 {
top: 57px;
left: 129px;
}
.rrd-route-city.rrd-from-2 {
top: 41px;
left: -3px;
}
.rrd-route-city.rrd-to-2 {
top: 41px;
left: 101px;
}
.rrd-route-city.rrd-from-3 {
top: 59px;
left: -3px;
}
.rrd-route-city.rrd-to-3 {
top: 59px;
left: 147px;
}
.rrd-route-city.rrd-from-4 {
top: 35px;
left: -3px;
}
.rrd-route-city.rrd-to-4 {
top: 35px;
left: 89px;
}
.rrd-route-pulse {
border: 1px solid #ded0ffbf;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
}
.rrd-route-pulse.rrd-pulse-1 {
top: 50px;
left: 122px;
}
.rrd-route-pulse.rrd-pulse-2 {
top: 34px;
left: 94px;
}
.rrd-route-pulse.rrd-pulse-3 {
top: 52px;
left: 140px;
}
.rrd-route-pulse.rrd-pulse-4 {
top: 28px;
left: 82px;
}
.rrd-hc-wrap {
z-index: 1;
font-family: Geist, Arial, sans-serif;
position: relative;
}
.rrd-hc {
background-color: #fffffff0;
border: 1px solid #fff;
border-radius: 22px;
padding: 20px;
position: relative;
box-shadow: 0 34px 60px -28px #53408c52, 0 2px 6px #53408c0d;
}
.rrd-hc-top {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
display: flex;
}
.rrd-hc-toggle {
background-color: #efecf6;
border-radius: 12px;
flex: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 340px;
padding: 4px;
display: grid;
}
.rrd-hc-opt {
color: #5b556b;
text-align: center;
cursor: pointer;
background-color: #fff0;
border-radius: 9px;
padding: 9px 14px;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.rrd-hc-opt.rrd-hc-opt-on {
color: #4f46c8;
background-color: #fff;
}
.rrd-hc-live {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #2f7a5a;
white-space: nowrap;
background-color: #e9f3ee;
border-radius: 999px;
align-items: center;
padding: 6px 11px;
font-size: 11px;
font-weight: 500;
line-height: 1.2;
display: flex;
}
.rrd-hc-live-dot {
background-color: #3aa57a;
border-radius: 50%;
width: 7px;
height: 7px;
display: block;
box-shadow: 0 0 0 3px #3aa57a2e;
}
.rrd-hc-panel {
margin-top: 20px;
}
.rrd-hc-panel.rrd-hc-panel-off {
display: none;
}
.rrd-hc-head {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.rrd-hc-tile {
color: #fff;
background-image: linear-gradient(145deg, #6d63e0, #4f46c8);
border-radius: 12px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
box-shadow: 0 8px 16px -6px #4f46c88c;
}
.rrd-hc-tile-icon {
width: 20px;
height: 20px;
display: block;
}
.rrd-hc-avatar {
color: #fff;
background-image: linear-gradient(145deg, #8f84ee, #4f46c8);
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-size: 13px;
font-weight: 600;
line-height: 1;
display: flex;
box-shadow: 0 8px 16px -6px #4f46c88c;
}
.rrd-hc-titles {
flex: auto;
min-width: 0;
}
.rrd-hc-eyebrow {
color: #8a83a0;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
}
.rrd-hc-title {
color: #4338b8;
letter-spacing: -.3px;
margin: 2px 0 0;
font-size: 19px;
font-weight: 600;
line-height: 1.25;
}
.rrd-hc-chip {
color: #2f7a5a;
white-space: nowrap;
background-color: #e9f3ee;
border-radius: 999px;
padding: 5px 10px;
font-size: 11px;
font-weight: 500;
line-height: 1.2;
display: inline-block;
}
.rrd-hc-chip.rrd-hc-chip-violet {
color: #4f46c8;
background-color: #efecfb;
}
.rrd-hc-kpis {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 18px;
display: grid;
}
.rrd-hc-kpi {
background-image: linear-gradient(160deg, #f3f0fe, #e7e2fb);
border-radius: 14px;
padding: 14px 14px 13px;
}
.rrd-hc-kpi.rrd-hc-kpi-green {
background-image: linear-gradient(160deg, #eef7f2, #dfefe6);
}
.rrd-hc-kpi.rrd-hc-kpi-amber {
background-image: linear-gradient(160deg, #fdf3ec, #f8e4d7);
}
.rrd-hc-kpi-num {
color: #4f46c8;
letter-spacing: -1.2px;
margin: 0;
font-size: 30px;
font-weight: 600;
line-height: 1.1;
}
.rrd-hc-kpi-num.rrd-hc-num-green {
color: #2b7a57;
}
.rrd-hc-kpi-num.rrd-hc-num-amber {
color: #b0562f;
}
.rrd-hc-kpi-label {
color: #4a4458;
margin: 6px 0 0;
font-size: 12px;
font-weight: 500;
line-height: 1.35;
}
.rrd-hc-kpi-sub {
color: #8a83a0;
margin: 3px 0 0;
font-size: 11px;
line-height: 1.35;
}
.rrd-hc-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
margin-top: 16px;
display: grid;
}
.rrd-hc-grid.rrd-hc-grid-full {
grid-template-columns: minmax(0, 1fr);
}
.rrd-hc-table {
min-width: 0;
}
.rrd-hc-thead {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #9a93ab;
letter-spacing: .06em;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 96px 88px;
padding-bottom: 8px;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
display: grid;
}
.rrd-hc-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #efebf5;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 96px 88px;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: grid;
}
.rrd-hc-person {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
min-width: 0;
display: flex;
}
.rrd-hc-name {
color: #2c2838;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.rrd-hc-meta {
color: #8b849a;
margin: 1px 0 0;
font-size: 11px;
line-height: 1.3;
}
.rrd-hc-amt {
color: #3d3850;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
}
.rrd-hc-more {
color: #6c5fc7;
border-top: 1px solid #efebf5;
margin: 0;
padding-top: 10px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
}
.rrd-hc-aside {
background-color: #f7f5fc;
border-radius: 14px;
padding: 14px;
}
.rrd-hc-aside-title {
color: #3a3550;
margin: 0 0 2px;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
.rrd-hc-bar-row {
margin-top: 10px;
}
.rrd-hc-bar-label {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #5d576d;
justify-content: space-between;
font-size: 11px;
line-height: 1.3;
display: flex;
}
.rrd-hc-track {
background-color: #e7e2f3;
border-radius: 3px;
height: 6px;
margin-top: 5px;
overflow: hidden;
}
.rrd-hc-fill {
transform-origin: 0%;
background-image: linear-gradient(90deg, #8a80ee, #4f46c8);
border-radius: 3px;
width: 46%;
height: 100%;
}
.rrd-hc-fill.rrd-hc-w28 {
background-image: linear-gradient(90deg, #74c7a0, #2f8a63);
width: 28%;
}
.rrd-hc-fill.rrd-hc-w26 {
background-image: linear-gradient(90deg, #f2ad87, #c8673b);
width: 26%;
}
.rrd-hc-fill.rrd-hc-w60 {
width: 60%;
}
.rrd-hc-fill.rrd-hc-w30 {
background-image: linear-gradient(90deg, #74c7a0, #2f8a63);
width: 30%;
}
.rrd-hc-fill.rrd-hc-w10 {
background-image: linear-gradient(90deg, #f2ad87, #c8673b);
width: 10%;
}
.rrd-hc-stat {
grid-column-gap: 8px;
grid-row-gap: 4px;
border-top: 1px solid #e9e4f3;
flex-wrap: wrap;
align-items: baseline;
margin-top: 14px;
padding-top: 12px;
display: flex;
}
.rrd-hc-stat-num {
color: #4f46c8;
letter-spacing: -.8px;
font-size: 22px;
font-weight: 600;
line-height: 1.1;
}
.rrd-hc-stat-label {
color: #6f6880;
font-size: 11px;
line-height: 1.3;
}
.rrd-hc-foot {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #7b748c;
border-top: 1px solid #efebf5;
justify-content: space-between;
align-items: center;
margin-top: 16px;
padding-top: 14px;
font-size: 11px;
line-height: 1.3;
display: flex;
}
.rrd-hc-foot-item {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.rrd-hc-foot-icon {
color: #6c5fc7;
flex: none;
width: 14px;
height: 14px;
display: block;
}
.rrd-hc-bal {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(160deg, #f3f0fe, #e9e4fb);
border-radius: 14px;
justify-content: space-between;
align-items: flex-end;
margin-top: 18px;
padding: 16px;
display: flex;
}
.rrd-hc-bal-label {
color: #6f6880;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
}
.rrd-hc-bal-row {
grid-column-gap: 10px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
margin-top: 4px;
display: flex;
}
.rrd-hc-bal-num {
color: #4338b8;
letter-spacing: -1.6px;
font-size: 38px;
font-weight: 600;
line-height: 1.05;
}
.rrd-hc-bal-cur {
color: #8a83a0;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
}
.rrd-hc-spark {
flex: none;
width: 150px;
height: 56px;
display: block;
}
.rrd-hc-contrib-head {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #3a3550;
justify-content: space-between;
align-items: baseline;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
display: flex;
}
.rrd-hc-contrib-amt {
color: #4f46c8;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.rrd-hc-stack {
background-color: #e7e2f3;
border-radius: 5px;
height: 10px;
margin-top: 10px;
display: flex;
overflow: hidden;
}
.rrd-hc-stack-a {
transform-origin: 0%;
background-image: linear-gradient(90deg, #6d63e0, #4f46c8);
width: 60%;
height: 100%;
}
.rrd-hc-stack-b {
background-color: #c3baf3;
width: 40%;
height: 100%;
}
.rrd-hc-crows {
margin-top: 12px;
}
.rrd-hc-crow {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #efebf5;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.rrd-hc-crow-label {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #5d576d;
align-items: center;
font-size: 12px;
line-height: 1.3;
display: flex;
}
.rrd-hc-swatch {
background-color: #4f46c8;
border-radius: 3px;
flex: none;
width: 9px;
height: 9px;
display: block;
}
.rrd-hc-swatch.rrd-hc-swatch-b {
background-color: #c3baf3;
}
.rrd-hc-crow-amt {
color: #2c2838;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
}
.rrd-hc-note {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #ffffff9e;
border: 1px solid #ffffffe6;
border-radius: 14px;
align-items: center;
margin: 14px 14px 0;
padding: 14px 18px;
display: flex;
box-shadow: 0 18px 34px -24px #53408c59;
}
.rrd-hc-note.rrd-hc-note-off {
display: none;
}
.rrd-hc-note-icon {
color: #4f46c8;
flex: none;
width: 22px;
height: 22px;
display: block;
}
.rrd-hc-note-title {
color: #2c2838;
margin: 0;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.rrd-hc-note-text {
color: #7b748c;
margin: 2px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rfx-hero {
background-color: #faf6f2;
background-image: radial-gradient(at 0 0, #f1e8f6 0%, #f1e8f600 52%), radial-gradient(at 100% 0, #f8e6da 0%, #f8e6da00 55%), radial-gradient(at 40% 100%, #fbefe6 0%, #fbefe600 60%);
padding: 58px;
position: relative;
overflow: hidden;
}
.rfx-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
align-items: center;
display: grid;
}
.rfx-hero-copy {
min-width: 0;
}
.rfx-kicker {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.rfx-kicker-dot {
background-color: #5967e9;
border-radius: 50%;
flex: none;
width: 8px;
height: 8px;
box-shadow: 0 0 0 4px #5967e929;
}
.rfx-play-link {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #282735;
align-items: center;
font-size: .9375rem;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.rfx-play-link-icon {
color: #5967e9;
width: 18px;
height: 18px;
display: block;
}
.rfx-price-note {
grid-column-gap: 12px;
grid-row-gap: 6px;
color: #7a7484;
flex-wrap: wrap;
align-items: center;
margin-top: 24px;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.rfx-price-strong {
color: #282735;
font-size: 13px;
font-weight: 600;
}
.rfx-price-sep {
background-color: #ddd6d6;
width: 1px;
height: 14px;
}
.rfx-price-link {
color: #505bcf;
border-bottom: 1px solid #c5c9f4;
font-weight: 500;
text-decoration: none;
}
.rfx-hero-visual {
min-width: 0;
position: relative;
}
.rfx-photo-panel {
background-color: #e4def0;
background-image: linear-gradient(#e9e3f3 0%, #ddd5ec 100%);
border-radius: 26px;
height: 430px;
font-family: Geist, Arial, sans-serif;
position: relative;
overflow: hidden;
box-shadow: 0 30px 60px -32px #543e7859;
}
.rfx-hero-photo {
object-fit: cover;
object-position: 50% 35%;
width: 100%;
height: 72%;
position: absolute;
top: 0;
left: 0;
}
.rfx-photo-shade {
background-image: linear-gradient(200deg, #1c162c8c 0%, #1c162c00 34%), linear-gradient(0deg, #ddd5ecf2 0%, #ddd5ec00 38%);
height: 72%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.rfx-photo-caption {
color: #fff;
text-align: right;
margin: 0;
font-size: 11px;
font-weight: 600;
line-height: 1.35;
position: absolute;
top: 22px;
right: 24px;
}
.rfx-caption-em {
letter-spacing: -.3px;
margin-top: 2px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 19px;
font-style: italic;
font-weight: 400;
display: block;
}
.rfx-note {
background-color: #ffffffc7;
border: 1px solid #ffffffe6;
border-radius: 16px;
padding: 20px 22px 22px;
position: absolute;
bottom: 22px;
left: 22px;
right: 22px;
box-shadow: 0 18px 36px -22px #46346e73;
}
.rfx-note.rfx-note-off {
display: none;
}
.rfx-note-top {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
display: flex;
}
.rfx-note-icon {
color: #5967e9;
background-color: #ece9fb;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.rfx-note-svg {
width: 12px;
height: 12px;
display: block;
}
.rfx-note-label {
color: #6f6880;
letter-spacing: .08em;
text-transform: uppercase;
flex: auto;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
}
.rfx-note-brand {
color: #5967e9;
letter-spacing: -.4px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 19px;
font-weight: 700;
line-height: 1;
}
.rfx-note-title {
color: #282735;
letter-spacing: -.5px;
margin: 16px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.25;
}
.rfx-note-text {
color: #5e5870;
margin: 8px 0 0;
font-size: 13px;
line-height: 1.6;
}
.rfx-note-tabs {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
margin-top: 14px;
font-family: Geist, Arial, sans-serif;
display: flex;
}
.rfx-note-tab {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #6b6578;
cursor: pointer;
background-color: #fff0;
border: 1px solid #fff0;
border-radius: 999px;
align-items: center;
padding: 9px 14px;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rfx-note-tab.rfx-note-tab-on {
color: #4c46a8;
background-color: #ece8fa;
border-color: #ddd6f3;
}
.rfx-note-tab-icon {
flex: none;
width: 14px;
height: 14px;
display: block;
}
.rfx-brands {
padding-top: 30px;
padding-bottom: 30px;
}
.rfx-brands-label {
color: #7a7484;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 16px;
font-size: 11px;
font-weight: 550;
line-height: 1.4;
}
.rfx-brand-window {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
mask-image: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
}
.rfx-brand-track {
width: max-content;
display: flex;
}
.rfx-brand-set {
grid-column-gap: 44px;
grid-row-gap: 44px;
flex: none;
align-items: center;
padding-right: 44px;
display: flex;
}
.rfx-brand-logo {
object-fit: contain;
flex: none;
width: auto;
height: 30px;
display: block;
}
.rfx-brand-logo.rfx-logo-amazon {
height: 32px;
}
.rfx-brand-logo.rfx-logo-walmart {
height: 24px;
}
.rfx-brand-logo.rfx-logo-visa, .rfx-brand-logo.rfx-logo-nike {
height: 22px;
}
.rfx-brand-logo.rfx-logo-mastercard {
height: 30px;
}
.rfx-brand-logo.rfx-logo-redcross {
height: 28px;
}
.rfx-brand-logo.rfx-logo-starbucks {
height: 34px;
}
.rfx-brand-logo.rfx-logo-uber {
height: 36px;
}
.rfx-brand-logo.rfx-logo-ikea, .rfx-brand-logo.rfx-logo-doordash {
height: 26px;
}
.rfx-brand-logo.rfx-logo-netflix, .rfx-brand-logo.rfx-logo-apple, .rfx-brand-logo.rfx-logo-target, .rfx-brand-logo.rfx-logo-spotify, .rfx-brand-logo.rfx-logo-airbnb {
height: 28px;
}
.rfx-spark {
color: #c2bddb;
font-size: 13px;
line-height: 1;
}
.rfx-brands-foot {
grid-column-gap: 20px;
grid-row-gap: 6px;
color: #857f8f;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 16px;
font-size: 11px;
line-height: 1.5;
display: flex;
}
.rfx-choices {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #f4f3f7;
border: 1px solid #ebe9f0;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 6px;
font-family: Geist, Arial, sans-serif;
display: grid;
}
.rfx-choice {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #5d5870;
cursor: pointer;
background-color: #fff0;
border: 1px solid #fff0;
border-radius: 11px;
justify-content: center;
align-items: center;
padding: 14px 16px;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rfx-choice.rfx-choice-on {
color: #3b37a0;
background-color: #fff;
border-color: #e4e1ee;
}
.rfx-choice.rfx-choice-tab {
color: #5d5870;
background-color: #fff0;
text-decoration: none;
}
.rfx-choice-icon {
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rfx-choice-text {
display: block;
}
.rfx-catalog {
background-color: #f1edf6;
background-image: radial-gradient(at 100% 0, #e5dcf6 0%, #e5dcf600 55%), radial-gradient(at 0 100%, #dfeae3 0%, #dfeae300 55%), radial-gradient(at 100% 100%, #f3ece7 0%, #f3ece700 50%);
border: 1px solid #fff;
border-radius: 26px;
margin-top: 22px;
padding: 40px;
font-family: Geist, Arial, sans-serif;
box-shadow: 0 30px 60px -40px #503e784d;
}
.rfx-view {
display: block;
}
.rfx-view.rfx-view-off {
display: none;
}
.rfx-cat-head {
border-bottom: 1px solid #6e609624;
justify-content: space-between;
align-items: center;
padding-bottom: 18px;
display: flex;
}
.rfx-mini-logo {
color: #5967e9;
letter-spacing: -.4px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.rfx-mini-logo.rfx-poster-logo {
color: #626ab3;
font-size: 23px;
}
.rfx-cat-label {
color: #7b7488;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
}
.rfx-cat-title {
color: #282735;
letter-spacing: -.8px;
margin: 30px 0 0;
font-family: Geist, Arial, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.2;
}
.rfx-cat-sub {
color: #6f6880;
margin: 8px 0 0;
font-size: 13px;
line-height: 1.5;
}
.rfx-brand-grid {
grid-column-gap: 14px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(6, minmax(0, 1fr));
margin-top: 30px;
display: grid;
}
.rfx-brand-item {
text-align: center;
min-width: 0;
}
.rfx-brand-tile {
background-color: #ffffff9e;
border: 1px solid #fffffff2;
border-radius: 12px;
justify-content: center;
align-items: center;
height: 84px;
display: flex;
box-shadow: 0 14px 26px -22px #46346e66;
}
.rfx-tile-logo {
object-fit: contain;
width: auto;
max-width: 64%;
height: 38px;
display: block;
}
.rfx-tile-logo.rfx-tile-walmart, .rfx-tile-logo.rfx-tile-nike {
height: 24px;
}
.rfx-tile-logo.rfx-tile-starbucks {
height: 44px;
}
.rfx-tile-logo.rfx-tile-apple {
height: 34px;
}
.rfx-brand-name {
color: #5e5870;
margin: 10px 0 0;
font-size: 12px;
line-height: 1.3;
}
.rfx-pay-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
max-width: none;
margin-top: 30px;
display: grid;
}
.rfx-pay-card {
background-color: #fff;
background-image: linear-gradient(140deg, #fff 0%, #eef0fd 100%);
border: 1px solid #fffffff2;
border-radius: 18px;
flex-direction: column;
justify-content: space-between;
min-height: 156px;
padding: 18px 20px;
display: flex;
box-shadow: 0 22px 40px -30px #46346e80;
}
.rfx-pay-card.rfx-pay-card-alt {
background-image: linear-gradient(140deg, #fff 0%, #fbefe8 100%);
}
.rfx-pay-card.rfx-pay-card-sage {
background-image: linear-gradient(140deg, #fff 0%, #e9f3ec 100%);
}
.rfx-pay-card.rfx-pay-card-sky {
background-image: linear-gradient(140deg, #fff 0%, #e8f1fa 100%);
}
.rfx-pay-kicker {
color: #7b7488;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
}
.rfx-pay-title {
color: #282735;
letter-spacing: -.4px;
margin: 8px 0 0;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rfx-pay-foot {
justify-content: space-between;
align-items: flex-end;
margin-top: 18px;
display: flex;
}
.rfx-pay-chip {
background-image: linear-gradient(135deg, #e9d9a8, #c9b06c);
border-radius: 6px;
width: 34px;
height: 26px;
display: block;
}
.rfx-pay-logo {
object-fit: contain;
width: auto;
height: 26px;
display: block;
}
.rfx-pay-logo.rfx-pay-mastercard {
height: 40px;
}
.rfx-pay-logo.rfx-pay-paypal {
height: 24px;
}
.rfx-pay-logo.rfx-pay-venmo {
height: 18px;
}
.rfx-pay-logo.rfx-pay-wise {
height: 20px;
}
.rfx-charity {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #ffffff9e;
border: 1px solid #fffffff2;
border-radius: 16px;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
padding: 20px;
display: flex;
box-shadow: 0 14px 26px -22px #46346e66;
}
.rfx-charity-medal {
background-color: #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
display: flex;
box-shadow: 0 16px 30px -20px #a0282873;
}
.rfx-charity-logo {
width: 30px;
height: auto;
display: block;
}
.rfx-charity-logo.rfx-cl-redcross {
width: auto;
height: 28px;
}
.rfx-charity-logo.rfx-cl-unicef {
width: auto;
height: 22px;
}
.rfx-charity-logo.rfx-cl-wwf {
width: auto;
height: 36px;
}
.rfx-charity-logo.rfx-cl-msf {
width: auto;
height: 30px;
}
.rfx-charity-logo.rfx-cl-feeding {
width: auto;
height: 34px;
}
.rfx-charity-logo.rfx-cl-water {
width: auto;
height: 30px;
}
.rfx-charity-copy {
min-width: 0;
}
.rfx-charity-title {
color: #282735;
letter-spacing: -.3px;
margin: 4px 0 0;
font-family: Geist, Arial, sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rfx-charity-text {
color: #6f6880;
margin: 6px 0 0;
font-size: 13px;
line-height: 1.55;
}
.rfx-demo {
background-color: #f7f6f3;
background-image: radial-gradient(at 0 100%, #efeaf6 0%, #efeaf600 55%);
padding: 62px 58px;
}
.rfx-demo-grid {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
display: grid;
}
.rfx-demo-media {
min-width: 0;
}
.rfx-video {
aspect-ratio: 16 / 9;
background-color: #ece7f4;
border: 1px solid #fff;
border-radius: 22px;
font-family: Geist, Arial, sans-serif;
position: relative;
overflow: hidden;
box-shadow: 0 30px 60px -36px #46346e73;
}
.rfx-poster {
background-color: #ebe5f5;
background-image: radial-gradient(at 100% 0, #ddd3f3 0%, #ddd3f300 55%), radial-gradient(at 0 100%, #d9e9df 0%, #d9e9df00 60%);
flex-direction: column;
justify-content: space-between;
padding: 24px 26px;
display: flex;
position: absolute;
inset: 0;
overflow: hidden;
}
.rfx-poster-arc {
pointer-events: none;
border: 1px solid #ffffffb3;
border-radius: 50%;
width: 120%;
height: 120%;
position: absolute;
top: 46%;
left: 30%;
}
.rfx-poster-arc.rfx-poster-arc-2 {
width: 90%;
height: 150%;
top: 20%;
left: -30%;
}
.rfx-poster-head {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.rfx-poster-label {
color: #7b7488;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.rfx-poster-title {
color: #3a3650;
letter-spacing: -.8px;
margin: 0;
font-size: 27px;
font-weight: 500;
line-height: 1.2;
position: relative;
}
.rfx-poster-em {
color: #686aa4;
letter-spacing: -.8px;
margin-top: 4px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 29px;
font-style: italic;
font-weight: 400;
display: block;
}
.rfx-play {
color: #5967e9;
cursor: pointer;
background-color: #ffffffd9;
border: 1px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 62px;
height: 62px;
margin-top: -31px;
display: flex;
position: absolute;
top: 50%;
right: 26px;
box-shadow: 0 14px 30px -12px #46346e73;
}
.rfx-play-icon {
width: 18px;
height: 18px;
margin-left: 3px;
display: block;
}
.rfx-poster-foot {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.rfx-length {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #4a4458;
background-color: #ffffffb3;
border: 1px solid #fff;
border-radius: 999px;
align-items: center;
padding: 5px 10px;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rfx-length-icon {
width: 12px;
height: 12px;
display: block;
}
.rfx-player {
color: #fff;
text-align: center;
background-color: #2a2838;
background-image: radial-gradient(at 50% 0, #3d3a5c 0%, #3d3a5c00 70%);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 24px;
display: none;
position: absolute;
inset: 0;
}
.rfx-player-title {
color: #fff;
margin: 14px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.rfx-player-text {
color: #c4bfd5;
margin: 8px 0 0;
font-size: 13px;
line-height: 1.6;
}
.rfx-back {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
cursor: pointer;
border: 1px solid #ffffff40;
border-radius: 999px;
align-items: center;
margin-top: 18px;
padding: 9px 14px;
font-size: 12px;
line-height: 1.3;
display: flex;
}
.rfx-back-icon {
width: 14px;
height: 14px;
display: block;
}
.rfx-video-meta {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #6f6880;
justify-content: space-between;
align-items: center;
margin-top: 14px;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.rfx-video-meta-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.rfx-meta-icon {
color: #5967e9;
width: 14px;
height: 14px;
display: block;
}
.rfx-demo-copy {
min-width: 0;
}
.rfx-highlights {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-top: 30px;
font-family: Geist, Arial, sans-serif;
display: grid;
}
.rfx-hl {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
display: flex;
}
.rfx-hl-icon {
color: #5967e9;
background-color: #ece9fb;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
display: flex;
}
.rfx-hl-icon.rfx-hl-peach {
color: #b0563a;
background-color: #f8e6de;
}
.rfx-hl-icon.rfx-hl-green {
color: #3d7c5c;
background-color: #e2efe7;
}
.rfx-hl-svg {
width: 17px;
height: 17px;
display: block;
}
.rfx-hl-title {
color: #282735;
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.rfx-hl-text {
color: #6f6880;
margin: 2px 0 0;
font-size: 13px;
line-height: 1.5;
}
.rfx-journey-grid {
grid-column-gap: 64px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
align-items: center;
display: grid;
}
.rfx-journey-copy {
min-width: 0;
}
.rfx-steps {
grid-column-gap: 26px;
grid-row-gap: 26px;
margin-top: 36px;
font-family: Geist, Arial, sans-serif;
display: grid;
position: relative;
}
.rfx-steps-line {
background-color: #ffffff24;
width: 1px;
position: absolute;
top: 18px;
bottom: 18px;
left: 15px;
}
.rfx-step {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
align-items: flex-start;
display: flex;
position: relative;
}
.rfx-step-icon {
color: #d9d4ea;
background-color: #2d2b3c;
border: 1px solid #ffffff38;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.rfx-step-icon.rfx-step-icon-on {
color: #2b2840;
background-color: #b8adf2;
border-color: #b8adf2;
}
.rfx-step-svg {
width: 15px;
height: 15px;
display: block;
}
.rfx-step-copy {
min-width: 0;
padding-top: 4px;
}
.rfx-step-title {
color: #e9e6f2;
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
}
.rfx-step-text {
color: #a9a3bb;
margin: 3px 0 0;
font-size: 13px;
line-height: 1.5;
}
.rfx-scene {
background-color: #ffffff0a;
background-image: radial-gradient(at 20% 0, #9682d233 0%, #9682d200 60%);
border: 1px solid #ffffff1f;
border-radius: 24px;
min-width: 0;
padding: 24px;
font-family: Geist, Arial, sans-serif;
box-shadow: inset 0 1px #ffffff14;
}
.rfx-window {
background-color: #ebe7f3;
background-image: radial-gradient(at 100% 0, #ddd5f1 0%, #ddd5f100 60%), radial-gradient(at 0 100%, #f1ede7 0%, #f1ede700 60%);
border: 1px solid #ffffffe6;
border-radius: 18px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
min-height: 262px;
padding: 22px 22px 24px;
display: grid;
position: relative;
box-shadow: 0 26px 50px -30px #0009;
}
.rfx-jpanel {
grid-area: 1 / 1 / 2 / 2;
display: block;
position: relative;
}
.rfx-jpanel.rfx-jpanel-off {
opacity: 0;
}
.rfx-jtop {
justify-content: space-between;
align-items: center;
display: flex;
}
.rfx-jtop-label {
color: #7b7488;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
}
.rfx-jperson {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
margin-top: 18px;
display: flex;
}
.rfx-javatar {
color: #4f4a66;
background-color: #dcdcea;
border: 1px solid #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 11px;
font-weight: 600;
display: flex;
}
.rfx-jname {
color: #282735;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.rfx-jsub {
color: #8a83a0;
margin: 1px 0 0;
font-size: 11px;
line-height: 1.3;
}
.rfx-jmessage {
color: #4a4458;
background-color: #ffffffb8;
border: 1px solid #fff;
border-radius: 12px;
margin: 16px 0 0;
padding: 14px 16px;
font-size: 13px;
line-height: 1.55;
}
.rfx-jsend {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
background-color: #7a6fbd;
border-radius: 10px;
justify-content: center;
align-items: center;
margin-top: 14px;
padding: 11px 16px;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rfx-jsend-icon {
width: 14px;
height: 14px;
display: block;
}
.rfx-jreceive {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: 18px;
display: flex;
}
.rfx-jreceive-icon {
color: #6a5fb5;
background-color: #fffc;
border: 1px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
display: flex;
box-shadow: 0 12px 24px -14px #46346e80;
}
.rfx-jreceive-svg {
width: 24px;
height: 24px;
display: block;
}
.rfx-jtitle {
color: #282735;
letter-spacing: -.5px;
margin: 16px 0 0;
font-family: Geist, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 1.25;
}
.rfx-jtitle.rfx-jtitle-left {
margin-top: 22px;
}
.rfx-jtext {
color: #6f6880;
max-width: 300px;
margin: 8px 0 0;
font-size: 13px;
line-height: 1.55;
}
.rfx-jpicks {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 20px;
display: grid;
}
.rfx-jpick {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #4a4458;
text-align: center;
background-color: #fff9;
border: 1px solid #fff;
border-radius: 12px;
flex-direction: column;
align-items: center;
padding: 16px 8px;
font-size: 12px;
line-height: 1.3;
display: flex;
}
.rfx-jpick.rfx-jpick-on {
color: #3d379b;
background-color: #fff;
border-color: #c9c0f0;
}
.rfx-jpick-icon {
width: 18px;
height: 18px;
display: block;
}
.rfx-track {
margin-top: 24px;
padding: 0 4px;
}
.rfx-track-rail {
background-color: #ffffff24;
border-radius: 2px;
height: 2px;
position: relative;
}
.rfx-track-fill {
transform-origin: 0%;
background-color: #b8adf2;
border-radius: 2px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: scaleX(0);
}
.rfx-track-dot {
background-color: #b8adf2;
border-radius: 50%;
width: 10px;
height: 10px;
margin-left: -5px;
position: absolute;
top: -4px;
left: 0%;
box-shadow: 0 0 0 4px #b8adf233;
}
.rfx-track-dot.rfx-track-dot-2 {
opacity: 0;
left: 50%;
}
.rfx-track-dot.rfx-track-dot-3 {
opacity: 0;
left: 100%;
}
.rfx-track-labels {
color: #a9a3bb;
letter-spacing: .1em;
text-transform: uppercase;
justify-content: space-between;
margin-top: 12px;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rfx-occ-feature {
background-color: #f6ebef;
border-radius: 26px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
display: grid;
overflow: hidden;
box-shadow: 0 30px 60px -44px #503e7866;
}
.rfx-occ-media {
min-height: 460px;
position: relative;
}
.rfx-occ-photo {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.rfx-occ-stage {
background-color: #f6ecf0;
background-image: radial-gradient(at 100% 0, #e8def5 0%, #e8def500 60%), radial-gradient(at 0 100%, #fbe9df 0%, #fbe9df00 60%);
flex-direction: column;
justify-content: center;
padding: 56px 40px;
display: flex;
position: relative;
overflow: hidden;
}
.rfx-occ-bubble {
pointer-events: none;
background-color: #ffffff2e;
border: 1px solid #fffc;
border-radius: 50%;
width: 180px;
height: 180px;
position: absolute;
top: -40px;
right: -40px;
}
.rfx-occ-card {
display: block;
position: relative;
}
.rfx-occ-card.rfx-occ-card-off {
display: none;
}
.rfx-occ-tag {
color: #927786;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 28px;
font-size: 11px;
font-weight: 550;
line-height: 1.4;
}
.rfx-occ-title {
color: #3a2f42;
letter-spacing: -1.2px;
margin: 0;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 40px;
font-weight: 400;
line-height: 1.12;
}
.rfx-occ-text {
color: #5e5263;
max-width: 330px;
margin: 22px 0 0;
font-size: 14px;
line-height: 1.65;
}
.rfx-occ-sign {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #7b6b78;
border-top: 1px solid #785a6e2e;
justify-content: space-between;
align-items: center;
margin-top: 30px;
padding-top: 18px;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.rfx-occ-sign-icon {
flex: none;
width: 14px;
height: 14px;
display: block;
}
.rfx-occ-picks {
border-bottom: 1px solid #e9e6ef;
grid-template-rows: auto;
grid-template-columns: repeat(6, minmax(0, 1fr));
margin-top: 18px;
font-family: Geist, Arial, sans-serif;
display: grid;
}
.rfx-occ {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #5d5870;
text-align: center;
cursor: pointer;
border-bottom: 2px solid #5967e900;
flex-direction: column;
align-items: center;
padding: 16px 6px 18px;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rfx-occ.rfx-occ-on {
color: #4a45b0;
border-bottom-color: #5967e9;
}
.rfx-occ-icon {
width: 17px;
height: 17px;
display: block;
}
.rfx-admin {
background-color: #f3f4ef;
background-image: radial-gradient(at 0 0, #e6eee6 0%, #e6eee600 55%), radial-gradient(at 100% 100%, #efeaf4 0%, #efeaf400 55%);
margin-top: 0;
padding: 62px 58px;
}
.rfx-admin-grid {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
align-items: center;
display: grid;
}
.rfx-admin-scene {
background-color: #e8ece6;
background-image: radial-gradient(at 100% 0, #e3dcf1 0%, #e3dcf100 60%), radial-gradient(at 0 100%, #d6e6da 0%, #d6e6da00 60%);
border-radius: 26px;
min-width: 0;
padding: 34px 28px;
font-family: Geist, Arial, sans-serif;
}
.rfx-admin-window {
background-color: #ffffffc7;
border: 1px solid #fff;
border-radius: 18px;
padding: 20px 22px 22px;
box-shadow: 0 26px 48px -30px #3c463c73;
}
.rfx-admin-head {
color: #7b7488;
border-bottom: 1px solid #e9e7ee;
justify-content: space-between;
align-items: center;
padding-bottom: 16px;
display: flex;
}
.rfx-admin-brand {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: baseline;
display: flex;
}
.rfx-admin-crumb {
color: #5e5870;
font-size: 13px;
line-height: 1.3;
}
.rfx-admin-head-icon {
width: 15px;
height: 15px;
display: block;
}
.rfx-admin-title {
color: #282735;
letter-spacing: -.4px;
margin: 20px 0 0;
font-family: Geist, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.rfx-admin-label {
color: #6f6880;
margin: 16px 0 7px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
}
.rfx-admin-field {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #4a4458;
background-color: #ffffffd9;
border: 1px solid #edebf2;
border-radius: 10px;
justify-content: space-between;
align-items: center;
padding: 12px 14px;
font-size: 13px;
line-height: 1.4;
display: flex;
}
.rfx-admin-chip {
color: #5b52a8;
background-color: #ece8fa;
border-radius: 7px;
padding: 4px 9px;
font-size: 11px;
font-weight: 500;
line-height: 1.2;
}
.rfx-admin-options {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.rfx-admin-option {
color: #5e5870;
text-align: center;
background-color: #ffffffd9;
border: 1px solid #edebf2;
border-radius: 10px;
padding: 11px 8px;
font-size: 12px;
line-height: 1.3;
}
.rfx-admin-option.rfx-admin-option-on {
color: #4950b8;
background-color: #e5e8fd;
border-color: #c9cdf6;
font-weight: 500;
}
.rfx-admin-copy {
min-width: 0;
}
.rfx-admin-list {
grid-column-gap: 14px;
grid-row-gap: 14px;
margin-top: 26px;
display: grid;
}
.rfx-admin-item {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #4a4458;
align-items: center;
font-size: 14px;
line-height: 1.4;
display: flex;
}
.rfx-admin-item-icon {
color: #5967e9;
flex: none;
width: 16px;
height: 16px;
display: block;
}
.rfx-pricing {
background-color: #f5f4f1;
background-image: radial-gradient(at 100% 100%, #e5eee6 0%, #e5eee600 55%), radial-gradient(at 0 100%, #efe9f5 0%, #efe9f500 55%);
margin-top: 24px;
padding: 62px 58px;
}
.rfx-pricing-grid {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
align-items: center;
display: grid;
}
.rfx-pricing-copy {
min-width: 0;
}
.rfx-benefits {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-top: 30px;
font-family: Geist, Arial, sans-serif;
display: grid;
}
.rfx-benefit {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
display: flex;
}
.rfx-benefit-icon {
color: #6a6380;
background-color: #fffc;
border: 1px solid #e6e3ec;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: flex;
}
.rfx-benefit-svg {
width: 16px;
height: 16px;
display: block;
}
.rfx-benefit-title {
color: #282735;
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.rfx-benefit-text {
color: #6f6880;
margin: 2px 0 0;
font-size: 13px;
line-height: 1.5;
}
.rfx-flex-note {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #5e5870;
align-items: center;
margin: 26px 0 0;
font-size: 13px;
line-height: 1.4;
display: flex;
}
.rfx-flex-icon {
color: #3d7c5c;
width: 14px;
height: 14px;
display: block;
}
.rfx-price-wrap {
min-width: 0;
position: relative;
}
.rfx-price-halo {
pointer-events: none;
background-image: radial-gradient(#c8decd99 0%, #c8decd00 70%);
border-radius: 50%;
position: absolute;
inset: 12% -6% -10% 10%;
}
.rfx-price-card {
text-align: center;
background-color: #ffffffc7;
border: 1px solid #fff;
border-radius: 26px;
padding: 32px 30px;
font-family: Geist, Arial, sans-serif;
position: relative;
box-shadow: 0 30px 60px -36px #46346e66;
}
.rfx-price-top {
color: #6f6880;
letter-spacing: .12em;
text-transform: uppercase;
justify-content: space-between;
align-items: center;
font-size: 11px;
font-weight: 550;
line-height: 1.3;
display: flex;
}
.rfx-price-top-icon {
color: #8f86b0;
width: 15px;
height: 15px;
display: block;
}
.rfx-amount {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #4a4060;
justify-content: center;
align-items: flex-start;
margin-top: 22px;
display: flex;
}
.rfx-amount-cur {
margin-top: 16px;
font-size: 34px;
font-weight: 500;
line-height: 1;
}
.rfx-amount-num {
letter-spacing: -4px;
font-size: 120px;
font-weight: 400;
line-height: .95;
}
.rfx-amount-per {
color: #7d7393;
align-self: flex-end;
margin-bottom: 12px;
font-size: 22px;
line-height: 1;
}
.rfx-price-period {
color: #6f6880;
margin: 10px 0 0;
font-size: 13px;
line-height: 1.4;
}
.rfx-price-rule {
background-color: #e9e6ef;
height: 1px;
margin: 24px 0;
}
.rfx-price-cost {
color: #6f6880;
max-width: 260px;
margin: 0 auto;
font-size: 12px;
line-height: 1.6;
}
.rfx-price-details {
color: #5e5870;
border-bottom: 1px solid #d7d4e2;
margin-top: 16px;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
display: inline-block;
}
.rfx-cta-ring {
pointer-events: none;
background-color: #ffffff1f;
border: 1px solid #ffffffb3;
border-radius: 50%;
width: 420px;
height: 420px;
position: absolute;
top: -120px;
left: -180px;
}
.rfx-cta-ring.rfx-cta-ring-2 {
width: 300px;
height: 300px;
top: -60px;
left: -120px;
}
.rfx-cta-inner {
position: relative;
}
.rfx-cta-note {
color: #857f8f;
margin: 18px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rfx-brand-more {
grid-column-gap: 44px;
grid-row-gap: 44px;
flex: none;
align-items: center;
display: flex;
}
.rfx-charity-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 30px;
display: grid;
}
.rfx-charity-icon {
background-color: #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: flex;
box-shadow: 0 10px 20px -14px #46346e80;
}
.rfx-charity-icon.rfx-ci-sky {
color: #2f6db3;
background-color: #e3eefb;
}
.rfx-charity-icon.rfx-ci-green {
color: #3d7c5c;
background-color: #e2f0e6;
}
.rfx-charity-icon.rfx-ci-rose {
color: #b23b47;
background-color: #fbe5e6;
}
.rfx-charity-icon.rfx-ci-amber {
color: #a8661c;
background-color: #fbefd9;
}
.rfx-charity-icon.rfx-ci-cyan {
color: #1f7f8f;
background-color: #ddf2f5;
}
.rfx-charity-icon.rfx-ci-logo {
background-color: #fff;
border-radius: 12px;
width: auto;
min-width: 48px;
height: 48px;
padding-left: 14px;
padding-right: 14px;
}
.rfx-charity-svg {
width: 20px;
height: 20px;
display: block;
}
.rfx-charity-tag {
color: #7b7488;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
}
.rfx-oc {
grid-column-gap: 56px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
align-items: center;
margin-top: 44px;
display: grid;
}
.rfx-oc-list {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
min-width: 0;
display: flex;
}
.rfx-oc-pick {
grid-column-gap: 14px;
grid-row-gap: 14px;
cursor: pointer;
background-color: #fff0;
border: 1px solid #e6e2f000;
border-radius: 14px;
align-items: center;
padding: 12px 14px;
display: flex;
}
.rfx-oc-pick.rfx-oc-pick-on {
background-color: #fff;
border-color: #e6e2f0;
}
.rfx-oc-ico {
border-radius: 12px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.rfx-oc-ico.rfx-oc-ico-1 {
color: #5a4fcf;
background-color: #ddd7fa;
}
.rfx-oc-ico.rfx-oc-ico-2 {
color: #c2603a;
background-color: #fad5c3;
}
.rfx-oc-ico.rfx-oc-ico-3 {
color: #c0447a;
background-color: #f7cfe0;
}
.rfx-oc-ico.rfx-oc-ico-4 {
color: #2f7a52;
background-color: #cbe6d5;
}
.rfx-oc-ico.rfx-oc-ico-5 {
color: #2f6db3;
background-color: #cddff6;
}
.rfx-oc-ico.rfx-oc-ico-6 {
color: #a8661c;
background-color: #f5dfb3;
}
.rfx-oc-ico-svg {
width: 18px;
height: 18px;
display: block;
}
.rfx-oc-pick-copy {
min-width: 0;
}
.rfx-oc-pick-title {
color: #282735;
margin: 0;
font-family: Geist, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
}
.rfx-oc-pick-sub {
color: #6f6880;
margin: 2px 0 0;
font-size: 13px;
line-height: 1.4;
}
.rfx-oc-stage {
min-width: 0;
height: 480px;
font-family: Geist, sans-serif;
position: relative;
}
.rfx-oc-glow {
background-image: radial-gradient(#a591e652 0%, #a591e600 70%);
border-radius: 50%;
position: absolute;
inset: 10% 8% 4%;
}
.rfx-oc-card {
transform-origin: 50% 100%;
border: 1px solid #ffffffe6;
border-radius: 26px;
flex-direction: column;
justify-content: space-between;
padding: 30px 32px 26px;
display: flex;
position: absolute;
inset: 22px 44px 48px;
overflow: hidden;
box-shadow: 0 34px 60px -36px #32245a80;
}
.rfx-oc-card.rfx-oc-c1 {
z-index: 6;
opacity: 1;
background-color: #ece8fb;
background-image: radial-gradient(at 100% 0, #f9f7ff 0%, #fff0 60%), linear-gradient(160deg, #f9f7ff 0%, #ece8fb 100%);
transform: none;
}
.rfx-oc-card.rfx-oc-c2 {
z-index: 5;
opacity: 1;
background-color: #fde6da;
background-image: radial-gradient(at 100% 0, #fff7f2 0%, #fff0 60%), linear-gradient(160deg, #fff7f2 0%, #fde6da 100%);
transform: translate(36px, 14px)rotate(5deg)scale(.94);
}
.rfx-oc-card.rfx-oc-c3 {
z-index: 4;
opacity: 1;
background-color: #fbe2ed;
background-image: radial-gradient(at 100% 0, #fff5fa 0%, #fff0 60%), linear-gradient(160deg, #fff5fa 0%, #fbe2ed 100%);
transform: translate(-34px, 22px)rotate(-5deg)scale(.9);
}
.rfx-oc-card.rfx-oc-c4 {
z-index: 3;
opacity: 0;
background-color: #dff0e5;
background-image: radial-gradient(at 100% 0, #f5fbf7 0%, #fff0 60%), linear-gradient(160deg, #f5fbf7 0%, #dff0e5 100%);
transform: translate(0, 30px)scale(.86);
}
.rfx-oc-card.rfx-oc-c5 {
z-index: 2;
opacity: 0;
background-color: #e0ecfb;
background-image: radial-gradient(at 100% 0, #f4f8ff 0%, #fff0 60%), linear-gradient(160deg, #f4f8ff 0%, #e0ecfb 100%);
transform: translate(0, 30px)scale(.86);
}
.rfx-oc-card.rfx-oc-c6 {
z-index: 1;
opacity: 0;
background-color: #fbedd2;
background-image: radial-gradient(at 100% 0, #fffaf0 0%, #fff0 60%), linear-gradient(160deg, #fffaf0 0%, #fbedd2 100%);
transform: translate(0, 30px)scale(.86);
}
.rfx-oc-orb {
background-color: #ffffff80;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 230px;
height: 230px;
display: flex;
position: absolute;
top: -34px;
right: -34px;
}
.rfx-oc-ring {
border: 1px solid #ffffffd9;
border-radius: 50%;
position: absolute;
inset: -24px;
}
.rfx-oc-ring.rfx-oc-ring-2 {
border-color: #ffffff80;
inset: -56px;
}
.rfx-oc-orb-icon {
background-color: #fff;
border-radius: 22px;
justify-content: center;
align-items: center;
width: 76px;
height: 76px;
margin-top: 22px;
margin-left: -18px;
display: flex;
position: relative;
transform: rotate(-8deg);
box-shadow: 0 18px 32px -18px #32245a8c;
}
.rfx-oc-orb-icon.rfx-oc-oi-1 {
color: #5a4fcf;
}
.rfx-oc-orb-icon.rfx-oc-oi-2 {
color: #c2603a;
}
.rfx-oc-orb-icon.rfx-oc-oi-3 {
color: #c0447a;
}
.rfx-oc-orb-icon.rfx-oc-oi-4 {
color: #2f7a52;
}
.rfx-oc-orb-icon.rfx-oc-oi-5 {
color: #2f6db3;
}
.rfx-oc-orb-icon.rfx-oc-oi-6 {
color: #a8661c;
}
.rfx-oc-orb-svg {
width: 34px;
height: 34px;
display: block;
}
.rfx-oc-sticker {
color: #3a3650;
white-space: nowrap;
background-color: #fff;
border-radius: 999px;
margin: 0;
padding: 6px 11px;
font-size: 11px;
font-weight: 600;
line-height: 1.2;
position: absolute;
bottom: 46px;
left: 8px;
transform: rotate(-6deg);
box-shadow: 0 10px 20px -14px #32245a8c;
}
.rfx-oc-top {
align-items: center;
display: flex;
position: relative;
}
.rfx-oc-tag {
grid-column-gap: 8px;
grid-row-gap: 8px;
letter-spacing: .08em;
text-transform: uppercase;
border-radius: 999px;
align-items: center;
padding: 7px 12px;
font-size: 10.5px;
font-weight: 600;
line-height: 1.2;
display: flex;
}
.rfx-oc-tag.rfx-oc-tag-1 {
color: #5a4fcf;
background-color: #ddd7fa;
}
.rfx-oc-tag.rfx-oc-tag-2 {
color: #c2603a;
background-color: #fad5c3;
}
.rfx-oc-tag.rfx-oc-tag-3 {
color: #c0447a;
background-color: #f7cfe0;
}
.rfx-oc-tag.rfx-oc-tag-4 {
color: #2f7a52;
background-color: #cbe6d5;
}
.rfx-oc-tag.rfx-oc-tag-5 {
color: #2f6db3;
background-color: #cddff6;
}
.rfx-oc-tag.rfx-oc-tag-6 {
color: #a8661c;
background-color: #f5dfb3;
}
.rfx-oc-tag-svg {
flex: none;
width: 14px;
height: 14px;
display: block;
}
.rfx-oc-body {
max-width: 76%;
position: relative;
}
.rfx-oc-title {
color: #2b2840;
letter-spacing: -1px;
margin: 0;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 38px;
font-weight: 400;
line-height: 1.08;
}
.rfx-oc-text {
color: #5d5870;
max-width: 380px;
margin: 14px 0 0;
font-size: 14px;
line-height: 1.6;
}
.rfx-oc-foot {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px solid #3c32641f;
justify-content: space-between;
align-items: center;
padding-top: 18px;
display: flex;
position: relative;
}
.rfx-oc-reward {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border-radius: 14px;
align-items: center;
padding: 8px 16px 8px 8px;
display: flex;
box-shadow: 0 12px 24px -18px #32245a80;
}
.rfx-oc-reward-logo {
background-color: #f6f4fa;
border-radius: 10px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.rfx-oc-brand {
object-fit: contain;
width: 26px;
height: 26px;
display: block;
}
.rfx-oc-meta {
color: #7b7488;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
}
.rfx-oc-reward-value {
color: #282735;
margin: 2px 0 0;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
}
.rfx-oc-from {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.rfx-oc-avatar {
color: #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
font-size: 12px;
font-weight: 600;
line-height: 1;
display: flex;
}
.rfx-oc-avatar.rfx-oc-av-1 {
background-color: #5a4fcf;
}
.rfx-oc-avatar.rfx-oc-av-2 {
background-color: #c2603a;
}
.rfx-oc-avatar.rfx-oc-av-3 {
background-color: #c0447a;
}
.rfx-oc-avatar.rfx-oc-av-4 {
background-color: #2f7a52;
}
.rfx-oc-avatar.rfx-oc-av-5 {
background-color: #2f6db3;
}
.rfx-oc-avatar.rfx-oc-av-6 {
background-color: #a8661c;
}
.rfx-oc-from-name {
color: #282735;
margin: 2px 0 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.rhi-hero {
background-color: #f5f2f7;
background-image: radial-gradient(at 75% 8%, #e1e7fc 0%, #e1e7fc00 55%), radial-gradient(at 13% 92%, #f1e2eb 0%, #f1e2eb00 60%);
padding: 58px 58px 0;
position: relative;
overflow: hidden;
}
.rhi-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
align-items: center;
display: grid;
}
.rhi-hero-copy {
min-width: 0;
padding-top: 10px;
padding-bottom: 35px;
}
.rhi-meta {
color: #757080;
margin-top: 17px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.rhi-human {
min-width: 0;
padding-bottom: 4px;
position: relative;
}
.rhi-photo {
background-color: #dddbd8;
border-radius: 110px 110px 23px 23px;
height: 355px;
overflow: hidden;
}
.rhi-photo-img {
object-fit: cover;
object-position: 53% 50%;
width: 100%;
max-width: none;
height: 114%;
margin-top: -4%;
display: block;
}
.rhi-member-strip {
z-index: 1;
background-color: #f8f7fe;
background-image: linear-gradient(115deg, #fffffff5, #f0effdf0);
border: 1px solid #fff;
border-radius: 17px;
margin-top: -28px;
margin-left: 18px;
margin-right: 18px;
padding: 21px 22px;
position: relative;
box-shadow: 0 16px 35px #77709621;
}
.rhi-member-top {
grid-column-gap: 10px;
align-items: center;
margin-bottom: 13px;
display: flex;
}
.rhi-member-top-icon {
color: #7773c7;
flex: none;
width: 18px;
height: 18px;
}
.rhi-member-top-text {
color: #6d6381;
margin: 0;
font-size: 13px;
line-height: 1.4;
}
.rhi-member-title {
color: #292736;
letter-spacing: -.5px;
margin: 0;
font-size: 23px;
font-weight: 500;
line-height: 1.22;
}
.rhi-chips {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
display: flex;
}
.rhi-chip {
color: #68607c;
background-color: #e8e6f7;
border-radius: 6px;
margin: 0;
padding: 5px 9px;
font-size: 11px;
line-height: 1.4;
}
.rhi-proof {
grid-column-gap: 25px;
grid-row-gap: 15px;
border-top: 1px solid #d7d0e2;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 44px;
padding-top: 27px;
padding-bottom: 27px;
display: grid;
}
.rhi-proof-item {
grid-column-gap: 10px;
align-items: center;
display: flex;
}
.rhi-proof-icon {
color: #7570ab;
flex: none;
width: 18px;
height: 18px;
}
.rhi-proof-text {
color: #292736;
margin: 0;
font-size: 14px;
line-height: 1.4;
}
.rhi-global-grid {
grid-column-gap: 56px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
align-items: center;
display: grid;
}
.rhi-care {
min-width: 0;
position: relative;
}
.rhi-care-stage {
height: 440px;
position: relative;
}
.rhi-care-glow {
pointer-events: none;
background-image: radial-gradient(circle, #968ce63d 0%, #968ce600 66%);
border-radius: 50%;
width: 320px;
height: 320px;
margin-top: -160px;
margin-left: -160px;
position: absolute;
top: 50%;
left: 50%;
}
.rhi-orbit {
pointer-events: none;
border: 1px solid #cfcbf02e;
border-radius: 50%;
width: 330px;
height: 330px;
margin-top: -165px;
margin-left: -165px;
position: absolute;
top: 50%;
left: 50%;
}
.rhi-orbit-spin {
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.rhi-orbit-dot {
background-color: #efeaff;
border-radius: 50%;
width: 7px;
height: 7px;
margin-left: -4px;
position: absolute;
top: -4px;
left: 50%;
box-shadow: 0 0 12px 2px #d6ccffcc;
}
.rhi-orbit-dot.rhi-orbit-dot-b {
opacity: .7;
width: 5px;
height: 5px;
margin-left: -3px;
top: auto;
bottom: -3px;
}
.rhi-globe {
z-index: 1;
border-radius: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
box-shadow: 0 24px 54px #090b1880;
}
.rhi-globe-scale {
transform-origin: 0 0;
width: 380px;
height: 380px;
position: absolute;
top: 0;
left: 0;
transform: scale(.5263);
}
.rhi-globe-tint {
pointer-events: none;
background-color: #a096eb00;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.rhi-token {
z-index: 2;
justify-content: center;
align-items: center;
width: 76px;
height: 76px;
display: flex;
position: absolute;
}
.rhi-token.rhi-token-plus {
top: calc(50% - 150px);
left: calc(50% - 158px);
}
.rhi-token.rhi-token-heart {
top: calc(50% - 152px);
left: calc(50% + 82px);
}
.rhi-token.rhi-token-case {
top: calc(50% + 72px);
left: calc(50% - 160px);
}
.rhi-token.rhi-token-smile {
top: calc(50% + 76px);
left: calc(50% + 84px);
}
.rhi-token-body {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.rhi-plus {
filter: drop-shadow(0 10px 12px #0a0a1e59);
width: 62px;
height: 62px;
position: relative;
}
.rhi-plus-rim {
background-color: #9f95ea;
border-radius: 10px;
width: 24px;
height: 62px;
position: absolute;
top: 0;
left: 19px;
}
.rhi-plus-rim.rhi-plus-rim-h {
width: 62px;
height: 24px;
top: 19px;
left: 0;
}
.rhi-plus-face {
background-color: #ece9fb;
border-radius: 7px;
width: 16px;
height: 54px;
position: absolute;
top: 4px;
left: 23px;
}
.rhi-plus-face.rhi-plus-face-h {
background-image: linear-gradient(#f7f6ff, #dcd8f6);
width: 54px;
height: 16px;
top: 23px;
left: 4px;
}
.rhi-heart {
filter: drop-shadow(0 10px 12px #0a0a1e59);
width: 68px;
height: 62px;
display: block;
overflow: visible;
}
.rhi-case {
filter: drop-shadow(0 10px 12px #0a0a1e59);
width: 62px;
height: 50px;
margin-top: 10px;
position: relative;
}
.rhi-case-handle {
border: 4px solid #8fc3bb;
border-bottom: 0 #8fc3bb;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 24px;
height: 15px;
position: absolute;
top: -11px;
left: 19px;
}
.rhi-case-body {
background-image: linear-gradient(160deg, #d4f1ec 0%, #a6d6cd 58%, #87beb4 100%);
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: inset -3px -4px 8px #3c786e4d, inset 3px 3px 6px #ffffffb3;
}
.rhi-case-band {
background-color: #508c8252;
width: 100%;
height: 3px;
position: absolute;
top: 19px;
left: 0;
}
.rhi-case-clasp {
background-color: #ecfbf7;
border-radius: 3px;
width: 10px;
height: 11px;
position: absolute;
top: 15px;
left: 26px;
box-shadow: 0 1px 2px #3c786e66;
}
.rhi-smile {
background-image: radial-gradient(circle at 35% 30%, #fffef4 0%, #f1edc9 52%, #d8d19f 100%);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 58px;
height: 58px;
display: flex;
box-shadow: inset -3px -4px 8px #968c504d, 0 10px 16px #0a0a1e59;
}
.rhi-smile-face {
width: 36px;
height: 36px;
display: block;
}
.rhi-care-caption {
grid-column-gap: 28px;
justify-content: center;
margin-top: -8px;
display: flex;
}
.rhi-care-caption-text {
color: #a8a0bc;
letter-spacing: .02em;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rhi-care-caption-text.rhi-care-caption-strong {
color: #d6d0ea;
}
.rhi-global-copy {
z-index: 2;
min-width: 0;
position: relative;
}
.rhi-scenarios {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-wrap: wrap;
margin-top: 26px;
display: flex;
}
.rhi-scenario-btn {
color: #d6d2e5;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: #d8d5f600;
border: 1px solid #686377;
border-radius: 8px;
align-items: center;
min-height: 40px;
padding: 8px 13px;
font-size: 13px;
line-height: 1.3;
display: flex;
}
.rhi-scenario-btn.rhi-scenario-btn-on {
color: #34304b;
background-color: #d8d5f6;
border-color: #d8d5f6;
}
.rhi-scenario-copy {
border-top: 1px solid #ffffff21;
min-height: 118px;
margin-top: 22px;
padding-top: 20px;
}
.rhi-scenario {
display: block;
}
.rhi-scenario.rhi-scenario-alt {
display: none;
}
.rhi-scenario-title {
color: #f4f1ff;
letter-spacing: -.2px;
margin: 0 0 7px;
font-size: 18px;
font-weight: 500;
line-height: 1.35;
}
.rhi-scenario-text {
color: #c9c5d8;
max-width: 470px;
margin: 0;
font-size: 14px;
line-height: 1.7;
}
.rhi-dark-meta {
color: #aca6bf;
margin: 19px 0 0;
font-size: 12px;
line-height: 1.5;
}
.rhi-guidance {
grid-column-gap: 80px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr);
align-items: start;
display: grid;
}
.rhi-guidance-intro {
min-width: 0;
}
.rhi-guidance-note {
grid-column-gap: 12px;
border-top: 1px solid #e1dce9;
align-items: flex-start;
max-width: 460px;
margin-top: 32px;
padding-top: 25px;
display: flex;
}
.rhi-guidance-note-icon {
color: #7770b9;
flex: none;
width: 20px;
height: 20px;
margin-top: 2px;
}
.rhi-guidance-note-text {
color: #746b83;
margin: 0;
font-size: 14px;
line-height: 1.6;
}
.rhi-guidance-panel {
background-color: #fbfaff;
border: 1px solid #eeeaf4;
border-radius: 22px;
min-width: 0;
padding: 10px 32px 26px;
box-shadow: 0 20px 50px #726b8614;
}
.rhi-choices {
display: block;
}
.rhi-choice {
border-top: 1px solid #e1dce9;
}
.rhi-choice.rhi-choice-first {
border-top-style: none;
}
.rhi-choice-head {
grid-column-gap: 18px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
align-items: center;
min-height: 72px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.rhi-choice-icon {
color: #8a82a4;
flex: none;
width: 24px;
height: 24px;
}
.rhi-choice-title {
color: #292736;
letter-spacing: -.4px;
flex: 1;
margin: 0;
font-size: 19px;
font-weight: 500;
line-height: 1.35;
}
.rhi-choice-toggle {
flex: none;
width: 16px;
height: 16px;
position: relative;
}
.rhi-choice-toggle.rhi-choice-toggle-open {
transform: rotate(45deg);
}
.rhi-choice-bar {
background-color: #928aa3;
border-radius: 2px;
width: 16px;
height: 2px;
position: absolute;
top: 7px;
left: 0;
}
.rhi-choice-bar.rhi-choice-bar-v {
transform: rotate(90deg);
}
.rhi-choice-body {
padding: 0 30px 20px 42px;
display: block;
}
.rhi-choice-body.rhi-choice-body-closed {
display: none;
}
.rhi-choice-text {
color: #756d81;
margin: 0;
font-size: 15px;
line-height: 1.7;
}
.rhi-advice-tag {
grid-column-gap: 9px;
border-top: 1px solid #e1dce9;
align-items: center;
margin-top: 6px;
padding-top: 20px;
display: flex;
}
.rhi-advice-tag-icon {
color: #8a7fa8;
flex: none;
width: 18px;
height: 18px;
}
.rhi-advice-tag-text {
color: #81778d;
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.rhi-admin {
background-color: #f5f3f6;
background-image: radial-gradient(at 85% 80%, #e8eee9 0%, #e8eee900 60%), radial-gradient(at 10% 10%, #e6e4f8 0%, #e6e4f800 65%);
padding: 104px 58px;
}
.rhi-app {
background-color: #fdfcff;
background-image: linear-gradient(130deg, #ffffffed, #fcfbfff0);
border: 1px solid #fff;
border-radius: 22px;
padding: 28px;
box-shadow: 0 28px 68px #6761821c;
}
.rhi-app-top {
grid-column-gap: 20px;
grid-row-gap: 14px;
border-bottom: 1px solid #e7e2ed;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-bottom: 21px;
display: flex;
}
.rhi-app-identity {
grid-column-gap: 12px;
align-items: center;
display: flex;
}
.rhi-app-symbol {
color: #7364a5;
background-image: linear-gradient(140deg, #eeebff, #d4ceec);
border: 1px solid #fff;
border-radius: 11px;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
box-shadow: 0 3px 8px #75659b14;
}
.rhi-app-symbol-icon {
width: 19px;
height: 19px;
}
.rhi-app-name {
color: #292736;
letter-spacing: -.4px;
margin: 0;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rhi-view-buttons {
grid-column-gap: 4px;
background-color: #f3f0f7;
border: 1px solid #e4deed;
border-radius: 9px;
padding: 4px;
display: flex;
}
.rhi-view-btn {
color: #726681;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: #fff0;
border-radius: 6px;
align-items: center;
min-height: 33px;
padding: 7px 13px;
font-size: 12px;
line-height: 1.3;
display: flex;
}
.rhi-view-btn.rhi-view-btn-on {
color: #5852aa;
background-color: #fff;
}
.rhi-view {
display: block;
}
.rhi-view.rhi-view-member {
display: none;
}
.rhi-app-head {
grid-column-gap: 20px;
grid-row-gap: 6px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 25px;
margin-bottom: 18px;
display: flex;
}
.rhi-app-title {
color: #292736;
letter-spacing: -.7px;
margin: 0;
font-size: 26px;
font-weight: 500;
line-height: 1.22;
}
.rhi-app-label {
color: #91869d;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rhi-admin-panels {
grid-column-gap: 25px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
align-items: stretch;
display: grid;
}
.rhi-register {
min-width: 0;
}
.rhi-member-row {
grid-column-gap: 12px;
border-bottom: 1px solid #efebf3;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
align-items: center;
padding: 14px 6px;
display: grid;
}
.rhi-member-row.rhi-member-row-head {
border-bottom-color: #e9e4ee;
padding-top: 11px;
padding-bottom: 11px;
}
.rhi-member-row.rhi-member-row-head.rhi-member-row-4, .rhi-member-row.rhi-member-row-4 {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .8fr) 84px;
}
.rhi-member-th {
color: #8a8095;
letter-spacing: .04em;
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-member-th.rhi-member-th-status {
text-align: right;
}
.rhi-person {
grid-column-gap: 10px;
align-items: center;
min-width: 0;
display: flex;
}
.rhi-avatar {
color: #79639c;
background-image: linear-gradient(140deg, #eeeafa, #d9d0ef);
border: 2px solid #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin: 0;
font-size: 11px;
font-weight: 500;
line-height: 1;
display: flex;
box-shadow: 0 3px 8px #7a69991a;
}
.rhi-avatar.rhi-avatar-mint {
color: #5d8476;
background-image: linear-gradient(140deg, #e7f3ed, #cfe6dd);
}
.rhi-avatar.rhi-avatar-peach {
color: #aa7a6a;
background-image: linear-gradient(140deg, #f8e9e2, #edd6cf);
}
.rhi-person-info {
min-width: 0;
}
.rhi-person-name {
color: #3e354d;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.rhi-mobile-country {
grid-column-gap: 5px;
align-items: center;
margin-top: 5px;
display: none;
}
.rhi-mobile-country-text {
color: #9d8ba9;
margin: 0;
font-size: 10px;
line-height: 1.3;
}
.rhi-flag {
object-fit: cover;
border: 1px solid #00000012;
border-radius: 3px;
flex: none;
width: 23px;
height: 17px;
display: block;
box-shadow: 0 2px 4px #34294d0d;
}
.rhi-flag.rhi-flag-sm {
width: 17px;
height: 13px;
}
.rhi-flag.rhi-flag-xs {
width: 18px;
height: 13px;
}
.rhi-country {
grid-column-gap: 9px;
align-items: center;
min-width: 0;
display: flex;
}
.rhi-country-text {
color: #665c74;
white-space: nowrap;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rhi-status-cell {
justify-content: flex-end;
display: flex;
}
.rhi-status {
grid-column-gap: 4px;
color: #55705c;
background-color: #edf2ed;
border-radius: 5px;
align-items: center;
padding: 5px 7px;
display: flex;
}
.rhi-status.rhi-status-pending {
color: #8a7547;
background-color: #f5eedd;
}
.rhi-status-icon {
flex: none;
width: 11px;
height: 11px;
}
.rhi-status-text {
white-space: nowrap;
margin: 0;
font-size: 10px;
line-height: 1.2;
}
.rhi-files-shelf {
padding-top: 23px;
}
.rhi-shelf-label {
grid-column-gap: 8px;
color: #8c7f99;
align-items: center;
margin-bottom: 13px;
display: flex;
}
.rhi-shelf-icon {
flex: none;
width: 15px;
height: 15px;
}
.rhi-shelf-text {
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-file-pair {
grid-column-gap: 11px;
grid-row-gap: 11px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
display: grid;
}
.rhi-file-card {
grid-column-gap: 11px;
background-color: #f8f6fc;
border: 1px solid #eee8f6;
border-radius: 11px;
align-items: center;
min-width: 0;
padding: 14px 12px;
display: flex;
}
.rhi-file-symbol {
color: #8b78ad;
background-image: linear-gradient(135deg, #f6f3fe, #dfd7f1);
border: 1px solid #fff;
border-radius: 6px;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 40px;
display: flex;
box-shadow: 0 3px 5px #9d8dad1a;
}
.rhi-file-symbol.rhi-file-symbol-mint {
color: #799788;
background-image: linear-gradient(135deg, #f0f8f3, #d7e9de);
}
.rhi-file-symbol.rhi-file-symbol-plain {
width: 24px;
height: 24px;
box-shadow: none;
color: #6b6675;
background-color: #0000;
background-image: none;
border-width: 0;
}
.rhi-file-svg {
width: 19px;
height: 19px;
}
.rhi-file-copy {
min-width: 0;
}
.rhi-file-title {
color: #645672;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.35;
}
.rhi-file-text {
color: #95889e;
margin: 3px 0 0;
font-size: 11px;
line-height: 1.45;
}
.rhi-renewal {
text-align: center;
background-color: #e8e4f5;
background-image: radial-gradient(at 60% 30%, #faf6ff 0%, #faf6ff00 65%), linear-gradient(135deg, #eeebf9, #e1dcef);
border: 1px solid #f9f6ff;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 0;
padding: 22px;
display: flex;
box-shadow: 0 3px 10px #6957780a;
}
.rhi-renewal-kicker {
color: #887898;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 10px;
font-weight: 500;
line-height: 1.4;
}
.rhi-calendar {
background-color: #f7f4fc;
background-image: linear-gradient(130deg, #fff, #eee9f8);
border: 1px solid #fff;
border-radius: 12px;
width: 106px;
padding-bottom: 9px;
position: relative;
box-shadow: 0 6px #cec6df, 0 7px #fff, 0 16px 21px #75678c2e;
}
.rhi-calendar-pin {
z-index: 1;
background-image: linear-gradient(90deg, #a99cbc, #e6e0ef, #a99cbc);
border-radius: 3px;
width: 5px;
height: 12px;
position: absolute;
top: -6px;
left: 23px;
}
.rhi-calendar-pin.rhi-calendar-pin-r {
left: auto;
right: 23px;
}
.rhi-calendar-month {
color: #fff;
letter-spacing: .025em;
background-image: linear-gradient(135deg, #8b80b8, #a79dcc);
border-top-left-radius: 11px;
border-top-right-radius: 11px;
margin: 0;
padding: 10px 3px 7px;
font-size: 12px;
line-height: 1.3;
}
.rhi-calendar-day {
color: #5c5277;
letter-spacing: -2px;
margin: 7px 0 0;
font-size: 43px;
font-weight: 500;
line-height: 1.15;
}
.rhi-calendar-year {
color: #9a8faa;
letter-spacing: .1em;
margin: 0;
font-size: 10px;
line-height: 1.4;
}
.rhi-renewal-title {
color: #5d526f;
letter-spacing: -.4px;
margin: 26px 0 0;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rhi-renewal-path {
grid-column-gap: 11px;
color: #9789a6;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 16px;
display: flex;
}
.rhi-path-step {
grid-column-gap: 6px;
align-items: center;
display: flex;
}
.rhi-path-icon {
flex: none;
width: 13px;
height: 13px;
}
.rhi-path-text {
white-space: nowrap;
margin: 0;
font-size: 10px;
line-height: 1.3;
}
.rhi-path-line {
background-color: #c6bdd7;
flex: 1;
max-width: 26px;
height: 1px;
}
.rhi-renewal-meta {
color: #9687a4;
max-width: 190px;
margin: 15px 0 0;
font-size: 10px;
line-height: 1.6;
}
.rhi-member-rich {
grid-column-gap: 30px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
align-items: center;
min-height: 330px;
margin-top: 6px;
display: grid;
}
.rhi-member-rich.rhi-member-rich-fill {
align-items: stretch;
}
.rhi-benefit-card {
background-color: #e2dcf1;
background-image: radial-gradient(at 98% 8%, #eee4f7 0%, #eee4f700 60%), radial-gradient(at 0 100%, #e0eae6 0%, #e0eae600 70%), linear-gradient(135deg, #dcd5f0, #e9e4f3 55%, #dbd7ef);
border: 1px solid #fff;
border-radius: 21px;
min-height: 317px;
padding: 26px;
position: relative;
overflow: hidden;
box-shadow: 0 8px #d7d0e633, 0 18px 30px #7e69961c;
}
.rhi-benefit-sheen {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(100deg, #fff0, #ffffff54, #fff0);
width: 65%;
height: 100%;
position: absolute;
top: 0;
left: -70%;
}
.rhi-benefit-top {
grid-column-gap: 12px;
color: #8b7b9d;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.rhi-benefit-kicker {
letter-spacing: .13em;
text-transform: uppercase;
margin: 0;
font-size: 9px;
line-height: 1.4;
}
.rhi-benefit-top-icon {
color: #9583b0;
flex: none;
width: 18px;
height: 18px;
}
.rhi-benefit-center {
grid-column-gap: 12px;
justify-content: space-between;
align-items: center;
margin-top: 25px;
display: flex;
position: relative;
}
.rhi-benefit-copy {
min-width: 0;
}
.rhi-benefit-title {
color: #5c4d73;
letter-spacing: -1px;
margin: 0;
font-size: 29px;
font-weight: 500;
line-height: 1.15;
}
.rhi-benefit-sub {
color: #9384a3;
margin: 10px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-benefit-seal {
color: #a194b9;
background-image: radial-gradient(circle at 30% 25%, #fff 0%, #e7e1f2 55%, #c7bcdd 100%);
border: 1px solid #f8f4ff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 76px;
height: 76px;
display: flex;
box-shadow: 4px 6px 8px #9b8ab52e, inset 2px 2px 3px #fff;
}
.rhi-benefit-seal-icon {
width: 40px;
height: 40px;
}
.rhi-benefit-person {
grid-column-gap: 10px;
border-top: 1px solid #bfb2d04d;
justify-content: space-between;
align-items: flex-end;
margin-top: 25px;
padding-top: 19px;
display: flex;
position: relative;
}
.rhi-benefit-label {
color: #9c8caa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0;
font-size: 8px;
line-height: 1.4;
}
.rhi-benefit-name {
color: #6d5c83;
letter-spacing: -.3px;
margin: 4px 0 0;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rhi-benefit-enrolled {
grid-column-gap: 5px;
color: #7c8e84;
align-items: center;
display: flex;
}
.rhi-benefit-enrolled-icon {
flex: none;
width: 12px;
height: 12px;
}
.rhi-benefit-enrolled-text {
margin: 0;
font-size: 10px;
line-height: 1.3;
}
.rhi-benefit-country {
grid-column-gap: 7px;
align-items: center;
margin-top: 11px;
display: flex;
position: relative;
}
.rhi-benefit-country-text {
color: #92869e;
margin: 0;
font-size: 10px;
line-height: 1.3;
}
.rhi-resources {
flex-direction: column;
min-width: 0;
display: flex;
}
.rhi-resources.rhi-resources-fill {
justify-content: space-between;
}
.rhi-resource {
grid-column-gap: 14px;
border-bottom: 1px solid #eee7f5;
align-items: center;
padding-top: 18px;
padding-bottom: 18px;
display: flex;
}
.rhi-resource-icon {
color: #9987b1;
background-image: linear-gradient(145deg, #f3eefb, #e1d9f0);
border: 1px solid #fff;
border-radius: 12px;
flex: none;
justify-content: center;
align-items: center;
width: 46px;
height: 51px;
display: flex;
box-shadow: 0 3px 7px #9c8ca21a;
}
.rhi-resource-icon.rhi-resource-icon-mint {
color: #87a090;
background-image: linear-gradient(145deg, #f1f8f4, #dfece2);
}
.rhi-resource-icon.rhi-resource-icon-peach {
color: #b29a85;
background-image: linear-gradient(145deg, #fff6ed, #f0e5d9);
}
.rhi-resource-svg {
width: 23px;
height: 23px;
}
.rhi-resource-copy {
min-width: 0;
}
.rhi-resource-title {
color: #6c5d7b;
letter-spacing: -.2px;
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.35;
}
.rhi-resource-text {
color: #a092ab;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rhi-member-note {
grid-column-gap: 7px;
color: #a69aae;
align-items: center;
padding-top: 18px;
display: flex;
}
.rhi-member-note-icon {
flex: none;
width: 14px;
height: 14px;
}
.rhi-member-note-text {
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-app-foot {
border-top: 1px solid #e7e2ed;
justify-content: flex-end;
margin-top: 24px;
padding-top: 16px;
display: flex;
}
.rhi-app-foot-text {
color: #8a8095;
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-admin-caption {
grid-column-gap: 28px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 32px;
display: grid;
}
.rhi-caption-title {
color: #292736;
letter-spacing: -.3px;
margin: 0 0 8px;
font-size: 17px;
font-weight: 500;
line-height: 1.3;
}
.rhi-caption-text {
color: #7c7188;
margin: 0;
font-size: 14px;
line-height: 1.6;
}
.rhi-onboarding-head {
grid-column-gap: 60px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: end;
display: grid;
}
.rhi-steps {
grid-column-gap: 34px;
grid-row-gap: 26px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 52px;
display: grid;
}
.rhi-step {
border-top: 1px solid #d7d1e3;
padding-top: 26px;
}
.rhi-step-icon {
color: #7e72a2;
width: 24px;
height: 24px;
margin-bottom: 20px;
}
.rhi-step-title {
color: #292736;
letter-spacing: -.6px;
margin: 0 0 12px;
font-size: 21px;
font-weight: 500;
line-height: 1.25;
}
.rhi-step-text {
color: #776e84;
margin: 0;
font-size: 15px;
line-height: 1.7;
}
.rhi-pricing-line {
grid-column-gap: 25px;
grid-row-gap: 14px;
background-color: #f1eef9;
border-radius: 14px;
justify-content: space-between;
align-items: center;
margin-top: 44px;
padding: 24px 28px;
display: flex;
}
.rhi-pricing-copy {
min-width: 0;
}
.rhi-pricing-title {
color: #292736;
margin: 0;
font-size: 17px;
font-weight: 500;
line-height: 1.4;
}
.rhi-pricing-text {
color: #80738f;
margin: 4px 0 0;
font-size: 14px;
line-height: 1.5;
}
.rhi-faq {
background-color: #f9f8fb;
padding: 88px 58px;
}
.rhi-disclosure {
padding-top: 40px;
padding-bottom: 12px;
}
.rhi-disclosure-text {
color: #93899c;
max-width: 920px;
margin: 0;
font-size: 12px;
line-height: 1.75;
}
.rfx-pay-card-sky-parent.rfx-pay-card-sky {
background-image: linear-gradient(140deg, #fff 0%, #e8f1fa 100%);
}
.rfx-tile-target-parent.rfx-tile-target, .rfx-tile-airbnb-parent.rfx-tile-airbnb, .rfx-tile-spotify-parent.rfx-tile-spotify {
height: 34px;
}
.rfx-tile-uber-parent.rfx-tile-uber {
height: 44px;
}
.rfx-tile-ikea-parent.rfx-tile-ikea {
height: 28px;
}
.rfx-tile-doordash-parent.rfx-tile-doordash {
height: 30px;
}
.rfx-tile-netflix-parent.rfx-tile-netflix {
height: 34px;
}
.rdc-hero {
background-color: #f6f4fa;
background-image: radial-gradient(at 74% 35%, #e1ddfa 0%, #e1ddfa00 54%), radial-gradient(at 95% 99%, #f2dccc 0%, #f2dccc00 43%), radial-gradient(at 12% 90%, #dcece7 0%, #dcece700 52%);
padding: 72px 58px 34px;
position: relative;
overflow: hidden;
}
.rdc-hero-glow {
filter: blur(30px);
pointer-events: none;
background-color: #c7c9fa36;
border-radius: 50%;
width: 440px;
height: 440px;
position: absolute;
top: 35px;
right: -120px;
}
.rdc-hero-grid {
grid-column-gap: 60px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
align-items: center;
display: grid;
position: relative;
}
.rdc-hero-copy {
min-width: 0;
}
.rdc-meta {
color: #7a7288;
margin: 17px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rdc-award-stage {
background-color: #ffffff36;
border: 1px solid #ffffffd9;
border-radius: 26px;
min-width: 0;
padding: 13px;
position: relative;
box-shadow: 0 28px 70px #6c658c17;
}
.rdc-award {
background-color: #fcfbffe6;
border: 1px solid #fff;
border-radius: 18px;
position: relative;
overflow: hidden;
}
.rdc-award-top {
grid-column-gap: 9px;
align-items: center;
padding: 21px 23px 0;
display: flex;
}
.rdc-spark {
color: #7a76c8;
background-color: #eeecfb;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
}
.rdc-spark-icon {
width: 18px;
height: 18px;
}
.rdc-award-title {
color: #292936;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.rdc-segment {
grid-column-gap: 4px;
background-color: #eeecf5;
border-radius: 9px;
margin: 20px 23px 0;
padding: 4px;
display: flex;
}
.rdc-seg-btn {
color: #7a7089;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: #fff0;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
min-height: 37px;
padding: 8px 9px;
font-size: 12px;
line-height: 1.3;
display: flex;
}
.rdc-seg-btn.rdc-seg-btn-on {
color: #625ed0;
background-color: #fff;
box-shadow: 0 2px 7px #38225f0f;
}
.rdc-plan-view {
display: block;
}
.rdc-plan-view.rdc-plan-view-alt {
display: none;
}
.rdc-readouts {
padding: 23px 23px 0;
}
.rdc-readout {
grid-column-gap: 12px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.rdc-readout.rdc-readout-hidden {
display: none;
}
.rdc-readout-main {
min-width: 0;
}
.rdc-value-label {
color: #7b6d89;
margin: 0 0 4px;
font-size: 12px;
line-height: 1.5;
}
.rdc-value {
color: #292936;
letter-spacing: -1.5px;
margin: 0;
font-size: 36px;
font-weight: 500;
line-height: 1.12;
}
.rdc-vest-pct {
text-align: right;
}
.rdc-pct {
color: #6760b3;
margin: 0;
font-size: 23px;
line-height: 1.3;
}
.rdc-pct-note {
color: #7b6fa3;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rdc-chart {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: end;
padding: 22px 23px 0;
display: grid;
}
.rdc-bar {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
flex-direction: column;
min-width: 0;
display: flex;
}
.rdc-bar-track {
flex-direction: column;
justify-content: flex-end;
height: 150px;
display: flex;
}
.rdc-bar-fill {
background-image: linear-gradient(140deg, #dddaf069, #b7b3d747);
border-radius: 10px 10px 3px 3px;
justify-content: center;
display: flex;
position: relative;
overflow: hidden;
}
.rdc-bar-fill.rdc-bar-h1 {
height: 25%;
}
.rdc-bar-fill.rdc-bar-h2 {
height: 50%;
}
.rdc-bar-fill.rdc-bar-h3 {
height: 75%;
}
.rdc-bar-fill.rdc-bar-h4 {
height: 100%;
}
.rdc-bar-fill.rdc-bar-fill-lift {
transform: translate(0, -4px);
}
.rdc-bar-past {
opacity: 0;
background-image: linear-gradient(150deg, #c4c5f8, #aaa7ec);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.rdc-bar-past.rdc-bar-past-on {
opacity: 1;
}
.rdc-bar-active {
opacity: 0;
background-image: linear-gradient(140deg, #a1a8f0, #7776ce);
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 12px;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.rdc-bar-active.rdc-bar-active-on {
opacity: 1;
}
.rdc-bar-dot {
background-color: #fff;
border-radius: 50%;
width: 6px;
height: 6px;
box-shadow: 0 0 0 5px #ffffff21;
}
.rdc-bar-label {
z-index: 1;
color: #867f9d;
margin: 0;
padding-top: 10px;
font-size: 14px;
line-height: 1.3;
position: relative;
}
.rdc-bar-label.rdc-bar-label-past {
color: #59518b;
}
.rdc-bar-label.rdc-bar-label-active {
color: #fff;
}
.rdc-bar-year {
color: #7b6d89;
text-align: center;
margin: 0;
padding-top: 9px;
font-size: 12px;
line-height: 1.5;
}
.rdc-bar-year.rdc-bar-year-active {
color: #5e55bb;
}
.rdc-bottoms {
border-top: 1px solid #e4dfed;
margin: 18px 23px 0;
padding-top: 15px;
}
.rdc-award-bottom {
grid-column-gap: 12px;
justify-content: space-between;
display: flex;
}
.rdc-award-bottom.rdc-readout-hidden {
display: none;
}
.rdc-bottom-text {
color: #7b6d89;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rdc-bottom-strong {
color: #4c415d;
font-weight: 500;
}
.rdc-play-row {
justify-content: flex-end;
padding: 12px 23px 15px;
display: flex;
}
.rdc-play {
color: #786791;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
font-size: 12px;
line-height: 1.5;
text-decoration: underline;
}
.rdc-hero-foot {
grid-column-gap: 20px;
grid-row-gap: 12px;
border-top: 1px solid #bfbad14f;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 46px;
padding-top: 24px;
display: flex;
position: relative;
}
.rdc-foot-item {
grid-column-gap: 9px;
align-items: center;
display: flex;
}
.rdc-foot-icon {
color: #8886bd;
flex: none;
width: 17px;
height: 17px;
}
.rdc-partners {
max-width: 1264px;
margin-left: auto;
margin-right: auto;
padding: 34px 48px 38px;
overflow: hidden;
}
.rdc-partners-label {
color: #514b62;
text-align: center;
letter-spacing: .01em;
margin: 0 0 24px;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.4;
}
.rdc-logo-window {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000);
mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000);
}
.rdc-logo-track {
width: max-content;
display: flex;
}
.rdc-logo-run {
grid-column-gap: 60px;
flex: none;
align-items: center;
padding-right: 60px;
display: flex;
}
.rdc-logo {
opacity: .62;
filter: grayscale();
object-fit: contain;
flex: none;
width: 120px;
height: 32px;
display: block;
}
.rdc-plan-pair {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
display: grid;
}
.rdc-plan-card {
background-color: #f2f0f9;
border-radius: 20px;
padding: 30px 32px;
}
.rdc-plan-card.rdc-plan-card-mint {
background-color: #edf3f0;
}
.rdc-plan-icon {
color: #887cba;
background-color: #ffffffb3;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
margin-bottom: 28px;
display: flex;
}
.rdc-plan-icon.rdc-plan-icon-mint {
color: #7a9b8c;
}
.rdc-plan-svg {
width: 21px;
height: 21px;
}
.rdc-plan-title {
color: #292936;
letter-spacing: -.7px;
margin: 0 0 12px;
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
.rdc-plan-text {
color: #6c687b;
max-width: 520px;
margin: 0;
font-size: 15px;
line-height: 1.75;
}
.rdc-plan-note {
color: #887b98;
border-top: 1px solid #aaa2c32e;
margin: 23px 0 0;
padding-top: 19px;
font-size: 12px;
line-height: 1.6;
}
.rdc-admin-grid {
grid-column-gap: 48px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
align-items: center;
margin-top: 44px;
display: grid;
}
.rdc-admin-grid.rdc-admin-tabs {
position: relative;
}
.rdc-feature-list {
display: block;
}
.rdc-feature-list.rdc-feature-tabs-menu {
grid-area: 1 / 1 / 2 / 2;
}
.rdc-feature {
grid-column-gap: 14px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border-bottom: 1px solid #ffffff14;
align-items: flex-start;
padding: 22px 0;
display: flex;
}
.rdc-feature.rdc-feature-on {
border-bottom-color: #a79ed778;
}
.rdc-feature.rdc-feature-tab {
color: #c1b8ce;
text-align: left;
background-color: #0000;
padding-left: 0;
padding-right: 0;
text-decoration: none;
position: relative;
}
.rdc-feature-icon {
color: #9e95b6;
flex: none;
width: 21px;
height: 21px;
margin-top: 3px;
}
.rdc-feature-icon.rdc-feature-icon-on {
color: #beb7ff;
}
.rdc-feature-copy {
min-width: 0;
}
.rdc-feature-title {
color: #c1b8ce;
margin: 0 0 6px;
font-size: 17px;
font-weight: 500;
line-height: 1.4;
}
.rdc-feature-title.rdc-feature-title-on {
color: #d1ccff;
}
.rdc-feature-text {
color: #aca2bc;
margin: 0;
font-size: 13px;
line-height: 1.65;
}
.rdc-window {
color: #332e41;
background-color: #fcfbff;
border-radius: 18px;
min-width: 0;
overflow: hidden;
box-shadow: 0 30px 60px #0b081b30;
}
.rdc-window.rdc-window-tabs {
grid-area: 1 / 2 / 2 / 3;
}
.rdc-window-bar {
grid-column-gap: 5px;
background-color: #f4f2f9;
border-bottom: 1px solid #eeebf3;
align-items: center;
padding: 14px 20px;
display: flex;
}
.rdc-window-dot {
background-color: #d0cbdc;
border-radius: 50%;
width: 5px;
height: 5px;
}
.rdc-window-title {
color: #8c819c;
margin: 0 0 0 10px;
font-size: 12px;
line-height: 1.4;
}
.rdc-screen {
min-height: 345px;
padding: 24px 26px;
}
.rdc-screen-panel {
display: block;
}
.rdc-screen-panel.rdc-screen-panel-hidden {
display: none;
}
.rdc-screen-title {
grid-column-gap: 12px;
border-bottom: 1px solid #e6e0ef;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
padding-bottom: 17px;
display: flex;
}
.rdc-screen-name {
color: #332e41;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.rdc-screen-sub {
color: #7b6d89;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rdc-rule {
grid-column-gap: 18px;
border-bottom: 1px solid #eeeaf3;
justify-content: space-between;
align-items: center;
padding: 14px 0;
display: flex;
}
.rdc-rule.rdc-rule-tile {
grid-row-gap: 4px;
background-color: #f8f6fc;
border: 1px solid #eeeaf3;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 13px 14px;
}
.rdc-rule-key {
color: #7b6d89;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rdc-rule-val {
color: #5a4e6a;
text-align: right;
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.rdc-rule-val.rdc-rule-status {
color: #7a6899;
background-color: #eeebf7;
border-radius: 5px;
padding: 4px 9px;
font-size: 12px;
}
.rdc-screen-note {
grid-column-gap: 8px;
color: #7b6d89;
align-items: center;
margin-top: 21px;
display: flex;
}
.rdc-screen-note-icon {
flex: none;
width: 15px;
height: 15px;
}
.rdc-screen-note-text {
margin: 0;
font-size: 12px;
line-height: 1.65;
}
.rdc-member-row {
grid-column-gap: 10px;
border-bottom: 1px solid #e9e4ee;
grid-template-rows: auto;
grid-template-columns: 30px minmax(0, 1fr) auto;
align-items: center;
padding: 13px 0;
display: grid;
}
.rdc-member-row.rdc-member-row-vest {
grid-column-gap: 14px;
grid-template-columns: 30px minmax(0, 1fr) minmax(0, 150px) 86px;
}
.rdc-avatar {
color: #827297;
background-color: #eeebf7;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin: 0;
font-size: 11px;
line-height: 1;
display: flex;
}
.rdc-member-info {
min-width: 0;
}
.rdc-member-name {
color: #332e41;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.rdc-member-country {
grid-column-gap: 5px;
align-items: center;
margin-top: 2px;
display: flex;
}
.rdc-flag {
object-fit: cover;
border-radius: 2px;
flex: none;
width: 16px;
height: 12px;
display: block;
}
.rdc-member-country-text {
color: #7b6d89;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rdc-member-award {
text-align: right;
}
.rdc-member-units {
color: #63536f;
margin: 0;
font-size: 12px;
line-height: 1.45;
}
.rdc-member-pct {
color: #8d7e9a;
margin: 0;
font-size: 12px;
line-height: 1.45;
}
.rdc-report-metric {
grid-column-gap: 15px;
justify-content: space-between;
align-items: flex-end;
margin-top: 10px;
display: flex;
}
.rdc-report-label {
color: #8b7c98;
margin: 0 0 5px;
font-size: 12px;
line-height: 1.4;
}
.rdc-report-value {
color: #332e41;
letter-spacing: -1px;
margin: 0;
font-size: 33px;
font-weight: 500;
line-height: 1.15;
}
.rdc-report-count {
color: #8b7c98;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rdc-stacked {
background-color: #e9e3f1;
border-radius: 9px;
height: 12px;
margin: 24px 0 16px;
overflow: hidden;
}
.rdc-stacked-fill {
background-color: #a49bd8;
border-radius: 9px;
width: 62.5%;
height: 100%;
}
.rdc-report-legend {
grid-column-gap: 15px;
justify-content: space-between;
margin-bottom: 6px;
display: flex;
}
.rdc-legend-right {
text-align: right;
}
.rdc-legend-key {
color: #7b6d89;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rdc-legend-val {
color: #6d597c;
margin: 3px 0 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.rdc-admin-bottom {
grid-column-gap: 18px;
grid-row-gap: 8px;
border-top: 1px solid #ffffff14;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 20px;
display: flex;
}
.rdc-admin-bottom-text {
color: #b9afc6;
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.rdc-people {
background-color: #faf8f5;
margin-top: 24px;
padding: 96px 58px;
}
.rdc-people-grid {
grid-column-gap: 56px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
display: grid;
}
.rdc-people-visual {
min-width: 0;
}
.rdc-photo {
aspect-ratio: 1.12;
background-color: #e3e4dd;
border-radius: 120px 18px 18px;
position: relative;
overflow: hidden;
}
.rdc-photo-img {
object-fit: cover;
object-position: 49% 50%;
width: 100%;
max-width: none;
height: 115%;
margin-top: -5%;
display: block;
}
.rdc-photo-footer {
grid-column-gap: 10px;
color: #9a90b1;
align-items: center;
margin-top: 15px;
display: flex;
}
.rdc-photo-footer-icon {
flex: none;
width: 18px;
height: 18px;
}
.rdc-photo-footer-text {
color: #8f7f8d;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rdc-people-copy {
min-width: 0;
}
.rdc-participant {
background-color: #fff;
border: 1px solid #ece5ee;
border-radius: 14px;
max-width: 520px;
margin-top: 28px;
padding: 22px 24px;
box-shadow: 0 12px 25px #5f465608;
}
.rdc-participant-head {
color: #695972;
margin: 0 0 18px;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.rdc-participant-info {
grid-column-gap: 18px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
display: grid;
}
.rdc-participant-value {
color: #5d4b66;
letter-spacing: -.7px;
margin: 0;
font-size: 25px;
font-weight: 500;
line-height: 1.3;
}
.rdc-participant-key {
color: #7b6d89;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rdc-participant-line {
grid-column-gap: 12px;
border-top: 1px solid #eae2eb;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
padding-top: 15px;
display: flex;
}
.rdc-participant-status {
color: #705a7b;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.rdc-participant-progress {
background-color: #efe9f2;
border-radius: 6px;
height: 6px;
margin-top: 12px;
overflow: hidden;
}
.rdc-participant-progress-fill {
background-image: linear-gradient(90deg, #c4c5f8, #8f8ad8);
border-radius: 6px;
width: 75%;
height: 100%;
}
.rdc-flex {
background-color: #f7f7fa;
background-image: radial-gradient(at 12% 90%, #e8e4f4 0%, #e8e4f400 56%), radial-gradient(at 100% 0, #e9f1ee 0%, #e9f1ee00 45%);
margin-top: 24px;
padding: 96px 58px;
}
.rdc-flex-head {
max-width: 660px;
}
.rdc-flex-grid {
grid-column-gap: 30px;
grid-row-gap: 27px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 46px;
display: grid;
}
.rdc-flex-col {
border-top: 1px solid #cec8dc;
padding-top: 24px;
}
.rdc-flex-icon {
color: #8c80b8;
width: 22px;
height: 22px;
margin-bottom: 24px;
}
.rdc-flex-title {
color: #292936;
letter-spacing: -.5px;
margin: 0 0 12px;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.rdc-flex-text {
color: #84758d;
margin: 0;
font-size: 14px;
line-height: 1.7;
}
.rdc-pricing {
grid-column-gap: 60px;
grid-row-gap: 31px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
align-items: center;
display: grid;
}
.rdc-price-box {
border-left: 1px solid #ded7e6;
padding: 8px 0 8px 40px;
}
.rdc-price-kicker {
color: #7a7288;
margin: 0;
font-size: 12px;
line-height: 1.6;
}
.rdc-price-title {
color: #292936;
letter-spacing: -1px;
margin: 8px 0 11px;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
}
.rdc-price-text {
color: #6c687b;
margin: 0;
font-size: 16px;
line-height: 1.6;
}
.rdc-included {
grid-column-gap: 8px;
color: #9790bc;
align-items: center;
margin: 18px 0 23px;
display: flex;
}
.rdc-included-icon {
flex: none;
width: 17px;
height: 17px;
}
.rdc-included-text {
color: #7a6d89;
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.rdc-faq {
background-color: #f9f8fb;
padding: 88px 58px;
}
.rdc-foot-text {
color: #69637b;
margin: 0;
font-size: 13px;
line-height: 1.4;
}
.rdh-admin-preview {
box-sizing: border-box;
color: #40394d;
text-align: left;
background-color: #fff;
border-radius: 17px;
width: 100%;
min-width: 0;
padding: 22px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
box-shadow: 0 16px 36px #564c7014;
}
.rdh-admin-preview-header {
padding-bottom: 24px;
}
.rdh-admin-preview-title {
color: #302b3b;
letter-spacing: -.7px;
margin: 0;
font-family: Happy Times, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
}
.rdh-admin-preview-subtitle {
color: #82768e;
margin: 9px 0 0;
font-size: 13px;
line-height: 1.5;
}
.rdh-admin-preview-head {
grid-column-gap: 12px;
grid-row-gap: 0px;
color: #82768e;
border-bottom: 1px solid #e9e4f0;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 48px 58px;
align-items: center;
padding-bottom: 12px;
font-size: 11px;
line-height: 1.5;
display: grid;
}
.rdh-admin-preview-head-enrolled {
text-align: center;
}
.rdh-admin-preview-row {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 0px;
border-bottom: 1px solid #eeeaf3;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 48px 58px;
align-items: center;
min-height: 78px;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
}
.rdh-admin-preview-benefit {
grid-column-gap: 10px;
align-items: center;
min-width: 0;
display: flex;
}
.rdh-admin-preview-icon {
border-radius: 10px;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 34px;
height: 38px;
display: flex;
}
.rdh-admin-preview-lavender {
color: #8b7ccc;
background-color: #eeebfb;
}
.rdh-admin-preview-mint {
color: #709e88;
background-color: #e9f1eb;
}
.rdh-admin-preview-peach {
color: #b88b67;
background-color: #fbefe5;
}
.rdh-admin-preview-rose {
color: #bd8eac;
background-color: #f5eaf2;
}
.rdh-admin-preview-svg {
flex-shrink: 0;
width: 20px;
height: 20px;
display: block;
}
.rdh-admin-preview-label {
min-width: 0;
}
.rdh-admin-preview-name {
color: #40394d;
margin: 0;
font-size: 14px;
font-weight: 550;
line-height: 1.4;
}
.rdh-admin-preview-category {
color: #8a7e95;
margin: 4px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rdh-admin-preview-country {
grid-column-gap: 7px;
color: #746b80;
justify-content: center;
align-items: center;
min-width: 0;
margin-left: 0;
display: flex;
}
.rdh-admin-preview-flag {
object-fit: cover;
border-radius: 3px;
flex-shrink: 0;
width: 20px;
height: 15px;
display: block;
}
.rdh-admin-preview-globe {
color: #8b7ccc;
flex-shrink: 0;
width: 20px;
height: 20px;
display: block;
}
.rdh-admin-preview-country-name {
font-size: 12px;
line-height: 1.4;
}
.rdh-admin-preview-enrollment {
justify-content: center;
align-items: center;
min-width: 0;
display: flex;
}
.rdh-admin-preview-count {
text-align: right;
white-space: nowrap;
margin: 0;
font-size: 16px;
line-height: 1.3;
}
.rdh-admin-preview-numerator {
color: #5d5270;
font-weight: 600;
}
.rdh-admin-preview-denominator {
color: #8a7e95;
margin-left: 3px;
font-weight: 400;
}
.rdh-admin-preview-track {
background-color: #e9e7f0;
border-radius: 5px;
height: 5px;
margin-top: 9px;
overflow: hidden;
}
.rdh-admin-preview-fill {
background-color: #9792df;
border-radius: 5px;
height: 100%;
}
.rdh-admin-preview-fill-0 {
width: 87.5%;
}
.rdh-admin-preview-fill-1 {
width: 94.4%;
}
.rdh-admin-preview-fill-2 {
width: 100%;
}
.rdh-admin-preview-fill-3 {
width: 90.1%;
}
.rdh-admin-preview-footer {
grid-column-gap: 8px;
align-items: center;
padding-top: 16px;
display: flex;
}
.rdh-admin-preview-footer-dot {
background-color: #88af9e;
border-radius: 50%;
flex-shrink: 0;
width: 6px;
height: 6px;
}
.rdh-admin-preview-footer-copy {
color: #82768e;
margin: 0;
font-size: 11px;
line-height: 1.5;
}
.rdh-admin-preview-head-country {
text-align: center;
visibility: visible;
display: block;
}
.rdh-admin-preview-pie {
color: #7b6dcb;
flex-shrink: 0;
width: 28px;
height: 28px;
display: block;
}
.rdh-global-benefit-icon {
color: #c8cdff;
flex-shrink: 0;
width: 28px;
height: 28px;
margin-bottom: 14px;
display: block;
}
.rdh-testimonial-avatar {
object-fit: cover;
border: 2px solid #fff;
border-radius: 50%;
flex-shrink: 0;
width: 44px;
min-width: 44px;
height: 44px;
display: block;
}
.rdh-quote-attribution-with-avatar, .rdh-testimonial-attribution-row {
align-items: center;
gap: 12px;
min-height: 44px;
display: flex;
}
.rba-work-progress {
opacity: 0;
pointer-events: none;
background-color: #5967e924;
border-radius: 3px;
height: 3px;
position: absolute;
bottom: 8px;
left: 18px;
right: 18px;
overflow: hidden;
}
.rba-work-progress-fill {
background-color: #5967e9;
border-radius: 3px;
width: 0%;
height: 100%;
}
.rba-avatar-photo {
object-fit: cover;
background-color: #e4e2f3;
border-radius: 50%;
flex: none;
width: 33px;
max-width: none;
height: 33px;
display: block;
box-shadow: 0 0 0 2px #fff, 0 2px 6px #2827351a;
}
.rdh-inline-link {
text-underline-offset: 3px;
color: inherit;
font-weight: 500;
-webkit-text-decoration: underline #606df18c;
text-decoration: underline #606df18c;
}
.rrd-hc-avatar-photo {
object-fit: cover;
background-color: #e6dfef;
border-radius: 50%;
flex: none;
width: 40px;
max-width: none;
height: 40px;
display: block;
box-shadow: 0 0 0 2px #fff, 0 8px 16px -6px #4f46c88c;
}
.rrd-av-photo {
object-fit: cover;
background-color: #e6dfef;
border-radius: 50%;
width: 36px;
max-width: none;
height: 36px;
display: block;
}
.rrd-user-avatar-photo {
object-fit: cover;
background-color: #e5ddd6;
border-radius: 50%;
flex: none;
width: 26px;
max-width: none;
height: 26px;
display: block;
}
.rrd-plan-progress {
opacity: 0;
pointer-events: none;
background-color: #5e4e9724;
border-radius: 2px;
height: 2px;
position: absolute;
bottom: 7px;
left: 12px;
right: 12px;
overflow: hidden;
}
.rrd-plan-progress-fill {
background-color: #5e4e97;
width: 0%;
height: 100%;
}
.rrd-feature-icon {
color: #5e4e97;
background-color: #eeebf5;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
margin-bottom: 14px;
display: flex;
}
.rrd-feature-icon.rrd-feature-icon-dark {
color: #c9c4ff;
background-color: #b9b4ff1a;
border: 1px solid #b9b4ff33;
}
.rrd-feature-svg {
flex: none;
width: 18px;
height: 18px;
display: block;
}
.rrd-demo {
background-color: #f7f6f3;
background-image: radial-gradient(at 0 100%, #efeaf6 0%, #efeaf600 55%);
margin-bottom: 78px;
padding: 62px 58px;
}
.rrd-demo-grid {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
display: grid;
}
.rrd-demo-media, .rrd-demo-copy {
min-width: 0;
}
.rrd-video {
background-color: #ece7f4;
border: 1px solid #fff;
border-radius: 22px;
position: relative;
overflow: hidden;
box-shadow: 0 30px 60px -36px #46346e73;
}
.rrd-video-embed {
aspect-ratio: 16 / 9;
width: 100%;
display: block;
position: relative;
}
.rrd-video-meta {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #6f6880;
justify-content: space-between;
align-items: center;
margin-top: 14px;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.rrd-video-meta-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.rrd-meta-icon {
color: #5967e9;
flex: none;
width: 14px;
height: 14px;
display: block;
}
.rrd-video-link {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #5967e9;
white-space: nowrap;
flex: none;
align-items: center;
font-weight: 500;
text-decoration: none;
display: flex;
}
.rrd-highlights {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-top: 30px;
font-family: Geist, Arial, sans-serif;
display: grid;
}
.rrd-hl {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
display: flex;
}
.rrd-hl-icon {
color: #5967e9;
background-color: #ece9fb;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
display: flex;
}
.rrd-hl-icon.rrd-hl-peach {
color: #b0563a;
background-color: #f8e6de;
}
.rrd-hl-icon.rrd-hl-green {
color: #3d7c5c;
background-color: #e2efe7;
}
.rrd-hl-svg {
width: 17px;
height: 17px;
display: block;
}
.rrd-hl-title {
color: #282735;
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.rrd-hl-text {
color: #6f6880;
margin: 2px 0 0;
font-size: 13px;
line-height: 1.5;
}
.rrd-poster {
z-index: 2;
cursor: pointer;
background-color: #ebe5f5;
background-image: radial-gradient(at 100% 0, #ddd3f3 0%, #ddd3f300 55%), radial-gradient(at 0 100%, #d9e9df 0%, #d9e9df00 60%);
flex-direction: column;
justify-content: space-between;
padding: 24px 26px;
font-family: Geist, Arial, sans-serif;
display: flex;
position: absolute;
inset: 0;
overflow: hidden;
}
.rrd-poster-arc {
pointer-events: none;
border: 1px solid #ffffffb3;
border-radius: 50%;
width: 120%;
height: 120%;
position: absolute;
top: 46%;
left: 30%;
}
.rrd-poster-arc.rrd-poster-arc-2 {
width: 90%;
height: 150%;
top: 20%;
left: -30%;
}
.rrd-poster-head {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.rrd-poster-label {
color: #7b7488;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.rrd-poster-title {
color: #3a3650;
letter-spacing: -.8px;
max-width: 70%;
margin: 0;
font-size: 27px;
font-weight: 500;
line-height: 1.2;
position: relative;
}
.rrd-poster-em {
color: #686aa4;
letter-spacing: -.8px;
margin-top: 4px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 29px;
font-style: italic;
font-weight: 400;
display: block;
}
.rrd-poster-foot {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.rrd-play {
color: #5967e9;
background-color: #ffffffd9;
border: 1px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 62px;
height: 62px;
margin-top: -31px;
display: flex;
position: absolute;
top: 50%;
right: 26px;
box-shadow: 0 14px 30px -12px #46346e73;
}
.rrd-play-icon {
width: 18px;
height: 18px;
margin-left: 3px;
display: block;
}
.rrd-length {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #4a4458;
background-color: #ffffffb3;
border: 1px solid #fff;
border-radius: 999px;
align-items: center;
padding: 5px 10px;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
display: flex;
}
.rrd-length-icon {
width: 12px;
height: 12px;
display: block;
}
.rfx-mini-logo-image {
object-fit: contain;
width: 62px;
height: 22px;
display: block;
}
.rfx-note-route {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #8a83a0;
background-color: #f1eefb;
border-radius: 999px;
flex: none;
align-items: center;
padding: 4px 8px 4px 6px;
display: flex;
}
.rfx-note-flag {
object-fit: cover;
border-radius: 50%;
flex: none;
width: 18px;
max-width: none;
height: 18px;
display: block;
box-shadow: 0 0 0 1px #28273514;
}
.rfx-note-route-arrow {
flex: none;
width: 12px;
height: 12px;
display: block;
}
.rfx-reward-tabs {
position: relative;
}
.rfr-art {
color: #292735;
width: 100%;
min-width: 0;
max-width: 570px;
margin: auto;
padding: 0 3px 0 7px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
position: relative;
}
.rfr-people {
width: 100%;
min-height: 244px;
margin-bottom: 28px;
position: relative;
}
.rfr-wash {
border-radius: 50%;
width: 71%;
height: 102%;
position: absolute;
top: 1%;
left: 15%;
}
.rfr-routes {
width: 106%;
height: 108%;
position: absolute;
inset: -3% -3% -5%;
overflow: visible;
}
.rfr-person {
z-index: 2;
position: absolute;
}
.rfr-photo-shell {
background-color: #e6e4eb;
border: 4px solid #fff;
position: relative;
overflow: hidden;
box-shadow: 0 18px 35px #76649a17, 0 2px 4px #5f4f8710;
}
.rfr-photo {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.rfr-person-main {
width: 38%;
top: 10%;
left: 31%;
}
.rfr-photo-main-shell {
border-radius: 100px 100px 54px 54px;
}
.rfr-photo-main {
object-position: 48% 50%;
}
.rfr-person-left {
width: 24%;
top: 5%;
left: 0%;
}
.rfr-photo-left-shell {
border-radius: 50%;
}
.rfr-person-right {
width: 26%;
top: 42%;
right: -1%;
}
.rfr-photo-right-shell {
border-radius: 50% 50% 42% 42%;
}
.rfr-city {
z-index: 3;
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #736c82;
white-space: nowrap;
justify-content: center;
align-items: center;
margin: 8px auto 0;
font-size: 10px;
font-weight: 500;
display: flex;
position: relative;
}
.rfr-city-dot {
background-color: #9b91b5;
border-radius: 50%;
width: 5px;
height: 5px;
}
.rfr-city-main {
color: #635678;
margin-top: 10px;
}
.rfr-city-dot-main {
background-color: #8c79bf;
}
.rfr-reaction {
z-index: 4;
border: 1px solid #fffc;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
box-shadow: 0 9px 24px #8c78a21a, inset 0 1px #fff;
}
.rfr-love {
color: #c8838b;
background-color: #f9e7e2e3;
border-radius: 50%;
width: 42px;
height: 42px;
top: 55%;
left: 23%;
}
.rfr-love-icon {
width: 19px;
height: 19px;
}
.rfr-clap {
background-color: #f8f5e4ed;
border-radius: 16px;
width: 43px;
height: 43px;
font-size: 22px;
top: 12%;
right: 15%;
}
.rfr-gift {
color: #739276;
background-color: #e6efdfd9;
border-radius: 12px;
width: 37px;
height: 37px;
bottom: 4%;
left: 4%;
}
.rfr-gift-icon {
width: 18px;
height: 18px;
}
.rfr-spark {
z-index: 1;
background-color: #b2a5de;
border-radius: 2px;
width: 7px;
height: 7px;
position: absolute;
}
.rfr-spark-1 {
background-color: #e4bb9f;
border-radius: 8px;
width: 5px;
height: 11px;
top: 0%;
left: 28%;
}
.rfr-spark-2 {
background-color: #c5c7e5;
width: 10px;
height: 10px;
top: 21%;
right: 5%;
}
.rfr-spark-3 {
background-color: #c1b290;
width: 5px;
height: 5px;
top: 63%;
left: 15%;
}
.rfr-spark-4 {
background-color: #c8d6b5;
border-radius: 8px;
width: 6px;
height: 12px;
bottom: 0%;
right: 30%;
}
.rfr-reward {
z-index: 3;
border: 1px solid #ffffffe0;
border-radius: 23px;
margin: 0 1% 0 3%;
padding: 19px 22px 20px;
position: relative;
box-shadow: inset 0 1px #fff, 0 19px 42px #87729216, 0 3px 7px #7362870b;
}
.rfr-reward-top {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
margin-bottom: 17px;
display: flex;
}
.rfr-card-logo {
width: 66px;
height: auto;
display: block;
}
.rfr-personal {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #8b8099;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
align-items: center;
font-size: 9px;
display: flex;
}
.rfr-reward-content {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 52px;
align-items: center;
display: grid;
}
.rfr-message-title {
color: #4b405e;
letter-spacing: -.7px;
margin: 0;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
}
.rfr-message-copy {
color: #807289;
max-width: 282px;
margin: 9px 0 0;
font-size: 11px;
line-height: 1.6;
}
.rfr-reward-seal {
color: #8c79ba;
border: 1px solid #fffc;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
box-shadow: inset 0 1px #fff, 0 3px 6px #8a78af0c;
}
.rfr-seal-icon {
width: 23px;
height: 23px;
}
.rfr-brand-proof {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: center;
min-height: 32px;
margin: 23px 5% 0 7%;
display: flex;
}
.rfr-brand {
opacity: 1;
object-fit: contain;
max-width: 68px;
max-height: 32px;
display: block;
}
.rfr-amazon {
width: 51px;
height: 25px;
}
.rfr-starbucks {
width: 32px;
height: 32px;
}
.rfr-visa {
width: 47px;
height: 21px;
}
.rfr-charity {
width: 68px;
max-width: 68px;
height: 24px;
}
.rfr-brand-label {
color: #8c8098;
border-right: 1px solid #ddd4e3;
min-width: 55px;
padding-right: 9px;
font-size: 12px;
line-height: 1.35;
}
.rhi-avatar-photo {
object-fit: cover;
border: 2px solid #fff;
border-radius: 50%;
flex: none;
width: 34px;
height: 34px;
display: block;
box-shadow: 0 3px 8px #7a699924;
}
.rhi-benefit-who {
grid-column-gap: 14px;
align-items: center;
min-width: 0;
display: flex;
}
.rhi-benefit-avatar {
object-fit: cover;
border: 2px solid #ffffffe6;
border-radius: 50%;
flex: none;
width: 56px;
height: 56px;
display: block;
box-shadow: 0 6px 14px #7e69962e;
}
.rhi-caption-icon {
color: #8a77ad;
background-image: linear-gradient(145deg, #f3eefb, #e1d9f0);
border: 1px solid #fff;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-bottom: 16px;
display: flex;
box-shadow: 0 3px 7px #9c8ca21f;
}
.rhi-caption-icon.rhi-caption-icon-mint {
color: #6f8f7c;
background-image: linear-gradient(145deg, #f1f8f4, #dfece2);
}
.rhi-caption-icon.rhi-caption-icon-peach {
color: #a8866b;
background-image: linear-gradient(145deg, #fff6ed, #f0e5d9);
}
.rhi-caption-svg {
width: 20px;
height: 20px;
display: block;
}
.rhi-scenario-head {
grid-column-gap: 12px;
align-items: center;
display: flex;
}
.rhi-scenario-icon {
color: #d8d5f6;
background-color: #d8d5f61f;
border: 1px solid #d8d5f638;
border-radius: 10px;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-bottom: 7px;
display: flex;
}
.rhi-scenario-svg {
width: 17px;
height: 17px;
display: block;
}
.rhi-kpis {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: 22px;
display: grid;
}
.rhi-kpi {
grid-column-gap: 12px;
background-color: #f8f6fc;
border: 1px solid #eee8f6;
border-radius: 13px;
align-items: center;
min-width: 0;
padding: 14px 16px;
display: flex;
}
.rhi-kpi-icon {
color: #7f6ca6;
background-image: linear-gradient(145deg, #f3eefb, #e1d9f0);
border-radius: 10px;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
}
.rhi-kpi-icon.rhi-kpi-icon-mint {
color: #5f8471;
background-image: linear-gradient(145deg, #f1f8f4, #dfece2);
}
.rhi-kpi-icon.rhi-kpi-icon-sky {
color: #5a73a3;
background-image: linear-gradient(145deg, #eef3fb, #dbe4f2);
}
.rhi-kpi-icon.rhi-kpi-icon-peach {
color: #94704f;
background-image: linear-gradient(145deg, #fff6ed, #f0e5d9);
}
.rhi-kpi-icon.rhi-kpi-icon-plain {
color: #6b6675;
background-color: #0000;
background-image: none;
width: 22px;
height: 22px;
}
.rhi-kpi-svg {
width: 17px;
height: 17px;
display: block;
}
.rhi-kpi-copy {
flex: 1;
min-width: 0;
}
.rhi-kpi-label {
color: #8a8095;
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-kpi-value {
color: #292736;
letter-spacing: -.3px;
margin: 2px 0 0;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.rhi-kpi-sub {
color: #8a8095;
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
}
.rhi-kpi-bar {
background-color: #e6e1ee;
border-radius: 4px;
height: 4px;
margin-top: 6px;
overflow: hidden;
}
.rhi-kpi-bar-fill {
background-color: #7fa58f;
border-radius: 4px;
width: 66%;
height: 4px;
}
.rhi-member-date {
color: #6f6580;
white-space: nowrap;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rhi-member-date.rhi-member-date-muted {
color: #9a90a6;
}
.rhi-person-meta {
color: #958aa1;
margin: 1px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rhi-activity {
grid-column-gap: 20px;
grid-row-gap: 10px;
border-top: 1px solid #e7e2ed;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 22px;
padding-top: 16px;
display: flex;
}
.rhi-activity-list {
grid-column-gap: 18px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.rhi-activity-label {
color: #8a8095;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0;
font-size: 10px;
font-weight: 500;
line-height: 1.4;
}
.rhi-activity-item {
grid-column-gap: 7px;
align-items: center;
display: flex;
}
.rhi-activity-dot {
background-color: #d1b679;
border-radius: 50%;
flex: none;
width: 7px;
min-width: 7px;
max-width: 7px;
height: 7px;
min-height: 7px;
max-height: 7px;
padding: 0;
}
.rhi-activity-dot.rhi-activity-dot-mint {
background-color: #7fa58f;
}
.rhi-activity-dot.rhi-activity-dot-lilac {
background-color: #9a8cc6;
}
.rhi-activity-text {
color: #5f566e;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rhi-activity-more {
color: #4e46b4;
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.rhi-resource-chevron {
color: #b2a7bd;
flex: none;
width: 16px;
height: 16px;
margin-left: auto;
display: block;
}
.rhi-covered {
grid-column-gap: 12px;
background-color: #f8f6fc;
border: 1px solid #eee8f6;
border-radius: 14px;
align-items: center;
margin-top: 16px;
padding: 16px;
display: flex;
}
.rhi-covered-title {
color: #4f4560;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.rhi-covered-text {
color: #8f8199;
margin: 2px 0 0;
font-size: 12px;
line-height: 1.4;
}
.rhi-covered-action {
color: #4e46b4;
flex: none;
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.rhi-glance {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 1px solid #e7e2ed;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 24px;
padding-top: 20px;
display: grid;
}
.rhi-glance-value {
color: #3e354d;
margin: 2px 0 0;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
}
.rhi-proof-link {
color: inherit;
text-decoration: none;
}
.rhi-proof-link:hover {
text-decoration: underline;
}
.rdc-feature-progress {
opacity: 0;
border-radius: 2px;
height: 2px;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
overflow: hidden;
}
.rdc-feature-progress-fill {
background-color: #beb7ff;
width: 0%;
height: 100%;
}
.rdc-avatar-photo {
object-fit: cover;
border: 2px solid #fff;
border-radius: 50%;
width: 30px;
height: 30px;
display: block;
box-shadow: 0 3px 8px #332e4124;
}
.rdc-rules-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 6px;
display: grid;
}
.rdc-vest-head {
grid-column-gap: 12px;
justify-content: space-between;
align-items: baseline;
margin-top: 18px;
display: flex;
}
.rdc-vest-track {
grid-column-gap: 6px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 10px;
display: grid;
}
.rdc-vest-seg {
background-color: #a49bd8;
border-radius: 4px;
height: 8px;
}
.rdc-vest-seg.rdc-vest-seg-2 {
background-color: #b5aee1;
}
.rdc-vest-seg.rdc-vest-seg-3 {
background-color: #c7c1ea;
}
.rdc-vest-seg.rdc-vest-seg-4 {
background-color: #d8d4f1;
}
.rdc-vest-label {
color: #7b6d89;
margin: 7px 0 0;
font-size: 11px;
line-height: 1.4;
}
.rdc-chip-row {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
margin-bottom: 4px;
display: flex;
}
.rdc-chip {
color: #6d597c;
background-color: #f1eef9;
border-radius: 20px;
margin: 0;
padding: 4px 10px;
font-size: 11px;
line-height: 1.4;
}
.rdc-member-vest {
grid-row-gap: 5px;
flex-direction: column;
min-width: 0;
display: flex;
}
.rdc-vest-bar {
background-color: #e9e3f1;
border-radius: 6px;
height: 6px;
overflow: hidden;
}
.rdc-vest-bar-fill {
background-color: #a49bd8;
border-radius: 6px;
width: 75%;
height: 100%;
}
.rdc-vest-bar-fill.rdc-vest-bar-fill-50 {
width: 50%;
}
.rdc-country-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 14px;
margin-bottom: 6px;
display: grid;
}
.rdc-country-tile {
background-color: #f8f6fc;
border: 1px solid #eeeaf3;
border-radius: 12px;
min-width: 0;
padding: 12px 14px;
}
.rdc-country-top {
grid-column-gap: 6px;
align-items: center;
display: flex;
}
.rdc-country-name {
color: #7b6d89;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-size: 12px;
line-height: 1.4;
overflow: hidden;
}
.rdc-country-units {
color: #332e41;
margin: 6px 0 0;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
}
.rdc-included-link {
color: inherit;
text-decoration: none;
}
.rdc-included-link:hover {
text-decoration: underline;
}
.rdh-testimonial-attribution-text {
color: #9a8ca4;
font-family: inherit;
font-size: .75rem;
line-height: inherit;
letter-spacing: inherit;
margin: 0;
}
.rdh-hs-scene {
aspect-ratio: 1;
background-color: #fbe4f1;
border-radius: 32px;
width: 100%;
position: relative;
overflow: hidden;
}
.rdh-hs-glow {
background-color: #dff3ec;
border-radius: 50%;
width: 72%;
height: 72%;
position: absolute;
top: 26%;
left: -12%;
}
.rdh-hs-photo {
filter: drop-shadow(0 16px 24px #4a2f5c24);
background-color: #efe9f2;
border-radius: 22px;
width: 68%;
height: 58%;
position: absolute;
bottom: 7%;
left: 7%;
overflow: hidden;
}
.rdh-hs-photo-img {
object-fit: cover;
object-position: 62% 60%;
width: 100%;
max-width: none;
height: 100%;
display: block;
}
.rdh-hs-card {
z-index: 2;
filter: drop-shadow(0 14px 22px #4a2f5c1f);
background-color: #fff;
border-radius: 16px;
width: 60%;
padding: 14px 14px 8px;
position: absolute;
top: 7%;
right: 6%;
}
.rdh-hs-card-head {
justify-content: space-between;
align-items: flex-start;
column-gap: 8px;
margin-bottom: 8px;
display: flex;
}
.rdh-hs-card-title {
color: #282735;
margin-top: 0;
margin-bottom: 2px;
font-family: Geist, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
}
.rdh-hs-meta {
color: #8a8095;
margin-top: 0;
margin-bottom: 0;
font-size: 10px;
line-height: 1.35;
}
.rdh-hs-meta.rdh-hs-meta-line {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.rdh-hs-badge {
color: #5967e9;
white-space: nowrap;
background-color: #f1efff;
border-radius: 999px;
margin-top: 0;
margin-bottom: 0;
padding: 3px 8px;
font-size: 10px;
font-weight: 600;
line-height: 1.3;
}
.rdh-hs-row {
border-top: 1px solid #f0edf4;
align-items: center;
column-gap: 8px;
padding-top: 7px;
padding-bottom: 7px;
display: flex;
}
.rdh-hs-avatar {
object-fit: cover;
border-radius: 50%;
width: 26px;
min-width: 26px;
height: 26px;
display: block;
}
.rdh-hs-person {
flex-direction: column;
flex: 1;
min-width: 0;
display: flex;
}
.rdh-hs-name {
color: #282735;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
}
.rdh-hs-status {
color: #1f7a4d;
white-space: nowrap;
background-color: #e7f6ee;
border-radius: 999px;
margin-top: 0;
margin-bottom: 0;
padding: 3px 7px;
font-size: 9.5px;
font-weight: 600;
line-height: 1.3;
}
.rdh-hs-status.rdh-hs-status-renewal {
color: #4b56d6;
background-color: #eef0ff;
}
.rdh-hs-status.rdh-hs-status-pending {
color: #9a5f0c;
background-color: #fff4e2;
}
.rdh-hs-toast {
z-index: 3;
filter: drop-shadow(0 12px 18px #4a2f5c24);
background-color: #fff;
border-radius: 14px;
align-items: center;
column-gap: 10px;
max-width: 52%;
padding: 10px 14px 10px 10px;
display: flex;
position: absolute;
bottom: 11%;
right: 6%;
}
.rdh-hs-toast-icon {
color: #1f7a4d;
background-color: #e7f6ee;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 32px;
min-width: 32px;
height: 32px;
display: flex;
}
.rdh-hs-toast-svg {
width: 16px;
height: 16px;
display: block;
}
.rdh-hs-toast-title {
color: #282735;
margin-top: 0;
margin-bottom: 1px;
font-size: 11.5px;
font-weight: 600;
line-height: 1.3;
}
.rdh-hero-bottom-icon {
color: #5967e9;
width: 16px;
min-width: 16px;
height: 16px;
display: block;
}
.rdh-hero-bottom-text {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
margin: 0;
}
.rdh-growth-dollar {
z-index: 2;
color: #6c5ccf;
background-color: #e4ddfb;
border: 2px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
position: absolute;
top: -17px;
left: auto;
right: 0;
}
.rdh-growth-dollar-svg {
width: 10px;
height: 10px;
display: block;
}
.rdh-growth-dollar-track {
z-index: 2;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 1440px) {
.container---main.flexible-rewards {
max-width: 1600px;
}
.text-bold.comparison-plan-heading.pricing.header {
margin-bottom: 20px;
}
.benefit-box.flexible-rewards {
min-height: 200px;
}
.blog-grid {
grid-template-columns: 1fr 1fr;
}
.titled-section.health-insurance {
grid-column-gap: 29px;
grid-row-gap: 29px;
}
.feature-box.increased-padding.flexible-rewards-sticky {
padding-bottom: 0;
}
.hero-wrapper-2.flexible-rewards {
padding-left: 100px;
}
.hero-card.card-order-3 {
top: 269px;
right: -12.1vw;
}
.hero-card.card-order-2 {
top: 179px;
right: -18.1vw;
}
.hero-card.card-order-1 {
top: 92px;
right: -25.6vw;
}
.div-block-6-green {
background-color: #e3f5e7;
}
.div-block-6-yellow {
background-color: #fff6d5;
}
.div-block-6 {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
}
.text-block-17 {
color: var(--grey-60-copy);
align-items: flex-end;
font-size: 12px;
}
.rdh-gl-scene {
transform: scale(1);
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 58px;
}
h2 {
font-size: 42px;
}
h3 {
font-size: 28px;
}
.section.customer, .section.blog {
padding-top: 24px;
}
.section.product {
padding-top: 48px;
}
.section.checkout {
padding-top: 24px;
}
.container---main.flexible-rewards {
width: 90%;
}
.template-utility-section {
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.large-text.quote-pill-text {
font-size: 18px;
}
.large-text.pricing-description, .large-text.pricing-list-details-header {
font-size: 16px;
}
.button.inside-dropdown {
display: none;
}
.button.mobile-button {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 24px;
display: block;
}
.menu-button {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.menu-button.w--open {
background-color: #0000;
}
.navbar-row {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-link {
border-bottom: 1px solid var(--grey-10);
font-variation-settings: "wght" 600;
letter-spacing: -.01em;
padding-top: 18px;
padding-bottom: 18px;
font-size: 23px;
}
.nav-link.dropdown {
width: 100%;
}
.dropdown-toggle {
justify-content: space-between;
}
.nav-menu {
z-index: 999;
background-color: var(--parchment);
position: fixed;
inset: 0;
overflow: scroll;
}
.nav-links {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: stretch;
padding: 24px;
}
.mobile-logo {
margin-bottom: 48px;
display: block;
}
.mobile-logo.w--current {
align-self: flex-start;
}
.nav-menu-close {
pointer-events: auto;
}
.heading-one {
font-size: 58px;
}
.heading-two {
font-size: 42px;
}
.heading-two.comparison-price {
font-size: 36px;
}
.heading-three {
font-size: 28px;
}
.heading-four.serif.comparison-price-dollar {
font-size: 19px;
}
.nav-menu-wrapper {
justify-content: flex-end;
}
.dropdown-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 1px solid var(--grey-10);
box-shadow: none;
font-variation-settings: "wght" 550;
letter-spacing: -.005em;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
font-size: 16px;
display: grid;
top: 0;
right: 0;
}
.dropdown.w--open {
padding-top: 18px;
padding-bottom: 18px;
position: static;
}
.dropdown-wide-column {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.text-bold.dropdown-title {
margin-left: 0;
}
.dropdown-detailed-link {
padding: 9px;
}
.dropdown-detailed-link:hover {
box-shadow: none;
border-color: #0000;
transform: none;
}
.dropdown-narrow-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: auto;
padding: 0;
}
.dropdown-narrow-column.even-padding {
width: 100%;
padding-top: 24px;
}
.dropdown-links, .dropdown-links.grid-on-mobile {
grid-column-gap: 24px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.nav-dropdown-caret {
width: auto;
min-height: 6px;
}
.footer-top-row {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column-reverse;
}
.container---xs.footer-cta {
text-align: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.container---l {
justify-content: center;
display: flex;
}
.footer-logo-tagline, .footer-cta {
align-items: center;
}
.footer-menus-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: end;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.footer-bottom-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column-reverse;
}
.rounded-image.about-image-left {
max-width: 555px;
}
.rounded-image.small-square-image.inside-cluster {
display: none;
}
.metric-grid {
grid-template-columns: 1fr 1fr;
}
.story-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.container---s {
text-align: left;
}
.container---s.request-demo-aside {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.values-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.values-image {
align-self: flex-end;
max-width: 300px;
}
.team-grid {
grid-template-columns: 1fr 1fr;
}
.career-image-pair {
margin-bottom: 72px;
}
.benefits-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
}
.benefit-box, .benefit-box.flexible-rewards {
min-height: 180px;
}
.container---xl {
width: 100%;
}
.badge {
justify-content: center;
}
.badge.pricing {
margin-left: 20px;
margin-right: 21px;
}
.article {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: -24px;
}
.article ol {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.boxed-form {
align-self: stretch;
}
.contact-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
grid-template-columns: 1fr;
max-width: 555px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blog-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.blog-grid.vertical {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.blog-grid.thirds {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.post-preview {
min-height: 100%;
padding: 12px 12px 24px;
}
.post-preview.horizontal {
padding-bottom: 12px;
}
.post-preview.customer {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.post-preview-image.inside-horizontal-post {
object-fit: cover;
min-height: 100%;
}
.cta-box {
overflow: hidden;
}
.section-logo {
transform: translate(-50%);
}
.article-align-right {
justify-content: center;
}
.customer-grid {
grid-template-columns: 1fr;
}
.title-button {
justify-content: space-between;
padding-top: 12px;
}
.customer-story-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.customer-story-sidebar {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.customer-description-wrapper {
grid-template-columns: 1fr 1fr 1fr;
}
.request-demo-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
align-items: center;
display: flex;
}
.plan-image {
max-width: 260px;
}
.large-price {
font-size: 96px;
}
.quote-pill-avatar {
max-height: 48px;
}
.faq-cta.vertical {
text-align: center;
align-items: center;
}
.comparison-table.pricing {
max-width: 100%;
}
.price-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.comparison-row-heading {
font-size: 14px;
line-height: 1.35em;
}
.comparison-price-terms {
font-size: 14px;
}
.icon-with-labels-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.icon-with-label-image {
max-height: 42px;
}
.logo-video-section {
flex-direction: column;
max-width: 555px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.page-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
height: auto;
min-height: 100vh;
padding-top: 72px;
}
.account-form-section {
flex-direction: column-reverse;
align-items: center;
}
.account-inputs-with-title {
align-self: center;
width: 100%;
}
.account-form-title {
text-align: center;
}
.user-account-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.plan-grid {
flex-direction: column;
align-items: stretch;
display: flex;
}
.plan-body.health-insurnace {
min-height: 770px;
}
.plan-body.pricing {
min-height: 820px;
}
.plan-price-terms.flexible-rewards {
margin-bottom: 96px;
}
.product-grid {
flex-direction: column;
display: flex;
}
.checkout-container {
flex-direction: column;
}
.checkout-left {
width: 100%;
margin-right: 0;
}
.checkout-right {
align-self: stretch;
}
.checkout-section {
margin-bottom: 24px;
}
.widget.message.inside-feature-box, .widget.manage.inside-feature-box {
max-width: 379px;
}
.titled-section.icon-features-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.features-grid {
flex-direction: column;
display: flex;
}
.feature-box.bg-parchment {
text-align: center;
}
.feature-box-text.decreased-gap {
align-self: center;
}
.testimonial-box {
text-align: center;
flex-direction: column;
}
.tabs-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: stretch;
margin-top: -24px;
}
.tabs-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
}
.tab-box.bg-pastel-1 {
height: auto;
}
.feature-box-grid {
grid-template-columns: 1fr 1fr;
}
.feature-box-grid.thirds {
flex-direction: column;
display: flex;
}
.customer-quote-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.hero-wrapper-2 {
grid-column-gap: 96px;
grid-row-gap: 96px;
flex-direction: column;
display: flex;
}
.hero-wrapper-2.flexible-rewards {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-left: 25px;
padding-right: 25px;
}
.icon-features-grid {
flex-direction: column;
max-width: 444px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon-features-grid.investors {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 600px;
display: grid;
}
.large-features-grid {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.contained-hero-scrim.benefits-administration {
background-image: linear-gradient(45deg, var(--grey-100), #2220 80%);
}
.arrow-button {
display: none;
}
.faq-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-direction: column;
display: flex;
}
.faq-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
align-items: center;
}
.screenshots-box {
max-height: 400px;
}
.screenshot-column {
grid-column-gap: 18px;
grid-row-gap: 18px;
max-width: 220px;
}
.screenshot-columns {
grid-column-gap: 18px;
grid-row-gap: 18px;
transform: rotate(0);
}
.figma-cta {
flex-direction: column;
}
.pages-section {
text-align: center;
}
.demo-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
}
.heading.home {
text-align: center;
}
.image-4 {
max-width: 60%;
}
.div-block-5 {
min-height: auto;
}
.hero-card.card-order-3 {
top: 306px;
right: 25.1vw;
}
.hero-card.card-order-2 {
top: 303px;
right: 14.6vw;
}
.hero-card.card-order-1 {
top: 321px;
right: 2.5vw;
}
.rbwn-copy {
max-width: 620px;
}
.rbwn-intro {
max-width: 600px;
}
.rbwn-stage {
grid-row: 4 / 5;
grid-column-start: 1;
margin-top: 32px;
padding: 28px;
}
.rbwn-card {
padding: 28px;
}
.rbwn-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: minmax(0, 1fr);
gap: 0;
max-width: 720px;
padding: 48px 0;
}
.rbwn-badge--badge-amber--notice-badge {
margin-left: 0;
}
.rp-grid-1 {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.rp-card-1 {
grid-template-rows: 18px 32px 48px 58px 26px 22px 38px 1px minmax(118px, 1fr) 84px;
grid-column-start: auto;
min-height: 0;
}
.rpr-quote-card {
grid-column-start: auto;
}
.rdh-wrap {
padding-left: 28px;
padding-right: 28px;
}
.rdh-contained {
width: calc(100% - 34px);
}
.rdh-section {
padding-top: 72px;
padding-bottom: 72px;
}
.rdh-h1 {
letter-spacing: -2.5px;
font-size: 3.5rem;
}
.rdh-h2 {
letter-spacing: -1.5px;
font-size: 2.5rem;
}
.rdh-site-header {
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
height: 76px;
padding: 0 28px;
}
.rdh-brand {
width: 92px;
}
.rdh-main-nav {
background-color: #fff;
border-bottom: 1px solid #e2dbe8;
max-height: calc(100dvh - 76px);
margin: 0;
padding: 16px 26px 25px;
display: none;
position: absolute;
top: 76px;
left: 0;
right: 0;
overflow: auto;
box-shadow: 0 20px 35px #35244015;
}
.rdh-nav-item {
border-bottom: 1px solid #eee8f2;
}
.rdh-nav-trigger, .rdh-nav-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
width: 100%;
padding: 16px 0;
font-size: 1rem;
}
.rdh-nav-chevron {
margin-left: auto;
}
.rdh-header-actions {
grid-column-gap: 15px;
grid-row-gap: 15px;
margin-left: auto;
display: none;
}
.rdh-mega-menu {
width: 100%;
max-width: 100%;
box-shadow: none;
border-width: 0;
border-radius: 0;
display: block;
position: static;
top: auto;
left: auto;
right: auto;
transform: none;
}
.rdh-mega-menu-resources, .rdh-mega-menu-company {
width: 100%;
}
.rdh-menu-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 10px 12px 22px;
}
.rdh-menu-grid-two {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 10px 12px 22px;
display: grid;
}
.rdh-menu-grid-one {
grid-template-columns: 1fr;
padding: 10px 12px 22px;
display: grid;
}
.rdh-menu-column {
border-bottom: 1px solid #f0ecf4;
padding-bottom: 12px;
}
.rdh-menu-eyebrow {
margin-bottom: 6px;
}
.rdh-menu-placeholder {
font-size: .875rem;
}
.rdh-menu-bottom {
display: none;
}
.rdh-mobile-toggle {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #f4f3fa;
border: 1px solid #e7e2ee;
border-radius: 8px;
align-items: center;
padding: 10px 13px;
font-size: .875rem;
display: flex;
}
.rdh-mobile-actions {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
margin-top: 20px;
font-size: .875rem;
display: flex;
}
.rdh-hero {
grid-column-gap: 27px;
grid-row-gap: 27px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.06fr;
padding: 40px 36px 0;
}
.rdh-hero-h1 {
font-size: clamp(42px, 5.8vw, 58px);
}
.rdh-hero-description {
font-size: 1rem;
}
.rdh-hero-photo, .rdh-hero-portrait {
height: 310px;
margin-left: 19px;
}
.rdh-hero-benefits-pass {
margin-top: -45px;
margin-right: 0;
padding: 20px 17px;
}
.rdh-hero-pass-title {
font-size: 1.3rem;
}
.rdh-hero-benefit-scenes {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.rdh-hero-benefit-scene {
padding: 11px 8px;
}
.rdh-hero-benefit-heading {
grid-column-gap: 4px;
grid-row-gap: 4px;
font-size: .75rem;
}
.rdh-hero-benefit-icon {
flex-basis: 22px;
width: 22px;
height: 22px;
}
.rdh-hero-benefit-caption {
white-space: normal;
min-height: 34px;
font-size: .75rem;
}
.rdh-partner-run {
grid-column-gap: 42px;
grid-row-gap: 42px;
padding-right: 42px;
}
.rdh-partner-logo {
width: 108px;
height: 27px;
}
.rdh-intro-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.rdh-admin-stage {
padding: 14px;
}
.rdh-product-section {
padding: 54px 36px;
}
.rdh-care-tabs-menu {
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rdh-care-tab {
grid-column-gap: 14px;
grid-row-gap: 14px;
min-height: 76px;
padding: 15px 17px;
}
.rdh-care-tab-title {
font-size: .9375rem;
}
.rdh-product-detail {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
min-height: 500px;
padding: 26px 22px;
}
.rdh-care-detail-heading {
letter-spacing: -1px;
font-size: 1.875rem;
}
.rdh-care-detail-body {
font-size: .875rem;
}
.rdh-care-highlights {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.rdh-reward-experience {
border-radius: 20px;
padding: 16px;
}
.rdh-reward-people {
height: 93px;
}
.rdh-reward-intro {
font-size: 1rem;
}
.rdh-reward-feature {
grid-column-gap: 10px;
grid-row-gap: 10px;
min-height: 140px;
padding: 16px;
}
.rdh-reward-feature-image {
width: 75px;
height: 37px;
}
.rdh-reward-amount-value {
font-size: 2rem;
}
.rdh-reward-choice-row {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
}
.rdh-reward-choices {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
width: 100%;
}
.rdh-intelligence-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.rdh-dark-section {
padding: 54px 40px;
}
.rdh-dark-section.rdh-contained.rfx-journey {
padding: 46px 34px;
}
.rdh-dark-section.rdh-contained.rdc-admin {
padding-top: 64px;
padding-bottom: 52px;
}
.rdh-global-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.rdh-globe-stage {
height: 380px;
}
.rdh-quotes-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.rdh-quote-blockquote {
font-size: 1.375rem;
}
.rdh-footer-main {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.rdh-nav-shell {
flex: none;
order: 3;
display: block;
}
.rdh-nav-shell-trigger {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #f4f3fa;
border: 1px solid #e7e2ee;
border-radius: 8px;
align-items: center;
padding: 10px 13px;
font-size: .875rem;
display: flex;
}
.rdh-mobile-nav-shell {
order: 3;
display: block;
}
.rdh-mobile-nav {
background-color: #fff;
border-bottom: 1px solid #e2dbe8;
max-height: calc(100dvh - 76px);
margin: 0;
padding: 16px 26px 25px;
display: block;
position: absolute;
top: 76px;
left: 0;
right: 0;
overflow: auto;
box-shadow: 0 20px 35px #35244015;
}
.rdh-company {
width: 100%;
left: auto;
right: auto;
transform: none;
}
.rdh-product-tab {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.rdh-resources {
width: 100%;
left: auto;
right: auto;
}
.rdh-gl-scene {
transform: scale(.62);
}
.rdh-gl-person {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 126px;
height: 80px;
top: -40px;
left: -63px;
}
.rdh-gl-avatar {
border-width: 4px;
flex-basis: 80px;
width: 80px;
height: 80px;
}
.rdh-gl-flag {
flex-basis: 38px;
width: 38px;
height: 28px;
}
.rdh-resource-dropdown-panel {
width: 100%;
max-width: 100%;
box-shadow: none;
border: 0;
border-radius: 0;
display: block;
position: static;
top: auto;
left: auto;
right: auto;
transform: none;
}
.rba-hero {
padding: 46px 34px 26px;
}
.rba-hero-top {
grid-column-gap: 28px;
}
.rba-hero-summary {
padding-top: 24px;
}
.rba-product {
grid-template-rows: auto;
grid-template-columns: 110px 1fr;
}
.rba-sidebar {
padding: 22px 7px;
}
.rba-sidebar-logo {
width: 65px;
margin-left: 6px;
}
.rba-side-item {
grid-column-gap: 7px;
padding: 10px 6px;
font-size: 11px;
}
.rba-icon {
width: 14px;
height: 14px;
}
.rba-product-main {
padding: 22px 19px 17px;
}
.rba-filter-bar {
justify-content: flex-end;
margin-bottom: 12px;
}
.rba-filter-tagline {
display: none;
}
.rba-benefit-head {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) auto;
}
.rba-benefit-head.rba-cols-4 {
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) 96px;
}
.rba-benefit-row {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) auto;
}
.rba-benefit-row.rba-cols-4 {
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) 96px;
}
.rba-provider-cell {
display: none;
}
.rba-enrolled {
padding-right: 16px;
}
.rba-product-foot {
grid-column-gap: 10px;
}
.rba-count, .rba-foot-legend {
font-size: 10px;
}
.rba-provider-col {
display: none;
}
.rba-logos {
padding-top: 34px;
}
.rba-logo-row {
grid-column-gap: 19px;
}
.rba-split {
grid-column-gap: 34px;
}
.rba-open-grid {
grid-column-gap: 22px;
}
.rba-open-title {
font-size: 19px;
}
.rba-work {
padding: 46px 34px;
}
.rba-work-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.rba-work-content {
padding: 20px;
}
.rba-preview-heading {
min-height: 0;
font-size: 20px;
}
.rba-work-card {
padding: 19px;
}
.rba-person-row {
grid-column-gap: 8px;
}
.rba-person-name {
font-size: 12px;
}
.rba-status {
font-size: 10px;
}
.rba-people {
grid-column-gap: 32px;
}
.rba-photo {
height: 270px;
}
.rba-portal {
padding: 20px;
}
.rba-portal-menu {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.rba-portal-tab {
padding: 9px;
font-size: 11px;
}
.rba-global-grid {
grid-column-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
}
.rba-report {
padding: 19px;
}
.rba-globe-stage {
min-height: 320px;
}
.rba-globe {
width: 270px;
height: 270px;
}
.rba-globe-scale {
transform: scale(.7105);
}
.rba-globe-caption {
padding: 10px 13px;
bottom: 4px;
left: -5px;
}
.rba-globe-caption-title {
font-size: 13px;
}
.rba-globe-caption-text {
font-size: 11px;
}
.rba-report-row {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr .7fr 64px;
}
.rba-agent {
grid-column-gap: 30px;
}
.rba-connections {
grid-column-gap: 14px;
}
.rba-agent-stage {
padding: 22px;
}
.rba-start {
padding: 46px 34px;
}
.rba-wf-card {
padding: 15px;
}
.rba-legend-text {
font-size: 10px;
}
.rrd-hero {
padding: 46px 34px 0;
}
.rrd-hero-grid {
grid-column-gap: 28px;
}
.rrd-hero-foot {
font-size: 11px;
}
.rrd-people {
padding-top: 42px;
padding-bottom: 72px;
}
.rrd-people-grid {
grid-column-gap: 30px;
}
.rrd-photo {
height: 435px;
}
.rrd-plan {
margin-bottom: 62px;
padding: 46px 34px 50px;
}
.rrd-plan-grid {
grid-column-gap: 26px;
}
.rrd-plan-output {
padding: 24px;
}
.rrd-art {
min-height: 375px;
}
.rrd-legend {
grid-column-gap: 25px;
}
.rrd-group {
padding: 15px;
}
.rrd-avatars {
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
}
.rrd-av {
width: 29px;
height: 29px;
}
.rrd-world-grid {
grid-column-gap: 25px;
}
.rrd-globe-stage {
min-height: 350px;
}
.rrd-globe {
width: 290px;
height: 290px;
}
.rrd-globe-scale {
transform: scale(.7632);
}
.rrd-agent-grid {
grid-column-gap: 25px;
}
.rrd-convo-body {
padding: 20px 15px;
}
.rrd-result {
padding: 13px;
}
.rrd-funds-grid {
grid-column-gap: 30px;
}
.rrd-launch {
padding: 46px 34px 50px;
}
.rrd-ask-panels {
padding: 13px;
}
.rrd-globe-wrap {
width: 290px;
height: 290px;
}
.rrd-routes {
transform: scale(.8788);
}
.rrd-hc {
padding: 18px;
}
.rrd-hc-kpis {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.rrd-hc-kpi-num {
font-size: 26px;
}
.rrd-hc-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rrd-hc-bal-num {
font-size: 32px;
}
.rrd-hc-spark {
width: 120px;
}
.rfx-hero {
padding: 46px 34px 40px;
}
.rfx-hero-grid {
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-hero-visual {
max-width: 620px;
}
.rfx-catalog {
padding: 30px;
}
.rfx-brand-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rfx-pay-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rfx-demo {
padding: 46px 34px;
}
.rfx-demo-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-demo-media {
max-width: 640px;
}
.rfx-journey-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-scene {
max-width: 620px;
}
.rfx-occ-stage {
padding: 40px 30px;
}
.rfx-occ-title {
font-size: 34px;
}
.rfx-occ-picks {
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rfx-admin {
padding: 46px 34px;
}
.rfx-admin-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-admin-scene {
max-width: 640px;
}
.rfx-pricing {
padding: 46px 34px;
}
.rfx-pricing-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-price-wrap {
max-width: 460px;
}
.rfx-charity-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rfx-oc {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-oc-list {
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.rfx-oc-stage {
justify-self: center;
width: 100%;
max-width: 640px;
}
.rhi-hero {
padding: 46px 34px 0;
}
.rhi-hero-grid {
grid-column-gap: 28px;
}
.rhi-photo {
height: 300px;
}
.rhi-member-strip {
margin-left: 8px;
margin-right: 8px;
padding: 18px;
}
.rhi-member-title {
font-size: 21px;
}
.rhi-proof-text {
font-size: 13px;
}
.rhi-global-grid {
grid-column-gap: 28px;
}
.rhi-care-stage {
height: 400px;
}
.rhi-orbit {
width: 290px;
height: 290px;
margin-top: -145px;
margin-left: -145px;
}
.rhi-token.rhi-token-plus {
top: calc(50% - 134px);
left: calc(50% - 142px);
}
.rhi-token.rhi-token-heart {
top: calc(50% - 136px);
left: calc(50% + 66px);
}
.rhi-token.rhi-token-case {
top: calc(50% + 58px);
left: calc(50% - 144px);
}
.rhi-token.rhi-token-smile {
top: calc(50% + 62px);
left: calc(50% + 68px);
}
.rhi-guidance {
grid-column-gap: 36px;
}
.rhi-guidance-panel {
padding: 6px 24px 22px;
}
.rhi-choice-head {
grid-column-gap: 14px;
}
.rhi-choice-title {
font-size: 17px;
}
.rhi-choice-body {
padding-left: 38px;
padding-right: 10px;
}
.rhi-admin {
padding: 72px 34px;
}
.rhi-app {
padding: 23px;
}
.rhi-admin-panels {
grid-column-gap: 17px;
}
.rhi-person {
grid-column-gap: 7px;
}
.rhi-avatar {
width: 29px;
height: 29px;
font-size: 10px;
}
.rhi-flag {
width: 20px;
height: 15px;
}
.rhi-country {
grid-column-gap: 6px;
}
.rhi-country-text {
font-size: 11px;
}
.rhi-file-pair {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rhi-file-card {
padding: 10px 12px;
}
.rhi-renewal {
padding: 20px 15px;
}
.rhi-renewal-title {
font-size: 16px;
}
.rhi-member-rich {
grid-column-gap: 20px;
}
.rhi-benefit-card {
min-height: 315px;
padding: 22px;
}
.rhi-benefit-title {
font-size: 27px;
}
.rhi-benefit-seal {
width: 55px;
height: 55px;
}
.rhi-benefit-seal-icon {
width: 30px;
height: 30px;
}
.rhi-resource {
grid-column-gap: 10px;
}
.rhi-resource-title {
font-size: 14px;
}
.rhi-resource-text {
font-size: 11px;
}
.rhi-onboarding-head {
grid-column-gap: 34px;
}
.rhi-steps {
grid-column-gap: 22px;
}
.rhi-step-title {
font-size: 19px;
}
.rhi-faq {
padding: 64px 34px;
}
.rdc-hero {
padding: 46px 34px 28px;
}
.rdc-hero-grid {
grid-column-gap: 24px;
}
.rdc-award-stage {
border-radius: 22px;
padding: 9px;
}
.rdc-award-top {
padding: 17px 17px 0;
}
.rdc-segment {
margin: 17px 17px 0;
}
.rdc-readouts {
padding: 21px 17px 0;
}
.rdc-value {
font-size: 30px;
}
.rdc-chart {
grid-column-gap: 7px;
padding: 21px 17px 0;
}
.rdc-bar-track {
height: 136px;
}
.rdc-bottoms {
margin: 15px 17px 0;
}
.rdc-play-row {
padding: 12px 17px;
}
.rdc-partners {
padding: 28px 28px 32px;
}
.rdc-logo-run {
grid-column-gap: 42px;
padding-right: 42px;
}
.rdc-logo {
width: 108px;
height: 28px;
}
.rdc-admin-grid {
grid-column-gap: 28px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}
.rdc-screen {
padding: 22px 20px;
}
.rdc-people {
padding: 72px 34px;
}
.rdc-people-grid {
grid-column-gap: 32px;
}
.rdc-photo {
aspect-ratio: .87;
}
.rdc-flex {
padding: 72px 34px;
}
.rdc-pricing {
grid-column-gap: 35px;
}
.rdc-faq {
padding: 64px 34px;
}
.rdh-admin-preview {
padding: 18px;
}
.rdh-admin-preview-head {
grid-column-gap: 10px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 36px 50px;
}
.rdh-admin-preview-row {
grid-column-gap: 10px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 36px 50px;
padding-top: 15px;
padding-bottom: 15px;
}
.rdh-admin-preview-benefit {
grid-area: auto;
}
.rdh-admin-preview-country {
grid-area: auto;
margin-left: 0;
}
.rdh-admin-preview-enrollment {
grid-area: auto;
}
.rdh-admin-preview-head-country {
text-align: center;
visibility: visible;
display: block;
}
.rrd-av-photo {
width: 29px;
height: 29px;
}
.rrd-demo {
margin-bottom: 62px;
padding: 46px 34px;
}
.rrd-demo-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rrd-demo-media {
max-width: 640px;
}
.rfr-reward {
padding: 16px 17px;
}
.rfr-personal {
font-size: 8px;
}
.rfr-reward-content {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 38px;
}
.rfr-reward-seal {
width: 38px;
height: 38px;
}
.rfr-seal-icon {
width: 19px;
height: 19px;
}
.rfr-brand-proof {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-left: 5%;
margin-right: 2%;
}
.rfr-brand-label {
display: none;
}
.rhi-avatar-photo {
width: 29px;
height: 29px;
}
.rhi-benefit-avatar {
width: 50px;
height: 50px;
}
.rhi-kpis {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rhi-member-date {
font-size: 11px;
}
.rhi-person-meta {
font-size: 10px;
}
.rdh-hs-scene {
aspect-ratio: auto;
border-radius: 26px;
flex-direction: column;
padding: 16px 16px 18px;
display: flex;
}
.rdh-hs-photo {
z-index: 1;
aspect-ratio: 16 / 10;
border-radius: 18px;
width: 100%;
height: auto;
position: relative;
bottom: auto;
left: auto;
}
.rdh-hs-card {
width: auto;
margin-top: -36px;
margin-left: 12px;
margin-right: 12px;
position: relative;
top: auto;
right: auto;
}
.rdh-hs-toast {
max-width: none;
margin-top: 10px;
margin-left: 12px;
margin-right: 12px;
position: relative;
bottom: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 54px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 21px;
}
h6 {
font-size: 16px;
line-height: 24px;
}
.section {
padding-top: 72px;
padding-bottom: 72px;
}
.section.customer {
padding-top: 24px;
}
.section.pricing {
padding-top: 72px;
}
.section.product {
padding-top: 24px;
}
.container---main.pricing {
max-width: none;
}
.template-utility-section {
grid-row-gap: 48px;
}
.large-text {
font-size: 20px;
line-height: 1.35em;
}
.large-text.quote-pill-text {
font-size: 16px;
}
.large-text.pricing-description {
font-size: 18px;
}
.small-text.dropdown-subtext {
display: none;
}
.footer {
padding-top: 54px;
padding-bottom: 54px;
}
.heading-one {
font-size: 54px;
}
.heading-two {
font-size: 36px;
}
.heading-three {
font-size: 24px;
}
.heading-four {
font-size: 21px;
}
.heading-four.comparison-section-heading {
text-align: center;
}
.heading-four.comparison-section-heading.pricing.top {
font-size: 20px;
}
.heading-four.tab-heading {
font-size: 16px;
}
.dropdown-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-direction: column;
grid-template-columns: 1fr;
padding-top: 24px;
display: flex;
}
.dropdown-wide-column {
padding-top: 0;
padding-bottom: 0;
}
.dropdown-detailed-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
padding: 6px 0;
}
.dropdown-narrow-column.even-padding {
padding-top: 0;
}
.nav-sign-in-link {
display: none;
}
.footer-wrapper {
grid-column-gap: 54px;
grid-row-gap: 54px;
}
.footer-menus-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-auto-flow: column;
}
.about-hero-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.about-photo-video {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.about-photos {
margin-bottom: 0;
}
.rounded-image.about-image-left {
max-width: 100%;
}
.rounded-image.about-image-right {
display: none;
}
.rounded-image.small-square-image {
max-width: 170px;
}
.rounded-image.small-square-image.adjacent-to-column {
max-width: 50%;
}
.rounded-image.career-image-1 {
max-width: 250px;
margin-right: -48px;
}
.rounded-image.career-image-2 {
max-width: 250px;
}
.metric-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.story-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.story-text {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.values-image {
max-width: 250px;
}
.team-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.review-sites-box {
flex-direction: column;
padding-top: 24px;
padding-bottom: 24px;
}
.review-box-divider {
display: none;
}
.career-intro-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.photo-cluster-column {
max-width: 50%;
}
.benefits-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.benefit-box, .benefit-box.flexible-rewards {
min-height: 200px;
}
.career-link {
flex-direction: column;
align-items: flex-start;
}
.career-link-details {
justify-content: space-between;
width: 100%;
}
.article-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.badge.pricing {
margin-left: 119px;
margin-right: 120px;
}
.boxed-form {
padding: 24px;
}
.contact-details-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.blog-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.post-preview.horizontal {
display: flex;
}
.author-header {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.title-button {
padding-top: 6px;
}
.request-demo-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.single-plan {
flex-direction: column-reverse;
align-items: center;
padding-top: 36px;
padding-bottom: 36px;
}
.price-terms.padded {
padding-top: 12px;
padding-bottom: 12px;
}
.quote-pill {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.quote-pill-avatar {
max-height: 36px;
}
.comparison-header {
grid-template-columns: 1fr 1fr 1fr;
}
.comparison-header.two-plans {
grid-template-columns: 1fr 1fr;
}
.comparison-header.one-plan {
grid-template-columns: 1fr;
}
.comparison-header.one-plan.pricing.plan-member {
grid-template-columns: 1fr 1fr 1fr;
}
.price-wrapper {
flex-direction: column;
}
.comparison-row {
grid-template-columns: 1fr 1fr 1fr;
}
.comparison-row.two-plans {
grid-template-columns: 1fr 1fr;
}
.comparison-row.one-plan {
justify-content: space-between;
display: flex;
}
.comparison-row-heading {
text-align: center;
}
.comparison-row-heading.one-plan.mobile {
text-align: left;
max-width: 40%;
}
.pricing-title {
grid-column-gap: 48px;
grid-row-gap: 48px;
text-align: center;
flex-direction: column;
}
.pricing-title-image {
max-width: 200px;
}
.wide-plan {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.wide-plan-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.wide-plan-features {
max-width: 100%;
}
.icon-with-label-image {
max-height: 36px;
}
.logo-video-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.form-header {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.account-form {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.plan-body {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.plan-body.health-insurnace, .plan-body.pricing {
min-height: 0;
}
.plan-price-terms.flexible-rewards {
margin-bottom: 0;
}
.plan-description {
padding-top: 18px;
padding-bottom: 18px;
}
.comparison-cta {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
}
.product-grid {
margin-top: 36px;
}
.product-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.overlapping-avatars {
margin-top: -36px;
}
.overlapping-avatar {
max-height: 72px;
}
.web-payments {
margin-bottom: 24px;
}
.titled-section {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.feature-box-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.testimonial-box {
padding-top: 48px;
padding-bottom: 48px;
}
.tab-link {
text-align: center;
}
.tab-text {
display: none;
}
.small-feature-box {
min-height: 200px;
}
.small-feature-box.increased-padding {
min-height: 250px;
}
.customer-quote-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.hero-wrapper-2.flexible-rewards {
padding: 60px 25px;
}
.icon-features-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.contained-hero {
padding: 24px;
}
.contained-hero-scrim {
background-image: linear-gradient(45deg, var(--grey-100), #2220);
}
.quote-slider-box {
padding-top: 72px;
padding-bottom: 96px;
}
.blog-preview-title {
grid-column-gap: 36px;
grid-row-gap: 36px;
text-align: center;
flex-direction: column;
}
.faq-grid, .tour-hero {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.screenshots-box {
max-height: 280px;
}
.screenshot-column {
grid-column-gap: 12px;
grid-row-gap: 12px;
max-width: 150px;
}
.screenshot-columns {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.demo-link-wrapper {
height: auto;
}
.heading-3 {
font-size: 40px;
}
.image-4 {
max-width: 60%;
}
.columns {
display: block;
}
.column {
margin-top: 40px;
}
.div-block-3 {
margin-top: 10px;
}
.hero-card.card-order-3, .hero-card.card-order-2, .hero-card.card-order-1 {
display: none;
}
.flex-rewards-features-cards {
padding: 30px 9px;
}
.hero-card-wrapper {
display: none;
}
.consent_placeholder_wrapper {
font-size: 1rem;
}
.rp-summary {
grid-column-gap: 12px;
grid-row-gap: 4px;
flex-wrap: wrap;
padding-left: 18px;
padding-right: 18px;
}
.rp-summary-name {
flex-grow: 0;
order: 1;
width: calc(100% - 36px);
font-size: 16px;
}
.rp-summary-meta {
text-align: left;
order: 3;
width: 100%;
font-size: 12px;
}
.rp-summary-mark {
flex-shrink: 0;
order: 2;
width: 24px;
}
.rp-detail-grid-1 {
grid-row-gap: 24px;
grid-template-columns: minmax(0, 1fr);
}
.rp-pricing-strip-1 {
grid-row-gap: 16px;
grid-template-columns: minmax(0, 1fr);
}
.rp-faq-grid-1 {
grid-row-gap: 24px;
grid-template-columns: minmax(0, 1fr);
}
.rp-faq-title-1 {
font-size: 38px;
}
.rp-cta-panel-1 {
padding-left: 24px;
padding-right: 24px;
}
.rp-cta-title-1 {
font-size: 30px;
line-height: 34px;
}
.rdh-wrap {
padding-left: 28px;
padding-right: 28px;
}
.rdh-section {
padding-top: 63px;
padding-bottom: 63px;
}
.rdh-h1.rba-hero-h1 {
letter-spacing: -2px;
font-size: clamp(39px, 11.5vw, 61px);
}
.rdh-h1.rhi-hero-title {
letter-spacing: -2px;
font-size: 2.875rem;
}
.rdh-h1.rdc-hero-title {
letter-spacing: -2.4px;
font-size: 3.25rem;
}
.rdh-h2 {
letter-spacing: -1.4px;
font-size: 2.1875rem;
}
.rdh-h3 {
font-size: 1.4375rem;
}
.rdh-body {
font-size: 1rem;
}
.rdh-body.rba-hero-body {
max-width: 100%;
}
.rdh-body.rba-split-body {
max-width: 100%;
padding-top: 22px;
}
.rdh-actions.rba-hero-actions {
margin-top: 23px;
}
.rdh-hero {
padding: 35px 25px 0;
display: block;
}
.rdh-hero-copy {
padding: 8px 0 32px;
}
.rdh-hero-h1 {
letter-spacing: -2.2px;
font-size: clamp(44px, 10vw, 60px);
}
.rdh-hero-composition {
max-width: 490px;
}
.rdh-hero-photo, .rdh-hero-portrait {
border-radius: 94px 20px 34px;
height: 285px;
margin-left: 18px;
}
.rdh-hero-benefits-pass {
border-radius: 21px;
margin-top: -48px;
margin-right: 0;
padding: 19px 17px;
}
.rdh-hero-bottom {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-top: 28px;
padding: 20px 0;
font-size: .75rem;
line-height: 1.6;
}
.rdh-partners {
padding: 31px 23px 25px;
}
.rdh-partner-caption {
font-size: 1rem;
}
.rdh-partner-run {
grid-column-gap: 35px;
grid-row-gap: 35px;
padding-right: 35px;
}
.rdh-partner-logo {
width: 106px;
height: 27px;
}
.rdh-section-head {
margin-bottom: 29px;
display: block;
}
.rdh-section-head-body {
max-width: 100%;
margin-top: 18px;
font-size: .9375rem;
}
.rdh-intro-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rdh-plain-benefits {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.rdh-admin-stage {
border-radius: 19px;
padding: 14px;
}
.rdh-admin-app-screenshot {
border-radius: 12px;
}
.rdh-product-section {
padding: 43px 22px;
}
.rdh-product-detail {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr;
min-height: 0;
padding: 17px;
}
.rdh-care-copy {
padding: 0 3px 12px;
}
.rdh-care-product-symbol {
display: none;
}
.rdh-care-detail-heading {
letter-spacing: -1px;
font-size: 1.875rem;
line-height: 1.1;
}
.rdh-care-detail-body {
margin-top: 18px;
font-size: .875rem;
}
.rdh-care-highlights {
grid-column-gap: 15px;
grid-row-gap: 15px;
margin-top: 23px;
padding-top: 20px;
}
.rdh-care-visual {
order: -1;
}
.rdh-reward-experience {
border-radius: 20px;
padding: 17px;
}
.rdh-reward-people {
height: 95px;
}
.rdh-reward-intro {
font-size: 1.0625rem;
}
.rdh-reward-feature {
min-height: 145px;
padding: 17px;
}
.rdh-reward-feature-image {
width: 80px;
height: 40px;
}
.rdh-reward-amount-value {
font-size: 2.25rem;
}
.rdh-reward-choice-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
}
.rdh-reward-choices {
grid-column-gap: 5px;
grid-row-gap: 5px;
width: auto;
}
.rdh-intelligence-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rdh-agent-stage {
order: 1;
padding: 25px;
}
.rdh-intelligence-copy {
order: 0;
}
.rdh-dark-section {
padding: 43px 26px;
}
.rdh-dark-section.rdh-contained.rfx-journey {
padding: 36px 22px;
}
.rdh-dark-section.rdh-contained.rdc-admin {
padding-top: 52px;
padding-bottom: 44px;
}
.rdh-global-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rdh-dark-body {
font-size: .9375rem;
}
.rdh-country-tags {
grid-column-gap: 18px;
grid-row-gap: 18px;
font-size: .75rem;
}
.rdh-globe-stage {
height: 335px;
}
.rdh-globe-ball {
width: 86%;
max-width: 310px;
}
.rdh-global-footer {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 25px;
padding-top: 24px;
}
.rdh-audience-head {
text-align: left;
margin-bottom: 29px;
}
.rdh-audience-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rdh-audience-block {
padding-top: 24px;
}
.rdh-audience-heading {
font-size: 1.625rem;
}
.rdh-quotes-section {
padding: 43px 27px;
}
.rdh-quote-head {
display: block;
}
.rdh-quote-heading {
font-size: 2.125rem;
}
.rdh-quote-head-copy {
max-width: none;
margin-top: 18px;
}
.rdh-quotes-grid {
grid-column-gap: 26px;
grid-row-gap: 26px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 29px;
}
.rdh-quote {
padding-top: 19px;
}
.rdh-quote-mark {
height: 25px;
font-size: 2.625rem;
}
.rdh-quote-blockquote {
margin: 12px 0 20px;
font-size: 1.5625rem;
}
.rdh-faq-layout {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rdh-faq-summary {
padding-top: 20px;
padding-bottom: 20px;
font-size: .9375rem;
}
.rdh-faq-answer {
font-size: .875rem;
}
.rdh-closing-cta {
padding: 48px 27px;
}
.rdh-closing-cta.rdh-contained.rfx-cta {
margin-bottom: 28px;
padding-top: 56px;
padding-bottom: 56px;
}
.rdh-closing-heading {
font-size: 2.4375rem;
line-height: 1.13;
}
.rdh-closing-body {
font-size: .9375rem;
}
.rdh-footer {
padding-top: 43px;
}
.rdh-footer-main {
grid-column-gap: 25px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.rdh-footer-tagline {
max-width: 230px;
margin-top: 14px;
font-size: .8125rem;
}
.rdh-footer-heading {
font-size: .8125rem;
}
.rdh-footer-bottom {
margin-top: 30px;
line-height: 1.7;
display: block;
}
.rdh-footer-bottom-links {
grid-column-gap: 19px;
grid-row-gap: 19px;
margin-top: 12px;
}
.rdh-audience-head-title {
margin-left: 0;
}
.rdh-globe-ball-1 {
width: 86%;
max-width: 310px;
}
.rdh-globe-person-1 {
top: 13%;
left: 4%;
}
.rdh-globe-person-2 {
top: 74%;
left: 15%;
}
.rdh-globe-person-3 {
top: 22%;
right: 7%;
}
.rdh-globe-person-6 {
top: 71%;
right: 3%;
}
.rdh-gl-scene {
transform: scale(.76);
}
.rdh-gl-person {
grid-column-gap: 7px;
grid-row-gap: 7px;
width: 112px;
height: 70px;
top: -35px;
left: -56px;
}
.rdh-gl-avatar {
flex-basis: 70px;
width: 70px;
height: 70px;
}
.rdh-gl-flag {
flex-basis: 35px;
width: 35px;
height: 25px;
}
.rba-hero {
padding: 36px 20px 23px;
}
.rba-hero-top {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.rba-product {
border-radius: 13px;
display: block;
}
.rba-sidebar {
display: none;
}
.rba-product-main {
padding: 19px 16px 15px;
}
.rba-product-title {
margin-bottom: 14px;
font-size: 22px;
}
.rba-filter-bar {
justify-content: flex-start;
margin-bottom: 15px;
}
.rba-country-filter {
justify-content: flex-start;
}
.rba-pill {
min-height: 40px;
}
.rba-benefit-head {
display: none;
}
.rba-benefit-row {
grid-column-gap: 10px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
padding: 16px 0;
}
.rba-benefit-row.rba-cols-4 {
grid-template-columns: 1fr auto;
}
.rba-benefit-name {
grid-column: 1 / 3;
}
.rba-benefit-title {
font-size: 14px;
}
.rba-country-cell {
padding-left: 43px;
}
.rba-enrolled {
text-align: left;
grid-area: 3 / 1 / 4 / 3;
padding-left: 43px;
padding-right: 0;
}
.rba-enrolled-text {
font-size: 11px;
}
.rba-track {
height: 3px;
margin-top: 5px;
}
.rba-product-foot {
display: block;
}
.rba-count {
font-size: 11px;
}
.rba-foot-legend {
margin-top: 5px;
font-size: 11px;
}
.rba-hero-foot {
grid-column-gap: 20px;
grid-row-gap: 11px;
justify-content: flex-start;
padding-top: 20px;
}
.rba-check-icon {
width: 13px;
height: 13px;
}
.rba-check-text {
font-size: 11px;
}
.rba-logos {
padding-top: 30px;
}
.rba-logos-title {
margin-bottom: 20px;
font-size: 11px;
}
.rba-logo-row {
grid-column-gap: 24px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.rba-logo {
width: 26%;
height: 24px;
}
.rba-split {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rba-open-grid {
grid-row-gap: 23px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 32px;
}
.rba-open-item {
padding-top: 20px;
}
.rba-open-title {
margin-bottom: 0;
font-size: 21px;
}
.rba-work {
padding: 36px 20px;
}
.rba-work-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rba-work-menu {
grid-row: 2 / 3;
max-width: none;
margin-top: 21px;
}
.rba-work-tab {
min-height: 77px;
padding-top: 17px;
padding-bottom: 17px;
padding-right: 13px;
}
.rba-work-content {
grid-area: 3 / 1 / 4 / 2;
margin-top: 27px;
padding-left: 17px;
padding-right: 17px;
}
.rba-work-tab-title {
font-size: 15px;
}
.rba-preview-heading {
min-height: 0;
margin-bottom: 16px;
font-size: 21px;
}
.rba-work-card {
min-height: 305px;
padding: 19px 17px;
}
.rba-avatar {
width: 30px;
height: 30px;
font-size: 10px;
}
.rba-status {
padding: 4px 6px;
}
.rba-people {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rba-photo {
border-radius: 80px 80px 13px 13px;
height: 285px;
}
.rba-portal {
padding: 21px;
}
.rba-portal-tab {
min-height: 44px;
padding: 11px 10px;
font-size: 12px;
}
.rba-portal-answer {
min-height: 80px;
}
.rba-global-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rba-globe-stage {
width: 100%;
max-width: 390px;
min-height: 330px;
margin-left: auto;
margin-right: auto;
}
.rba-globe-ring {
width: 100%;
left: 0%;
}
.rba-globe {
width: 260px;
height: 260px;
}
.rba-globe-scale {
transform: scale(.6842);
}
.rba-globe-caption {
bottom: 24px;
left: 0;
}
.rba-globe-caption-title {
font-size: 14px;
}
.rba-global-bottom {
flex-direction: column;
align-items: flex-start;
margin-top: 29px;
padding-top: 22px;
}
.rba-dark-link {
white-space: normal;
}
.rba-report-menu {
grid-column-gap: 19px;
}
.rba-report-tab {
min-height: 38px;
}
.rba-report-row {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr 64px;
}
.rba-report-name, .rba-report-value {
font-size: 11px;
}
.rba-agent {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rba-connections {
grid-column-gap: 18px;
}
.rba-agent-stage {
padding: 20px 17px;
}
.rba-prompt-menu {
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.rba-prompt-tab {
min-height: 41px;
padding-left: 11px;
padding-right: 11px;
font-size: 11px;
}
.rba-start {
padding: 36px 20px;
}
.rba-pricing {
flex-direction: column;
align-items: flex-start;
}
.rba-price {
font-size: 19px;
}
.rba-country {
grid-row: 2 / 3;
padding-left: 43px;
}
.rba-data-cell {
grid-area: 2 / 2 / 3 / 3;
justify-content: flex-end;
}
.rba-open-head {
margin-bottom: 9px;
}
.rba-wf-card {
min-height: 0;
}
.rrd-hero {
padding: 36px 22px 0;
}
.rrd-hero-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rrd-hero-copy {
padding: 10px 0 12px;
}
.rrd-stage {
max-width: 540px;
margin-left: auto;
margin-right: auto;
padding: 21px 0 26px;
}
.rrd-hero-foot {
grid-column-gap: 16px;
flex-wrap: wrap;
justify-content: center;
}
.rrd-partners {
padding-top: 31px;
padding-bottom: 31px;
}
.rrd-people {
padding-top: 27px;
padding-bottom: 63px;
}
.rrd-people-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rrd-photo {
height: 330px;
}
.rrd-plan {
margin-bottom: 54px;
padding: 37px 22px 40px;
}
.rrd-plan-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rrd-plan-opt {
padding: 17px 10px;
}
.rrd-plan-opt-title {
font-size: 15px;
}
.rrd-plan-output {
min-height: 395px;
padding: 23px 18px;
}
.rrd-plan-output.rrd-plan-tabs-content {
grid-area: 2 / 1 / 3 / 2;
}
.rrd-art {
min-height: 340px;
}
.rrd-art-title {
font-size: 26px;
}
.rrd-donut-wrap {
width: 200px;
height: 200px;
margin-top: 23px;
}
.rrd-donut-num {
font-size: 41px;
}
.rrd-legend {
grid-column-gap: 29px;
}
.rrd-art-caption {
font-size: 11px;
}
.rrd-vest {
grid-column-gap: 14px;
}
.rrd-admin {
padding-top: 29px;
}
.rrd-hub {
width: 170px;
}
.rrd-nodes {
grid-column-gap: 8px;
}
.rrd-node-text {
font-size: 10px;
}
.rrd-world-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rrd-globe-stage {
min-height: 0;
padding: 10px 0;
}
.rrd-globe {
width: 270px;
height: 270px;
}
.rrd-globe-scale {
transform: scale(.7105);
}
.rrd-world-foot {
flex-direction: column;
margin-top: 30px;
}
.rrd-agent-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.rrd-convo-head {
grid-column-gap: 8px;
padding: 15px 13px;
}
.rrd-convo-body {
min-height: 420px;
padding: 20px 14px 16px;
}
.rrd-user {
grid-column-gap: 8px;
padding-left: 8px;
}
.rrd-user-bubble {
padding: 10px 11px;
font-size: 11px;
}
.rrd-perf-num {
font-size: 30px;
}
.rrd-composer {
margin: 0 13px 15px;
font-size: 10px;
}
.rrd-funds-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rrd-catalog {
padding: 24px;
}
.rrd-launch {
padding: 37px 22px 40px;
}
.rrd-launch-head {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 28px;
}
.rrd-steps {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rrd-step {
padding-top: 18px;
}
.rrd-ask-list {
margin-top: 25px;
margin-bottom: 25px;
}
.rrd-ask-panels {
grid-area: 4 / 1 / 5 / 2;
margin-top: 31px;
padding: 12px;
}
.rrd-globe-wrap {
width: 270px;
height: 270px;
}
.rrd-routes {
transform: scale(.8182);
}
.rfx-hero {
padding: 36px 22px 30px;
}
.rfx-photo-panel {
height: 400px;
}
.rfx-note-tab {
padding: 8px 10px;
font-size: 11px;
}
.rfx-brand-set {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-right: 30px;
}
.rfx-brand-logo {
height: 24px;
}
.rfx-choice {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
padding: 12px 8px;
font-size: 12px;
}
.rfx-catalog {
padding: 22px;
}
.rfx-brand-grid {
grid-column-gap: 10px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rfx-brand-tile {
height: 72px;
}
.rfx-pay-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-charity {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-start;
}
.rfx-demo {
padding: 36px 22px;
}
.rfx-poster {
padding: 18px;
}
.rfx-poster-title {
font-size: 21px;
}
.rfx-poster-em {
font-size: 23px;
}
.rfx-play {
width: 50px;
height: 50px;
margin-top: -25px;
right: 18px;
}
.rfx-scene {
padding: 14px;
}
.rfx-window {
padding: 18px;
}
.rfx-jpicks {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.rfx-occ-feature {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-occ-media {
min-height: 280px;
}
.rfx-occ-stage {
padding: 32px 24px;
}
.rfx-occ-title {
font-size: 30px;
}
.rfx-occ {
font-size: 12px;
}
.rfx-admin {
padding: 36px 22px;
}
.rfx-admin-scene {
padding: 18px;
}
.rfx-admin-window {
padding: 16px;
}
.rfx-pricing {
padding: 36px 22px;
}
.rfx-price-card {
padding: 26px 20px;
}
.rfx-amount-num {
font-size: 96px;
}
.rfx-brand-more {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.rfx-charity-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rfx-oc {
margin-top: 32px;
}
.rfx-oc-list {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rfx-oc-pick {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding: 10px;
}
.rfx-oc-ico {
border-radius: 10px;
width: 34px;
height: 34px;
}
.rfx-oc-pick-title {
font-size: 13px;
}
.rfx-oc-pick-sub {
display: none;
}
.rfx-oc-stage {
height: 500px;
}
.rfx-oc-card {
padding: 24px 22px 22px;
inset: 16px 12px 40px;
}
.rfx-oc-orb {
width: 190px;
height: 190px;
top: -56px;
right: -56px;
}
.rfx-oc-orb-icon {
border-radius: 18px;
width: 60px;
height: 60px;
}
.rfx-oc-orb-svg {
width: 28px;
height: 28px;
}
.rfx-oc-body {
max-width: 100%;
}
.rfx-oc-title {
font-size: 30px;
}
.rfx-oc-foot {
flex-direction: column;
align-items: flex-start;
}
.rhi-hero {
padding: 36px 22px 0;
}
.rhi-hero-grid {
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rhi-hero-copy {
padding-top: 0;
padding-bottom: 12px;
}
.rhi-human {
width: 100%;
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.rhi-photo {
border-radius: 84px 84px 20px 20px;
height: 280px;
}
.rhi-proof {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
margin-top: 30px;
padding-top: 24px;
padding-bottom: 24px;
}
.rhi-global-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rhi-care-stage {
height: 380px;
}
.rhi-guidance {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rhi-admin {
padding: 63px 22px;
}
.rhi-app {
border-radius: 16px;
padding: 18px;
}
.rhi-app-title {
font-size: 24px;
}
.rhi-admin-panels {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rhi-member-row {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
padding-left: 2px;
padding-right: 2px;
}
.rhi-member-row.rhi-member-row-head.rhi-member-row-4, .rhi-member-row.rhi-member-row-4 {
grid-template-columns: minmax(0, 1fr) 84px;
}
.rhi-member-th.rhi-member-th-loc {
display: none;
}
.rhi-mobile-country {
display: flex;
}
.rhi-country {
display: none;
}
.rhi-file-pair {
grid-column-gap: 8px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.rhi-file-card {
grid-row-gap: 9px;
flex-direction: column;
align-items: flex-start;
padding: 12px 10px;
}
.rhi-renewal-path {
display: none;
}
.rhi-member-rich {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
min-height: 0;
}
.rhi-benefit-card {
min-height: 290px;
padding: 21px;
}
.rhi-admin-caption, .rhi-onboarding-head {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rhi-steps {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
margin-top: 32px;
}
.rhi-pricing-line {
flex-direction: column;
align-items: flex-start;
padding: 24px;
}
.rhi-faq {
padding: 52px 22px;
}
.rdc-hero {
padding: 36px 22px 26px;
}
.rdc-hero-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rdc-award-stage {
width: 100%;
max-width: 470px;
margin-left: auto;
margin-right: auto;
}
.rdc-value {
font-size: 34px;
}
.rdc-bar-track {
height: 150px;
}
.rdc-hero-foot {
flex-direction: column;
margin-top: 30px;
}
.rdc-partners-label {
font-size: 1rem;
}
.rdc-logo-run {
grid-column-gap: 35px;
padding-right: 35px;
}
.rdc-logo {
width: 98px;
height: 27px;
}
.rdc-plan-pair {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rdc-plan-card {
padding: 25px;
}
.rdc-plan-title {
font-size: 22px;
}
.rdc-admin-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
margin-top: 26px;
}
.rdc-feature-list.rdc-feature-tabs-menu {
grid-area: 1 / 1 / 2 / 2;
}
.rdc-feature {
padding: 18px 0;
}
.rdc-window.rdc-window-tabs {
grid-area: 2 / 1 / 3 / 2;
}
.rdc-screen {
min-height: 324px;
}
.rdc-member-row.rdc-member-row-vest {
grid-column-gap: 10px;
grid-template-columns: 30px minmax(0, 1fr) minmax(0, 110px) auto;
}
.rdc-people {
padding: 56px 22px;
}
.rdc-people-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rdc-photo {
aspect-ratio: 1.15;
border-top-left-radius: 100px;
}
.rdc-flex {
padding: 56px 22px;
}
.rdc-flex-grid {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
margin-top: 32px;
}
.rdc-flex-icon {
margin-bottom: 16px;
}
.rdc-pricing {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr);
}
.rdc-price-box {
border-top: 1px solid #e5ddec;
border-left-style: none;
padding: 26px 0 0;
}
.rdc-faq {
padding: 52px 22px;
}
.rdh-admin-preview {
padding: 22px;
}
.rdh-admin-preview-head {
grid-column-gap: 12px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 48px 58px;
}
.rdh-admin-preview-row {
grid-column-gap: 12px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 48px 58px;
padding-top: 16px;
padding-bottom: 16px;
}
.rdh-admin-preview-benefit {
grid-area: auto;
}
.rdh-admin-preview-country {
grid-area: auto;
margin-left: 0;
}
.rdh-admin-preview-enrollment {
grid-area: auto;
}
.rdh-admin-preview-head-country {
text-align: center;
visibility: visible;
display: block;
}
.rba-avatar-photo {
width: 30px;
height: 30px;
}
.rrd-demo {
margin-bottom: 54px;
padding: 36px 22px;
}
.rrd-poster {
padding: 18px;
}
.rrd-poster-title {
font-size: 21px;
}
.rrd-poster-em {
font-size: 23px;
}
.rrd-play {
width: 50px;
height: 50px;
margin-top: -25px;
right: 18px;
}
.rfr-art {
max-width: 530px;
margin-top: 15px;
}
.rfr-people {
margin-bottom: 20px;
}
.rfr-reward {
padding: 20px 22px;
}
.rfr-personal {
font-size: 9px;
}
.rfr-message-title {
font-size: 23px;
}
.rfr-brand-proof {
margin-top: 21px;
margin-left: 7%;
margin-right: 4%;
}
.rfr-brand-label {
display: block;
}
.rhi-member-date {
display: none;
}
.rhi-glance {
grid-template-columns: minmax(0, 1fr);
}
}
@media screen and (max-width: 479px) {
body {
font-size: 15px;
}
h1 {
font-size: 39px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 18px;
line-height: 28px;
}
label {
font-size: 12px;
line-height: 1.35em;
}
blockquote {
border-left-style: none;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
font-size: 18px;
}
.section {
padding-top: 72px;
padding-bottom: 72px;
}
.section.customer, .section.blog {
padding-top: 18px;
}
.section.pricing, .section.hero {
padding-top: 48px;
}
.section.horizontal-hero {
padding-top: 36px;
}
.container---main {
padding-left: 18px;
padding-right: 18px;
}
.container---main.founder-photos {
max-width: 90%;
}
.template-utility-section {
grid-row-gap: 35px;
}
.style-guide-colors {
grid-column-gap: 21px;
grid-row-gap: 21px;
}
.style-guide-section-contents {
grid-row-gap: 21px;
}
.large-text {
text-align: left;
font-size: 17px;
line-height: 1.35em;
}
.large-text.quote-pill-text {
font-size: 14px;
}
.large-text ul {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.small-text {
font-size: 12px;
line-height: 1.35em;
}
.small-text.muted {
font-size: 13px;
}
.small-text.footer-copyright-divider, .button.nav-button {
display: none;
}
.button.align-left, .button.pricing-button {
align-self: stretch;
}
.announcement-bar {
font-size: 12px;
line-height: 1.35em;
}
.navbar-row {
height: 60px;
}
.typography-license-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.typography-demo {
font-size: 72px;
}
.nav-link {
font-size: 19px;
}
.nav-links {
padding: 24px 18px 18px;
}
.style-guide-colour-group {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
}
.style-guide-colour {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.heading-one {
font-size: 39px;
line-height: 1.15em;
}
.heading-two {
font-size: 28px;
}
.heading-two.text-center {
text-align: center;
}
.heading-two.comparison-price {
font-size: 29px;
}
.heading-two.comparison-price.pricing {
font-size: 20px;
}
.heading-three {
font-size: 21px;
}
.heading-four {
font-size: 18px;
}
.heading-four.comparison-section-heading.pricing.top {
font-size: 14px;
}
.dropdown-wrapper {
font-size: 15px;
}
.dropdown-wide-column.bg-parchment {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.text-bold.comparison-plan-heading {
font-size: 12px;
}
.text-bold.comparison-plan-heading.pricing.header {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 16px;
}
.dropdown-narrow-column.even-padding {
width: 100%;
}
.dropdown-links {
display: flex;
}
.cart-container {
border-radius: 0;
}
.logo-image {
width: auto;
max-height: 26px;
display: block;
}
.nav-dropdown-caret {
min-height: 4px;
}
.text-white, .text-white.deferred-compensation {
text-align: center;
}
.footer-menus-wrapper {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-auto-flow: column;
}
.footer-copyright-wrapper {
flex-direction: column;
}
.container---m.title {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.rounded-image {
border-radius: 6px;
}
.rounded-image.small-square-image {
max-width: 80%;
}
.rounded-image.career-image-1, .rounded-image.career-image-2 {
max-width: 150px;
}
.rounded-image.contact-image {
max-width: 100%;
}
.rounded-image.tab-image {
max-width: 100%;
margin-bottom: 0;
}
.video-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 6px;
flex-direction: column;
padding-bottom: 24px;
padding-right: 12px;
}
.video-box-video {
max-width: 100%;
}
.video-image {
border-radius: 4px;
}
.metric-grid {
flex-direction: column;
display: flex;
}
.metric-box, .quote-box {
border-radius: 6px;
min-height: 200px;
}
.quote-box.increased-padding {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.story-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.values-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.values-image {
align-self: center;
max-width: 180px;
}
.team-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: column;
display: flex;
}
.team-member {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
}
.team-member-text {
text-align: left;
justify-content: space-between;
align-items: flex-start;
}
.customer-hero {
align-items: stretch;
}
.customer-hero.increased-gaps {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.review-sites-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 24px;
padding-right: 24px;
}
.review-box-divider {
opacity: .7;
width: 100%;
height: 1px;
}
.horizontal-buttons {
flex-direction: column;
align-self: stretch;
align-items: stretch;
}
.review-items {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-self: stretch;
}
.signature-image {
width: 130px;
}
.team-image {
flex: 1;
max-width: 40%;
}
.team-image.about-us---founders {
max-width: 100%;
}
.career-intro-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.benefits-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.benefits-grid {
flex-direction: column;
display: flex;
}
.benefit-box {
border-radius: 6px;
min-height: 180px;
}
.benefit-box.flexible-rewards {
min-height: 180px;
}
.jobs-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.article-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.career-meta {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
}
.badge {
margin-left: 71px;
margin-right: 71px;
}
.badge.bg-white {
text-align: center;
}
.badge.pricing {
margin-left: 90px;
margin-right: 89px;
}
.article img {
border-radius: 6px;
}
.article figure {
margin-top: 24px;
margin-bottom: 24px;
}
.boxed-form {
padding-left: 18px;
padding-right: 18px;
}
.form {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.form-pair {
flex-direction: column;
display: flex;
}
.contact-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.blog-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.category-wrapper {
justify-content: flex-start;
}
.post-preview {
border-radius: 6px;
}
.post-preview.horizontal {
padding-bottom: 24px;
}
.post-preview.customer {
flex-direction: column;
display: flex;
}
.cta-box {
padding-top: 48px;
padding-bottom: 48px;
}
.subsribe-form {
flex-direction: column;
}
.sunscribe-form-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.composite-blog-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.post-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.cms-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.title-button {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.customer-story-sidebar {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.customer-description-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 50% 1fr;
font-size: 13px;
}
.request-demo-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.hero-cta {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.hero-cta.align-left {
text-align: center;
align-items: center;
}
.logos {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.faded-logo {
max-height: 20px;
}
.request-demo-graphic {
max-width: 70%;
}
.pricing-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.plan-image {
max-width: 200px;
}
.single-plan-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.large-price {
font-size: 84px;
}
.logo-marquee-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.logo-marquee {
grid-column-gap: 36px;
grid-row-gap: 36px;
width: auto;
}
.quote-pill-row-wrapper, .quote-pill-row.scroll-left, .quote-pill-row.scroll-right {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.quote-pill {
padding: 6px 24px 6px 6px;
}
.quote-pill-rows {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.faq-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.accordion-item {
border-radius: 6px;
}
.accordion-icon {
max-height: 20px;
}
.faq-cta {
text-align: center;
flex-direction: column;
}
.comparison-header {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.price-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.comparison-section {
margin-top: 36px;
margin-bottom: 36px;
}
.comparison-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.comparison-row.two-plans, .comparison-row.one-plan {
border-radius: 4px;
}
.comparison-row-heading {
font-size: 12px;
}
.comparison-row-heading.one-plan {
text-align: left;
}
.comparison-price-terms {
font-size: 12px;
}
.comparison-price-terms.pricing {
font-size: 10px;
}
.dollar-amount {
grid-column-gap: 3px;
grid-row-gap: 3px;
}
.wide-plan {
padding: 23px;
}
.page-wrapper {
padding-left: 0;
padding-right: 0;
}
.account-form {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.account-form-inputs {
max-width: 100%;
}
.account-form-image {
max-width: 190px;
}
.user-account-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.user-account-section {
border-radius: 6px;
}
.account-header {
padding: 18px;
}
.account-content {
padding-bottom: 18px;
padding-left: 18px;
padding-right: 18px;
}
.subscriptions-list {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.subscription {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
}
.plan {
border-radius: 6px;
}
.plan-body {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 30px;
padding-right: 30px;
}
.comparison-cta {
border-radius: 6px;
}
.product-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 6px;
padding-bottom: 24px;
padding-left: 18px;
padding-right: 18px;
}
.plan-features-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-radius: 6px;
padding: 36px;
}
.checkout-left {
align-self: stretch;
width: 100%;
}
.block-header {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
align-items: flex-start;
padding: 18px;
}
.block-content {
padding-bottom: 18px;
padding-left: 18px;
padding-right: 18px;
}
.widget {
border-radius: 6px;
}
.widget.profile.tab-widget {
margin-left: 0;
}
.widget.profile.overlap {
display: none;
}
.widget.message.tab-widget {
width: 100%;
margin-left: 0;
}
.widget.notification.tab-widget {
margin-left: 0;
}
.widget.notification.overlap-hero-image {
display: none;
}
.widget.manage {
width: 100%;
}
.widget-body {
padding: 16px;
}
.widget-person {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.widget-chat-avatar {
max-height: 32px;
}
.widget-manage-top {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
.widget-tabs {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.hero-image {
margin-bottom: -24px;
}
.titled-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.feature-box {
grid-column-gap: 36px;
grid-row-gap: 36px;
padding-top: 18px;
padding-left: 18px;
padding-right: 18px;
}
.feature-box.increased-padding {
padding-top: 18px;
padding-bottom: 36px;
}
.feature-box.bg-parchment {
border-radius: 6px;
}
.feature-box.bg-parchment.tour-feature {
padding-top: 36px;
padding-bottom: 18px;
}
.testimonial-box {
grid-column-gap: 36px;
grid-row-gap: 36px;
border-radius: 6px;
padding: 36px 24px;
}
.testimonial-box-text {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.testimonial-box-image {
max-height: 144px;
}
.tabs-menu {
flex-direction: column;
}
.tab-box {
background-color: #0000;
border-radius: 6px;
min-height: auto;
padding: 0;
}
.tab-box.bg-pastel-1, .tab-box.bg-pastel-2 {
background-color: #0000;
}
.tab-link {
padding: 12px;
}
.tab-box-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column-reverse;
align-items: center;
}
.feature-box-grid {
flex-direction: column;
display: flex;
}
.small-feature-box {
border-radius: 6px;
}
.small-feature-box.increased-padding {
min-height: auto;
padding: 18px;
}
.hero-wrapper-2 {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.hero-wrapper-2.flexible-rewards {
padding-top: 40px;
padding-bottom: 40px;
padding-right: 25px;
}
.icon-features-grid.investors {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.icon-feature.investor-logos {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.boxed-icon {
padding: 12px;
}
.contained-hero {
text-align: center;
border-radius: 6px;
min-height: auto;
padding: 36px 18px;
}
.contained-hero-video {
opacity: .6;
}
.quote-slider-box {
border-radius: 6px;
padding: 60px 24px 84px;
}
.slide-nav {
top: 24px;
}
.quote-slide-contents {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.metrics-cluster {
flex-direction: column;
display: flex;
}
.quote-box-image {
max-height: 72px;
}
.metrics-cluster-column.reverse-on-mobile {
flex-direction: column-reverse;
}
.blog-preview-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.blog-preview-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.search-page {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.screenshots-box {
border-radius: 6px;
max-height: 200px;
}
.screenshot-column {
max-width: 90px;
}
.tour-feature-wrapper {
height: auto;
}
.figma-cta {
border-radius: 6px;
padding: 24px 18px 18px;
}
.figma-cta-buttons {
flex-direction: column;
align-self: stretch;
}
.pages-section {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.demo-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.demo-link {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-radius: 6px;
padding-top: 18px;
}
.demo-link-image {
border-radius: 4px;
}
.background-video {
border-radius: 6px;
max-height: 300px;
}
.background-video.about-us-hero-2 {
width: 100px;
max-height: 150px;
}
.container---section-title {
padding-left: 18px;
padding-right: 18px;
}
.heading-3 {
padding-left: 15px;
padding-right: 15px;
}
.image-4 {
max-width: 60%;
}
.hero-card.card-order-3, .hero-card.card-order-2, .hero-card.card-order-1 {
display: none;
}
.flex-rewards-features-cards {
padding: 20px 0;
}
.text-block-11, .text-block-12, .text-block-13, .text-block-14, .text-block-15, .text-block-16 {
text-align: left;
}
.consent_placeholder_buttons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: stretch;
}
.consent_placeholder_prefs {
padding-left: 0;
padding-right: 0;
}
.consent_prefs_heading {
font-size: 1rem;
}
.consent_banner {
margin-left: 1rem;
left: 0%;
}
.consent_prefs_label-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-columns: 1fr;
}
.consent_banner_link {
order: 1;
}
.consent_prefs_description {
text-wrap: balance;
}
.consent_button_prefs {
padding-left: 0;
padding-right: 0;
}
.consent_prefs_popup {
padding: 1.25rem;
}
.consent_prefs_label-active {
border-style: none;
padding: 0;
}
.consent_banner_buttons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: stretch;
}
.consent_prefs_buttons {
flex-flow: column;
align-items: stretch;
}
.rbwn-section {
padding: 0 20px;
}
.rbwn-eyebrow {
letter-spacing: .13em;
margin-bottom: 16px;
font-size: 10px;
}
.rbwn-title {
margin-bottom: 20px;
font-size: 35px;
}
.rbwn-intro {
margin-bottom: 24px;
font-size: 16px;
}
.rbwn-tab-inner {
grid-template-rows: auto;
grid-template-columns: 23px minmax(0, 1fr) 15px;
gap: 9px;
padding: 17px 12px;
}
.rbwn-tab-title {
font-size: 16px;
}
.rbwn-tab-description {
font-size: 14px;
}
.rbwn-stage {
border-radius: 14px;
padding: 14px;
}
.rbwn-card {
border-radius: 10px;
padding: 18px 16px;
}
.rbwn-card-heading {
gap: 9px;
margin-bottom: 18px;
}
.rbwn-icon-tile {
width: 34px;
height: 34px;
}
.rbwn-card-title {
font-size: 19px;
}
.rbwn-country-line {
margin-left: 43px;
}
.rbwn-fields {
gap: 20px 14px;
}
.rbwn-field-value {
font-size: 13px;
}
.rbwn-notice {
gap: 9px;
padding: 12px;
}
.rbwn-docs {
gap: 8px;
}
.rbwn-doc {
padding: 9px;
font-size: 11px;
}
.rbwn-caption {
font-size: 10px;
}
.rbwn-filters {
gap: 7px;
}
.rbwn-filter {
gap: 9px;
font-size: 11px;
}
.rbwn-stats {
gap: 7px;
}
.rbwn-stat {
padding: 13px 9px;
}
.rbwn-stat-label {
font-size: 11px;
}
.rbwn-stat-value {
font-size: 28px;
}
.rbwn-renewal {
grid-template-rows: auto;
grid-template-columns: 43px minmax(0, 1fr);
gap: 10px;
padding: 17px 0;
}
.rbwn-date {
grid-row-start: span 2;
height: 54px;
}
.rbwn-renewal-title {
font-size: 13px;
}
.rbwn-renewal-meta {
font-size: 11px;
}
.rbwn-section-1 {
padding: 0 20px;
}
.rbwn-grid {
padding: 40px 0;
}
.rbwn-tab-description--initial-open {
font-size: 14px;
}
.rbwn-icon--tile-icon {
width: 21px;
height: 21px;
}
.rbwn-badge--badge-amber--notice-badge {
margin-left: 33px;
}
.rbwn-stat--stat-highlight {
padding: 13px 9px;
}
.rbwn-stat-value--value-highlight {
font-size: 28px;
}
.rbwn-badge--badge-amber--renewal-badge, .rbwn-badge--badge-purple--renewal-badge {
grid-column-start: 2;
justify-self: start;
margin-top: -2px;
}
.rpwn-rule-row {
column-gap: 12px;
padding: 12px;
}
.rpwn-summary {
column-gap: 8px;
padding: 15px 10px;
}
.rpwn-summary-label {
font-size: 11px;
}
.rpwn-summary-value {
font-size: 23px;
}
.rpwn-runs {
min-width: 330px;
}
.rpwn-member-value {
font-size: 38px;
}
.rpwn-legend {
column-gap: 18px;
font-size: 12px;
}
.rpwn-pricing-link {
font-size: 13px;
}
.rp-card-1 {
padding-left: 22px;
padding-right: 22px;
}
.rp-custom-price-1 {
font-size: 34px;
}
.rpr-quote-card {
grid-template-rows: 18px 32px 48px 50px 48px 114px 44px 84px;
padding-left: 22px;
padding-right: 22px;
}
.rpr-quote-actions {
grid-row-gap: 12px;
grid-template-columns: minmax(0, 1fr);
}
.rdh-h1.rhi-hero-title {
font-size: 2.625rem;
}
.rdh-h1.rdc-hero-title {
font-size: 2.75rem;
}
.rdh-site-header {
grid-column-gap: 12px;
grid-row-gap: 12px;
height: 72px;
padding: 0 22px;
}
.rdh-main-nav {
max-height: calc(100dvh - 72px);
padding-left: 24px;
padding-right: 24px;
top: 72px;
}
.rdh-header-button {
padding: 9px 10px;
font-size: .75rem;
}
.rdh-mobile-toggle {
grid-row-gap: 0;
grid-column-gap: 0;
padding: 9px 10px;
font-size: 0;
}
.rdh-hero-h1 {
font-size: clamp(38px, 10.8vw, 46px);
}
.rdh-hero-photo, .rdh-hero-portrait {
border-radius: 78px 18px 32px;
height: 252px;
margin-left: 12px;
}
.rdh-hero-benefits-pass {
border-radius: 18px;
margin-top: -38px;
padding: 17px 12px 14px;
}
.rdh-hero-pass-title {
margin: 12px 0;
font-size: 1.2rem;
}
.rdh-hero-benefit-scenes {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.rdh-hero-benefit-scene {
padding: 10px 7px;
}
.rdh-hero-benefit-heading {
grid-column-gap: 6px;
grid-row-gap: 6px;
letter-spacing: -.1px;
flex-direction: column;
align-items: flex-start;
}
.rdh-hero-growth-chart {
height: 45px;
margin: 10px 0 8px;
}
.rdh-hero-benefit-caption {
letter-spacing: -.1px;
font-size: .75rem;
}
.rdh-hero-health-graphic {
height: 45px;
margin: 10px 0 8px;
}
.rdh-hero-health-orbit {
width: 65px;
height: 38px;
}
.rdh-hero-health-orbit-inner {
width: 45px;
height: 35px;
}
.rdh-hero-health-cross {
width: 19px;
height: 19px;
font-size: 17px;
}
.rdh-hero-reward-graphic {
height: 45px;
margin: 10px 0 8px;
}
.rdh-hero-reward-brand {
width: 35px;
height: 29px;
}
.rdh-hero-reward-amazon {
width: 42px;
height: 34px;
}
.rdh-hero-reward-logo {
max-width: 25px;
}
.rdh-hero-bottom {
margin-top: 22px;
}
.rdh-partner-caption {
padding: 0 8px;
font-size: 1rem;
}
.rdh-partner-run {
grid-column-gap: 35px;
grid-row-gap: 35px;
padding-right: 35px;
}
.rdh-partner-logo {
width: 92px;
height: 24px;
}
.rdh-admin-stage {
padding: 8px;
}
.rdh-care-tabs-menu {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 17px;
}
.rdh-care-tab {
grid-column-gap: 9px;
grid-row-gap: 9px;
border-radius: 12px;
min-height: 73px;
padding: 12px 10px;
}
.rdh-care-tab-icon {
border-radius: 8px;
flex-basis: 28px;
width: 28px;
height: 28px;
}
.rdh-care-tab-title {
letter-spacing: -.2px;
font-size: .75rem;
}
.rdh-care-tab-subtitle {
display: none;
}
.rdh-care-kicker {
margin-bottom: 13px;
}
.rdh-care-highlight {
grid-column-gap: 8px;
grid-row-gap: 8px;
font-size: .75rem;
}
.rdh-care-art-caption {
margin-top: 8px;
}
.rdh-reward-choice {
width: 33px;
min-width: 33px;
height: 32px;
min-height: 32px;
}
.rdh-reward-choice-image {
max-width: 25px;
max-height: 16px;
}
.rdh-globe-person {
grid-column-gap: 4px;
grid-row-gap: 4px;
width: 82px;
height: 52px;
}
.rdh-globe-avatar {
flex-basis: 52px;
width: 52px;
height: 52px;
}
.rdh-globe-flag {
flex-basis: 26px;
width: 26px;
height: 19px;
}
.rdh-nav-shell-trigger {
grid-row-gap: 0;
grid-column-gap: 0;
padding: 9px 10px;
font-size: 0;
}
.rdh-hero-health-symbol {
width: 31px;
height: 31px;
}
.rdh-mobile-nav {
max-height: calc(100dvh - 72px);
padding-left: 24px;
padding-right: 24px;
top: 72px;
}
.rdh-product-tab {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.rdh-globe-person-1 {
grid-column-gap: 4px;
grid-row-gap: 4px;
width: 82px;
height: 52px;
top: 12%;
left: 0;
}
.rdh-globe-person-2 {
top: 73%;
left: 7%;
}
.rdh-globe-person-3 {
top: 21%;
right: 1%;
}
.rdh-globe-person-6 {
opacity: 0;
top: 74%;
right: 0;
}
.rdh-gl-scene {
transform: scale(.52);
}
.rdh-gl-person {
grid-column-gap: 9px;
grid-row-gap: 9px;
width: 136px;
height: 86px;
top: -43px;
left: -68px;
}
.rdh-gl-avatar {
border-width: 5px;
flex-basis: 86px;
width: 86px;
height: 86px;
}
.rdh-gl-flag {
flex-basis: 41px;
width: 41px;
height: 30px;
}
.rdh-growth-box {
height: 45px;
margin-top: 10px;
}
.rdh-growth-loop-art {
height: 67.92px;
margin-top: -20.38px;
}
.rba-pp-tiles {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rba-pp-tile {
flex-direction: row;
align-items: center;
}
.rba-ag-head {
padding: 14px 16px;
}
.rba-ag-body {
min-height: 0;
padding: 18px 16px;
}
.rba-ag-bubble {
max-width: 85%;
}
.rrd-hc {
padding: 14px;
}
.rrd-hc-top {
flex-wrap: wrap;
}
.rrd-hc-toggle {
width: 100%;
max-width: none;
}
.rrd-hc-title {
font-size: 17px;
}
.rrd-hc-kpis {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.rrd-hc-kpi {
padding: 10px;
}
.rrd-hc-kpi-num {
font-size: 22px;
}
.rrd-hc-kpi-sub {
display: none;
}
.rrd-hc-thead, .rrd-hc-row {
grid-template-columns: minmax(0, 1fr) 54px 70px;
}
.rrd-hc-foot {
flex-wrap: wrap;
}
.rrd-hc-spark {
display: none;
}
.rrd-hc-note {
margin: 12px 6px 0;
}
.rfx-photo-panel {
height: 380px;
}
.rfx-hero-photo, .rfx-photo-shade {
height: 64%;
}
.rfx-note {
padding: 16px;
bottom: 14px;
left: 14px;
right: 14px;
}
.rfx-note-title {
font-size: 18px;
}
.rfx-note-tabs {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.rfx-brand-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rfx-oc-stage {
height: 520px;
}
.rfx-oc-title {
font-size: 27px;
}
.rhi-photo {
border-top-left-radius: 70px;
border-top-right-radius: 70px;
height: 240px;
}
.rhi-member-strip {
margin-left: 10px;
margin-right: 10px;
padding: 18px;
}
.rhi-member-title {
font-size: 20px;
}
.rhi-care-stage {
height: 320px;
}
.rhi-care-glow, .rhi-orbit {
width: 250px;
height: 250px;
margin-top: -125px;
margin-left: -125px;
}
.rhi-globe {
width: 160px;
height: 160px;
margin-top: -80px;
margin-left: -80px;
}
.rhi-globe-scale {
transform: scale(.4211);
}
.rhi-token.rhi-token-plus {
top: calc(50% - 114px);
left: calc(50% - 122px);
}
.rhi-token.rhi-token-heart {
top: calc(50% - 116px);
left: calc(50% + 60px);
}
.rhi-token.rhi-token-case {
top: calc(50% + 52px);
left: calc(50% - 124px);
}
.rhi-token.rhi-token-smile {
top: calc(50% + 54px);
left: calc(50% + 62px);
}
.rhi-care-caption {
grid-column-gap: 18px;
}
.rhi-guidance-panel {
border-radius: 18px;
padding: 4px 18px 20px;
}
.rhi-choice-head {
min-height: 64px;
}
.rhi-choice-body {
padding-left: 0;
padding-right: 0;
}
.rhi-app {
padding: 16px;
}
.rhi-view-buttons {
width: 100%;
}
.rhi-view-btn {
flex: 1;
justify-content: center;
}
.rhi-benefit-title {
font-size: 24px;
}
.rhi-benefit-seal {
width: 48px;
height: 48px;
}
.rhi-benefit-seal-icon {
width: 27px;
height: 27px;
}
.rdc-value {
font-size: 30px;
}
.rdc-pct {
font-size: 20px;
}
.rdc-partners-label {
padding-left: 8px;
padding-right: 8px;
font-size: 1rem;
}
.rdc-member-row.rdc-member-row-vest {
grid-template-columns: 30px minmax(0, 1fr) 84px;
}
.rdc-member-award {
display: none;
}
.rdh-admin-preview {
border-radius: 14px;
padding: 14px;
}
.rdh-admin-preview-header {
padding-bottom: 20px;
}
.rdh-admin-preview-title {
font-size: 22px;
}
.rdh-admin-preview-subtitle {
font-size: 12px;
}
.rdh-admin-preview-head {
grid-column-gap: 8px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 28px 44px;
font-size: 10px;
}
.rdh-admin-preview-row {
grid-column-gap: 8px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 28px 44px;
padding-top: 15px;
padding-bottom: 15px;
}
.rdh-admin-preview-benefit {
grid-column-gap: 8px;
grid-area: auto;
}
.rdh-admin-preview-icon {
width: 28px;
height: 34px;
}
.rdh-admin-preview-svg {
width: 18px;
height: 18px;
}
.rdh-admin-preview-name {
font-size: 13px;
}
.rdh-admin-preview-category {
font-size: 11px;
}
.rdh-admin-preview-country {
grid-area: auto;
margin-left: 0;
}
.rdh-admin-preview-enrollment {
grid-area: auto;
}
.rdh-admin-preview-count {
font-size: 14px;
}
.rdh-admin-preview-footer-copy {
font-size: 11px;
}
.rdh-admin-preview-head-country {
text-align: center;
visibility: hidden;
display: block;
}
.rdh-admin-preview-pie {
width: 26px;
height: 26px;
}
.rfr-art {
margin-top: 0;
padding: 0;
}
.rfr-people {
min-height: 235px;
margin-bottom: 8px;
}
.rfr-photo-shell {
border-width: 3px;
}
.rfr-person-main {
width: 39%;
top: 17%;
left: 30%;
}
.rfr-person-left {
width: 26%;
top: 6%;
left: 0;
}
.rfr-person-right {
width: 25%;
top: 49%;
right: -1%;
}
.rfr-city {
grid-column-gap: 4px;
grid-row-gap: 4px;
font-size: 9px;
}
.rfr-love {
width: 33px;
height: 33px;
top: 56%;
left: 22%;
}
.rfr-love-icon {
width: 15px;
height: 15px;
}
.rfr-clap {
width: 35px;
height: 35px;
font-size: 19px;
top: 16%;
right: 11%;
}
.rfr-gift {
width: 29px;
height: 29px;
bottom: 5%;
left: 3%;
}
.rfr-gift-icon {
width: 15px;
height: 15px;
}
.rfr-reward {
border-radius: 21px;
margin-left: 1%;
margin-right: 1%;
padding: 17px 17px 19px;
}
.rfr-reward-top {
grid-row-gap: 8px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.rfr-card-logo {
width: 61px;
}
.rfr-personal {
letter-spacing: .08em;
font-size: 8px;
}
.rfr-message-title {
font-size: 20px;
}
.rfr-message-copy {
font-size: 10px;
}
.rfr-brand-proof {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 20px 4% 0;
}
.rfr-brand-label {
display: none;
}
.rhi-benefit-who {
grid-column-gap: 11px;
}
.rhi-benefit-avatar {
width: 44px;
height: 44px;
}
.rhi-kpis, .rdc-rules-grid, .rdc-country-grid {
grid-template-columns: minmax(0, 1fr);
}
.rdh-hs-scene {
aspect-ratio: auto;
border-radius: 22px;
flex-direction: column;
padding: 14px 14px 16px;
display: flex;
}
.rdh-hs-photo {
z-index: 1;
aspect-ratio: 4 / 3;
border-radius: 16px;
width: 100%;
height: auto;
position: relative;
bottom: auto;
left: auto;
}
.rdh-hs-card {
width: auto;
margin-top: -34px;
margin-left: 10px;
margin-right: 10px;
padding: 12px 12px 4px;
position: relative;
top: auto;
right: auto;
}
.rdh-hs-card-title {
font-size: 13px;
}
.rdh-hs-row {
padding-top: 5px;
padding-bottom: 5px;
}
.rdh-hs-toast {
max-width: none;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
bottom: auto;
right: auto;
}
}
#w-node-d4b55db6-2cd4-3768-4eb0-764d9075ecd6-6f1136c4, #w-node-d4b55db6-2cd4-3768-4eb0-764d9075ecd7-6f1136c4, #w-node-d4b55db6-2cd4-3768-4eb0-764d9075eced-6f1136c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d4b55db6-2cd4-3768-4eb0-764d9075ecee-6f1136c4 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ee1da2d5-c601-025a-efd4-9a600407e88d-6f1136c4, #w-node-_062e6448-8210-799e-bfcd-521ed14ab898-6f1136c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1b135a10-6149-7dd6-2061-2f9fc1052c4e-6f1136c4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_11a945cc-1019-2b07-c137-9c0ceb535d61-6f1136c4, #w-node-_61fcdb78-2c90-3440-708f-8c0dad88875c-6f1136c4, #w-node-b95cb203-fe95-5648-7f6a-d10409841e5a-6f1136c4, #w-node-c5382c11-6e03-6646-a5a3-396d3c6ffa1e-6f1136c4, #w-node-d76014ac-3c13-b3b0-e2b4-5b641f5b0e77-6f1136c4, #w-node-_36355948-183b-a7ee-51c2-15ee1a490653-6f1136c4, #w-node-cc0a5e5b-28dc-24fa-f8e1-8135c4ee8c4f-6f1136c4, #w-node-b1d3e90d-ed6d-9778-ccb6-3e2e5844d3d1-6f1136c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7b71e678-9e61-da46-ca59-ae558b44fade-05567e05 {
justify-self: stretch;
}
#w-node-_7b71e678-9e61-da46-ca59-ae558b44fae1-05567e05, #w-node-_7b71e678-9e61-da46-ca59-ae558b44fae7-05567e05, #w-node-_7b71e678-9e61-da46-ca59-ae558b44faee-05567e05, #w-node-_7b71e678-9e61-da46-ca59-ae558b44faf4-05567e05, #w-node-_4cc9b2c1-72ec-3085-6ce5-c41ca70e65a8-05567e05, #w-node-b336f206-6177-91db-dd4a-2508c95c79c7-c95c79c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98d6984f-ab25-8522-a610-c3fd87ceec98-d30b699f {
grid-column-start: 2;
}
@media screen and (max-width: 991px) {
#w-node-_32c986c8-6469-d933-3607-75b7d8bd13fa-824c25a7, #w-node-e8a63559-5371-6b6f-f26d-620a320b67ec-824c25a7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b6e8556e-8738-c916-7ebe-a9278c3963b7-3ab22399 {
align-self: stretch;
}
#w-node-_1b135a10-6149-7dd6-2061-2f9fc1052c4e-6f1136c4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_32c986c8-6469-d933-3607-75b7d8bd13fa-824c25a7, #w-node-e8a63559-5371-6b6f-f26d-620a320b67ec-824c25a7 {
grid-column: span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_36355948-183b-a7ee-51c2-15ee1a490653-6f1136c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}