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; } :root { --_theme---background: var(--swatch--light); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_gap---size: var(--site--gutter); --radius--small: .625rem; --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(--swatch--dark); --swatch--brand: #c4ee4e; --_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: 600; --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); --_typography---font--primary-family: "DM Sans", sans-serif; --radius--main: 1.25rem; --_column-count---value: 1; --_typography---primary-extra-bold: 800; --_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--dark); --_theme---button-primary--background: var(--swatch--brand); --radius--large: 2rem; --_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); --_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); --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); --_spacing---section-space--none: var(--value-location--fluid-builder); --site--max: 90; --site--min: 20; --_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(2 * 1rem, ((2 - ((3 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem); --_theme---background-2: var(--swatch--light-2); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --swatch--light: #efefef; --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_theme---button-primary--text-hover: var(--swatch--light); --_alignment---direction: start; --nav--height-total: var(--nav--height); --nav--spacing-outer-vertical: 0rem; --nav--text-color: var(--swatch--dark); --nav--height: 4rem; --swatch--transparent: #fff0; --swatch--dark: #111; --_typography---font-size--text-main: 1rem; --nav--spacing-inner-horizontal: var(--_spacing---space--4); --swatch--brand-2: #7992ee; --nav--banner-height: 3.5rem; --_typography---line-height--1: 1; --_typography---font-size--text-small: .875rem; --swatch--brand-2-600: #3950b4; --_typography---blog--h3: clamp(1.424 * 1rem, ((1.424 - ((1.728 - 1.424) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.728 - 1.424) / (var(--site--max) - var(--site--min))) * 100vw), 1.728 * 1rem); --_typography---blog--h4: clamp(1.266 * 1rem, ((1.266 - ((1.44 - 1.266) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.44 - 1.266) / (var(--site--max) - var(--site--min))) * 100vw), 1.44 * 1rem); --_text-style---margin-bottom: var(--_spacing---space--4); --_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.602 * 1rem, ((1.602 - ((2.074 - 1.602) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.074 - 1.602) / (var(--site--max) - var(--site--min))) * 100vw), 2.074 * 1rem); --_typography---blog--h5: clamp(1.125 * 1rem, ((1.125 - ((1.2 - 1.125) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.2 - 1.125) / (var(--site--max) - var(--site--min))) * 100vw), 1.2 * 1rem); --_typography---blog--h6: clamp(1 * 1rem, ((1 - ((1 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem); --swatch--grid-stroke: #111; --swatch--stroke-light-2: #aaa; --swatch--brand-text: var(--swatch--dark); --_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); --container--medium: 70rem; --_typography---letter-spacing--normal: 0em; --_typography---letter-spacing--wide: .05em; --_theme---grid-stroke: var(--swatch--grid-stroke); --swatch--light-2: #d9d9d9; --_card---card--card-padding-small: var(--_paddings---padding-small); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_card---card--card-padding-main: var(--_paddings---padding-main); --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)); --_typography---font--mono-family: "DM Mono", sans-serif; --_theme---eyebrow: var(--swatch--brand-2-600); --_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); --_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); --_theme---text-link-hover: var(--swatch--brand-2); --_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--dark-2: #323233; --swatch--dark-faded: color-mix(in srgb, var(--swatch--dark) 10%, transparent); --_typography---font--secondary-family: "DM Sans", 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); --_typography---font-size--display: clamp(3.125 * 1rem, ((3.125 - ((7.5 - 3.125) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((7.5 - 3.125) / (var(--site--max) - var(--site--min))) * 100vw), 7.5 * 1rem); --swatch--stroke-light: #efefef; --_typography---font-size--h1: clamp(2.5 * 1rem, ((2.5 - ((6 - 2.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((6 - 2.5) / (var(--site--max) - var(--site--min))) * 100vw), 6 * 1rem); --_typography---font-size--h2: clamp(2 * 1rem, ((2 - ((4.8125 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4.8125 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 4.8125 * 1rem); --_typography---font-size--h3: clamp(1.625 * 1rem, ((1.625 - ((3.8125 - 1.625) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3.8125 - 1.625) / (var(--site--max) - var(--site--min))) * 100vw), 3.8125 * 1rem); --_typography---font-size--h4: clamp(1.3125 * 1rem, ((1.3125 - ((3.0625 - 1.3125) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3.0625 - 1.3125) / (var(--site--max) - var(--site--min))) * 100vw), 3.0625 * 1rem); --_typography---font-size--h5: clamp(1 * 1rem, ((1 - ((2.4375 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.4375 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 2.4375 * 1rem); --_typography---font-size--h6: clamp(.875 * 1rem, ((.875 - ((1.625 - .875) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.625 - .875) / (var(--site--max) - var(--site--min))) * 100vw), 1.625 * 1rem); --_typography---font-size--text-xlarge: clamp(1 * 1rem, ((1 - ((1.6875 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.6875 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.6875 * 1rem); --_typography---font-size--text-large: clamp(1.1 * 1rem, ((1.1 - ((1.25 - 1.1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1.1) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem); --_typography---font-size--text-tiny: .7rem; --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_card---card--card-bg: white; --_card---card--card-bg-hover: white; --_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); --nav--radius: .25rem; --_typography---letter-spacing--narrow: -.02em; --nav--container: var(--container--main); --nav--icon-thickness: .094rem; --nav--hamburger-thickness: var(--nav--icon-thickness); --radius--tiny: .125rem; --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); --size--0-125rem: .125rem; --size--0-25rem: .25rem; --size--0-375rem: .375rem; --size--0-5rem: .5rem; --size--0-75rem: .75rem; --size--1rem: 1rem; --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-bg: var(--swatch--light); --nav--nav-m: 0px; --nav--hamburger-rotate: 45; --nav--nav-bg-dark-mode: var(--swatch--dark); --nav--nav-text-dark-mode: var(--swatch--light); --nav--nav-banner-bg: var(--swatch--dark); --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--dark); --_theme---selection--text: white; --_typography---line-height--1-5: 1.5; --_typography---line-height--1-2: 1.2; --_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--dark); --_typography---text-transform--lowercase: lowercase; --value-location--custom-code: 0px; --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --value-location--fluid-builder: 0px; --_text-style---margin-top: var(--_spacing---space--4); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--dark); --_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---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-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } .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-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); --_column-count---value: 12; } h1 { font-family: var(--_text-style---font-family); margin-top: 0; margin-bottom: 0; font-weight: 400; display: flow-root; } h2, h3, 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%; } .page_code_wrap { position: fixed; inset: 0% 0% auto; } .page-wrapper.theme-dark { background-color: var(--_theme---background); } .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; top: 0; } .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); --_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--brand); } .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.column-full.theme-dark { align-items: stretch; } .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); 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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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-custom { 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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-tiny); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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; } .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(--_typography---font--primary-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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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/6914bc46af7a937a5c07ee9e/6914bc46af7a937a5c07eed4_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); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .grid-custom.hide { --_column-count---value: 12; display: none; } .grid-custom.hide._6-col { --_column-count---value: 6; } .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); 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--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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-weight-extrabold { font-weight: var(--_typography---primary-extra-bold); } .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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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(--_gap---size); grid-row-gap: var(--_gap---size); 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 { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); --_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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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; } .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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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-custom { width: 1.25rem; height: 1.25rem; } .mt-0 { margin-top: 0; } .g_clickable_wrap { z-index: 3; 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(--_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; } .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.hide { display: none; } .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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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; } .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); width: 100%; margin-left: auto; margin-right: auto; position: relative; 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(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--stroke-light); --_theme---button-primary--border: var(--swatch--dark); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--dark); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---grid-stroke: var(--swatch--light); --_theme---button-secondary--text: var(--swatch--dark); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_theme---eyebrow: var(--swatch--brand-2); --_theme---text-link-hover: var(--swatch--brand); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--dark); --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--dark); --_theme---button-secondary--border-hover: var(--swatch--dark); } .theme-light { --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--dark); --_theme---border: var(--swatch--dark); --_theme---button-primary--border: var(--swatch--dark); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-2); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---grid-stroke: var(--swatch--grid-stroke); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_theme---eyebrow: var(--swatch--brand-2-600); --_theme---text-link-hover: var(--swatch--brand-2); --_theme---selection--background: var(--swatch--dark); --_theme---selection--text: white; --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--dark); } .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); } .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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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); max-width: calc(var(--number) * 1ch); border-spacing: var(--_text-style---letter-spacing); letter-spacing: var(--_text-style---letter-spacing); } .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--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; max-width: calc(var(--number) * 1ch); } .header-rich-text:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text:where(.w-variant-58479d3c-2434-4f33-b027-b02628919705) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; max-width: calc(var(--number) * 1ch); } .header-rich-text:where(.w-variant-062f86df-8c94-66bc-11f1-2dec3363176b) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; letter-spacing: var(--_text-style---letter-spacing); } .header-rich-text:where(.w-variant-ad1158d2-fbf0-7764-81fe-6e618e53cb14) { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .header-rich-text.text-weight-extrabold { font-weight: var(--_typography---primary-extra-bold); } .content-rich-text { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); max-width: calc(var(--number) * 1ch); color: inherit; } .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--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; } .content-rich-text:where(.w-variant-291364fe-bf25-7859-26a0-712f4c322ff1) { line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-xlarge); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: pretty; } .g-section-space { height: var(--_spacing---section-space--none); } .g-section-space:where(.w-variant-06539f70-5f1c-7b69-3356-58a6324ac143) { height: 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); } .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-74605af8-74da-5b76-8603-7c3e2e0a1d3e) { 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--dark); --_theme---border: var(--swatch--dark); --_theme---button-primary--border: var(--swatch--dark); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-2); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---grid-stroke: var(--swatch--grid-stroke); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_theme---eyebrow: var(--swatch--brand-2-600); --_theme---text-link-hover: var(--swatch--brand-2); --_theme---selection--background: var(--swatch--dark); --_theme---selection--text: white; --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--dark); } .g_section:where(.w-variant-dfb2104f-deee-7b68-37bd-88633f0d3adf) { background-color: var(--_theme---background); color: var(--_theme---text); } .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_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_button_wrap { border: 1px solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---border-hover: var(--_theme---button-primary--border-hover); justify-content: center; align-items: center; height: 3.19rem; padding: .6rem 1.5rem; transition: all .2s; display: inline-flex; position: relative; } .g_button_wrap:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--_button-style---text); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); justify-content: space-between; } .g_button_wrap:where(.w-variant-a20a1a57-1e8e-0c8c-28cb-0d3ef4f8481c) { border-style: solid; border-color: var(--swatch--light); padding-top: .53rem; padding-bottom: .53rem; } .g_button_wrap:where(.w-variant-a648dc11-f5ac-4e2a-4b41-80ef8a984ad3) { height: auto; padding: .53rem 1.25rem; } .g_button_wrap:hover { border-color: var(--_button-style---border); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .g_button_wrap:hover:where(.w-variant-a20a1a57-1e8e-0c8c-28cb-0d3ef4f8481c) { border-style: solid; border-color: var(--swatch--light); color: var(--_theme---button-primary--text-hover); } .g_button_wrap:hover:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { color: var(--_theme---button-primary--text-hover); } .g_button_wrap.secondary { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--_button-style---text); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); justify-content: space-between; } .g_button_wrap.secondary:hover { color: var(--_theme---button-primary--text-hover); } .g_button_text, .g_button_text:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3), .g_button_text.secondary-2 { font-weight: 600; } .display-contents { display: contents; } .g_content { --_alignment---direction: start; text-align: var(--_alignment---direction); } .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; } .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(--swatch--light); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden clip; 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: inherit; 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; background-color: var(--swatch--light); pointer-events: none; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) { position: sticky; } .nav_dropdown_item { font-size: .9rem; list-style-type: none; } .nav_dropdown_item:hover { color: #fff; } .nav_contain { background-color: var(--swatch--light); pointer-events: auto; 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); justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: static; } .nav_contain.is-desktop { background-color: var(--swatch--light); color: var(--nav--text-color); height: var(--nav--height); 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--dark); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--stroke-light); --_theme---button-primary--border: var(--swatch--dark); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--dark); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---grid-stroke: var(--swatch--light); --_theme---button-secondary--text: var(--swatch--dark); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_theme---eyebrow: var(--swatch--brand-2); --_theme---text-link-hover: var(--swatch--brand); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--dark); --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--dark); --_theme---button-secondary--border-hover: var(--swatch--dark); } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); padding-top: var(--space--1); border: 1px solid #000; position: absolute; overflow: clip; } .nav_dropdown_main_wrap.w--open:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { background-color: var(--swatch--transparent); } .nav_dropdown_main_wrap.is-desktop { padding-top: var(--space--1); position: absolute; } .nav_dropdown_main_content { border-radius: .25rem; } .nav_dropdown_main_content:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { background-color: var(--swatch--transparent); } .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(--swatch--dark); 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_links_text:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { font-size: 1rem; font-weight: 600; } .nav_wrap { z-index: 1; background-color: #0000; position: relative; margin-top: var(--nav--spacing-outer-vertical) !important; } .nav_wrap.is-desktop { background-color: var(--swatch--light); color: var(--swatch--dark); padding-top: 0; display: none; margin-top: var(--nav--spacing-outer-vertical) !important; } .nav_wrap.is-mobile { background-color: var(--swatch--light); color: #212122; margin-top: 0; } .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(--swatch--dark); 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_menu_scroll.theme-dark { color: var(--_theme---text); padding-top: 2rem; padding-bottom: 2rem; } .nav_actions_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; color: inherit; flex-flow: row; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { grid-column-gap: .63rem; grid-row-gap: .63rem; padding: unset; margin: 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; padding: 2px; 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); max-width: var(--container--main); } .nav_dropdown_mega_contain.is-desktop { padding-top: var(--space--7); padding-bottom: var(--space--8); } .nav_links_wrap { color: inherit; 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_links_wrap.is-mega { width: 100%; } .nav_full { background-color: var(--swatch--light); color: var(--nav--text-color); width: 100%; height: 100%; } .nav_dropdown_mega_layout { --_column-count---value: 1; 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_layout.grid-autofit { --_column-count---value: 3; } .nav_dropdown_mega_layout.grid-autofill { --_column-count---value: 1; } .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; } .nav_buttons_item.show-mobile, .nav_buttons_item.show-mobile:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { display: none; } .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: .6rem; overflow: visible !important; } .button_text { font-size: .95rem; } .nav_banner_wrap { z-index: 1; background-color: var(--swatch--brand-2); pointer-events: auto; color: var(--swatch--dark); font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_menu_wrap { background-color: var(--swatch--light); pointer-events: auto; text-align: left; padding-top: var(--nav--height); border-radius: var(--nav--radius); max-width: 100%; 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_banner_text.u-line-clamp-1.text-size-small.text-weight-bold { font-size: 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); } .nav_logo_wrap { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 14rem; display: flex; position: relative; } .nav_logo_wrap.w--current { width: 14rem; } .nav_logo_wrap.w--current:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) { width: auto; } .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; padding-left: 0; padding-right: 0; padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--space--2); color: inherit; 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(--nav--text-color); padding-right: calc(var(--_spacing---space--6) / 2); padding-left: calc(var(--_spacing---space--6) / 2); height: 100%; transition-property: color; transition-duration: .2s; transition-timing-function: ease; } .nav_links_link:hover:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { color: var(--swatch--brand-2-600); } .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_link.is-desktop:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { padding-bottom: var(--_spacing---space--2); padding-top: var(--_spacing---space--2); } .nav_links_link.icon { aspect-ratio: auto; } .nav_links_link.icon:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { grid-column-gap: 0px; grid-row-gap: 0px; aspect-ratio: auto; color: var(--swatch--dark); flex: 1; justify-content: center; padding: 0; } .nav_links_link.icon:hover:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { color: var(--swatch--brand-2); } .nav_links_svg { flex: none; width: .75rem; margin-left: .25rem; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_links_svg:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_svg.desktop-32:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { width: .55rem; } .nav_menu_contain { padding-bottom: var(--space--8); padding-top: var(--space--3); } .nav_menu_contain.u-container { color: var(--_theme---text); } .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; } .blog_layout.grid-custom { --_column-count---value: 8; } .blog-rich-text h3 { font-family: var(--_text-style---font-family); font-size: var(--_typography---blog--h3); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; margin-top: 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); margin-bottom: 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); font-weight: 400; display: flow-root; } .blog-rich-text h4 { font-family: var(--_text-style---font-family); font-size: var(--_typography---blog--h4); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; margin-top: 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); margin-bottom: 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); font-weight: 400; display: flow-root; } .blog-rich-text h1 { margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_typography---blog--h1); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; font-weight: 600; } .blog-rich-text h2 { font-family: var(--_text-style---font-family); font-size: var(--_typography---blog--h2); line-height: var(--_text-style---line-height); --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; margin-bottom: 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); margin-top: 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); font-weight: 600; display: flow-root; } .blog-rich-text p { margin-top: 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); margin-bottom: 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); } .blog-rich-text h5 { font-size: var(--_typography---blog--h5); --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .blog-rich-text h6 { font-size: var(--_typography---blog--h6); --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; } .blog_toc.position-sticky { top: 8rem; } .blog_toc_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .blog_toc_content.card-padding-small.border { border-color: var(--swatch--grid-stroke); border-radius: var(--radius--small); background-color: var(--_theme---background-2); max-height: 30rem; overflow: auto; } .blog_toc_list { padding-left: 0; list-style: ""; } .blog_toc_link { border-bottom: 1px solid var(--swatch--stroke-light-2); width: 100%; margin-bottom: .5rem; padding-bottom: .25rem; } .blog_toc_link.is-sub { margin-left: .6rem; } .blog_toc_link_item.is-sub { overflow: hidden; } .blog_toc_line { background-color: var(--swatch--dark); width: 100%; height: 1px; } .blog_toc_share { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .blog_toc_share.mt-1 { border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--small); padding: .5rem; } .blog_toc_layout { grid-column-gap: .5rem; grid-row-gap: .5rem; 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); } .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); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; } .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); } .p-block-0 { padding-top: 0; padding-bottom: 0; } .p-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .p-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .p-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .p-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .p-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .p-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .p-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .p-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .p-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .p-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .p-inline-0 { padding-left: 0; padding-right: 0; } .p-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .p-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .p-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .p-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .p-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .p-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .p-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .p-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .p-top-gutter { padding-top: var(--site--gutter); } .p-top-1 { padding-top: var(--_spacing---space--1); } .p-top-0 { padding-top: 0; } .p-top-2 { padding-top: var(--_spacing---space--2); } .p-top-3 { padding-top: var(--_spacing---space--3); } .p-top-4 { padding-top: var(--_spacing---space--4); } .p-top-5 { padding-top: var(--_spacing---space--5); } .p-top-6 { padding-top: var(--_spacing---space--6); } .p-top-7 { padding-top: var(--_spacing---space--7); } .p-top-8 { padding-top: var(--_spacing---space--8); } .p-bottom-gutter { padding-bottom: var(--site--gutter); } .p-bottom-0 { padding-bottom: 0; } .p-bottom-1 { padding-bottom: var(--_spacing---space--1); } .p-bottom-2 { padding-bottom: var(--_spacing---space--2); } .p-bottom-3 { padding-bottom: var(--_spacing---space--3); } .p-bottom-4 { padding-bottom: var(--_spacing---space--4); } .p-bottom-5 { padding-bottom: var(--_spacing---space--5); } .p-bottom-7 { padding-bottom: var(--_spacing---space--7); } .p-bottom-8 { padding-bottom: var(--_spacing---space--8); } .content-spacer { height: var(--_spacing---space--1); } .content-spacer:where(.w-variant-5a13aa08-1d6e-b2d4-55cb-e92d3ff7f13e) { height: var(--_spacing---space--2); } .content-spacer:where(.w-variant-eecc3bac-72ad-0f57-32f1-49bf06a0082c) { height: var(--_spacing---space--8); width: 100%; } .content-spacer:where(.w-variant-64fb5cb8-7650-ac5a-43ff-cad0a33d7a1d) { height: var(--_spacing---space--7); } .content-spacer:where(.w-variant-43c304d2-106f-a8b1-fe0d-d81a4b046d58) { height: var(--_spacing---space--6); } .content-spacer:where(.w-variant-02f8d0db-b8f8-d1e5-91ea-a4f4f7192b66) { height: var(--_spacing---space--5); } .content-spacer:where(.w-variant-86766616-a30b-a470-f71f-5d2afbec017c) { height: var(--_spacing---space--4); } .content-spacer:where(.w-variant-f0992250-3701-4921-b341-9ec6fa65e555) { height: var(--_spacing---space--3); } .blog-hero_img { width: 100%; } .img.full-width { width: 100%; max-width: 60rem; } .tag { border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--round); padding: .15rem .5rem; transition: background-color .2s; display: inline-flex; position: relative; } .tag:hover { background-color: var(--swatch--brand); color: var(--swatch--dark); } .tag.is-cta:hover { background-color: var(--swatch--transparent); } .tag-text.text-size-small.is-nav { color: var(--_theme---text); } .cms-tags_list.hflex-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .sm-link.icon-1x1-xsmall { justify-content: center; align-items: center; display: flex; } .hero_section, .hero_section.border-stroke-bottom { overflow: clip; } .cms-resources { width: 100%; } .cms-resources_list.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr)); } .card { border: 1px none var(--_theme---grid-stroke); border-radius: var(--radius--main); background-color: var(--_theme---background); outline-color: var(--_theme---grid-stroke); outline-offset: 0px; outline-width: 1px; outline-style: solid; } .card.card-padding-main { min-height: auto; } .card.card-padding-main.column-3.is-second { grid-column-start: 5; } .card.card-padding-main.column-3.is-last { grid-column-start: 9; } .card.card-padding-main.margin-adjust { grid-column: 4 / span 6; } .card.card-padding-main.margin-adjust.card-shadow { grid-column: 3 / span 8; } .card.card-shadow.card-padding-small.column-6 { grid-row: 1 / 4; grid-column-start: 1; } .card.card-shadow.card-padding-small.is-last { position: relative; } .card.card-shadow.card-padding-small.is-callout.column-8.is-hero { grid-column: 1 / span 7; } .card.card-shadow.card-padding-small.is-callout.is-second.column-8 { grid-column-start: 5; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6 { grid-area: 2 / 6 / 2 / span 7; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6.margin-adjust { margin-top: -1px; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6.is-hero { grid-row: 1 / 1; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6.is-feeds { grid-row: span 2; } .card.card-shadow.card-padding-small.is-callout.column-6 { grid-row: 1 / 2; } .card.card-shadow.card-padding-small.column-8 { grid-row-end: 1; grid-column-start: 2; } .card.card-shadow.card-padding-small.column-8.is-contact, .card.card-shadow.card-padding-small.column-8.resources { grid-column-start: 3; } .card.card-shadow.card-padding-small.column-full { grid-row: 4 / 1; } .card.is-last.column-6 { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; grid-row: 14 / 14; grid-column-start: 4; margin-top: -10px; margin-left: -1px; display: flex; } .card.bg-secondary { background-color: var(--swatch--light-2); } .card.bg-secondary.card-padding-main { outline-color: var(--swatch--grid-stroke); outline-offset: 0px; border-style: none; outline-width: 1px; outline-style: solid; position: relative; } .card.bg-secondary.card-padding-main.column-10 { grid-area: 2 / 1 / 4 / -1; position: relative; } .card.bg-secondary.card-padding-large.height-full:where(.w-variant-d1f8a31e-200a-31ea-8413-1a1d9579048a) { padding-top: var(--_card---card--card-padding-small); padding-bottom: var(--_card---card--card-padding-small); } .card.bg-secondary.card-padding-large.height-full.card-shadow { outline-color: var(--swatch--grid-stroke); outline-offset: 0px; border-style: none; outline-width: 1px; outline-style: solid; } .card.vflex-stretch-between { height: 100%; } .card.vflex-stretch-between.height-full { justify-content: flex-start; } .card.card-padding-small.margin-adjust { margin-left: var(--grid-w); margin-right: var(--grid-w); } .card.card-padding-small.margin-adjust.vflex-center-center { height: calc(var(--grid-h) * 3); } .card.card-padding-small.height-full { padding-bottom: var(--_card-padding---card-padding); display: flex; } .card.grid-autofit.is-company { min-height: 25rem; } .card.is-feeds.column-6 { grid-row: 5 / 5; grid-column-start: 7; } .card.is-404.card-padding-small { width: calc(var(--grid-w) * 6); height: calc(var(--grid-h) * 6); justify-content: center; align-items: center; display: flex; container-type: inline-size; } .card.is-404.card-padding-small.is-second { grid-row-start: 2; grid-column-start: 5; } .card.is-404.card-padding-small.is-first { width: calc(var(--grid-w) * 6); height: calc(var(--grid-h) * 6); grid-column-start: 2; } .card.is-404.card-padding-small.is-last { grid-column-start: 8; } .card-contain.height-full { flex-flow: column; display: flex; } .card-visual.radius-small { overflow: clip; } .card-visual.radius-small.border { border-color: var(--_theme---grid-stroke); border-radius: var(--radius--small); } .card-visual.radius-main.border { border-color: var(--_theme---grid-stroke); border-radius: var(--radius--main); position: relative; overflow: clip; } .btn-text_wrap { grid-column-gap: .3rem; grid-row-gap: .3rem; color: var(--_theme---button-secondary--text); align-items: center; transition: color .2s; display: flex; position: relative; } .btn-text_wrap:hover { color: var(--_theme---button-secondary--background-hover); } .btn-text_icon_wrap.icon-1x1-xxsmall { justify-content: center; align-items: center; display: flex; } .margin-top-auto { margin-top: auto; } .margin-top-auto.vflex-stretch-center { justify-content: flex-start; } .filters_component.mb-6 { z-index: 5; position: relative; } .filters_form { background-color: #fff0; } .filters_form.is-partner { height: calc(var(--grid-h) * 1); justify-content: center; align-items: center; margin-bottom: 0; display: flex; } .filter_layout { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-end; } .filter_layout.is-integrations { flex-flow: column; } .filter_layout.is-support.grid-custom { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .filter_layout.is-support.grid-custom.gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); } .filter_layout.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); justify-content: end; } .filter_search-input { border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--large); background-color: var(--_theme---background); background-image: url("https://cdn.prod.website-files.com/6914bc46af7a937a5c07ee9e/6914bc46af7a937a5c07eedc_search-icon-v3.svg"); background-position: 8px; background-repeat: no-repeat; background-size: 1.25rem; flex: none; width: 100%; max-width: 28rem; min-height: 2.75rem; margin-bottom: 0; margin-left: auto; padding-left: 2rem; } .filter_search-input.is-dark { border-color: var(--_theme---grid-stroke); color: var(--_theme---text); background-image: url("https://cdn.prod.website-files.com/6914bc46af7a937a5c07ee9e/69414c1ff5beb78b09770953_search-icon-white.svg"); } .filter_search-input.is-dark.column-3 { grid-column-start: 9; } .filter_tags_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; align-items: center; display: flex; } .filter_tags_wrap.is-integrrations { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .filter_tags_wrap.is-integrations { justify-content: center; align-items: center; } .filter_tags_cms { width: 100%; } .filter_tags_cms.is-partner { width: auto; } .filter_tags_cms_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; display: flex; } .filter_tags_cms_list.is-integrations { flex-flow: column; } .filter_tags_cms_item { width: 100%; } .filter_tags_cms_item.is-integratons { width: auto; } .filter_tags_cms_item.is-partners { grid-column-gap: 1rem; grid-row-gap: 1rem; width: auto; display: flex; } .filter_checkbox { border: 1px solid var(--swatch--dark); border-radius: var(--radius--round); background-color: var(--swatch--light); justify-content: flex-start; align-items: center; width: 100%; min-width: 3rem; margin-bottom: 0; padding: .4rem 1.5rem; display: flex; position: relative; } .filter_checkbox:hover { background-color: var(--swatch--brand); } .filter_checkbox.is-active { background-color: var(--swatch--brand); min-width: 4rem; } .filter_checkbox_check { cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: 0; margin-left: 0; padding-right: 5px; position: absolute; inset: 0%; } .filters_js { display: none; } .footer_wrap { background-color: var(--swatch--dark); color: var(--swatch--light); --_column-count---value: 12; } .footer_contain.container-large { container-name: threshold-large; } .footer_layout { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .footer_layout.grid-autofill { --_column-count---value: 12; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr)); } .footer_layout.grid-autofit { --_column-count---value: 10; } .footer_layout.grid-autofit.gap-row-11 { grid-column-gap: 7.5rem; grid-row-gap: 7.5rem; } .footer_layout.grid-above { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_spacing---space--8); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); } .footer_layout.grid-above.gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); } .footer_layout.grid-custom { --_column-count---value: 12; } .footer_content { grid-column-gap: var(--_gap---size); grid-row-gap: 0px; grid-column: span 4; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); grid-auto-columns: 1fr; height: 100%; margin-bottom: 7.72rem; display: grid; } .footer_logo_wrap { display: none; } .footer_social_wrap { flex-flow: column; align-items: flex-end; display: flex; } .footer_social_list { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); flex-flow: wrap; align-items: center; display: flex; } .footer_nav { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .footer_nav.grid-autofit { grid-template-rows: auto; 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)); } .footer_col { --_column-count---value: 1; flex-flow: column; display: flex; } .grid-above { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .footer_group_wrap { flex-flow: column; display: flex; } .footer_group_wrap.text-weight-semibold { font-weight: 600; } .footer_group_wrap.mb-2 { display: block; } .footer_group_title.text-weight-semibold { font-weight: 600; } .footer_group_title.text-weight-semibold.text-color-brand2, .footer_group_title.text-weight-semibold.text-transform-uppercase.text-color-brand { color: var(--swatch--brand-2); } .footer_group_list { flex-flow: column; align-items: flex-start; } .footer_group_item { color: var(--_theme---text); } .footer_group_item.text-color-link { color: #efefefbf; font-size: 1.06rem; } .footer_group_item.mt--1 { margin-top: -.25rem; } .footer_link_wrap.p-block-2 { outline-color: var(--_theme---button-primary--text); transition: color .2s; } .footer_link_wrap.p-block-2:hover { outline-color: var(--swatch--brand); color: var(--swatch--brand); } .footer_social_item.hide { display: none; } .footer_bottom_layout { justify-content: space-between; align-items: center; display: flex; } .footer_bottom_list { flex-flow: column; justify-content: flex-start; align-items: flex-end; margin-left: -.5rem; margin-right: -.5rem; display: flex; } .footer_bottom_list.text-color-faded { color: color-mix(in srgb, var(--_theme---text) 40%, transparent); margin-left: 0; margin-right: 0; } .footer_bottom_item { margin-left: .5rem; margin-right: .5rem; display: flex; } .g_icon_wrap { width: var(--_icon-sizes---size); height: var(--_icon-sizes---size); color: var(--_theme---button-secondary--text); --_icon-sizes---size: 1rem; justify-content: center; align-items: center; display: flex; } .g_icon_wrap:where(.w-variant-a9345e60-8d92-7837-575d-76a0bba2e87c) { --_icon-sizes---size: 1.5rem; } .g_icon_wrap:where(.w-variant-fc4a9906-05f5-f9f1-0171-47bfa93af32f) { --_icon-sizes---size: 2rem; } .g_icon_wrap:where(.w-variant-bcbcef81-b776-a8fd-ac01-3cf731a17720) { --_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); } .g_icon_wrap:where(.w-variant-5bb577b5-6279-a8ea-0b89-907495ffdc53) { --_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); } .g_icon_wrap:where(.w-variant-c461513f-c0e9-4722-14c7-02f11adb6cc4) { --_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); } .g_icon_wrap.icon-1x1-small { display: flex; } .g_icon_wrap.xxsmall { --_icon-sizes---size: 1.5rem; width: 1.25rem; height: 1.25rem; } .g_icon_wrap.xsmall { --_icon-sizes---size: 1.5rem; color: inherit; } .g_icon_wrap.xsmall:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) { color: inherit; } .grid-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; display: flex; } .grid-wrapper:where(.w-variant-431f3b83-eb2b-24f4-ca8c-e44e6feb672f) { justify-content: center; align-items: center; container-type: inline-size; } .grid { grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: inherit; grid-row-gap: inherit; width: 100%; display: grid; } .grid:where(.w-variant-5808bfc6-4ed8-ae4c-1411-0f9babb9b5cb) { grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .grid:where(.w-variant-5ce4e529-81ac-369b-bfa9-c1103efd1d59) { grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .row-span-1 { grid-row-end: span 1; } .row-span-2 { grid-row-end: span 2; } .row-span-3 { grid-row-end: span 3; } .ratio-opengraph { aspect-ratio: 40 / 21; } .logo { width: 100%; } .card-shadow { box-shadow: 20px 20px 0 0 var(--_theme---grid-stroke); } .text-weight-extrabold { font-weight: var(--_typography---primary-extra-bold); } .grid-container.grid-custom { --_column-count---value: 12; grid-template-rows: 80px; position: relative; } .grid-container.grid-custom.is-custom { grid-template-rows: var(--grid-h); } .grid-container.grid-custom.rows-auto, .grid-container.grid-custom.is-partners, .grid-container.grid-custom.is-feeds { grid-template-rows: auto; } .bg-grid { height: 150%; position: absolute; inset: 0; } .bg-grid.is-long { height: 200%; } .hero_img-wrap { grid-area: 3 / 3 / 9 / span 8; padding-top: 3.5rem; position: relative; } .hero_img-wrap.is-custom { padding-top: calc(var(--grid-h) * 1); } .card-position.is-last { z-index: 3; grid-area: 8 / 7 / 14 / -1; position: relative; } .tabs_button_wrap { width: 25%; } .tabs_button_wrap.is-cluster { width: 50%; } .tabs_button_wrap.is-quote { background-color: var(--swatch--light); height: calc((var(--grid-h) * 2)); width: 100%; padding-top: 1rem; } .tabs_button_wrap.is-quote.container-large { height: calc((var(--grid-h) * 3)); flex-flow: column; justify-content: center; align-items: stretch; padding-top: 0; display: flex; } .tabs_content_list { grid-column-gap: 2px; grid-row-gap: 2px; flex-flow: column; display: flex; position: relative; } .tabs_button_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .tabs_button_list.is-quote { flex-flow: row; } .tabs_button_list.is-quote.grid-autofit { grid-column-gap: .5rem; grid-row-gap: .5rem; 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; } .tabs_button_list.is-quote.grid-autofill { grid-column-gap: .5rem; grid-row-gap: .5rem; --_column-count---value: 6; grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .accordion-cms_toggle_icon { aspect-ratio: 1; flex: none; width: 1rem; } .tabs_content_wrap { width: 80%; overflow-x: clip; } .tabs_content_wrap.is-cluster { width: 50%; } .tabs_content_wrap.is-quote { width: 100%; } .card_icon-wrap { background-color: #f0f0f00d; border-radius: .25rem; padding-top: .5rem; padding-bottom: .5rem; } .card_icon-wrap.icon-1x1-xsmall { justify-content: center; align-items: center; display: flex; } .tabs_button_line { opacity: 0; background-color: currentColor; width: 100%; height: 1px; position: absolute; inset: auto auto 0% 0%; transform: translate(0, 100%); } .tabs_button_title-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; padding-bottom: .5rem; display: flex; } .tabs_button_title-wrap.is-quote { justify-content: center; align-items: center; padding-bottom: 0; } .tabs_button_content.text-color-faded { text-align: left; padding-bottom: 1rem; padding-left: 3.5rem; } .tabs_button_content.text-color-faded.is-left { padding-left: 0; } .tabs_button_group { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: left; align-items: center; display: flex; } .icon-wrap.icon-1x1-xsmall { justify-content: center; align-items: center; display: flex; } .icon-wrap.icon-1x1-xsmall.text-color-orange { flex: none; } .icon-wrap.icon-1x1-small { flex: none; justify-content: center; align-items: center; display: flex; } .icon-wrap.icon-1x1-small.radius-round { background-color: var(--swatch--transparent); flex: none; } .icon-wrap.icon-1x1-small.radius-round.border { border-color: var(--_theme---border); border-radius: var(--radius--round); } .tabs_button_item { text-align: center; cursor: pointer; color: color-mix(in srgb, var(--_theme---text) 60%, transparent); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; } .tabs_button_item.is-active { grid-column-gap: 0rem; grid-row-gap: 0rem; color: var(--swatch--dark); text-align: left; display: flex; position: relative; } .tabs_button_item.is-card { padding-top: var(--_card---card--card-padding-main); padding-right: var(--_card---card--card-padding-small); padding-bottom: var(--_card---card--card-padding-main); padding-left: var(--_card---card--card-padding-small); border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); color: color-mix(in srgb, var(--_theme---text) 60%, transparent); background-color: color-mix(in srgb, var(--swatch--light-2) 40%, transparent); border-style: solid; border-width: 1px; border-top-color: color-mix(in srgb, var(--swatch--grid-stroke) 40%, transparent); border-right-color: color-mix(in srgb, var(--swatch--grid-stroke) 40%, transparent); border-bottom-color: color-mix(in srgb, var(--swatch--grid-stroke) 40%, transparent); border-left-color: color-mix(in srgb, var(--swatch--grid-stroke) 40%, transparent); } .tabs_button_item.is-card.is-active { border-color: var(--swatch--grid-stroke); background-color: var(--swatch--light-2); color: var(--swatch--dark); } .tabs_button_item.is-quote { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); color: color-mix(in srgb, var(--_theme---text) 100%, transparent); background-color: color-mix(in srgb, var(--swatch--light-2) 100%, transparent); border-style: solid; border-width: 1px; border-top-color: color-mix(in srgb, var(--swatch--grid-stroke) 100%, transparent); border-right-color: color-mix(in srgb, var(--swatch--grid-stroke) 100%, transparent); border-bottom-color: color-mix(in srgb, var(--swatch--grid-stroke) 100%, transparent); border-left-color: color-mix(in srgb, var(--swatch--grid-stroke) 100%, transparent); padding: .4rem .75rem; } .tabs_button_item.is-quote.is-active { border-color: var(--swatch--grid-stroke); background-color: var(--swatch--brand); color: var(--swatch--dark); } .tabs_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: row; display: flex; } .tabs_wrap.is-quote { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; } .tabs_button_clip { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .anim-svg { color: #4a4345; } .content-rich-text-2 { max-width: calc(var(--number) * 1ch); font-size: 1rem; line-height: 1.5; } .tabs_button_mask { overflow: hidden; } .tabs_js { display: none; } .accordion-cms_toggle_svg { display: block; overflow: visible !important; } .tabs_control_button { text-align: center; cursor: pointer; min-width: 8rem; padding: .7rem 2rem; } .tabs_button_text.heading-style-h6 { --_text-style---font-family: var(--_typography---font--secondary-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-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--narrow); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-warp: balanced; margin-bottom: 0; } .tabs_control_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; padding-top: 2rem; display: flex; } .tabs_css { display: none; } .domain-check_grid { --_column-count---value: 12; } .domain-check_grid.grid-subgrid { grid-column-end: span 12; } .text-size-xlarge { 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--primary-family); --_text-style---font-size: var(--_typography---font-size--text-xlarge); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: 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; } .border-stroke-top { border-top: 1px solid var(--swatch--grid-stroke); } .border-stroke-bottom { border-bottom: 1px solid var(--_theme---grid-stroke); } .border-stroke-top-bottom { border-top: 1px solid var(--swatch--grid-stroke); border-bottom: 1px solid var(--swatch--grid-stroke); } .bg-secondary { background-color: var(--swatch--light-2); } .advantage-grid.grid-autofill, .advantage-grid.grid-autofit { --_column-count---value: 4; } .text-color-light { color: var(--swatch--light); } .footer_main-links-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; display: flex; } .footer_text { font-size: var(--_typography---font-size--text-small); } .div-block { text-align: right; flex-flow: column; justify-content: flex-start; align-items: flex-end; margin-left: -9.88rem; display: flex; } .button_arrow_wrap { border-radius: 100vw; display: inline-block; position: relative; } .slider_list { height: 100%; } .slider_list.swiper-wrapper { display: flex; } .slider_bullet_list { grid-column-gap: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (90 - 20) * 20)) * 1rem + ((.5 - .375) / (90 - 20)) * 100vw), .5 * 1rem); grid-row-gap: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (90 - 20) * 20)) * 1rem + ((.5 - .375) / (90 - 20)) * 100vw), .5 * 1rem); justify-content: flex-start; align-items: center; display: flex; width: auto !important; } .slider_button_layout { grid-column-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (90 - 20) * 20)) * 1rem + ((.75 - .625) / (90 - 20)) * 100vw), .75 * 1rem); grid-row-gap: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (90 - 20) * 20)) * 1rem + ((.75 - .625) / (90 - 20)) * 100vw), .75 * 1rem); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .slider_offset { flex: 1; margin-left: calc(clamp(1rem, .714286rem + 1.42857vw, 2rem) / -2); margin-right: calc(clamp(1rem, .714286rem + 1.42857vw, 2rem) / -2); display: flex; } .u-embed-js { display: none; } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .u-embed-css { display: none; } .clickable_wrap { z-index: 3; border-radius: inherit; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg.left { transform: rotate(-180deg); } .slider_bullet_item { aspect-ratio: 1; border: .09rem solid var(--_theme---text); background-color: #eee0; border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { background-color: var(--_theme---text); border-color: #1f1d1e; } .slider_element.swiper { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; overflow: visible; } .u-path { stroke-width: .094rem; stroke: currentColor; vector-effect: non-scaling-stroke; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (90 - 20) * 20)) * 1rem + ((1.5 - 1.25) / (90 - 20)) * 100vw), 1.5 * 1rem); flex-flow: column; width: 100%; height: 100%; display: flex; } .button_arrow_element { aspect-ratio: 1; vertical-align: middle; ---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: base; background-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); color: color-mix(in srgb, #1f1d1e calc(100% * 1), #ebebeb calc(100% * 0)); border-style: solid; border-width: .094rem; border-top-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-right-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-bottom-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-left-color: color-mix(in srgb, #c6fb50 calc(100% * 1), #1f1d1e calc(100% * 0)); border-radius: inherit; justify-content: center; align-items: center; width: 3rem; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_arrow_element.secondary-medium-5 { border-top-color: var(--swatch--grid-stroke); border-right-color: var(--swatch--grid-stroke); border-bottom-color: var(--swatch--grid-stroke); border-left-color: var(--swatch--grid-stroke); background-color: color-mix(in srgb, #c4ee4e calc(100% * 1), #c4ee4e calc(100% * 0)); width: 3rem; } .slider_controls { grid-column-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem); grid-row-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .card-stats_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; height: 100%; display: flex; } .card-stats_content_top { border: 1px solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--brand); } .card-stats_content_top.card-padding-large { padding-right: var(--_card---card--card-padding-small); padding-left: var(--_card---card--card-padding-small); } .card-stats_content_bottom { border: 1px solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--_theme---background); } .card-stats_content_bottom.card-padding-small { flex: 1; } .btn-icon_wrap { width: 1.88rem; display: none; } .btn-icon_wrap:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) { justify-content: center; align-items: center; width: 1.88rem; display: flex; position: relative; overflow: clip; } .btn-icon_wrap.show { justify-content: center; align-items: center; display: flex; overflow: clip; } .btn-icon_wrap.secondary-3 { justify-content: center; align-items: center; width: 1.88rem; display: flex; position: relative; overflow: clip; } .footer-logo_wrap { width: 100%; margin-top: 3rem; } .footer_legal-wrapper { margin-top: auto; } .footer_links-contact-wrapper { grid-column-gap: var(--_gap---size); grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; height: 100%; display: grid; } .section_about.border-stroke-top-bottom { margin-top: -1px; } .about_tabs_wrap { justify-content: space-between; display: flex; } .about_tabs_css { display: none; } .about_tabs_button_wrap { width: 50%; max-width: 44rem; } .about_tabs_button_list { flex-flow: column; display: flex; } .about_tabs_button_item { cursor: pointer; align-items: flex-start; width: 100%; padding: 1.25rem .5rem 1.25rem 0; display: flex; position: relative; overflow: clip; } .about_tabs_progress { z-index: 2; background-color: #dbdbdb; width: 3px; height: 100%; display: none; position: absolute; top: 0; bottom: 0; left: 0; overflow: clip; } .about_tabs_progress.is-active { background-color: #1f1d1e; border: 1px #1f1d1e; } .about_tabs_menu_content { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: 0fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-bottom: 1rem; display: grid; } .about_tabs_menu_clip { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-left: 3rem; display: grid; overflow: hidden; } .about_tabs_btn_wrap { margin-top: 2rem; } .about_tabs_btn { border: 1px solid #000; padding: 1rem; display: inline-block; } .about_tabs_content_wrap { flex: none; width: 50%; } .about_tabs_content_item { border-radius: var(--radius--main); border: 1px solid #000; } .about_tabs_content_item.card-padding-main { background-color: var(--swatch--light-2); } .about_tabs_content_visual { aspect-ratio: 1; position: relative; } .about_tabs_content_img { height: 100%; position: static; inset: 0%; } .about_tabs_js { display: none; } .about_tabs_icon-wrapper { border-radius: var(--radius--round); border: 1px solid #000; } .about_tabs_button_header { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; justify-content: flex-start; align-items: center; display: flex; } .footer-nav_grid.grid-autofit { --_column-count---value: 5; } .about_tabs-divider { color: inherit; background-color: currentColor; width: calc(100% - 3rem); height: 1px; margin-left: auto; } .tabs_content_img-wrap { aspect-ratio: 777 / 485; border: 1px solid var(--_theme---border); border-radius: var(--radius--large); justify-content: center; align-items: center; display: flex; position: relative; overflow: clip; } .tabs_content_img-wrap.no-border { border-style: none; } .callout_section { overflow: clip; } .callout_section.border-stroke-top { margin-top: -1px; } .callout-layout.grid-custom { --_column-count---value: 12; --_gap---size: var(--size--0rem); } .integrations_section { overflow: clip; } .integrations_layout { z-index: 2; position: relative; } .integrations_layout.grid-autofit, .integrations_layout.grid-custom { --_column-count---value: 12; } .integrations_content.column-2 { grid-column: 4 / -1; } .cms-integrations_list.grid-autofit { --_gap---size: var(--size--0rem); } .cms-integrations_list.grid-autofit.is-4col { --_column-count---value: 4; } .cms-integrations_list.grid-autofill { --_gap---size: var(--size--0rem); grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); } .integrations-cta_wrap, .integrations-cta_layout.grid-custom { --_column-count---value: 12; } .cta-icon_wrap { border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background); outline-color: var(--_theme---border); outline-offset: 0px; outline-width: 1px; outline-style: solid; grid-row: 1 / 3; grid-column-start: 2; justify-content: center; align-items: center; display: flex; } .cta-icon.icon-large { color: var(--swatch--brand-2); width: 6rem; } .cms-testimonials, .cms-testimonials_list { height: 100%; } .cms-testimonials_list.swiper-wrapper.is-quote { display: flex; } .cms-testimonials_item { height: 100%; } .testimonial-content { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; width: 100%; height: 100%; display: flex; } .testimonal-card_wrap { grid-area: 2 / 2 / 5 / 12; position: relative; } .testimonial-text, .testimonial-text.text-weight-bold { color: var(--swatch--brand-2-600); } .testimonial-autor_wrap { color: var(--swatch--brand-2); } .testimonial-autor_wrap.shadow-small.margin-top-auto { padding-top: .5rem; padding-bottom: .5rem; } .cta-dark_layout { z-index: 2; position: relative; } .sample { width: var(--site--column-width); height: var(--site--column-width); } .test-grid.grid-custom { grid-column-gap: 0px; grid-row-gap: 0px; --_column-count---value: 12; margin-top: 2px; margin-left: 2px; } .background-lines.grid-custom { grid-row: 1 / -1; } .background-lines.grid-subgrid, .content-tst.grid-subgrid { grid-area: 1 / 1 / -1 / -1; } .grid-line { outline-offset: 0px; outline: 1px solid #111; } .grid-content { height: calc(var(--grid-h) * 2); } .integrations-card { padding: var(--_card---card--card-padding-small); grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: var(--radius--main); background-color: var(--_theme---background); outline-color: var(--swatch--grid-stroke); outline-offset: 0px; outline-width: 1px; outline-style: solid; flex-flow: column; width: 100%; height: 100%; min-height: 15rem; display: flex; position: relative; } .integrations-card.card-shadow.card-padding-small.column-6 { grid-row: 1 / 4; grid-column-start: 1; } .integrations-card.card-shadow.card-padding-small.is-last { position: relative; } .integrations-card.card-shadow.card-padding-small.is-callout.is-second.column-8 { grid-column-start: 5; } .integrations-card.card-shadow.card-padding-small.is-callout.is-second.column-6 { grid-area: 2 / 6 / 2 / span 7; } .integrations-card.card-shadow.card-padding-small.is-callout.is-second.column-6.margin-adjust { margin-top: -1px; } .integrations-card.card-shadow.card-padding-small.is-callout.column-6 { grid-row: 1 / 2; } .integrations-card.is-last.column-6 { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; grid-row: 14 / 14; grid-column-start: 4; margin-top: -10px; margin-left: -1px; display: flex; } .integrations-card.bg-secondary { background-color: var(--swatch--light-2); } .integrations-card.bg-secondary.card-padding-main { outline-color: var(--swatch--grid-stroke); outline-offset: 0px; border-style: none; outline-width: 1px; outline-style: solid; position: relative; } .integrations-card.bg-secondary.card-padding-main.column-10 { grid-area: 2 / 1 / 4 / -1; position: relative; } .integrations-card.bg-secondary.card-padding-large.height-full:where(.w-variant-d1f8a31e-200a-31ea-8413-1a1d9579048a) { padding-top: var(--_card---card--card-padding-small); padding-bottom: var(--_card---card--card-padding-small); } .integrations-card.bg-secondary.card-padding-large.height-full.card-shadow { outline-color: var(--swatch--grid-stroke); outline-offset: 0px; border-style: none; outline-width: 1px; outline-style: solid; } .integrations-card.vflex-stretch-between { height: 100%; } .integrations-card.is-small { grid-column-gap: .5rem; grid-row-gap: .5rem; } .integrations-card.is-product { grid-column-gap: 1rem; grid-row-gap: 1rem; height: calc(var(--grid-h) * 5); } .integrations-img { object-fit: scale-down; max-width: 12rem; height: 100%; max-height: 3rem; } .integrations-img.is-large { width: 100%; max-width: 12rem; max-height: 3rem; } .integrations-img.cover-absolute { object-fit: scale-down; max-width: 100%; max-height: 100%; } .integrations-img.is-template { object-fit: contain; width: 100%; max-width: none; max-height: none; } .integrations-img.is-featured { object-fit: contain; width: 100%; max-width: 20rem; max-height: 6rem; } .integrations-img_wrap { flex: 1; justify-content: center; align-items: center; display: flex; } .integrations-button { border-radius: var(--radius--round); background-color: var(--swatch--light-2); justify-content: center; align-items: center; margin-top: auto; padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; display: flex; } .cms-blog_list.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); } .blog-card.card { flex-flow: column; height: 100%; display: flex; position: relative; overflow: clip; } .blog-card.card.bg-secondary { background-color: var(--_theme---background-2); outline-width: 1px; } .blog-card_top { margin-top: -1px; margin-left: -1px; margin-right: -1px; overflow: clip; } .block-row { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .block-row.grid-custom { grid-template-rows: auto; grid-template-columns: repeat(14, minmax(0, 1fr)); } .card-bg-block { aspect-ratio: 1; border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--stroke-light-2); border-right-style: solid; border-right-width: 1px; border-right-color: var(--swatch--stroke-light-2); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--swatch--stroke-light-2); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--stroke-light-2); width: var(--size-block-large); height: var(--size-block-large); } .card-bg_tag { border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--brand-2); border-right-style: solid; border-right-width: 1px; border-right-color: var(--swatch--brand-2); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--swatch--brand-2); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--brand-2); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); background-color: var(--_theme---background); grid-column: 2 / 14; align-items: center; margin-right: -1px; padding-left: 1rem; padding-right: 1rem; display: flex; } .text-mono { font-family: var(--_typography---font--mono-family); text-transform: uppercase; } .blog-card_visual { aspect-ratio: 700 / 418; border-top-style: solid; border-top-width: 1px; border-top-color: var(--_theme---grid-stroke); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_theme---grid-stroke); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_theme---grid-stroke); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_theme---grid-stroke); border-radius: 1.25rem; border-radius: calc(var(--radius--main) - (var(--_card---card--card-padding-small) / 2)); position: relative; overflow: clip; } .blog-card_bottom-wrap.card-padding-small { flex-flow: column; flex: 1; display: flex; } .blog-card_content.mb-5.height-full { flex-flow: column; display: flex; } .blog-card_text.heading-style-h6.text-weight-normal { font-weight: var(--_typography---primary-regular); } .blog-card_button-wrap { flex-flow: column; justify-content: flex-start; width: 100%; display: flex; } .checkbox-arrow_wrap { width: 1.63rem; margin-left: auto; overflow: clip; } .support-filter.hide { display: none; } .card-full.bg-secondary { outline-color: var(--swatch--grid-stroke); outline-offset: 0px; outline-width: 1px; outline-style: solid; display: flex; position: relative; } .btn-arrow_icon.is-left:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3), .btn-arrow_icon.is-left.secondary-4 { position: absolute; } .eyebrow { color: var(--_theme---eyebrow); text-transform: uppercase; font-size: 1.125rem; font-weight: 600; } .platform-card { max-width: 110rem; margin-left: auto; margin-right: auto; } .platform-card_grid.grid-autofit { --_column-count---value: 5; } .split-card_content { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; height: 100%; display: flex; } .split-card_content-top { aspect-ratio: 281 / 174; border: 1px solid var(--_theme---border); border-radius: var(--radius--small); background-color: var(--swatch--brand); position: relative; overflow: clip; } .split-card_content-top:where(.w-variant-e895b4be-1793-a015-9444-c165dfac74c2) { aspect-ratio: 421 / 189; } .split-card_content-top.card-padding-large { padding-right: var(--_card---card--card-padding-small); padding-left: var(--_card---card--card-padding-small); } .split-card_content-top.is-company { aspect-ratio: 434 / 193; } .split-card_contnet-bottom { border: 1px solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--_theme---background); } .split-card_contnet-bottom.card-padding-small { border-radius: var(--radius--small); flex: 1; } .split-card_contnet-bottom.card-padding-small:where(.w-variant-c64401ba-c8e2-18ab-f39d-33ac60bbbd20) { background-color: var(--_theme---background-2); } .split-card_contnet-bottom.card-padding-small.bg-secondary { border-radius: var(--radius--small); background-color: var(--_theme---background-2); } .split-card_img { width: 100%; } .split-card_img.cover-absolute { z-index: 1; } .split-card_img.is-rive { z-index: 2; position: relative; } .platform-steps_contain.container-full { container-type: inline-size; } .grid-divider_wrap { height: calc(var(--grid-h) * 2); position: relative; overflow: clip; } .grid-divider_wrap.border-stroke-bottom { height: calc(var(--grid-h) * var(--number)); } .button-wrap_full { flex-flow: column; display: flex; } .button-wrap_full:where(.w-variant-a2ed32b7-0064-0972-371d-1038c2cc79b7), .button-wrap_full.hide:where(.w-variant-a2ed32b7-0064-0972-371d-1038c2cc79b7) { display: flex; } .button-wrap_full.component-hide { display: none; } .button-wrap_full.component-hide:where(.w-variant-a2ed32b7-0064-0972-371d-1038c2cc79b7) { display: flex; } .investigations-grid.grid-autofit { --_column-count---value: 2; } .investigations-card { flex-flow: column; display: flex; } .icon-wrap_round { border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--round); background-color: var(--swatch--brand); flex: none; justify-content: center; align-items: center; width: 3.25rem; height: 3.25rem; padding: .63rem; display: flex; } .col.vflex-stretch-top { grid-column-gap: 4rem; grid-row-gap: 4rem; } .col.overfow-hidden { height: 100%; position: relative; } .col.bg-dark { background-color: var(--swatch--dark); height: 100%; padding-right: 5rem; position: relative; } .col.position-relative { overflow: clip; } .cta-bottom_grid.grid-custom { --_column-count---value: 12; } .cta-bottom_grid.grid-autofit { --_gap---size: var(--size--0rem); } .integrations-card_wrap.card.card-padding-main.bg-secondary { padding-top: var(--_paddings---padding-large); padding-bottom: var(--_paddings---padding-large); } .card-visual_img { width: 100%; } .header-full_wrap { z-index: 2; background-color: var(--_theme---background); flex-flow: column; justify-content: center; display: flex; position: relative; } .dropdown-btn { z-index: 999; border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--round); background-color: var(--_theme---background); color: #00182c; align-items: center; width: 100%; min-height: 2.75rem; padding: .5rem 1rem; display: flex; position: relative; } .dropdown-component { min-width: 20rem; position: relative; } .dropdown-component.hide-desktop { display: none; } .dropdown-component.column-1 { grid-column-start: 2; } .dropdown-component.coulmn-3 { grid-column-start: 3; } .dropdown-list { border-radius: var(--radius--main); background-color: var(--swatch--light-2); outline-color: var(--_theme---grid-stroke); outline-offset: 0px; border-color: #000; outline-width: 1px; outline-style: solid; width: 100%; height: auto; max-height: 30rem; padding: 1rem; position: absolute; top: 3rem; overflow: auto; } .dropdown-list.w--open { border: 1px solid #ddd; margin-top: 1rem; } .dropdown-item_text { color: #18181b; } .radio-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .dropdown-arrow { justify-content: center; align-items: center; width: 1rem; display: flex; position: absolute; right: 1rem; } .dropdown-list_item { padding-top: .25rem; padding-bottom: .25rem; } .quote-nav { z-index: 3; background-color: var(--swatch--light); height: calc((var(--grid-h) * 2)); position: relative; } .quote-nav.border-stroke-top { height: calc((var(--grid-h) * 2)); } .quote-contain.bg-light { background-color: var(--swatch--light); position: relative; } .feeds-grid.grid-autofit { --_column-count---value: 2; } .feeds-grid.vflex-stretch-top { grid-column-gap: 3rem; grid-row-gap: 3rem; } .feeds-card { flex-flow: column; display: flex; } .feeds-header { grid-column-gap: 1rem; grid-row-gap: 1rem; align-items: center; display: flex; } .card-icon { padding-right: var(--_card---card--card-padding-small); padding-left: var(--_card---card--card-padding-small); grid-column-gap: 1rem; grid-row-gap: 1rem; border-radius: var(--radius--main); background-color: var(--_theme---background); outline-offset: 0px; outline: 1px solid #111; align-items: center; display: flex; } .card-icon.card-padding-main { align-items: flex-start; } .card-icon.card-padding-main.radius-small { border-radius: var(--radius--small); outline-color: var(--_theme---grid-stroke); justify-content: flex-start; align-items: flex-start; position: relative; } .card-icon.card-padding-main.radius-small:where(.w-variant-88f2ac5f-2d55-d29c-5542-8a6401e3df5a), .card-icon.card-padding-main.radius-small:where(.w-variant-6a6cf9c4-17f5-f27f-be63-0eaf18303f1b) { padding-top: var(--_paddings---padding-small); padding-bottom: var(--_card---card--card-padding-small); } .card-icon.card-padding-main.radius-small.bg-secondary { background-color: var(--_theme---background-2); } .feed-card_bottom.grid-autofit { --_column-count---value: 2; --_gap---size: var(--_spacing---space--4); } .feed-card_bottom.grid-autofit.col-3 { --_column-count---value: 3; } .testimonial_seciton, .integrations-dark_section.theme-dark { overflow: clip; } .integrations-dark_layout.grid-autofit { --_gap---size: var(--size--0rem); position: relative; } .grid-decorative_wrap.grid-custom { --_column-count---value: 12; margin-right: -1px; } .grid-cell_dec { border-top-style: solid; border-top-width: 1px; border-top-color: var(--_theme---grid-stroke); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_theme---grid-stroke); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_theme---grid-stroke); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_theme---grid-stroke); height: var(--grid-w); margin-top: -1px; margin-left: -1px; } .grid-cell_dec.span-2 { width: calc(var(--grid-w) * 2); height: calc(var(--grid-w) * 2); grid-row-end: span 2; grid-column-end: span 2; } .integrations-icon_item { border-radius: var(--radius--main); outline-color: var(--_theme---grid-stroke); outline-offset: 0px; outline-width: 1px; outline-style: solid; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .integrations-logo_img { max-width: 3rem; } .grid-spacer { height: calc(var(--grid-h) * var(--number)); } .cms-int-feat.swiper.feat-int { width: 100%; } .cms-int-feat_list { display: flex; } .cms-int-feat_list.swiper-wrapper.feat-int { width: 100%; } .cms-int-feat_item.swiper-slide.feat-int { flex: none; width: 100%; height: auto; padding: 2px; } .int-card_cms.card.card-padding-main.bg-light { flex-flow: column; display: flex; } .int-card_cms.card.card-padding-main.bg-light.theme-light { grid-column-gap: 2rem; grid-row-gap: 2rem; color: var(--_theme---text); align-items: center; } .int-card_cms.card.card-padding-main.featured { width: 100%; height: 100%; } .int-card_logo-wrap { max-width: 187rem; max-height: 4rem; } .feat-swiper { grid-column-gap: 1rem; grid-row-gap: 1rem; align-items: center; width: 100%; padding: 2px; display: flex; } .cms-leadership_list.grid-autofit { --_column-count---value: 4; } .cms-leadership_list.grid-autofit._3-col { --_column-count---value: 3; } .cms-leadership_list.grid-autofill { --_column-count---value: 12; } .cms-leadership_list.grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; --_gap---size: var(--_spacing---space--4); } .leadership-card_visual { aspect-ratio: 1; border-top-style: solid; border-top-width: 1px; border-top-color: var(--_theme---grid-stroke); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_theme---grid-stroke); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_theme---grid-stroke); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_theme---grid-stroke); border-radius: 1.25rem; border-radius: calc(var(--radius--main) - (var(--_card---card--card-padding-small) / 2)); position: relative; overflow: clip; } .leadership-card_bottom-wrap.card-padding-small { padding-top: var(--size--0rem); flex-flow: column; flex: 1; justify-content: space-between; align-items: stretch; display: flex; } .modal-new_backdrop { opacity: .2; background-color: #000; width: 100%; height: 100vh; position: absolute; inset: 0% 0% auto; } .modal-new_close { border: 1px solid var(--swatch--grid-stroke); background-color: var(--swatch--brand); color: var(--swatch--dark); border-radius: 100vw; justify-content: center; align-items: center; margin-bottom: 0; margin-left: auto; padding: .3em; display: flex; } .modal-new_css { display: none; } .modal-new_inner { flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100dvh; padding: 1rem; display: flex; } .modal-new_scroll { border-radius: inherit; height: 100%; padding: 2rem; position: relative; overflow: hidden auto; } .modal-new_content { border: 1px solid var(--_theme---grid-stroke); background-color: var(--swatch--light); color: #000; border-radius: 1rem; width: 100%; max-width: 60rem; max-height: 100%; position: relative; } .modal-new_dialog { z-index: 1000; color: inherit; background-color: #0000; border-style: none; border-width: 0; width: 100%; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; position: fixed; inset: 0% 0% auto; overflow: clip; } .modal-new_js { display: none; } .modal-new_open { color: #fff; cursor: pointer; background-color: #242424; border-radius: 100vw; padding: .5em 1.4em; } .modal-new_close-icon { width: 1.25rem; height: 1.25rem; } .split-card_header-wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .modal-team_bio-top.grid-autofit { --_gap---size: var(--_spacing---space--6); } .modal-team_img-wrap { aspect-ratio: 1; border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--main); position: relative; overflow: clip; } .contact_layout.grid-autofit._2-col { --_column-count---value: 2; } .partners-hero_section { overflow: clip; } .partners-hero_section.border-stroke-top { margin-top: -1px; } .hero_section-copy, .hero_section-copy.border-stroke-bottom { overflow: clip; } .stacking-cards_card_content { padding: 0; position: relative; } .stacking-cards_visual { overflow: visible; } .stacking-cards_wrap { grid-column-gap: 6rem; grid-row-gap: 6rem; flex-flow: column; display: flex; position: relative; } .stacking-cards_card { aspect-ratio: 16 / 9; border-radius: 1rem; flex-flow: column; justify-content: flex-end; width: 100%; height: 100%; min-height: 40rem; display: flex; position: relative; overflow: clip; } .stacking-cards_card.position-sticky { aspect-ratio: auto; justify-content: flex-start; align-items: stretch; height: auto; min-height: 37rem; padding: .5rem; position: sticky; top: 15svh; } .stacking-cards_card.position-sticky.is-second { min-height: 40rem; top: 15svh; } .stacking-cards_card.position-sticky.is-last { min-height: 35rem; top: 20svh; } .stacking-cards_component.theme-dark { background-color: #fff0; } .policy-update_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .cms-questions_item { margin-bottom: 1.5rem; } .support-toc.column-3 { grid-column-start: 9; } .cms-categories_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .supprot-category_link { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-top: .25rem; margin-bottom: .25rem; transition: color .2s; display: flex; } .supprot-category_link:hover, .supprot-category_link.is-active { color: var(--swatch--brand); } .breadcrumbs-wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; display: flex; } .breadcrumb-link { transition: color .2s; } .breadcrumb-link:hover { color: var(--_theme---text-link-hover); } .support-link { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; margin-top: 0; transition: color .2s; display: flex; } .support-link:hover { color: var(--swatch--brand); } .partners-logo_img-wrap { aspect-ratio: 400 / 235; border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--small); background-color: #fff; flex: 1; justify-content: center; align-items: center; display: flex; position: relative; overflow: clip; } .cms-partners-category { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: wrap; justify-content: center; display: flex; } .author-link { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; transition: color .2s; display: flex; } .author-link:hover { color: var(--swatch--brand-2-600); } .authors_item { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; display: flex; } .button_load-more { border-color: var(--swatch--dark); border-radius: var(--radius--large); background-color: var(--_theme---background-2); font-family: var(--_text-style---font-family); color: var(--swatch--dark); font-weight: 600; } .button_load-more:hover { background-color: var(--swatch--brand); } .hide, .do-not-delete { display: none; } .blog-hero_img-wrap { border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--main); overflow: clip; } .blog-hero_img-wrap.mb-4 { border-radius: var(--radius--main); outline-color: var(--_theme---grid-stroke); outline-offset: 0px; outline-width: 1px; outline-style: solid; overflow: clip; } .resources_list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; display: flex; } .resources-button { border: 1px solid var(--swatch--dark); border-radius: var(--radius--round); background-color: var(--_theme---background-2); justify-content: space-between; align-items: center; min-width: 3rem; margin-bottom: 0; padding: .4rem 1.5rem; display: flex; position: relative; } .resources-button:hover { background-color: var(--swatch--brand); } .resources-button.is-active { background-color: var(--swatch--brand); min-width: 4rem; } .cms-resources-type_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; } .cms-resources-type_list.grid-autofit { --_column-count---value: 4; } .podcast-links_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .podcast-link { grid-column-gap: .75rem; grid-row-gap: .75rem; border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--large); flex-flow: row; justify-content: flex-start; align-items: center; padding: .5rem 1rem; display: inline-flex; } .podcast-link:hover { background-color: var(--swatch--brand); outline-color: var(--swatch--grid-stroke); } .author-content.grid-autofit { --_gap---size: var(--_spacing---space--6); } .author_visual { aspect-ratio: 1; border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--main); position: relative; overflow: clip; } .webinar-layout.grid-autofit { --_column-count---value: 2; --_gap---size: var(--_spacing---space--6); } .webinar-content { flex-flow: column; display: flex; } .company-img.position-absolute { width: 100%; inset: 0 0% auto auto; } .company-img.position-absolute.is-bottom { top: auto; bottom: 0; } .nav-dropdown_menu { width: 100%; } .nav-card.card.card-padding-small { width: 100%; height: 100%; position: relative; } .nav-card_title { justify-content: space-between; display: flex; } .nav-card_title.mb-4 { color: var(--_theme---text); } .icon-round_nav { border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--round); background-color: var(--swatch--brand); color: var(--swatch--dark); justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; transition: color .2s, background-color .2s; display: flex; position: relative; overflow: clip; } .icon-round_nav:where(.w-variant-b8b65795-7562-8c30-d318-52e05f51ca64) { background-color: var(--swatch--dark); color: var(--swatch--light); flex: none; transition-duration: 50ms, .2s; } .btn-arrow-small.is-left { position: absolute; } .nav-card_bottom.is-mega { flex-flow: column; display: flex; } .nav-text.text-weight-bold.text-size-large { transition: color .2s; } .nav-text.text-transform-uppercase { color: var(--swatch--light); } .nav-mega.grid-autofit.theme-dark { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .nav-card_item { z-index: 2; flex-flow: column; justify-content: space-between; margin-top: .5rem; margin-bottom: 1rem; display: flex; position: relative; } .nav-card_large.card.card-padding-small { width: 100%; height: 100%; position: relative; } .nav-card_large.card.card-padding-small.is-large.is-cta.theme-light { color: var(--_theme---text); } .cms-nav-cta { width: 100%; height: 100%; } .cms-nav-cta_list { flex-flow: column; height: 100%; display: flex; } .cms-nav-cta_item { flex-flow: column; width: 100%; height: 100%; display: flex; } .nav-cta_header { flex: 1; } .nav_dropdown_mega_layout-large { --_column-count---value: 1; grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_dropdown_mega_layout-large.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_layout-large.grid-autofit { --_column-count---value: 3; } .nav_dropdown_mega_layout-large.grid-autofill { --_column-count---value: 1; } .press-source_wrap { border-top-style: solid; border-top-width: 1px; border-top-color: var(--_theme---grid-stroke); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_theme---grid-stroke); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_theme---grid-stroke); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_theme---grid-stroke); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); width: -moz-fit-content; width: fit-content; padding: .25rem 1rem; } .press-header_wrap { min-height: calc(var(--grid-h) * 3); justify-content: center; align-items: center; display: flex; } .press-header_wrap.border-stroke-top-bottom { flex-flow: column; justify-content: center; align-items: center; padding: 2rem; display: flex; } .cms-products_tags_list { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .press_layout.grid-custom { --_column-count---value: 8; } .divider-horizontal { background-color: var(--swatch--stroke-light-2); width: 100%; height: 1px; } .support-link_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .search-wrap.column-3 { grid-column-start: 9; } .integrations-logo_wrap { max-width: 30rem; } .integrations-logo_wrap.card.card-padding-main { justify-content: center; align-items: center; display: flex; } .integrations-logo_wrap.mt-4 { max-width: 20rem; } .integrations-template_layout.grid-custom { --_column-count---value: 8; } .integrations-button_text { grid-column-gap: .25rem; grid-row-gap: .25rem; display: flex; } .button-wrap { flex-flow: column; display: flex; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .text-huge { font-weight: 800; font-size: clamp(2 * 1rem, ((2 - ((11.25 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((11.25 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 11.25 * 1rem); } .partners-img { object-fit: scale-down; max-width: 12rem; height: 100%; max-height: 3rem; } .partners-img.is-large { width: 100%; max-width: 12rem; max-height: 3rem; } .partners-img.cover-absolute { object-fit: scale-down; background-color: #fff; max-width: 12rem; max-height: 100%; left: auto; right: auto; } .partners-img.is-template { object-fit: contain; width: 100%; max-width: none; max-height: none; } .partners-img.is-featured { width: 100%; max-width: 20rem; max-height: 6rem; } .cms-nav { grid-column-start: 2; width: 100%; height: 100%; } .nav-cta_list, .nav-cta_item { height: 100%; } .video_wrap { aspect-ratio: 16 / 9; } .video_wrap.card { overflow: clip; } .code-embed-2 { width: 100%; height: 100%; } .what-we-do_section.theme-dark { overflow: clip; } .awards-img { justify-content: center; align-items: center; display: flex; } .awards-img.mt-4 { flex-flow: column; justify-content: center; align-items: center; display: flex; } .image { width: 100%; } .values_section { overflow: clip; } .values-grid.grid-autofit { --_column-count---value: 2; } .rive-canvas.cover-absolute { z-index: 2; } .home-canvas { z-index: 2; aspect-ratio: 720 / 450; width: 100%; max-width: 45vw; height: 100%; max-height: 27.2rem; margin-top: .5rem; padding-bottom: 0; padding-right: 0; position: absolute; inset: 50% 0% 0% 50%; transform: translate(-50%, -50%); } .home-canvas.is-placeholder { z-index: 1; } .partners-empty { display: none; } .resources_header-wrap { justify-content: space-between; display: flex; } .resources_header-wrap.grid-autofit { --_column-count---value: 2; } .thankyou_section, .thankyou_section.border-stroke-bottom { overflow: clip; } .thankyou_section.border-stroke-bottom.min-height-screen { min-height: 60svh; } .changelog_wrap.grid-autofit { margin-bottom: 1rem; } .changelog-date_wrap { justify-content: flex-start; align-items: flex-start; display: flex; } .changelog-pill { border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--round); justify-content: center; align-items: center; padding: .25rem 1rem; display: flex; } .table-wrap { width: 100%; overflow-y: auto; } .content-grid.grid-autofill, .content-grid.grid-autofit { --_column-count---value: 4; } .resouce_link { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .cms-training_list.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); } .partner-login { justify-content: center; display: flex; } .sm_icon { width: 1.25rem; } .pdf-page-number { background-color: var(--swatch--light-2); color: #212324; text-align: center; justify-content: center; align-items: center; min-height: 2rem; display: flex; } .pdf-zoom-icon { width: 1rem; height: 1rem; } .pdf-style.embed-css { display: none; } .pdf-button-group { grid-column-gap: .75rem; grid-row-gap: .75rem; border: 1px solid var(--_theme---grid-stroke); border-radius: var(--radius--round); background-color: var(--_theme---text); flex-flow: row; justify-content: center; width: 100%; padding: .75rem 1.5rem; display: flex; } .pdf-button { border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--round); background-color: var(--swatch--brand); color: #0a1736; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .5rem; transition: border-color .2s, color .2s, background-color .2s; display: flex; } .pdf-button:hover { color: #f8f8f8; background-color: #2445cc; border-color: #2445cc; } .button-arrow-small { width: 1rem; } .pdf-button_controls_wrap { justify-content: center; width: 100%; display: flex; } .download-btn { color: #00182c; background-color: #ffac2f; border: 2px #00182c; border-radius: 99vw; flex: 0 auto; justify-content: center; align-items: center; width: 8rem; height: 2.5rem; padding: .5rem; transition: color .2s, background-color .2s; display: none; } .download-btn:hover { color: #f9f8f7; background-color: #f44544; } .pdf-zoom { border: 1px solid var(--swatch--grid-stroke); border-radius: var(--radius--round); background-color: var(--swatch--brand); color: #0a1736; justify-content: center; align-items: center; width: 2rem; height: 2rem; padding: .5rem; transition: color .2s, background-color .2s; display: flex; } .pdf-zoom:hover { color: #f8f8f8; background-color: #2445cc; width: 2rem; height: 2rem; } .pdf-button-controls { grid-column-gap: 3rem; grid-row-gap: 3rem; background-color: #003058; border-radius: 99vw; justify-content: center; width: auto; max-width: 45rem; margin-left: auto; margin-right: auto; padding: 0; display: inline-block; } .pdf-pages { grid-column-gap: .5em; grid-row-gap: .5em; color: #f9f8f7; align-items: center; display: flex; } .pdf-page-number-wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; background-color: #f9f8f7; border-radius: 4rem; display: flex; } .text-block, .span-3 { color: var(--swatch--dark); } @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; } .max-width-full-tablet { width: 100%; max-width: 100%; } .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; } .order-first-desktop { order: 0; } .nav_links_component { color: inherit; } .nav_component { background-color: var(--swatch--light); } .nav_contain { background-color: var(--swatch--light); max-width: 100%; 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--dark); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--stroke-light); --_theme---button-primary--border: var(--swatch--dark); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--dark); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---grid-stroke: var(--swatch--light); --_theme---button-secondary--text: var(--swatch--dark); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_theme---eyebrow: var(--swatch--brand-2); --_theme---text-link-hover: var(--swatch--brand); --_theme---selection--background: var(--swatch--light); --_theme---selection--text: var(--swatch--dark); --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--dark); --_theme---button-secondary--border-hover: var(--swatch--dark); } .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_links_item { flex: none; } .nav_links_text { font-size: var(--_typography---font-size--text-main); } .nav_wrap.is-desktop { z-index: 99; display: none; } .nav_wrap.is-mobile { background-color: var(--swatch--light); display: block; } .nav_dropdown_text.text-color-faded.text-size-tiny { color: color-mix(in srgb, var(--_nav---nav-text) 60%, transparent); } .nav_menu_scroll { padding-left: 0; padding-right: 0; } .nav_actions_wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: row; flex: 1; } .nav_btn_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_dropdown_mega_contain { max-width: none; } .nav_dropdown_mega_contain.is-desktop { padding-top: var(--space--1); padding-bottom: var(--space--); } .nav_links_wrap { padding-right: 0; } .nav_full { background-color: var(--swatch--light); } .nav_dropdown_mega_layout.grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); --_column-count---value: 1; } .nav_dropdown_mega_layout.grid-autofit.theme-dark { flex-flow: column; padding: 1rem; display: flex; } .nav_buttons_item.hide-mobile { margin-left: 1rem; } .nav_buttons_item.show-mobile, .nav_banner_svg { display: none; } .nav_menu_wrap { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--dark); --_theme---border: var(--swatch--dark); --_theme---button-primary--border: var(--swatch--dark); --_theme---button-primary--background: var(--swatch--brand); --_theme---background-2: var(--swatch--light-2); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---grid-stroke: var(--swatch--grid-stroke); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--dark); --_theme---eyebrow: var(--swatch--brand-2-600); --_theme---text-link-hover: var(--swatch--brand-2); --_theme---selection--background: var(--swatch--dark); --_theme---selection--text: white; --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-secondary--background: var(--swatch--brand-2); --_theme---button-secondary--border: var(--swatch--dark); --_theme---button-secondary--text-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--dark); max-width: 100%; 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-left: 1rem; padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .nav_menu_contain { padding-top: var(--_spacing---space--4); } .blog_layout.grid-custom { --_column-count---value: 1; } .blog_content.column-6, .blog_content.column-5 { grid-column-end: span 1; } .blog_toc.position-sticky { width: 100%; display: contents; position: static; } .blog_toc_track.column-2 { grid-column: 1 / span 1; display: contents; } .blog_toc_layout { display: contents; } .styleguide_menu.column-2 { grid-column-end: span 1; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6 { grid-column: 3 / span 9; } .card.card-shadow.card-padding-small.is-callout.column-6 { grid-column-end: span 8; } .card.card-shadow.card-padding-small.column-8 { grid-column: 1 / -1; } .card.card-shadow.card-padding-small.column-8.is-contact, .card.card-shadow.card-padding-small.column-8.resources { grid-column-start: 1; } .card.card-padding-small.margin-adjust.vflex-center-center { height: calc(var(--grid-h) * 4); } .card.grid-autofit.is-company { --_column-count---value: 1; } .card.is-404.card-padding-small, .card.is-404.card-padding-small.is-first { width: calc(var(--grid-w) * 4); height: calc(var(--grid-h) * 4); } .filter_layout { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; } .filter_search-input { max-width: 15rem; } .footer_content { margin-bottom: 5rem; } .footer_social_wrap { justify-content: flex-start; align-items: flex-start; } .footer_nav { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .footer_bottom_list { grid-column-gap: 1.5rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; margin-left: -.5rem; margin-right: 0; } .grid-wrapper:where(.w-variant-431f3b83-eb2b-24f4-ca8c-e44e6feb672f) { justify-content: center; align-items: center; container-type: inline-size; } .tabs_button_wrap.is-quote.container-large { height: calc((var(--grid-h) * 3)); } .tabs_button_list { flex-flow: column; } .tabs_content_layout { padding-left: 2px; padding-right: 2px; } .advantage-grid.grid-autofit.mb-8 { --_column-count---value: 2; } .footer_main-links-wrapper { grid-column-gap: 2rem; grid-row-gap: 0rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .footer_text.mt-3 { text-align: left; } .div-block { justify-content: flex-start; align-items: flex-start; margin-left: 0; } .footer_legal-wrapper { margin-top: 0; } .section-2 { margin-left: -.5rem; } .about_tabs_button_list { flex-flow: column; } .footer-nav_grid.grid-autofit { --_column-count---value: 2; } .cms-integrations_list.grid-autofit.is-4col { --_column-count---value: 3; } .cta-icon_wrap { grid-column-start: 1; } .testimonal-card_wrap { grid-column: 1 / -1; } .integrations-card.card-shadow.card-padding-small.is-callout.is-second.column-6 { grid-column: 3 / span 9; } .integrations-card.card-shadow.card-padding-small.is-callout.column-6 { grid-column-end: span 8; } .cms-blog_list.grid-autofit { --_column-count---value: 2; } .cms-blog_list.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); } .cta-bottom_grid.grid-autofit { --_column-count---value: 1; } .dropdown-component.column-1, .dropdown-component.coulmn-3 { grid-column-start: 1; } .integrations-dark_layout.grid-autofit { --_column-count---value: 1; } .cms-leadership_list.grid-autofit, .cms-leadership_list.grid-custom { --_column-count---value: 3; } .work-grid.grid-autofit { --_column-count---value: 2; } .modal-team_bio-top.grid-autofit { --_column-count---value: 3; } .contact_layout.grid-autofit.gap-6 { --_column-count---value: 1; --_gap---size: var(--_spacing---space--2); } .cms-resources-type_list.grid-autofit { --_column-count---value: 2; } .webinar-layout.grid-autofit { --_column-count---value: 1; } .nav-mega.grid-autofit.theme-dark { --_column-count---value: 1; padding: 1rem; } .nav_dropdown_mega_layout-large.grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--_spacing---space--4); grid-template-columns: repeat(auto-fit, minmax(min(max(12rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .nav_dropdown_mega_layout-large.grid-autofit.theme-dark { padding: 1.5rem; } .press_layout.grid-custom, .integrations-template_layout.grid-custom, .values-grid.grid-autofit { --_column-count---value: 1; } .home-canvas { max-width: 20rem; } .products-grid.grid-autofit.gap-0, .content-grid.grid-autofit.mb-8 { --_column-count---value: 2; } } @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%; } .grid-column-2, .grid-column-4 { grid-template-columns: var(--grid-1); } .order-last-tablet { order: 0; } .grid-custom { --_column-count---value: 6; } .grid-column-3 { grid-template-columns: var(--grid-1); } .nav_links_component { width: 100%; } .nav_contain { max-width: none; padding-top: .5rem; padding-bottom: .25rem; } .nav_dropdown_mega_scroll { width: 100%; } .nav_dropdown_mega_contain { max-width: none; } .nav_links_wrap { padding-right: 0; } .nav_dropdown_mega_content { width: 100%; } .nav_buttons_item.show-mobile, .nav_banner_svg { display: none; } .nav_menu_wrap { max-width: none; } .nav_banner_text.u-line-clamp-1.text-size-small { font-size: clamp(.6rem, .686rem + .07vw, .875rem); } .nav_banner_text.u-line-clamp-1.text-size-small.text-weight-bold { line-height: var(--_typography---line-height--1); } .nav_menu_contain { padding-top: var(--_spacing---space--5); height: 100svh; overflow-y: auto; } .meta_wrap.hflex-between-center.mb-5 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; } .meta-content.hflex-left-center.gap-2 { flex-flow: wrap; } .cms-resources.hide-mobile { display: none; } .card.card-padding-main.margin-adjust.bg-secondary, .card.card-padding-main.margin-adjust.card-shadow { grid-column: 1 / -1; } .card.card-shadow.card-padding-small.column-6 { grid-column-end: -1; } .card.card-shadow.card-padding-small.is-callout.column-8 { min-height: calc(var(--grid-h) * 2); flex-flow: column; justify-content: center; display: flex; } .card.card-shadow.card-padding-small.is-callout.column-8.is-hero { grid-column-end: -1; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6 { min-height: calc(var(--grid-h) * 2); grid-area: 2 / 1 / 2 / -1; } .card.card-shadow.card-padding-small.is-callout.column-6 { min-height: calc(var(--grid-h) * 2); justify-content: center; align-items: center; display: flex; } .card.card-shadow.card-padding-small.column-8.is-contact, .card.card-shadow.card-padding-small.column-8.resources { grid-column-start: 1; } .card.card-shadow.card-padding-small.column-full { grid-row: 1 / 3; } .card.is-last.column-6 { grid-area: 15 / 1 / 16 / -1; } .card.card-padding-small.margin-adjust.vflex-center-center { height: calc(var(--grid-h) * 4); margin-left: 0; margin-right: 0; } .card.grid-autofit.is-company { --_column-count---value: 1; } .card.is-feeds.column-6.card-padding-small { grid-column: 1 / -1; } .card.is-404.card-padding-small { width: calc(var(--grid-w) * 3); height: calc(var(--grid-h) * 3); } .card.is-404.card-padding-small.is-second { grid-column-start: 3; } .card.is-404.card-padding-small.is-first { width: calc(var(--grid-w) * 3); height: calc(var(--grid-h) * 3); grid-column-start: 1; } .card.is-404.card-padding-small.is-last { grid-column-start: 5; } .filters_form_wrap.column-2 { grid-column: 1 / -1; } .filter_layout { flex-flow: column; display: flex; } .filter_search-input { max-width: 100%; } .filter_search-input.is-dark { max-width: 20rem; } .footer_layout.grid-autofit.gap-row-11.gap-row-5-mobile { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .footer_content { flex-flow: column; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); margin-bottom: 2rem; display: flex; } .footer_logo_wrap { display: block; } .footer_social_wrap { justify-content: flex-start; align-items: flex-start; } .footer_nav { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); } .footer_group_item, .footer_link_text { font-size: var(--_typography---font-size--text-small); } .card-shadow { box-shadow: 0px 0px 0 0 var(--swatch--dark); } .grid-container.grid-custom { --_column-count---value: 6; } .hero_img-wrap { grid-area: 4 / 1 / 9 / -1; padding-top: 2rem; padding-bottom: 2rem; } .card-position.is-last { grid-row-start: 12; grid-column-start: 1; margin-top: 0; } .tabs_button_wrap, .tabs_button_wrap.is-cluster { width: 100%; } .tabs_button_wrap.is-quote.container-large { height: calc((var(--grid-h) * 5)); } .tabs_button_list.is-quote { flex-flow: column; } .accordion-cms_toggle_icon { height: 1rem; } .tabs_content_wrap, .tabs_content_wrap.is-cluster { width: 100%; } .tabs_button_title-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; display: flex; } .tabs_button_item { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .tabs_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; } .tabs_content_layout { padding-left: 2px; padding-right: 2px; } .domain-check_contain { --_column-count---value: 6; } .advantage-grid.grid-autofit, .advantage-grid.grid-autofit.mb-8 { --_column-count---value: 1; } .footer_main-links-wrapper { grid-column-gap: 2rem; grid-template-columns: minmax(0, auto) minmax(0, auto); place-content: start; } .footer_text.mt-3 { text-align: left; } .footer-logo_wrap { display: none; } .footer_legal-wrapper { margin-top: 2rem; } .footer_links-contact-wrapper { grid-column-gap: var(--site--gutter); grid-template-areas: ". Area"; grid-auto-columns: minmax(0, 15rem); grid-template-columns: repeat(auto-fit, undefinedundefined) 200px; grid-template-rows: auto; place-content: start; margin-bottom: 2rem; display: grid; } .section-2 { margin-left: 0; } .about_tabs_wrap { flex-flow: column; } .about_tabs_button_wrap { flex-flow: column; width: 100%; max-width: none; display: contents; } .about_tabs_btn_wrap { order: 2; } .about_tabs_content_wrap { width: 100%; } .about_tabs-divider { display: none; } .callout-layout.grid-custom, .integrations_layout.grid-custom { --_column-count---value: 6; } .integrations_content.column-2 { grid-column-start: 1; } .cms-integrations_list.grid-autofit, .cms-integrations_list.grid-autofit.is-4col { --_column-count---value: 2; } .cms-integrations_list.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); } .integrations-card.card-shadow.card-padding-small.column-6 { grid-column-end: -1; } .integrations-card.is-last.column-6 { grid-area: 15 / 1 / 16 / -1; } .integrations-card.is-product { height: calc(var(--grid-h) * 4); } .integrations-img.cover-absolute { object-fit: cover; } .cms-blog_list.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); } .eyebrow { color: var(--_theme---eyebrow); } .investigations-grid.grid-autofit, .grid-split.grid-autofit { --_column-count---value: 1; } .col.bg-dark.vflex-stretch-center { padding-right: 1rem; } .col.column-6 { grid-column: 1 / -1; } .dropdown-btn { z-index: 2; } .dropdown-component.hide-desktop { z-index: 3; display: block; } .dropdown-list { z-index: 99; } .quote-contain.bg-light.border-stroke-top-bottom { padding-top: 1rem; padding-bottom: 1rem; } .feeds-grid.grid-autofit, .feed-card_bottom.grid-autofit { --_column-count---value: 1; } .grid-decorative_wrap.grid-custom { --_column-count---value: 6; flex-flow: wrap; justify-content: center; padding-bottom: 2rem; display: flex; } .grid-cell_dec { display: none; } .grid-cell_dec.span-2 { min-width: 10rem; min-height: 10rem; display: flex; } .cms-leadership_list.grid-autofit, .cms-leadership_list.grid-custom { --_column-count---value: 2; } .work-grid.grid-autofit { --_column-count---value: 1; } .team-header.card.card-padding-small.card-shadow.max-width-large.align-center { max-width: var(--container--main); } .modal-team_bio-top.grid-autofit { --_column-count---value: 1; } .modal-team_bio-content.column-2 { grid-column-end: span 1; } .support-toc.column-3 { grid-column: 1 / -1; } .author-link { grid-column-gap: .5rem; grid-row-gap: .5rem; } .authors_list { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .cms-resources-type_list.grid-autofit, .author-content.grid-autofit { --_column-count---value: 1; } .author_description.column-2 { grid-column-end: span 1; } .nav-mega.grid-autofit.theme-dark { --_column-count---value: 1; width: 100%; padding-bottom: 2rem; } .search-wrap.column-3 { grid-column: 1 / -1; } .filter-grid.grid-custom.gap-row-7 { --_column-count---value: 1; } .partners-img.cover-absolute { object-fit: cover; } .home-canvas { max-width: 24rem; top: 46%; } .partners-empty { display: none; } .resources_header-wrap { flex-flow: column; align-items: flex-start; } .products-grid.grid-autofit.gap-0, .content-grid.grid-autofit, .content-grid.grid-autofit.mb-8 { --_column-count---value: 1; } } @media screen and (max-width: 479px) { .main-wrapper { --_column-count---value: 6; } .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; } .nav_banner_link { grid-column-gap: var(--space--1); } .nav_buttons_item.hide-mobile { display: none; } .nav_buttons_item.show-mobile { margin-left: 1rem; display: flex; } .nav_banner_close_wrap { justify-content: center; align-items: center; } .nav_banner_wrap { height: var(--nav--banner-height); } .nav_banner_text.u-line-clamp-1.text-size-small { font-size: clamp(.6rem, .686rem + .07vw, .875rem); } .meta_wrap.hflex-between-center.mb-5 { grid-row-gap: .75rem; } .meta-content.hflex-left-center.gap-2 { flex-flow: wrap; } .card.card-shadow.card-padding-small.is-callout.column-8.is-hero { grid-column-end: -1; } .card.card-shadow.card-padding-small.is-callout.is-second.column-6 { grid-area: 3 / 1 / 3 / -1; } .card.card-shadow.card-padding-small.is-callout.column-6 { grid-column-end: -1; justify-content: center; align-items: center; } .card.card-shadow.card-padding-small.column-8.resources { grid-row-end: 1; height: 100%; } .card.card-padding-small.margin-adjust.vflex-center-center { height: calc(var(--grid-h) * 6); margin-left: 0; margin-right: 0; } .card.is-404.card-padding-small, .card.is-404.card-padding-small.is-first { width: calc(var(--grid-w) * 2); height: calc(var(--grid-h) * 2); } .card.is-404.card-padding-small.is-last { grid-column-start: 5; } .filter_tags_wrap { flex-flow: column; align-items: flex-start; } .footer_layout { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .footer_social_wrap { align-items: stretch; } .footer_social_list.mt-5 { justify-content: space-around; } .footer_nav { grid-auto-columns: minmax(200px, 1fr); grid-template-columns: repeat(auto-fit, minmax(undefinedundefined, 1fr)) 200px; --_column-count---value: 2; } .footer_nav.grid-autofit { --_column-count---value: 1; } .footer_col { --_column-count---value: 1; align-items: flex-start; } .footer_group_item { --_column-count---value: 1; } .footer_bottom_layout { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; align-items: flex-start; } .grid-container.grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 6; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; grid-template-rows: 80px; display: grid; } .hero_img-wrap { padding-top: 2rem; padding-bottom: 2rem; } .card-position.is-last { grid-row-start: 9; } .tabs_button_wrap.is-quote.container-large { height: calc((var(--grid-h) * 6)); } .tabs_button_list.is-quote.grid-autofill { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); } .advantage-grid.grid-autofit { --_column-count---value: 1; } .footer_contact-wrapper { width: 100%; } .footer_main-links-wrapper { justify-content: space-around; align-items: stretch; display: flex; } .footer_links-contact-wrapper { grid-column-gap: var(--site--gutter); grid-row-gap: 16px; grid-auto-columns: minmax(0, 15rem); grid-template-columns: repeat(auto-fit, undefinedundefined); flex-flow: column-reverse wrap; grid-template-rows: auto; display: flex; } .footer-nav_grid.grid-autofit { --_column-count---value: 1; } .callout-layout.grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .cms-integrations_list.grid-autofit, .cms-integrations_list.grid-autofit.is-4col { --_column-count---value: 1; } .integrations-cta_layout.grid-custom { --_column-count---value: 6; } .testimonal-card_wrap { grid-row-start: 2; grid-column-start: 1; } .integrations-card.card-shadow.card-padding-small.is-callout.is-second.column-6 { grid-area: 3 / 1 / 3 / -1; } .integrations-card.card-shadow.card-padding-small.is-callout.column-6 { grid-column-end: -1; } .cms-blog_list.grid-autofit { --_column-count---value: 1; } .col.bg-dark.vflex-stretch-center { padding-right: 1rem; } .dropdown-component { min-width: 100%; } .grid-decorative_wrap.grid-custom { justify-content: center; } .grid-cell_dec.span-2 { height: calc(var(--grid-w) * 2); grid-column-end: span 1; min-width: 9rem; min-height: 9rem; } .cms-leadership_list.grid-autofit, .cms-leadership_list.grid-custom { --_column-count---value: 1; } .modal-new_scroll { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; padding: 1.25rem; display: flex; } .partners-logo_img-wrap { background-color: #fff; } .authors_item { flex-flow: row; } .authors_list { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .cms-resources-type_list.grid-autofit { --_column-count---value: 1; } .partners-img.cover-absolute { object-fit: contain; max-width: 10rem; left: auto; right: auto; } .home-canvas { max-width: 14rem; top: 45%; } .changelog_wrap.grid-autofit { --_column-count---value: 1; } .changelog_content.column-2 { grid-column-end: span 1; } .content-grid.grid-autofit { --_column-count---value: 1; } } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693d77-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693de7-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dea-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693deb-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dee-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693def-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693df2-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693df3-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693df7-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dfa-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dfb-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dfe-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dff-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e02-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e07-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e08-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0a-5c07ee8f, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0c-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0d-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0f-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e11-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e12-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e14-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e16-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e17-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e19-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e1c-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e1e-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e20-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e21-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e23-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e25-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e26-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e28-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2a-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2b-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2d-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2f-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e30-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e32-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e34-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e35-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e37-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e39-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e3a-5c07ee8f { justify-self: start; } #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e3c-5c07ee8f { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_3a5efdf1-9387-5faf-aba9-2cab47f3f4f3-9380f1a8, #w-node-e28d1889-a5f6-4926-e179-1d12f11ebbfc-8903a40e { grid-row: span 1 / span 1; } @media screen and (max-width: 767px) { #w-node-_63517d4c-27e0-5517-0a7a-7ac68b71b3c0-8b71b3b9 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_7ba0a3bf-ee40-d021-1c45-171a13d38122-8b71b3b9 { grid-area: 1 / 2 / 2 / 3; } }