html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0; display: none; } [hidden], template { display: none; } a { background-color: #0000; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right:before { content: ""; } .w-icon-slider-left:before { content: ""; } .w-icon-nav-menu:before { content: ""; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: ""; } .w-icon-file-upload-remove:before { content: ""; } .w-icon-file-upload-icon:before { content: ""; } * { box-sizing: border-box; } html { height: 100%; } body { color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } img { vertical-align: middle; max-width: 100%; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: #0000 !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } .w-optimization { display: contents; } .w-webflow-badge, .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; -webkit-text-decoration: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; transition: unset; } .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: #aaadb0 !important; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; transform: none !important; } .w-webflow-badge > img { position: unset; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: bold; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0 0 10px; } figcaption { text-align: center; margin-top: 5px; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; padding: 0; position: relative; } .w-video iframe, .w-video object, .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } fieldset { border: 0; margin: 0; padding: 0; } button, [type="button"], [type="reset"] { cursor: pointer; -webkit-appearance: button; border: 0; } .w-form { margin: 0 0 15px; } .w-form-done { text-align: center; background-color: #ddd; padding: 20px; display: none; } .w-form-fail { background-color: #ffdede; margin-top: 10px; padding: 10px; display: none; } label { margin-bottom: 5px; font-weight: bold; display: block; } .w-input, .w-select { color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898ec; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio:before, .w-radio:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-radio:after { clear: both; } .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: .1px; height: .1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: #333; display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; } .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container:before, .w-container:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: #fff; height: 500px; position: relative; overflow: hidden; } .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .w-background-video--control { background-color: #0000; padding: 0; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden; } .w-slide { vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative; } .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0 0; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { font-size: inherit; line-height: inherit; width: auto; height: auto; padding: .2em .5em; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px #3336; } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: #2226; } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { cursor: pointer; background-color: #fff6; width: 1em; height: 1em; margin: 0 3px .5em; transition: background-color .1s, color .1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: #fff; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0; overflow: hidden; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0; } .w-slider-aria-label { clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { -webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0; } .w-dropdown-list { background: #ddd; min-width: 100%; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: #222; padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: #000000e6; outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0; -webkit-transform: translate(0); } .w-lightbox-backdrop, .w-lightbox-container { -webkit-overflow-scrolling: touch; height: 100%; overflow: auto; } .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .w-lightbox-view { opacity: 0; width: 100vw; height: 100vh; position: absolute; } .w-lightbox-view:before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { vertical-align: middle; display: inline-block; } .w-lightbox-figure { margin: 0; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; max-width: none; height: auto; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #0006; padding: .5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0; } .w-lightbox-control { cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all .3s; position: absolute; top: 0; } .w-lightbox-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0; left: 0; } .w-lightbox-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0; right: 0; } .w-lightbox-close { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; height: 2.6em; right: 0; } .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate3d(0, 0, 0); } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { background: #222; height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: .8s linear infinite spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner:after { content: ""; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 50%; position: absolute; inset: -4px; } .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { opacity: .5; display: block; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ""; display: none; position: absolute; inset: 0; } .w-richtext figure { max-width: 60%; position: relative; } .w-richtext figure > div:before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: .6; } .w-richtext figure div { color: #0000; font-size: 0; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .w-nav { z-index: 1000; background: #ddd; position: relative; } .w-nav:before, .w-nav:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-nav:after { clear: both; } .w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0; right: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { color: #fff; background-color: #c8c8c8; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: #c8c8c8; } .w-tab-link:focus { outline: 0; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .w-dyn-empty { background-color: #ddd; padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } @font-face { font-family: Inter; src: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/689a1683770af012ffaba0d8_Inter-VariableFont_opsz%2Cwght.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: Dalton Maag Aktiv Grotesk; src: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/689ab6e7399887cfa6af2f29_Dalton%20Maag%20-%20Aktiv%20Grotesk%20Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Aktivgrotesk; src: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/689d43dfa7f0f6b2bb075afb_AktivGrotesk-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } :root { --_theme---background: var(--swatch--grey-modern-50); --_typography---font--secondary-family: Inter, Arial, sans-serif; --swatch--grey-modern-700: #364152; --_text-style---font-size: var(--_typography---font-size--text-16); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_typography---font--primary-family: "Dalton Maag Aktiv Grotesk", Arial, sans-serif; --swatch--grey-modern-950: #0d121c; --swatch--brand-500: #00d075; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: pretty; --_typography---font-size--text-20: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---text: var(--swatch--grey-modern-950); --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_spacing---space--40: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---space--48: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(1 * 1rem, ((1 - ((2.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --max-width--small: 50rem; --max-width--full: 100%; --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((6 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(7 * 1rem, ((7 - ((14 - 7) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 7) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --_spacing---section-space--112: clamp(4.4875 * 1rem, ((4.4875 - ((7 - 4.4875) / (90 - 20) * 20)) * 1rem + ((7 - 4.4875) / (90 - 20)) * 100vw), 7 * 1rem); --_spacing---space--20: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (90 - 20) * 20)) * 1rem + ((1.25 - 1) / (90 - 20)) * 100vw), 1.25 * 1rem); --_spacing---space--112: clamp(5 * 1rem, ((5 - ((7 - 5) / (90 - 20) * 20)) * 1rem + ((7 - 5) / (90 - 20)) * 100vw), 7 * 1rem); --_spacing---space--64: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_theme---heading-accent: var(--swatch--brand-600); --_spacing---space--12: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --site--gutter: 1rem; --_theme---background-2: var(--swatch--grey-modern-50); --_spacing---space--8: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--16: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--24: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_spacing---space--32: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font--secondary-regular: 400; --_typography---font--secondary-medium: 500; --_typography---font--secondary-bold: 700; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: .094rem; --_theme---border: var(--swatch--dark-900-o20); --swatch--transparent: transparent; --_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---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --swatch--grey-modern-300: #cdd5df; --_typography---font-size--text-18: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (90 - 20) * 20)) * 1rem + ((1.125 - 1) / (90 - 20)) * 100vw), 1.125 * 1rem); --_typography---font--primary-semibold: 600; --_spacing---space--4: clamp(.25 * 1rem, ((.25 - ((.25 - .25) / (90 - 20) * 20)) * 1rem + ((.25 - .25) / (90 - 20)) * 100vw), .25 * 1rem); --_typography---font--primary-regular: 400; --_theme---text-link--border-hover: var(--_theme---text); --focus--offset-inner: -.125rem; --nav--max-width: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --swatch--white: white; --_theme---nav--background: var(--_theme---background); --nav--height-total: var(--nav--height); --nav--spacing-outer-vertical: var(--site--margin); --swatch--grey-modern-100: #eef2f6; --swatch--dark-900: var(--swatch--grey-modern-900); --_spacing---space--2: clamp(.125 * 1rem, ((.125 - ((.125 - .125) / (90 - 20) * 20)) * 1rem + ((.125 - .125) / (90 - 20)) * 100vw), .125 * 1rem); --nav--height: 4rem; --_spacing---space--none: 0px; --swatch--grey-modern-50: #f8fafc; --swatch--grey-modern-600: #4b5565; --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--12); --nav--spacing-inner-horizontal: var(--_spacing---space--24); --_typography---font--secondary-semibold: 600; --swatch--grey-modern-900: #121926; --_theme---text-link--text: var(--_theme---text); --swatch--grey-modern-400: #9aa4b2; --_typography---font-size--text-14: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --swatch--black: black; --swatch--grey-modern-25: #fcfcfd; --swatch--grey-modern-800: #202939; --swatch--brand-text: var(--swatch--grey-modern-950); --swatch--grey-modern-200: #e3e8ef; --swatch--grey-modern-500: #697586; --radius--24: 1.5rem; --_spacing---space--80: clamp(3 * 1rem, ((3 - ((5 - 3) / (90 - 20) * 20)) * 1rem + ((5 - 3) / (90 - 20)) * 100vw), 5 * 1rem); --_typography---font-size--text-24: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (90 - 20) * 20)) * 1rem + ((1.5 - 1.25) / (90 - 20)) * 100vw), 1.5 * 1rem); --_spacing---space--56: clamp(2.75 * 1rem, ((2.75 - ((3.5 - 2.75) / (90 - 20) * 20)) * 1rem + ((3.5 - 2.75) / (90 - 20)) * 100vw), 3.5 * 1rem); --_spacing---space--120: clamp(4.4875 * 1rem, ((4.4875 - ((7.5 - 4.4875) / (90 - 20) * 20)) * 1rem + ((7.5 - 4.4875) / (90 - 20)) * 100vw), 7.5 * 1rem); --radius--12: .75rem; --_spacing---space--96: clamp(4 * 1rem, ((4 - ((6 - 4) / (90 - 20) * 20)) * 1rem + ((6 - 4) / (90 - 20)) * 100vw), 6 * 1rem); --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((2 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---line-height--1-2: 1.2; --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_typography---font-size--text-16: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --radius--18: 1.125rem; --radius--40: 2.5rem; --_spacing---space--72: clamp(2.5 * 1rem, ((2.5 - ((4.5 - 2.5) / (90 - 20) * 20)) * 1rem + ((4.5 - 2.5) / (90 - 20)) * 100vw), 4.5 * 1rem); --_typography---font--primary-medium: 500; --site--viewport-max: 80; --site--viewport-min: 20; --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--light-100: var(--swatch--grey-modern-100); --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--light-200: var(--swatch--grey-modern-200); --swatch--dark-800: var(--swatch--grey-modern-800); --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%); --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --_alignment---direction: start; --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); --nav--banner-height: 2.4rem; --nav--menu-open-duration: var(--nav-duration, .4s); --_typography---font--primary-trim-top: .5em; --_typography---font--primary-trim-bottom: .45em; --_typography---font--primary-bold: 700; --nav--menu-close-duration: var(--nav-duration, .4s); --nav--dropdown-open-duration: var(--nav-duration, .4s); --nav--dropdown-close-duration: var(--nav-duration, .4s); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h2: clamp(2.5 * 1rem, ((2.5 - ((3.5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3.5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3.5 * 1rem); --_typography---font-size--h1: clamp(3 * 1rem, ((3 - ((4 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-layout-vflex { flex-direction: column; align-items: flex-start; display: flex; } .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; } body { background-color: var(--_theme---background); font-family: var(--_typography---font--secondary-family); color: var(--swatch--grey-modern-700); 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); --_column-count---value: 12; text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6 { font-family: var(--_typography---font--primary-family); color: var(--swatch--grey-modern-950); display: flow-root; } p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; transition-property: color; transition-duration: .2s; transition-timing-function: ease; } a:hover { color: var(--swatch--brand-500); } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .c-heading { 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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-heading:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { color: var(--swatch--grey-modern-950); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-size: var(--_typography---font-size--text-16); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-size: var(--_typography---font-size--text-14); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-91c5c965-6b66-8f31-32cb-a67324aeb08f) { --_text-style---font-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading.h2 { color: var(--swatch--grey-modern-950); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading.u-color-dark:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { font-size: var(--_typography---font-size--text-20); } .c-heading.u-color-dark:where(.w-variant-91c5c965-6b66-8f31-32cb-a67324aeb08f) { --_text-style---font-size: var(--_typography---font-size--text-18); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading.u-color-dark.h2-2 { color: var(--swatch--grey-modern-950); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph { font-family: var(--_typography---font--secondary-family); color: var(--swatch--grey-modern-700); 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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-paragraph:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-size: var(--_typography---font-size--text-16); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029) { --_text-style---font-size: var(--_typography---font-size--text-14); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-b6cca15e-8b6a-34fa-ce91-68a39bbfec0f) { --_text-style---font-size: var(--_typography---font-size--text-18); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-b4e9bb1c-8c1e-fe66-514e-481f5b204e79) { --_text-style---font-size: var(--_typography---font-size--text-24); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 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)); display: grid; } .c-grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { --_column-count---value: 2; } .c-grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130) { --_column-count---value: 3; } .c-grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { --_column-count---value: 4; } .c-grid:where(.w-variant-a49c393c-8eb9-9702-a7f7-b0d31c2535b6) { --_column-count---value: 5; } .c-grid:where(.w-variant-1fa34b50-a837-2ff8-cbdc-a25a0f0f655e) { --_column-count---value: 6; } .c-grid:where(.w-variant-40a5ac65-6ad6-ab31-f112-a487dd6f4194) { --_column-count---value: 7; } .c-grid:where(.w-variant-acca940a-8500-4c63-671b-ba41437b73b7) { --_column-count---value: 8; } .c-grid:where(.w-variant-3f4418b6-400a-afb6-8442-1ca7dcd18498) { --_column-count---value: 9; } .c-grid:where(.w-variant-6ad0d720-f0d5-1ea4-b1b1-2599a18bd67d) { --_column-count---value: 10; } .c-grid:where(.w-variant-d8367f61-c746-929f-bff3-d9477c01c581) { --_column-count---value: 11; } .c-grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5) { --_column-count---value: 12; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--grey-modern-50); --_theme---text: var(--swatch--grey-modern-950); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--grey-modern-50); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-text-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-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-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-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-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-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-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-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-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-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-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-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-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-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-20 { font-family: var(--_typography---font--secondary-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-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-16 { font-family: var(--_typography---font--secondary-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-size: var(--_typography---font-size--text-16); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-14 { font-family: var(--_typography---font--secondary-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-size: var(--_typography---font-size--text-14); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-2); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); 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-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--large); --_text-style---font-weight: var(--_typography---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--40); margin-bottom: var(--_spacing---space--40); 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-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--48); margin-bottom: var(--_spacing---space--48); } .u-line-height-small { line-height: var(--_typography---line-height--small); } .u-line-height-medium { line-height: var(--_typography---line-height--medium); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-line-height-huge { line-height: var(--_typography---line-height--huge); } .u-letter-spacing-tight { letter-spacing: var(--_typography---letter-spacing--tight); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .u-section { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--grey-modern-50); --_theme---text: var(--swatch--grey-modern-950); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--grey-modern-50); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--grey-modern-50); --_theme---text: var(--swatch--grey-modern-950); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--grey-modern-50); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-svg { color: inherit; width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .u-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; } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-section-spacer:where(.w-variant-cc48585a-d7f8-275c-19ff-2d7c718793ed) { height: var(--_spacing---section-space--112); } .u-section-spacer:where(.w-variant-5a8467b9-81be-85bf-f463-92db1db5a6f7) { height: var(--_spacing---space--20); } .u-section-spacer.even { height: var(--site--margin); } .u-section-spacer.is-template-header { height: 4rem; } .u-section-spacer.is-industries-top, .u-section-spacer.is-industries-bottom { height: var(--_spacing---space--112); } .u-visual-wrap { z-index: 1; aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-content-wrapper { text-align: var(--_alignment---direction, start); } .u-content-wrapper:where(.w-variant-67e1f4a6-997b-b215-d348-cc757a57083b) { --_alignment---direction: start; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { --_alignment---direction: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { --_alignment---direction: end; } .u-button-group { grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-button-group.cc-center { justify-content: center; align-items: center; } .u-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; min-width: 100%; display: flex; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-flex-horizontal-nowrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { 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: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-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; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); 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; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-above, .u-grid-below { 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: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-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; } .u-align-self-variable { align-self: var(--_alignment---direction, start); } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-variable { align-items: var(--_alignment---direction, start); } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-variable { justify-content: var(--_alignment---direction, start); } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: color-mix(in lab, currentcolor 10%, transparent); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-12 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--12); } .u-gap-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-16 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--16); } .u-gap-24 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--24); } .u-gap-32 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--32); } .u-gap-40 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--40); } .u-gap-48 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--48); } .u-gap-64 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--64); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--8); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--12); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--16); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--24); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--32); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--40); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--48); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--64); } .u-margin-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-top-12 { margin-top: var(--_spacing---space--12); } .u-margin-top-16 { margin-top: var(--_spacing---space--16); } .u-margin-top-24 { margin-top: var(--_spacing---space--24); } .u-margin-top-32 { margin-top: var(--_spacing---space--32); } .u-margin-top-40 { margin-top: var(--_spacing---space--40); } .u-margin-top-48 { margin-top: var(--_spacing---space--48); } .u-margin-top-64 { margin-top: var(--_spacing---space--64); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-margin-bottom-12 { margin-bottom: var(--_spacing---space--12); } .u-margin-bottom-16 { margin-bottom: var(--_spacing---space--16); } .u-margin-bottom-24 { margin-bottom: var(--_spacing---space--24); } .u-margin-bottom-32 { margin-bottom: var(--_spacing---space--32); } .u-margin-bottom-40 { margin-bottom: var(--_spacing---space--40); } .u-margin-bottom-48 { margin-bottom: var(--_spacing---space--48); } .u-margin-bottom-64 { margin-bottom: var(--_spacing---space--64); } .u-weight-regular { font-weight: var(--_typography---font--secondary-regular); } .u-weight-medium { font-weight: var(--_typography---font--secondary-medium); } .u-weight-bold { font-weight: var(--_typography---font--secondary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-full { grid-column: 1 / -1; } .u-column-custom { grid-column: auto / span 1; } .u-column-indent { grid-column: 2 / -2; } .u-column-1 { --_column-count---value: 1; grid-column: auto / span 1; } .u-column-2 { --_column-count---value: 2; grid-column: auto / span 2; } .u-column-3 { --_column-count---value: 3; grid-column: auto / span 3; } .u-column-4 { --_column-count---value: 4; grid-column: auto / span 4; } .u-column-5 { --_column-count---value: 5; grid-column: auto / span 5; } .u-column-6 { --_column-count---value: 6; grid-column: auto / span 6; } .u-column-7 { --_column-count---value: 7; grid-column: auto / span 7; } .u-column-8 { --_column-count---value: 8; grid-column: auto / span 8; } .u-column-9 { --_column-count---value: 9; grid-column: auto / span 9; } .u-column-10 { --_column-count---value: 10; grid-column: auto / span 10; } .u-column-11 { --_column-count---value: 11; grid-column: auto / span 11; } .u-column-12 { grid-column: auto / span 12; } .u-alignment-start { --_alignment---direction: start; text-align: var(--_alignment---direction, start); } .u-alignment-center { --_alignment---direction: center; text-align: center !important; justify-content: center !important; align-items: center !important; } .u-alignment-end { --_alignment---direction: end; text-align: var(--_alignment---direction, start); } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-10ch { max-width: 10ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-50ch { max-width: 50ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-80ch { max-width: 80ch; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-absolute.u-bottom-left-ridght-64.u-zindex-2.u-width-full { top: 100px; } .u-position-absolute.u-bottom-left-ridght-64.u-zindex-2.u-width-full.is-launc-guides { top: 0; } .u-position-absolute.u-height-full.u-gradient-text.u-zindex-2 { background-image: none; } .u-position-sticky { position: sticky; top: 5rem; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain !important; } .u-threshold-large { container-name: threshold-large; } .u-threshold-medium { container-name: threshold-medium; } .u-threshold-small { container-name: threshold-small; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-12 { padding: var(--_spacing---space--12); } .u-padding-16 { padding: var(--_spacing---space--16); } .u-padding-24 { padding: var(--_spacing---space--24); } .u-padding-32 { padding: var(--_spacing---space--32); } .u-padding-40 { padding: var(--_spacing---space--40); } .u-padding-48 { padding: var(--_spacing---space--48); } .u-padding-64 { padding: var(--_spacing---space--64); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--main); } .u-padding-large { padding: var(--_spacing---section-space--large); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-2 { padding-top: var(--_spacing---space--12); padding-bottom: var(--_spacing---space--12); } .u-padding-block-3 { padding-top: var(--_spacing---space--16); padding-bottom: var(--_spacing---space--16); } .u-padding-block-4 { padding-top: var(--_spacing---space--24); padding-bottom: var(--_spacing---space--24); } .u-padding-block-5 { padding-top: var(--_spacing---space--32); padding-bottom: var(--_spacing---space--32); } .u-padding-block-6 { padding-top: var(--_spacing---space--40); padding-bottom: var(--_spacing---space--40); } .u-padding-block-7 { padding-top: var(--_spacing---space--48); padding-bottom: var(--_spacing---space--48); } .u-padding-block-8 { padding-top: var(--_spacing---space--64); padding-bottom: var(--_spacing---space--64); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-main { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-inline-2 { padding-right: var(--_spacing---space--12); padding-left: var(--_spacing---space--12); } .u-padding-inline-3 { padding-right: var(--_spacing---space--16); padding-left: var(--_spacing---space--16); } .u-padding-inline-4 { padding-right: var(--_spacing---space--24); padding-left: var(--_spacing---space--24); } .u-padding-inline-5 { padding-right: var(--_spacing---space--32); padding-left: var(--_spacing---space--32); } .u-padding-inline-6 { padding-right: var(--_spacing---space--40); padding-left: var(--_spacing---space--40); } .u-padding-inline-7 { padding-right: var(--_spacing---space--48); padding-left: var(--_spacing---space--48); } .u-padding-inline-8 { padding-right: var(--_spacing---space--64); padding-left: var(--_spacing---space--64); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--8); } .u-padding-top-2 { padding-top: var(--_spacing---space--12); } .u-padding-top-3 { padding-top: var(--_spacing---space--16); } .u-padding-top-4 { padding-top: var(--_spacing---space--24); } .u-padding-top-5 { padding-top: var(--_spacing---space--32); } .u-padding-top-6 { padding-top: var(--_spacing---space--40); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--48); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--main); } .u-padding-top-large { padding-top: var(--_spacing---section-space--large); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--12); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--16); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--24); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--32); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--40); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--48); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--64); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--main); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--large); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--8); } .u-padding-left-2 { padding-left: var(--_spacing---space--12); } .u-padding-left-3 { padding-left: var(--_spacing---space--16); } .u-padding-left-4 { padding-left: var(--_spacing---space--24); } .u-padding-left-5 { padding-left: var(--_spacing---space--32); } .u-padding-left-6 { padding-left: var(--_spacing---space--40); } .u-padding-left-7 { padding-left: var(--_spacing---space--48); } .u-padding-left-8 { padding-left: var(--_spacing---space--64); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--8); } .u-padding-right-2 { padding-right: var(--_spacing---space--12); } .u-padding-right-3 { padding-right: var(--_spacing---space--16); } .u-padding-right-4 { padding-right: var(--_spacing---space--24); } .u-padding-right-5 { padding-right: var(--_spacing---space--32); } .u-padding-right-6 { padding-right: var(--_spacing---space--40); } .u-padding-right-7 { padding-right: var(--_spacing---space--48); } .u-padding-right-8 { padding-right: var(--_spacing---space--64); } .styleguide_subheading { margin-bottom: 0; } .styleguide_card_wrap { padding: var(--_spacing---space--32); grid-column-gap: var(--_spacing---space--40); grid-row-gap: var(--_spacing---space--40); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--border-width--main) solid var(--_theme---border); text-align: center; } .tag_wrap { border-radius: var(--radius--small); background-color: var(--_theme---text); color: var(--_theme---background); line-height: var(--_typography---line-height--small); text-align: center; min-width: 4rem; padding: .5rem .75rem; display: inline-block; } .styleguide_font_item { padding-top: var(--_spacing---space--32); padding-bottom: var(--_spacing---space--32); grid-column-gap: var(--_spacing---space--24); grid-row-gap: var(--_spacing---space--24); border-bottom: var(--border-width--main) solid var(--_theme---border); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .form_main_label_wrap { text-align: left; width: 100%; } .form_main_wrap { width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_layout { grid-column-gap: var(--_spacing---space--40); grid-row-gap: var(--_spacing---space--40); flex-flow: column; display: flex; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; margin-top: 0; padding: .8rem 1.4rem; } .form_main_field { border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); 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-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, #0a0d120d); background-color: #0000; border: 1px solid #d5d7da1f; border-radius: 3rem; outline-style: none; width: 100%; height: 3rem; margin-bottom: 0; padding: .75rem 1.125rem; display: block; color: #fff !important; } .form_main_field:focus { border-bottom-color: var(--_theme---text); } .form_main_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_main_field.is-textarea { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; padding-top: .5rem; } .button_main_wrap { border: 2px solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_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---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; padding: .75rem 1.5rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_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---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_main_text { z-index: 1; line-height: inherit; position: relative; } .button_toggle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_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---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 5rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_toggle_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_toggle_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_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---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_toggle_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_wrap.u-theme-dark { background-color: var(--_theme---background); } .page_main { flex-flow: column; flex: 1; display: flex; } .styleguide_group { padding-top: var(--_spacing---space--48); grid-column-gap: var(--_spacing---space--32); grid-row-gap: var(--_spacing---space--32); flex-flow: column; display: flex; } .styleguide_visual { padding: var(--_spacing---space--8); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-height: 7rem; display: flex; position: relative; overflow: hidden; } .styleguide_icon { width: 3rem; height: 3rem; } .hero_utility-page_wrap { text-align: center; } .hero_utility-page_contain.u-container { align-content: center; min-height: 100vh; } .hero_utility-page_content { grid-column-gap: var(--_spacing---space--64); grid-row-gap: var(--_spacing---space--64); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .hero_utility-page_content.is-404 { max-width: none; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .guide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); display: grid; } .guide_column { color: #8a8a8a80; background-color: #9292920f; flex-flow: column; justify-content: flex-end; align-items: center; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; display: flex; } .eyebrow_wrap { margin-bottom: var(--_spacing---space--16); color: var(--swatch--grey-modern-300); font-size: var(--_typography---font-size--text-18); font-weight: var(--_typography---font--primary-semibold); justify-content: var(--_alignment---direction, start); display: flex; } .eyebrow_wrap:where(.w-variant-c53440a4-125e-b06b-32b7-010680e68c46) { color: var(--swatch--brand-500); } .eyebrow_marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .eyebrow_text { margin-top: 0; margin-bottom: 0; } .overlay_wrap { background-color: #000; } .styleguide_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { 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); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/689a04d756ffc77057110a45_dots.svg"); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_scroll { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--_theme---text) transparent; margin-right: calc(var(--site--margin) * -1); grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto clip; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--_spacing---space--64); } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--64); --_column-count---value: 12; flex-flow: column; grid-auto-columns: 1fr; align-items: start; } .styleguide_content { grid-column: 1 / span 8; width: 100%; } .styleguide_nav_wrap { 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); top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10 / -1; width: 100%; padding: 1rem; position: sticky; overflow: clip auto; } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--_theme---border); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { outline-offset: var(--focus--offset-inner); padding-top: .125rem; padding-bottom: .125rem; padding-left: .75rem; display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { opacity: .6; outline-offset: var(--focus--offset-inner); padding: .125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .button_toggle_pause { opacity: 0; display: block; } .button_toggle_play { display: block; } .eyebrow_layout { grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); vertical-align: baseline; display: inline-flex; } .styleguide_card_inner { grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .hero_utility-page_header { grid-column-gap: var(--_spacing---space--32); grid-row-gap: var(--_spacing---space--32); flex-flow: column; justify-content: center; align-items: center; display: flex; } .form_main_radio_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_fieldset_wrap { width: 100%; } .form_main_radio_circle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: 100vw; flex: none; justify-content: center; align-items: center; width: 1.5rem; padding: 0; display: flex; } .form_main_radio_label { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_radio_circle_inner { aspect-ratio: 1; opacity: 0; background-color: currentColor; border-radius: 100vw; width: 80%; padding: 0; } .form_main_fieldset_list { margin-top: var(--_spacing---space--12); grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_checkbox_label { grid-column-gap: .5rem; grid-row-gap: .5rem; font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_checkbox_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_checkbox_box { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); flex: none; justify-content: center; align-items: center; width: 1.6rem; padding: 0; display: flex; } .form_main_checkbox_icon { opacity: 0; color: var(--_theme---background); width: 63%; overflow: visible !important; } .background_wrap:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: var(--_theme---background); } .background_wrap:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171) { background-color: var(--_theme---background-2); } .background_wrap:where(.w-variant-d0caa119-30f6-53be-3e49-2534c45b792c) { background-color: var(--swatch--grey-modern-950); color: var(--swatch--grey-modern-300); } .form_main_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_main_select_icon { pointer-events: none; width: .8em; margin-right: 0; display: block; position: absolute; overflow: visible !important; } .section_wrap { background-color: #0000; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--grey-modern-50); --_theme---text: var(--swatch--grey-modern-950); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--grey-modern-50); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .button_link_wrap { font-weight: var(--_typography---font--secondary-medium); padding: .625rem 1.125rem; text-decoration: none; display: inline-flex; position: relative; } .button_link_wrap:where(.w-variant-47766ad8-39b8-8e47-1d9b-7878fd06298f) { margin-top: var(--_spacing---space--32); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); color: #00c9ee; font-weight: var(--_typography---font--primary-regular); justify-content: flex-start; align-items: center; padding: 0; } .button_link_wrap:hover { border-bottom-color: var(--_theme---text-link--border-hover); color: var(--swatch--brand-500); } .button_link_text { z-index: 1; position: relative; } .slider_bullet_list { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); justify-content: flex-start; align-items: center; display: flex; width: auto !important; } .swiper-wrapper { display: flex; } .swiper-wrapper.is-events { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; width: 100%; } .swiper-wrapper.is-video { grid-row-gap: 1.5rem; width: 100%; } .swiper-wrapper.is-video-slider { display: flex; } .slider_bullet_item { aspect-ratio: 1; border: .09rem solid var(--_theme---border); background-color: #eee0; border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { border-color: var(--_theme---text); background-color: var(--_theme---text); } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; display: flex; container-type: inline-size; } .slider_offset { margin-left: calc(var(--_gap---size) * -.5); margin-right: calc(var(--_gap---size) * -.5); flex: 1; display: flex; } .slider_list { height: 100%; } .slider_list.swiper-wrapper { display: flex; } .slider_controls { margin-top: var(--_spacing---space--24); grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .slider_button_layout { grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .slider_element.swiper { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; overflow: visible; } .slider_element.swiper:where(.w-variant-bfb8c45c-dbfa-13cc-2dfc-0c02a34504e4) { overflow: hidden; } .slider_element.swiper:where(.w-variant-b8ee48da-439e-7156-5d2e-5b4f080e200e) { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .card_primary_wrap { display: flex; } .card_primary_inner { padding: var(--_spacing---space--24); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); width: 100%; position: relative; } .button_arrow_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_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---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 3rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_arrow_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_arrow_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_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---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_arrow_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_arrow_wrap:hover:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { border-color: var(--swatch--brand-500); background-color: var(--swatch--brand-500); } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .accordion_js { display: none; } .accordion_toggle_icon { aspect-ratio: 1; flex: none; width: 1.4rem; } .accordion_content_wrap { width: 100%; display: none; position: relative; overflow: hidden; } .accordion_content_padding { padding-bottom: var(--_spacing---space--32); } .accordion_component { border-bottom: var(--border-width--main) solid var(--_theme---border); } .accordion_toggle_heading { margin-top: 0; margin-bottom: 0; } .accordion_toggle_button { padding-top: var(--_spacing---space--24); padding-bottom: var(--_spacing---space--24); grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); outline-offset: var(--focus--offset-inner); justify-content: space-between; align-items: center; width: 100%; display: flex; } .nav_links_svg { flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_links_svg:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: 1.25rem; height: 1.25rem; } .nav_mobile_contain { max-width: var(--nav--max-width); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .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_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_banner_wrap { z-index: 1; pointer-events: auto; color: var(--_theme---background); font-size: var(--text-small--font-size); background-color: #fff; height: 3rem; position: relative; } .nav_banner_wrap.is-sub-nav { background-color: var(--swatch--transparent); transition-property: height; transition-duration: .25s; transition-timing-function: ease; color: inherit !important; } .nav_banner_wrap.is-sub-nav.is-hide { height: 0; overflow: clip; } .nav_links_item { display: flex; } .nav_dropdown_mega_content { position: relative; } .nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-radius: var(--nav--radius); background-color: var(--swatch--white); } .nav_dropdown_mega_contain { width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--40); padding-bottom: var(--_spacing---space--40); } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_component { z-index: 1000; pointer-events: none; color: var(--swatch--grey-modern-100); display: block; position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_component.is-white-bg { background-color: var(--swatch--white); color: var(--swatch--grey-modern-950); } .nav_component.is--bg-solid { background-color: var(--swatch--grey-modern-950); } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--8); width: 10rem; position: absolute; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_search_field { font-size: inherit; color: inherit; background-color: #0000; border-style: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; max-width: 100%; height: 2.9em; margin-bottom: 0; padding: 0 0; } .nav_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--40); grid-row-gap: var(--_spacing---space--40); } .nav_dropdown_mega_layout:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--_spacing---space--20); grid-row-gap: var(--_spacing---space--2); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .nav_desktop_layout { height: var(--nav--height); padding: 0px var(--_spacing---space--none); grid-column-gap: var(--_spacing---space--16); border-radius: var(--nav--radius); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: static; } .nav_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; padding-top: var(--_spacing---space--12); padding-right: var(--_spacing---space--12); padding-bottom: var(--_spacing---space--12); padding-left: var(--_spacing---space--12); grid-column-gap: var(--_spacing---space--12); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); 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:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--12); padding-right: var(--_spacing---space--12); padding-bottom: var(--_spacing---space--12); padding-left: var(--_spacing---space--12); 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(--swatch--transparent); font-size: inherit; justify-content: flex-start; align-items: flex-start; transition-property: background-color; transition-duration: .2s; transition-timing-function: ease; display: flex; } .nav_dropdown_link:hover:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { background-color: var(--swatch--grey-modern-50); } .nav_dropdown_item { border-radius: var(--radius--small); } .nav_dropdown_item:hover { background-color: var(--swatch--grey-modern-50); color: var(--_theme---text); } .nav_mobile_menu_wrap { max-width: var(--nav--max-width); padding-top: var(--nav--height); border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; text-align: left; width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_links_search_icon { width: 1.1rem; } .nav_dropdown_text { color: var(--swatch--grey-modern-600); font-size: var(--text-small--font-size); transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .nav_dropdown_text:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { color: var(--swatch--grey-modern-600); } .nav_dropdown_text.u-text-style-small { font-size: .875rem; } .nav_button_line { height: var(--nav--hamburger-thickness); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_mobile_layout { z-index: 2; height: var(--nav--height); padding: 0px var(--_spacing---space--16); grid-column-gap: var(--_spacing---space--16); border-radius: var(--radius--small); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_banner_close_svg { width: 100%; overflow: visible !important; } .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; } .nav_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_buttons_item.is-main { margin-top: var(--_spacing---space--40); margin-bottom: var(--_spacing---space--16); } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin: 0px var(--_spacing---space--16); } .nav_links_link { z-index: 2; padding-top: var(--_spacing---space--12); padding-right: 0; padding-bottom: var(--_spacing---space--12); grid-column-gap: var(--_spacing---space--12); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: 0; padding-right: var(--_spacing---space--16); padding-bottom: 0; padding-left: var(--_spacing---space--16); grid-column-gap: var(--_spacing---space--4); color: inherit; height: 100%; transition-property: color; transition-duration: .2s; transition-timing-function: ease; } .nav_links_link:hover:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { color: var(--swatch--brand-500); } .nav_desktop_menu_wrap { z-index: 1; flex: 1; display: flex; } .nav_mobile_wrap { z-index: 1; margin-top: var(--_spacing---space--none); color: var(--swatch--grey-modern-100); background-color: #0000; position: relative; } .nav_banner_svg { width: 1rem; overflow: visible !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--12); 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_button_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_button_wrap.w--open { color: inherit; background-color: #0000; } .nav_search_label { width: 100%; } .nav_mobile_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 9rem; display: flex; position: relative; } .nav_skip_wrap { z-index: 2; border-width: var(--border-width--main); border-radius: var(--nav--radius); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); pointer-events: auto; color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .nav_button_layout { grid-column-gap: var(--nav--hamburger-gap); 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_actions_wrap { flex-flow: column; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-start; } .nav_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_links_component { grid-column-gap: var(--_spacing---space--16); flex-flow: column; flex: 1; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { font-weight: var(--_typography---font--secondary-medium); flex-flow: row; display: flex; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--nav--height); padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_banner_contain { grid-column-gap: var(--_spacing---space--24); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; justify-content: flex-end; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_dropdown_mega_wrap { z-index: 1; background-color: var(--swatch--transparent); width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: var(--nav--max-width); background-color: var(--swatch--transparent); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); min-width: 0; margin-left: auto; margin-right: auto; position: absolute; inset: 0% 0% auto; } .nav_mobile_menu_contain { padding-top: var(--_spacing---space--16); padding-bottom: var(--_spacing---space--64); } .nav_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_mobile_menu_scroll { padding-right: var(--nav--spacing-inner-horizontal); padding-left: var(--nav--spacing-inner-horizontal); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_links_locales_hide { display: none; } .nav_search_wrap { border-bottom: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_desktop_wrap { z-index: 1; margin-top: var(--_spacing---space--none); display: none; position: relative; } .nav_desktop_contain { max-width: var(--nav--max-width); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); color: inherit; margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 9rem; display: flex; position: relative; } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-20 { margin-bottom: var(--_spacing---space--20); } .button { border-radius: var(--radius--round); font-weight: var(--_typography---font--secondary-semibold); text-align: center; padding: 1rem 1.375rem; position: relative; } .button.is-primary { background-color: var(--swatch--brand-500); color: var(--swatch--white); font-weight: var(--_typography---font--secondary-semibold); } .button.is-primary:where(.w-variant-e3a758f8-cb6f-22eb-f0ea-09b2d2726e75) { padding: .625rem 1.125rem; } .button.is-primary:where(.w-variant-e894825d-af98-40c9-26e6-6ab7bcad86c7) { padding: .75rem 1.125rem; } .button.is-secondary { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); background-color: var(--swatch--white); color: var(--swatch--grey-modern-700); justify-content: flex-start; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; } .button.is-secondary:where(.w-variant-bdef0d51-d068-d82e-a4e0-3998e0e57bfb) { padding: .75rem 1.25rem; } .button.is-tertairy { background-color: var(--swatch--grey-modern-950); color: var(--swatch--white); font-weight: var(--_typography---font--secondary-semibold); } .button.is-tertairy:where(.w-variant-e3a758f8-cb6f-22eb-f0ea-09b2d2726e75) { padding: .625rem 1.125rem; } .button.is-tertairy:where(.w-variant-e894825d-af98-40c9-26e6-6ab7bcad86c7) { padding: .75rem 1.125rem; } .button.is-tertairy:where(.w-variant-a7978984-6b93-a917-d592-6a5df8489bc3) { padding: .75rem 1.25rem; } .nav_dropdown_icon_wrap { flex: none; width: 1.5rem; height: 1.5rem; } .nav_dropdown_icon_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { width: 1.5rem; height: 1.5rem; } .nav_dropdown_heading_text { margin-bottom: var(--_spacing---space--2); color: var(--swatch--grey-modern-950); font-size: 1rem; transition: opacity .1s; } .nav_dropdown_heading_text:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-bottom: var(--_spacing---space--4); color: var(--swatch--grey-modern-900); font-weight: var(--_typography---font--secondary-semibold); } .nav_dropdown_heading_text.u-margin-bottom-0:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-bottom: var(--_spacing---space--none); } .nav_dropdown_mega_divider { margin-top: var(--_spacing---space--64); margin-bottom: var(--_spacing---space--40); background-color: var(--swatch--grey-modern-300); width: 100%; height: 1px; } .nav_dropdown_mega_divider:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--_spacing---space--40); margin-bottom: var(--_spacing---space--40); background-color: var(--swatch--grey-modern-300); width: 100%; height: 1px; } .nav_dropdown_mega_cta_text { color: var(--_theme---text-link--text); } .u-weight-semi-bold { font-weight: 600 !important; } .nav_dropdown_icon { height: 100%; } .footer_bottom_text { margin-top: 0; } .footer_layout { grid-column-gap: 16px; grid-row-gap: var(--_spacing---space--48); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .footer_layout.u-grid-autofit { grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); } .footer_group_title.u-text-style-h6.u-mb-text { margin-bottom: var(--_spacing---space--16); color: var(--swatch--grey-modern-400); font-size: var(--_typography---font-size--text-14); font-weight: var(--_typography---font--secondary-semibold); min-height: .875rem; } .footer_wrap { background-color: var(--swatch--black); color: var(--swatch--grey-modern-25); position: relative; } .footer_group_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_group_item { margin-bottom: var(--_spacing---space--12); padding-top: var(--_spacing---space--none); padding-bottom: var(--_spacing---space--none); display: flex; } .footer_link_wrap { font-weight: var(--_typography---font--secondary-semibold); } .footer_bottom_wrap.u-container { padding-top: var(--_spacing---space--64); padding-bottom: var(--_spacing---space--64); } .footer_bottom_layout { padding-top: var(--_spacing---space--40); padding-bottom: var(--_spacing---space--40); grid-column-gap: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (90 - 20) * 20)) * 1rem + ((2.5 - 2) / (90 - 20)) * 100vw), 2.5 * 1rem); grid-row-gap: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (90 - 20) * 20)) * 1rem + ((2.5 - 2) / (90 - 20)) * 100vw), 2.5 * 1rem); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .footer_bottom_list { grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .footer_bottom_item { display: flex; } .footer_top_wrap { grid-column-gap: var(--_spacing---space--64); grid-row-gap: var(--_spacing---space--64); justify-content: space-between; align-items: flex-start; display: flex; } .footer_bottom_main_wrap { border-top: 1px solid var(--swatch--grey-modern-800); } .footer_logo { max-width: 15.625rem; } .u-color-grey-300 { color: var(--swatch--grey-modern-300); } .cg_utilities { display: none; } .footer_container_wrap.u-container { padding-top: var(--_spacing---space--64); padding-bottom: var(--_spacing---space--64); } .footer_divider_line { background-color: var(--swatch--grey-modern-800); width: 100%; height: 1px; } .form_input { 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); background-color: var(--swatch--transparent); color: var(--swatch--white); font-weight: var(--_typography---font--secondary-medium); box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, #0a0d120d); border: 1px solid #d5d7da1f; border-radius: 3rem; height: 3rem; margin-bottom: 0; padding: .75rem 1.125rem; transition-property: border-color; transition-duration: .2s; transition-timing-function: ease; } .form_input:hover, .form_input:focus { border: 1px solid var(--swatch--brand-500); } .form_input.is-light-mode { color: var(--swatch--brand-text); } .form_input_cta_wrap { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex: none; justify-content: flex-start; align-items: center; display: flex; } .form_input_wrap { border-radius: var(--radius--round); background-color: #ffffff1a; width: 20.625rem; } .form_input_cta_main_wrap { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex: none; justify-content: flex-start; align-items: center; margin-bottom: 1.125rem; display: flex; } .u-color-grey-200 { color: var(--swatch--grey-modern-200); } .footer_bg_wrap { width: 100%; height: 100%; position: absolute; inset: 0% 0% auto; } .social_icon_list_wrap { z-index: 1; grid-column-gap: 2.125rem; grid-row-gap: 2.125rem; display: flex; position: relative; } .social_icon_list_wrap.is-nav:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--_spacing---space--24); color: var(--swatch--grey-modern-500); } .social_icon_list_wrap.u-color-grey-25 { z-index: 5; color: var(--swatch--grey-modern-25); } .u-icon-22 { width: 1.375rem; height: 1.375rem; } .social_icon_wrap.icon_22 { color: var(--swatch--grey-modern-25); flex: none; } .social_icon_wrap.icon_22:hover { color: var(--swatch--brand-500); } .nav_dropdown_item_header:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_dropdown_item_header.u-margin-bottom-16 { grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); justify-content: flex-start; align-items: center; display: flex; } .nav_dropdown_normal_links { margin-left: 2.25rem; } .nav_dropdown_normal_links:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { color: var(--swatch--grey-modern-600); font-size: 1rem; font-weight: var(--_typography---font--secondary-regular); margin-left: 2.25rem; text-decoration: none; } .nav_image:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { box-shadow: 0 0 36px #00d0751a; } .home_header_content_wrap { max-width: 70ch; } .home_header_component { --_alignment---direction: center; } .u-text-style-18 { font-family: var(--_typography---font--secondary-family); font-size: var(--_typography---font-size--text-18); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-size: var(--_typography---font-size--text-16); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-18.u-text-transform-uppercase { text-transform: var(--_text-style---text-transform, none); } .u-text-style-18.u-transform_text_cappitalise { text-transform: capitalize; } .nav_bg_image_wrap { width: 100%; height: 32rem; position: absolute; inset: 0% 0% auto; } .bg_image_wrap { position: absolute; inset: 0%; } .bg_image_wrap.is-action { top: 18%; } .bg_image_wrap.is-home-header.u-cover { height: 150%; inset: -10% 0% auto; } .bg_image_wrap.is-two-column-header { inset: 0% -20% 0% 0%; } .bg_image_wrap.is-upgrades { top: 5%; } .bg_image_wrap.is-features-dark.u-width-full.u-height-full.u-pointer-off { top: 2%; } .bg_image_wrap.is-features { pointer-events: none; width: 100%; height: 100%; } .bg_image.is-features { aspect-ratio: 14.4 / 10.6; height: 100%; } .bg_image.is-upgrades { aspect-ratio: 14.4 / 10.6; } .button_icon_wrap { width: 1.5rem; height: 1.5rem; } .u-video-wrap { border-radius: var(--radius--24); width: 83.125%; overflow: clip; } .home_header_bottom_wrap { width: 100%; } .u-margin-bottom-80 { margin-bottom: var(--_spacing---space--80); } .marquee_component.is-image-version { display: none; } .marquee_component.is-image-version:where(.w-variant-c84b3bba-18b3-a584-b708-f8db4f77e17f) { display: block; } .marquee_component.is-logo-version:where(.w-variant-c84b3bba-18b3-a584-b708-f8db4f77e17f) { display: none; } .marquee_wrap { justify-content: flex-start; align-items: center; display: flex; } .marquee_collection_list { grid-column-gap: 3.375rem; grid-row-gap: 3.375rem; justify-content: flex-start; align-items: center; display: flex; } .marquee_collection_list.is-marquee { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .marquee_collection_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex: none; justify-content: flex-start; align-items: center; display: flex; } .marquee_collection_wrap.is-cg_marquee { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .customer_logos_heading_wrap.is-customer-logos { font-size: var(--_typography---font-size--text-24); font-weight: var(--_typography---font--secondary-semibold); text-align: center; justify-content: center; align-items: center; } .customer_logos_heading.u-text-style-h5 { font-size: 1.5rem; } .customer_logos_heading.u-text-style-h5.is-logos { display: inline-block; } .u-color-brand { color: var(--swatch--brand-500); } .customer_logos_highlight.u-color-brand { color: #00d075; } .customer_logos_highlight.u-color-brand.u-flex-noshrink { width: 198.088px; margin-left: .25rem; display: inline-block; } .u-margin-bottom-56 { margin-bottom: var(--_spacing---space--56); } .marquee_card_main_wrap { position: relative; } .marquee_card_wrap { aspect-ratio: 2.69 / 2.69; border: 1px solid var(--swatch--grey-modern-200); border-radius: var(--radius--main); background-color: var(--swatch--white); justify-content: center; align-items: center; width: 16.8125rem; display: flex; position: relative; overflow: clip; } .marquee_card_main_image { object-fit: contain; max-width: 7.9375rem; height: 6rem; } .marquee_card_hovered_wrap { position: absolute; inset: 0%; } .marquee_card_hoverd_overlay { background-image: linear-gradient(#0006, #0006); display: block; position: absolute; inset: 0%; } .marquee_card_hovered_image { height: 100%; } .marquee_card_hovered_content_wrap { padding: var(--_spacing---space--24); flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: absolute; inset: 0%; } .marquee_card_hovered_content_top_wrap { justify-content: space-between; align-items: flex-start; display: flex; } .marquee_card_hovered_content_image_wrap { max-width: 4.5rem; } .marquee_card_hovered_content_link_wrap { border-radius: var(--radius--round); color: var(--swatch--white); border: 1px solid #ffffff4d; justify-content: center; align-items: center; padding: .25rem 1rem; display: flex; } .u-icon-16 { width: 1rem; height: 1rem; } .u-color-grey-50 { color: var(--swatch--grey-modern-50); } .industry_bottom_wrap { width: 100%; } .industry_card_overlay { background-image: linear-gradient(#0009, #0009); } .industry_card_panel { background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/689d8a2de7f282b77e78139c_panel_bg_wrap.avif"); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: relative; } .industry_card_description.u-color-grey-200.u-margin-bottom-20.is-active { color: var(--swatch--grey-modern-200); } .industry_card_panel_bg_wrap { position: absolute; inset: 0%; } .industry_card_panel_bg { height: 100%; } .industry_card_chips_list_wrap { z-index: 1; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; position: relative; } .industry_card_chips_list_item { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--swatch--grey-modern-700); border-radius: var(--radius--round); background-color: var(--swatch--grey-modern-900); color: var(--swatch--white); text-align: left; justify-content: flex-start; align-items: center; max-height: 3rem; padding: .75rem 1rem; display: flex; } .industry_card_chips_list_circle { border-radius: var(--radius--round); background-color: #d9d9d9; flex: none; width: 1.125rem; height: 1.125rem; } .swiper.is-events { width: 100%; } .swiper.is-video-slider { overflow: visible; } .swiper-slide.is-events { flex: none; } .swiper-slide.is-video { min-width: 50rem; max-width: 52rem; position: relative; } .swiper-slide.is-yt { min-width: 52.5rem; height: 30rem; } .swiper-slide.competitors { justify-content: flex-end; width: 411px; min-width: 411px; height: 411px; display: flex; position: relative; } .swiper-slide.is-video-slider { flex: none; width: 100%; } .events_slider_card_wrap { width: 100%; } .events_slider_video_wrap { justify-content: center; align-items: center; width: 100%; position: relative; } .events_slider_video { aspect-ratio: 8.3 / 4.7; border-radius: var(--radius--24); width: 52.5rem; overflow: clip; } .events_slider_video_play_btn_main_wrap { z-index: 1; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .events_slider_video_play_btn { width: 4rem; height: 4rem; } .swiper_component.is-events { width: 100%; } .events_slider_card_video_name.u-text-style-24.u-weight-semi-bold { font-weight: var(--_typography---font--secondary-semibold); } .u-text-style-24 { font-family: var(--_typography---font--secondary-family); font-size: var(--_typography---font-size--text-24); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-size: var(--_typography---font-size--text-20); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: 400; --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-color-white { color: var(--swatch--white); } .cta_card_wrap { border-top-left-radius: var(--radius--24); border-top-right-radius: var(--radius--24); border-bottom-left-radius: var(--radius--24); border-bottom-right-radius: var(--radius--24); overflow: clip; box-shadow: 0 20px 24px -4px #0a0d1214, 0 8px 8px -4px #0a0d1208, 0 3px 3px -1.5px #0a0d120a; } .cta_card_wrap.u-grid-custom { grid-column-gap: var(--_spacing---space--none); grid-row-gap: var(--_spacing---space--none); --_column-count---value: 2; grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); } .cta_card_image_wrap { justify-content: center; align-items: flex-end; display: flex; } .u-color-grey-25 { color: var(--swatch--grey-modern-25); } .cta_card_image_inner_wrap { aspect-ratio: 3.75 / 4.81; border-radius: var(--radius--main); object-fit: cover; width: 100%; max-width: 23.5rem; height: 100%; position: relative; transform: translate(0, 9%); } .how_it_works_main_wrap { padding-right: var(--_spacing---space--32); padding-left: var(--_spacing---space--32); } .u-cta-wrap { display: inline-block; } .tabs_content { padding: 1.5rem; } .tabs_content.is-sell { padding: 0; overflow: visible; } .vertical-cg-tabs_link-indicator { background-color: var(--swatch--grey-modern-200); flex-flow: column; justify-content: flex-end; align-items: center; width: .25rem; height: 100%; position: absolute; inset: 0% 0% auto; } .vertical-accordion-cg_tabs-content { z-index: 1; position: relative; } .vertical-cg_tabs_content_wrap { border-radius: var(--radius--main); height: 100%; overflow: clip; } .vertical-accordion-cg_tabs-component { flex-direction: row; justify-content: center; align-items: center; width: 100%; position: relative; } .vertical-accordion-cg_tabs-pane { z-index: 2; opacity: 1; width: 100%; display: none; } .vertical-accordion-cg_tabs-pane.is-cg-tabs-pane-active { display: block; } .spacer-48 { height: 3rem; } .vertical-cg-tabs_link-indicator-line { z-index: 0; background-color: var(--swatch--brand-500); flex-flow: column; justify-content: flex-end; align-items: center; width: .25rem; height: 0%; position: absolute; inset: 0%; } .tertiary_button-content-wrap { grid-column-gap: .375rem; grid-row-gap: .375rem; color: #0045ff; flex-direction: row; justify-content: flex-start; align-items: center; font-weight: 700; display: flex; position: relative; } .tertiary_button { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-decoration: none; display: inline-block; position: relative; overflow: hidden; } .vertical-accordion-cg_tabs-content-wrapper { color: #30312b; max-height: 0; font-weight: 400; transition: max-height .3s; display: none; overflow: hidden; } .spacer-24 { width: 100%; padding-top: 1.5rem; } .faq_answer-main-wrap { transition: max-height .3s; overflow: clip; } .text-size-medium { font-size: 1.375rem; } .u-icon-24 { flex: none; width: 1.5rem; height: 1.5rem; } .u-icon-24.is-left { position: absolute; transform: translate(-1.875rem); } .cg_accordion-container { display: none; } .vertical-accordion-cg_tabs-menu { flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 39rem; } .vertical-cg_tabs_content_image { aspect-ratio: 5.92 / 4; height: 100%; max-height: 26rem; } .vertical-cg_content_main_wrap { z-index: 5; opacity: 1; border-radius: 1.125rem; width: 100%; position: relative; overflow: hidden; } .content-wrap { position: relative; } .content-wrap.is-tabs { flex: none; width: 100%; } .cg-accordion_content-wrapper { color: #30312b; font-weight: 400; transition: max-height .3s; overflow: hidden; } .vertical-accordion-cg_tabs { grid-column-gap: var(--_spacing---space--64); grid-row-gap: var(--_spacing---space--64); grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; } .vertical-accordion-cg_tabs-link { cursor: pointer; width: 100%; position: relative; overflow: hidden; } .vertical-accordion-cg_tabs-link.w--current { background-color: #0000; font-weight: 600; } .vertical-accordion-cg_tabs-link.is-cg-tabs-link-active { color: #0d0d0e; } .tabs_content-heading { margin-bottom: var(--_spacing---space--8); font-family: var(--_typography---font--primary-family); color: var(--swatch--grey-modern-950); font-size: var(--_typography---font-size--text-20); line-height: var(--_typography---line-height--large); font-weight: var(--_typography---font--primary-semibold); transition: color .2s; } .tickets_card_wrap { border-radius: var(--radius--24); position: relative; } .tickets_card_bg_wrap { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-shadow { box-shadow: 0 20px 24px -4px #0a0d1214, 0 8px 8px -4px #0a0d1208, 0 3px 3px -1.5px #0a0d120a; } .u-shadow-2 { box-shadow: 0 4px 12px #00000026; } .u-shadow-3 { box-shadow: 0 60px 76px #00000014; } .u-shadow-4 { box-shadow: 0 4px 20px #00000014; } .u-shadow-white-btn { box-shadow: inset 0 -2px #0a0d120d; } .tickets_card_logo_wrap { margin-bottom: var(--_spacing---space--120); aspect-ratio: 4.2 / 3.2; object-fit: cover; width: 100%; max-width: 2.625rem; height: 100%; } .u-color-grey-600 { color: var(--swatch--grey-modern-600); } .home_header_video { aspect-ratio: 16 / 9; } .testimonials_cl { grid-column-gap: var(--_spacing---space--32); grid-row-gap: var(--_spacing---space--32); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; } .testimonials_card_wrap { border-radius: var(--radius--12); width: 100%; height: 100%; } .testimonials_card_wrap.u-overflow-clip { background-color: var(--swatch--dark-900); } .testimonials_card_heading { font-family: var(--_typography---font--primary-family); font-size: var(--_typography---font-size--text-18); line-height: var(--_typography---line-height--huge); font-weight: var(--_typography---font--primary-semibold); color: var(--swatch--grey-modern-300) !important; } .badges_top_wrap.u-flex-horizontal-nowrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--20); } .badges_top_wrap.u-flex-horizontal-nowrap.u-margin-bottom-24:where(.w-variant-18516e12-7a63-9125-306f-0b51a328617b) { margin-bottom: var(--_spacing---section-space--none); flex-flow: column; align-items: flex-start; } .badges_list_wrap { max-width: 21.25rem; } .badges_list_wrap.u-grid-custom { --_column-count---value: 4; --_gap---size: var(--_spacing---space--4); } .badges_list_wrap.u-grid-custom:where(.w-variant-18516e12-7a63-9125-306f-0b51a328617b) { display: none; } .badges_list_wrap.u-grid-custom.u-gap-4 { max-width: 28rem; } .badges_image_wrap { position: relative; } .badges_image_wrap.is-g2 { aspect-ratio: 4 / 3.3; object-fit: cover; width: 100%; max-width: 2.5rem; height: 100%; } .badges_image_wrap.is-capterra { aspect-ratio: 9.7 / 3.3; object-fit: cover; width: 100%; max-width: 6.125rem; height: 100%; } .badges_image.capterra { max-width: 5rem; } .badges_images_wrap.u-flex-horizontal-nowrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--12); } .badges_images_wrap.u-flex-horizontal-nowrap.u-flex-noshrink:where(.w-variant-18516e12-7a63-9125-306f-0b51a328617b) { order: 1; } .badges_list_item { padding: .5rem .375rem; } .badges_list_item_image { aspect-ratio: 7 / 8; min-width: 6rem; max-width: 5.9rem; } .component_main_wrap { --_column-count---value: 11; } .component_main_wrap.u-padding-top-7.is-launch-guides { padding-top: 267px; } .component_main_wrap.is-launch-guides { padding-top: 10rem; } .sell_tickets_heading.u-text-style-h3 { max-width: 20ch; } .two_column_grid.u-grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); } .two_column_grid_content_wrap.u-align-self-center.is-left { text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .two_column_grid_image_wrap { padding: var(--_spacing---space--24); aspect-ratio: 6.24 / 4; border-radius: var(--radius--24); background-color: var(--swatch--grey-modern-100); object-fit: cover; justify-content: center; align-items: center; display: flex; position: relative; } .two_column_grid_image { object-fit: contain; } .u-radius-24 { border-radius: var(--radius--24); } .u-ratio-5-6-4 { aspect-ratio: 5.6 / 4; object-fit: cover; width: 100%; height: 100%; } .u-margin-bottom-96 { margin-bottom: var(--_spacing---space--96); } .action_video_image { aspect-ratio: 10.57 / 5.97; } .apart_list_icon_wrap { border: 1px solid var(--swatch--grey-modern-700); border-radius: var(--radius--round); background-color: #ffffff0d; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .u-shadow-xs-skeuomorphic { box-shadow: inset 0 0 0 1px #0a0d122e, inset 0 -2px #0a0d120d, 0 1px 2px #0a0d120d; } .tabs_menu { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); display: flex; overflow: auto; } .tabs_link { border: 1px solid var(--swatch--grey-modern-300); border-radius: var(--radius--round); background-color: var(--swatch--grey-modern-50); color: var(--swatch--grey-modern-500); font-weight: var(--_typography---font--secondary-medium); text-align: center; flex: none; transition: background-color .2s, color .2s; } .tabs_link:hover { background-color: var(--swatch--dark-900); color: var(--swatch--grey-modern-25); } .tabs_link.w--current { border-color: var(--swatch--transparent); background-color: var(--swatch--grey-modern-900); color: var(--swatch--grey-modern-25); } .tabs_link.is-dark { border-color: var(--swatch--grey-modern-700); background-color: var(--swatch--grey-modern-950); } .tabs_link.is-dark:hover, .tabs_link.is-dark.w--current { background-color: var(--swatch--white); color: var(--swatch--grey-modern-950); } .tabs_pane { overflow: visible; } .savings_calci_main_wrap { width: 100%; } .savings_calci_top_content_wrap { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .savings_calci_bottom_logic_wrap { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .calcu_mian_wrap { grid-column-gap: var(--_spacing---space--24); grid-row-gap: var(--_spacing---space--24); text-align: left; flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; max-width: 53.875rem; } .calcu_top_wrap { grid-column-gap: var(--_spacing---space--32); grid-row-gap: var(--_spacing---space--32); justify-content: space-between; align-items: stretch; display: flex; } .calcu_bottom_wrap { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .calcu_inputs_wrap { padding-top: var(--_spacing---space--32); padding-bottom: var(--_spacing---space--32); padding-left: var(--_spacing---space--32); flex-flow: column; justify-content: center; align-items: stretch; width: 52%; display: flex; } .calcu_result_wrap { padding: var(--_spacing---space--32); border-radius: var(--radius--24); color: var(--swatch--white); width: 49%; text-decoration: none; position: relative; } .calcu_result_wrap.is-bottom, .slider-wrapper { width: 100%; } .cg_counter { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content); grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; max-width: 7.4rem; } .cg_counter_display { border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--grey-modern-300); border-right-style: solid; border-right-width: 1px; border-right-color: var(--swatch--grey-modern-300); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--swatch--grey-modern-300); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--grey-modern-300); 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(--swatch--white); color: var(--swatch--grey-modern-950); font-size: var(--_typography---font-size--text-18); font-weight: var(--_typography---font--secondary-medium); text-align: center; justify-content: center; align-items: center; width: 100%; padding: .5rem 1rem; display: flex; box-shadow: 0 .889px .889px #525b641a; } .cg_range_slider { justify-content: flex-start; align-items: center; width: 100%; display: flex; } .cg_slider_counter_wrap { grid-column-gap: var(--_spacing---space--32); grid-row-gap: var(--_spacing---space--32); justify-content: space-between; align-items: stretch; display: flex; } .calcu_inputs_label { color: var(--swatch--grey-modern-800); font-size: var(--_typography---font-size--text-18); } .calcu_result_bg_image { aspect-ratio: 4.13 / 3.16; } .calcu_result_bg_image.u-height-full.is-bottom { aspect-ratio: 8.48 / 1.66; } .calcu_result_content_wrap.u-position-relative { color: var(--swatch--white); } .calcu_result_content_result_item { grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); justify-content: flex-start; align-items: center; display: inline-flex; } .calcu_result_content_result { font-size: var(--_typography---font-size--h5); line-height: var(--_typography---line-height--1-2); font-weight: var(--_typography---font--secondary-bold); } .calcu_result_content_result_list_wrap { grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); flex-flow: column; display: flex; } .u-text-style-12 { font-size: var(--_spacing---space--12); } .calcu_result_card_wrap { border-radius: var(--radius--24); } .calcu_result_yearly_wrap { grid-column-gap: var(--_spacing---space--12); grid-row-gap: var(--_spacing---space--12); justify-content: flex-start; align-items: center; display: flex; } .calcu_result_yearly_wrap.u-margin-bottom-8 { font-size: var(--_typography---font-size--h4); font-weight: var(--_typography---font--secondary-bold); } .calcu_result_yearly_wrap.u-margin-bottom-8.is-aligned-center { justify-content: center; align-items: center; } .calcu_result_five_yearly_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); color: var(--swatch--grey-modern-300); font-size: var(--_typography---font-size--text-16); justify-content: flex-start; align-items: center; display: flex; } .calcu_result_five_yearly_wrap.is-aligned-center { justify-content: center; align-items: center; } .calcu_disclaimer { color: var(--swatch--grey-modern-400); } .calcu_disclaimer.u-width-full { justify-content: center; align-items: center; } .calcu_disclaimer.u-width-full.u-flex-vertical-wrap.text-align-center { text-align: center; } .feature_card_wrap { border: 1px solid var(--swatch--grey-modern-100); border-radius: var(--radius--18); background-color: var(--swatch--white); position: relative; } .feature_card_wrap.u-overflow-clip { transition: transform .2s, box-shadow .2s; } .feature_card_wrap.u-overflow-clip:hover { transform: rotate(-3deg); box-shadow: 0 4px 20px #00000014; } .feature_card_wrap.u-overflow-clip.u-padding-32:where(.w-variant-a5a9147c-0b63-c3b4-c064-808bd8e61ab8) { border-color: var(--swatch--grey-modern-800); background-color: var(--swatch--grey-modern-900); color: var(--swatch--grey-modern-300); } .feature_card_wrap.is-all-features { background-color: var(--swatch--transparent); border-style: none; } .feature_card_wrap.is-all-features.u-overflow-clip.u-padding-32:where(.w-variant-337de200-c6d6-20db-4f90-184050ff131a) { background-color: var(--swatch--grey-modern-950); } .feature_card_icon_wrap { border: 1px solid var(--swatch--grey-modern-100); border-radius: var(--radius--round); justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .feature_card_icon_wrap.u-margin-bottom-32:where(.w-variant-a5a9147c-0b63-c3b4-c064-808bd8e61ab8) { border-color: var(--swatch--grey-modern-800); } .feature_card_heading { font-size: var(--_typography---font-size--text-20); line-height: var(--_typography---line-height--1-2); font-weight: var(--_typography---font--primary-semibold); } .feature_card_heading.u-margin-bottom-24:where(.w-variant-a5a9147c-0b63-c3b4-c064-808bd8e61ab8) { color: var(--swatch--white); } .u-font-family-primary { font-family: var(--_typography---font--primary-family); } .u-line-height-1-2 { line-height: var(--_typography---line-height--1-2); } .u-radius-18 { border-radius: var(--radius--18); } .sell_card_content_wrap.u-position-relative.u-height-full.u-flex-vertical-nowrap.u-justify-content-between { grid-column-gap: var(--_spacing---section-space--112); grid-row-gap: var(--_spacing---section-space--112); } .sell_card_featured_icon_wrap { justify-content: center; align-items: center; display: flex; box-shadow: inset 0 -2px #0a0d120d; } .u-icon-48 { width: 3rem; height: 3rem; } .header_rollable_heading_wrap { justify-content: center; align-items: center; display: flex; } .home_rollable_heading_list { color: var(--swatch--brand-500); text-align: left; flex: none; width: 32ch; height: 3.85rem; display: block; position: relative; } .section_header { overflow: clip; } .header_main_wrap { position: relative; } .header_main_wrap.u-grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 2; --_gap---size: var(--_spacing---space--96); } .chip_wrap { border-radius: var(--radius--round); background-color: #ffffff14; border: 1px solid #ffffff29; padding: .5rem .75rem; display: inline-flex; } .chip_icon_wrap { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); color: var(--swatch--grey-modern-300); font-size: var(--_typography---font-size--text-18); font-weight: var(--_typography---font--primary-semibold); justify-content: flex-start; align-items: center; display: flex; } .u-icon-18 { width: 1.125rem; height: 1.125rem; } .header_video_wrap { border-radius: var(--radius--24); overflow: clip; } .u-demo-header-shadow { filter: drop-shadow(0 8px 24px #0d121c80); } .u-max-width-46ch { max-width: 46ch; } .industry_card_icon_wrap { border-radius: var(--radius--small); background-color: #00000026; border: 1px solid #e3e8ef4d; justify-content: center; align-items: center; display: flex; } .u-icon-40 { width: 2.5rem; height: 2.5rem; } .industry_card_overlay_wrap { background-image: linear-gradient(#00000080, #00000080); flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; padding: 1.375rem; display: flex; position: relative; } .industry_card_image_wrap { width: 100%; height: 100%; position: absolute; inset: 0%; } .industry_card_image.is-mobile { aspect-ratio: 3.14 / 2.18; border-radius: var(--radius--main); } .vip_demo_list_wrap.u-grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); } .vip_demo_list_item { border: 1px solid var(--swatch--grey-modern-200); border-radius: var(--radius--40); background-color: var(--swatch--white); position: relative; } .u-radius-16 { border-radius: var(--radius--main); } .u-margin-bottom-112 { margin-bottom: var(--_spacing---space--112); } .faq_list_item { border: 1px solid var(--swatch--grey-modern-200); background-color: var(--swatch--grey-modern-100); height: 100%; } .save_top_wrap.u-flex-vertical-nowrap.u-alignment-center.u-margin-bottom-112 { flex-flow: column; justify-content: center; align-items: center; } .save_bottom_wrap.u-flex-vertical-nowrap.u-align-items-center { --_alignment---direction: center; } .save_calculator_cta_wrap { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .code-embed { max-width: 500px; } .u-divider-line { width: 100%; height: 1px; } .u-bg-color-grey-200 { background-color: var(--swatch--grey-modern-200); } .u-color-grey-700 { color: var(--swatch--grey-modern-700); } .u-color-grey-400 { color: var(--swatch--grey-modern-400); } .switch_card_wrap { border-radius: var(--radius--18); width: 100%; height: 100%; padding: 4.5rem; position: relative; overflow: clip; } .u-ratio-12-76-6-68 { aspect-ratio: 12.76 / 6.68; object-fit: cover; width: 100%; height: 100%; } .switch_card_content_wrap.u-position-relative { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--32); --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); justify-content: space-between; align-items: stretch; display: flex; } .switch_card_content_wrap.u-position-relative.u-grid-custom { --_column-count---value: 2; --_gap---size: var(--_spacing---space--64); } .switch_card_content_left_wrap { width: 35.9375%; } .switch_card_content_right_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 50%; } .switch_card_content_right_wrap.u-grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 2; --_gap---size: var(--_spacing---space--32); } .switch_list { grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); flex-flow: column; display: inline-flex; } .switch_list_item { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); color: var(--swatch--white); --_gap---size: var(--_spacing---space--12); justify-content: flex-start; align-items: center; margin-bottom: 0; padding: .5rem; display: inline-flex; } .integrations_list.u-grid-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); } .integrations_list_item { border: 1px solid var(--swatch--grey-modern-200); background-color: var(--swatch--white); } .u-padding-20 { padding: var(--_spacing---space--20); } .u-ratio-5-87-1-72 { aspect-ratio: 5.87 / 1.72; object-fit: cover; width: 100%; height: 100%; } .u-radius-10 { border-radius: .625rem; } .integrations_list_content_left_wrap { width: 66%; } .integrations_list_content_right_wrap { width: 37%; } .integrations_list_content_divider_line { width: 1px; } .integrations_list_content_top_wrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 2; --_gap---size: var(--_spacing---space--32); justify-content: space-between; align-items: stretch; display: flex; } .integrations_list_content_disclaimer_wrap { color: var(--swatch--grey-modern-600); font-size: var(--_typography---font-size--text-14); padding: .5rem; font-style: italic; } .integrations_list_content_disclaimer_wrap.u-flex-horizontal-nowrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); color: var(--swatch--grey-modern-600); font-size: var(--_typography---font-size--text-14); --_gap---size: var(--_spacing---space--8); font-style: italic; } .integrations_list_content_disclaimer_wrap.u-display-inline-flex { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-icon-14 { width: .875rem; height: .875rem; } .upgrades_list.u-grid-custom.u-column-2.pl-0 { padding-left: 0; } .upgrades_list_item { padding: var(--_spacing---space--32) var(--_spacing---space--40); border: 1px solid var(--swatch--grey-modern-100); background-color: var(--swatch--white); } .upgrades_list_icon_title_wrap.u-flex-horizontal-nowrap { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--16); } .u-text-style-18-heading { font-family: var(--_typography---font--primary-family); color: var(--swatch--grey-modern-950); font-size: var(--_typography---font-size--text-16); line-height: var(--_typography---line-height--large); font-weight: var(--_typography---font--primary-semibold); margin-top: 4px; } .u-gap-96 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--96); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-20 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--20); } .u-max-width-24ch { max-width: 24ch; } .feature_showcase_item { overflow: clip; } .feature_showcase_card_wrap { background-color: var(--swatch--white); position: relative; overflow: clip; } .u-padding-72 { padding: var(--_spacing---space--72); } .feature_showcase_chip_item { border: 1px solid var(--swatch--grey-modern-100); border-radius: var(--radius--round); flex-flow: row; justify-content: flex-start; align-items: center; padding: .75rem 1.25rem .75rem 1rem; display: inline-flex; } .u-ratio-5-4-82 { aspect-ratio: 5 / 4.82; object-fit: cover; width: 100%; } .feature_showcase_card_bg_wrap { width: 100%; height: 100%; position: absolute; inset: 0%; } .feature_showcase_card_bg_wrap.is-time-tracking { inset: 0% auto auto -19%; } .feature_showcase_card_bg_wrap.is-instand-funds { left: 41%; } .feature_showcase_card_bg_wrap.is-data-driven { bottom: 0%; left: 0%; right: auto; } .feature_showcase_card_bg { height: 100%; } .feature_showcase_card_bg_main_wrap { position: absolute; inset: 0%; } .u-icon-20 { width: 1.25rem; height: 1.25rem; } .u-color-grey-950 { color: var(--swatch--grey-modern-950); } .feature_showcase_bg_image_styler { pointer-events: none; } .u-ratio-6-4-5-3 { aspect-ratio: 6.4 / 5.3; object-fit: cover; } .u-padding-10-25 { padding-bottom: 10.25rem; } .help_card { background-color: #fff; border-radius: 1.15rem; padding: 2rem 2.5rem; } .u-max-width-44ch { max-width: 44ch; } .u-max-width-66-5 { max-width: 66.5rem; } .u-ratio-9-6-4 { aspect-ratio: 9 / 6.4; object-fit: cover; } .video_radius_bottom { border-bottom-right-radius: 4rem; border-bottom-left-radius: 4rem; } .wrap_lg_cards { padding-top: 14.5rem; } .wrap_lg_cards.u-grid-custom.u-column-3 { padding-top: 20rem; } .wrap_lg_cards.u-grid-custom.u-column-3.is-launc-guides { padding-top: 0; } .lg_card.is--white-bg { padding: var(--_spacing---space--16); border-radius: var(--radius--main); background-color: var(--swatch--white); } .u-ratio-25-7-15 { aspect-ratio: 25.7 / 15; } .u-margin-top-20 { margin-top: 1.25rem; } .max-width-38ch { max-width: 38ch; } .get_started_bg { aspect-ratio: 14 / 10.96; max-height: 100%; position: absolute; inset: 0%; } .fs-table-2_instance { border: 1px solid #e9eaeb; border-radius: .75rem; display: block; } .fs-table-2_header { font-size: 1.25rem; line-height: 1.2; font-weight: var(--_typography---font--secondary-semibold); text-align: left; border: 0 solid #0000; width: 33.3%; padding: 1.5rem; } .fs-table-2_header.is-ticketspice { color: var(--swatch--white); background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/68ab2ba1b738d40ba607cdc8_Card%20header.avif"); background-position: 50%; background-size: cover; font-size: 1rem; line-height: 1.5; } .fs-table-2_header.is-competitor { font-size: 1rem; line-height: 1.5; } .fs-table-2_row { text-align: left; border: 0 solid #0000; border-bottom: 1px solid #e9eaeb; } .fs-table-2_row.is-grey { background-color: #f7f7ff80; } .fs-table-2_head { border: 0 solid #0000; } .fs-table-2_cell { text-align: left; letter-spacing: var(--_text-style---letter-spacing); border: 0 solid #0000; padding: 2rem 1.5rem; font-size: .875rem; } .fs-table-2_cell.is-item { font-size: var(--_typography---font-size--text-16); font-weight: var(--_typography---font--primary-medium); text-align: left; } .fs-table-2_table { text-align: left; border-collapse: collapse; border: 0 solid #0000; border-bottom: 1px solid #000; width: 100%; } .table_badge { width: 4.25rem; height: 1.88rem; margin-left: auto; margin-right: auto; } .table_badge.is_text { margin-left: 0; margin-right: 10px; } .compare_cta { color: var(--swatch--white); text-align: center; border-radius: 1.5rem; flex-flow: column; justify-content: center; align-items: center; display: flex; } .compare_cta.u-theme-dark.u-padding-112 { padding: var(--_spacing---space--64); } .compare_cta.light-version { border: 1px solid #cdd5df; padding-top: 7.5rem; padding-bottom: 7.5rem; } .big_cta { max-width: 69.3125rem; margin-left: auto; margin-right: auto; padding-top: 4.5rem; padding-bottom: 7rem; position: relative; } .big_cta_bg { border-radius: 2rem; min-width: 100.5%; max-height: 100%; position: absolute; inset: 0%; overflow: hidden; } .big_cta_inner { max-width: 55.3rem; margin-left: auto; margin-right: auto; position: relative; } .max-width-55ch, .u-max-width-55ch { max-width: 55ch; } .big_cta_grid.u-grid-custom.u-column-2 { grid-column-gap: 8.9rem; grid-row-gap: 8.9rem; } .x_svg { color: #eb102e; max-width: 1.5rem; max-height: 1.5rem; } .big_cta_item { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; align-items: center; margin-bottom: 1.5rem; display: flex; } .max-width-35ch { max-width: 35ch; } .checkmark_svg { color: #00bc6a; max-width: 1.5rem; max-height: 1.5rem; } .featured_blog { border-radius: 1rem; flex-flow: column; justify-content: flex-end; min-height: 45rem; display: flex; position: relative; overflow: hidden; } .featured_blog_content { background-image: linear-gradient(#0000, #000 41%); padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem; position: relative; } .featured_blog_header { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; margin-bottom: .5rem; display: flex; } .arrow_svg { color: var(--swatch--white); width: 2.5rem; height: 2.5rem; } .u-max-width-64ch { max-width: 64ch; } .featured_blog_bottom { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex; } .author_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; align-items: center; min-width: 10rem; display: flex; } .author_img { width: 2.5rem; height: 2.5rem; } .blog_tabs_menu { margin-bottom: 4rem; } .wrap_blog_tabs { padding-top: 5rem; position: relative; } .blog_search_form { margin-bottom: 0; } .blog_tab_link { background-color: #0000; } .blog_grid { grid-column-gap: .4rem; grid-row-gap: 3rem; flex-flow: wrap; justify-content: space-between; display: flex; } .blog_grid.u-grid-custom.u-column-3 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .blog_item { border-radius: 1rem; } .blog_item.u-position-relative { width: 100%; } .blog_item_thumb { aspect-ratio: 2.57 / 1.5; margin-bottom: 1.25rem; } .blog_item_top { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; margin-bottom: .5rem; display: flex; } .blog_item_category { color: #00d075; font-weight: var(--_typography---font--secondary-semibold); text-transform: capitalize; } .divider_blog_item { background-color: #e3e8ef; width: 1px; height: .75rem; } .blog_item_date { color: #697586; font-size: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); } .blog_item_mid { grid-column-gap: 1rem; grid-row-gap: 1rem; align-items: flex-start; margin-bottom: .5rem; display: flex; } .blog_item_arrow { width: 2rem; height: 2rem; } .u-radius-30 { border-radius: 1.875rem; } .u-bottom-left-ridght-64 { border-bottom-left-radius: var(--_spacing---space--64); border-bottom-right-radius: var(--_spacing---space--64); overflow: clip; } .u-max-width-26ch { max-width: 26ch; } .u-max-width-27ch { max-width: 27ch; } .u-max-width-28ch, .u-max-width-29ch { max-width: 28ch; } .blog_search_field { color: #697586; font-weight: var(--_typography---font--primary-semibold); background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/68be9c57c66952feca804cc3_search-lg.svg"); background-position: 3%; background-repeat: no-repeat; background-size: auto; border: 1px solid #cdd5df; border-radius: .5rem; margin-bottom: 0; padding: .9rem 5rem 1rem 2.2rem; box-shadow: 0 1px 2px #0a0d120d; } .blog_search_field:focus-visible, .blog_search_field[data-wf-focus-visible] { border-color: #00d075; } .blog_collection_item { width: 32%; } .wrap_blogs_cat { justify-content: space-between; align-items: flex-start; padding-bottom: 5rem; display: flex; } .cat_blog_btn { color: #697586; font-weight: var(--_typography---font--primary-semibold); cursor: pointer; border-bottom: 2px solid #e3e8ef; padding-bottom: .75rem; padding-left: .75rem; padding-right: 1rem; } .category_btns { grid-column-gap: 0rem; grid-row-gap: 0rem; display: flex; } .blog_count { color: #00d075; font-weight: var(--_typography---font--primary-semibold); } .counter { color: #00d075; align-items: flex-start; padding-left: .5rem; display: flex; } .post_counter { color: #00d075; padding-left: 1rem; } .search_icon { width: 1.25rem; position: absolute; inset: .55rem 0% auto .625rem; } .search_input { position: relative; } .divider_line_blog { background-color: #364152; width: 1px; height: 1.75rem; } .blog_rt { max-width: 50rem; } .blog_rt h2 { font-size: var(--_typography---font-size--h4); line-height: var(--_typography---line-height--1-2); font-weight: var(--_typography---font--primary-semibold); letter-spacing: -.025rem; margin-top: 2.5rem; margin-bottom: 2rem; } .blog_rt p { font-size: var(--_typography---font-size--text-18); margin-top: 1rem; margin-bottom: .5rem; } .blog_rt h3 { font-size: var(--_typography---font-size--h5); line-height: var(--_typography---line-height--1-2); font-weight: var(--_typography---font--primary-semibold); margin-top: 2rem; margin-bottom: 1.5rem; } .blog_rt li { font-size: var(--_typography---font-size--text-18); line-height: 1.6; } .blog_rt ul, .blog_rt ol { margin-bottom: 2rem; } .image_blog_hero { z-index: 1; } .fs-toc_richtext { max-width: 50rem; } .fs-toc_link { grid-column-gap: .75rem; grid-row-gap: .75rem; color: inherit; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: .25rem; margin-bottom: .75rem; display: flex; } .fs-toc_link.w--current { color: #bcfd2e; } .fs-toc_link.is-h6 { color: #697586; font-size: .875rem; } .fs-toc_link.is-h6.w--current { color: #eaffbb; } .fs-toc_link.is-h3 { color: #697586; letter-spacing: .025rem; font-size: .875rem; } .fs-toc_link.is-h3:lang(en) { color: var(--swatch--brand-500); } .fs-toc_link.is-h3.w--current { color: #eaffbb; } .fs-toc_link.is-h5 { color: #697586; font-size: .875rem; } .fs-toc_link.is-h5.w--current { color: #eaffbb; } .fs-toc_link.is-h4 { color: #697586; font-size: .875rem; } .fs-toc_link.is-h4.w--current { color: #eaffbb; } .fs-toc_link-content { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; height: 100%; display: grid; } .heading-small { font-size: 2rem; font-weight: 500; line-height: 1.4; } .fs-toc_label { color: #fff; text-align: center; letter-spacing: 1px; text-transform: uppercase; background-color: #ad00b0; padding: .15rem .35rem .125rem .4rem; font-size: .75rem; font-weight: 500; display: inline-block; } .fs-toc_rich-text { margin-left: auto; } .fs-toc_example { grid-column-gap: 6.875rem; grid-row-gap: 6.875rem; flex-direction: row; justify-content: flex-start; align-items: stretch; display: flex; position: relative; } .fs-toc_sidebar { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; color: #1a1a1a; flex-direction: column; flex: none; justify-content: flex-start; align-items: stretch; padding: 1rem 3rem 2rem 0; display: flex; position: sticky; top: 6rem; } .fs-toc_h-trigger { display: none; } .fs-toc_link-wrapper { color: #f5f5f5; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; overflow: hidden; } .fs-toc_link-wrapper.is-h4 { color: #697586; padding-left: .75rem; } .fs-toc_link-wrapper.is-h2 { grid-column-gap: 1rem; grid-row-gap: 1rem; } .fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h6, .fs-toc_link-wrapper.is-h3 { color: #697586; padding-left: .75rem; } .fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h4, .fs-toc_link-wrapper.is-h3 { padding-left: .5rem; } .fs-toc_link-wrapper.is-h4 { border-left: 0 solid #252525; padding-left: 0; } .fs-toc_link-wrapper.is-h2 { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--swatch--dark-900); border-bottom: 0 solid #252525; min-height: 2rem; } .fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h6 { border-left: 0 solid #252525; padding-left: 0; } .fs-toc_link-wrapper.is-h3 { border-left: 0 #252525; min-height: 2rem; padding-left: 0; } .section_video_slider.u-section { overflow: visible; } .swiper_slide.is-video { min-width: 52.5rem; } .templates_body { justify-content: space-between; align-items: flex-start; } .ticketing_tabs { justify-content: space-between; align-items: flex-start; display: flex; } .templates_menu { flex-flow: column; align-items: flex-start; display: flex; } .templates_tablink { color: var(--swatch--grey-modern-500); font-weight: var(--_typography---font--primary-semibold); text-align: left; background-color: #0000; border-bottom: 2px solid #0000; padding-bottom: .75rem; padding-left: .5rem; padding-right: .5rem; } .templates_tablink:hover { color: var(--swatch--grey-modern-500); } .templates_tablink.w--current { color: #00d075; background-color: #0000; border-bottom-color: #00d075; } .templates_grid.u-grid-custom.u-column-2, .tabpane_templates { width: 100%; max-width: 60rem; } .swiper-button-prev.is-video { background-color: #fff; border-radius: 50%; justify-content: center; align-items: flex-start; width: 2rem; height: 2rem; display: flex; } .swiper-button-prev.competitors { width: 3.5rem; height: 3.5rem; display: flex; } .swiper-button-prev.is-yt { width: 3.5rem; height: 3.5rem; display: flex; position: absolute; left: 43.5%; } .swiper-button-next.is-video { background-color: #fff; border-radius: 50%; justify-content: center; align-items: flex-start; width: 2rem; height: 2rem; display: flex; } .swiper-button-next.competitors { width: 3.5rem; height: 3.5rem; display: flex; } .swiper-button-next.is-yt { width: 3.5rem; height: 3.5rem; display: flex; position: absolute; right: 43.5%; } .u-mobile-visible { display: none; } .video_arrow_button { width: 1.5rem; height: 1.5rem; } .is-nav-dropdown-open { color: var(--swatch--grey-modern-950); transition: padding .2s, color .2s; } .nav_utility_classes_and_css { display: none; } .max-width-full { width: 100%; max-width: none; } .social_link { color: #fbfaff; transition: color .3s; } .social_link:hover { color: #a7a0f8; } .social_link.is-article { color: #9aa3b2; border: 1px solid #d5d7da; border-radius: .5rem; width: 2.5rem; height: 2.5rem; padding: .55rem; } .social_link.is-article:hover { color: #1f2124; } .sidebar_cta { border-radius: 1.5rem; flex: none; width: 100%; max-width: none; margin-top: 1.25rem; display: block; overflow: clip; } .text-size-regular { font-size: 1rem; } .icon-1x1-medium-insight { width: 1.25rem; height: 1.25rem; transition: all .2s; } .fs-toc_link-content-2 { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: -1rem; display: grid; } .social_wrap-article { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; width: 100%; padding: 0; display: flex; } .fs-toc_sidebar-2 { grid-column-gap: 2rem; grid-row-gap: 2rem; color: #1a1a1a; flex-direction: column; flex: none; justify-content: flex-start; align-items: stretch; max-height: 83vh; padding-bottom: 1rem; padding-left: 0; padding-right: 2.5rem; display: flex; position: sticky; top: 6rem; overflow: auto; } .social_wrap-line { background-color: #e9eaeb; width: 90%; height: .0625rem; } .fs-toc_link-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; color: #535862; letter-spacing: .01rem; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 0; margin-bottom: .25rem; font-weight: 400; text-decoration: none; display: flex; } .fs-toc_link-2.w--current { color: #0d121c; font-weight: 500; } .fs-toc_link-2.is-h3 { letter-spacing: .025rem; } .fs-toc_link-2.is-h3.w--current, .fs-toc_link-2.is-h4.w--current, .fs-toc_link-2.is-h5.w--current { color: #0d121c; } .fs-toc_link-3 { grid-column-gap: .75rem; grid-row-gap: .75rem; color: var(--swatch--dark-900); flex-direction: row; justify-content: flex-start; align-items: flex-start; min-height: 1.5rem; margin-top: .25rem; margin-bottom: .75rem; text-decoration: none; display: flex; } .fs-toc_link-3:visited { text-decoration: underline; } .fs-toc_link-3.w--current { color: #bcfd2e; } .fs-toc_link-3.is-h6 { color: #ccc; font-size: .875rem; } .fs-toc_link-3.is-h6.w--current { color: #eaffbb; } .fs-toc_link-3.is-h3 { color: var(--swatch--grey-modern-500); letter-spacing: .025rem; font-size: .875rem; } .fs-toc_link-3.is-h3.w--current { color: #eaffbb; } .fs-toc_link-3.is-h5 { color: #ccc; font-size: .875rem; } .fs-toc_link-3.is-h5.w--current { color: #eaffbb; } .fs-toc_link-3.is-h4 { color: #ccc; font-size: .875rem; } .fs-toc_link-3.is-h4.w--current { color: #eaffbb; } .fs-toc_sidebar-3 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; color: #1a1a1a; flex-direction: column; flex: none; justify-content: flex-start; align-items: stretch; width: 30%; padding: 1rem 3rem 2rem 0; display: flex; position: sticky; top: 6rem; } .u-blog-shadow { box-shadow: 0 60px 76px #00000014; } .track { min-height: 100%; } .u-ratio-4-2-5 { aspect-ratio: 4 / 2.5; } .u-color-dark { color: var(--swatch--black); } .savings_calci_compare_wrap { grid-column-gap: var(--_spacing---space--56); grid-row-gap: var(--_spacing---space--56); grid-template-rows: auto; grid-template-columns: 1fr minmax(1px, 1px) 1fr; grid-auto-columns: 1fr; padding-left: 1.875rem; padding-right: 1.875rem; display: grid; } .savings_calci_compare_wrap.u-grid-custom { --_column-count---value: 3; --_alignment---direction: start; } .savings_calci_compare_value { color: var(--swatch--grey-modern-950); font-size: 2rem; font-weight: var(--_typography---font--secondary-bold); margin-bottom: .25rem; } .u-max-width-54ch { max-width: 54ch; } .competitors-slide-bg { width: 411px; height: 411px; position: absolute; inset: 0%; } .competitor_logo { width: 27px; height: 150px; } .competitor_slide_info { flex-flow: column; justify-content: center; align-items: center; min-width: 14.75rem; display: flex; position: relative; } .u-color-grey-800 { color: var(--swatch--grey-modern-800); } .u-opacity-0-45 { opacity: .45; } .swiper-navigation.competitors { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; align-items: center; min-height: 3.5rem; display: flex; position: relative; top: 3rem; } .u-max-width-42ch { max-width: 42ch; } .section_compare_hero_vertical.u-section.u-theme-dark { padding-top: 4rem; } .u-bg-color-white { background-color: var(--swatch--grey-modern-50); } .u-bg-color-transparent { background-color: #0000; } .u-max-width-7-5rem { max-width: 7.5rem; } .section_breakdown { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .section_breakdown:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--grey-modern-50); --_theme---text: var(--swatch--grey-modern-950); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--grey-modern-50); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .section_breakdown:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .section_breakdown:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--grey-modern-50); --_theme---text: var(--swatch--grey-modern-950); --_theme---heading-accent: var(--swatch--brand-600); --_theme---background-2: var(--swatch--grey-modern-50); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .section_breakdown:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--grey-modern-950); --_theme---text: var(--swatch--grey-modern-300); --_theme---heading-accent: var(--swatch--brand-500); --_theme---background-2: var(--swatch--grey-modern-950); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--white); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .section_breakdown:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--text: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text-hover: var(--_theme---text-link--text); } .copetitor_cards { display: flex; } .u-gradient-text { background-image: linear-gradient(180deg, black, var(--swatch--dark-900)); } .u-max-height-demo-card { max-height: 15rem; } .table_text_icon { grid-column-gap: .75rem; grid-row-gap: .75rem; text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .aspect_ratio_features_compare { aspect-ratio: 4 / 6.25; object-fit: contain; max-height: 30rem; } .u-bg-color-ffff { background-color: #fff; } .savings_calci_compare_divider { background-color: var(--swatch--grey-modern-300); width: 1px; height: 100%; } .u-flex-vertical-nowrap { justify-content: flex-start; align-items: inherit; flex-flow: column; display: flex; } .template_header_image { aspect-ratio: 10.06 / 4.25; object-fit: cover; width: 100%; } .template_image_main_wrap { margin-top: -4rem; } .u-container-1064 { z-index: 1; width: calc(100% - var(--site--margin) * 2); flex: 1; max-width: 66.5rem; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .video_slider_card_wrap { flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; } .video_slider_card_thumbnail_wrap { aspect-ratio: 8.8 / 4.74; object-fit: cover; justify-content: center; align-items: center; width: 100%; display: flex; } .video_slider_card_play_btn_wrap { z-index: 2; width: 4rem; height: 4rem; position: absolute; } .video_slider_card_content_wrap { margin-top: var(--_spacing---space--24); } .u-padding-112 { padding: var(--_spacing---space--112); } .savings_calci_divider { background-color: var(--swatch--grey-modern-200); width: 100%; height: 1px; } .u-aspect-ratio-6-24-4 { object-fit: cover; } .pagination { margin-top: var(--_spacing---space--64); padding-top: var(--_spacing---space--40); border-top: 1px solid var(--swatch--grey-modern-200); } .pagination_next { padding-top: var(--_spacing---space--16); padding-right: var(--_spacing---space--24); padding-bottom: var(--_spacing---space--16); padding-left: var(--_spacing---space--24); border-top-color: var(--swatch--grey-modern-200); border-right-color: var(--swatch--grey-modern-200); border-bottom-color: var(--swatch--grey-modern-200); border-left-color: var(--swatch--grey-modern-200); 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: var(--swatch--grey-modern-900); font-size: var(--radius--18); font-weight: var(--_typography---font--secondary-semibold); box-shadow: 0 0 0 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border, #0a0d122e) inset, 0 -2px 0 0 var(--Colors-Effects-Shadows-shadow-skeumorphic-inner, #0a0d120d) inset, 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, #0a0d120d); margin-left: 0; margin-right: 0; } .blog_item_thumb_wrap { aspect-ratio: 4.11 / 2.4; object-fit: cover; } .button-2 { border: 1px solid var(--\); background-color: var(--\); color: var(--\); text-align: center; padding: .75rem 1.5rem; text-decoration: none; } .button-2.is-secondary { background-color: var(--\); color: var(--\); } .margin-bottom, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small { margin-top: 0; margin-left: 0; margin-right: 0; } .text-size-medium-2 { font-size: 1.125rem; } .industry_accordion { border-radius: var(--radius--main); flex-direction: column; justify-content: flex-start; align-items: stretch; position: relative; overflow: clip; } .industry_accordion.u-overflow-clip.is-active { background-color: var(--swatch--brand-900); } .industry_accordion_top { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border: 1px solid var(--swatch--grey-modern-200); border-radius: var(--radius--main); background-color: var(--swatch--grey-modern-50); color: var(--swatch--grey-modern-950); cursor: pointer; justify-content: space-between; align-items: center; padding: 1.25rem 1rem; display: flex; } .industry_accordion_top.is-active { background-color: var(--swatch--transparent); color: var(--swatch--grey-modern-25); border-style: none; } .max-width-large { width: 100%; max-width: 48rem; } .container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .padding-section-large { padding-top: 7rem; padding-bottom: 7rem; } .button-group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .max-width-medium { width: 100%; max-width: 35rem; } .heading-style-h2 { font-size: 3rem; font-weight: 700; line-height: 1.2; } .icon-embed-small { flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .industry_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; place-items: start stretch; display: none; } .heading-style-h4 { font-size: 2rem; font-weight: 700; line-height: 1.3; } .section_faq5 { background-color: var(--\); color: var(--\); } .padding-global { padding-left: 5%; padding-right: 5%; } .industry_accordion_icon_wrap { align-self: flex-start; display: flex; } .industry_accordion_bottom { max-height: 0; padding-left: 1rem; padding-right: 1rem; transition: max-height .5s; overflow: clip; } .margin-top, .margin-top.margin-xxlarge, .margin-top.margin-medium { margin-bottom: 0; margin-left: 0; margin-right: 0; } .icon_20 { color: var(--swatch--grey-modern-950); flex-direction: column; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; } .icon_20.is-active { color: var(--swatch--grey-modern-25); transform: rotate(180deg); } .industry_accordion_heading { font-size: var(--_typography---font-size--text-20); font-weight: var(--_typography---font--secondary-semibold); } .industry_accordion_heading.is-active { color: var(--swatch--grey-modern-25); } .industry_accordion_heading_icon_wrap { grid-column-gap: var(--_spacing---space--16); grid-row-gap: var(--_spacing---space--16); justify-content: flex-start; align-items: center; display: flex; } .industry_accordion_main_icon_wrap { border-radius: var(--radius--small); background-color: var(--swatch--grey-modern-200); justify-content: center; align-self: flex-start; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; } .industry_accordion_main_icon_wrap.is-active { background-color: var(--swatch--transparent); border: 1px solid #e3e8ef4d; } .industry_accordion_main_icon { width: 1.375rem; height: 1.375rem; } .industry_accordion_main_icon.is-dark-mode { position: absolute; } .industry_accordion_main_icon.is-dark-mode.is-active { opacity: 0; } .industry_accordion_main_icon.ia-active { opacity: 1; } .industry_accordion_main_icon.is-light { opacity: 0; } .industry_accordion_main_icon.is-light.is-active { opacity: 100; } .industry_accordion_bg_wrap { border-radius: var(--radius--main); overflow: clip; } .industry_accordion_bg_wrap.u-cover-absolute { display: none; } .industry_accordion_bg_wrap.u-cover-absolute.is-active { display: block; } .icon_22 { width: 1.375rem; height: 1.375rem; } .industry_accordion_inner_wrap { padding-top: 1rem; padding-bottom: 1rem; } .action_image_main_wrap { width: 100%; max-width: 66.125rem; margin-left: auto; margin-right: auto; } .action_image_wrap { justify-content: center; align-items: center; display: flex; } .action_image_play_button_wrap { position: absolute; } .action_image_author_wrap { z-index: 1; width: 33%; max-width: 23rem; position: absolute; inset: auto auto -4% -2%; } .action_bg_graident_wrap { position: absolute; } .action_bg_graident_wrap.is-left { width: 100%; max-width: 40rem; inset: -28% auto auto -12%; } .action_bg_graident_wrap.is-bottom-right { width: 100%; max-width: 40rem; inset: auto -15% -26% auto; } .ai_summaries_wrap { padding: var(--_spacing---space--32); border: 1px solid var(--swatch--grey-modern-200); } .ai_summaries_top_wrap { justify-content: flex-start; align-items: center; display: flex; } .ai_summaries_icon { width: 1.75rem; height: 1.75rem; } .divider_horizontal { width: 100%; height: 1px; } .divider_horizontal.is-grey-300 { background-color: var(--swatch--grey-modern-300); } .ai_summaries_text.u-rich-text { margin-top: var(--_spacing---space--32); } .competitor_tablet_wrap { display: none; } .filter_form_filters_wrap { justify-content: flex-start; align-items: center; max-width: 60.5rem; display: flex; overflow: auto; } .filter_block { width: 100%; margin-bottom: 0; } .blog_overview_cl { --_column-count---value: 3; } .filter_form_filters_reset_label { margin-bottom: 0; position: relative; } .filter_main_form { background-color: #0000; justify-content: space-between; align-items: center; width: 100%; display: flex; } .filter_empty_state_wrap { background-color: var(--swatch--light-100); border: 1px solid #e1e5f4; padding: 4rem; } .filter_categories_cl { flex-flow: wrap; align-items: center; display: flex; } .filter_form_filters_reset_wrap { border-bottom: 1px solid var(--swatch--grey-modern-200); color: var(--swatch--grey-modern-500); font-weight: var(--_typography---font--primary-semibold); cursor: pointer; flex-direction: row; flex: none; justify-content: space-between; align-items: center; margin-bottom: 0; padding-bottom: .75rem; padding-left: .25rem; padding-right: .25rem; display: flex; position: relative; overflow: clip; } .filter_form_filters_reset_wrap:hover { border-bottom-color: var(--swatch--brand-500); } .filter_form_filters_reset_wrap.is-radio-checked { border-bottom-color: var(--swatch--brand-500); color: var(--swatch--brand-500); } .c-heading-2 { letter-spacing: 0; text-transform: var(--_text-style---text-transform, none); text-wrap: pretty; font-size: 1rem; font-weight: 400; line-height: 1.5; } .c-heading-2.h4-2 { color: #020f30; --_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---font--primary-semibold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--none); --_text-style---margin-bottom: var(--_spacing---space--24); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .filter_form_filters_reset_btn { -webkit-appearance: none; appearance: none; width: 100%; height: 100%; margin-top: 0; margin-left: 0; display: block; position: absolute; inset: 0%; box-shadow: 1px 1px 3px #0000; } .filter_form_filters_reset_btn.w--redirected-checked { color: #181818; border: 1px solid #3638ff; border-radius: .5rem; } .filter_form_filters_reset_btn.w--redirected-focus { box-shadow: none; border-style: none; } .filter_form_filters_reset_btn.w--redirected-focus-visible { box-shadow: none; outline-offset: 4px; outline: 2px solid #9b9b9b; } .filter_categories_ci { flex: none; } .filter_category_wrap { border-bottom: 1px solid var(--swatch--grey-modern-200); color: var(--swatch--grey-modern-500); font-weight: var(--_typography---font--primary-semibold); cursor: pointer; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 0; padding-bottom: .75rem; padding-left: .5rem; padding-right: .5rem; display: flex; position: relative; } .filter_category_button { border-style: none; border-radius: 0; width: 100%; height: 100%; margin-top: 0; margin-left: 0; display: block; position: absolute; inset: 0%; box-shadow: 1px 1px 3px #0000; } .filter_category_button.w--redirected-checked { color: #181818; border: 1px solid #3638ff; border-radius: .5rem; } .filter_category_button.w--redirected-focus { box-shadow: none; border-style: none; } .filter_category_button.w--redirected-focus-visible { box-shadow: none; outline-offset: 4px; outline: 2px solid #9b9b9b; } .filter_category_label { font-weight: inherit; margin-bottom: 0; position: relative; } .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; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .filter_search_wrap { justify-content: space-between; align-items: center; display: flex; } .is-blog-category-active { border-bottom: 1px solid var(--swatch--brand-500); background-color: var(--swatch--transparent); color: var(--swatch--brand-500); } .filter_form_search_wrap { width: 21.875%; } .filter_search { border: 1px solid var(--swatch--grey-modern-300); border-radius: var(--radius--small); background-color: var(--swatch--white); color: var(--swatch--grey-modern-500); font-weight: var(--_typography---font--primary-medium); background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/68be9c57c66952feca804cc3_search-lg.svg"); background-position: 4%; background-repeat: no-repeat; background-size: auto; height: 2.5rem; margin-bottom: 0; padding: .5rem 1.25rem .5rem 2.5rem; transition: border-color .2s; } .filter_search:hover { border-color: var(--swatch--brand-500); } .filter_search:active { background-color: var(--swatch--light-100-o20); background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; border-color: #898c8c; } .filter_search:focus { background-color: #024a4a0d; background-image: none; background-position: 92%; background-repeat: no-repeat; background-size: auto; border-color: #898c8c; } .filter_search:focus-visible, .filter_search[data-wf-focus-visible] { background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/68be9c57c66952feca804cc3_search-lg.svg"); background-position: 4%; background-repeat: no-repeat; background-size: 1.25rem; } .filter_search::placeholder { color: var(--swatch--grey-modern-500); } .is-search-highlight { background-color: var(--swatch--grey-modern-950); color: var(--swatch--brand-500); } .section_header_info { overflow: clip; } .u-padding-info { padding-top: 10rem; padding-bottom: 10rem; } .info_main_wrap { --_column-count---value: 11; } .info_rt_container.u-container { max-width: var(--max-width--small); width: calc(100% - var(--site--margin) * 2); } .banner_cta { min-height: 2rem; } .modal-icon { max-width: 24px; margin-right: 5px; } .banner-wrap { justify-content: flex-end; align-items: center; display: flex; overflow: visible; } .banner-wrap.display-none { display: none; } .banner-link { margin-left: 12px; margin-right: 12px; padding-left: 12px; padding-right: 12px; position: relative; } .spacer { opacity: .2; background-color: #fff; width: 1px; height: 18px; margin-left: 28px; margin-right: 28px; } .spacer.new { margin-left: 0; margin-right: 0; } .banner-p { color: #fff; cursor: auto; font-size: 12px; text-decoration: none; } .banner-p.link { cursor: pointer; transition: color .2s ease-in; } .banner-p.link:hover { color: #00d075; } .banner-modal { z-index: 9999; cursor: auto; background-color: #fff; border-radius: 7px; flex-direction: column; justify-content: center; align-items: center; width: 350px; display: none; position: absolute; top: 30px; right: -50px; box-shadow: 0 0 35px #00012140; } .hover-in { z-index: 9999; background-color: #000; display: block; position: absolute; inset: 0% 0% -182%; } .banner-triangle { z-index: 9; background-color: #fff; min-width: 20px; min-height: 19px; display: none; position: absolute; top: 23px; left: 50%; transform: translate(-50%); } .modal-link__wrap { color: #000121; cursor: pointer; align-items: center; font-size: 16px; text-decoration: none; display: flex; } .modal-link__wrap.w--current { z-index: 9999; cursor: pointer; position: relative; } .modal-link__wrap.first { cursor: auto; margin-bottom: 10px; font-size: 16px; } .container-2 { width: 100%; max-width: 1310px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; overflow: hidden; } .container-2.overflow { overflow: visible; } .chedule-call-__wrap { justify-content: flex-end; align-items: center; display: flex; } .modal-link { color: #019bb8; margin-left: 5px; text-decoration: none; } .banner-modal-wrap { cursor: auto; width: 100%; height: 100%; padding: 25px; display: block; } .section { padding-top: 100px; padding-bottom: 100px; position: relative; } .section.schedule-call { z-index: 9999999; background-color: #0b2338; background-image: none; padding-top: 4px; padding-bottom: 4px; display: block; } .section.schedule-call.banner { background-color: #0000; background-image: url("https://cdn.prod.website-files.com/689a04d756ffc770571109d2/69048d84d668393d0bb2fee7_nav%20grad.webp"); background-position: 50%; overflow: visible; } .banner-modal__wrap { cursor: pointer; position: relative; } .nav_subnav_wrap { position: relative; } .social_icon_green-icon { opacity: 0; transition: opacity .2s; } .button_link_icon_wrap:where(.w-variant-47766ad8-39b8-8e47-1d9b-7878fd06298f) { width: 1rem; height: 1rem; } .section_launch_guides.is--top { padding-top: 7rem; } .launch_guide_video.u-overflow-clip { border-radius: 0; } .launch_guide_video_wrap { justify-content: center; align-items: center; padding-top: 1rem; display: flex; position: absolute; inset: 0%; } .is-launch-guides-header-visual { position: absolute; inset: 0%; } .u-icon-contain { object-fit: contain; } .h2 { letter-spacing: -1px; font-size: 33px; font-weight: 700; line-height: 1.25; } .mb-34 { margin-bottom: 34px; } ._404_main_wrap { justify-content: space-between; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .button-p { aspect-ratio: auto; text-shadow: 0 1px 1px #0003; overflow-wrap: normal; object-fit: fill; margin-right: 10px; overflow: clip; } ._404-right { width: 100%; max-width: 545px; } .button-wrapper { display: flex; } .button-3 { color: #000121; background-color: #fff; border-radius: 6px; justify-content: center; align-items: center; padding: 12px 24px; font-weight: 700; line-height: 20px; text-decoration: none; transition: all .2s ease-in; display: flex; } .button-3:hover { color: #fff; background-color: #0a68ef; } .button-3.blue { color: #fff; background-color: #3c64ff; margin-bottom: 0; padding-top: 17px; padding-bottom: 17px; line-height: 20px; } .button-3.blue:hover { background-color: #0a2540; } .button-3.blue.small { padding-top: 12px; padding-bottom: 12px; } .video_slider_video { border-radius: var(--radius--24); width: 100%; overflow: clip; } .action_play_btn_wrap { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .action_play_btn { max-width: 2rem; } .action_play_btn.u-zindex-2 { max-width: 6rem; } .price { margin-left: .25rem; margin-right: .25rem; } .increase { margin-left: .25rem; } .savings_calci_claim_result { color: var(--swatch--grey-modern-400); } .currency { margin-left: .25rem; } .percent { margin-right: .25rem; } .two_column_grid_number_wrap { margin-bottom: var(--_spacing---space--32); border-radius: var(--radius--round); background-color: var(--swatch--brand-500); color: var(--swatch--white); font-size: var(--_typography---font-size--text-20); font-weight: var(--_typography---font--secondary-medium); justify-content: center; align-items: center; width: 2rem; height: 2rem; display: inline-flex; } .two_column_grid_number_wrap:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114) { margin-bottom: var(--_spacing---space--32); 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); background-color: var(--swatch--brand-500); color: var(--swatch--white); font-size: var(--_typography---font-size--text-20); font-weight: var(--_typography---font--secondary-semibold); flex-flow: row; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: inline-flex; box-shadow: 0 0 89.322px #fff; } .pricing_breakdown_main_wrap { --_column-count---value: 11; flex-flow: column; justify-content: center; align-items: flex-start; } .pricing_breakdown_main_wrap.u-padding-top-7.is-launch-guides { padding-top: 267px; } .pricing_breakdown_main_wrap.is-launch-guides { padding-top: 10rem; } .u-background-neutral-100 { background-color: var(--swatch--grey-modern-100); } .pricing_breakdown_list_wrap { --_column-count---value: 2; } .pricing_breakdown_item { padding-top: var(--_spacing---space--12); padding-right: var(--_spacing---space--12); padding-bottom: var(--_spacing---space--12); padding-left: var(--_spacing---space--12); border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--grey-modern-200); border-right-style: solid; border-right-width: 1px; border-right-color: var(--swatch--grey-modern-200); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--swatch--grey-modern-200); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--grey-modern-200); 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(--swatch--white); box-shadow: 0 12px 16px -4px #0a0d1214, 0 4px 6px -2px #0a0d1208, 0 2px 2px -1px #0a0d120a; } .pricing_breakdown_item_image_wrap { aspect-ratio: 3.65 / 1.52; border: 1px solid var(--swatch--grey-modern-200); border-radius: var(--radius--small); background-color: var(--swatch--grey-modern-50); object-fit: cover; } .pricing_breakdown_logo { max-width: 9.625rem; } .pricing_breakdown_item_content_top_wrap { padding-top: var(--_spacing---space--32); padding-right: var(--_spacing---space--32); padding-left: var(--_spacing---space--32); } .pricing_breakdown_item_title { color: var(--swatch--brand-500); } .pricing_breakdown_item_title_normal { color: var(--swatch--grey-modern-950); } .is-pricing-breakdown-visual { position: absolute; inset: -13% 0% 0%; } .pricing_breakdown_bg_wrap { position: absolute; inset: 0%; } .lg_card_content { padding-right: var(--_spacing---space--12); padding-bottom: var(--_spacing---space--12); padding-left: var(--_spacing---space--12); } .section_launch_overlap { z-index: 999; margin-top: -7.5rem; position: relative; } .section_launch_guide_overlay { z-index: 1; background-image: linear-gradient(to bottom, #0d121c33, #0d121c33), linear-gradient(180deg, var(--swatch--grey-modern-950), #12192699 20%, #0000 50%, #12192699 80%, var(--swatch--grey-modern-950)); position: absolute; inset: 0%; } .u-background-solid { background-color: var(--swatch--grey-modern-950); } .feature_card_wrap__btn-wrapper { grid-column-gap: .25rem; grid-row-gap: .25rem; justify-content: flex-start; align-items: center; display: inline-flex; } @media screen and (min-width: 1440px) { .swiper_slide.is-video { min-width: 52.5rem; } .section.schedule-call { background-image: none; } .launch_guide_video { border-bottom-left-radius: var(--_spacing---space--64); border-bottom-right-radius: var(--_spacing---space--64); overflow: clip; } .launch_guide_video_wrap { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } } @media screen and (max-width: 991px) { .u-section-spacer.is-industries-top, .u-section-spacer.is-industries-bottom { height: var(--_spacing---space--64); } .nav_mobile_contain { width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); } .nav_mobile_layout { padding-right: var(--_spacing---space--none); padding-left: var(--_spacing---space--none); } .nav_mobile_wrap { color: inherit; } .nav_button_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_dropdown_list { margin-top: var(--_spacing---space--4); margin-bottom: var(--_spacing---space--4); } .nav_dropdown_mega_divider { margin-top: var(--_spacing---space--24); margin-bottom: var(--_spacing---space--24); } .nav_dropdown_mega_cta_wrap.u-flex-horizontal-wrap.u-justify-content-between { margin-bottom: var(--_spacing---space--24); } .footer_top_wrap { flex-flow: column; } .social_icon_list_wrap.is-nav { margin-top: var(--_spacing---space--24); margin-bottom: var(--_spacing---space--24); } .nav_image_wrap { max-width: 15.875rem; } .bg_image_wrap.is-home-header { inset: -6% 0% auto; } .bg_image_wrap.is-two-column-header { inset: auto -19% -23% 0%; } .customer_logos_heading.u-text-style-h5 { font-size: 1.25rem; } .industry_card_container.is-desktop { display: none; } .industry_card { aspect-ratio: 16 / 9; object-fit: cover; } .industry_card_chips_list_wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; width: 100%; } .swiper.competitors { display: none; } .swiper-slide.competitors { justify-content: flex-end; width: auto; min-width: 411px; max-width: 411px; height: auto; min-height: 411px; } .events_slider_video { width: 36rem; } .cta_card_wrap.u-grid-custom { --_column-count---value: 1; } .cta_card_content_wrap { padding: var(--_spacing---space--32); } .cta_card_image_wrap { padding-top: var(--_spacing---space--32); padding-right: var(--_spacing---space--32); padding-left: var(--_spacing---space--32); } .how_it_works_main_wrap { padding-left: var(--_spacing---space--16); } .vertical-accordion-cg_tabs-content { margin-top: 2rem; } .vertical-accordion-cg_tabs-component { display: none; } .vertical-cg-tabs_link-indicator-line { width: 0%; } .faq_answer-main-wrap { max-height: 0; } .text-size-medium { font-size: 1.25rem; } .cg_accordion-container { display: block; overflow: clip; } .vertical-accordion-cg_tabs-menu { grid-column-gap: 0rem; grid-row-gap: 0rem; overflow: auto; } .vertical-cg_content_main_wrap { padding-left: 1.5rem; padding-right: 1.5rem; } .content-wrap.is-tabs { width: 100%; } .content-wrap.is-tabs.u-vflex-stretch-top.u-gap-8 { flex: 1; } .vertical-accordion-cg_tabs-link { grid-column-gap: 2rem; grid-row-gap: 0rem; flex-flow: column; flex: none; } .vertical-accordion-cg_tabs-link.w--current { background-color: #dcff39; } .apart_list_wrap.u-grid-autofit.u-column-4.u-gap-32 { --_column-count---value: 2; } .tabs_link { flex: none; } .home_rollable_heading_list { height: 3.2rem; } .header_main_wrap.u-grid-custom.u-position-relative { --_column-count---value: 1; --_gap---size: var(--_spacing---space--32); } .u-max-with-reset-tablet { max-width: none; } .vip_demo_list_item { border-radius: var(--radius--24); } .switch_card_wrap { padding: 3rem; } .switch_card_content_wrap.u-position-relative { flex-flow: column; } .u-width-full-tablet { width: 100% !important; } .integrations_list.u-grid-custom { --_column-count---value: 1; } .u-ratio-14-40-10-60 { aspect-ratio: 14.4 / 10.6; object-fit: cover; } .u-padding-72 { padding: var(--_spacing---space--40); } .wrap_lg_cards.u-grid-custom.u-column-3 { --_column-count---value: 2; } .wrap_lg_cards.u-grid-custom.u-column-3.is-launc-guides { padding-top: 14rem; } .wrap_lg_cards.u-grid-custom.u-column-3.is-launc-guides.u-gap-24 { padding-top: 0; } .big_cta { padding-bottom: 5rem; } .big_cta_bg { min-height: 100%; inset: 0%; } .big_cta_inner { max-width: 90%; } .big_cta_grid.u-grid-custom.u-column-2.u-margin-bottom-80 { grid-column-gap: 3rem; grid-row-gap: 3rem; --_column-count---value: 1; } .blog_grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; --_column-count---value: 2; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .blog_grid.u-grid-custom.u-column-3 { --_column-count---value: 2; } .blog_collection_item { width: 100%; } .wrap_blogs_cat { flex-flow: column; } .category_btns { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; padding-bottom: 2rem; } .fs-toc_richtext { padding: 1.5rem; } .heading-small { font-size: 1.5rem; } .fs-toc_example { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-direction: column; } .fs-toc_sidebar { width: 100%; padding: 1.5rem; position: relative; top: 0; } .ticketing_tabs { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .templates_menu { flex-flow: row; } .fs-toc_sidebar-2, .fs-toc_sidebar-3 { width: 100%; padding: 1.5rem; position: relative; top: 0; } .competitor_slide_info { min-width: auto; } .copetitor_cards { flex-flow: column; } .competitor_wrap { max-width: 75%; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .heading-style-h2 { font-size: 2.75rem; } .industry_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; display: grid; } .heading-style-h4 { font-size: 1.75rem; } .industry_accordion_icon_wrap { align-self: center; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .industry_accordion_main_icon_wrap { flex: none; } .action_bg_graident_wrap.is-left { max-width: 20rem; top: -23%; left: -11%; } .action_bg_graident_wrap.is-bottom-right { max-width: 20rem; bottom: -22%; right: -9%; } .competitor_tablet_wrap { 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; align-items: center; display: flex; } .blog_overview_cl { grid-column-gap: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (90 - 20) * 20)) * 1rem + ((1.5 - 1.125) / (90 - 20)) * 100vw), 1.5 * 1rem); grid-row-gap: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (90 - 20) * 20)) * 1rem + ((1.5 - 1.125) / (90 - 20)) * 100vw), 1.5 * 1rem); grid-template-rows: auto auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .filter_main_form { grid-column-gap: var(--_spacing---space--24); grid-row-gap: var(--_spacing---space--24); flex-flow: column; justify-content: space-between; align-items: stretch; } .filter_form_filters_reset_wrap, .filter_categories_clw, .filter_category_wrap { flex: none; } .filter_form_search_wrap { width: 50%; } .chedule-call-__wrap { flex-wrap: wrap; } .is-launch-guides-header-visual { width: 100%; height: 100%; display: block; inset: 0%; } ._404_main_wrap { grid-row-gap: 70px; text-align: center; flex-direction: column; } ._404-right { max-width: 390px; } .button-wrapper.tablet-center { justify-content: center; } .pricing_breakdown_main_wrap.u-grid-custom.u-gap-64.u-zindex-2 { --_column-count---value: 1; } .pricing_breakdown_left_wrap.u-column-4.u-align-self-center { --_column-count---value: 12; width: 100%; } .is-pricing-breakdown-visual { position: absolute; inset: 0% -33% 0% 57%; } .pricing_breakdown_bg_wrap { left: 20%; } } @media screen and (max-width: 767px) { .footer_layout.u-grid-autofit { flex-flow: wrap; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); display: grid; } .footer_top_wrap { flex-flow: column; } .bg_image_wrap { top: -5%; } .bg_image_wrap.is-home-header.u-cover { height: 180%; } .bg_image_wrap.u-width-full.u-height-full.is-upgrades { inset: 73% 0% auto; } .marquee_collection_list { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .swiper-slide.is-video-slider { width: 100%; } .events_slider_video { width: 90vw; } .cta_card_content_wrap { padding: var(--_spacing---space--32) var(--_spacing---space--32) var(--_spacing---space--none); } .text-size-medium, .tabs_content-heading { font-size: 1.125rem; } .tickets_main_wrap.u-grid-autofit { --_column-count---value: 1; 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)); } .two_column_grid.u-grid-custom { --_column-count---value: 1; --_gap---size: var(--_spacing---space--48); } .calcu_top_wrap { flex-flow: column; } .calcu_inputs_wrap { padding-top: var(--_spacing---space--24); padding-bottom: var(--_spacing---space--24); padding-left: var(--_spacing---space--24); width: 100%; } .calcu_result_wrap.u-radius-24.u-overflow-clip { padding: var(--_spacing---space--24); width: 100%; } .sell_card_list_wrap.u-grid-autofit { --_column-count---value: 2; } .home_rollable_heading_list { height: 3rem; } .header_main_wrap.u-grid-custom { --_column-count---value: 1; } .u-max-with-reset-landscape { max-width: none; } .vip_demo_list_wrap.u-grid-custom { --_column-count---value: 1; } .switch_card_wrap { padding: 2rem; } .upgrades_list.u-grid-custom.u-column-2 { --_column-count---value: 1; } .get_started_card_list_wrap.u-grid-autofit { --_column-count---value: 2; } .u-padding-72 { padding: var(--_spacing---space--24); } .feature_showcase_card_bg_wrap.is-event-page-builder { inset: 0% auto auto 0%; } .feature_showcase_card_bg_wrap.is-time-tracking { inset: auto auto -116% -32%; } .feature_showcase_card_bg_wrap.is-instand-funds { inset: 0% auto auto 0%; } .feature_showcase_card_bg_wrap.is-data-driven { inset: 118% auto auto 55%; } .feature_showcase_card_bg_wrap.is-sell-merchandise { inset: 129% auto auto -17%; } .feature_showcase_card_inner_wrap.u-padding-72.u-grid-custom.u-column-2, .feature_showcase_card_inner_wrap.u-padding-72.u-grid-custom.u-column-2.u-gap-40, .feature_showcase_card_bg_main_wrap.u-grid-custom.u-column-2.u-gap-0, .help_ways_wrap.u-grid-custom.u-column-2, .wrap_lg_cards.u-grid-custom.u-column-3 { --_column-count---value: 1; } .blog_grid { grid-column-gap: 2rem; grid-row-gap: 2rem; --_column-count---value: 1; grid-template-columns: 1fr; } .blog_grid.u-grid-custom.u-column-3 { --_column-count---value: 1; } .category_btns { grid-column-gap: 0rem; } .heading-small { font-size: 1.25rem; } .fs-toc_example { grid-column-gap: 3rem; grid-row-gap: 3rem; } .templates_menu { grid-column-gap: 2rem; grid-row-gap: 1rem; flex-flow: wrap; } .templates_grid.u-grid-custom.u-column-2.u-gap-24 { --_column-count---value: 1; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .text-size-medium-2 { font-size: 1rem; } .industry_accordion_top { padding: 1rem 1.25rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .heading-style-h2 { font-size: 2.25rem; } .heading-style-h4 { font-size: 1.5rem; line-height: 1.4; } .industry_accordion_icon_wrap { width: 1.75rem; } .industry_accordion_bottom { padding-left: 1.25rem; padding-right: 1.25rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .action_bg_graident_wrap.is-left { top: -34%; } .action_bg_graident_wrap.is-bottom-right { bottom: -29%; } .filter_form_filters_wrap { flex-flow: row; width: 100%; max-width: none; } .filter_form_filters_wrap.u-gap-8 { max-width: none; } .filter_form_search_wrap { width: 100%; } .banner-modal { right: -90px; } .h2 { font-size: 32px; line-height: 1.25; } .action_play_btn.u-zindex-2 { max-width: 4rem; } .pricing_breakdown_list_wrap.u-grid-custom { --_column-count---value: 1; } .pricing_breakdown_bg_wrap { left: 33%; } } @media screen and (max-width: 479px) { ul, ol { padding-left: 0; } .u-max-width-full { max-width: 100%; } .button.is-secondary { justify-content: center; display: flex !important; } .button_text { display: inline-flex; } .form_input_wrap { width: 100%; } .form_input_cta_main_wrap { flex-flow: column; justify-content: flex-start; align-items: stretch; } .u-hide-portrait { display: none; } .bg_image_wrap.u-width-full.u-height-full.is-upgrades { top: 85%; } .customer_logos_heading.u-text-style-h5 { font-size: 1.125rem; } .industry_card_chips_list_wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .swiper-slide.competitors { min-width: 320px; max-width: 320px; min-height: 360px; padding-left: 20px; padding-right: 20px; } .events_slider_video { width: 90vw; } .badges_top_wrap.u-flex-horizontal-nowrap.u-margin-bottom-24 { flex-flow: column; } .two_column_grid_image_wrap:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114) { background-color: var(--swatch--transparent); } .two_column_grid_image_wrap.u-align-self-center:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114) { background-color: var(--swatch--grey-modern-100); } .apart_list_wrap.u-grid-autofit.u-column-4.u-gap-32 { --_column-count---value: 1; } .calcu_inputs_wrap { padding-left: var(--_spacing---space--none); } .cg_counter { flex-flow: column; display: flex; } .calcu_result_content_result_item { justify-content: flex-start; align-items: flex-start; } .calcu_result_yearly_wrap.u-margin-bottom-8 { font-size: var(--_typography---font-size--text-20); } .calcu_result_five_yearly_wrap { font-size: var(--_typography---font-size--text-18); flex-flow: wrap; justify-content: center; align-items: center; } .sell_card_list_wrap.u-grid-autofit { --_column-count---value: 1; } .header_rollable_heading_wrap { text-align: center; flex-flow: column; } .home_rollable_heading_list { text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 26ch; height: auto; display: flex; } .faq_cl.u-grid-custom.u-column-2.u-gap-32 { --_column-count---value: 1; } .switch_card_wrap { padding: 1.5rem; } .integrations_list_content_left_wrap, .integrations_list_content_right_wrap, .integrations_list_content_divider_line { width: 100%; } .integrations_list_content_top_wrap.u-margin-bottom-40 { flex-flow: column; } .get_started_card_list_wrap.u-grid-autofit { --_column-count---value: 1; } .feature_showcase_card_bg_wrap.is-event-page-builder { top: 64%; } .feature_showcase_card_bg_wrap.is-time-tracking { bottom: -149%; } .feature_showcase_card_bg_wrap.is-instand-funds { top: 64%; } .feature_showcase_card_bg_wrap.is-data-driven { top: 150%; left: 68%; } .feature_showcase_card_bg_wrap.is-ticket { top: 4%; } .feature_showcase_card_bg_wrap.is-sell-merchandise { top: 147%; right: auto; } .wrap_lg_cards.u-grid-custom.u-column-3.is-launc-guides { padding-top: 10rem; } .fs-table-2_instance { overflow: auto hidden; } .big_cta_item { grid-column-gap: 1rem; grid-row-gap: 1rem; } .featured_blog_content { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .featured_blog_header { align-items: flex-start; } .featured_blog_bottom { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .category_btns { grid-column-gap: 0rem; } .counter { padding-left: .25rem; } .post_counter { padding-left: .5rem; } .templates_menu { grid-column-gap: 1.25rem; grid-row-gap: .5rem; } .u-mobile-visible { display: block; } .social_wrap-article { justify-content: flex-start; } .savings_calci_compare_wrap { grid-template-columns: 1fr; } .savings_calci_compare_wrap.u-grid-custom { grid-column-gap: var(--_spacing---space--56); grid-row-gap: var(--_spacing---space--56); --_column-count---value: 1; } .competitors-slide-bg { height: 100%; } .competitor_slide_info { min-width: 30%; max-width: 55%; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .action_bg_graident_wrap.is-left { top: -56%; left: -22%; } .action_bg_graident_wrap.is-bottom-right { bottom: -55%; right: -22%; } .filter_form_filters_wrap { overflow: auto; } .blog_overview_cl { grid-template-columns: 1fr; } .filter_form_filters_reset_wrap, .filter_categories_clw, .filter_category_wrap { flex: none; } .spacer { margin-left: 15px; margin-right: 15px; } .banner-modal { width: 310px; right: -120px; } .button-p { white-space: normal; word-break: normal; overflow-wrap: normal; object-fit: fill; flex-flow: row; flex: 0 auto; align-self: auto; align-items: center; display: block; overflow: visible; } .section_launch_overlap { margin-top: -5rem; } } #w-node-c760a731-5542-7c5f-17c6-0cdf2fa64c86-2fa64c85:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114), #w-node-bd7174cd-40f3-4051-0afa-c8fd4e7298bf-57110a11:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114) { order: 9999; } #w-node-adab4067-7b13-3da8-a1f7-f0940d168dcc-0d168db1:where(.w-variant-b303982a-422d-bc58-87c4-59666f4d7eb5) { order: -9999; } #w-node-c9835841-0fcf-89c0-5839-2acf3f58f091-63398402:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114), #w-node-c2235a1a-b665-df60-a519-a57f38e5db80-63398402:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114), #w-node-ef6e721f-81ae-a8a3-e068-986757535db2-63398402:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114), #w-node-a73ab2e7-b09a-16e8-e7e4-47796ae64ea1-63398402:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114), #w-node-_5171f71c-ab80-32f5-e26f-f3fe8d8a8dc2-193df1e9:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114) { order: 9999; } #w-node-da6ed1b8-5824-329a-ee15-e25967e36012-d47176aa { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_03c3cbd1-85a0-daed-5860-239292ef638b-92ef6385:where(.w-variant-a63b42f7-b15d-f4a5-2864-a3a974645114) { order: 9999; } @media screen and (max-width: 991px) { #w-node-fdb171f9-b2f2-d39c-0053-d20a5b3ccd58-63398402 { grid-column: span 5 / span 5; } } @media screen and (max-width: 767px) { #w-node-c760a731-5542-7c5f-17c6-0cdf2fa64c94-2fa64c85, #w-node-bd7174cd-40f3-4051-0afa-c8fd4e7298d1-57110a11 { order: -9999; } #w-node-adab4067-7b13-3da8-a1f7-f0940d168dcc-0d168db1:where(.w-variant-b303982a-422d-bc58-87c4-59666f4d7eb5) { order: 9999; } #w-node-fdb171f9-b2f2-d39c-0053-d20a5b3ccd58-63398402 { grid-column: span 7 / span 7; } #w-node-_03c3cbd1-85a0-daed-5860-239292ef6395-92ef6385 { order: -9999; } }