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; } html[data-w-dynpage] [data-w-cloak] { color: #0000 !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } .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; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; width: auto !important; height: auto !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 { font-size: inherit; line-height: inherit; width: auto; height: auto; 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; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .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: Rubik; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2ba9fde67b06aa9e0d78_Rubik-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Rubik; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2ba98c211f5b51f1821e_Rubik-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Rubik; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2ba916912dab366ad0a8_Rubik-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Rubik; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2ba93a3f64ab97b41e8e_Rubik-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Rubik; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2ba908431646d67d274c_Rubik-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Satoshi; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2aa0bd27c7e2576913dc_Satoshi-Medium.otf") format("opentype"), url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2aa0bd27c7e2576913dc_Satoshi-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Satoshi; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2aa1340ef70f211a7535_Satoshi-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Satoshi; src: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af2aa1541d11ff1dc5ff81_Satoshi-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } :root { --_theme---background: var(--swatch--light); --_text-style---font-family: var(--_typography---font--secondary-family); --_theme---text: var(--swatch--brand-text); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-4); --_typography---font--primary-family: Satoshi, Arial, sans-serif; --_typography---font-size--h3: clamp(1.6 * 1rem, ((1.6 - ((2.33 - 1.6) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.33 - 1.6) / (var(--site--max) - var(--site--min))) * 100vw), 2.33 * 1rem); --_gap---size: var(--site--gutter); --radius--small: .5rem; --site--gutter: 1rem; --_spacing---space--2: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((.5 - .375) / (var(--site--max) - var(--site--min))) * 100vw), .5 * 1rem); --_icon-sizes---size: 1rem; --_theme---border: var(--sidelines-gray); --swatch--brand-text: var(--swatch--brand-2); --swatch--blue-1: #eef0fe; --swatch--blue-9: #05194d; --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_spacing---space--1: var(--size--0-25rem); --_spacing---space--3: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((.75 - .625) / (var(--site--max) - var(--site--min))) * 100vw), .75 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4 - 2.5) / (var(--site--max) - var(--site--min))) * 100vw), 4 * 1rem); --_spacing---space--5: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem); --_spacing---space--4: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - .875) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem); --_typography---primary-regular: 400; --radius--xsmall: .25rem; --swatch--light-faded\: color-mix(in srgb, var(--swatch--light) 10%, transparent); --radius--round: 100vw; --_typography---primary-bold: 700; --container--small: 60rem; --site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --radius--main: 1rem; --_column-count---value: 1; --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 2.25) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --container--full: calc(100vw - var(--site--margin) * 2); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --size--1rem: 1rem; --radius--large: 1.5rem; --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem); --_typography---h3--margin-top\: var(--_typography---all-headings--heading-margin-top\); --_typography---h3--margin-bottom\: var(--_typography---all-headings--heading-margin-bottom\); --_typography---h3--font-family\: var(--_typography---all-headings--heading-font-family\); --_typography---h3--font-size\: clamp(1.52 * 1rem, ((1.52 - ((1.95 - 1.52) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.95 - 1.52) / (var(--site--max) - var(--site--min))) * 100vw), 1.95 * 1rem); --_typography---h3--line-height\: var(--_typography---line-height--1-2); --_typography---h4--margin-top\: var(--_typography---all-headings--heading-margin-top\); --_typography---h4--margin-bottom\: var(--_typography---all-headings--heading-margin-bottom\); --_typography---h4--font-family\: var(--_typography---all-headings--heading-font-family\); --_typography---h4--font-size\: clamp(1.32 * 1rem, ((1.32 - ((1.56 - 1.32) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.56 - 1.32) / (var(--site--max) - var(--site--min))) * 100vw), 1.56 * 1rem); --_typography---h1--margin-top\: var(--_spacing---space--5); --_typography---h1--margin-bottom\: var(--_spacing---space--3); --_typography---h1--font-family\: var(--_typography---all-headings--heading-font-family\); --_typography---h1--font-size\: clamp(2.01 * 1rem, ((2.01 - ((3 - 2.01) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 2.01) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --_typography---h1--line-height\: var(--_typography---line-height--1-2); --_typography---h2--margin-top\: var(--_spacing---space--4); --_typography---h2--margin-bottom\: var(--_spacing---space--3); --_typography---h2--font-family\: var(--_typography---all-headings--heading-font-family\); --_typography---h2--font-size\: clamp(1.75 * 1rem, ((1.75 - ((2.44 - 1.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.44 - 1.75) / (var(--site--max) - var(--site--min))) * 100vw), 2.44 * 1rem); --_typography---h2--line-height\: var(--_typography---line-height--1-2); --_typography---text-main--margin-top\: var(--_spacing---space--2); --_typography---text-main--margin-bottom\: var(--_spacing---space--2); --_paddings---padding-small: clamp(.6 * 1rem, ((.6 - ((1 - .6) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - .6) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem); --_card-padding---card-padding: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem); --size--0rem: 0rem; --_typography---primary-light: 300; --container--main: calc(var(--max-width--site-width) - var(--site--margin) * 2); --background--bg-dark-1: var(--swatch--dark-1); --swatch--text-light: var(--swatch--light-3); --site--column-count: 12; --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5.5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((7 - 4) / (var(--site--max) - var(--site--min))) * 100vw), 7 * 1rem); --swatch--brand: #3b6bf5; --_spacing---section-space--none: var(--value-location--fluid-builder); --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem); --_spacing---section-space--page-top: clamp(7 * 1rem, ((7 - ((14 - 7) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((14 - 7) / (var(--site--max) - var(--site--min))) * 100vw), 14 * 1rem); --_spacing---section-space--xsmall: clamp(1.5 * 1rem, ((1.5 - ((2.5 - 1.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 1.5) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem); --swatch--blue-3: #b0bbfb; --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_button-style---text: var(--_theme---button-primary--text); --swatch--light-2: #fafbff; --swatch--transparent: #fff0; --swatch--blue-5: #6884f7; --_button-style---text-hover: var(--_theme---button-primary--text-hover); --swatch--light: white; --_alignment---direction: start; --nav--nav-bg: white; --nav--height-total: var(--nav--height); --nav--spacing-outer-vertical: var(--_spacing---space--1); --nav--text-color: var(--swatch--brand-2); --nav--height: 3rem; --nav--spacing-inner-horizontal: var(--_spacing---space--4); --_typography---font-size--text-small: .875rem; --swatch--dark-9\: #303031; --_typography---blog--h3\: clamp(1.52 * 1rem, ((1.52 - ((1.95 - 1.52) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.95 - 1.52) / (var(--site--max) - var(--site--min))) * 100vw), 1.95 * 1rem); --_typography---blog--h4\: clamp(1.32 * 1rem, ((1.32 - ((1.56 - 1.32) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.56 - 1.32) / (var(--site--max) - var(--site--min))) * 100vw), 1.56 * 1rem); --_typography---blog--h1\: clamp(2.01 * 1rem, ((2.01 - ((3 - 2.01) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 2.01) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --_typography---blog--h2\: clamp(1.75 * 1rem, ((1.75 - ((2.44 - 1.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.44 - 1.75) / (var(--site--max) - var(--site--min))) * 100vw), 2.44 * 1rem); --_typography---blog--h5\: clamp(1.15 * 1rem, ((1.15 - ((1.25 - 1.15) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1.15) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem); --_typography---blog--h6\: clamp(1.14 * 1rem, ((1.14 - ((1.2 - 1.14) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.2 - 1.14) / (var(--site--max) - var(--site--min))) * 100vw), 1.2 * 1rem); --swatch--dark\: #212122; --container--medium: 70rem; --_typography---letter-spacing--normal: 0em; --_typography---letter-spacing--wide: .05em; --swatch--blue-6: #205ae0; --_typography---line-height--1-2: 1.2; --site--max: 90; --site--min: 20; --sidelines-gray: #dfdfdf; --swatch--light-gray: #d7d4d0; --swatch--blue-4: #8c9ff9; --swatch--blue-2: #d6dbfd; --_typography---font-size--h5: clamp(1.15 * 1rem, ((1.15 - ((1.62 - 1.15) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.62 - 1.15) / (var(--site--max) - var(--site--min))) * 100vw), 1.62 * 1rem); --nav--radius: .25rem; --swatch--light-blue: #f9fbff; --_typography---font-size--h4: clamp(1.35 * 1rem, ((1.35 - ((1.94 - 1.35) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.94 - 1.35) / (var(--site--max) - var(--site--min))) * 100vw), 1.94 * 1rem); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.35 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.35 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.35 * 1rem); --_typography---font-size--h1: clamp(2.25 * 1rem, ((2.25 - ((3.375 - 2.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3.375 - 2.25) / (var(--site--max) - var(--site--min))) * 100vw), 3.375 * 1rem); --_typography---font-size--h2: clamp(1.9 * 1rem, ((1.9 - ((2.8 - 1.9) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.8 - 1.9) / (var(--site--max) - var(--site--min))) * 100vw), 2.8 * 1rem); --radius--tiny: .125rem; --swatch--dark-1: #01011b; --swatch--brand-2: #222; --swatch--blue-8: #0d307f; --_paddings---padding-tiny: clamp(.4 * 1rem, ((.4 - ((.75 - .4) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((.75 - .4) / (var(--site--max) - var(--site--min))) * 100vw), .75 * 1rem); --swatch--light-3: #faf7f3; --_button-style---background: var(--_theme---button-primary--background); --_typography---font--secondary-family: Rubik, Arial, sans-serif; --_paddings---padding-main: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem); --_paddings---padding-large: clamp(1.25 * 1rem, ((1.25 - ((3 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --_typography---font-size--display: clamp(2.75 * 1rem, ((2.75 - ((4.5 - 2.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4.5 - 2.75) / (var(--site--max) - var(--site--min))) * 100vw), 4.5 * 1rem); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_typography---font-size--text-large: clamp(1.1 * 1rem, ((1.1 - ((1.375 - 1.1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.375 - 1.1) / (var(--site--max) - var(--site--min))) * 100vw), 1.375 * 1rem); --_typography---font-size--text-main: 1rem; --_typography---font-size--text-tiny: .7rem; --_button-style---border-hover: var(--_theme---button-primary--border-hover); --swatch--blue-7: #1746b2; --swatch--blue-10: #020e32; --swatch--accent: var(--swatch--brand); --background--bg-dark-2: var(--swatch--brand-2); --background--bg-blue: #3b6bf5; --background--bg-light: var(--swatch--light-3); --background--bg-blue-light: var(--swatch--blue-1); --_card---card--card-bg: white; --_card---card--card-bg-hover: white; --_card---card--card-padding-main: var(--_paddings---padding-main); --_card---card--card-padding-small: var(--_paddings---padding-small); --_card---card--card-padding-large: var(--_paddings---padding-large); --max-width--main: calc(var(--site--max) * 1rem); --max-width--full: 100%; --max-width--site-width: min(var(--max-width--main), 100vw); --_typography---letter-spacing--narrow: -.04em; --nav--container: var(--container--main); --nav--icon-thickness: .094rem; --nav--hamburger-thickness: var(--nav--icon-thickness); --site--width: 90rem; --site--content-padding: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --size--0-125rem: .125rem; --size--0-25rem: .25rem; --size--0-375rem: .375rem; --size--0-5rem: .5rem; --size--0-75rem: .75rem; --size--1-25rem: 1.25rem; --size--1-5rem: 1.5rem; --size--2rem: 2rem; --size--2-5rem: 2.5rem; --size--3rem: 3rem; --size--3-5rem: 3.5rem; --size--4rem: 4rem; --size--4-5rem: 4.5rem; --size--5rem: 5rem; --content-space--button-group-gap: var(--_spacing---space--4); --nav--hamburger-gap: var(--_spacing---space--2); --nav--nav-m: 0px; --nav--hamburger-rotate: 45; --nav--nav-bg-dark-mode: var(--swatch--brand-2); --nav--nav-text-dark-mode: var(--swatch--light); --nav--nav-banner-bg: var(--swatch--brand-2); --nav--nav-banner-text: var(--swatch--light); --size--5-5rem: 5.5rem; --size--6rem: 6rem; --size--6-5rem: 6.5rem; --size--7rem: 7rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--10rem: 10rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--14rem: 14rem; --size--13rem: 13rem; --size--15rem: 15rem; --size--16rem: 16rem; --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_typography---line-height--1-4: 1.4; --_typography---line-height--1: 1; --_theme---button-primary--text: var(--swatch--light); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_typography---text-transform--lowercase: lowercase; --value-location--custom-code: 0px; --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --value-location--fluid-builder: 0px; --_text-style---margin-top: var(--_spacing---space--4); --_theme---button-secondary--text: var(--_theme---text); --_text-style---margin-bottom: var(--_spacing---space--4); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); --_text-style---text-transform: var(--_typography---text-transform--none); --_typography---primary-trim-top: .33em; --_text-style---text-warp: pretty; --_typography---primary-trim-bottom: .38px; --_typography---primary-medium: 500; --_typography---all-headings--heading-margin-top\: var(--_spacing---space--4); --_typography---all-headings--heading-margin-bottom\: var(--_spacing---space--2); --_typography---all-headings--heading-font-family\: var(--_typography---font--primary-family); } .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-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .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-page-count { text-align: center; width: 100%; margin-top: 20px; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); } h1 { font-family: var(--_text-style---font-family); margin-top: 0; margin-bottom: 0; font-weight: 400; display: flow-root; } h2 { margin-top: 0; margin-bottom: 0; font-weight: 400; } h3 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h3); margin-top: 0; margin-bottom: 0; font-weight: 500; } h4, h5, h6 { margin-top: 0; margin-bottom: 0; font-weight: 400; } a { color: inherit; outline-offset: var(--focus--offset-outer); outline-width: var(--focus--width); text-decoration: none; } ul { margin-top: 0; padding-left: 1.5rem; padding-right: 10px; } img { max-width: 100%; } strong { font-weight: bold; } em { font-style: italic; } .page_code_wrap { position: fixed; inset: 0% 0% auto; } .page-wrapper.theme-dark { background-color: var(--_theme---background); } .page-wrapper.full-vh { height: 100vh; } .main-wrapper { position: relative; overflow: clip; } .hflex-between-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .child-contain { text-align: var(--_alignment---direction); align-items: var(--_alignment---direction); flex-flow: column; min-width: 100%; display: flex; } .vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .btn_play_pause { opacity: 0; } .hflex-between-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .gap-row-4 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .radius-small { border-radius: var(--radius--small); } .gap-row-1 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .text-align-center { text-align: center; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .ratio-custom { aspect-ratio: 16 / 4; } .g_eyebrow_marker { background-color: currentColor; flex: none; width: .094rem; padding-bottom: 0; padding-right: 0; } .overflow-y-auto { overflow: hidden auto; } .zindex-0 { z-index: 0; position: relative; } .gap-row-inherit { grid-row-gap: inherit; grid-column-gap: inherit; } .gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .gap-gutter { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .mb-2 { margin-bottom: var(--_spacing---space--2); } .position-sticky { position: sticky; } .grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .column-1 { grid-column: auto / span 1; } .icon-height-medium { height: var(--_icon-sizes---size); --_icon-sizes---size: clamp(1.5 * 1rem, ((1.5 - ((3 - 1.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1.5) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); width: auto; } .overflow-hidden { overflow: hidden; } .gap-row-7 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .overflow-clip { overflow: clip; } .ratio-16-9 { aspect-ratio: 16 / 9; } .shadow-xlarge { box-shadow: 0 24px 48px -12px #0000002e; } .hflex-center-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .text-wrap-balance { text-wrap: balance; } .vflex-stretch-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .styleguide_card_wrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); border: .094rem solid var(--_theme---border); color: var(--swatch--brand-text); --_column-count---value: 1; --_gap---size: var(--_spacing---space--2); border-radius: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; padding: 1.5rem; display: flex; position: relative; overflow: hidden; } .styleguide_card_wrap.brand-color-1 { background-color: var(--swatch--blue-1); } .styleguide_card_wrap.brand-color-3 { ---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c; } .styleguide_card_wrap.brand-color-2 { ---mode--collection-aa6be06c-a849-cd17-658f-e0a5a07cd51e: mode-072a8ab3-fe98-816d-f6f0-66fe678acff5; ---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c; } .styleguide_card_wrap.theme-light { background-color: var(--_theme---background); color: var(--_theme---text); } .styleguide_card_wrap.theme-dark { background-color: var(--swatch--blue-9); } .styleguide_card_wrap.column-full { color: var(--swatch--brand-text); } .form_main_option_link { color: #212122; border: .094rem solid #212122; border-radius: .5rem; width: 1.5rem; height: 1.5rem; margin: 0 .5rem 0 0; } .form_main_option_link.w--redirected-checked { background-color: #5139eb; background-size: 60%; border-color: #5139eb; border-radius: .5rem; } .form_main_option_link.radio { border-radius: 100vw; } .block-gap-vertical { display: block; } .zindex-negative { z-index: -1; position: relative; } .icon-1x1-large { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); --_icon-sizes---size: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem); } .cover { width: 100%; height: 100%; } .gap-row-8 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .display-none { display: none; } .heading-style-h1 { font-family: var(--_text-style---font-family); color: var(--swatch--brand-text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .order-first-tablet { order: -1; } .max-width-large { width: 100%; max-width: 48rem; } .mb-1 { margin-bottom: var(--_spacing---space--1); } .radius-none { border-radius: 0; } .icon-height-custom1 { width: auto; height: 1.25rem; } .mt-2 { margin-top: var(--_spacing---space--2); } .g_clickable_text { padding-bottom: 0; padding-right: 0; display: inline; } .hflex-left-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .mb-3 { margin-bottom: var(--_spacing---space--3); } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .display-block { display: block; } .form_main_error_wrap { background-color: #0000; border: .094rem solid #fff; margin-top: 0; padding: .8rem 1.4rem; } .form_main_wrap { width: 100%; margin-bottom: 0; } .overflow-auto { overflow: auto; } .mb-8 { margin-bottom: var(--_spacing---space--8); } .styleguide_title { margin-bottom: 0; } .grid-tablet { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .icon-1x1-xlarge { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); --_icon-sizes---size: clamp(3.5 * 1rem, ((3.5 - ((6.5 - 3.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((6.5 - 3.5) / (var(--site--max) - var(--site--min))) * 100vw), 6.5 * 1rem); } .shadow-large { box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008; } .styleguide_font_item { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-bottom: .094rem solid #fff; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .vflex-wrap { flex-flow: column wrap; } .text-weight-normal { font-weight: var(--_typography---primary-regular); } .styleguide_contain.container-large.padding-section-medium.grid-custom { --_column-count---value: 12; } .text-size-tiny { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-tiny); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .form_main_field_wrap { text-align: left; width: 100%; } .rl-styleguide_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; padding-bottom: 4rem; } .vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .align-items-stretch { align-content: stretch; align-items: stretch; } .heading-style-h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .hflex-wrap { flex-flow: wrap; } .line-clamp-4 { display: -webkit-box; overflow: hidden; } .g_eyebrow_layout { grid-column-gap: .75rem; grid-row-gap: .75rem; display: inline-flex; } .shadow-small { box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f; } .styleguide_group { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; padding-top: 3rem; display: flex; } .zindex-unset { z-index: unset; position: relative; } .position-absolute { position: absolute; } .grid-landscape { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .max-width-medium { width: 100%; max-width: 35rem; } .mb-5 { margin-bottom: var(--_spacing---space--5); } .visual-wrap { aspect-ratio: 1; object-fit: cover; width: 100%; position: relative; overflow: hidden; } .hflex-center-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .align-self-auto { align-self: auto; } .max-width-xlarge { width: 100%; max-width: 64rem; } .gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid-desktop { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .hflex-left-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .vflex-left-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .mt-gutter { margin-top: var(--_gap---size); --_gap---size: var(--site--gutter); } .form_main_option_item { color: #fff; margin-bottom: 0; padding-left: 0; display: inline-block; } .g_tag_wrap { border-radius: var(--radius--xsmall); background-color: var(--_theme---text); color: var(--_theme---background); text-align: center; min-width: 4rem; padding: .25rem .75rem; font-size: .875rem; line-height: 1; display: inline-block; } .g_tag_wrap.position-absolute { bottom: 4rem; } .rl-styleguide_empty-space { z-index: -1; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 2rem; display: flex; position: relative; } .mt-8 { margin-top: var(--_spacing---space--8); } .hflex-left-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .rl-styleguide_empty-box { background-color: var(--swatch--light-faded\); pointer-events: none; min-width: 3rem; min-height: 3rem; position: relative; } .align-items-end { align-content: flex-end; align-items: flex-end; } .block-gap { margin-left: calc(var(--gap-x) / 2 * -1); margin-right: calc(var(--gap-x) / 2 * -1); vertical-align: middle; padding-top: .01px; padding-bottom: .01px; display: block; } .g_visual_wrap.position-relative { width: 100%; overflow: hidden; } .g_visual_wrap.position-relative.is-video { aspect-ratio: 16 / 9; height: auto; } .g_visual_wrap.position-relative.icon-1x1-large { width: var(--_icon-sizes---size); } .g_visual_wrap.position-relative.contain { object-fit: contain; } .g_visual_wrap.position-relative.contain._1x1-icon-medium { width: 3rem; height: 3rem; } .g_visual_wrap.position-relative.contain.icon-1x1-medium { width: var(--_icon-sizes---size); } .g_visual_wrap.position-relative.contain.height-6 { width: auto; height: 2rem; } .g_visual_wrap.position-relative.contain._1x1-icon-small { width: 2rem; height: 2rem; } .g_visual_wrap.position-relative.contain._1x1-icon-smaller { width: 1.5rem; height: 1.5rem; } .g_visual_wrap.position-relative.contain.crv-logo-padding { padding: .8rem; } .g_visual_wrap.position-relative.icon-medium-size { width: 3rem; height: 3rem; } .g_visual_wrap.position-relative._1x1-medium-icon { width: 2rem; } .g_visual_wrap.position-relative.height-image-card { height: 7rem; } .grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .align-items-start { align-content: flex-start; align-items: flex-start; } .grid-column-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 2; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .vflex-center-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .icon-height-large { height: var(--_icon-sizes---size); --_icon-sizes---size: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem); width: auto; } .radius-round { border-radius: var(--radius--round); } .text-weight-bold { font-weight: var(--_typography---primary-bold); } .overflow-x-auto { overflow: auto hidden; } .container-small { max-width: var(--container--small); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; position: relative; } .overflow-hidden-left { -webkit-clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); } .line-clamp-2 { display: -webkit-box; overflow: hidden; } .btn_main_text { z-index: 2; color: #212122; font-size: .875rem; line-height: inherit; transition-property: color; transition-duration: .2s; transition-timing-function: ease; } .btn_main_text.is-secondary { color: inherit; } .margin-inline-auto { margin-left: auto; margin-right: auto; } .vflex-stretch-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .grid-column-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 4; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .text-size-regular { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .text-wrap-pretty { text-wrap: pretty; } .radius-main { border-radius: var(--radius--main); } .gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--size--0rem); } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af165980e9df72d067e4f9_dots.svg"); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .gap-row-5 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .ratio-3-2 { aspect-ratio: 3 / 2; } .column-11 { grid-column: auto / span 11; } .mb-0 { margin-bottom: 0; } .column-3 { grid-column: auto / span 3; } .gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .flex-grow { flex: 1; } .form_main_field_input { color: inherit; text-transform: var(--text-large--text-transform); background-color: #0000; border: 0 solid #000; border-bottom: .094rem solid #fff; border-radius: 0; height: 3rem; margin-bottom: 0; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5; } .form_main_field_input:focus { border-bottom-color: #fff; } .form_main_field_input::placeholder { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .form_main_field_input.is-message { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; padding-top: .5rem; } .text-transform-capitalize { text-transform: capitalize; } .shadow-medium { box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008; } .mb-4 { margin-bottom: var(--_spacing---space--4); } .vflex-right-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .mt-3 { margin-top: var(--_spacing---space--3); } .align-self-stretch { align-self: stretch; } .order-last-tablet { order: 1; } .overflow-visible { overflow: visible; } .gap-row-2 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .hflex-right-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .align-items-center { align-content: center; align-items: center; } .width-full { width: 100%; } .styleguide_layout { grid-row-gap: 4rem; align-items: start; } .styleguide_layout.column-9 { grid-column-start: 4; } .display-inline-flex { display: inline-flex; } .column-full { grid-column: 1 / -1; } .gap-row-6 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .text-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .height-full { height: 100%; } .gap-row-3 { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .text-transform-uppercase { text-transform: uppercase; } .vflex-right-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .order-last { order: 1; } .icon-1x1-medium { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); color: #212122; --_icon-sizes---size: clamp(1.5 * 1rem, ((1.5 - ((3 - 1.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1.5) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); } .text-transform-none { text-transform: none; } .position-static { position: static; } .styleguide_section { padding-top: 4rem; } .heading-style-h5 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .hflex-right-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .grid-custom { --_column-count---value: 5; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .mt-1 { margin-top: var(--_spacing---space--1); } .display-inline-grid { display: inline-grid; } .gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .grid-column-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .mt-5 { margin-top: var(--_spacing---space--5); } .shadow-xxsmall { box-shadow: 0 1px 2px #0000000d; } .icon-height-xsmall { height: var(--_icon-sizes---size); --_icon-sizes---size: 1.5rem; width: auto; } .mt-4 { margin-top: var(--_spacing---space--4); } .styleguide_icon { width: 3rem; height: 3rem; } .heading-style-display { font-family: var(--_text-style---font-family); color: var(--swatch--brand-text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .heading-style-display.text-color-brand.typing { height: 4rem; } .styleguide_list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-items: stretch; display: flex; } .column-custom { --_column-count---value: 2; grid-column-start: auto; grid-column-end: span var(--_column-count---value); } .min-height-screen { min-height: 100svh; } .hflex-right-stretch { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .text-size-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .column-5 { grid-column: auto / span 5; } .g_eyebrow_text { margin-top: 0; margin-bottom: 0; } .radius-xsmall { border-radius: var(--radius--xsmall); } .shadow-xxlarge { box-shadow: 0 32px 64px -12px #00000024; } .line-clamp-3 { display: -webkit-box; overflow: hidden; } .column-7 { grid-column: auto / span 7; } .heading-style-h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: balance; display: flow-root; } .column-9 { grid-column: auto / span 9; } .mt-7 { margin-top: var(--_spacing---space--7); } .vflex-left-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .align-self-end { align-self: flex-end; } .container-full { max-width: var(--container--full); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .cover-absolute { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .grid-flex { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: wrap; display: flex; } .btn_main_wrap { border: .094rem solid var(--_theme---button-primary--border); background-color: var(--_theme---button-primary--background); color: #fff; vertical-align: middle; padding: .75rem 1.5rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; position: relative; } .btn_main_wrap:hover { color: #212122; background-color: #fff; border-color: #fff; } .display-inline { display: inline; } .text-color-inherit { color: inherit; } .icon-1x1-xsmall { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); --_icon-sizes---size: 1.5rem; } .g_clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .zindex-1 { z-index: 1; position: relative; } .mb-gutter { margin-bottom: var(--_gap---size); --_gap---size: var(--site--gutter); } .hflex-between-stretch { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .border-outline { outline-offset: .5rem; outline: 1px solid #3532331a; } .rl-styleguide_item { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start; padding-bottom: 1rem; display: grid; } .rl-styleguide_item.is-stretch { grid-row-gap: 1rem; border: 1px solid var(--_theme---border); justify-items: stretch; } .icon-1x1-small-1 { width: var(--size--1rem); height: var(--size--1rem); color: #212122; --_icon-sizes---size: 2rem; } .hflex-center-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .radius-large { border-radius: var(--radius--large); } .column-6 { grid-column: auto / span 6; } .flex-shrink { flex: 0 auto; } .text-size-large { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .text-size-large.text-color-white { text-align: center; } .order-last-desktop { order: 1; } .vflex-right-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .align-self-start { align-self: flex-start; } .btn_play_icon { aspect-ratio: 1; width: 36%; position: relative; } .zindex-3 { z-index: 3; position: relative; } .g_visual_overlay { background-color: #000; } .position-fixed { position: fixed; } .mb-6 { margin-bottom: var(--_spacing---space--6); } .shadow-xsmall { box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000000f; } .heading-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); margin-bottom: .5rem; display: flow-root; } .radius-inherit { border-radius: inherit; } .styleguide_subheading { margin-bottom: 0; } .gap-row-0 { grid-row-gap: var(--_gap---size); --_gap---size: var(--size--0rem); } .hflex-between-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .gap-row-gutter { grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .g_svg { overflow: visible !important; } .max-width-xxlarge { width: 100%; max-width: 80rem; } .styleguide_card_inner { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .max-width-full { width: 100%; max-width: none; } .column-4 { grid-column: auto / span 4; } .mt-6 { margin-top: var(--_spacing---space--6); } .icon-height-xxsmall { height: var(--_icon-sizes---size); --_icon-sizes---size: 1.5rem; width: auto; } .ratio-2-1 { aspect-ratio: 2; } .vflex-stretch-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .zindex-2 { z-index: 2; position: relative; } .max-width-xsmall { width: 100%; max-width: 25rem; } .hflex-left-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .icon-1x1-custom1 { width: 1.25rem; height: 1.25rem; } .mt-0 { margin-top: 0; } .g_clickable_wrap { z-index: 10; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .vflex-center-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .text-rich-text h3 { margin-top: var(--_typography---h3--margin-top\); margin-bottom: var(--_typography---h3--margin-bottom\); font-family: var(--_typography---h3--font-family\); font-size: var(--_typography---h3--font-size\); line-height: var(--_typography---h3--line-height\); font-weight: 400; display: flow-root; } .text-rich-text h4 { margin-top: var(--_typography---h4--margin-top\); margin-bottom: var(--_typography---h4--margin-bottom\); font-family: var(--_typography---h4--font-family\); font-size: var(--_typography---h4--font-size\); line-height: var(--_typography---h4--font-size\); font-weight: 400; display: flow-root; } .text-rich-text h1 { margin-top: var(--_typography---h1--margin-top\); margin-bottom: var(--_typography---h1--margin-bottom\); font-family: var(--_typography---h1--font-family\); font-size: var(--_typography---h1--font-size\); line-height: var(--_typography---h1--line-height\); } .text-rich-text h2 { margin-top: var(--_typography---h2--margin-top\); margin-bottom: var(--_typography---h2--margin-bottom\); font-family: var(--_typography---h2--font-family\); font-size: var(--_typography---h2--font-size\); line-height: var(--_typography---h2--line-height\); display: flow-root; } .text-rich-text p { margin-top: var(--_typography---text-main--margin-top\); margin-bottom: var(--_typography---text-main--margin-bottom\); } .order-first { order: -1; } .column-10 { grid-column: auto / span 10; } .max-width-xxsmall { width: 100%; max-width: 20rem; } .btn_play_wrap { aspect-ratio: 1; color: #fff; vertical-align: middle; background-color: #fff; border: .094rem solid #fff; border-radius: 100vw; justify-content: center; align-items: center; width: 5rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .btn_play_wrap:hover { color: #fff; background-color: #fff; border-color: #fff; } .form_main_success_wrap { background-color: #fff0; border: .094rem solid #fff; border-radius: 1rem; padding: 1.2rem; } .margin-trim-off { margin: 0; } .icon-1x1-xxsmall { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); --_icon-sizes---size: 1rem; } .vflex-center-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .form_main_label { z-index: 2; color: #212122; position: relative; } .g_visual_background { opacity: .1; background-color: currentColor; } .icon-height-small { height: var(--_icon-sizes---size); --_icon-sizes---size: 2rem; width: auto; } .flex-noshrink { flex: none; } .hflex-right-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .card-padding-small { padding: var(--_paddings---padding-small) var(--_card-padding---card-padding) var(--_card-padding---card-padding); --_card-padding---card-padding: clamp(.6 * 1rem, ((.6 - ((1 - .6) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - .6) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem); } .ratio-2-3 { aspect-ratio: 3 / 2; } .styleguide_scroll { padding-left: var(--size--0rem); grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 4; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(16rem, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); justify-content: flex-start; align-items: flex-start; display: grid; } .styleguide_scroll.is-3col { --_column-count---value: 3; } .text-transform-lowercase { text-transform: lowercase; } .grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .grid-autofit.flex-mobile { grid-column-gap: 1rem; grid-row-gap: 1rem; --_column-count---value: 4; position: relative; } .vflex-right-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .display-inline-block { display: inline-block; } .align-self-center { align-self: center; } .card-padding-large { padding: var(--_card-padding---card-padding); --_card-padding---card-padding: clamp(1.25 * 1rem, ((1.25 - ((3 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); } .heading-style-h4 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .g_visual_img.cover-absolute { object-fit: cover; object-position: inherit; } .g_visual_img.cover-absolute.icon-1x1-medium { width: 3rem; height: 3rem; } .g_visual_img.cover-absolute.height-6 { width: 100%; height: 2rem; } .g_visual_img.cover-absolute.crv-logo-padding { padding: .8rem; } .g_visual_img.cover-absolute.contain-image { object-fit: contain; } .styleguide_card_visual { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; width: 100%; min-width: 3rem; height: 3rem; min-height: 3rem; padding: 0; } .card-padding-main { padding: var(--_card-padding---card-padding); --_card-padding---card-padding: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem); } .styleguide_color { ---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c; } .column-indent { grid-column: 2 / -2; } .g_clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .text-weight-light { font-weight: var(--_typography---primary-light); } .order-first-desktop { order: -1; } .overflow-scroll { overflow: scroll; } .mb-7 { margin-bottom: var(--_spacing---space--7); } .text-wrap-wrap { text-wrap: wrap; } .column-8 { grid-column: auto / span 8; } .gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .hflex-center-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .styleguide_visual { aspect-ratio: 3 / 1.5; text-align: center; border: .094rem solid #fff; border-radius: .5rem; width: 100%; padding: .25rem; position: relative; overflow: hidden; } .styleguide_visual.u-vflex-center-center { border-color: #3532331a; } .ratio-1-1 { aspect-ratio: 3 / 2; } .column-12 { grid-column: auto / span 12; } .sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .pointer-off { pointer-events: none; } .column-2 { grid-column: auto / span 2; } .vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .position-relative { position: relative; } .container-large { max-width: var(--container--main); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; container-type: inline-size; } .max-width-none { max-width: none; } .icon-height-xlarge { height: var(--_icon-sizes---size); --_icon-sizes---size: clamp(3.5 * 1rem, ((3.5 - ((6.5 - 3.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((6.5 - 3.5) / (var(--site--max) - var(--site--min))) * 100vw), 6.5 * 1rem); width: auto; } .max-width-small { width: 100%; max-width: 30rem; } .pointer-on { pointer-events: auto; } .line-clamp-1 { display: -webkit-box; overflow: hidden; } .theme-dark { background-color: var(--background--bg-dark-1); color: var(--swatch--text-light); --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .theme-light { background-color: var(--_theme---background); color: var(--swatch--brand-text); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .delete-this_cover { justify-content: center; align-items: center; min-height: 100svh; display: flex; position: relative; } .delete-this_cover.theme-dark { ---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c; } .g-img-wrap.custom-ratio { aspect-ratio: 16 / 9; position: relative; } .g-img-wrap.custom-ratio.vflex-center-bottom { aspect-ratio: 16 / 9; } .styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .styleguide_guide_layout.grid-custom { grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); } .styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; } .padding-section-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .padding-section-medium { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .padding-section-medium.padding-bottom-more { padding-bottom: 8rem; } .components_layout.grid-autofit { --_column-count---value: 2; grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .header-rich-text { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; font-weight: var(--_text-style---font-weight); } .header-rich-text:where(.w-variant-b99f85d7-8761-f28a-7436-b823499f73fa) { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .header-rich-text:where(.w-variant-58479d3c-2434-4f33-b027-b02628919705) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text:where(.w-variant-8e4a1542-c15c-a224-5ce7-9db02bc63221) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text:where(.w-variant-062f86df-8c94-66bc-11f1-2dec3363176b) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text:where(.w-variant-99ef0c6f-d120-4697-e0fe-eeda93f42751) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text:where(.w-variant-ad1158d2-fbf0-7764-81fe-6e618e53cb14) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text.text-color-brand:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) { color: var(--swatch--brand); } .header-rich-text em { color: var(--swatch--brand); font-style: normal; } .content-rich-text { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); } .content-rich-text:where(.w-variant-b99f85d7-8761-f28a-7436-b823499f73fa) { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-58479d3c-2434-4f33-b027-b02628919705) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-8e4a1542-c15c-a224-5ce7-9db02bc63221) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-062f86df-8c94-66bc-11f1-2dec3363176b) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-99ef0c6f-d120-4697-e0fe-eeda93f42751) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-ad1158d2-fbf0-7764-81fe-6e618e53cb14) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .content-rich-text:where(.w-variant-d1f8a31e-200a-31ea-8413-1a1d9579048a) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; } .content-rich-text:where(.w-variant-c12058f6-417c-9a6d-715e-94c0e11b7eb9) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; } .content-rich-text a { color: var(--swatch--brand); text-decoration: none; } .content-rich-text.text-align-left { text-align: left; } .g-section-space { height: var(--_spacing---section-space--none); } .g-section-space:where(.w-variant-06539f70-5f1c-7b69-3356-58a6324ac143) { height: var(--_spacing---section-space--small); } .g-section-space:where(.w-variant-ef9b3eac-2a11-f8cf-f392-b89b53acb212) { height: var(--_spacing---section-space--main); } .g-section-space:where(.w-variant-da9deacd-6bd2-1cf6-af5c-3a3c0552044d) { height: var(--_spacing---section-space--large); } .g-section-space:where(.w-variant-6cb0206d-e10f-2d4b-08b6-0f8bb75211e1) { height: var(--_spacing---section-space--page-top); } .g-section-space:where(.w-variant-daeff948-f5ad-3c52-cce5-19c92d58698d) { height: var(--_spacing---section-space--xsmall); } .g_section:where(.w-variant-06bfd700-a8fe-1bee-dfa2-248c38c5ee34) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .g_section:where(.w-variant-dfb2104f-deee-7b68-37bd-88633f0d3adf) { background-color: var(--_theme---button-primary--background); color: var(--_theme---text); } .g_section:where(.w-variant-5eaddd25-9c58-768c-b5b8-eeecaaad7670) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .g_section:where(.w-variant-5eaddd25-9c58-768c-b5b8-eeecaaad7671) { background-color: var(--_theme---button-primary--background); color: var(--_theme---text); } .g_section.background-waves:where(.w-variant-5eaddd25-9c58-768c-b5b8-eeecaaad7670) { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68baab853f66d1a4bd944236_Union.png"); background-position: 0 0; background-size: auto; } .g_section.bottom-border-blue-3:where(.w-variant-5eaddd25-9c58-768c-b5b8-eeecaaad7670) { border-style: none none solid; border-width: 1px; border-color: black black var(--swatch--blue-3); } .g_content_grid.column-custom { --_column-count---value: 1; } .g_content_grid.column-custom:where(.w-variant-24213516-d2b0-10b8-4467-6914345e12db) { --_column-count---value: 2; } .g_content_grid.column-custom:where(.w-variant-3eec9c8d-1944-bd59-9168-880bffdac103) { --_column-count---value: 4; } .g_content_grid.column-custom:where(.w-variant-b70de027-9167-d648-4978-eb3ff2c89e00) { --_column-count---value: 5; } .g_content_grid.column-custom:where(.w-variant-fc540237-9646-bc80-acd1-b38f51505218) { --_column-count---value: 6; } .g_content_grid.column-custom:where(.w-variant-44c2def3-1f2d-69a2-c22a-a8fea36abaf3) { --_column-count---value: 7; } .g_content_grid.column-custom:where(.w-variant-f02a0948-6847-ce1d-4c21-68a870653144) { --_column-count---value: 8; } .g_content_grid.column-custom:where(.w-variant-5e97ccd6-3240-a80f-fed9-77adfde5a150) { --_column-count---value: 9; } .g_content_grid.column-custom:where(.w-variant-ea250c6e-3e46-a072-6a57-3d3af44e0a82) { --_column-count---value: 10; } .g_content_grid.column-custom:where(.w-variant-f5bb1cc8-65ac-ad77-1ccd-dfc92595b3fe) { --_column-count---value: 11; } .g_content_grid.column-custom:where(.w-variant-0ee410a8-6de4-96fe-b537-41ca0b0d9c87) { --_column-count---value: 12; } .g_content_grid.column-custom:where(.w-variant-a0a668a1-0cb9-2231-25be-aeb1a9f89b28) { --_column-count---value: 3; } .g_background:where(.w-variant-3c5721ab-9a59-fe4b-c769-cea91b3d505f) { background-color: var(--_theme---background); } .g_background:where(.w-variant-9d323165-3469-4786-c485-c45ae564c4b4) { background-color: var(--_theme---background-2); } .g_background:where(.w-variant-504489dd-3e0f-04fc-3b58-fe6b3574ecf7) { background-color: var(--_theme---background-3); } .g_grid_content { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); width: 100%; display: grid; } .g_grid_content:where(.w-variant-e9e6ba9d-b06f-8a8d-e56f-7bded813023f) { --_column-count---value: 2; } .g_grid_content:where(.w-variant-d1ee07ab-536d-9325-ccf4-77ce8108c0cb) { --_column-count---value: 3; grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .g_grid_content:where(.w-variant-e1e753e4-a447-64e3-bdcd-b22075017db7) { --_column-count---value: 4; } .g_grid_content:where(.w-variant-16eac31d-3b36-4050-f874-3a7d1c6bb3eb) { --_column-count---value: 5; } .g_grid_content:where(.w-variant-0fa6f673-25b1-6394-32cc-823705da5e33) { --_column-count---value: 6; } .g_grid_content:where(.w-variant-bf2915a7-8d73-0850-7b2f-46456c4a5627) { --_column-count---value: 7; } .g_grid_content:where(.w-variant-788cf64b-1f5b-a50f-f876-ebf82490409d) { --_column-count---value: 8; } .g_grid_content:where(.w-variant-b1daa915-6d2c-e86b-a44a-201df36b797d) { --_column-count---value: 9; } .g_grid_content:where(.w-variant-8554e47b-5ad9-e474-c279-c6cdb1206314) { --_column-count---value: 10; } .g_grid_content:where(.w-variant-320c36d7-8321-5762-2809-a0eb0dd098ed) { --_column-count---value: 11; } .g_grid_content:where(.w-variant-b8e7dff3-6c40-d36f-ad0f-822c28266403) { --_column-count---value: 12; } .g_grid_content.grid-custom:where(.w-variant-e9e6ba9d-b06f-8a8d-e56f-7bded813023f) { --_column-count---value: 2; } .g_grid_content.grid-custom:where(.w-variant-d1ee07ab-536d-9325-ccf4-77ce8108c0cb) { --_column-count---value: 3; } .g_grid_content.grid-custom:where(.w-variant-e1e753e4-a447-64e3-bdcd-b22075017db7) { --_column-count---value: 4; } .g_button_wrap { grid-column-gap: .12rem; grid-row-gap: .12rem; border: 1px solid var(--swatch--blue-3); color: var(--_button-style---text); --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border-hover: var(--_theme---button-primary--border-hover); background-color: #99a6ff94; border-radius: 100rem; flex: none; justify-content: flex-start; align-items: center; padding: .25rem; font-weight: 500; transition: all .2s; display: inline-flex; position: relative; } .g_button_wrap:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { grid-column-gap: 0rem; grid-row-gap: 0rem; border-color: var(--swatch--brand); border-radius: var(--radius--round); background-color: var(--swatch--light-2); color: var(--swatch--brand); text-align: center; --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); justify-content: center; align-items: center; padding: .7rem 1.5rem; } .g_button_wrap:where(.w-variant-f3051b06-7cfe-a52c-4204-83591a9748a2) { z-index: 1; grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: var(--swatch--transparent); color: var(--swatch--brand-text); border-style: none; border-radius: 0; padding-left: 0; padding-right: 0; } .g_button_wrap:where(.w-variant-61023e54-4f8a-8053-34ce-0a107ee8984e) { grid-column-gap: 0rem; grid-row-gap: 0rem; border-color: var(--swatch--brand); background-color: var(--swatch--light-2); color: var(--swatch--brand); text-align: center; --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); border-radius: .5rem; justify-content: center; align-items: center; padding: .7rem 1.5rem; } .g_button_wrap:where(.w-variant-65b87ced-78aa-968b-03d2-940ea4edf250) { grid-column-gap: 0rem; grid-row-gap: 0rem; border-color: var(--swatch--brand); background-color: var(--swatch--light-2); color: var(--swatch--brand); text-align: center; --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); border-radius: 6.19rem; justify-content: center; align-items: center; padding: .5rem 2rem; } .g_button_wrap:hover { border-color: var(--swatch--blue-5); color: var(--_button-style---text-hover); } .g_button_wrap:hover:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { border-color: var(--swatch--light); background-color: var(--swatch--brand); color: var(--swatch--text-light); } .g_button_wrap:hover:where(.w-variant-f3051b06-7cfe-a52c-4204-83591a9748a2) { color: var(--swatch--brand); } .g_button_wrap:hover:where(.w-variant-61023e54-4f8a-8053-34ce-0a107ee8984e), .g_button_wrap:hover:where(.w-variant-65b87ced-78aa-968b-03d2-940ea4edf250) { border-color: var(--swatch--light); background-color: var(--swatch--brand); color: var(--swatch--text-light); } .g_button_text { background-color: var(--swatch--brand); letter-spacing: .03rem; border-radius: 100rem; padding: .6rem 1.5rem; font-weight: 500; display: flex; } .g_button_text:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { background-color: var(--swatch--transparent); padding: 0; } .g_button_text:where(.w-variant-f3051b06-7cfe-a52c-4204-83591a9748a2) { background-color: var(--swatch--transparent); border-radius: 0; justify-content: flex-start; align-items: center; margin-top: .15rem; padding: 0; font-weight: 400; display: block; } .g_button_text:where(.w-variant-61023e54-4f8a-8053-34ce-0a107ee8984e), .g_button_text:where(.w-variant-65b87ced-78aa-968b-03d2-940ea4edf250) { background-color: var(--swatch--transparent); padding: 0; } .display-contents { display: contents; } .display-contents.margin-auto:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) { margin-top: auto; } .display-contents._1x1-icon-smaller { width: 1.5rem; height: 1.5rem; } .display-contents.height-100 { height: 100%; } .display-contents.vflex-left-top { display: flex; } .display-contents.vflex-left-top.full-width { height: 100%; } .display-contents.vflex-stretch-between { display: flex; } .display-contents.padding-1:where(.w-variant-e9e6ba9d-b06f-8a8d-e56f-7bded813023f) { padding-left: 1%; padding-right: 1%; } .display-contents.hflex-between-stretch { flex-flow: row; justify-content: space-between; align-items: stretch; display: flex; } .display-contents.icon-1x1-small { width: var(--size--1rem); height: var(--size--1rem); } .g_content { --_alignment---direction: start; text-align: var(--_alignment---direction); flex: 1; display: block; } .g_content:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { --_alignment---direction: center; text-align: var(--_alignment---direction); justify-content: center; align-items: var(--_alignment---direction); } .g_content:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) { --_alignment---direction: end; justify-content: flex-end; } .g_content.margin-auto { margin-top: auto; } .g_content.right-2, .g_content.right-2-copy { --_alignment---direction: end; justify-content: flex-end; } .g_content.hflex-between-stretch, .g_content.hflex-between-center { display: flex; } .g_content.object-position-bottom { object-position: 50% 100%; flex-flow: column; justify-content: flex-end; align-items: center; display: flex; } .nav_dropdown_main_scroll:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); background-color: var(--nav--nav-bg); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); border-radius: var(--nav--radius); overflow-x: hidden; overflow-y: auto !important; } .nav_dropdown_main_scroll.is-desktop { max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); border-radius: var(--nav--radius); background-color: #fff; overflow-x: hidden; overflow-y: auto !important; } .nav_links_component { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); color: var(--nav--text-color); flex-flow: column; flex: 1; display: flex; } .nav_links_component:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { color: inherit; flex-flow: row; } .nav_links_component.desktop { flex-flow: row; } .nav_component { z-index: 1000; pointer-events: none; ---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c; background-color: #fff0; position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_dropdown_item { font-size: .9rem; list-style-type: none; } .nav_dropdown_item:hover { color: #fff; } .nav_contain { pointer-events: auto; ---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: base; grid-column-gap: var(--space--3); height: var(--nav--height); border-radius: var(--nav--radius); max-width: var(--nav--container); padding-top: 0; padding-bottom: 0; padding-left: var(--nav--spacing-inner-horizontal); padding-right: var(--nav--spacing-inner-horizontal); background-color: #fff; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: static; } .nav_contain.is-desktop { background-color: var(--nav--nav-bg); color: var(--nav--text-color); padding-right: .35rem; } .nav_contain.is-desktop:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_dropdown_main_wrap.is-desktop { padding-top: var(--space--1); position: absolute; } .nav_dropdown_main_content { border-radius: .25rem; } .nav_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_dropdown_mega_wrap.is-desktop { max-width: var(--nav--container); position: absolute; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { background-color: var(--nav--nav-bg); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); padding-left: var(--nav--spacing-inner-horizontal); padding-right: var(--nav--spacing-inner-horizontal); overflow: hidden; margin-top: var(--nav--height) !important; overflow-y: auto !important; } .nav_dropdown_mega_scroll.is-desktop { max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); border-radius: var(--nav--radius); padding-left: var(--nav--spacing-inner-horizontal); padding-right: var(--nav--spacing-inner-horizontal); background-color: #fff; overflow: hidden; margin-top: var(--nav--height) !important; overflow-y: auto !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--theme--background) !important; } .nav_links_item { display: flex; } .nav_links_item:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { list-style: ""; } .nav_links_text { font-size: .9rem; } .nav_wrap { z-index: 1; background-color: #0000; position: relative; margin-top: var(--nav--spacing-outer-vertical) !important; } .nav_wrap.is-desktop { color: #212122; display: none; } .nav_wrap.is-mobile { color: #212122; } .nav_screen-reader-text { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .icon { aspect-ratio: 1; width: 1rem; overflow: visible; } .icon.arrow { display: block; } .nav_banner_contain { color: var(--nav--nav-bg); grid-column-gap: var(--space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: grid; } .nav_dropdown_text { transition: opacity .1s; } .nav_dropdown_text.text-color-faded.text-size-tiny { ---mode--collection-4b4073e8-784a-df73-5d55-fc4d01a5f05b: base; color: color-mix(in srgb, var(--_nav---nav-text) 60%, transparent); } .nav_menu_scroll { padding-left: var(--nav--spacing-inner-horizontal); padding-right: var(--nav--spacing-inner-horizontal); max-height: 100svh; overflow: hidden auto; } .nav_actions_wrap { flex-flow: column; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { padding: unset; margin: unset; flex-flow: row; } .nav_actions_wrap.desktop-36 { margin: unset; padding: unset; flex-flow: row; } .nav_btn_layout { grid-row-gap: var(--nav--hamburger-gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_btn_wrap { z-index: 2; flex: none; width: 2rem; padding: 0; outline-width: var(--focus--width) !important; outline-color: var(--theme--text) !important; outline-offset: var(--focus--offset-inner) !important; } .nav_btn_wrap.w--open { color: inherit; background-color: #0000; } .nav_dropdown_mega_contain { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { padding-bottom: var(--_spacing---space--7); padding-top: var(--_spacing---space--7); } .nav_dropdown_mega_contain.is-desktop { padding-top: var(--space--7); padding-bottom: var(--space--8); } .nav_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { margin: unset; padding: unset; justify-content: center; display: flex; } .nav_links_wrap.is-desktop { margin: unset; padding: unset; justify-content: center; align-items: stretch; display: flex; } .nav_full { color: var(--nav--text-color); width: 100%; } .nav_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_dropdown_mega_layout.is-desktop { grid-column-gap: var(--space--6); grid-row-gap: var(--space--6); column-gap: var(--site--gutter); grid-template-rows: auto auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .nav_dropdown_mega_content { position: relative; } .button_content { z-index: 2; color: #fff; background-color: #5139eb; padding: .75em 1.5em; } .button_content:hover { color: #fff; background-color: #212122; } .nav_buttons_item { z-index: 2; text-align: center; margin: unset; padding: unset; flex-flow: column; justify-content: center; align-items: flex-start; list-style-type: none; display: flex; position: relative; } .button_wrap { font-size: .6rem; display: inline-block; position: relative; } .button_wrap:hover { color: #fff; } .nav_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--theme--background) !important; } .nav_banner_svg { width: 1rem; overflow: visible !important; } .button_text { font-size: .95rem; } .nav_banner_wrap { z-index: 1; background-color: var(--nav--text-color); pointer-events: auto; color: #fff0; font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_menu_wrap { pointer-events: auto; text-align: left; background-color: var(--theme--background); padding-top: var(--nav--height); max-width: var(--nav--container); border-radius: var(--nav--radius); margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_desktop_layout { z-index: 1; flex: 1; display: flex; } .nav_banner_embed { display: none; } .nav_banner_text.u-line-clamp-1.text-size-small { margin-bottom: 0; font-size: clamp(.6rem, .686rem + .1vw, .875rem); } .nav_logo_wrap { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 10rem; display: flex; position: relative; } .nav_banner_close_svg { width: 100%; overflow: visible !important; } .nav_dropdown_link { z-index: 2; font-size: var(--_typography---font-size--text-small); cursor: pointer; color: inherit; padding-left: 0; padding-right: 0; padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex: 1; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:hover { color: #5139eb; } .nav_dropdown_link.is-desktop { font-size: inherit; padding-left: calc(var(--space--6) / 2); padding-right: calc(var(--space--6) / 2); } .nav_dropdown_link.is-desktop:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { padding-top: var(--space--3); padding-bottom: var(--space--3); padding-right: calc(var(--space--6) / 2); padding-left: calc(var(--space--6) / 2); justify-content: flex-start; align-items: flex-start; } .nav_btn_line { height: var(--nav--hamburger-thickness); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .icon-tiny { width: 1rem; padding-top: .125rem; display: inline-block; overflow: clip; } .nav_links_link { z-index: 2; cursor: pointer; color: inherit; padding-left: 0; padding-right: 0; padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--space--2); flex: 1; justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { outline-color: var(--swatch--dark-9\); padding-right: calc(var(--_spacing---space--6) / 2); padding-left: calc(var(--_spacing---space--6) / 2); height: 100%; } .nav_links_link.is-desktop { padding-right: calc(var(--space--6) / 2); padding-left: calc(var(--space--6) / 2); padding-top: var(--space--3); } .nav_links_svg { flex: none; width: .75rem; margin-left: .25rem; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_menu_contain { padding-bottom: var(--space--8); padding-top: var(--space--3); } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_skip_wrap { z-index: 2; pointer-events: auto; background-color: var(--theme--background); color: var(--theme--text); border-width: var(--border-width--main); outline-offset: var(--focus--offset-inner); margin: .5rem; padding: .25rem .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .menu_icon_wrap { z-index: 2; flex: none; position: relative; } .btn_main_icon { color: #212122; flex: none; justify-content: center; align-items: center; width: .8rem; height: .8rem; transition: transform .2s; display: flex; } .btn_main_icon.is-brand-text { color: inherit; } .nav_dropdown_list { margin: unset; padding: unset; } .menu_content { z-index: 2; position: relative; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .button_layout.hflex-left-center.gap-4 { color: inherit; } .g_btn_group { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: var(--_alignment---direction); flex-flow: wrap; display: flex; } .g_btn_group.zindex-10 { z-index: 10; } .blog_layout.grid-custom { --_column-count---value: 8; } .blog-rich-text h3 { margin-top: var(--_typography---h3--margin-top\); margin-bottom: var(--_typography---h3--margin-bottom\); font-family: var(--_typography---h3--font-family\); font-size: var(--_typography---blog--h3\); line-height: var(--_typography---h3--line-height\); font-weight: 400; display: flow-root; } .blog-rich-text h4 { margin-top: var(--_typography---h4--margin-top\); margin-bottom: var(--_typography---h4--margin-bottom\); font-family: var(--_typography---h4--font-family\); font-size: var(--_typography---blog--h4\); line-height: var(--_typography---h4--font-size\); font-weight: 400; display: flow-root; } .blog-rich-text h1 { margin-top: var(--_typography---h1--margin-top\); margin-bottom: var(--_typography---h1--margin-bottom\); font-family: var(--_typography---h1--font-family\); font-size: var(--_typography---blog--h1\); line-height: var(--_typography---h1--line-height\); } .blog-rich-text h2 { margin-top: var(--_typography---h2--margin-top\); margin-bottom: var(--_typography---h2--margin-bottom\); font-family: var(--_typography---h2--font-family\); font-size: var(--_typography---blog--h2\); line-height: var(--_typography---h2--line-height\); display: flow-root; } .blog-rich-text p { margin-top: var(--_typography---text-main--margin-top\); margin-bottom: var(--_typography---text-main--margin-bottom\); } .blog-rich-text h5 { font-size: var(--_typography---blog--h5\); } .blog-rich-text h6 { font-size: var(--_typography---blog--h6\); } .blog_toc.position-sticky { position: sticky; top: 8rem; } .blog_toc_track.column-2 { grid-column-start: 7; } .blog_toc_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .blog_toc_links { height: 100%; } .blog_toc_list { padding-left: 0; list-style: ""; } .blog_toc_line { background-color: var(--swatch--dark\); width: 100%; height: 1px; } .blog_toc_share { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .blog_toc_text.text-weight-bold { align-self: center; } .blog_toc_social_links { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .blog_toc_layout { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .align-center { margin-left: auto; margin-right: auto; } .sg_menu_content { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--3); border-radius: var(--radius--xsmall); background-color: var(--_theme---background-2); } .sg_menu_header { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--3); } .sg_menu_list { margin-bottom: 0; padding-left: 0; padding-right: 0; list-style: ""; } .sg_menu_link { padding: var(--_spacing---space--1) var(--_spacing---space--4); border-radius: var(--radius--xsmall); display: flex; } .sg_menu_link.w--current { display: flex; position: relative; } .sg_menu_track.position-sticky { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; top: 2rem; } .text-color-brand { color: var(--swatch--brand); } .text-color-white { color: var(--swatch--light); } .border { border: 1px solid var(--_theme---border); border-radius: 1px; } .padding-section-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .container-medium { max-width: var(--container--medium); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; } .container-medium.smaller { width: 55rem; } .container-medium.hpadding-small { padding-left: 3rem; padding-right: 3rem; } .align-self-variable { align-self: var(--_alignment---direction, start); } .align-items-variable { align-content: stretch; align-items: var(--_alignment---direction, start); } .letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .letter-spacing-wide { letter-spacing: var(--_typography---letter-spacing--wide); } .pb-0 { padding-top: 0; padding-bottom: 0; } .pb-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .pb-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .pb-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .pb-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .pb-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .pb-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .pb-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .pb-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .pb-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .pi-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .pi-0 { padding-left: 0; padding-right: 0; } .pi-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .pi-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .pi-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .pi-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .pi-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .pi-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .pi-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .pi-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .main-wrapper-new { margin-left: auto; margin-right: auto; } .section_home_header { z-index: 2; background-color: #fff; border-bottom: 1px solid #dfdfdf; position: relative; } .home_header_layout.side-lines.right-padding-none { padding-right: 0%; } .home_header_hero-container { max-width: 120rem; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%; } .home_header_hero-container.right-padding-none { padding-right: 0%; } .padding-section-large-new { padding-top: 7rem; padding-bottom: 7rem; } .home_header_component { width: 100%; } .home_header_content { grid-column-gap: 1rem; grid-row-gap: 4rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: .8fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; min-height: 75svh; display: grid; position: relative; } .home_header_content-left { flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; height: 90%; display: flex; position: relative; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-bottom.margin-hero-percentage { margin: 0 0 10vh; } .margin-bottom.margin-xlarge, .margin-bottom.margin-small, .margin-bottom.margin-xxlarge, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxsmall, .margin-bottom.margin-medium, .margin-bottom.margin-large { margin-top: 0; margin-left: 0; margin-right: 0; } .heading-style-display-2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .heading-style-display-2.text-color-black-2 { color: #000; } .heading-style-display-2.text-color-blue { font-weight: 500; } .heading-style-display-2.text-color-blue.typing { height: 4rem; } .text-color-none { color: #fff0; cursor: none; } .home_header_video_component { width: 100%; min-width: 16rem; position: relative; } .home_header_video_image-wrapper { border-radius: 4px; overflow: hidden; } .home_header_video_image { aspect-ratio: 1; object-fit: cover; object-position: 0% 40%; width: 100%; height: 100%; } .home_header_video_video-wrapper { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .home_header_video_button { border: 2px solid var(--swatch--brand); border-radius: var(--radius--round); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: var(--swatch--brand); background-color: #0000; padding: .75rem 1.5rem; transition: border-color .2s, color .2s; } .home_header_video_button:hover { border-color: var(--swatch--blue-6); color: var(--swatch--blue-6); } .home_header_video_text { font-weight: 500; } .home_header_video_content { background-color: #fff; border: 1px solid #eef0fe; border-radius: 1rem; max-width: 60svw; padding: 2rem; position: relative; box-shadow: 0 2px 7px #0003; } .home_header_video_container { width: 100%; max-width: 64rem; margin-left: auto; margin-right: auto; } .home_header_video_close-iwrapper { background-color: #fff; border-radius: 100vw; width: 2rem; height: 2rem; margin-top: 1rem; margin-right: 1rem; padding: .25rem; position: absolute; inset: 0% 0% auto auto; } .home_header_video_close-icon { color: #303031; width: 1rem; height: 1rem; } .home_header_content-bottom { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr .75fr; grid-auto-columns: 1fr; place-items: start stretch; padding-right: 5%; display: grid; } .home_header_text { font-family: var(--_typography---font--primary-family); line-height: var(--_typography---line-height--1-2); font-weight: 500; font-size: clamp(2.25 * 1rem, ((1.9 - ((2.5 - 2.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 2.25) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem); } .home_header_split-text { display: none; } .home_header_button-group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .button-main { grid-column-gap: .12rem; grid-row-gap: .12rem; color: #f0f0f0; background-color: #99a6ff94; border: 1px solid #b0bbfb; border-radius: 99px; flex-direction: row; align-items: center; padding: .25rem; text-decoration: none; transition: border .2s cubic-bezier(.645, .045, .355, 1); display: flex; position: relative; overflow: hidden; } .button-main:hover { border-color: #6884f7; } .button-text-13 { z-index: 1; letter-spacing: .5px; white-space: nowrap; background-color: #3b6bf5; border-radius: 99px; justify-content: flex-start; padding: .5rem 1rem; font-size: 1rem; font-weight: 500; display: flex; position: relative; } .button-icon-wrap-13 { aspect-ratio: 1; color: #f0f0f0; background-color: #1540a5; border: 1px solid #1540a5; border-radius: 100vw; flex-direction: column; justify-content: center; align-items: center; width: 2.4rem; height: 2.5rem; padding: .5rem; display: flex; position: relative; overflow: hidden; } .button-text-13-icon { justify-content: center; align-items: center; font-size: .875rem; font-weight: 500; display: flex; } .button-text-13-icon.is-absolute { z-index: 2; position: absolute; transform: translate(-30px); } .home_header_button.button-round.is-secondary { color: inherit; } .stats_component { justify-content: center; align-items: center; display: flex; } .stats_list { grid-column-gap: 0rem; grid-row-gap: 0rem; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 1rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; display: flex; } .stats_item { border-radius: .5rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 1rem 1.5rem; display: flex; overflow: hidden; } .stats_number { font-size: 3rem; font-weight: 400; line-height: 1.3; } .stats-divider { background-color: #dfdfdf; flex-direction: column; justify-content: center; align-items: center; width: 90%; height: 2px; margin-left: auto; margin-right: auto; display: flex; } .home_header_stats-divider-line { background-color: #dfdfdf; border-radius: .5rem; flex-direction: column; justify-content: space-between; width: 1px; max-width: 1px; height: 80%; display: flex; overflow: hidden; } .section_partner-logos { z-index: 2; color: #000; background-color: #f8f9ff; border-bottom: 1px solid #dfdfdf; position: relative; overflow: hidden; } .section_partner-logos.theme-blue-2 { border-style: none; } .partner-logos_heading { font-size: 1.25rem; line-height: 1.4; } .partner-logos_wrapper { overflow: hidden; } .partner-logos_wrapper.none { display: none; } .partner-logos_component { display: flex; } .partner-logos_list { grid-column-gap: 1.5rem; grid-row-gap: 0rem; white-space: nowrap; flex-flow: row; grid-template-rows: auto; grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; place-items: center start; margin-right: 2rem; display: flex; } .partner-logos_list.hide { display: none; } .partner-logos_logo-wrapper { justify-content: center; align-items: flex-start; min-width: 9rem; display: flex; } .partner-logos_logo-wrapper.is-longer { min-width: 10rem; } .partner-logos_logo-wrapper.is-shorter { min-width: 5rem; } .partner-logos_logo-wrapper.hide { display: none; } .partner-logos_logo { filter: grayscale(); } .partner-logos_logo.is-center { padding-bottom: 5px; } .partner-logos_logo.is-regular { height: 2rem; } .partner-logos_logo.is-inverted { filter: invert(); } .partner-logos_logo.is-inverted.is-small { height: 1.75rem; } .partner-logos_logo.is-inverted.is-medium, .partner-logos_logo.is-large { height: 3.13rem; } .partner-logos_logo.is-larger { height: 3.75rem; } .image-20 { filter: invert(); } .image-20.smaller { width: 5rem; } .image-21 { filter: invert(); height: 40px; } .image-26 { aspect-ratio: auto; filter: invert(); } .image-24 { filter: none; height: 60px; padding-left: 10px; transition: opacity .2s; } .image-27 { filter: invert(); mix-blend-mode: normal; } .image-19 { filter: invert(); height: 50px; } .section_protection-issues { z-index: 1; border-top: 1px solid var(--sidelines-gray); color: #000; background-color: #fff; position: sticky; top: -16.1rem; } .padding-global-new { padding-left: 5%; padding-right: 5%; } .padding-global-new.z-index-3 { z-index: 3; position: relative; } .side-lines { border-right: 1px solid var(--sidelines-gray); border-left: 1px solid var(--sidelines-gray); max-width: 120rem; margin-left: auto; margin-right: auto; padding-left: 1%; padding-right: 1%; } .side-lines.demo-area { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af48f4b05b3d425513ce13_Frame%205%20(4).png"); background-position: 50% 100%; background-repeat: no-repeat; background-size: contain; background-attachment: fixed; } .side-lines.sides-blue { border-right-color: var(--swatch--blue-3); border-left-color: var(--swatch--blue-3); } .container-large-2 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .protection-issues_alerts_component { flex-direction: column; align-items: center; } .heading-style-h3-2 { color: #3b6bf5; letter-spacing: -.075rem; font-size: 2.5rem; line-height: 1.2; } .text-color-black-2 { color: #000; } .text-color-red { color: #f55a3b; } .text-size-medium { font-size: 1.125rem; } .protection-issues_alerts { grid-column-gap: 0rem; grid-row-gap: .5rem; grid-template-rows: 73px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: 74px; grid-auto-columns: 1fr; place-items: center start; display: grid; } .gh-merge_wrapper { z-index: 2; grid-column-gap: .5rem; grid-row-gap: .5rem; width: 110%; margin-bottom: 4rem; display: flex; } .gh_logo-wrapper { width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .gh_message-wrapper { justify-content: space-between; align-items: flex-start; display: flex; } .gh_message-corner { z-index: 3; margin-top: 1rem; margin-right: -3px; position: relative; } .gh_message-right { background-color: #fff; border: 2px solid #d1d7de; border-radius: 8px; overflow: hidden; } .gh_message-top { grid-column-gap: .75rem; grid-row-gap: .75rem; padding: .75rem; display: flex; } .icon-1x1-medium-3 { width: 3rem; height: 3rem; } .gh_message-top_icon { width: 100%; } .text-weight-semibold { font-weight: 600; } .text-weight-semibold.gh-merge_red { color: #be3636; } .gh_message-bottom { grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: #f6f8fa; justify-content: flex-start; align-items: center; padding: .5rem .75rem .5rem 1.25rem; display: flex; } .gh_message-bottom_icon-wrapper { width: 100%; } .text-size-small-2 { font-size: .875rem; } .slack_alert-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: radial-gradient(circle, #d8d6d699 56%, #d8d6d699); border: 1px solid #c7c7c7; border-radius: 16px; justify-content: space-between; align-items: center; width: 90%; padding: 1rem; display: flex; position: relative; top: 13px; box-shadow: 0 2px 5px #c2c2c2; } .slack_logo-wrapper { width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .pg-alert_wrapper { z-index: 3; grid-column-gap: 1rem; grid-row-gap: 1rem; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: radial-gradient(circle, #d8d6d699 56%, #d8d6d699); border: 1px solid #c7c7c7; border-radius: 16px; flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 1rem; display: flex; position: relative; box-shadow: 0 2px 5px #c2c2c2; } .pg-alert_toprow { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: space-between; align-items: center; width: 100%; display: flex; } .pg-alert_top-left { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .pg-alert_logo-wrapper { width: 1.75rem; min-width: 1.75rem; height: 1.75rem; min-height: 1.75rem; } .line-height-100 { line-height: 100%; } .post-alert_wrap { z-index: 2; grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--swatch--light); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: none; border: 1px solid #c7c7c7; border-radius: 16px; flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 1rem; display: flex; position: static; box-shadow: 0 2px 5px #c2c2c2; } .dd-alert_wrapper { z-index: 2; background-color: #ffffffed; border-radius: 4px; width: 90%; margin-left: auto; margin-right: auto; position: relative; top: -26px; box-shadow: 0 2px 5px #0003; } .dd-alert_message-top { border-bottom: 1px solid #ccc; justify-content: space-between; align-items: center; padding: 1rem; display: flex; } .dd-alert_message-top_logo-wrapper { width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .dd-alert_message-top_time-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .dd-alert_message-top_tag { background-color: #eee; padding: .25rem; } .dd-alert_message-bottom { flex-flow: column; height: 100%; padding-bottom: 1rem; display: flex; } .dd-alert_message-bottom_text-wrapper { padding: 1rem; } .protection-issues_bg-image-wrapper { position: relative; } .protection-issues_bg-image { position: fixed; } .section_benefits { z-index: 3; color: #000; background-color: #eef0fe; border-top: 1px solid #dfdfdf; position: relative; top: auto; bottom: auto; } .section_benefits.theme-blue-1 { border-top-color: var(--swatch--blue-3); border-bottom-style: solid; } .div-block-14 { z-index: 3; border-bottom: 1px solid #dfdfdf; position: relative; } .heading-style-h2-3 { letter-spacing: -.09rem; font-size: 3rem; line-height: 1.2; } .import-calm_content { grid-column-gap: .5rem; grid-row-gap: 4rem; background-image: radial-gradient(circle, #eef0fe00, #eef0fe 73%), url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68af48f4b05b3d425513ce37_Frame%20(28).svg"); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, contain; grid-template-rows: auto; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1.5fr); grid-auto-columns: 1fr; place-items: center start; display: grid; } .import-calm_content-left { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: 1fr; grid-template-columns: minmax(0, 1fr); width: 100%; } .import-calm_content-item { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: #fff; border: 1px solid #ccc; border-radius: .55rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: .25fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 1rem; display: flex; box-shadow: 0 4px 4px #0000001a; } .benefits_card_header { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #020e32; justify-content: flex-start; align-items: center; width: 100%; line-height: 1; display: flex; } .benefits_dot-wrapper { justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; position: relative; } .dot { z-index: 2; background-image: linear-gradient(351deg, #3b6bf5, #6884f7); border: .5px #fff; border-radius: 99px; width: .81rem; height: .81rem; position: absolute; } .pulsating-dot { background-color: #3b6bf5; justify-content: center; align-items: center; width: 1em; height: 1em; display: flex; } .benefits_card_description { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .heading-style-h5-6 { font-size: 1.5rem; line-height: 1.4; } .benefits_image-wrapper { z-index: 1; border-radius: 4px; justify-content: center; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; } .benefits_image { object-fit: cover; width: 100%; max-width: 5rem; height: 100%; max-height: 5rem; } .limport-calm_content-right { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr); width: 100%; height: 100%; } .benefits_cover { z-index: 2; background-color: var(--swatch--blue-1); height: 100%; position: absolute; inset: auto 0% 0%; } .section_timeline { z-index: 2; background-color: #fff; border-bottom: 1px solid #dfdfdf; position: relative; top: auto; } .timeline_content { grid-column-gap: 2.3rem; grid-row-gap: 2.3rem; grid-template-rows: auto; grid-template-columns: minmax(0, .5fr) minmax(50px, 50px) 1fr; grid-auto-columns: 1fr; justify-items: center; display: grid; position: relative; } .timeline_content-left { padding-right: 1rem; position: sticky; top: 5rem; } .text-color-blue { color: #3b6bf5; } .timeline_progress { z-index: 0; flex-direction: column; align-items: center; width: 2rem; height: 100%; display: flex; } .timeline_fade-overlay-top { z-index: 1; background-image: linear-gradient(#fff, #0000); width: 4px; height: 4rem; position: absolute; } .timeline_progress-line { z-index: 1; background-color: var(--swatch--brand); width: 3px; height: 50vh; margin-top: -50vh; position: sticky; top: 0; } .timeline_line { opacity: .15; background-color: #000; width: 3px; height: 100%; } .timeline_fade-overlay-bottom { z-index: 1; background-image: linear-gradient(#fff0, #fff); width: 4px; height: 4rem; position: absolute; bottom: 0%; } .timeline_progress-line-cover { z-index: 2; background-color: #fff; width: 100%; height: 50vh; position: absolute; top: -50vh; } .timeline_content-right { grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-bottom: 5rem; display: grid; } .timeline_row { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; position: relative; } .timeline_circle-wrapper { z-index: 1; justify-content: center; align-items: flex-start; width: 8rem; height: 100%; margin-left: -7.9rem; display: flex; position: absolute; } .timeline_circle { z-index: 2; box-sizing: content-box; border-radius: 100%; justify-content: center; align-items: center; width: 1rem; height: 1rem; margin-top: 3rem; box-shadow: 0 0 0 8px #e1ebfd; } .timeline_item { z-index: 2; grid-column-gap: 16px; grid-row-gap: 16px; border: 1px solid var(--swatch--light-gray); background-color: #fff; border-radius: 4px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; overflow: hidden; box-shadow: 0 0 4px #0000001f; } .timeline_item-content { padding: 1rem; } .timeline_image-wrapper { border: 1px solid #eee; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 5px #0003; } .timeline_image { aspect-ratio: auto; object-fit: contain; object-position: 0% 50%; width: 100%; } .section_meet { z-index: 2; color: #000; background-color: #fff; border-bottom: 1px solid #dfdfdf; position: relative; } .section_meet.hide { display: none; } .text-style-tagline { justify-content: center; align-items: center; font-weight: 600; text-decoration: none; display: inline-block; } .text-style-tagline.text-size-small { font-size: var(--_text-style---font-size); } .text-style-tagline.text-size-small.font-header { font-family: var(--_typography---font--primary-family); } .meet_grid-list { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; } .meet_row { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .meet_card-small { background-color: #fff; border: 1px solid #dfdfdf; border-radius: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: flex; overflow: hidden; box-shadow: 0 2px 7px #00000026; } .meet_card-small-content { flex-direction: column; justify-content: flex-start; padding: 1.5rem; display: flex; } .meet_card-small-image-wrapper { z-index: 2; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin-top: -1rem; display: flex; position: relative; } .meet_card-small-image { object-fit: contain; width: 100%; height: 100%; } .meet_card-small-grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; padding-right: 1.5rem; display: grid; } .margin-top, .margin-top.margin-small, .margin-top.margin-medium { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-top.margin-xxsmall { margin-top: 0; margin-left: 0; margin-right: 0; } .meet_card-link-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .meet_card-link-wrapper.is-center { justify-content: center; align-items: center; } .button-round { color: #fff; text-align: center; background-color: #3b6bf5; border: 1px solid #3b6bf5; border-radius: 999px; padding: .7rem 1.5rem; text-decoration: none; } .button-round.is-link { color: #000; background-color: #0000; border-style: none; padding: .25rem 0; line-height: 1; text-decoration: none; } .button-round.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .icon-embed-xxsmall { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .icon-embed-xxsmall:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3), .icon-embed-xxsmall:where(.w-variant-61023e54-4f8a-8053-34ce-0a107ee8984e), .icon-embed-xxsmall:where(.w-variant-65b87ced-78aa-968b-03d2-940ea4edf250) { display: none; } .content-grid_content-wrapper { width: 100%; text-decoration: none; transition: opacity .2s, transform .2s; position: relative; } .content-grid_content-wrapper:hover { transform: scale(1.025); box-shadow: 0 0 5px 3px #dfdfdf33; } .content-grid_content-wrapper.impart-ai { z-index: 1; text-decoration: none; top: 20px; } .content-grid_content { border: 1px solid #00000026; border-radius: .5rem; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; padding: 1rem; transition: border .15s cubic-bezier(.075, .82, .165, 1); display: flex; overflow: hidden; } .content-grid_content:hover { border-color: #3b6bf5; } .text-color-purple { -webkit-text-fill-color: transparent; background-image: linear-gradient(32deg, #3b6bf5, #cc71ff); -webkit-background-clip: text; background-clip: text; } .text-size-xsmall { font-size: .8rem; } .div-block-17 { border: 1px solid #000; margin-top: .25rem; padding: .5rem .5rem 1rem; } .div-block-17.text-style-muted-2 { border-color: #ccc; border-radius: 4px; } .content-grid_client { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: left; align-items: center; display: flex; } .content-grid_button { grid-column-gap: .25rem; grid-row-gap: .25rem; background-color: #eee; border-radius: 4px; justify-content: space-between; align-items: center; padding: .25rem .75rem .25rem .5rem; display: flex; } .section_see-in-action { z-index: 2; background-color: #eee; border-bottom: 1px solid #dfdfdf; position: relative; } .see-in-action_image-wrapper { border-radius: 4px; justify-content: center; align-items: center; overflow: hidden; } .section_programmable-rules { z-index: 2; color: #000; background-color: #fff; border-bottom: 1px #dfdfdf; } .container-large-3 { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .content-grid_card { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: 4px; grid-template-rows: auto; grid-template-columns: .75fr 1fr; grid-auto-columns: 1fr; align-items: stretch; height: 75vh; display: grid; overflow: hidden; } .content-grid_card-content-left { flex-direction: column; justify-content: center; padding: 3rem; display: flex; } .content-grid_card-content-right { grid-column-gap: 1rem; grid-row-gap: 16px; border-bottom-color: #000; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-content: center; align-items: center; width: 100%; padding-right: 3rem; display: grid; overflow: hidden; } .content-grid_list-left { grid-column-gap: 1rem; grid-row-gap: 1rem; column-count: 2; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-self: center; column-gap: 1.5rem; width: 100%; height: 100%; display: grid; } .content-grid_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-content: center; width: 100%; height: 100%; padding-left: .25rem; padding-right: .25rem; display: grid; } .content-grid_list-right { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; display: grid; } .section_testimonials { z-index: 2; background-color: var(--swatch--blue-1); } .section_testimonials.border-bottom-line { border-top: 1px solid var(--swatch--blue-3); border-bottom-style: none; border-bottom-color: var(--swatch--blue-3); } .testimonials_component { height: 300vh; position: relative; } .testimonials_content-wrapper { height: 100vh; position: sticky; top: 0; overflow: hidden; } .testimonials_images-wrapper { z-index: 3; position: absolute; inset: 0% auto 0% 0%; } .testimonials_images-wrapper.images-wrapper-right { z-index: 2; inset: 0% 0% 0% auto; } .testimonials_image-list { z-index: 1; grid-row-gap: 26vw; flex-direction: column; padding-top: 0; display: flex; } .testimonials_image-wrapper { z-index: 2; width: 100%; padding-top: 120%; position: relative; } .testimonials_image-wrapper.is-image-1 { width: 30vw; padding-top: 50%; left: 2vw; } .testimonials_image-wrapper.is-image-2 { width: 26vw; margin-top: -46vw; padding-top: 40%; left: 58vw; } .testimonials_image-wrapper.is-image-3 { width: 30vw; margin-top: -5vw; left: 4vw; } .testimonials_image-wrapper.is-image-4 { width: 28vw; margin-top: -45vw; left: 50vw; } .testimonials_image-wrapper.is-image-5 { width: 33vw; } .testimonials_image-wrapper.is-image-6, .testimonials_image-wrapper.is-image-6-copy { width: 28vw; margin-top: -44vw; right: 48vw; } .testimonials_image-wrapper.is-image-4-copy { width: 28vw; margin-top: -45vw; left: 50vw; } .testimonial-card-wrapper { background-color: #fff; border-radius: 2rem; width: 100%; max-width: 25rem; padding: 1rem; position: absolute; box-shadow: 1px 2px 7px #0003; } .testimonial-card-wrapper.is-image1 { bottom: 64%; left: 20%; } .testimonial-card-wrapper.is-image1.position { position: static; } .testimonial-card-wrapper.is-image2 { top: 65%; } .testimonial-card-wrapper.is-image2.position-static { position: static; } .testimonial-card-wrapper.is-image5 { align-items: center; display: flex; bottom: -15%; right: 10%; } .testimonial-card-wrapper.is-image5.position-static { position: static; } .testimonial-card-wrapper.is-image3 { top: 80%; right: -80%; } .testimonial-card-wrapper.is-image3.position-static { position: static; } .testimonial-card-wrapper.is-image4 { bottom: 57%; right: -20%; } .testimonial-card-wrapper.is-image4.position-static { position: static; } .testimonial-card { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .testimonial-card_content-top { justify-content: center; align-items: center; display: flex; position: relative; } .testimonial-card_icon-wrapper { background-color: #3b6bf545; border-radius: 99px; justify-content: center; align-items: center; width: 3rem; height: 3rem; margin-bottom: 2rem; display: flex; position: absolute; } .testimonial-card_author-details { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: minmax(3rem, 3rem) 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: grid; } .testimonial-card_author-image-wrapper { aspect-ratio: 1; object-fit: cover; border-radius: 99px; width: 3rem; overflow: hidden; } .text-weight-medium { font-weight: 500; } .image-31 { object-fit: cover; border-radius: 99px; width: 3rem; height: 3rem; } .testimonials_content { z-index: auto; align-items: center; max-width: 48rem; height: 100%; margin-left: auto; margin-right: auto; padding-top: 7rem; padding-bottom: 7rem; display: flex; position: relative; } .testimonials_ix-trigger { z-index: -1; margin-top: 100vh; position: absolute; inset: 0%; } .section_arrange-meeting { z-index: 2; color: #000; background-color: #fff; } .section_arrange-meeting.hide { display: none; } .arrange-meeting_content { grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1.5fr; grid-auto-columns: 1fr; place-items: start stretch; display: grid; } .arrange_meeting_code-embed-wrapper { border-radius: 4px; overflow: hidden; } .footer_component { z-index: 2; color: #fff; background-color: #222; } .padding-vertical, .padding-vertical.padding-xxlarge { padding-left: 0; padding-right: 0; } .padding-bottom, .padding-bottom.padding-xxlarge, .padding-bottom.padding-medium, .padding-bottom.padding-small { padding-top: 0; padding-left: 0; padding-right: 0; } .footer_top-wrapper { grid-column-gap: 8vw; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr .5fr; align-items: start; } .footer_top-wrapper.pb-9 { padding-bottom: 5rem; } .heading-style-h1-2 { letter-spacing: -.105rem; font-size: 3rem; line-height: 1.2; } .footer_menu-wrapper { grid-column-gap: 2rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .footer_menu_link-list { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; place-items: flex-start start; display: flex; } .footer_menu_link-list.main-pages { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .footer_menu_link { color: #fff; padding-top: .5rem; padding-bottom: .5rem; font-size: .875rem; text-decoration: none; } .footer_menu_link.hide { display: none; } .footer_middle-wrapper { justify-content: space-between; align-items: center; display: flex; } .footer_middle-wrapper.pb-6 { padding-top: 0; } .footer_logo-link { float: none; padding-left: 0; } .footer_logo-brand { width: 140px; } .divider-horizontal { background-color: #ccc; width: 100%; height: 1px; } .padding-top, .padding-top.padding-medium { padding-bottom: 0; padding-left: 0; padding-right: 0; } .footer_-wrapper { justify-content: space-between; align-items: center; display: flex; } .footer_-wrapper.pt-6 { padding-top: 2rem; } .footer_credit-text { font-size: .875rem; } .footer_social-list { grid-column-gap: .75rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; place-items: start; display: flex; } .footer_social-link { color: #fff; align-items: center; font-size: 14px; text-decoration: none; display: flex; } .icon-embed-xsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .navbar_component { background-color: #fff; border-bottom: 1px solid #dfdfdf; align-items: center; width: 100%; height: auto; min-height: 4.5rem; padding-left: 5%; padding-right: 5%; display: flex; position: fixed; } .navbar_container { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: .5fr 1fr .5fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; width: 100%; max-width: 120rem; height: 100%; margin-left: auto; margin-right: auto; display: grid; } .navbar_logo-link { padding-left: 0; } .navbar_menu { justify-content: center; align-items: center; display: flex; position: static; } .navbar_link { white-space: nowrap; padding: .5rem; } .navbar_link.w--current { color: #000; } .navbar_dropdwn-toggle { grid-column-gap: .5rem; align-items: center; padding: .5rem; display: flex; } .dropdown-chevron { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .navbar_dropdown-list.w--open { background-color: #fff; border: 1px solid #ccc; border-radius: 0; padding: .5rem; position: absolute; } .navbar_dropdown-link { padding: .5rem 1rem; } .navbar_dropdown-link.w--current { color: #000; } .navbar_button-wrapper { grid-column-gap: 1rem; margin-left: 1rem; display: flex; } .navbar_menu-button { padding: 0; } .reb2b_code-embed { display: none; } .body { background-color: var(--_theme---background); } .button-text { z-index: 1; background-color: var(--swatch--brand); color: var(--swatch--text-light); letter-spacing: .5px; white-space: nowrap; border-radius: 99px; justify-content: flex-start; padding: .5rem 1rem; font-size: 1rem; font-weight: 500; display: flex; position: relative; } .button-icon-wrap { aspect-ratio: 1; color: #f0f0f0; background-color: #1540a5; border: 1px solid #1540a5; border-radius: 100vw; flex-direction: column; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; margin-left: .12rem; padding: .5rem; display: flex; position: relative; overflow: hidden; } .button-icon-wrap:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { border-color: var(--swatch--brand); background-color: var(--swatch--brand); display: none; } .button-icon-wrap:where(.w-variant-f3051b06-7cfe-a52c-4204-83591a9748a2) { display: none; } .button-icon-wrap:where(.w-variant-61023e54-4f8a-8053-34ce-0a107ee8984e), .button-icon-wrap:where(.w-variant-65b87ced-78aa-968b-03d2-940ea4edf250) { border-color: var(--swatch--brand); background-color: var(--swatch--brand); display: none; } .button-icon { justify-content: center; align-items: center; font-size: .875rem; font-weight: 500; display: flex; } .button-icon.is-absolute { z-index: 2; position: absolute; transform: translate(-30px); } .home_header_stats-divider.stats-divider { height: 1px; } .padding-global { padding-left: 5%; padding-right: 5%; } .protection-issues_layout.side-lines.right-padding-none { padding-right: 0%; } .protection-issues_heading-text.text-color-orange { color: #f55a3b; } .protection-issues_alerts-wrapper { flex-direction: column; align-items: center; } .protection-issues_alerts-wrapper.container-medium.mb-9 { margin-bottom: 5rem; } .protection-issues_alerts-wrapper.container-medium.max-width-64 { max-width: 64rem; } .protection-issues_alerts-wrapper.container-medium.width-100 { width: 100%; } .gh_message-top_heading.text-weight-semibold { font-weight: 600; } .gh_message-top_heading.text-weight-semibold.text-color-red { color: #be3636; } .pg-alert_heading.text-style-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .post-alert_content-left { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: space-between; align-items: center; display: block; } .post-alert_header { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .post-alert_header.mb-4 { justify-content: flex-start; align-items: center; } .post-alert_logo-wrapper { border-radius: var(--radius--round); width: 2.75rem; min-width: 1.75rem; height: 2.75rem; min-height: 1.75rem; overflow: hidden; } .post-alert_heading { font-weight: 500; } .post-alert_time { opacity: .25; } .post-alert_time.line-height-100.text-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); padding-left: .5rem; } .benefits_contain.padding-global.zindex-3.border-bottom-line { border-bottom-style: none; } .import-calm_layout.side-lines.blue { border-right-color: var(--swatch--blue-3); border-left-color: var(--swatch--blue-3); } .timeline_component.container-large.padding-section-large { overflow: visible; } .timeline_component.container-medium.padding-section-small.no-padding-bottom { padding-bottom: 0; } .position-sticky-copy { position: sticky; } .timeline_header { position: sticky; top: 10rem; } .meet_header.mb-9 { margin-bottom: 5rem; } .tagline { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--text-small); letter-spacing: .07rem; text-transform: none; font-weight: 700; } .button-icon-arrow.icon-embed-xxsmall { display: none; } .button-icon-arrow.icon-embed-xxsmall:where(.w-variant-f3051b06-7cfe-a52c-4204-83591a9748a2) { display: flex; } .content-grid_search-wrapper { border: 1px solid #000; margin-top: .25rem; padding: .5rem .5rem 1rem; } .content-grid_search-wrapper.text-style-muted-2 { border-color: #ccc; border-radius: 4px; } .content-grid_search-wrapper.text-color-faded { border-color: var(--swatch--light-gray); border-radius: .4rem; } .see-in-action_content { flex-direction: column; align-items: center; } .see-in-action_code-embed { justify-content: center; align-items: center; } .mb-9 { margin-bottom: 5rem; } .testimonials_layout.side-lines.sides-blue { border-right-color: var(--swatch--blue-3); border-left-color: var(--swatch--blue-3); } .arrange-meeting_code-embed { border-radius: var(--radius--main); margin-top: 0; margin-bottom: 0; } .partner-logos_marquee-component { justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; } .partner-logos_marquee-track { grid-column-gap: 4.5rem; grid-row-gap: 4.5rem; flex-flow: row; justify-content: center; width: max-content; display: flex; } .partner-logos_marquee-cms_list { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; max-width: 90rem; display: flex; } .partner-logos_marquee-cms_list.opacity-0-5 { opacity: .5; } .partner-logos_marquee-cms_img_wrap { opacity: .5; flex: none; justify-content: center; align-self: center; align-items: center; min-width: 120px; display: flex; } .partner-logos_marquee-cms_img_wrap.is-smaller { width: 5rem; height: 1.75rem; } .partner-logos_marquee-cms_img_wrap.hide { display: none; } .partner-logos_marquee-cms_img_wrap.no-padding { padding-right: 0; } .partner-logos_marquee-cms_img_wrap.padding-right-large { padding-right: 4rem; } .partner-logos_marquee-cms_img_wrap.opacity-100 { opacity: 1; } .partner-logos_marquee-cms_img_wrap.is-inverted { filter: invert(); } .partner-logos_marquee-cms_img_wrap.is-gray { filter: grayscale(); } .partner-logos_marquee-img { object-fit: contain; max-width: 150px; height: auto; max-height: 40px; transition: opacity .2s; } .partner-logos_marquee-img.is-center { padding-bottom: 5px; } .partner-logos_marquee-img.is-center.is-gray { filter: grayscale(); } .partner-logos_marquee-img.is-center.is-gray.is-small { display: inline-block; } .partner-logos_marquee-img.is-center.is-gray.is-bright { filter: grayscale(); } .partner-logos_marquee-img.is-center.is-gray.is-inverted { filter: invert() grayscale(); } .partner-logos_marquee-img.is-center.is-smaller { height: 1.75rem; } .partner-logos_marquee-img.is-center.is-smaller.is-gray { filter: grayscale(); } .partner-logos_marquee-img.is-inverted { filter: invert(); } .partner-logos_marquee-img.is-inverted.is-medium { height: 2.35rem; } .partner-logos_marquee-img.is-inverted.is-small { height: 2rem; } .partner-logos_marquee-img.is-inverted.is-smaller { height: 1.75rem; } .partner-logos_marquee-img.is-large { height: 3.13rem; } .partner-logos_marquee-img.is-larger { height: 3.75rem; } .partner-logos_marquee-img.is-small, .partner-logos_marquee-img.is-medium { height: 2rem; } .partner-logos_marquee-img.is-lmedium { height: 2.35rem; } .partner-logos_marquee-img.is-lmedium.hide { display: none; } .partner-logos_marquee-img.is-smaller { height: 1.75rem; } .partner-logos_marquee-img.is-smallest { height: 1.35rem; } .partner-logos_marquee-img.is-smallest.is-inverted.hide { display: none; } .div-block-18 { --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .section_security-love { border-top: 1px solid var(--swatch--blue-3); border-bottom: 1px none var(--swatch--blue-4); } .security-love_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; } .security-love_grid.grid-autofit { --_column-count---value: 3; } .section_testimonial31 { color: var(--swatch--brand-text); overflow: hidden; } .container-large-4 { max-width: var(--container--main); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .heading-style-h2-4 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .testimonial31_slider { background-color: var(--\); height: auto; padding-bottom: 5rem; position: relative; } .testimonial31_mask { width: 50%; overflow: visible; } .testimonial31_slide { padding-right: 2rem; } .testimonial_card { background-color: var(--swatch--light); color: var(--swatch--brand-text); border: 1px #000; border-radius: calc(24px + 1.3rem); flex-direction: column; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; padding: 2rem 1.3rem 1.3rem; display: flex; overflow: hidden; box-shadow: 0 4px 4px #0000001a; } .testimonial_content-top { grid-column-gap: 1.8rem; grid-row-gap: 1.8rem; flex-flow: column; justify-content: flex-start; height: 100%; display: flex; } .testimonial31_logo { max-height: 3rem; } .testimonial_client { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: left; align-items: center; display: flex; } .testimonial_customer-image { object-fit: cover; border-radius: 100%; width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .meet_contact-form_button-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .button { border: 1px solid var(--\); background-color: var(--\); color: var(--\); text-align: center; padding: .75rem 1.5rem; text-decoration: none; } .button.is-link { color: #000; background-color: #0000; border-style: none; padding: .25rem 0; line-height: 1; text-decoration: none; } .button.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .slider-arrow { border: 1px solid var(--\); background-color: var(--\); color: var(--\); border-radius: 100%; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .slider-arrow.is-bottom-previous { inset: auto 4rem 0% auto; } .slider-arrow.is-bottom-next { inset: auto 0% 0% auto; } .slider-arrow-icon_default { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .testimonial31_slide-nav { height: 1.75rem; font-size: .5rem; inset: auto auto 0% 0%; } .testimonial_content-bottom { justify-content: space-between; align-items: stretch; margin-top: auto; display: flex; } .testimonial_icon-wrapper { align-self: flex-end; position: relative; } .testimonial_icon { object-fit: cover; border-radius: 100%; width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .section_arrange-call { z-index: 2; border-top: 1px solid var(--swatch--blue-4); border-bottom: 1px solid var(--swatch--blue-4); background-color: var(--swatch--brand); color: var(--swatch--light); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); position: relative; } .arrange-call_layout.side-lines.sides-blue-4 { border-right-color: var(--swatch--blue-4); border-left-color: var(--swatch--blue-4); position: relative; } .arrange-call_component { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; display: flex; } .arrange-call_component.padding-section-small { grid-column-gap: var(--_spacing---section-space--xsmall); grid-row-gap: var(--_spacing---section-space--xsmall); } .arrange-call_header.grid-autofit { --_column-count---value: 2; } .arrange_call_code-embed-wrapper { z-index: 3; border: 1px none var(--swatch--blue-4); border-radius: var(--radius--main); background-color: var(--swatch--light); padding: 1rem; position: relative; } .arrange_call_code-embed-wrapper.get-started { border-style: solid; border-color: var(--swatch--light-gray); box-shadow: 0 4px 4px #0000001a; } .arrange-call_content-middle { position: relative; } .arrange-call_content-middle.max-width-xlarge.align-center.max-width-medium-tablet { position: static; } .arrange-call_frame { z-index: 2; border-radius: var(--radius--small); background-color: var(--swatch--blue-2); width: 27rem; height: 21rem; position: absolute; inset: auto auto -1.25rem -1.25rem; box-shadow: 0 2.5px 2.5px #0000001a; } .arrange-call_frame.frame-2 { z-index: 1; background-color: var(--swatch--blue-1); width: 13rem; height: 11rem; bottom: -2.5rem; left: -2.5rem; } .section_steps { z-index: 2; background-color: var(--_theme---background-2); border-bottom: 1px #dfdfdf; position: relative; top: auto; } .steps_component.container-large.padding-section-small.no-padding-bottom, .steps_component.container-medium.padding-section-small.no-padding-bottom, .steps_component.container-small.padding-section-small.no-padding-bottom { padding-bottom: 0; } .steps_component.container-xsmall { width: 100%; max-width: 50rem; } .steps_component.container-xsmall.align-center.padding-section-xsmall { padding-top: 2.5rem; padding-bottom: 2.5rem; } .steps_component.container-xsmall.align-center.padding-section-xsmall.no-padding-bottom { padding-bottom: 0; } .steps_content { grid-column-gap: 2.3rem; grid-row-gap: 2.3rem; grid-template-rows: auto; grid-template-columns: minmax(0, .75fr) minmax(50px, 50px) 1fr; grid-auto-columns: 1fr; justify-items: center; display: grid; position: relative; } .steps_progress { z-index: 0; flex-direction: column; align-items: center; width: 2rem; height: 100%; display: flex; } .steps_fade-overlay-top { z-index: 1; background-image: linear-gradient(#fff, #0000); width: 4px; height: 4rem; position: absolute; } .steps_fade-overlay-top.hide { display: none; } .steps_progress-line { z-index: 1; background-color: var(--swatch--brand); width: 3px; height: 50vh; margin-top: -50vh; position: sticky; top: 0; } .steps_progress-line.hide { display: none; } .steps_line { opacity: .15; background-color: #000; width: 3px; height: 100%; } .steps_line.hide { display: none; } .steps_fade-overlay-bottom { z-index: 1; background-image: linear-gradient(#fff0, #fff); width: 4px; height: 4rem; position: absolute; bottom: 0%; } .steps_progress-line-cover { z-index: 2; background-color: #fff; width: 100%; height: 50vh; position: absolute; top: -50vh; } .steps_content-right { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-bottom: 5rem; display: grid; } .steps_row { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; position: relative; } .steps_circle-wrapper { z-index: 1; justify-content: center; align-items: center; width: 8rem; height: 100%; margin-left: -7.9rem; display: flex; position: absolute; } .steps_item { z-index: 2; grid-column-gap: 16px; grid-row-gap: 16px; border: 1px solid var(--swatch--light-gray); opacity: .25; background-color: #fff; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; transition: opacity .3s; display: grid; overflow: hidden; box-shadow: 0 4px 4px #0000001a; } .steps_item.is-active { border-color: var(--swatch--light-gray); opacity: 100; } .steps_item.is-completed { opacity: 1; } .steps_item-content { padding: 1rem; } .steps_circle { z-index: 2; box-sizing: content-box; border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light-2); box-shadow: none; color: var(--swatch--light-gray); border-radius: .5rem; justify-content: center; align-items: center; width: 3rem; height: 3rem; margin-top: 0; margin-bottom: 1rem; transition: color .2s, background-color .2s; display: flex; } .steps_circle.is-active { border-color: var(--swatch--blue-1); background-color: var(--swatch--brand); color: var(--swatch--light); } .steps_circle.is-completed { border-color: var(--swatch--brand); background-color: var(--swatch--light); color: var(--swatch--brand); } .steps_circle-icon { justify-content: center; align-items: center; padding: 1rem; transition: all .3s; display: flex; } .steps_circle-icon.hide, .steps_code-embed { display: none; } .section_capabilities { background-color: var(--_theme---background-2); } .section_capabilities.border-bottom-line { background-color: var(--swatch--light); } .capabilities_component.padding-section-small.container-large.hide { display: none; } .capabilities_grid.grid-autofit { border: 1px solid var(--swatch--light-gray); } .capabilities_grid.grid-autofit.gap-0 { --_column-count---value: 5; border-style: solid; } .capabilities_grid.grid-autofit.column-5 { --_column-count---value: 5; } .card-wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; aspect-ratio: auto; border-style: none solid solid none; border-width: 1px; border-color: var(--swatch--light-gray); background-color: var(--swatch--transparent); cursor: pointer; object-fit: contain; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 1.5rem; transition: all .2s; display: flex; } .card-wrapper:where(.w-variant-c9f286b2-2a72-28c9-7f93-a2b3238a32cf) { cursor: auto; border-style: solid; padding: 1rem; box-shadow: 0 4px 4px #0000001a; } .card-wrapper:hover { background-color: var(--swatch--brand); color: var(--swatch--light); } .card-wrapper:hover:where(.w-variant-c9f286b2-2a72-28c9-7f93-a2b3238a32cf) { background-color: var(--swatch--light); color: var(--swatch--brand-text); } .card-wrapper.active { background-color: var(--swatch--brand); color: var(--swatch--light); } .card_content-top { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: block; } .card_description h5 { font-size: var(--_typography---font-size--h5); } .card_description p { font-size: 1.125rem; } .card_content-bottom { justify-content: flex-start; align-items: flex-start; padding-top: 1.5rem; display: flex; } .card_content-bottom:where(.w-variant-c9f286b2-2a72-28c9-7f93-a2b3238a32cf) { padding-top: 2rem; } .card_icon-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; border-radius: var(--radius--xsmall); background-color: var(--swatch--brand); color: var(--swatch--light); justify-content: flex-start; align-items: flex-start; transition: background-color .2s; display: flex; overflow: hidden; } .card_icon { object-fit: contain; width: 100%; height: 100%; padding: .5rem; } .card_icon.icon-1x1-medium { color: var(--swatch--light); transition: color .2s; } .card_icon.icon-1x1-medium:where(.w-variant-c9f286b2-2a72-28c9-7f93-a2b3238a32cf) { width: 3rem; height: 3rem; } .card_icon.icon-1x1-medium.is-center { justify-content: center; align-items: center; } .capabilities_card-wrapper { background-color: var(--swatch--transparent); justify-content: center; align-items: center; padding: 1.5rem; position: relative; } .capabilities_image-wrapper { aspect-ratio: 1.57; justify-content: center; align-items: center; position: relative; } .section_wo-rkflows { background-color: var(--swatch--blue-1); } .section_wo-rkflows.border-bottom-line.hide { display: none; } .workflows_grid { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: minmax(auto, 1fr); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: auto; grid-auto-columns: 1fr; display: block; } .workflows_grid.grid-autofit-go { grid-column-gap: 1rem; grid-row-gap: 1rem; border: 1px solid var(--swatch--light-gray); --_column-count---value: 6; grid-template-rows: minmax(auto, 1fr); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .workflows_grid.grid-autofit-go.gap-0 { --_column-count---value: 12; } .workflows_grid.grid-autofit-go.gap-4 { --_column-count---value: 12; --_gap---size: var(--_spacing---space--4); } .card-tile_wrapper { aspect-ratio: 1; border-radius: var(--radius--main); justify-content: center; align-items: center; padding: 1rem; display: flex; box-shadow: 0 4px 4px #0000001a; } .display_contents { height: 100%; } .display_contents.icon { flex: 0 auto; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: block; } .background-color-white { background-color: var(--swatch--light); } .code-icon_code-embed { justify-content: center; align-items: center; display: flex; } .file-icon_code-embed { align-items: flex-start; } .section_platform_header { z-index: 2; background-color: #fff; border-bottom: 1px solid #dfdfdf; position: relative; } .section_platform_header.zindex-3 { z-index: 3; border-bottom-style: none; } .section_platform_header.zindex-3.bottom-border-blue-3 { border-bottom-style: solid; } .platform_header_layout.side-lines.right-padding-none { padding-right: 0%; } .platform_header_hero-container { max-width: 120rem; margin-left: auto; margin-right: auto; padding-left: 5%; } .platform_header_hero-container.right-padding-none { padding-right: 0%; } .platform_header_hero-container.right-padding-none.padding-section-small.container-large.is-top { padding-top: var(--_spacing---section-space--page-top); } .platform_header_content { grid-column-gap: 1rem; grid-row-gap: 4rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: minmax(0, .8fr) 1fr; grid-auto-columns: 1fr; place-items: center stretch; position: relative; } .platform_header_component { width: 100%; } .platform_header_content-left { flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .platform_header_video_component { width: 100%; min-width: 16rem; position: relative; } .platform_header_image { aspect-ratio: 1; object-fit: cover; object-position: 0% 40%; width: 100%; height: 100%; } .platform_header_video_image-wrapper { border-radius: 4px; overflow: hidden; } .leadership-card_content-wrapper { border: 1px solid var(--swatch--light-gray); border-radius: var(--radius--small); height: 100%; box-shadow: 0 4px 4px #0000001a; } .leadership-card_content-wrapper.card-padding-small { min-height: 50px; display: flex; } .leadership-card_content-wrapper.card-padding-small:where(.w-variant-8ee0eac3-7100-6842-12d5-cfc6905df2e2) { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68e6a693052cb5e2d20ad966_wasm.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; } .leadership-card_content-wrapper.card-padding-small.radius-none { border-radius: 0; } .leadership-card_content-wrapper.card-padding-small.no-padding-bottom { padding-bottom: 0; } .leadership-card_content-wrapper.card-padding-small.lines-bg { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; } .leadership-card_content-wrapper.card-padding-small.no-border { border-style: none; border-width: 1px; } .leadership-card_content-wrapper.card-padding-small.no-border:where(.w-variant-8ee0eac3-7100-6842-12d5-cfc6905df2e2) { border-style: none; } .section_impart-banner { border-top: 1px solid var(--swatch--blue-4); border-bottom: 1px solid var(--swatch--blue-4); background-color: var(--swatch--brand); } .impart-banner_layout.side-lines.background-color-brand { background-color: var(--swatch--brand); } .impart-banner_layout.side-lines.background-color-brand.background-waves { border-right-color: var(--swatch--blue-4); border-left-color: var(--swatch--blue-4); background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; padding-left: 0%; padding-right: 0%; } .impart-banner_component.padding-section-small.container-large { --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .impart-banner_content-wrapper { padding-left: 3.5rem; padding-right: 3.5rem; } .impart-banner_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .impart-banner_grid.grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); flex-flow: row; display: grid; } .impart-banner_image-wrapper { object-position: 100% 50%; height: 100%; position: relative; } .impart-banner_image { object-fit: cover; height: 100%; position: absolute; inset: 0%; } .impart-banner_image.is-right { object-fit: cover; left: auto; } .imaprt-banner_image { min-height: 13.51rem; max-height: none; } .capabilities_code-embed { display: none; } .workflows_grid_layout { text-align: center; } .workflows_grid_heading { letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: balance; display: flow-root; } .workflows_grid_text { font-size: 1.125rem; } .workflows_grid_header.mb-4 { display: none; } .section_why-impart_header { border-bottom: 1px none var(--sidelines-gray); } .section_why-impart_header.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .why-impart_layout.side-lines { position: relative; } .why-impart_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .why-impart_component.container-large.padding-section-small.page-top { padding-top: var(--_spacing---section-space--page-top); } .why-impart-background.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 130%; background-repeat: no-repeat; background-size: cover; margin-left: -1%; margin-right: -1%; } .section_differentiators { border-top: 1px solid var(--swatch--blue-3); border-bottom: 1px solid var(--swatch--blue-3); background-color: var(--swatch--blue-1); } .section_differentiators.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .differentiators_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .differentiators_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .differentiators_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .differentiators_content-wrapper { border-top: 1px none var(--sidelines-gray); border-bottom: 1px none var(--sidelines-gray); margin-top: 2rem; margin-bottom: 2px; padding-left: 2rem; padding-right: 2rem; } .differentiators_content { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-position: 0 0; background-size: contain; } .differentiators_content.grid-autofit.grid-column-3.gap-5, .differentiators_content.grid-autofit.grid-column-3.gap-4 { background-image: none; background-position: 0 0; background-size: auto; } .compare-table_style { display: none; } .compare-table_layout { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; position: relative; } .compare-table_titles { flex: 1; max-width: 25%; } .compare-table_col { z-index: 2; width: 100%; padding-top: 1rem; padding-bottom: 2rem; position: relative; } .compare-table_col.swiper-slide { flex: 1; width: auto; max-width: 33.33%; } .compare-table_row { z-index: 2; border-bottom: 1px solid #adadad; justify-content: center; align-items: center; min-height: 3rem; padding: .5rem 1rem; display: flex; position: relative; } .compare-table_row.is-first { justify-content: flex-start; align-items: center; } .compare-table_options { flex: 1; } .compare-table_swiper_nav { z-index: 3; justify-content: space-between; width: 100%; display: none; position: absolute; top: 0; } .compare-table_swiper_btn { color: #fff; background-color: #000; border-radius: 100vh; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .5rem; display: flex; } .compare-table_swiper { width: 100%; display: flex; } .compare-table_swiper.swiper { flex: 1; position: relative; overflow: hidden; } .compare-table_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .compare-table_highlight { z-index: 0; background-color: #cecece; border-radius: .5rem; grid-area: 1 / 2 / span 1 / span 1; width: 100%; height: 100%; position: absolute; inset: 0%; } .compare-table_code { display: none; } .section_comparison { border-bottom: 1px solid var(--sidelines-gray); } .comparison-table_style { display: none; } .comparison-table_wrap { border: 1px solid var(--swatch--light-gray); border-radius: var(--radius--small); padding-left: 1rem; padding-right: 1rem; } .comparison-table_layout { border: 1px #000; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: -15px; margin-bottom: -15px; display: flex; position: relative; } .comparison-table_titles { flex: 1; max-width: 25%; } .comparison-table_col { z-index: 2; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 1.5rem; padding-bottom: 0; position: relative; } .comparison-table_col.swiper-slide { flex: 1; max-width: 33.33%; padding-top: 1.5rem; padding-bottom: 1.5rem; } .comparison-table_row { z-index: 2; border-bottom: 1px solid var(--swatch--light-gray); justify-content: center; align-items: center; min-height: 6rem; padding: .5rem 1rem; display: flex; position: relative; } .comparison-table_row.is-first { justify-content: flex-start; align-items: center; } .comparison-table_row.is-first.last-row { border-bottom-style: none; } .comparison-table_row.highlight { background-color: var(--swatch--brand); color: var(--swatch--light); } .comparison-table_row.is-header { justify-content: flex-start; align-items: center; min-height: 5rem; } .comparison-table_row.is-header.align-center { justify-content: center; align-items: center; min-height: 5rem; } .comparison-table_row.background-color-brand { min-height: 5rem; margin-top: 0; padding-top: .5rem; } .comparison-table_row.background-color-brand.radius-xsmall { border-radius: var(--radius--small) var(--radius--small) 0rem 0rem; margin-top: -1.3rem; padding-top: .5rem; padding-bottom: .5rem; position: relative; overflow: visible; } .comparison-table_row.background-color-brand.radius-xsmall.impart-heading { border-bottom-color: var(--swatch--blue-3); min-height: 6.5rem; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; top: -24px; } .comparison-table_row.impart-row { border-style: none none solid; border-width: 1px; border-color: var(--swatch--blue-3); top: -24px; } .comparison-table_row.impart-row.is-first { border-style: none none solid; border-width: 1px; border-color: var(--swatch--blue-3); margin-top: 0; } .comparison-table_row.impart-row.is-bottom, .comparison-table_row.last-row { border-bottom-style: none; } .comparison-table_text { text-align: center; } .comparison-table_text.text-weight-bold.text-size-small.text-transform-uppercase.font-family-header { font-family: var(--_typography---font--primary-family); } .comparison-table_text.is-header { font-family: var(--_typography---font--primary-family); font-weight: 700; } .comparison-table_text.text-size-large.text-weight-medium.font-heading { font-family: var(--_typography---font--primary-family); text-align: left; } .comparison-table_options { flex: 1; } .comparison-table_swiper_nav { z-index: 3; justify-content: space-between; width: 100%; display: none; position: absolute; top: 0; } .comparison-table_swiper_btn { color: #fff; background-color: #000; border-radius: 100vh; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .5rem; display: flex; } .comparison-table_swiper { width: 100%; display: flex; } .comparison-table_swiper.swiper { flex: 1; position: relative; overflow: visible; } .comparison-table_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .comparison-table_highlight { z-index: 0; border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--blue-3); border-right-style: solid; border-right-width: 1px; border-right-color: var(--swatch--blue-3); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--swatch--blue-3); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--blue-3); background-color: var(--swatch--blue-1); background-image: none; background-size: auto; border-radius: .5rem; grid-area: 1 / 2 / span 1 / span 1; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: visible; box-shadow: 0 4px 4px #0000001a; } .comparison-table_code, .differentiators_code-embed { display: none; } .border-bottom-line { border-bottom: 1px solid var(--sidelines-gray); } .embed-css-2 { display: none; } .ai_scroll-list_layout { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; align-items: flex-start; } .ai_scroll-list_list { width: 50%; position: relative; } .ai_scroll-list_cms { margin-bottom: 1rem; } .ai_scroll-list_cms_list { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; padding-left: 1rem; display: flex; position: relative; } .glider { border: 3px solid var(--swatch--blue-2); border-radius: var(--radius--round); background-color: var(--swatch--brand); width: 18px; height: 18px; position: absolute; left: 0; } .ai_scroll-list_cms_item { height: 3rem; position: relative; } .ai_scroll-list_cms_component { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; height: 100%; display: flex; } .ai_scroll-list_cms_line { background-color: #e7e7e7; width: 1px; } .ai_scroll-list_cms_text { opacity: .1; transition: opacity .3s; } .ai_scroll-list_cms_icon_wrap { justify-content: center; align-items: center; width: 1.5rem; display: none; overflow: clip; } .ai_scroll-list_visual_clip { aspect-ratio: 1.3; border: 1px solid var(--swatch--light-gray); outline-offset: 0px; background-color: #fff0; outline: 1px #d8d8d8; width: 50%; height: 100%; padding: .5rem; overflow: clip; box-shadow: 0 4px 4px #0000001a; } .ai_scroll-list_visual_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .ai_scroll-list_visual_component { aspect-ratio: 1.3; position: relative; overflow: visible; } .ai_scroll-list_visual_img { aspect-ratio: auto; position: absolute; inset: 0%; overflow: visible; } .section_ai_scroll { background-color: var(--swatch--light-blue); } .show-tablet { display: none; } .section_latest-blog { border-bottom: 1px solid var(--sidelines-gray); background-color: var(--swatch--light-blue); } .latest-blog_layout.side-lines { position: relative; } .container-large-5 { max-width: var(--container--main); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .heading-style-h1-3 { color: var(--swatch--brand-text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .blog-item { display: flex; position: relative; overflow: hidden; box-shadow: 0 4px 4px #0000001a; } .blog_item-card { grid-column-gap: 0px; grid-row-gap: 0px; border-radius: var(--radius--xsmall); grid-template-rows: auto; grid-template-columns: minmax(0, 2fr) 1fr; grid-auto-columns: 1fr; align-items: stretch; display: grid; position: relative; overflow: hidden; } .blog_item-card:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--swatch--light-gray); flex-flow: column; grid-template-rows: minmax(0, auto) minmax(0, auto); grid-template-columns: minmax(0, 1fr); grid-auto-columns: 1fr; place-items: start stretch; height: 100%; min-height: 500px; max-height: none; transition: all .3s; display: flex; position: relative; box-shadow: 0 4px 4px #0000001a; } .blog_item-card:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--sidelines-gray); grid-template-rows: auto; grid-template-columns: minmax(0, 1.75fr) minmax(0, .75fr); grid-auto-columns: 1fr; height: 100%; min-height: 0; transition: all .2s; display: grid; position: relative; box-shadow: 0 4px 4px #0000001a; } .blog_item-card:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { grid-column-gap: 3rem; grid-row-gap: 3rem; border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light); flex-flow: row; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-auto-columns: 1fr; height: 100%; min-height: 15rem; padding: 2rem 3rem; display: flex; box-shadow: 0 4px 4px #0000001a; } .blog_item-card:hover:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da), .blog_item-card:hover:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { transform: translate(0, -10px); } .blog_image-wrapper { aspect-ratio: auto; width: 100%; height: 100%; position: relative; overflow: hidden; } .blog_image-wrapper:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { aspect-ratio: 16 / 9; justify-content: center; align-items: flex-start; height: auto; display: flex; } .blog_image-wrapper:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { aspect-ratio: auto; max-width: 100%; height: auto; } .blog_image-wrapper:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { width: auto; max-width: 10rem; height: auto; } .blog_image { aspect-ratio: auto; object-fit: cover; object-position: 15% 50%; width: 100%; height: 100%; position: static; } .blog_image:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { object-fit: cover; height: auto; position: absolute; } .blog_image:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { object-fit: contain; } .blog_item-content { background-color: var(--swatch--light); --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); flex-direction: column; flex: 1; justify-content: space-between; height: 100%; padding: 3rem; display: flex; } .blog_item-content:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { justify-content: flex-start; align-items: flex-start; padding: 1.5rem; } .blog_item-content:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { padding: 2rem; } .blog_item-content:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { justify-content: center; align-self: center; align-items: flex-start; height: auto; padding: 0; } .blog_item-content.mt-4 { margin-top: 0; } .blog_item-content-top:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { flex-flow: column; display: flex; } .blog_item-content-top:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { display: flex; } .tag { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--\); background-color: var(--\); color: var(--\); justify-content: center; align-items: center; padding: .175rem .5rem; font-size: .875rem; font-weight: 600; text-decoration: none; display: inline-flex; } .tag.is-text { border-style: none; border-color: var(--\); background-color: var(--\); padding: 0; display: inline-block; } .heading-style-h4-2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .text-size-regular-2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .blog_author-wrapper { align-items: center; display: flex; } .blog_author-wrapper:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da), .blog_author-wrapper:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { padding-top: 1.5rem; } .blog_author-wrapper.margin-top-auto:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da), .blog_author-wrapper.margin-top-auto:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { margin-top: auto; } .blog_author-wrapper.margin-top-auto.mb-4:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { display: none; } .text-size-small-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .blog_date-wrapper { align-items: center; display: flex; } .blog_category-filter-menu { align-items: center; width: 100%; margin-bottom: 4rem; display: flex; } .blog_category-filter-menu.is-center { justify-content: center; align-items: center; } .blog_category-filter-menu.is-center.no-scrollbar { justify-content: flex-end; align-items: center; } .blog_category-filter-menu.is-center.no-scrollbar.hide { display: none; } .category-filter-link { border: 1px solid var(--swatch--light-gray); white-space: nowrap; flex: none; padding: .5rem 1rem; text-decoration: none; } .category-filter-link.w--current { border-color: var(--\); background-color: var(--\); font-weight: 500; } .category-filter-link.current { border-color: var(--\); background-color: var(--\); } .heading-style-h5-7 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .blog_heading { font-size: var(--_typography---font-size--h4); } .blog_heading:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da), .blog_heading:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { font-size: var(--_typography---font-size--h6); } .blog_heading:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { font-size: var(--_typography---font-size--h5); } .blog_description.line-clamp-3.hide:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9), .blog_description.line-clamp-3.hide:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3), .blog_description.line-clamp-3.hide-news:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9), .blog_description.line-clamp-3.hide-news:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { display: none; } .blog_author-name.blog-text { font-size: var(--_typography---font-size--h6); } .blog_author-name.blog-text:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { font-size: 1.125rem; } .workflows_grid-layout.grid-autofit { --_column-count---value: 3; grid-template-columns: repeat(auto-fit, minmax(min(max(3rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .latest-blog-background.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0%; background-repeat: no-repeat; background-size: cover; margin-left: -1%; margin-right: -1%; } .section_blog { background-color: var(--\); } .container-large-6 { max-width: var(--container--main); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .heading-style-h1-4 { color: var(--swatch--brand-text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .blog_list { grid-column-gap: 2rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; display: grid; } .heading-style-h5-8 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .text-size-regular-3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .text-size-small-4 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .section_business-impact { border-bottom: 1px solid var(--sidelines-gray); background-color: var(--_theme---background-2); } .section_business-impact.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .business-impact_content-wrapper { border-top: 1px solid var(--sidelines-gray); border-bottom: 1px solid var(--sidelines-gray); } .business-impact_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .business-impact_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .business-impact_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .business-impact_content.grid-autofit.grid-column-3.gap-5 { background-image: none; } .background-color-brand { background-color: var(--swatch--brand); } .card-padding-xsmall { padding: .5rem; } .section-header2_component { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .section-header2_content-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; align-items: end; display: grid; } .section-header2_content-right { align-items: center; display: flex; } .blog_form-block { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; margin-bottom: 0; display: flex; } .blog_form.mb-7 { width: 40%; } .blog_search { align-items: center; display: flex; position: relative; } .form_input { border-style: solid; border-width: 1px; border-radius: 0; height: auto; min-height: 2.75rem; margin-bottom: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.6; } .form_input:focus { border-color: #000; } .form_input::placeholder { color: #0009; } .form_input.is-icon-left { padding-left: 2.75rem; } .form_input.is-select-input { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68d140171878cdd0a70e0a00_chevron-down.svg"); background-position: 99%; background-repeat: no-repeat; background-size: auto; } .form_input.is-large { min-height: 5rem; } .form_icon-wrapper { position: absolute; inset: auto auto auto 12px; } .dropdown2_component { margin-left: 0; margin-right: 0; } .dropdown2_toggle { grid-column-gap: .5rem; border: 1px solid var(--\); justify-content: space-between; align-items: center; padding: .5rem 1rem; display: flex; } .dropdown2_dropdown-list.w--open { border: 1px solid var(--\); background-color: var(--\); margin-top: .5rem; padding: .5rem; } .dropdown2_dropdown-list.is-right { object-fit: cover; left: auto; } .dropdown2_dropdown-link { padding: .5rem; } .dropdown2_dropdown-link.w--current { color: var(--\); } .page-count-hide { display: none; } .blog-pagination.mt-6 { flex-flow: row; justify-content: center; } .pagination_page-button { border: 1px solid var(--sidelines-gray); border-radius: var(--radius--round); background-color: var(--swatch--transparent); justify-content: center; align-items: center; width: 2.25rem; height: 2.25rem; margin-left: .25rem; margin-right: .25rem; padding-top: 1px; display: flex; } .pagination_page-button._w--current { background-color: var(--swatch--brand); color: var(--swatch--light); } .pagination_next-button { border-color: var(--swatch--brand); border-radius: var(--radius--round); background-color: var(--swatch--brand); color: var(--swatch--light); order: 1; justify-content: center; align-items: center; padding: .7rem 1.5rem; font-weight: 500; display: flex; } .pagination_button-icon { margin-bottom: 3.5px; } .pagination_previous-button { border-color: var(--swatch--brand); border-radius: var(--radius--round); background-color: var(--swatch--brand); color: var(--swatch--light); flex-flow: row; order: -1; justify-content: center; align-items: center; padding: .7rem 1.5rem; font-weight: 500; display: flex; } .pagination_previous-button.is-list-pagination-disabled { padding-left: 1.5rem; padding-right: 1.5rem; } .pagination_code-embed { display: none; } .blog_layout-copy.grid-custom { --_column-count---value: 8; } .cms_list { grid-column-gap: 2rem; grid-row-gap: 4rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; display: flex; } .cms_list.news { grid-column-gap: 3rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .section_product-updates_header { border-bottom: 1px solid var(--sidelines-gray); } .section_product-updates_header.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .product-updates_header_layout.side-lines { position: relative; } .product-updates_header_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .product-updates_header_background.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 130%; background-repeat: no-repeat; background-size: cover; margin-left: -1%; margin-right: -1%; } .product-updates_header_component.container-large.padding-section-small.page-top { padding-top: var(--_spacing---section-space--page-top); } .product-updates_layout.grid-custom { --_column-count---value: 8; } .product-updates_form-block { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; margin-bottom: 0; display: flex; } .blog_empty-message { text-align: center; background-color: #fff; border: 1px solid #000; border-radius: 1rem; } .blog_empty-message.card-padding-large.text-size-medium.mt-6 { border-color: var(--swatch--light-gray); border-radius: 0; } .blog-empty, .empty-state { background-color: var(--swatch--transparent); } .section_security-guide { border: 1px none var(--sidelines-gray); } .security-guide_code-embed { display: none; } .security-guide_component { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .security-guide_component.container-large.padding-section-small.is-main { padding-top: var(--_spacing---section-space--main); overflow: visible; } .security-guide_component.container-large.padding-section-small.is-xsmall { padding-top: var(--_spacing---section-space--xsmall); } .security-guide_content-top { justify-content: space-between; align-items: center; margin-bottom: 3.5rem; display: block; } .breadcrumb-link { text-decoration: none; } .breadcrumb-link.w--current { font-weight: 600; } .breadcrumb-divider { justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .security-guide_header { padding-top: 2.25rem; } .security-guide_heading { margin-bottom: 1rem; } .security-guide_content-post-wrapper { grid-column-gap: 4rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: minmax(200px, 1fr) 20rem; grid-auto-columns: 1fr; align-items: flex-start; display: grid; } .impart_rich-text h1 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h1); padding-bottom: 1rem; font-weight: 500; line-height: 1.4; } .impart_rich-text h2 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h2); padding-top: .5rem; padding-bottom: 1rem; font-weight: 500; line-height: 1.2; } .impart_rich-text h3 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h3); line-height: var(--_typography---line-height--1-2); padding-top: .5rem; padding-bottom: .5rem; } .impart_rich-text h4 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h4); padding-top: .5rem; padding-bottom: .5rem; font-weight: 500; } .impart_rich-text h5 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h5); padding-top: .5rem; padding-bottom: .5rem; font-weight: 500; } .impart_rich-text h6 { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--h6); padding-top: .5rem; padding-bottom: .5rem; font-weight: 500; } .impart_rich-text p { padding-bottom: 1rem; font-size: 1.125rem; } .impart_rich-text.hide { display: none; } .impart_rich-text a { color: var(--swatch--brand); } .impart_rich-text li { font-size: 1.125rem; } .security-guide_sidebar { flex-direction: column; width: 100%; margin-left: 12rem; display: flex; position: sticky; top: 6rem; } .blog_toc_wrap { position: relative; top: auto; } .blog_toc_social_share_icon { background-color: var(--swatch--light-gray); border-radius: 100vw; justify-content: center; align-items: center; width: 2rem; padding: .5rem; transition: background-color .2s; display: flex; } .blog_toc_social_share_icon:hover { background-color: #dedede; } .security-guide_nav_menu { z-index: 1000; grid-column-gap: 1rem; display: flex; } .security-guide_nav_menu.mb-5 { flex-flow: row; justify-content: flex-start; align-items: center; } .security-guide_nav-dropdown { margin-left: 0; margin-right: 0; } .security-guide_nav-toggle { z-index: 998; grid-column-gap: .5rem; border: 1px solid var(--swatch--brand); border-radius: var(--radius--small); background-color: var(--swatch--brand); color: #fff; justify-content: flex-start; align-items: center; padding: 12px 20px; display: flex; } .security-guide_nav-toggle:hover { background-color: #284ec2; } .security-guide_dropdown-list { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: #fff3; background-image: linear-gradient(#abffff40, #abffff40); border-radius: .5rem; margin-top: 1rem; padding: .7rem .5rem; box-shadow: 0 2px 10px #0003; } .security-guide_dropdown-list.w--open { background-color: #fff; background-image: none; border: 1px solid #e4e4e4; box-shadow: 0 6px 10px #0000001a; } .security-guide_dropdown-list.chapters { width: 20rem; } .security-guide_dropdown-list.chapters.w--open { padding: 1rem; } .security-guide_nav-button { z-index: 998; grid-column-gap: .5rem; color: #3b6bf5; background-color: #0000; border: 2px solid #3b6bf5; border-radius: 0; flex: 1; justify-content: space-between; align-items: center; max-width: 7rem; padding: 12px 10px; line-height: 16px; text-decoration: none; display: flex; position: relative; } .security-guide_nav-button:hover { color: #0ff; background-color: #ffffff26; border-color: #0ff; } .security-guide_nav-button.next { border-width: 1px; border-color: var(--swatch--brand); border-radius: var(--radius--small); color: var(--swatch--brand); justify-content: center; padding-left: 15px; padding-right: 15px; } .security-guide_nav-button.next:hover { color: #284ec2; background-color: #3769ff0d; border-color: #284ec2; } .security-guide_nav-button.prev { border-width: 1px; border-color: var(--swatch--brand); border-radius: var(--radius--small); color: var(--swatch--brand); justify-content: center; padding-left: 15px; padding-right: 15px; } .security-guide_nav-button.prev:hover { color: #284ec2; background-color: #3769ff0d; border-color: #284ec2; } .chevron_horizontal { justify-content: center; align-items: center; height: 14px; margin-top: -1px; display: flex; } .chevron_horizontal.security-guide { padding-bottom: 2px; } .security-guide_date-read-details { grid-column-gap: 2rem; justify-content: flex-start; margin-bottom: 3rem; font-family: Inconsolata, monospace; display: flex; } .security-guide_date-details { grid-column-gap: .5rem; align-items: center; display: flex; } .security-guide_date-icon { color: var(--swatch--brand); width: 1.25rem; height: 1.25rem; } .security-guide_date-text { color: var(--swatch--brand); text-align: left; text-transform: uppercase; padding-top: 5px; font-family: Satoshi, Arial, sans-serif; font-weight: 500; } .security-guide_cta { border: 1px solid var(--swatch--light-gray); flex-flow: column; padding: 2rem; display: flex; position: static; top: 5rem; box-shadow: 0 4px 4px #0000001a; } .security-guide_cta.shadow-medium.stroke-lightgray { border-color: var(--swatch--light-gray); box-shadow: 0 4px 4px #0000001a; } .security-guide_cta.shadow-medium.stroke-lightgray.mt-4 { border-radius: 6px; } .heading-style-h6-3 { font-family: var(--_typography---font--primary-family); font-size: 1.25rem; font-weight: 700; line-height: 1.4; } .button-5 { grid-column-gap: 1rem; grid-row-gap: 1rem; color: #fff; text-align: center; white-space: nowrap; cursor: pointer; background-color: #3b6bf5; border: 1px #abffff; border-radius: 0; justify-content: center; align-items: center; padding: .5rem 1rem; font-size: 1rem; font-weight: 500; text-decoration: none; display: flex; } .button-5:hover { background-color: #284ec2; border-color: #0ff; } .security-guide_chapter_card { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 6px; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; padding: 2rem; display: flex; box-shadow: 0 12px 16px -4px #00000014; } .security-guide_chapter_card.grid-autofit { --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); --_column-count---value: 1; } .security-guide_top-content { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-direction: column; display: flex; } .security-guide_chapter_header { grid-column-gap: 5px; grid-row-gap: 5px; padding-bottom: .25rem; display: flex; } .security-guide_chapter-text { color: var(--swatch--brand); text-align: left; text-transform: uppercase; padding-top: 10px; font-family: Satoshi, Arial, sans-serif; font-weight: 500; } .security-guide_chapter-text.chapter-menu { text-transform: uppercase; padding-top: 0; } .security-guide_chapter-text.chapter-description { color: var(--swatch--brand-text); text-transform: capitalize; padding-top: 0; } .max-width-xxxsmall { max-width: 15rem; } .button-6 { grid-column-gap: 1rem; grid-row-gap: 1rem; color: #fff; text-align: center; white-space: nowrap; cursor: pointer; background-color: #3b6bf5; border: 1px #abffff; border-radius: 0; justify-content: center; align-items: center; padding: .5rem 1rem; font-size: 1rem; font-weight: 500; text-decoration: none; display: flex; } .button-6:hover { background-color: #284ec2; border-color: #0ff; } .security-guide_arrow { margin-top: -10px; } .security-guide_cta-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; position: relative; top: auto; } .security-guide_cta-wrapper.mt-6 { position: relative; top: 0; } .security-chapter_grid.grid-autofit, .security-chapter_grid.grid-autofit.column-2 { --_column-count---value: 2; } .security-chapters_component { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .security-chapters_component.container-large.padding-section-small.is-main { padding-top: var(--_spacing---section-space--main); } .security-chapters_component.container-large.padding-section-small.is-xsmall { padding-top: var(--_spacing---section-space--xsmall); } .section_security-chapters { border-style: solid none; border-width: 1px; border-color: var(--swatch--blue-3); background-color: var(--swatch--blue-1); } .security-guide_content { --_column-count---value: 3; } .security-guide_content.column-2 { padding-right: 2rem; } .security-guide_banner-wrapper.container-medium.padding-section-xsmall { padding-top: 2.5rem; padding-bottom: 2.5rem; } .security-banner_component.side-lines.background-color-brand { background-color: var(--swatch--brand); } .security-banner_component.side-lines.background-color-brand.background-waves { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; padding-left: 0%; padding-right: 0%; } .security-banner_component.background-color-brand { border-radius: var(--radius--small); box-shadow: 0 4px 4px #0000001a; } .impart-banner_component-copy.padding-section-small.container-large { --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .security-banner_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .security-banner_grid.grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); flex-flow: row; display: grid; } .security-banner_image-wrapper { height: 100%; position: relative; } .security-banner_image { object-fit: cover; height: 100%; position: absolute; inset: 0%; } .security-banner_image.is-right { object-fit: cover; left: auto; } .security-banner_grid-copy { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .security-banner_grid-copy.grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); flex-flow: row; display: grid; } ._1x1-icon-medium { width: 2rem; height: 2rem; } .div-block-19 { flex-flow: column; display: flex; } .security-guide_chapter-link { margin-bottom: 0; transition: color .2s; } .security-guide_chapter-link:hover { color: var(--swatch--brand); } .security-guide_chapter-link.w--current { margin-bottom: 0; } .security-guide_chapter-link.security-strategy { padding-top: 1rem; } .security-guide_chapter-link.mb-4 { margin-bottom: var(--_spacing---space--4); } .security-guide_chapter-menu-text { text-align: left; text-transform: uppercase; padding-top: 10px; font-family: Satoshi, Arial, sans-serif; font-weight: 500; } .security-guide_chapter-menu-text.chapter-menu { text-transform: uppercase; padding-top: 0; } .security-guide_chapter-menu-text.chapter-description { text-transform: capitalize; padding-top: 0; } .collection-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; margin-top: 1.5rem; display: flex; } .security-guide_content-bottom { flex-flow: column; } .security-guide_content-bottom.margin-auto, .security-guide_button-wrapper, .security-guide_button-wrapper.margin-auto { margin-top: auto; } .collection-list-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .section_careers-header { border-bottom: 1px solid var(--sidelines-gray); } .section_careers-header.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .careers-header_layout.side-lines { position: relative; } .careers-header_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .careers-header-background.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 130%; background-repeat: no-repeat; background-size: cover; margin-left: -1%; margin-right: -1%; } .careers-header_component.container-large.padding-section-small.page-top { padding-top: var(--_spacing---section-space--large); } .section_careers-team { border-bottom: 1px solid var(--sidelines-gray); } .section_careers-team.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .careers-team_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .careers-team_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .careers-team_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .careers-team_component.padding-section-xsmall { padding-top: var(--_spacing---section-space--xsmall); padding-bottom: var(--_spacing---section-space--xsmall); } .careers-team_component.padding-section-xsmall.container-lmedium { max-width: 80rem; margin-left: auto; margin-right: auto; } .careers-team_content { grid-column-gap: 3.3rem; grid-row-gap: 3.3rem; flex-flow: row; justify-content: space-between; align-items: flex-start; } .careers-team_content.grid-autofit { --_column-count---value: 5; } .careers-team_content.grid-autofit.gap-auto { grid-column-gap: 1rem; grid-row-gap: 1rem; } .careers-team_content-right.grid-autofit.grid-column-3.gap-5 { background-image: none; } .careers-team_list-item { grid-column-gap: 1rem; grid-row-gap: 1rem; border-bottom: 1px solid var(--swatch--light-gray); justify-content: flex-start; align-items: stretch; padding-top: 1rem; padding-bottom: 1rem; display: flex; } .careers-team_list-item.last-item { border-bottom-style: none; } .careers-team_checkmark { margin-top: -2px; } .careers-team_benefits { border-radius: var(--radius--small); border: 1px solid #d7d4d0bf; padding-left: 1rem; padding-right: 1rem; } .section_careers { border-bottom: 1px solid var(--sidelines-gray); background-color: var(--swatch--light-blue); } .section_careers.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .careers_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .careers_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .careers_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .careers_content-wrapper { border-top: 1px none var(--sidelines-gray); border-bottom: 1px none var(--sidelines-gray); } .careers_content.grid-autofit.grid-column-3.gap-5 { background-size: contain; } .careers_card-wrapper { border: 1px solid var(--swatch--light-gray); border-radius: var(--radius--tiny); padding: 1.5rem; box-shadow: 0 4px 4px #0000001a; } .careers_card-wrapper.background-color-white { border-radius: var(--radius--small); } .careers_card { flex-flow: column; } .careers_card_icon-wrapper { border-radius: var(--radius--xsmall); background-color: var(--swatch--brand); padding: .5rem; } .careers_card_item-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .careers_card_location-type-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; display: flex; } .careers_card_content-bottom { grid-row-gap: 1rem; flex-flow: wrap; justify-content: space-between; padding-top: 2rem; display: flex; } .careers_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .section_environment { z-index: 3; background-color: var(--_theme---background-2); } .section_environment.background-color-white { z-index: 3; } .environment_image-wrapper { aspect-ratio: auto; position: relative; } .border-light-gray { border: 1px solid var(--swatch--light-gray); } .box-shadow { box-shadow: 0 4px 4px #0000001a; } .section_three-cards { border-bottom: 1px solid var(--sidelines-gray); } .section_three-cards.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .three-cards_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .three-cards_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .three-cards_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .three-cards_code-embed { display: none; } .three-cards_content-wrapper { border-top: 1px none var(--sidelines-gray); border-bottom: 1px none var(--sidelines-gray); } .three-cards_content { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-position: 0 0; background-size: contain; } .three-cards_content.grid-autofit.grid-column-3.gap-5 { background-size: contain; } .section_investors { border-bottom: 1px solid var(--sidelines-gray); } .section_investors.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .section_investors.background-3 { background-color: var(--swatch--light-blue); } .section_investors.background-2 { background-color: var(--_theme---background-2); } ._1x1-icon-smaller { width: 1.5rem; height: 1.5rem; } .leadership-card_content { flex-flow: column; justify-content: flex-start; height: 100%; display: flex; } .leadership-card_content.icon { flex: 0 auto; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: block; } .leadership-card_content-bottom { --_alignment---direction: start; text-align: var(--_alignment---direction); flex-flow: column; flex: 1; justify-content: space-between; align-self: auto; align-items: stretch; display: flex; } .leadership-card_content-bottom:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { --_alignment---direction: center; text-align: var(--_alignment---direction); justify-content: center; align-items: var(--_alignment---direction); } .leadership-card_content-bottom:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) { --_alignment---direction: end; justify-content: flex-end; } .leadership-card_content-bottom.margin-auto { margin-top: auto; } .leadership-card_linkedin-wrapper { --_alignment---direction: start; text-align: var(--_alignment---direction); } .leadership-card_linkedin-wrapper:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { --_alignment---direction: center; text-align: var(--_alignment---direction); justify-content: center; align-items: var(--_alignment---direction); } .leadership-card_linkedin-wrapper:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) { --_alignment---direction: end; justify-content: flex-end; } .leadership-card_linkedin-wrapper.margin-auto { margin-top: auto; } .leadership-card_linkedin-wrapper.right-2 { --_alignment---direction: end; justify-content: flex-end; } .leadership-card_linkedin-wrapper.is-right { grid-column-gap: 16px; grid-row-gap: 16px; --_alignment---direction: end; flex: none; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; margin-top: auto; display: block; } .display-contents-copy { display: contents; } .display-contents-copy.margin-auto:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) { margin-top: auto; } .display-contents-copy._1x1-icon-smaller { width: 1.5rem; height: 1.5rem; } .display-contents-copy.height-100 { height: 100%; } .display-contents-copy.right-copy { align-items: flex-end; display: block; } .div-block-21 { flex-flow: column; flex: 1; justify-content: space-between; display: flex; } .investors_content { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .investors_content.grid-autofit.grid-column-3.gap-5 { background-image: none; } .investors_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .investors_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .investors_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .investors_images-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: center; align-items: center; display: flex; } .comparison-table_row_text-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: row; width: 100%; display: flex; } .section_policy { border-bottom: 1px solid var(--sidelines-gray); } .section_policy.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .section_policy.background-3 { background-color: var(--swatch--light-blue); } .section_policy.background-2 { background-color: var(--_theme---background-2); } .policy_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .policy_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .policy_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .policy_rich-text h1 { font-size: var(--_typography---font-size--h1); } .policy_rich-text h2 { font-size: var(--_typography---font-size--h2); } .policy_rich-text h3 { font-size: var(--_typography---font-size--h3); } .policy_rich-text a { color: var(--swatch--brand); } .policy_rich-text h4 { font-size: var(--_typography---font-size--h4); } .policy_rich-text li, .policy_rich-text p { padding-bottom: .25rem; } .section_policy-header { border-bottom: 1px solid var(--sidelines-gray); } .section_policy-header.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .policy-header_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .policy-header-background.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 130%; background-repeat: no-repeat; background-size: cover; margin-left: -1%; margin-right: -1%; } .policy-header_component.container-large.padding-section-small.page-top { padding-top: var(--_spacing---section-space--large); } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-wrap.background-3 { justify-content: center; align-items: center; height: 80vh; } .utility-page-content { text-align: center; flex-direction: column; margin-top: 8rem; display: flex; } .utility-page-content.container-large { grid-column-gap: 3rem; grid-row-gap: 3rem; justify-content: center; align-items: center; overflow: visible; } .utility-page-content.container-large.padding-section-small { grid-column-gap: 2.8rem; grid-row-gap: 2.8rem; } .utility-heading { font-size: 12.5rem; } .heading-2 { font-size: 20rem; } .utility-header { grid-column-gap: 5.5rem; grid-row-gap: 5.5rem; flex-flow: column; max-width: 25rem; height: 100%; display: flex; } .background-3 { background-color: var(--_theme---background-3); } .section_application.background-2 { background-color: var(--_theme---background-2); } .section_application.background-3 { border-style: solid none; border-width: 1px; border-color: var(--swatch--blue-3) black; } .application_header { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; } .application-slide_layout { grid-column-gap: 2rem; grid-row-gap: 2rem; align-items: center; display: flex; } .application-slide_list_wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; order: -9999; justify-content: center; align-items: center; width: 100%; display: flex; } .application-slide_list_item { grid-column-gap: 1rem; grid-row-gap: 1rem; cursor: pointer; border-radius: .5rem; align-items: center; padding: 1rem; transition: background-color .2s; display: flex; position: relative; } .application-slide_list_item:hover { background-color: color-mix(in srgb, var(--_theme---text) 4%, transparent); } .application-slide_list_icon_wrap { border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light); opacity: .25; border-radius: .5rem; flex: none; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; } .application-slide_list_content { border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light); opacity: .25; border-radius: .5rem; width: 100%; padding: 1rem; box-shadow: 0 4px 4px #0000001a; } .application-slide_swiper_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex; } .application-slide_swiper_trim { border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light); border-radius: 1rem; width: 100%; padding: 1.5rem; overflow: clip; box-shadow: 0 4px 4px #0000001a; } .application-slide_swiper.swiper { flex: 1; position: relative; overflow: hidden; } .application-slide_swiper_list.swiper-wrapper { width: 100%; display: flex; } .application-slide_swiper_item { position: absolute; } .application-slide_swiper_item.swiper-slide { flex: none; align-self: center; width: 100%; max-width: 100%; height: auto; } .application-slide_swiper_item.swiper-slide.first { position: static; } .application-slide_swiper_content { object-fit: cover; justify-content: center; align-items: center; display: block; } .application-slide_bullet_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-end; align-items: center; display: flex; width: auto !important; } .application-slide_bullet_item { border: .09rem solid var(--swatch--brand); background-color: #0000; border-radius: 100vw; flex: none; width: 1rem; min-width: 0; height: 1rem; padding: 0; transition: width .4s; } .application-slide_bullet_item.is-active { background-color: var(--swatch--blue-3); color: var(--swatch--light); } .card-padding-medium { padding: 1.5rem; } .application-slide_swiper_image { object-fit: cover; width: 100%; } .application-slide_list_code-embed { margin-top: -3px; } .application-slide_list_code-embed.no-margin { margin-top: 0; } .image-33 { object-fit: cover; } .section_news { background-color: var(--_theme---background-2); } .blog_item-content-bottom:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; justify-content: space-between; align-items: stretch; margin-top: auto; display: flex; } .blog_item-content-bottom:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { margin-top: auto; } .code-embed, .code-embed:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { display: none; } .news_layout.grid-custom { --_column-count---value: 8; } .div-block-22 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .section_meet_contact { border-bottom: 1px solid var(--sidelines-gray); background-color: var(--swatch--light); } .section_meet_contact.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto; } .div-block-23 { margin-top: 97px; } .meet_contact-form_component { grid-column-gap: 3rem; grid-row-gap: 3rem; border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light-gray); border-radius: 1rem; flex-flow: row; grid-template-rows: auto; grid-template-columns: .75fr 1fr; grid-auto-columns: 1fr; width: 50rem; margin-top: 14px; padding: 2rem; display: flex; } .meet_contact-form_block { width: 100%; margin-bottom: 0; } .meet_contact-form_form { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .meet_contact-form_field-group { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; display: grid; } .form_field-label { color: var(--swatch--dark-1); margin-bottom: .5rem; font-weight: 400; } .meet_contact-form_input-field { align-items: center; display: flex; position: relative; } .form-icon-left { position: absolute; left: .75rem; } .button-7 { border: 1px solid var(--\); background-color: var(--\); text-align: center; padding: .75rem 1.5rem; text-decoration: none; } .button-7.is-secondary { color: inherit; } .button-7.is-secondary.is-small { display: inline-block; } .form_message-success-wrapper { background-color: var(--swatch--light); border-radius: 1rem; margin-top: 0; padding: 0; overflow: hidden; } .form_message-success { color: var(--swatch--brand); flex-direction: column; justify-content: center; align-items: center; padding: 2.5rem; display: flex; } .form_message-error-wrapper { background-color: #0000; margin-top: 1rem; padding: 0; } .form_message-error { color: #b42318; flex-direction: column; justify-content: center; align-items: center; padding: 1rem; display: flex; } .meet_contact_content_layout.container-large.align-center, .meet_contact_content_layout.container-small.align-center { justify-content: center; align-items: center; display: flex; } .meet_contact-form_button { border: 1px solid var(--swatch--light-gray); background-color: var(--swatch--light); color: var(--swatch--brand-text); text-align: center; border-radius: 100vw; padding: .75rem 1.5rem; text-decoration: none; } .meet_contact-form_button.is-secondary { color: inherit; } .meet_contact-form_button.is-secondary.is-small { display: inline-block; } .meet_contact_layout.side-lines.background-waves { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68becb8da1e90999492d022a_Union.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .meet_contact_layout.side-lines.no-hpadding { padding-left: 0%; padding-right: 0%; } .meet_contact_component.container-large.padding-section-small.page-top { padding-top: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem); } .meet_contact_content-wrapper { border: 1px #000; margin-top: 0; margin-bottom: 2px; padding: 0; } .meet_contact-wrapper.mt-10 { margin-top: 6rem; } .blogpost_code-embed { display: none; } .blogpost_contain.container-large.padding-section-large.is-page-top { padding-top: var(--_spacing---section-space--page-top); } .blogpost_component.container-large.padding-section-large { overflow: visible; } .blogpost_component.container-large.padding-section-large.is-page-top { padding-top: var(--_spacing---section-space--page-top); } .blogpost_layout { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); grid-auto-columns: 1fr; } .blogpost_meta-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .blogpost_meta-wrapper.mb-6 { justify-content: flex-start; } .blogpost_meta-wrapper.mb-6.text-size-small { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: flex-start; align-items: center; } .blog_date-text { color: var(--swatch--brand); text-align: left; text-transform: uppercase; align-self: auto; padding-top: 5px; font-family: Satoshi, Arial, sans-serif; font-weight: 500; } .careers_location-icon { color: var(--swatch--brand); width: 1.25rem; height: 1.25rem; margin-top: -2px; padding-top: 0; padding-bottom: 0; } .blogpost_info-wrapper { position: sticky; top: 8rem; } .blogpost_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .blogpost_grid-layout { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); grid-auto-columns: 1fr; } .blogpost_grid-layout.grid-autofit { position: relative; } .security-guide_cta-copy { border: 1px none var(--swatch--light-gray); box-shadow: none; flex-flow: column; padding: 2rem; display: flex; position: static; top: 5rem; } .security-guide_cta-copy.shadow-medium.stroke-lightgray { border-color: var(--swatch--light-gray); box-shadow: 0 4px 4px #0000001a; } .security-guide_cta-copy.shadow-medium.stroke-lightgray.mt-4 { border-radius: 6px; } .blogpost_meta-wrapper-copy { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .blogpost_meta-wrapper-copy.mb-6 { justify-content: flex-start; } .blogpost_meta-wrapper-copy.mb-6.text-size-small { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: flex-start; align-items: center; } .job-description_info-wrapper { grid-column-gap: 2rem; grid-row-gap: 1rem; flex-flow: wrap; display: flex; } .job-description_info-details { grid-column-gap: .5rem; align-items: center; display: flex; } .job-description_info-icon { color: var(--swatch--brand); width: 1.25rem; height: 1.25rem; margin-top: -2px; padding-top: 0; padding-bottom: 0; } .job-description_info-text { color: var(--swatch--brand); text-align: left; text-transform: uppercase; align-self: auto; padding-top: 5px; font-family: Satoshi, Arial, sans-serif; font-weight: 500; } .workflows_code-embed { display: block; } .order-first-tablet-copy { order: -1; } .home_header_content_button-wrapper.mt-6 { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .home_header_video_button-demo { border: 1px solid var(--swatch--brand); background-color: var(--swatch--light-2); font-family: var(--_text-style---font-family); color: var(--swatch--brand); border-radius: 99rem; padding: .75rem 1.5rem; transition: all .2s; } .home_header_video_button-demo.text-weight-medium { padding-top: .7rem; padding-bottom: .7rem; } .home_header_video_button-demo.text-weight-medium:hover { background-color: var(--swatch--brand); color: var(--swatch--light-2); } .instant-demo-wrapper { flex-flow: wrap; display: flex; } .blogpost_content-left { position: relative; } .theme-base { border-width: 1px; border-color: var(--sidelines-gray); background-color: var(--swatch--light); color: var(--_theme---text); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .theme-blue-1 { border-width: 1px; border-color: var(--swatch--blue-3); background-color: var(--swatch--blue-1); color: var(--swatch--brand-text); --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .theme-blue-2 { border-width: 1px; border-color: var(--sidelines-gray); background-color: var(--swatch--light-blue); color: var(--_theme---text); --_theme---background: var(--swatch--light-blue); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .sides-blue { border-color: var(--swatch--blue-3); } .navbar_code-embed { display: none; } .arrange-call_image-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; height: 25rem; margin-left: -1%; margin-right: -1%; display: grid; position: absolute; inset: 50% 0% 0%; transform: translate(0, -50%); } .arrange-call_image { object-fit: cover; } .arrange-call_image.right { object-position: 100% 50%; } .arrange-call_content-bottom { overflow: hidden; } .arrange-call_content-wrapper { justify-content: center; align-items: center; position: relative; } .image-34 { object-fit: cover; } .careers-header_image-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; display: grid; position: absolute; inset: 0%; overflow: hidden; } .careers-header_image { object-fit: cover; position: static; } .careers-header_image.right { object-position: 100% 50%; } .why-impart_header_image-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; display: grid; position: absolute; inset: 0%; overflow: hidden; } .why-impart_header_image { object-fit: cover; position: static; } .why-impart_header_image.right { object-position: 100% 50%; } .border-color-blue-3 { border: 1px solid var(--swatch--blue-3); } .comaprison-table_image { width: auto; height: 2rem; } .hide-tag { display: none; } .section_workflows { border-top: 1px solid var(--sidelines-gray); border-bottom: 1px solid var(--sidelines-gray); background-color: var(--swatch--light-blue); } .section_workflows.border-bottom-line { border-top: 1px solid var(--swatch--blue-3); border-bottom-color: var(--swatch--blue-3); background-color: var(--swatch--light-blue); } .section_workflows.border-bottom-line.hide { display: none; } ._1x1-medium-icon { width: 2rem; height: 2rem; } .workflows_animation-wrapper { justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative; } .workflows_animation-wrapper.first { justify-content: flex-end; align-items: center; display: flex; } .div-block-25 { display: none; } .product-updates_header_image-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; display: grid; position: absolute; inset: 0%; overflow: hidden; } .product-updates_header_image { object-fit: cover; position: static; } .product-updates_header_image.right { object-position: 100% 50%; } .latest-blog_header_image-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; display: grid; position: absolute; inset: 0%; overflow: hidden; } .latest-blog_header_image { object-fit: cover; position: static; } .latest-blog_header_image.right { object-position: 100% 50%; } .capability-table_style { display: none; } .capability-table_layout { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; position: relative; } .capability-table_titles { flex: 1; max-width: 25%; } .capability-table_col { z-index: 2; width: 100%; padding-top: 1rem; padding-bottom: 2rem; position: relative; } .capability-table_col.swiper-slide { flex: none; align-self: center; width: 100%; max-width: 33.3%; height: auto; } .capability-table_row { z-index: 2; border-bottom: 1px solid #adadad; justify-content: center; align-items: center; min-height: 3rem; padding: .5rem 1rem; display: flex; position: relative; } .capability-table_row.is-first { border-style: none none solid; border-width: 1px; border-color: var(--swatch--blue-3); } .capability-table_options { flex: 1; } .capability-table_swiper_nav { z-index: 3; justify-content: space-between; width: 100%; display: none; position: absolute; top: 0; } .capability-table_swiper_btn { color: #fff; background-color: #000; border-radius: 100vh; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .5rem; display: flex; } .capability-table_swiper { width: 100%; display: flex; } .capability-table_swiper.swiper { flex: 1; position: relative; overflow: hidden; } .capability-table_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .capability-table_highlight { z-index: 0; background-color: #cecece; border-radius: .5rem; grid-area: 1 / 2 / span 1 / span 1; width: 100%; height: 100%; position: absolute; inset: 0%; } .capability-table_code { display: none; } .bottom-border-blue-3 { border-bottom: 1px solid var(--swatch--blue-3); } .compare_style { display: none; } .compare_layout { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; position: relative; } .compare_titles { flex: 1; max-width: 25%; } .compare_col { z-index: 2; width: 100%; padding-top: 1rem; padding-bottom: 2rem; position: relative; } .compare_col.swiper-slide { flex: none; align-self: center; width: 100%; max-width: 33.3%; height: auto; } .compare_row { z-index: 2; border-bottom: 1px solid #adadad; justify-content: center; align-items: center; min-height: 3rem; padding: .5rem 1rem; display: flex; position: relative; } .compare_row.is-first { border-style: none none solid; border-width: 1px; border-color: var(--swatch--blue-3); margin-top: 0; } .compare_options { flex: 1; } .compare_swiper_nav { z-index: 3; justify-content: space-between; width: 100%; display: none; position: absolute; top: 0; } .compare_swiper_btn { color: #fff; background-color: #000; border-radius: 100vh; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .5rem; display: flex; } .compare_swiper { width: 100%; display: flex; } .compare_swiper.swiper { flex: 1; position: relative; overflow: hidden; } .compare_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .compare_highlight { z-index: 0; background-color: #cecece; border-radius: .5rem; grid-area: 1 / 2 / span 1 / span 1; width: 100%; height: 100%; position: absolute; inset: 0%; } .compare_code { display: none; } .environment_markitecture { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto); grid-auto-columns: 1fr; display: grid; } .environment_markitecture.hide { display: none; } .environment-card { border: 1px solid var(--sidelines-gray); border-radius: var(--radius--xsmall); background-color: var(--swatch--light); justify-content: center; align-items: center; padding: .62rem; display: flex; box-shadow: 0 3px 7px -3px #0000004d, 0 6px 12px -2px #32325d40; } .environment_text-wrapper { grid-column-gap: .62rem; grid-row-gap: .62rem; text-align: center; justify-content: center; align-items: center; display: flex; } .text-block { background-color: #f6d8d8; border-radius: 62rem; padding: .25rem .5rem; } .environment_content-left { grid-column-gap: 4.5rem; grid-row-gap: 4.5rem; flex-flow: column; justify-content: center; align-items: center; display: flex; } .http_content-wrapper { justify-content: center; align-items: center; display: flex; } .environment-pipe { background-color: #3b6bf514; border: 1px solid #3b6bf533; border-style: solid none; align-self: center; width: 5rem; height: 1rem; } .environment-pipe.shorter { width: 3.8rem; } .environment-pipe.vertical { align-self: stretch; width: 1rem; height: 6rem; position: relative; } .text-block-copy { background-color: #d8f8e0; border-radius: 62rem; padding: .25rem .5rem; } .environment-pipe-2 { background-color: #3b6bf514; border: 1px solid #3b6bf533; border-style: solid none; align-self: center; width: 4rem; height: 1rem; } .environment_content-middle { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: row; display: flex; } .api_middle-wrapper { display: flex; } .environment_card-wrapper { grid-column-gap: .62rem; grid-row-gap: .62rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .api_header { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .api_icon { color: var(--swatch--brand); } .api_icon-wrapper { border-radius: var(--radius--xsmall); background-color: var(--swatch--brand); padding: .5rem; } .api_icon-wrapper.background-color-white { background-color: var(--swatch--light); } .div-block-28-copy { border: 1px solid var(--sidelines-gray); border-radius: var(--radius--xsmall); background-color: var(--swatch--light); padding: .62rem; box-shadow: 0 3px 7px -3px #0000004d, 0 6px 12px -2px #32325d40; } .api_middle_header { grid-column-gap: .62rem; grid-row-gap: .62rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .api_middle_card { border: 1px solid var(--sidelines-gray); border-radius: var(--radius--xsmall); background-color: var(--swatch--brand); padding: 2.2rem 3.1rem; box-shadow: 0 3px 7px -3px #0000004d, 0 6px 12px -2px #32325d40; } .api_middle_content { display: flex; } .environment-pipe-3 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-self: center; display: flex; } .div-block-37 { padding: 2rem 2.65rem; } .app-and-api { border: 1px solid var(--sidelines-gray); border-radius: var(--radius--xsmall); background-color: var(--swatch--light); padding: 2rem 2.75rem 5.2rem; box-shadow: 0 3px 7px -3px #0000004d, 0 6px 12px -2px #32325d40; } .api_line-wrapper { padding-top: .5rem; padding-bottom: .5rem; display: flex; } .div-block-38 { grid-column-gap: .6rem; grid-row-gap: .6rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .environment-pipe-wrapper { padding-top: .5rem; padding-bottom: .5rem; } .environment-pipe-5 { position: absolute; top: 851.5px; left: 716.484px; } .environment_content-right { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: row; display: flex; } .app-and-api-copy { z-index: 1; border: 1px solid var(--sidelines-gray); border-radius: var(--radius--xsmall); background-color: var(--swatch--light); align-self: stretch; margin-left: 0; padding: 1rem 1rem 1.3rem; position: relative; box-shadow: 0 3px 7px -3px #0000004d, 0 6px 12px -2px #32325d40; } .div-block-39-copy { padding-top: 0; padding-bottom: 0; } .impart-cloud { border-radius: var(--radius--xsmall); background-color: var(--swatch--blue-1); border: 1px solid #305eff80; align-self: stretch; margin-left: 0; padding: 1rem 1rem 1.3rem; box-shadow: 0 4px 4px #0000001a; } .div-block-40 { justify-content: center; align-items: center; position: relative; left: 0; } .data-pipelines-logos-wrapper { grid-column-gap: .6rem; grid-row-gap: .6rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .app-api_server-wrapper { grid-column-gap: .6rem; grid-row-gap: .6rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .div-block-41 { flex-flow: column; flex: 0 auto; justify-content: space-around; align-items: center; display: flex; } .data_logo-wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; text-align: center; justify-content: center; align-items: center; width: 3rem; height: 100%; display: flex; } .div-block-29-copy { grid-column-gap: .62rem; grid-row-gap: .62rem; text-align: center; justify-content: center; align-items: center; display: flex; } .data_logo { justify-content: center; align-self: center; align-items: center; display: inline-flex; } .div-block-36-copy { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-self: center; display: flex; } .div-block-36-copy-copy { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; top: -218px; flex-flow: row; align-self: center; width: 100%; display: flex; position: relative; inset: 0; } .div-block-36-copy-copy-copy { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-self: center; align-items: stretch; display: flex; position: relative; top: -218px; } .api-card, .div-block-43 { display: flex; } .api_lines-wrap { padding-top: .5rem; padding-bottom: .5rem; } .core-capabilities_layout_wrap { z-index: 1; grid-row-gap: 3em; flex-flow: wrap; padding-left: 1em; padding-right: 1em; display: flex; position: relative; } .core-capabilitiess_autoplay_code { display: none; } .core-capabilities_layout_col { justify-content: center; align-items: center; width: 40%; padding-left: .5em; padding-right: .5em; display: flex; } .core-capabilities_layout_col.right { grid-column-gap: .63rem; grid-row-gap: .63rem; flex-flow: column; justify-content: center; align-items: flex-end; width: 60%; } .core-capabilities_content_wrap { width: 100%; height: 100%; margin-left: auto; margin-right: 0; } .core-capabilities_content_inner { grid-column-gap: 3em; grid-row-gap: 3em; flex-flow: column; justify-content: flex-start; align-items: flex-start; min-height: 100%; padding-top: 0; padding-bottom: 0; padding-right: 2em; display: flex; } .core-capabilities_content_top { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .core-capabilities_content_bottom { flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; max-width: 30em; margin-top: 0; margin-bottom: 0; padding-left: 0; display: flex; } .core-capabilities_content_item { color: #131313; width: 100%; padding-top: 1em; padding-bottom: 1em; text-decoration: none; transition: opacity .25s; position: relative; } .core-capabilities_content_item-main { grid-column-gap: 2em; grid-row-gap: 2em; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .core-capabilities_cointent_item-nr { color: #fff; background-color: #131313; border: 1px solid #131313; border-radius: 100em; justify-content: center; align-items: center; width: 2.5em; height: 2.5em; margin-top: .2em; font-size: .75em; font-weight: 400; transition: transform .4s cubic-bezier(.625, .05, 0, 1); display: flex; } .core-capabilities_content_item-heading { color: var(--swatch--brand-2); font-size: var(--_typography---font-size--text-small); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; line-height: 1; } .core-capabilities_content_item-detail { width: 100%; height: 0; padding-left: 4em; overflow: hidden; } .core-capabilities-description__spacer { padding-top: 1em; } .core-capabilities-description { margin-bottom: 0; font-size: 1em; } .core-capabilities_content_item-bottom { background-color: #0003; width: 100%; height: 1px; transition: background-color .2s; position: absolute; inset: 0 0% auto; } .core-capabilities_progress { background-color: var(--swatch--brand); transform-origin: 0%; transform-style: preserve-3d; width: 100%; height: 1px; transform: scale3d(0, 1, 1); } .core-capabilities_visual_wrap { aspect-ratio: 1.4; border: 1px solid var(--sidelines-gray); border-radius: var(--radius--small); object-fit: cover; width: 100%; max-width: 100%; height: auto; position: relative; } .core-capabilities_visual_item { visibility: hidden; flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; height: 100%; padding: 1rem; display: flex; position: absolute; } .core-capabilities_visual_item.active { background-color: var(--swatch--transparent); color: var(--swatch--light); object-fit: cover; flex-flow: column; justify-content: center; align-items: flex-start; max-width: 100%; } .core-capabilities_visual_inner { object-fit: cover; border: 1px #0003; border-radius: 0; justify-content: center; align-items: center; width: 100%; height: auto; padding: 0; display: flex; overflow: hidden; } .core-capabilities_visual_inner.ratio-1-58 { aspect-ratio: auto; } .core-capabilities_visual_inner.ratio-1-78 { aspect-ratio: auto; object-fit: cover; } .core-capabilities_visual_inner.ratio-1-64 { aspect-ratio: auto; object-fit: fill; } .core-capabilities_visual_inner.ratio-1-74 { aspect-ratio: auto; } .core-capabilities_image { object-fit: contain; object-position: 0% 0%; border-radius: .5rem; width: 100%; height: 100%; position: relative; } .core-capabilities2_layout_wrap { z-index: 1; grid-row-gap: 3em; flex-flow: wrap; padding-left: 1em; padding-right: 1em; display: flex; position: relative; } .core-capabilities2s_autoplay_code { display: none; } .core-capabilities2_layout_col { width: 50%; padding-left: .5em; padding-right: .5em; } .core-capabilities2_content_wrap { width: 100%; height: 100%; margin-left: auto; margin-right: 0; } .core-capabilities2_content_inner { grid-column-gap: 3em; grid-row-gap: 3em; flex-flow: column; justify-content: space-between; align-items: flex-start; min-height: 100%; padding-top: 1em; padding-bottom: 0; padding-right: 2.5em; display: flex; } .core-capabilities2_content_top { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .core-capabilities2_content_bottom { flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; max-width: 30em; margin-top: 0; margin-bottom: 0; padding-left: 0; display: flex; } .core-capabilities2_content_item { color: #131313; width: 100%; padding-top: 2em; padding-bottom: 2em; text-decoration: none; transition: opacity .25s; position: relative; } .core-capabilities2_content_item-main { grid-column-gap: 2em; grid-row-gap: 2em; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .core-capabilities2_cointent_item-nr { color: #fff; background-color: #131313; border: 1px solid #131313; border-radius: 100em; justify-content: center; align-items: center; width: 2.5em; height: 2.5em; margin-top: .2em; font-size: .75em; font-weight: 400; transition: transform .4s cubic-bezier(.625, .05, 0, 1); display: flex; } .core-capabilities2_content_item-heading { margin-top: 0; margin-bottom: 0; font-size: 2em; font-weight: 500; line-height: 1; } .core-capabilities2_content_item-detail { width: 100%; height: 0; padding-left: 4em; overflow: hidden; } .core-capabilities2-description__spacer { padding-top: 1em; } .core-capabilities2-description { margin-bottom: 0; font-size: 1em; } .core-capabilities2_content_item-bottom { background-color: #0003; width: 100%; height: 1px; transition: background-color .2s; position: absolute; inset: 0 0% auto; } .core-capabilities2_progress { transform-origin: 0%; transform-style: preserve-3d; background-color: #ff4c24; width: 100%; height: 1px; transform: scale3d(0, 1, 1); } .core-capabilities2_visual_wrap { aspect-ratio: 1.6; height: 50em; position: relative; } .core-capabilities2_visual_item { visibility: hidden; justify-content: flex-start; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; } .core-capabilities2_visual_item.active { background-color: var(--swatch--brand); color: var(--swatch--light); } .core-capabilities2_visual_inner { border: 1px solid #0003; border-radius: .5rem; width: 100%; height: 100%; padding: .5em; overflow: hidden; } .core-capabilities2_image { object-fit: cover; object-position: 0% 50%; border-radius: .5rem; width: 100%; height: 100%; position: relative; } .section_meet-copy { z-index: 2; background-color: var(--_theme---background-2); color: #000; border-bottom: 1px solid #dfdfdf; position: relative; } .meet_grid-list-copy { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; } .meet_grid-list-copy.grid-autofit { --_column-count---value: 4; } .home-platform_card-wrapper.grid-autofit { z-index: 2; --_column-count---value: 4; position: relative; } .home-platform_image-wrapper { z-index: 1; position: static; top: -120px; } .div-block-44 { z-index: 1; margin-bottom: -230px; position: relative; top: -119px; } .home-platform_card-wrapper-copy { border-radius: var(--radius--small); background-color: var(--swatch--brand); } .home-platform_card-wrapper-copy.grid-autofit { z-index: 2; position: static; top: -108px; } .div-block-45 { border-radius: var(--radius--small); background-color: var(--swatch--brand); padding: 1rem; position: relative; top: -130px; } .object-position-bottom { justify-content: center; align-items: flex-end; } .post-alert_end-text { color: #1d9bf0; } .post-alert_content-right { flex-flow: column; display: flex; } .post-badge-wrapper { aspect-ratio: 1; object-fit: fill; width: 1rem; position: relative; } .post-alert-card { position: relative; } .post-alert-card.first { max-width: 30rem; top: 0; } .post-alert-card.last { max-width: 30rem; top: 0; left: 25px; } .rive-anim_wrap { aspect-ratio: 1297 / 515; position: relative; } .rive { position: absolute; inset: 0%; } .radius-tiny { border-radius: var(--radius--tiny); } .application-slide_play-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; cursor: pointer; justify-content: flex-end; align-items: center; display: flex; width: auto !important; } .application-slide_play-wrap:hover { color: var(--swatch--blue-8); } .application-slide_play-wrap._1x1-icon-xsmall { height: .875rem; } .application-slide_play-icon { color: var(--swatch--brand); cursor: pointer; } .application-slide_play-icon:hover { color: var(--swatch--blue-8); } .application-slide_bottom-content { grid-column-gap: .25rem; grid-row-gap: .25rem; justify-content: flex-end; display: flex; } .application-slide_list-cover { cursor: pointer; position: absolute; inset: 0%; } .core-capabilities_play-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; cursor: pointer; justify-content: flex-end; align-items: center; display: flex; width: auto !important; } .core-capabilities_play-wrap:hover { color: var(--swatch--blue-8); } .core-capabilities_play-icon { color: var(--swatch--brand); cursor: pointer; } .core-capabilities_play-icon:hover { color: var(--swatch--blue-8); } .core-capabilities_content-item-cover { position: absolute; inset: 0%; } .logo-marquee-component { overflow: hidden; } .logo-marquee-component.is-inverted { filter: invert(); } .logo-marquee-component.is-inverted.opacity-50 { opacity: .5; } .logo-marquee_track { justify-content: center; min-width: 100svw; display: flex; } .logo-marquee-cms_wrap { display: flex; } .logo-marquee-cms_list { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: center; max-width: 100%; display: flex; overflow: clip; } .logo-marquee-cms_img_wrap { flex: none; justify-content: center; align-self: center; align-items: center; width: 13rem; display: flex; } .logo-marquee-cms_img_wrap.is-short { width: 10rem; } .logo-marquee-cms_img_wrap.is-long { width: 14rem; } .logo-marquee-img { max-width: 150px; max-height: 40px; } .logo-marquee-img.is-inverted { filter: invert(); } .logo-marquee-img.is-inverted.is-medium { height: auto; max-height: 2.35rem; } .logo-marquee-img.is-inverted.is-largest { max-height: 3.75rem; } .logo-marquee-img.is-inverted.is-smaller { max-height: 1.25rem; } .logo-marquee-img.is-gray { filter: grayscale(); } .logo-marquee-img.is-medium { max-height: 2.35rem; } .logo-marquee-img.is-small { max-height: 1.5rem; } .logo-marquee-img.is-large { max-height: 3.13rem; } .logo-marquee-img.is-smallest { max-height: 1.35rem; } .logo-marquee-img.is-smaller { max-height: 1.25rem; } .header-rich-text-2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-4); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; font-weight: var(--_text-style---font-weight); } .header-rich-text-2:where(.w-variant-b99f85d7-8761-f28a-7436-b823499f73fa) { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text-2:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--sidelines-gray); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--brand-2); --_theme---selection--text: white; --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .header-rich-text-2:where(.w-variant-58479d3c-2434-4f33-b027-b02628919705) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text-2:where(.w-variant-8e4a1542-c15c-a224-5ce7-9db02bc63221) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text-2:where(.w-variant-062f86df-8c94-66bc-11f1-2dec3363176b) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text-2:where(.w-variant-99ef0c6f-d120-4697-e0fe-eeda93f42751) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text-2:where(.w-variant-ad1158d2-fbf0-7764-81fe-6e618e53cb14) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text-2.h3 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .testimonials_button-wrapper { justify-content: center; align-items: center; display: flex; } .testimonials_button-wrapper.mt-6 { z-index: 999; position: relative; } .security-guide_info-wrapper { position: sticky; top: 8rem; } .security-guide_chapter-details { grid-column-gap: .5rem; align-items: center; display: flex; } .security-guide_chapter-number-text { color: var(--swatch--brand); text-align: left; text-transform: uppercase; padding-top: 5px; font-family: Satoshi, Arial, sans-serif; font-weight: 500; } .event-card_content-wrapper { border: 1px solid var(--swatch--light-gray); border-radius: var(--radius--small); justify-content: center; align-items: flex-start; display: flex; box-shadow: 0 4px 4px #0000001a; } .event-card_content-wrapper.card-padding-small { min-height: 50px; display: flex; } .event-card_content-wrapper.card-padding-small:where(.w-variant-8ee0eac3-7100-6842-12d5-cfc6905df2e2) { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68e6a693052cb5e2d20ad966_wasm.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; } .event-card_content-wrapper.card-padding-small.background-color-white { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .event-card_content-wrapper.card-padding-small.radius-none { border-radius: 0; } .event-card_content-wrapper.card-padding-small.no-padding-bottom { padding-bottom: 0; } .event-card_content-wrapper.card-padding-small.lines-bg { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; } .event-card_content-wrapper.card-padding-small.no-border { border-style: none; border-width: 1px; } .event-card_content-wrapper.card-padding-small.no-border:where(.w-variant-8ee0eac3-7100-6842-12d5-cfc6905df2e2) { border-style: none; } .event-card_content { flex-flow: column; justify-content: space-between; align-self: stretch; align-items: stretch; height: auto; display: flex; } .event-card_content.icon { flex: 0 auto; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: block; } .event-card_content-bottom { --_alignment---direction: start; text-align: var(--_alignment---direction); flex-flow: column; flex: 1; justify-content: space-between; align-self: auto; align-items: stretch; margin-top: 20px; display: flex; } .event-card_content-bottom:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { --_alignment---direction: center; text-align: var(--_alignment---direction); justify-content: center; align-items: var(--_alignment---direction); } .event-card_content-bottom:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) { --_alignment---direction: end; justify-content: flex-end; } .event-card_content-bottom.margin-auto { margin-top: auto; } .div-block-46 { flex-flow: column; justify-content: space-between; align-items: center; display: block; } .div-block-47 { grid-column-gap: 16px; grid-row-gap: 16px; vertical-align: bottom; flex-flow: row; flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-end; display: block; } .div-block-48 { justify-content: center; align-items: flex-start; display: flex; } .div-block-49 { flex-flow: row; justify-content: center; align-items: flex-start; display: flex; } .event-form { background-color: var(--swatch--blue-1); flex: 1; justify-content: center; align-items: flex-start; width: 80%; max-width: 700px; display: block; } .event-form.card-padding-medium { background-color: var(--swatch--transparent); } .width-100-prct { width: 100%; } .event-form-wrap { background-color: var(--swatch--blue-1); flex: 1; justify-content: center; align-items: center; width: 100%; display: flex; } .event-form-wrap.card-padding-small { background-color: var(--swatch--transparent); } @media screen and (max-width: 991px) { .styleguide_contain.container-large.padding-section-medium.grid-custom { --_column-count---value: 1; } .grid-desktop { flex-flow: column; display: flex; } .g_visual_wrap.position-relative.contain { padding: 1rem; } .g_visual_wrap.position-relative.height-image-card { height: 5rem; } .max-width-full-tablet { width: 100%; max-width: none; } .grid-column-4 { grid-template-columns: var(--grid-2); } .styleguide_layout { justify-content: flex-start; align-items: stretch; } .styleguide_layout.column-9 { grid-column: 1 / span 1; } .order-last-desktop { order: 0; } .styleguide_scroll { margin-right: calc(var(--site--margin) * -1); padding-right: 0; } .grid-autofit.flex-mobile { flex-flow: column; display: flex; position: relative; } .order-first-desktop { order: 0; } .g_grid_content.grid-custom:where(.w-variant-e9e6ba9d-b06f-8a8d-e56f-7bded813023f), .g_grid_content.base-tablet-down:where(.w-variant-d1ee07ab-536d-9325-ccf4-77ce8108c0cb) { --_column-count---value: 1; } .display-contents.vflex-left-top.full-width { width: 100%; } .g_content.hflex-between-center { justify-content: space-between; display: flex; } .g_content.hflex-between-center.gap-row-4-tablet { grid-column-gap: 1rem; grid-row-gap: 1rem; } .nav_links_component { color: inherit; } .nav_contain { background-color: #fff; position: relative; } .nav_contain:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--blue-1); --_theme---text: var(--swatch--brand-text); --_theme---border: var(--swatch--blue-3); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-blue); --_theme---background-3: var(--swatch--blue-1); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--blue-7); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--border-hover: #323233; --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); } .nav_dropdown_mega_wrap.is-desktop { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); border-radius: var(--nav--radius); padding-left: var(--nav--spacing-inner-horizontal); padding-right: var(--nav--spacing-inner-horizontal); overflow: hidden; margin-top: var(--nav--height) !important; overflow-y: auto !important; } .nav_wrap.is-desktop { z-index: 99; display: none; } .nav_wrap.is-mobile { display: block; } .nav_dropdown_text.text-color-faded.text-size-tiny { color: color-mix(in srgb, var(--_nav---nav-text) 60%, transparent); } .nav_btn_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_dropdown_mega_contain.is-desktop { padding-top: var(--space--1); padding-bottom: var(--space--); } .nav_menu_wrap { color: #212122; background-color: #fff; min-height: 100svh; } .nav_menu_wrap:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) { background-color: var(--_theme---background); color: var(--swatch--light); } .nav_links_link { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .blog_layout.grid-custom { --_column-count---value: 1; } .blog_content.column-5 { grid-column-end: span 1; } .blog_toc_track.column-2 { grid-column: 1 / span 1; display: flex; } .styleguide_menu.column-2 { grid-column-end: span 1; } .padding-section-large-new { padding-top: 6rem; padding-bottom: 6rem; } .home_header_content { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; grid-auto-flow: row; min-height: auto; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .home_header_video_component { padding-bottom: 1.5rem; } .home_header_content-bottom { grid-template-columns: 1fr; } .stats_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; display: flex; } .stats-divider { background-color: #dfdfdf00; width: 4px; height: 100%; min-height: 100%; } .home_header_stats-divider-line { width: 3px; height: 100%; } .section_protection-issues { position: static; } .heading-style-h3-2 { font-size: 2.25rem; } .protection-issues_alerts { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; } .gh-merge_wrapper { position: relative; top: -17px; left: 35px; } .pg-alert_wrapper { top: 8px; } .dd-alert_wrapper { top: 47px; } .heading-style-h2-3 { font-size: 2.75rem; } .import-calm_content { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; } .timeline_content { grid-column-gap: 0rem; grid-row-gap: 0rem; } .timeline_circle-wrapper { width: 6rem; margin-left: -4.6rem; } .timeline_item { grid-template-columns: 1fr; } .meet_row { grid-template-columns: 1fr 1fr; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .content-grid_card { grid-template-columns: 1fr; height: auto; overflow: hidden; } .content-grid_card-content-right { border-top: 1px solid #000; height: 40vh; padding-left: 2rem; padding-right: 2rem; } .testimonials_image-wrapper.is-image-1 { width: 36vw; } .testimonials_image-wrapper.is-image-2 { width: 40vw; margin-top: -4vw; left: 46.5vw; } .testimonials_image-wrapper.is-image-3 { width: 40vw; } .testimonials_image-wrapper.is-image-4 { width: 24vw; } .testimonials_image-wrapper.is-image-5 { width: 40vw; } .testimonials_image-wrapper.is-image-6, .testimonials_image-wrapper.is-image-6-copy { width: 36vw; } .testimonials_image-wrapper.is-image-4-copy { width: 24vw; } .testimonial-card-wrapper { max-width: 15rem; } .testimonial-card-wrapper.is-image1.position, .testimonial-card-wrapper.is-image2.position-static { max-width: none; } .testimonial-card-wrapper.is-image5 { bottom: -5%; } .testimonial-card-wrapper.is-image5.position-static, .testimonial-card-wrapper.is-image3.position-static, .testimonial-card-wrapper.is-image4.position-static { max-width: none; } .testimonials_content { padding-top: 6rem; padding-bottom: 6rem; } .arrange-meeting_content { grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; min-height: auto; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .footer_top-wrapper { grid-row-gap: 4rem; grid-template-columns: 1fr; } .heading-style-h1-2 { font-size: 3.25rem; } .footer_menu_link-list.main-pages { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .navbar_container { grid-template-columns: .25fr 1fr; display: flex; } .navbar_menu { -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-bottom: 1px solid #ccc; justify-content: center; width: 100%; padding: 1rem 5% 2.5rem; display: flex; position: absolute; overflow: auto; } .navbar_menu.is-page-height-tablet { height: 100dvh; padding-bottom: 6.5rem; transition: height .5s; } .navbar_link { padding: .75rem 0; font-size: 1.125rem; } .navbar_menu-dropdown { flex-direction: column; justify-content: center; align-items: flex-start; font-size: 1.125rem; display: flex; } .navbar_dropdwn-toggle { align-items: center; margin-left: 0; margin-right: 0; padding: .75rem 2rem .75rem 0; display: flex; } .dropdown-chevron { inset: auto 0% auto auto; } .navbar_dropdown-list { position: static; overflow: hidden; } .navbar_dropdown-list.w--open { border-style: none; padding: 0; position: static; } .navbar_dropdown-link { text-align: left; width: auto; padding: .75rem 0 .75rem .5rem; font-size: 16px; } .navbar_button-wrapper { align-items: center; } .navbar_menu-button { padding: 0; } .navbar_menu-button.w--open { background-color: #0000; } .menu-icon2 { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon2_line-top { background-color: #000; width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .menu-icon2_line-middle { background-color: #000; justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon2_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon2_line-bottom { background-color: #000; width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .arrange-meeting_code-embed { border-radius: var(--radius--small); background-color: #fff; height: auto; } .partner-logos_marquee-cms_img_wrap.no-padding.opacity-100 { min-width: 150px; } .partner-logos_marquee-img.is-small { max-height: 20px; } .security-love_grid.grid-autofit { --_column-count---value: 2; grid-template-columns: 1fr 1fr; } .testimonial31_slider { padding-left: 0; padding-right: 0; } .testimonial31_mask { width: 50%; } .arrange_call_code-embed-wrapper { width: 100%; overflow: hidden; } .arrange-call_content-middle.max-width-xlarge.align-center { justify-content: center; align-items: center; display: flex; } .arrange-call_content-middle.max-width-xlarge.align-center.max-width-medium-tablet { justify-content: center; align-items: center; max-width: 35rem; display: flex; } .arrange-call_frame { left: 1.05rem; } .arrange-call_frame.frame-2 { left: -.5rem; } .steps_content { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr minmax(0, 50px) 1fr; } .steps_circle-wrapper { width: 6rem; margin-left: -4.6rem; } .steps_item { grid-template-columns: 1fr; margin-left: 3.13rem; } .capabilities_grid.grid-autofit.gap-0, .capabilities_grid.grid-autofit.column-5.gap-0 { --_column-count---value: 3; } .card_description p { font-size: 1.1rem; } .card_icon { justify-content: center; } .workflows_grid { grid-column-gap: .5rem; grid-row-gap: .5rem; } .display_contents.icon { flex: 0 auto; width: 2rem; height: 2rem; } .platform_header_content { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; grid-auto-flow: row; min-height: auto; } .leadership-card_content-wrapper.card-padding-small { width: 100%; } .impart-banner_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .impart-banner_grid.grid-autofit { grid-template-columns: repeat(auto-fit, minmax(undefinedundefined, undefinedundefined)) minmax(0px, 1fr); } .impart-banner_image { object-fit: cover; object-position: 100% 50%; } .impart-banner_image.is-right { object-position: 0% 50%; } .why-impart-background.background-waves { background-position: 110%; background-size: cover; } .differentiators_content.grid-autofit.grid-column-3.gap-5 { --_column-count---value: 1; background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .comparison-table_row { min-height: 7.5rem; } .comparison-table_row.is-first { text-align: center; } .comparison-table_row.background-color-brand.radius-xsmall { margin-bottom: 0; padding-top: .5rem; } .comparison-table_swiper_wrap.swiper-wrapper { max-width: 100%; } .ai_scroll-list_layout { flex-flow: row-reverse wrap-reverse; } .ai_scroll-list_list, .ai_scroll-list_visual_clip { width: 100%; } .show-tablet { display: block; } .blog_item-card { grid-template-columns: minmax(0, 2fr); } .blog_item-card:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { min-height: 31.25rem; } .blog_item-card:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { flex-flow: column; min-height: 25rem; display: flex; } .blog_item-card:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; height: auto; min-height: 0; padding: 2rem 1.5rem; } .blog_image-wrapper:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { aspect-ratio: 16 / 9; object-position: 0% 50%; height: auto; min-height: 0; display: flex; } .blog_image-wrapper:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { aspect-ratio: 16 / 9; height: auto; } .blog_image-wrapper:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { align-self: flex-start; } .blog_image:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { object-fit: cover; object-position: 25% 50%; } .blog_image:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { height: auto; } .blog_item-content { padding: 2rem; } .blog_item-content:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { padding: 1.5rem; } .blog_item-content:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { justify-content: flex-start; align-self: flex-start; align-items: flex-start; padding: 0; } .blog_heading:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { font-size: var(--_typography---font-size--h5); } .workflows_grid-layout.grid-autofit { --_column-count---value: 1; grid-template-columns: repeat(auto-fit, minmax(min(max(2rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .latest-blog-background.background-waves { background-position: 0%; background-size: cover; } .blog_list { grid-template-columns: 1fr 1fr; } .business-impact_content.grid-autofit.grid-column-3.gap-5 { --_column-count---value: 1; background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .hide-all-mobile { display: block; } .blog_form-block { z-index: 999; } .blog_form.mb-7 { width: 60%; } .form_input.is-icon-left { border-color: var(--swatch--light-gray); } .dropdown2_dropdown-list.is-right { object-position: 0% 50%; } .blog_layout-copy.grid-custom { --_column-count---value: 1; } .cms_list { grid-column-gap: 2rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .cms_list.news { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; display: flex; } .product-updates_header_background.background-waves { background-position: 110%; background-size: cover; } .product-updates_layout.grid-custom { --_column-count---value: 1; } .product-updates_form-block { z-index: 999; } .security-guide_component.container-large.padding-section-small.is-main { padding-top: 6rem; padding-left: 1%; padding-right: 1%; } .security-guide_content-post-wrapper { grid-column-gap: 3rem; flex-direction: column; grid-template-columns: 1fr; } .security-guide_content-post-wrapper.grid-autofit.flex-tablet { display: flex; } .security-guide_sidebar { order: 9999; width: 100%; margin-left: 0; position: relative; top: 0; } .security-guide_cta { position: static; } .security-guide_cta-wrapper.mt-6 { justify-content: center; align-items: center; } .security-guide_content.column-2 { padding-right: 0; } .security-banner_grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .security-banner_grid.grid-autofit { grid-template-columns: repeat(auto-fit, minmax(undefinedundefined, undefinedundefined)) minmax(0px, 1fr); } .security-banner_image { object-fit: cover; object-position: 100% 50%; } .security-banner_image.is-right { object-position: 0% 50%; } .security-banner_grid-copy { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .security-banner_grid-copy.grid-autofit { grid-template-columns: repeat(auto-fit, minmax(undefinedundefined, undefinedundefined)) minmax(0px, 1fr); } .careers-header-background.background-waves { background-position: 110%; background-size: cover; } .careers-team_content.grid-autofit.gap-8.gap-tablet { grid-row-gap: 0rem; } .careers-team_content-right.grid-autofit.grid-column-3.gap-5, .careers_content.grid-autofit.grid-column-3.gap-5 { --_column-count---value: 1; background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .careers_card_content-bottom { grid-row-gap: 2rem; } .three-cards_content.grid-autofit.grid-column-3.gap-5 { --_column-count---value: 1; background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .leadership-card_content.icon { flex: 0 auto; width: 2rem; height: 2rem; } .investors_content.grid-autofit.grid-column-3.gap-5 { --_column-count---value: 1; background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .comparison-table_row_text-wrapper { flex-flow: column; display: flex; } .policy-header-background.background-waves { background-position: 110%; background-size: cover; } .utility-heading { font-size: 10rem; } .utility-header { max-width: 20rem; } .application_header.grid-autofit { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .application-slide_layout { flex-flow: column; } .blog_item-content-bottom:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { margin-top: 0; } .code-embed:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { display: none; } .news_layout.grid-custom { --_column-count---value: 1; } .meet_contact-form_component { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr; width: 90%; } .meet_contact_content_layout.container-large.align-center { width: 90%; } .blogpost_layout { grid-template-rows: auto auto; grid-template-columns: minmax(0, 3fr); } .blogpost_info-wrapper { position: static; } .blogpost_grid-layout { grid-template-rows: auto auto; grid-template-columns: minmax(0, 3fr); } .security-guide_cta-copy { position: static; } .navbar_menu-right { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .div-block-24 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .workflows_animation-wrapper.first { justify-content: center; align-items: center; } .workflows_animation-wrapper.end { display: none; } .workflows-js { justify-content: center; align-items: center; } .workflows-css { display: none; } .core-capabilities_layout_col, .core-capabilities_layout_col.right { width: 100%; } .core-capabilities_content_wrap { max-width: none; margin-left: 0; } .core-capabilities_content_inner { justify-content: space-between; align-items: stretch; padding: 0; } .core-capabilities_content_top { grid-column-gap: 1.5em; grid-row-gap: 1.5em; } .core-capabilities_visual_wrap { padding-left: 0; padding-right: 0; } .core-capabilities_visual_item { overflow: hidden; } .core-capabilities2_layout_col { width: 100%; } .core-capabilities2_content_wrap { max-width: none; margin-left: 0; } .core-capabilities2_content_inner { justify-content: space-between; align-items: stretch; padding: 0; } .core-capabilities2_content_top { grid-column-gap: 1.5em; grid-row-gap: 1.5em; } .core-capabilities2_visual_wrap { height: auto; padding-left: 0; padding-right: 0; } .core-capabilities2_visual_item { overflow: hidden; } .home-platform_card-wrapper.grid-autofit { --_column-count---value: 2; } .div-block-44 { top: -133px; } .post-alert-card.first { top: 0; } .post-alert-card.last { top: 119px; left: 0; } .security-guide_info-wrapper { position: static; } .event-card_content-wrapper.card-padding-small { width: 100%; } .event-card_content.icon { flex: 0 auto; width: 2rem; height: 2rem; } } @media screen and (max-width: 767px) { .max-width-full-mobile-landscape { width: 100%; max-width: none; } .order-first-tablet { order: 0; } .grid-tablet { flex-flow: column; display: flex; } .styleguide_font_item { grid-template-columns: 100%; } .hflex-center-center.next-line { flex-flow: wrap; } .g_visual_wrap.position-relative.height-image-card { height: 3rem; } .grid-column-2, .grid-column-4 { grid-template-columns: var(--grid-1); } .order-last-tablet { order: 0; } .grid-column-3 { grid-template-columns: var(--grid-1); } .g_button_wrap:where(.w-variant-61023e54-4f8a-8053-34ce-0a107ee8984e) { padding-left: 1rem; padding-right: 1rem; } .display-contents.vflex-left-top.full-width { width: 100%; } .g_content.vflex-left-bottom-mobile { flex-flow: column; align-items: flex-start; } .g_content.vflex-left-bottom-mobile:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { flex-flow: column; } .g_content.image-top-mobile { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column wrap; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: flex-start; align-items: flex-start; display: grid; } .g_content.grid-column-1-mobile { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; display: grid; } .g_content.vflex-stretch-reverse-mobile { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; display: grid; } .nav_contain { max-width: none; padding-top: .5rem; padding-bottom: .25rem; } .nav_menu_wrap { max-width: none; } .nav_banner_text.u-line-clamp-1.text-size-small { font-size: clamp(.6rem, .686rem + .07vw, .875rem); } .padding-section-large-new { padding-top: 4rem; padding-bottom: 4rem; } .home_header_content { grid-column-gap: 3rem; grid-row-gap: 3rem; } .home_header_content-left { padding-right: 5%; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .home_header_video_component { padding-bottom: 1.5rem; } .stats_list { flex: 1; grid-template-columns: 1fr; } .stats_number { font-size: 3.5rem; } .partner-logos_heading { font-size: 1.125rem; } .partner-logos_list { grid-column-gap: 1rem; grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem; padding-top: 1rem; } .partner-logos_logo-wrapper { padding: .75rem 1rem; } .section_protection-issues { position: static; top: 0; bottom: 0; } .side-lines.zindex-3.padding-mobile { padding-left: 2%; padding-right: 2%; } .heading-style-h3-2 { font-size: 2rem; } .text-size-medium { font-size: 1rem; } .protection-issues_alerts { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-columns: 1fr; display: flex; position: static; top: clamp(-600px, -50vh, -400px); } .gh-merge_wrapper { width: 100%; margin-bottom: 1.5rem; top: 0; left: 0; } .slack_alert-wrapper, .pg-alert_wrapper { top: 0; } .post-alert_wrap { width: 100%; } .dd-alert_wrapper { top: 0; } .heading-style-h2-3 { font-size: 2.25rem; } .import-calm_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-columns: 1fr; display: flex; } .heading-style-h5-6 { font-size: 1.25rem; } .timeline_content { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: minmax(2rem, 2rem) 1fr; } .timeline_content-left { z-index: 1; padding-right: 0; position: relative; top: 0; } .timeline_content-right { grid-column-gap: 3rem; grid-row-gap: 3rem; width: 100%; } .timeline_circle-wrapper { width: 2rem; margin-left: 0; } .timeline_circle { margin-top: 2.25rem; } .timeline_item { grid-template-rows: auto auto; grid-template-columns: 1fr; margin-left: 3rem; } .timeline_item-content { width: 100%; padding: 1.5rem; } .meet_component.container-medium.padding-section-medium.container-large-mobile { max-width: var(--container--main); width: 100%; } .meet_grid-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .meet_row { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .content-grid_content { height: 100%; padding: 1.5rem; } .content-grid_client { flex-direction: column; align-items: flex-start; width: 100%; } .content-grid_card { height: auto; overflow: hidden; } .content-grid_card-content-left { padding: 2rem; } .content-grid_card-content-right { border-top-color: #dfdfdf; grid-template-columns: 1fr 1fr; padding-left: 1rem; padding-right: 1rem; } .content-grid_list { flex-flow: column; display: flex; } .testimonials_content-wrapper { flex-direction: column; align-items: flex-start; } .testimonials_image-list { padding-top: 8vh; } .testimonials_image-wrapper.is-image-1 { z-index: 5; width: 60vw; padding-top: 10%; } .testimonials_image-wrapper.is-image-2 { width: 60vw; margin-top: -3vw; left: 16vw; } .testimonials_image-wrapper.is-image-3 { width: 60vw; left: 7vw; } .testimonials_image-wrapper.is-image-4 { width: 60vw; left: 25vw; } .testimonials_image-wrapper.is-image-5 { width: 60vw; padding-top: 209%; } .testimonials_image-wrapper.is-image-6, .testimonials_image-wrapper.is-image-6-copy { width: 60vw; right: 27vw; } .testimonials_image-wrapper.is-image-4-copy { width: 60vw; left: 25vw; } .testimonial-card-wrapper.is-image1 { left: -2rem; } .testimonial-card-wrapper.is-image2 { top: 60%; left: -6rem; } .testimonial-card-wrapper.is-image5 { bottom: 12%; right: -3rem; } .testimonial-card-wrapper.is-image3 { top: 65%; right: auto; } .testimonial-card-wrapper.is-image4 { bottom: 72%; right: -6rem; } .testimonials_content { justify-content: flex-start; align-items: center; } .testimonials_ix-trigger { margin-top: 35rem; } .arrange-meeting_content { grid-row-gap: 3rem; grid-template-columns: 1fr; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .footer_top-wrapper { grid-row-gap: 3rem; } .heading-style-h1-2 { font-size: 2.5rem; } .footer_menu-wrapper { grid-column-gap: 1.5rem; } .footer_menu_link-list.main-pages { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .footer_-wrapper { flex-direction: column-reverse; align-items: flex-start; padding-bottom: 1rem; } .footer_credit-text { margin-top: 1.25rem; } .navbar_component { min-height: 4rem; } .navbar_menu.is-page-height-tablet { padding-bottom: 6rem; } .protection-issues_component.container-large.padding-section-medium.padding-bottom-mobile { padding-bottom: 60vh; } .protection-issues_alerts-wrapper.container-medium.width-100.mb-9 { position: sticky; } .post-alert_header.mb-4 { flex-flow: wrap; } .security-love_grid.grid-autofit { --_column-count---value: 1; grid-template-columns: 1fr; } .testimonial31_mask { width: 80%; } .testimonial31_slide { padding-right: 1.5rem; } .testimonial_card { padding: 1.5rem; } .testimonial_client { flex-direction: column; align-items: flex-start; width: 100%; } .arrange_call_code-embed-wrapper { padding: 0; } .arrange_call_code-embed-wrapper.get-started { border-width: .06rem; } .arrange-call_content-middle.max-width-xlarge.align-center.max-width-medium-tablet { justify-content: center; align-items: center; display: flex; } .arrange-call_frame { display: none; } .steps_content { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: minmax(auto, 1fr); grid-template-columns: minmax(0, .25fr) minmax(0, 1fr); } .steps_progress { margin-left: 1rem; } .steps_fade-overlay-top { display: none; } .steps_content-right { grid-column-gap: 3rem; grid-row-gap: 3rem; width: 100%; } .steps_circle-wrapper { width: 4rem; margin-left: 0; } .steps_item { grid-template-rows: auto; grid-template-columns: 1fr; margin-left: 6.6rem; } .steps_item-content { width: 100%; padding: 1.5rem; } .steps_circle { margin-top: 2.25rem; } .capabilities_grid.grid-autofit.gap-0, .capabilities_grid.grid-autofit.column-5.gap-0 { --_column-count---value: 2; } .card-wrapper { padding: 1.5rem; } .card_icon-wrapper { flex-direction: column; align-items: flex-start; width: 100%; } .capabilities_card-wrapper { padding: 1rem; } .workflows_grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .display_contents.icon { width: 2rem; height: 2rem; } .platform_header_content { grid-column-gap: 3rem; grid-row-gap: 3rem; } .platform_header_content-left { padding-right: 5%; } .leadership-card_content-wrapper.card-padding-small { justify-content: flex-start; width: 100%; } .impart-banner_grid { grid-template-columns: minmax(0, .5fr) minmax(0, 2fr) minmax(0, .5fr); } .impart-banner_image { object-fit: cover; object-position: 100% 50%; } .impart-banner_image.is-right { object-position: 0% 50%; } .workflows_grid_heading { font-size: var(--_typography---font-size--h5); } .why-impart-background.background-waves { background-position: 0%; background-size: cover; } .differentiators_content.grid-autofit.grid-column-3.gap-5 { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .compare-table_style { display: none; } .compare-table_wrap { grid-row-gap: 1rem; flex-flow: column; display: flex; } .compare-table_layout { flex-flow: row; } .compare-table_titles { max-width: 50%; } .compare-table_col { padding-top: 1.5rem; padding-bottom: 1.5rem; } .compare-table_col.swiper-slide { flex: none; width: 100%; max-width: 100%; } .compare-table_options { flex: none; width: 50%; position: relative; } .compare-table_swiper_nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; width: 110%; margin-left: -5%; display: flex; position: absolute; top: 2rem; bottom: auto; } .compare-table_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .compare-table_code { display: none; } .comparison_component.padding-section-small.container-medium { background-color: var(--swatch--light); } .comparison-table_style { display: none; } .comparison-table_wrap { grid-row-gap: 1rem; border-style: solid; flex-flow: column; display: flex; position: relative; } .comparison-table_layout { flex-flow: row; margin-top: -15px; margin-bottom: -15px; } .comparison-table_titles { max-width: 50%; } .comparison-table_col { background-color: var(--swatch--light); margin-top: 32px; margin-bottom: 0; padding-top: 1.5rem; padding-bottom: 1.5rem; top: -17px; } .comparison-table_col.swiper-slide { background-color: #fff; flex: none; width: 100%; max-width: 100%; margin-top: 0; margin-bottom: 0; position: static; overflow: visible; } .comparison-table_col.swiper-slide.last-2-sliders { max-height: 95%; margin-top: 2rem; margin-bottom: 0; padding-bottom: 0; position: relative; } .comparison-table_row, .comparison-table_row.is-first { min-height: 7.65rem; } .comparison-table_row.is-first.last-row { min-height: 6.5rem; } .comparison-table_row.is-header { min-height: 5rem; } .comparison-table_row.is-header.align-center { margin-top: 0; } .comparison-table_row.background-color-brand.radius-xsmall { justify-content: center; align-items: center; padding-top: 2.2rem; padding-bottom: 2.2rem; top: -23px; } .comparison-table_row.background-color-brand.radius-xsmall.impart-heading { min-height: 8rem; margin-top: 1.3rem; position: relative; top: -52px; overflow: visible; } .comparison-table_row.impart-row { min-height: 7.65rem; top: -31.5px; } .comparison-table_row.impart-row.is-first { min-height: 7.65rem; margin-top: -1.4rem; } .comparison-table_row.impart-row.is-bottom { min-height: 6.5rem; } .comparison-table_options { flex: none; width: 50%; position: relative; } .comparison-table_swiper_nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; width: 110%; margin-left: -5%; display: flex; position: absolute; top: 3.8rem; bottom: auto; } .comparison-table_swiper.swiper { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); position: static; overflow: hidden; } .comparison-table_swiper_wrap.swiper-wrapper { width: 100%; display: flex; overflow: visible; } .comparison-table_highlight { z-index: 0; background-image: none; background-position: 0 0; } .comparison-table_code { display: none; } .ai_scroll-list_layout { flex-flow: row-reverse wrap-reverse; } .ai_scroll-list_list, .ai_scroll-list_visual_clip { width: 100%; } .show-tablet { display: none; } .blog_item-card { grid-row-gap: 0rem; grid-template-columns: 1fr; } .blog_item-card:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { min-height: 0; } .blog_item-card:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { min-height: 0; } .blog_item-card:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; height: auto; padding: 2rem; } .blog_image-wrapper:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { max-width: 100%; height: auto; max-height: none; } .blog_image:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { position: relative; } .blog_item-content { padding: 1.5rem; } .blog_item-content:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { align-self: flex-start; align-items: flex-start; padding: 0; } .blog_category-filter-menu { width: 100vw; margin-left: -5vw; padding-left: 5vw; overflow: scroll; } .blog_category-filter-menu.no-scrollbar, .blog_category-filter-menu.is-center.no-scrollbar { justify-content: flex-start; margin-bottom: 3rem; } .category-filter-link.last-link { margin-right: 2rem; } .workflows_grid-layout.grid-autofit { --_column-count---value: 1; } .workflows_grid-layout.grid-autofit.gap-0-mobile { grid-column-gap: 0px; grid-row-gap: 0px; } .latest-blog-background.background-waves { background-position: 0%; background-size: cover; } .blog_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .business-impact_content.grid-autofit.grid-column-3.gap-5 { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .hide-mobile-landscape, .hide-all-mobile { display: none; } .section-header2_component, .section-header2_content-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .section-header2_content-right { justify-content: space-between; } .blog_form.mb-7 { width: 100%; } .dropdown2_dropdown-list.is-right { object-position: 0% 50%; } .blog-pagination.mt-8 { grid-column-gap: 11px; grid-row-gap: 11px; flex-flow: column; align-items: center; } .cms_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .product-updates_header_background.background-waves { background-position: 0%; background-size: cover; } .pagination_page-button-wrapper { flex-flow: wrap; } .security-guide_component.container-large.padding-section-small.is-main.overflow-hidden-mobile { overflow: hidden; } .security-guide_content-top { margin-bottom: 2rem; } .security-guide_content-post-wrapper { grid-row-gap: 2rem; } .blog_toc_wrap { display: none; } .security-guide_nav_menu.mb-5 { flex-flow: wrap; } .security-guide_date-read-details { flex-flow: wrap; margin-bottom: 1.5rem; } .heading-style-h6-3 { font-size: 1.125rem; } .security-guide_layout.side-lines.overflow-hidden.margin-right-1 { padding-right: 2%; } .security-chapter_grid.grid-autofit, .security-chapter_grid.grid-autofit.column-2 { --_column-count---value: 1; } .security-banner_grid { grid-template-columns: minmax(0, .5fr) minmax(0, 2fr) minmax(0, .5fr); } .security-banner_image { object-fit: cover; object-position: 100% 50%; } .security-banner_image.is-right { object-position: 0% 50%; } .security-banner_grid-copy { grid-template-columns: minmax(0, .5fr) minmax(0, 2fr) minmax(0, .5fr); } .careers-header-background.background-waves { background-position: 0%; background-size: cover; } .careers-team_content-right.grid-autofit.grid-column-3.gap-5 { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .careers_content-wrapper { padding-top: 1rem; padding-bottom: 1rem; } .careers_content_layout.container-medium.container-full-mobile { max-width: 100%; } .careers_content.grid-autofit.grid-column-3.gap-5 { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .careers_card-wrapper { padding: 1rem; } .careers_card_location-type-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; } .careers_card_content-bottom { grid-row-gap: 1.5rem; align-items: flex-end; padding-top: 1.5rem; } .three-cards_content.grid-autofit.grid-column-3.gap-5 { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .leadership-card_content.icon { width: 2rem; height: 2rem; } .leadership-card_content-bottom.vflex-left-bottom-mobile { flex-flow: column; align-items: flex-start; } .leadership-card_content-bottom.vflex-left-bottom-mobile:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { flex-flow: column; } .leadership-card_linkedin-wrapper.vflex-left-bottom-mobile { flex-flow: column; align-items: flex-start; } .leadership-card_linkedin-wrapper.vflex-left-bottom-mobile:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4), .investors_content { flex-flow: column; } .investors_content.grid-autofit.grid-column-3.gap-5 { background-image: url("https://cdn.prod.website-files.com/68af165980e9df72d067e4f2/68bef242a9cff2bdf4957ad5_Group.png"); background-size: contain; } .investors_images-wrapper { flex-flow: column; } .policy-header-background.background-waves { background-position: 0%; background-size: cover; } .utility-page-content.container-large { grid-column-gap: 1.7rem; grid-row-gap: 1.7rem; margin-top: 6rem; } .utility-heading { font-size: 8rem; } .utility-header { grid-column-gap: 4rem; grid-row-gap: 4rem; max-width: 15rem; } .application_header.grid-autofit { grid-template-columns: 1fr; } .application-slide_swiper_list.swiper-wrapper { width: 100%; display: flex; } .application-slide_swiper_item.swiper-slide { flex: none; width: 100%; max-width: 100%; } .card-padding-medium { padding: 1rem; } .blog_item-content-bottom:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { width: 100%; } .meet_contact-form_component { grid-template-columns: 1fr; width: 90%; } .meet_contact-form_field-group { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-auto-flow: row; } .meet_contact_content_layout.container-large.align-center { width: 100%; } .blogpost_layout, .blogpost_grid-layout { grid-column-gap: 0rem; grid-row-gap: 0rem; } .code-embed-2 { display: none; } .div-block-24 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .order-first-tablet-copy { order: 0; } .comaprison-table_image { height: 1.75rem; margin-top: 10px; } .workflows_animation-wrapper.first { justify-content: center; align-items: center; display: block; } .workflows_animation-wrapper.end { --_column-count---value: 1; justify-content: flex-end; align-items: center; display: none; } .capability-table_style { display: none; } .capability-table_wrap { grid-row-gap: 1rem; flex-flow: column; display: flex; } .capability-table_layout { flex-flow: row; } .capability-table_titles { max-width: 50%; } .capability-table_col { padding-top: 1.5rem; padding-bottom: 1.5rem; } .capability-table_col.swiper-slide { flex: none; width: 100%; max-width: 100%; } .capability-table_row.is-first { margin-top: -1.5rem; } .capability-table_options { flex: none; width: 50%; position: relative; } .capability-table_swiper_nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; width: 110%; margin-left: -5%; display: flex; position: absolute; top: 2rem; bottom: auto; } .capability-table_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .capability-table_code, .compare_style { display: none; } .compare_wrap { grid-row-gap: 1rem; flex-flow: column; display: flex; } .compare_layout { flex-flow: row; } .compare_titles { max-width: 50%; } .compare_col { padding-top: 1.5rem; padding-bottom: 1.5rem; } .compare_col.swiper-slide { flex: none; width: 100%; max-width: 100%; } .compare_row.is-first { margin-top: -1.5rem; } .compare_options { flex: none; width: 50%; position: relative; } .compare_swiper_nav { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; width: 110%; margin-left: -5%; display: flex; position: absolute; top: 2rem; bottom: auto; } .compare_swiper_wrap.swiper-wrapper { width: 100%; display: flex; } .compare_code { display: none; } .div-block-26 { margin-bottom: -21px; } .image-35 { z-index: 10; width: 100%; height: 100%; position: absolute; inset: 0%; } .div-block-27 { z-index: 2; border-style: solid none solid solid; border-width: 1px; border-color: var(--swatch--light-gray) var(--sidelines-gray) var(--sidelines-gray); border-radius: var(--radius--small) 0rem 0rem var(--radius--small); width: 50%; height: 100%; position: absolute; inset: 0% 0% auto; } .div-block-27-copy { z-index: 2; border-style: solid none solid solid; border-width: 1px; border-color: var(--swatch--light-gray) var(--sidelines-gray) var(--swatch--blue-9); border-radius: var(--radius--small) 0rem 0rem var(--radius--small); width: 75%; height: 100%; position: absolute; inset: 0% 0% 0% auto; } .core-capabilities_layout_wrap { grid-row-gap: 2em; } .core-capabilities_layout_col { width: 100%; padding-left: 0; padding-right: 0; } .core-capabilities_content_bottom { max-width: none; } .core-capabilities_content_item-main { grid-column-gap: 1.5em; grid-row-gap: 1.5em; } .core-capabilities_cointent_item-nr { margin-top: -.2em; } .core-capabilities_visual_item { border-radius: .25em; } .core-capabilities2_layout_wrap { grid-row-gap: 2em; } .core-capabilities2_layout_col { width: 100%; padding-left: 0; padding-right: 0; } .core-capabilities2_content_bottom { max-width: none; } .core-capabilities2_content_item-main { grid-column-gap: 1.5em; grid-row-gap: 1.5em; } .core-capabilities2_cointent_item-nr { margin-top: -.2em; } .core-capabilities2_content_item-heading { font-size: 1.5em; } .core-capabilities2_visual_item { border-radius: .25em; } .meet_component-copy.container-medium.padding-section-medium.container-large-mobile { max-width: var(--container--main); width: 100%; } .meet_grid-list-copy { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .home-platform_card-wrapper.grid-autofit { --_column-count---value: 1; } .div-block-44 { top: -151px; } .home-platform_card-wrapper-copy.grid-autofit { --_column-count---value: 1; } .post-badge-wrapper { flex: none; } .post-alert-card.first { align-self: flex-start; max-width: 100%; position: static; top: -10px; left: 0; } .post-alert-card.last { max-width: 100%; padding-top: 1rem; top: 0; } .testimonials_content_component { z-index: 6; } .event-card_content-wrapper.card-padding-small { justify-content: flex-start; width: 100%; } .event-card_content.icon { width: 2rem; height: 2rem; } .event-card_content-bottom.vflex-left-bottom-mobile { flex-flow: column; align-items: flex-start; } .event-card_content-bottom.vflex-left-bottom-mobile:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) { flex-flow: column; } } @media screen and (max-width: 479px) { .grid-breakout { grid-template-columns: var(--grid-breakout-single); } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .grid-landscape { flex-flow: column; display: flex; } .g_visual_wrap.position-relative.height-image-card { height: 3rem; } .g_button_wrap:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { white-space: break-spaces; word-break: normal; flex-flow: row; } .g_button_text { white-space: nowrap; } .g_button_text:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { white-space: break-spaces; word-break: normal; overflow-wrap: normal; } .display-contents.vflex-left-top.full-width { justify-content: flex-start; align-items: center; } .nav_banner_link { grid-column-gap: var(--space--1); } .nav_banner_close_wrap { justify-content: center; align-items: center; } .nav_banner_text.u-line-clamp-1.text-size-small { font-size: clamp(.6rem, .686rem + .07vw, .875rem); } .home_header_hero-container.right-padding-none { padding-left: 2.5%; } .home_header_content { grid-template-columns: 1fr; } .home_header_content-left { padding-right: 2.5%; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .home_header_video_component { margin-bottom: 1.5rem; } .stats_list { grid-row-gap: 2rem; grid-template-columns: 1fr; } .partner-logos_list { justify-content: center; } .partner-logos_logo-wrapper { justify-content: center; align-items: flex-start; } .side-lines.zindex-3.padding-mobile { padding-left: 2%; padding-right: 2%; } .text-size-medium { font-size: 1.125rem; } .protection-issues_alerts { grid-template-columns: 1fr; } .post-alert_wrap { width: 100%; } .import-calm_content { grid-template-columns: 1fr; } .timeline_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .timeline_content-right { grid-row-gap: 2rem; } .timeline_row { grid-column-gap: 1rem; } .timeline_item, .meet_row { grid-template-columns: 1fr; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .content-grid_card { grid-template-columns: 1fr; } .testimonials_content-wrapper { top: 0; } .testimonials_image-list { padding-top: 4vh; } .testimonials_image-list.image-list-right { padding-top: 79vh; } .testimonials_image-wrapper { width: 30vw; height: 35vw; } .testimonials_image-wrapper.is-image-1 { left: 0; } .testimonials_image-wrapper.is-image-2 { width: 80vw; padding-top: 222%; left: 0; } .testimonials_image-wrapper.is-image-3 { width: 80vw; margin-top: 57vw; padding-top: 278%; } .testimonials_image-wrapper.is-image-4 { width: 80vw; padding-top: 190%; left: 8vw; } .testimonials_image-wrapper.is-image-5 { width: 80vw; padding-top: 80%; } .testimonials_image-wrapper.is-image-6, .testimonials_image-wrapper.is-image-6-copy { width: 80vw; margin-top: 0; right: 8.7vw; } .testimonials_image-wrapper.is-image-4-copy { width: 80vw; margin-top: 0; padding-top: 190%; left: 8vw; } .testimonial-card-wrapper { max-width: 9rem; } .testimonial-card-wrapper.is-image1 { bottom: 80%; left: -4rem; } .testimonial-card-wrapper.is-image1.position { width: 150%; } .testimonial-card-wrapper.is-image1.position.mobile-max { width: 110%; } .testimonial-card-wrapper.is-image2 { top: 72%; left: -2rem; } .testimonial-card-wrapper.is-image5 { bottom: 15%; right: -4rem; } .testimonial-card-wrapper.is-image3 { top: 75%; right: auto; } .testimonial-card-wrapper.is-image4 { bottom: 78%; right: -2rem; } .testimonials_content { z-index: 6; padding-top: 0; } .arrange-meeting_content { grid-template-columns: 1fr; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .footer_menu-wrapper { grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .footer_menu_link-list.main-pages { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .footer_middle-wrapper { flex-direction: column; align-items: flex-start; } .footer_logo-link { margin-bottom: 1.5rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .navbar_logo-link.w--current { flex: 0 auto; } .navbar_button-wrapper { display: block; } .protection-issues_sub-heading.text-size-medium { font-size: 1.125rem; } .post-alert_header.mb-4 { flex-flow: wrap; } .security-love_grid.grid-autofit { --_column-count---value: 1; } .testimonial31_mask { width: 95%; } .arrange_call_code-embed-wrapper.get-started { border-style: solid; border-width: .06rem; } .steps_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; } .steps_content-right { grid-row-gap: 2rem; } .steps_row { grid-column-gap: 1rem; } .steps_item { grid-template-columns: 1fr; margin-left: 4.9rem; } .capabilities_grid.grid-autofit.gap-0, .capabilities_grid.grid-autofit.column-5.gap-0 { --_column-count---value: 1; } .capabilities_card-wrapper { padding: .5rem; } .workflows_grid { grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr; } .platform_header_hero-container.right-padding-none { padding-left: 2.5%; } .platform_header_content { grid-template-columns: 1fr; } .platform_header_content-left { padding-right: 2.5%; } .workflows_grid_layout.max-width-small.align-center { padding: 1rem; } .compare-table_options { flex: none; } .compare-table_swiper.swiper { flex: none; width: 100%; } .comparison-table_wrap { background-color: var(--swatch--light); padding-left: .5rem; padding-right: .5rem; } .comparison-table_col { background-color: var(--swatch--light); } .comparison-table_row, .comparison-table_row.is-first, .comparison-table_row.is-first.last-row { min-height: 11rem; } .comparison-table_row.is-header, .comparison-table_row.is-header.align-center { min-height: 6rem; } .comparison-table_row.background-color-brand.radius-xsmall { min-height: 7.6rem; top: -25px; } .comparison-table_row.background-color-brand.radius-xsmall.impart-heading { border-right: 1px solid var(--swatch--blue-3); border-left: 1px solid var(--swatch--blue-3); min-height: 9rem; } .comparison-table_row.impart-row { min-height: 11rem; top: -30px; } .comparison-table_row.impart-row.is-first { min-height: 11rem; margin-top: -1.5rem; } .comparison-table_row.impart-row.is-bottom { min-height: 11rem; } .comparison-table_options { flex: none; } .comparison-table_swiper_nav { top: 2.5rem; } .comparison-table_swiper_btn { background-color: var(--swatch--blue-9); } .comparison-table_swiper.swiper { flex: none; width: 100%; } .comparison-table_highlight { border-style: solid; border-color: var(--swatch--blue-3); border-radius: var(--nav--radius); background-image: none; background-position: 0 0; } .ai_scroll-list_cms_item { height: 3.5rem; } .ai_scroll-list_cms_item.last-item { height: 4rem; } .hide-mobile-portrait, .show-tablet { display: none; } .blog_item-card:where(.w-variant-ca3ebb19-35ca-cff8-292d-9070d4d9e0da) { min-height: 0; } .blog_item-card:where(.w-variant-1fdb1e13-9c5f-826d-3e58-727bd559aab9) { min-height: 0; } .blog_item-card:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { padding: 1.5rem 1rem; } .blog_image-wrapper:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { aspect-ratio: auto; max-width: none; height: 4rem; max-height: none; overflow: hidden; } .blog_image:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { aspect-ratio: auto; object-position: 0% 50%; } .blog_item-content { padding-left: 1.25rem; padding-right: 1.25rem; } .blog_item-content:where(.w-variant-5d0dbe5a-565b-97e7-92dd-d312b20077b3) { padding: 0; } .workflows_grid-layout.grid-autofit { --_column-count---value: 1; overflow: hidden; } .latest-blog-background.background-waves { background-position: 100%; } .hide-mobile-landscape { display: block; } .hide-all-mobile { display: none; } .blog_empty-message.card-padding-large.text-size-medium { font-size: 1.125rem; } .security-guide_component.container-large.padding-section-small.is-main.overflow-hidden-mobile { overflow: hidden; } .security-guide_content-top { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; align-items: flex-start; } .security-guide_date-read-text.text-size-medium { font-size: 1.125rem; } .security-guide_content-post-wrapper.grid-autofit { grid-template-columns: minmax(0, 1fr); display: grid; } .impart_rich-text { width: 100%; } .security-guide_dropdown-list.chapters { width: 90vw; } .security-guide_nav-button { justify-content: center; } .guide_nav_button_text { display: none; } .security-guide_date-read-details { grid-row-gap: 1rem; } .security-guide_cta { flex-flow: column; width: 100%; } .security-guide_content { width: 100%; max-width: 100%; } .security-banner_component.background-color-brand { border-radius: var(--radius--small); } .careers_card_item-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: row; justify-content: flex-start; align-items: center; } .careers_card_icon { justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .utility-heading { font-size: 7rem; } .utility-header { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; } .application-slide_swiper.swiper { flex: none; width: 100%; } .meet_contact-form_component { width: 90%; padding: 1.5rem 1rem; } .blogpost_meta-wrapper, .blogpost_meta-wrapper-copy { grid-row-gap: 1rem; flex-flow: wrap; } .home_header_content_button-wrapper.mt-6 { flex-flow: wrap; } .navbar_code-embed { display: none; } .comaprison-table_image { height: 1.5rem; } .workflows_animation-wrapper.first { max-width: 100%; display: block; overflow: hidden; } .workflows_animation-wrapper.end { max-width: 100%; overflow: hidden; } .capability-table_row.is-first { margin-top: -1.55rem; } .capability-table_options { flex: none; } .capability-table_swiper.swiper { flex: none; width: 100%; } .compare_row.is-first { margin-top: -1.5rem; } .compare_options { flex: none; } .compare_swiper.swiper { flex: none; width: 100%; } .core-capabilities_content_item { padding-top: 1.5em; padding-bottom: 1.5em; } .core-capabilities_content_item-main { grid-column-gap: 1em; grid-row-gap: 1em; } .core-capabilities_cointent_item-nr { flex: none; } .core-capabilities_content_item-detail { padding-left: 3em; } .core-capabilities_visual_wrap { aspect-ratio: 1.2; } .core-capabilities_visual_inner { border-style: none; border-radius: .25em; padding: 0; } .core-capabilities_image { aspect-ratio: auto; } .core-capabilities2_content_item { padding-top: 1.5em; padding-bottom: 1.5em; } .core-capabilities2_content_item-main { grid-column-gap: 1em; grid-row-gap: 1em; } .core-capabilities2_cointent_item-nr { flex: none; } .core-capabilities2_content_item-heading { font-size: 1.5em; } .core-capabilities2_content_item-detail { padding-left: 3em; } .core-capabilities2_visual_inner { border-style: none; border-radius: .25em; padding: 0; } .core-capabilities2_image { aspect-ratio: auto; } .div-block-44 { margin-bottom: -280px; top: -160px; } .div-block-45 { top: -148px; } .post-alert-card.first { max-width: none; position: static; } .testimonials_content_component { z-index: 6; background-color: var(--_theme---background-3); margin-left: -1%; margin-right: -1%; padding: 4rem 1% 1rem; position: relative; top: auto; } } #w-node-cebd289c-0f7c-246a-318f-3f38af94e244-d067e4eb { justify-self: end; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e246-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e24f-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e258-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e9c4c319-5f71-d6e6-d3b2-36fa17278d93-d067e4eb { grid-area: 1 / 1 / 3 / 5; align-self: end; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2c9-d067e4eb { grid-area: 3 / 2 / 6 / 5; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2de-d067e4eb { grid-area: 2 / 5 / 4 / 9; place-self: start center; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2e6-d067e4eb { grid-area: 5 / 5 / 6 / 9; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2f4-d067e4eb { grid-area: 5 / 1 / 7 / 5; align-self: end; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e302-d067e4eb { grid-area: 6 / 3 / 11 / 8; align-self: center; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e38a-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e398-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e39c-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e3d1-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e3d2-d067e4eb { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e3da-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e3e4-d067e4eb { align-self: start; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e3e6-d067e4eb { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e3f5-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center start; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e407-d067e4eb { align-self: start; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e436-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e437-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e444-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e451-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e45e-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center start; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e470-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e47d-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e48a-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e498-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e499-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4a6-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4b3-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4c0-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4cd-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4da-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4e7-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e4f4-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e501-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fc7e9c3b-8a20-a61c-a86e-237fd7e18b0f-5068b288 { justify-self: stretch; } #w-node-_36310bcc-fe28-ebf7-5b9a-f48668dfae65-68dfae61 { justify-self: center; } #w-node-_1b019c45-7c7f-d765-d3e7-671b602077f6-68dfae61, #w-node-f78cd93c-14d5-2d0f-1685-aeeb1c839aca-ebe4be4f, #w-node-_8dd43884-045e-ca4d-4416-948002776b1f-1ba4abcf { justify-self: end; } #w-node-_11ae0930-a919-149e-3d4c-3c3fe36fdaf1-6a387c43 { justify-self: start; } #w-node-_55dc1849-56d6-494b-b3f8-6f0a2cbe13c5-6a387c43, #w-node-_55dc1849-56d6-494b-b3f8-6f0a2cbe13c9-6a387c43 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cfc9b881-6b29-0063-b470-d703f460c865-6a387c43 { place-self: auto; } #w-node-d377f779-f5d1-910f-d78b-9fc1db400aaa-6a387c43 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center; } #w-node-d805b101-dd7c-aceb-ab11-d079adf42772-76fdbdfd, #w-node-_11a9346a-87ac-361c-d251-73fbff5ef79b-acba062a, #w-node-d29b97dd-5ae8-3a9a-eb1b-91255f647458-db6de897 { justify-self: stretch; } #w-node-_25be9705-d6c2-ca30-5b51-89613ebb10c1-23e5efa9, #w-node-_25be9705-d6c2-ca30-5b51-89613ebb10c1-4c283b1b { justify-self: end; } #w-node-_8db484d4-fb14-ee32-3762-b3a6efe94be0-47119a0b, #w-node-ac5c326e-0828-fdda-fd42-a77e0b314106-64614cdc { justify-self: stretch; } @media screen and (max-width: 991px) { #w-node-e9c4c319-5f71-d6e6-d3b2-36fa17278d93-d067e4eb { grid-column-end: 6; align-self: end; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2c9-d067e4eb { grid-area: 4 / 1 / 7 / 6; align-self: end; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2de-d067e4eb { grid-area: 3 / 4 / 5 / 9; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2e6-d067e4eb { grid-row: 6 / 7; grid-column-start: 4; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e2f4-d067e4eb { grid-row: 6 / 8; grid-column-end: 6; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e302-d067e4eb { grid-row: 8 / 12; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e349-d067e4eb { order: 9999; grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-f78cd93c-14d5-2d0f-1685-aeeb1c839aca-ebe4be4f { order: 9999; } #w-node-cfc9b881-6b29-0063-b470-d703f460c865-6a387c43 { place-self: center; } #w-node-d377f779-f5d1-910f-d78b-9fc1db400aaa-6a387c43 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_25be9705-d6c2-ca30-5b51-89613ebb10c1-23e5efa9, #w-node-_25be9705-d6c2-ca30-5b51-89613ebb10c1-4c283b1b { order: 9999; } } @media screen and (max-width: 767px) { #w-node-cebd289c-0f7c-246a-318f-3f38af94e384-d067e4eb { grid-area: 1 / 1 / 3 / 2; justify-self: start; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e38a-d067e4eb { grid-area: 2 / 1 / 3 / 3; } #w-node-cebd289c-0f7c-246a-318f-3f38af94e3d2-d067e4eb, #w-node-cebd289c-0f7c-246a-318f-3f38af94e3e6-d067e4eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_11ae0930-a919-149e-3d4c-3c3fe36fdaf1-6a387c43 { grid-area: 1 / 1 / 2 / 3; justify-self: start; } #w-node-_55dc1849-56d6-494b-b3f8-6f0a2cbe13b1-6a387c43 { grid-area: 1 / 1 / 3 / 2; justify-self: start; } #w-node-_55dc1849-56d6-494b-b3f8-6f0a2cbe13b7-6a387c43 { grid-area: 2 / 1 / 3 / 3; } #w-node-cfc9b881-6b29-0063-b470-d703f460c865-6a387c43 { grid-area: 1 / 1 / 2 / 2; place-self: center; } #w-node-d377f779-f5d1-910f-d78b-9fc1db400aaa-6a387c43 { grid-area: 2 / 1 / 3 / 2; } #w-node-_345ae5b2-50fb-c117-685e-13fb0666898d-6a387c43 { grid-area: 3 / 1 / 4 / 2; } } @media screen and (max-width: 479px) { #w-node-cebd289c-0f7c-246a-318f-3f38af94e349-d067e4eb { grid-column: span 1 / span 1; } #w-node-cfc9b881-6b29-0063-b470-d703f460c865-6a387c43 { grid-column-end: 2; place-self: center; } #w-node-d377f779-f5d1-910f-d78b-9fc1db400aaa-6a387c43, #w-node-_345ae5b2-50fb-c117-685e-13fb0666898d-6a387c43 { grid-column-end: 2; } }