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: Satoshi Variable; src: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75c9_Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; } @font-face { font-family: "Fa Brands 400"; src: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75b3_fa-brands-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Fa 400"; src: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75b6_fa-regular-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Fa Solid 900"; src: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75cc_fa-solid-900.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Fa V 4 Compatibility"; src: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75b5_fa-v4compatibility.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Quicksand Variable; src: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75d6_Quicksand-VariableFont_wght.ttf") format("truetype"); font-weight: 300 700; font-style: normal; font-display: swap; } :root { --_theme---button-primary--text: var(--swatch--brand); --_text-style---font-family: var(--_typography---font--primary-family); --swatch--dark: var(--swatch--brand); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_theme---text: var(--swatch--dark); --text-main--font-size\: var(--size--1rem); --_typography---font--primary-family: "Quicksand Variable", Verdana, sans-serif; --size--0rem: 0rem; --container--main: 0px; --radius--round: 100vw; --container--full: 0px; --_theme---background: var(--swatch--light); --_theme---success--flat-static: var(--_color-style---color-success--100); --_theme---success--flat-text: var(--_color-style---color-success--600); --_typography---font-size--text-large: var(--size--1-25rem); --_spacing---space--7: var(--size--3rem); --_spacing---space--5: var(--size--1-5rem); --site--gutter: 1rem; --_gap---size: var(--site--gutter); --site--margin: 0px; --_spacing---space--2: var(--size--0-5rem); --radius--small: .5rem; --_column-count---value: 1; --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_spacing---space--4: var(--size--1rem); --_typography---font--primary-regular: 400; --container--small: 0px; --_typography---font--primary-bold: 700; --_spacing---space--6: var(--size--2rem); --_theme---alt1: var(--swatch--light-tertiary); --_theme---border: var(--swatch--light-secondary); --column-width--1: 0px; --_typography---font--primary-medium: 500; --h2--font-size\: var(--size--4rem); --_typography---font-size--text-main: var(--size--1rem); --_theme---text\: white; --_theme---background\: white; --_theme---danger--flat-static: var(--_color-style---color-danger--100); --_theme---danger--flat-text: var(--_color-style---color-danger--600); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_theme---button-secondary--background: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---text); --_button-style---background-hover: #fff9; --swatch--light: var(--_color-style---color-warning--200); --_spacing---space--3: var(--size--0-75rem); --_typography---font-size--h4: var(--size--2rem); --h4--font-size\: var(--size--2rem); --_typography---font--secondary-family: "Satoshi Variable", Arial, sans-serif; --swatch--light-secondary: var(--_color-style---color-warning--200); --swatch--light-tertiary: var(--_color-style---color-warning--300); --_typography---letter-spacing--0em: 0em; --_spacing---space--1: var(--size--0-25rem); --_theme---alt2: var(--swatch--light-quaternary); --radius--main: 1rem; --column-width--6: 0px; --swatch--transparent: #fff0; --_theme---danger--flat-hover: var(--_color-style---color-danger--50); --_theme---success--flat-hover: var(--_color-style---color-success--50); --_theme---warning--flat-text: var(--_color-style---color-warning--600); --_theme---warning--flat-hover: var(--_color-style---color-warning--50); --_theme---success--bg: var(--_color-style---color-success--500); --_theme---warning--bg: var(--_color-style---color-warning--500); --_theme---danger--bg: var(--_color-style---color-danger--500); --_theme---success--text-hover-dark: var(--_color-style---color-success--800); --_typography---text-transform--inherit: 0px; --_theme---border\: white; --column-width--3: 0px; --all-headings--heading-text-transform\: var(--_typography---text-transform--inherit); --_theme---border-2: var(--swatch--dark-faded); --text-large--font-size\: var(--size--1-25rem); --radius--med: .75rem; --_theme---border-hover: var(--swatch--light-quaternary); --_button-style---background: var(--_theme---button-primary--background); --swatch--dark-secondary: var(--_color-style---color-primary--800); --_theme---toggle-offset: 0rem; --size--1rem: 1rem; --column-width--2: 0px; --swatch--brand: #0001fc; --_theme---neutral--bg: var(--_color-style---color-neutral--500); --_theme---neutral--bg-hover-dark: var(--_color-style---color-neutral--300); --column-width--12: 0px; --column-width--4: 0px; --column-width--5: 0px; --swatch-primary--foreground: var(--_color-style---color-primary--100); --_typography---font-size--h3: var(--size--3rem); --_spacing---section-space--small: var(--size--5rem); --_theme---neutral--text: var(--_color-style---color-neutral--50); --column-width--10: 0px; --_typography---font-size--h5: var(--size--1-5rem); --column-width--8: 0px; --swatch--light-faded: #ffffff1a; --_typography---font-size--text-small: .875rem; --swatch--brand-text: var(--_color-style---color-neutral--800); --_theme---success--bg-hover: var(--_color-style---color-success--700); --_spacing---space--8: var(--size--4rem); --swatch--light-quaternary: var(--_color-style---color-warning--400); --_typography---font--line: "Fa 400", Arial, sans-serif; --_color-style---color-danger--500: #f31260; --swatch--dark-quaternary: var(--_color-style---color-primary--600); --site--width: 90rem; --site--column-count: 12; --_button-style---border-hover: white; --button--regular-x: var(--size--0-75rem); --button--regular-y: var(--size--1-5rem); --button--large-x: var(--size--1-25rem); --button--large-y: var(--size--2rem); --_color-style---color-danger--50: #fee7ef; --_color-style---color-danger--100: #fdd0df; --_color-style---color-danger--200: #faa0bf; --_color-style---color-danger--300: #f871a0; --_color-style---color-danger--400: #f54180; --_color-style---color-danger--600: #c20e4d; --_color-style---color-danger--700: #920b3a; --_color-style---color-danger--800: #610726; --_color-style---color-danger--900: #310413; --_color-style---color-neutral--50: #fafafa; --_color-style---color-neutral--100: #f4f4f5; --_color-style---color-neutral--200: #e4e4e7; --_color-style---color-neutral--300: #d4d4d8; --_color-style---color-neutral--400: #a1a1aa; --_color-style---color-neutral--500: #71717a; --_color-style---color-neutral--600: #52525b; --_color-style---color-neutral--700: #3f3f46; --_color-style---color-neutral--800: #27272a; --_color-style---color-neutral--900: #18181b; --_color-style---color-primary--50: #e6f1fe; --_color-style---color-primary--100: #cce3fd; --_color-style---color-primary--color: #99c7fb; --_color-style---color-primary--300: #66aaf9; --_color-style---color-primary--400: #338ef7; --_color-style---color-primary--500: #006fee; --_color-style---color-primary--600: #005bc4; --_color-style---color-primary--700: #004493; --_color-style---color-primary--800: #002e62; --_color-style---color-primary--900: #001731; --_color-style---color-secondary--50: #f2eafa; --_color-style---color-secondary--100: #e4d4f4; --_color-style---color-secondary--200: #c9a9e9; --_color-style---color-secondary--300: #ae7ede; --_color-style---color-secondary--400: #9353d3; --_color-style---color-secondary--500: #7828c8; --_color-style---color-secondary--600: #6020a0; --_color-style---color-secondary--700: #481878; --_color-style---color-secondary--800: #301050; --_color-style---color-secondary--900: #180828; --_color-style---color-success--50: #e8faf0; --_color-style---color-success--100: #d1f4e0; --_color-style---color-success--200: #a2e9c1; --_color-style---color-success--300: #74dfa2; --_color-style---color-success--400: #45d483; --_color-style---color-success--500: #17c964; --_color-style---color-success--600: #12a150; --_color-style---color-success--700: #0e793c; --_color-style---color-success--800: #095028; --_color-style---color-success--900: #052814; --_color-style---color-warning--50: #fefce8; --_color-style---color-warning--100: #fdedd3; --_color-style---color-warning--200: #fbdba7; --_color-style---color-warning--300: #f9c97c; --_color-style---color-warning--400: #f7b750; --_color-style---color-warning--600: #c4841d; --_color-style---color-warning--500: #f5a524; --_color-style---color-warning--700: #936316; --_color-style---color-warning--800: #62420e; --_color-style---color-warning--900: #312107; --_color-style---flat--secondary: #7828c833; --_color-style---flat--neutral: #3f3f4666; --_color-style---flat--danger: #f3126033; --_color-style---flat--warning: #f5a52433; --_color-style---flat--success: #17c96433; --_typography---font--brand: "Fa Brands 400", Arial, sans-serif; --_typography---font--solid: "Fa Solid 900", Arial, sans-serif; --_typography---letter-spacing--0-03em: -.03em; --_typography---line-height--1-5: 1.5; --_typography---line-height--1-3: 1.3; --_typography---line-height--1-1: 1.1; --_typography---line-height--1: 1; --_spacing---section-space--none: var(--size--0rem); --_spacing---section-space--main: var(--size--7rem); --_spacing---section-space--large: var(--size--10rem); --swatch--dark-faded: #3532331a; --swatch--dark-tertiary: var(--_color-style---color-primary--700); --_theme---danger--bg-hover: var(--_color-style---color-danger--700); --_theme---danger--text: var(--_color-style---color-danger--50); --_theme---danger--text-hover: var(--_color-style---color-danger--50); --_theme---danger--background-dark: var(--_color-style---color-danger--500); --_theme---danger--background-hover-dark: var(--_color-style---color-danger--300); --_theme---danger--text-dark: var(--_color-style---color-danger--50); --_theme---danger--text-hover-dark: var(--_color-style---color-danger--900); --_theme---neutral--bg-hover: var(--_color-style---color-neutral--700); --_theme---neutral--text-hover: var(--_color-style---color-neutral--100); --_theme---neutral--bg-dark: var(--_color-style---color-neutral--500); --_theme---neutral--text-dark: var(--_color-style---color-neutral--50); --_theme---neutral--text-hover-dark: var(--_color-style---color-neutral--800); --_theme---neutral--flat-static: var(--_color-style---flat--neutral); --_theme---neutral--flat-hover: var(--_theme---neutral--bg-hover-dark); --_theme---neutral--flat-text: var(--_theme---text); --swatch-primary--background: var(--_color-style---color-primary--700); --swatch-primary--background-dark: var(--_color-style---color-primary--600); --swatch-primary--hover-background: var(--_color-style---color-primary--800); --swatch-primary--hover-foreground: var(--_color-style---color-primary--300); --swatch-primary--pressed-background: var(--_color-style---color-primary--900); --swatch-primary--pressed-foreground: var(--_color-style---color-primary--300); --swatch-primary--background-hover-dark: var(--_color-style---color-primary--400); --_theme---success--text: var(--_color-style---color-success--50); --_theme---success--text-hover: var(--_color-style---color-success--300); --_theme---success--background-dark: var(--_color-style---color-success--500); --_theme---success--background-hover-dark: var(--_color-style---color-success--300); --_theme---success--text-dark: var(--_color-style---color-success--500); --_theme---success--border: white; --_theme---warning--bg-hover: var(--_color-style---color-warning--600); --_theme---warning--text: var(--_theme---text); --_theme---warning--text-hover: var(--_color-style---color-warning--100); --_theme---warning--background-hover-dark: var(--_color-style---color-warning--300); --_theme---warning--text-dark: var(--_color-style---color-warning--500); --_theme---warning--text-hover-dark: var(--_color-style---color-warning--800); --_theme---warning--background-dark: var(--_color-style---color-warning--500); --_theme---warning--flat-static: var(--_color-style---color-warning--100); --border-width--main: .094rem; --_typography---text-transform--capitalize: 0px; --_typography---text-transform--lowercase: 0px; --_typography---text-transform--uppercase: 0px; --_typography---text-transform--size: 0px; --_theme---background-hover: var(--_color-style---color-neutral--400); --_theme---text-hover: var(--_theme---button-primary--text-hover); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_alignment---direction: var(--align--start); --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border: var(--swatch--transparent); --_theme---button-primary--background-hover: var(--swatch--dark-quaternary); --_theme---button-primary--border-hover: var(--swatch--transparent); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--text: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--_theme---text-hover); --_theme---button-secondary--border-hover: var(--swatch--brand); --focus--width: .125rem; --focus--offset-inner: -.125rem; --focus--offset-outer: .1875rem; --size--0-25rem: .25rem; --size--0-375rem: .375rem; --size--0-125rem: .125rem; --size--0-5rem: .5rem; --size--0-75rem: .75rem; --size--1-25rem: 1.25rem; --size--1-5rem: 1.5rem; --size--2rem: 2rem; --size--2-5rem: 2.5rem; --size--3rem: 3rem; --size--3-5rem: 3.5rem; --size--4rem: 4rem; --size--4-5rem: 4.5rem; --size--5rem: 5rem; --size--6rem: 6rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7rem: 7rem; --size--7-5rem: 7.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--8rem: 8rem; --size--10rem: 10rem; --size--8-5rem: 8.5rem; --size--11rem: 11rem; --size--13rem: 13rem; --size--12rem: 12rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --column-width--7: 0px; --column-width--9: 0px; --column-width--11: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --column-margin--2: 2px; --align--center: 0px; --align--start: 0px; --align--end: 0px; --_typography---font-size--h6: var(--size--1rem); --_typography---font-size--h2: var(--size--4rem); --_typography---font-size--h1: var(--size--5rem); --_typography---font-size--display: var(--size--7rem); --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --_typography---text-transform--none: 0px; } .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-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-commerce-commerceaddtocartform { margin: 0 0 15px; } .w-commerce-commerceaddtocartquantityinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 60px; height: 38px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block; } .w-commerce-commerceaddtocartquantityinput::placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commerceaddtocartbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commercebuynowbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; margin-top: 10px; padding: 9px 15px; text-decoration: none; display: inline-block; } .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartoptionpillgroup { margin-bottom: 10px; display: flex; } .w-commerce-commerceaddtocartoptionpill { color: #000; cursor: pointer; background-color: #fff; border: 1px solid #000; margin-right: 10px; padding: 8px 15px; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: #fff; background-color: #000; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartoutofstock { background-color: #ddd; margin-top: 10px; padding: 10px; } .w-commerce-commerceaddtocarterror { background-color: #ffdede; margin-top: 10px; padding: 10px; } .w-commerce-commercecheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercelayoutmain { flex: 0 800px; margin-right: 20px; } .w-commerce-commercecartapplepaybutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; align-items: center; height: 38px; min-height: 30px; margin-bottom: 8px; padding: 0; text-decoration: none; display: flex; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; justify-content: center; align-items: center; height: 38px; margin-bottom: 8px; padding: 0 15px; text-decoration: none; display: flex; } .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon { margin-right: 8px; display: block; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutblockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutemailinput::placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutrow { margin-left: -8px; margin-right: -8px; display: flex; } .w-commerce-commercecheckoutcolumn { flex: 1; padding-left: 8px; padding-right: 8px; } .w-commerce-commercecheckoutshippingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcity::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .w-commerce-commercecheckoutshippingmethoditem { background-color: #fff; border-bottom: 1px solid #e6e6e6; flex-direction: row; align-items: baseline; margin-bottom: 0; padding: 16px; font-weight: 400; display: flex; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { flex-direction: column; flex-grow: 1; margin-left: 12px; margin-right: 12px; display: flex; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 64px 16px; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardnumber::placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { flex-direction: row; display: flex; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { margin-left: 8px; font-weight: 400; } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcity::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercelayoutsidebar { flex: 0 0 320px; position: sticky; top: 20px; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { flex-grow: 1; margin-left: 16px; margin-right: 16px; } .w-commerce-commercecheckoutorderitemoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none; } .w-commerce-commercecheckoutorderitemquantitywrapper { white-space: pre-wrap; display: flex; } .w-commerce-commercecheckoutdiscounts { background-color: #fff; border: 1px solid #e6e6e6; flex-wrap: wrap; padding: 20px; display: flex; } .w-commerce-commercecheckoutdiscountsinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; flex: 1; width: auto; min-width: 0; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutdiscountsinput::placeholder { color: #999; } .w-commerce-commercecheckoutdiscountsinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutdiscountsbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 3px; flex-grow: 0; flex-shrink: 0; align-items: center; height: 38px; margin-left: 8px; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem { flex-direction: row; justify-content: space-between; margin-bottom: 8px; display: flex; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutplaceorderbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 3px; align-items: center; margin-bottom: 20px; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commercepaypalcheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryflexboxdiv { flex-direction: row; justify-content: flex-start; display: flex; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: .33em; } .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commerceorderconfirmationcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px; } @media screen and (max-width: 767px) { .w-commerce-commercelayoutmain { flex-basis: auto; margin-right: 0; } .w-commerce-commercelayoutsidebar { flex-basis: auto; } } @media screen and (max-width: 479px) { .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput { font-size: 16px; } } body { background-color: var(--_theme---button-primary--text); font-family: var(--_text-style---font-family); color: var(--swatch--dark); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); cursor: none; text-transform: var(--_text-style---text-transform, none); } h1 { font-size: 38px; font-weight: 700; line-height: 44px; } h2 { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } h3 { font-size: 24px; font-weight: 700; line-height: 30px; } h4 { font-size: 18px; font-weight: 400; line-height: 24px; } h5 { font-size: 14px; font-weight: 700; line-height: 20px; } p { color: var(--_theme---text); margin-bottom: 10px; } a { font-family: var(--_typography---font--primary-family); color: var(--_theme---text); cursor: pointer; text-decoration: none; } ul { margin-top: 0; margin-bottom: 0; padding-left: 20px; } label { font-weight: 700; display: block; } .u-hflex-c-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .s-mb-7 { margin-bottom: 3rem; } .styles_nav_list { border-left: .094rem solid #fff; } .s-mt-2 { margin-top: .5rem; } .s-gap-0 { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); --_gap---size: 0rem; } .u-vflex-s-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .vertical-line { filter: invert(); background-color: #ffffff4d; width: 1px; height: 48em; display: flex; } .u-position-sticky { position: sticky; top: 0; } .l-container { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .c_click_link { z-index: 3; } .t-wrap-pretty { text-wrap: pretty; } .c_avatar_border-inner { outline-offset: -2px; border-radius: inherit; outline-width: 2px; outline-style: solid; outline-color: inherit; position: absolute; inset: 0%; } .c_avatar_border-inner.u-zindex-2 { z-index: 2; width: 1.5em; height: 1.5em; font-size: 1rem; } .styles_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .s-gap-row-3 { grid-row-gap: .75rem; } .u-align-items-end { align-content: flex-end; align-items: flex-end; } .u-position-fixed { position: fixed; } .u-align-self-stretch { align-self: stretch; } .styles_icon { flex-flow: column; display: flex; } .styles_icon.u-vflex-center-center { aspect-ratio: 1; height: 3rem; } .u-display-inline-flex { display: inline-flex; } .c_avatar_wrap { border-radius: .5em; position: relative; } .c_avatar_wrap:where(.w-variant-f2d9b160-afda-3707-1a96-47afd2027f0e) { border-radius: var(--radius--round); } .c_avatar_wrap:where(.w-variant-97e24fec-5260-3f4f-bea2-c89c94f605a3) { border-radius: 0; } .c_avatar_wrap.u-hflex-c-center.u-shadow-hover { border-radius: 100vw; } .u-hflex-wrap { flex-flow: wrap; } .c_icons_line { font-family: "Fa 400", Arial, sans-serif; font-weight: 400; line-height: 1; font-size: inherit; } .u-align-items-start { align-content: flex-start; align-items: flex-start; } .styles_nav_inner_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .styles_card_visual { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .l-container-full { max-width: var(--container--full); width: 100%; margin-left: auto; margin-right: auto; padding-top: 7rem; padding-bottom: 7rem; position: relative; } .c_emphasis_layout { grid-column-gap: .75rem; grid-row-gap: .75rem; display: inline-flex; } .u-align-self-auto { align-self: auto; } .u-width-full { width: 100%; } .text-block-2 { color: #0009; } .text-block-2.white { color: #fff9; } .text-cursor { color: #000; letter-spacing: 1.4px; font-weight: 500; display: none; } .l-page_main { background-color: var(--_theme---background); } .form_main_success_wrap { border: .094rem solid var(--_theme---success--flat-static); background-color: var(--_theme---success--flat-static); color: var(--_theme---success--flat-text); border-radius: 1rem; padding: 1.2rem; } .s-gap-row-7 { grid-row-gap: 3rem; } .c_footer_nav-text { letter-spacing: .025rem; font-size: 1.3em; font-weight: 400; } .styles_group { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .dm__rays { z-index: 3; justify-content: center; align-items: center; height: 100%; display: flex; position: absolute; inset: 0%; } .styles_guide_layout.u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); } .u-vflex-c-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .t-align-right { text-align: right; } .u-pointer-off { pointer-events: none; } .u-grid-breakout { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-align-self-start { align-self: flex-start; } .close-menu { z-index: 1000; filter: invert(); width: 2em; position: absolute; inset: 4% 3% auto auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); } .s-gap-row-gutter { grid-row-gap: 1rem; } .blur-background { z-index: -1; min-height: 150%; position: absolute; inset: 0%; } .u-overflow-visible { overflow: visible; } .c_avatar_icon { color: #fff; border-radius: inherit; font-size: inherit; width: 1.5em; height: 1.5em; } .c_avatar_icon.u-cover-absolute.u-zindex-3 { padding: 3px; } .t-wrap-wrap { text-wrap: wrap; } .u-zindex-under-nav { z-index: 999; position: relative; } .u-radius-none { border-radius: 0; } .u-column-indent { grid-column: 2 / -2; } .c_visual_overlay { background-color: #000; } .u-column-11 { grid-column: auto / span 11; } .u-align-items-center { align-content: center; align-items: center; } .s-gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .is--circle-menu-open { background-color: #fff; border-radius: 50%; width: 1em; height: 1em; margin-left: 1em; } .styles_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: .75rem; min-width: 16cqw; min-height: 16cqw; padding: 0; } .u-hflex-r-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .t-clamp-1 { display: -webkit-box; overflow: hidden; } .t-case-lower { text-transform: lowercase; } .u-tc-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .cursor-circle { mix-blend-mode: difference; border: 1px solid #ffffffbf; border-radius: 50px; justify-content: center; align-items: center; width: 2.2em; height: 2.2em; display: flex; position: absolute; } .s-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .c_nav { z-index: 999; position: fixed; inset: 0% 0% auto; } .s-mb-8 { margin-bottom: 4rem; } .t-clamp-3 { display: -webkit-box; overflow: hidden; } .c_visual_background { opacity: .1; background-color: currentColor; } .c_icon_toggle_wrap { z-index: 1001; background-color: #fff; border-radius: 500px; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; position: fixed; inset: auto auto 1% 1%; overflow: hidden; } .l-base_contain { margin-right: var(--site--margin); margin-left: var(--site--margin); text-align: center; height: auto; font-size: 1vw; } .l-base_contain.nav { z-index: 999; width: 100%; min-width: auto; height: auto; margin-left: 0; margin-right: 0; padding-left: 3.33em; padding-right: 3.33em; display: block; position: fixed; inset: 0% 0% auto; } .l-base_contain.intro { z-index: 1000; display: flex; position: absolute; inset: 0%; overflow: visible; } .form_main_field_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); text-align: left; flex-flow: column; width: 100%; display: flex; } .s-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .styles_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); max-height: calc(100vh - var(--site--margin) * 2); top: 11rem; bottom: var(--site--margin); background-color: color-mix(in srgb, var(--_theme---text), transparent 90%); border: 0 #000; order: 1; grid-column: 10 / span 3; padding: 1rem; position: sticky; overflow: hidden auto; } .u-hflex-c-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .u-vflex-l-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .styles_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; } .cursor { z-index: 99999; opacity: 0; mix-blend-mode: difference; justify-content: center; align-items: center; width: 100%; height: 100vh; transition: all .2s; display: flex; position: fixed; } .dm__ray { justify-content: space-between; width: 100%; height: 3px; display: flex; position: absolute; } .dm__ray.dm__ray--4 { transform: rotate(45deg); } .dm__ray.dm__ray--3 { transform: rotate(135deg); } .dm__ray.dm__ray--2 { transform: rotate(90deg); } .u-hide { display: none; } .u-grid-custom { grid-column-gap: 1rem; grid-row-gap: 1rem; --_column-count---value: 1; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .s-mt-4 { margin-top: 1rem; } .c_icons_solid-sm { font-family: "Fa Solid 900", Arial, sans-serif; font-weight: 400; font-size: inherit; color: inherit; align-self: center; } .t-size-sm { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: pretty; display: flow-root; } .s-mb-1 { margin-bottom: .25rem; } .u-hflex-b-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-overflow-hidden { overflow: hidden; } .s-gap-row-8 { grid-row-gap: 4rem; } .u-vflex-r-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .styles_structure { grid-template-columns: var(--grid-main); align-items: start; padding-top: 4rem; } .styles_structure.u-grid-from-large { padding-top: 11rem; } .styles_structure.u-grid-custom { --_column-count---value: 12; } .s-mb-4 { margin-bottom: 1rem; } .u-vflex-wrap { flex-flow: column wrap; } .u-hflex-b-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .c_btn-play_icon { aspect-ratio: 1; width: 36%; position: relative; } .styles_title { text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_option_list { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex; } .u-overflow-scroll { overflow: scroll; } .u-hflex-l-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .styles_placeholder { min-width: 20rem; } .u-overflow-auto { overflow: auto; } .t-fw-normal { font-weight: var(--_typography---font--primary-regular); } .t-align-left { text-align: left; } .u-vflex-l-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); 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; } .dot-cursor { background-color: #fff; border-radius: 50%; width: .6em; height: .6em; } .t-align-center { text-align: center; } .s-gap-row-4 { grid-row-gap: 1rem; } .u-hflex-l-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .styles_shadow-hover_item { border-radius: 100vw; min-width: 4rem; min-height: 4rem; } .styles_shadow-hover_item.u-shadow-hover { outline: 1px dashed #353233; } .styles_wrap { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); background-image: none; background-size: auto; } .l-section_contain { min-width: 100%; } .c_avatar { border-radius: inherit; position: relative; } .c_avatar.u-hflex-c-center.u-shadow-hover { width: 2em; height: 2em; font-size: 1rem; } .c_avatar.u-hflex-c-center.u-shadow-hover:where(.w-variant-97e24fec-5260-3f4f-bea2-c89c94f605a3) { border-radius: inherit; } .c_avatar.u-hflex-c-center.u-shadow-hover:where(.w-variant-da830508-9b48-88b1-24d5-3acf94804718) { font-size: 1.2rem; } .c_avatar.u-hflex-c-center.u-shadow-hover:where(.w-variant-aee18868-2b5d-aec0-b0d0-48f8893a6060) { font-size: 1.6rem; } .u-hflex-r-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .page_code_wrap { display: none; position: fixed; inset: 0% 0% auto; } .t-h1 { color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); text-wrap: balance; display: flow-root; } .u-zindex-2 { z-index: 2; position: relative; } .u-order-first { order: -1; } .s-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-display-inline-block { display: inline-block; } .styles_section { padding-top: 4rem; } .l-container-small { max-width: var(--container--small); width: 100%; margin-left: auto; margin-right: auto; padding-top: 7rem; padding-bottom: 7rem; position: relative; } .t-size-base { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: pretty; display: flow-root; } .u-hflex-c-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .u-vflex-l-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .u-flex-noshrink { flex: none; } .u-pointer-on { pointer-events: auto; } .s-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .t-fw-bold { font-weight: var(--_typography---font--primary-bold); margin-top: 0; margin-bottom: 0; } .styles_card_wrap { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: .094rem solid var(--_theme---alt1); background-color: var(--_theme---background); color: var(--_theme---text); border-radius: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styles_card_wrap.s-gap-6.u-vflex-l-between { border-color: var(--_theme---border); } .styles_card_wrap.u-theme-light { --_theme---button-primary--text: var(--swatch--brand); --_theme---text: var(--swatch--dark); --_theme---background: var(--swatch--light); --_theme---success--flat-static: var(--_color-style---color-success--100); --_theme---success--flat-text: var(--_color-style---color-success--600); --_theme---alt1: var(--swatch--light-tertiary); --_theme---border: var(--swatch--light-secondary); --_theme---text\: white; --_theme---background\: white; --_theme---danger--flat-static: var(--_color-style---color-danger--100); --_theme---danger--flat-text: var(--_color-style---color-danger--600); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---alt2: var(--swatch--light-quaternary); --_theme---danger--flat-hover: var(--_color-style---color-danger--50); --_theme---success--flat-hover: var(--_color-style---color-success--50); --_theme---warning--flat-text: var(--_color-style---color-warning--600); --_theme---warning--flat-hover: var(--_color-style---color-warning--50); --_theme---success--bg: var(--_color-style---color-success--500); --_theme---warning--bg: var(--_color-style---color-warning--500); --_theme---danger--bg: var(--_color-style---color-danger--500); --_theme---success--text-hover-dark: var(--_color-style---color-success--800); --_theme---border\: white; --_theme---border-2: var(--swatch--dark-faded); --_theme---border-hover: var(--swatch--light-quaternary); --_theme---toggle-offset: 0rem; --_theme---neutral--bg: var(--_color-style---color-neutral--500); --_theme---neutral--bg-hover-dark: var(--_color-style---color-neutral--300); --_theme---neutral--text: var(--_color-style---color-neutral--50); --_theme---success--bg-hover: var(--_color-style---color-success--700); --_theme---danger--bg-hover: var(--_color-style---color-danger--700); --_theme---danger--text: var(--_color-style---color-danger--50); --_theme---danger--text-hover: var(--_color-style---color-danger--50); --_theme---danger--background-dark: var(--_color-style---color-danger--500); --_theme---danger--background-hover-dark: var(--_color-style---color-danger--300); --_theme---danger--text-dark: var(--_color-style---color-danger--50); --_theme---danger--text-hover-dark: var(--_color-style---color-danger--900); --_theme---neutral--bg-hover: var(--_color-style---color-neutral--700); --_theme---neutral--text-hover: var(--_color-style---color-neutral--100); --_theme---neutral--bg-dark: var(--_color-style---color-neutral--500); --_theme---neutral--text-dark: var(--_color-style---color-neutral--50); --_theme---neutral--text-hover-dark: var(--_color-style---color-neutral--800); --_theme---neutral--flat-static: var(--_color-style---flat--neutral); --_theme---neutral--flat-hover: var(--_theme---neutral--bg-hover-dark); --_theme---neutral--flat-text: var(--_theme---text); --_theme---success--text: var(--_color-style---color-success--50); --_theme---success--text-hover: var(--_color-style---color-success--300); --_theme---success--background-dark: var(--_color-style---color-success--500); --_theme---success--background-hover-dark: var(--_color-style---color-success--300); --_theme---success--text-dark: var(--_color-style---color-success--500); --_theme---success--border: white; --_theme---warning--bg-hover: var(--_color-style---color-warning--600); --_theme---warning--text: var(--_theme---text); --_theme---warning--text-hover: var(--_color-style---color-warning--100); --_theme---warning--background-hover-dark: var(--_color-style---color-warning--300); --_theme---warning--text-dark: var(--_color-style---color-warning--500); --_theme---warning--text-hover-dark: var(--_color-style---color-warning--800); --_theme---warning--background-dark: var(--_color-style---color-warning--500); --_theme---warning--flat-static: var(--_color-style---color-warning--100); --_theme---background-hover: var(--_color-style---color-neutral--400); --_theme---text-hover: var(--_theme---button-primary--text-hover); --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border: var(--swatch--transparent); --_theme---button-primary--background-hover: var(--swatch--dark-quaternary); --_theme---button-primary--border-hover: var(--swatch--transparent); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--text: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--_theme---text-hover); --_theme---button-secondary--border-hover: var(--swatch--brand); } .styles_card_wrap.u-theme-dark { --_theme---button-primary--text: var(--swatch--brand-text); --_theme---text: var(--swatch--light); --_theme---background: var(--swatch--dark); --_theme---success--flat-static: var(--_color-style---color-success--800); --_theme---success--flat-text: var(--_color-style---color-success--300); --_theme---alt1: var(--swatch--dark-tertiary); --_theme---border: var(--swatch--dark-secondary); --_theme---text\: white; --_theme---background\: white; --_theme---danger--flat-static: var(--_color-style---color-danger--800); --_theme---danger--flat-text: var(--_color-style---color-danger--300); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---alt2: var(--swatch--dark-quaternary); --_theme---danger--flat-hover: var(--_color-style---color-danger--900); --_theme---success--flat-hover: var(--_color-style---color-success--900); --_theme---warning--flat-text: var(--_color-style---color-warning--300); --_theme---warning--flat-hover: var(--_color-style---color-warning--900); --_theme---success--bg: var(--_color-style---color-success--500); --_theme---warning--bg: var(--_color-style---color-warning--500); --_theme---danger--bg: var(--_color-style---color-danger--500); --_theme---success--text-hover-dark: var(--_color-style---color-success--800); --_theme---border\: white; --_theme---border-2: var(--swatch--light-faded); --_theme---border-hover: var(--swatch--dark-quaternary); --_theme---toggle-offset: 1.3rem; --_theme---neutral--bg: var(--_color-style---color-neutral--500); --_theme---neutral--bg-hover-dark: var(--_color-style---color-neutral--300); --_theme---neutral--text: var(--_color-style---color-neutral--50); --_theme---success--bg-hover: var(--_color-style---color-success--700); --_theme---danger--bg-hover: var(--_color-style---color-danger--700); --_theme---danger--text: var(--_color-style---color-danger--50); --_theme---danger--text-hover: var(--_color-style---color-danger--50); --_theme---danger--background-dark: var(--_color-style---color-danger--500); --_theme---danger--background-hover-dark: var(--_color-style---color-danger--300); --_theme---danger--text-dark: var(--_color-style---color-danger--50); --_theme---danger--text-hover-dark: var(--_color-style---color-danger--900); --_theme---neutral--bg-hover: var(--_color-style---color-neutral--700); --_theme---neutral--text-hover: var(--_color-style---color-neutral--100); --_theme---neutral--bg-dark: var(--_color-style---color-neutral--500); --_theme---neutral--text-dark: var(--_color-style---color-neutral--50); --_theme---neutral--text-hover-dark: var(--_color-style---color-neutral--800); --_theme---neutral--flat-static: var(--_color-style---flat--neutral); --_theme---neutral--flat-hover: var(--_theme---neutral--bg-hover-dark); --_theme---neutral--flat-text: var(--_theme---text); --_theme---success--text: var(--_color-style---color-success--50); --_theme---success--text-hover: var(--_color-style---color-success--300); --_theme---success--background-dark: var(--_color-style---color-success--500); --_theme---success--background-hover-dark: var(--_color-style---color-success--300); --_theme---success--text-dark: var(--_color-style---color-success--500); --_theme---success--border: white; --_theme---warning--bg-hover: var(--_color-style---color-warning--600); --_theme---warning--text: var(--_theme---text); --_theme---warning--text-hover: var(--_color-style---color-warning--100); --_theme---warning--background-hover-dark: var(--_color-style---color-warning--300); --_theme---warning--text-dark: var(--_color-style---color-warning--500); --_theme---warning--text-hover-dark: var(--_color-style---color-warning--800); --_theme---warning--background-dark: var(--_color-style---color-warning--500); --_theme---warning--flat-static: var(--_color-style---color-warning--800); --_theme---background-hover: var(--_color-style---color-neutral--700); --_theme---text-hover: var(--_theme---button-primary--text-hover); --_theme---button-primary--background: var(--swatch--light); --_theme---button-primary--border: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--light-quaternary); --_theme---button-primary--border-hover: var(--swatch--light-quaternary); --_theme---button-primary--text-hover: var(--swatch--dark); --_theme---button-secondary--border: var(--swatch--light); --_theme---button-secondary--text: var(--swatch--light); --_theme---button-secondary--background-hover: var(--swatch--light); --_theme---button-secondary--text-hover: var(--_theme---text-hover); --_theme---button-secondary--border-hover: var(--swatch--brand); } .u-display-inline-grid { display: inline-grid; } .u-radius-inherit { border-radius: inherit; } .s-mb-6 { margin-bottom: 2rem; } .grid-item { margin-top: 0; margin-bottom: 0; } .grid-item.is--menu { z-index: 3000; justify-content: center; align-items: center; width: 10%; display: none; position: relative; } .grid-item.is--logo { width: var(--column-width--1); aspect-ratio: 1; justify-content: center; align-items: center; display: none; } .grid-item.column2-footer { flex-direction: column; flex: 1; justify-content: flex-start; align-items: flex-start; width: 25%; display: flex; } .grid-item.column2-footer.menu { width: 100%; margin-bottom: 1.5em; } .grid-item.column2-footer.menu._1 { display: none; } .grid-item.is--menu-text { justify-content: center; align-items: center; width: 80%; display: none; } .grid-item._1 { align-items: flex-start; width: auto; margin-left: 6%; display: block; position: absolute; inset: 8% auto auto 0%; } .t-h3 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: balance; display: flow-root; } .u-grid-from-large { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-vflex-s-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .c_btn-play_pause { opacity: 0; } .c_emphasis_wrap { margin-bottom: 1.5rem; } .s-gap-row-2 { grid-row-gap: .5rem; } .t-h4 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: balance; display: flow-root; } .u-column-4 { grid-column: auto / span 4; } .c_avatar_img { border-radius: inherit; } .styles_guide_contain.u-container { max-width: var(--container--main); } .s-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); flex-flow: wrap; } .u-overflow-y-auto { overflow: hidden auto; } .u-vflex-s-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .u-cover { width: 100%; height: 100%; } .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-hflex-l-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .styles_shadow_item { border-radius: 100vw; min-width: 4rem; min-height: 4rem; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .styles_visual { aspect-ratio: 3 / 1.5; text-align: center; border: .094rem solid #fff; border-radius: .5rem; width: 100%; max-height: 7rem; padding: .25rem; position: relative; overflow: hidden; } .u-grid-from-medium { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .c_footer_nav-line { background-color: #000; width: 0%; height: 1px; } .u-grid-from-small { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .styles_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .u-display-block { display: block; } .styles_scroll { padding-left: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); overflow-wrap: normal; margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; 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; -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%); } .u-position-static { position: static; } .dm__ray-dot { background-color: #000; border-radius: 50%; width: 3px; height: 3px; } .s-gap-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .c_click_wrap.u-cover-absolute.u-radius-inherit.u-zindex-null, .c_click_wrap.u-cover-absolute.u-radius-inherit.u-zindex-3 { opacity: .75; } .u-overflow-x-auto { overflow: auto hidden; } .styles_nav_sub_list { overflow: hidden; } .u-column-6 { grid-column: auto / span 6; } .u-align-self-center { align-self: center; } .u-column-9 { grid-column: auto / span 9; } .u-block-gap-vertical { display: block; } .dm { justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; position: relative; } .u-zindex-over-nav { z-index: 1001; position: relative; } .dot-container { justify-content: center; align-items: center; width: 1em; height: 1em; display: flex; position: absolute; } .u-zindex-3 { z-index: 3; } .divider { background-color: #d1d1d1; padding: 0 0 1px; } .divider.is-light { opacity: .7; } .t-case-none { text-transform: none; } .t-h6 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: balance; display: flow-root; } .u-flex-shrink { flex: 0 auto; } .u-align-self-end { align-self: flex-end; } .s-gap-row-0 { grid-row-gap: 0rem; } .u-hflex-b-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .s-gap-row-5 { grid-row-gap: 1.5rem; } .u-column-custom { grid-column: auto / span 1; } .u-vflex-r-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-visual-wrap { aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .t-wrap-balance { text-wrap: balance; } .u-vflex-c-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .c_avatar_background { border-radius: inherit; background-color: #fff; padding-bottom: 0; padding-right: 0; } .s-mb-3 { margin-bottom: .75rem; } .s-mt-8 { margin-top: 4rem; } .u-display-inline { display: inline; } .s-mb-0 { margin-bottom: 0; } .s-mt-1 { margin-top: .25rem; } .u-vflex-r-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .open-menu { position: absolute; } .blur-background-sm { z-index: -1; position: absolute; inset: 0% 0% auto; } .u-radius-main { border-radius: 1rem; } .u-column-7 { grid-column: auto / span 7; } .u-column-3 { grid-column: auto / span 3; } .c_footer_nav-link { letter-spacing: 1.5px; text-transform: uppercase; flex-flow: column; justify-content: center; align-items: flex-start; margin-bottom: 0; font-size: 1em; line-height: 1.6; transition: color .3s; display: flex; } .c_footer_nav-link:hover { opacity: .6; } .u-block-gap { margin-left: calc(var(--gap-x) / 2 * -1); margin-right: calc(var(--gap-x) / 2 * -1); vertical-align: middle; padding-top: .01px; padding-bottom: .01px; display: block; } .s-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-column-8 { grid-column: auto / span 8; } .s-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .menu-open-text-right-side { color: #fff; margin-bottom: .5em; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: .97em; text-decoration: none; } .menu-open-text-right-side.hidden { display: none; } .u-column-10 { grid-column: auto / span 10; } .l-page_wrap { background-color: var(--_theme---text); overflow: clip; } .t-fw-med { font-weight: var(--_typography---font--primary-medium); } .t-h2 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); text-wrap: balance; display: flow-root; } .grid-menu-open { align-items: center; margin-bottom: 2em; display: flex; } .grid-menu-open._3 { filter: invert(); } .grid-menu-open._1, .grid-menu-open._2 { filter: invert(); margin-bottom: 3em; } .u-column-2 { grid-column: auto / span 2; } .u-flex-grow { flex: 1; } .styles_section-heading { background-color: var(--_theme---alt1); color: #f6f6f6; border-radius: .5rem; margin-bottom: 1rem; padding: 1rem; } .u-vflex-c-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .u-align-items-stretch { align-content: stretch; align-items: stretch; } .c_avatar_border { outline-offset: -2px; border-radius: inherit; outline-width: 4px; outline-style: solid; outline-color: inherit; padding-bottom: 0; padding-right: 0; position: absolute; inset: 0%; } .u-position-relative { position: relative; } .styles_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; } .t-h5 { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: balance; display: flow-root; } .u-max-width-none { max-width: none; } .grid { flex-flow: column; justify-content: space-between; } .grid.nav { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: row; justify-content: center; align-items: center; min-height: 6rem; display: flex; } .grid.menu { filter: invert(); flex-direction: column; } .grid.footer { grid-row-gap: 16px; grid-template-rows: 1fr auto auto 4rem; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: column; min-height: 90vh; display: grid; position: relative; } .u-grid-autofill { grid-column-gap: 1rem; grid-row-gap: 1rem; --_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; } .s-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-column-full { grid-column: 1 / -1; } .s-mt-5 { margin-top: 1.5rem; } .u-overflow-clip { overflow: clip; } .s_tag_wrap { background-color: var(--_theme---text); color: var(--_theme---background); text-align: center; border-radius: .5rem; min-width: 4rem; padding: .5rem .75rem; line-height: 1em; display: inline-block; } .c_form_main_wrap { width: 100%; margin-bottom: 0; } .t-clamp-4 { display: -webkit-box; overflow: hidden; } .c_icon_toggle { z-index: 50; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .t-clamp-2 { display: -webkit-box; overflow: hidden; } .form_main_list { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; align-items: flex-start; display: flex; } .c_click_btn { cursor: pointer; } .c_click_btn.u-cover-absolute.u-radius-inherit { display: none; } .c_click_btn.u-cover-absolute.u-radius-inherit.u-zindex-3:hover { color: #fff; } .u-child-contain { min-width: 100%; max-width: 45ch; } .styles_list { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .u-grid-column-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-2); display: grid; } .u-column-12 { grid-column: auto / span 12; } .styles_flex_wrap { aspect-ratio: 1; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75b4_dots.svg"); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .s-mt-gutter { margin-top: 1rem; } .u-radius-round { border-radius: 100vw; } .c_btn_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 1.1em; justify-content: center; align-items: center; font-size: 1rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; position: relative; } .c_btn_wrap:where(.w-variant-30cf5fab-7790-09db-4cb0-5716bb0424ef) { font-size: 1.2rem; } .c_btn_wrap:where(.w-variant-fb670367-120d-00fa-dcb8-ef195c07a38d) { font-size: 1.4rem; } .c_btn_wrap:where(.w-variant-61a387c2-0e1a-e3a2-b4b8-271901d63a23) { font-size: 1.2rem; } .c_btn_wrap:where(.w-variant-61a387c2-0e1a-e3a2-b4b8-271901d63a24) { font-size: 1.4rem; } .c_btn_wrap:where(.w-variant-986e7826-fb6a-6b91-182f-c3e0aeefdca4) { font-size: 1.2rem; } .c_btn_wrap:where(.w-variant-986e7826-fb6a-6b91-182f-c3e0aeefdca5) { font-size: 1.4rem; } .c_btn_wrap:hover { color: var(--_theme---background\); } .c_btn_wrap.u-hflex-c-center { grid-column-gap: .5rem; grid-row-gap: .5rem; } .dm__moon { z-index: 2; background-color: #fff; border-radius: 50%; width: 1.5rem; height: 1.5rem; position: absolute; transform: translate(-100%); } .u-position-absolute { position: absolute; } .s-mt-6 { margin-top: 2rem; } .s-mt-7 { margin-top: 3rem; } .s-gap-row-1 { grid-row-gap: .25rem; } .image-menu-open { filter: none; width: 3em; position: static; } .c_icons_brands-sm { font-family: "Fa Brands 400", Arial, sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.3em; } .dm__center { z-index: 1; background-color: #000; border-radius: 50%; width: 1.5rem; height: 1.5rem; position: relative; transform: scale(.5); } .u-zindex-0 { z-index: 0; position: relative; } .styles_nav_link { padding-top: .125rem; padding-bottom: .125rem; padding-left: .75rem; display: block; } .styles_nav_link.w--current { border-left: .094rem solid; } .circle { border: 1px solid #000; border-radius: 50%; justify-content: center; align-items: center; width: 2em; height: 2em; display: flex; } .circle.footer { width: 2em; margin-bottom: 1.39em; } .circle.footer.white { border-color: #fff; } .s-mb-gutter { margin-bottom: 1rem; } .c_emphasis_text { margin-top: 0; margin-bottom: 0; } .u-column-5 { grid-column: auto / span 5; } .u-vflex-c-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .s-mt-3 { margin-top: .75rem; } .s-gap-row-6 { grid-row-gap: 2rem; } .u-vflex-l-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .s-mb-5 { margin-bottom: 1.5rem; } .styles_footer { text-align: center; border-top: .094rem solid #fff; } .s_tag_header_wrap { color: #fff; text-align: center; background-color: #fff; border-radius: .5rem; min-width: 4rem; padding: .5rem .75rem; line-height: 1em; display: inline-block; } .form_main_error_wrap { border: .094rem solid var(--_theme---danger--flat-static); background-color: var(--_theme---danger--flat-static); color: var(--_theme---danger--flat-text); border-radius: 1rem; margin-top: 1.3rem; padding: .8rem 1.4rem; } .u-embed-js { margin-bottom: 0; } .u-order-last { order: 1; } .is--left-side { width: 66%; margin-left: 7em; } .u-grid-flex { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; display: flex; } .u-column-1 { grid-column: auto / span 1; } .c_btn-play_wrap { aspect-ratio: 1; background-color: color-mix(in srgb, var(--_theme---button-primary--background), transparent 80%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: var(--_button-style---text); vertical-align: middle; --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---text); --_button-style---background-hover: #fff9; --_button-style---background: var(--_theme---button-primary--background); --_button-style---border-hover: white; border-radius: 100vw; justify-content: center; align-items: center; width: 5rem; transition-property: border-color, color, background-color; transition-duration: .2s, .2s, .2s; transition-timing-function: ease, ease, ease; display: inline-flex; position: relative; } .c_btn-play_wrap:where(.w-variant-6b1f8922-765e-b805-5efd-90f27f9007c7) { border-top-style: solid; border-top-width: 1px; border-top-color: var(--_button-style---border); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_button-style---border); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_button-style---border); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_button-style---border); background-color: color-mix(in srgb, var(--theme--background), transparent 95%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--_theme---text); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--swatch--transparent); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .c_btn-play_wrap:where(.w-variant-65fd787f-cf38-df65-7f2b-9d1a028733a6) { background-color: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---border-hover: var(--_button-style---background-hover); } .c_btn-play_wrap:hover { background-color: color-mix(in srgb, var(--theme--text), transparent 90%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: var(--_button-style---text-hover); } .c_btn-play_wrap:hover:where(.w-variant-6b1f8922-765e-b805-5efd-90f27f9007c7) { background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .c_btn-play_wrap:hover:where(.w-variant-65fd787f-cf38-df65-7f2b-9d1a028733a6) { background-color: var(--_button-style---background-hover); color: var(--swatch--light); } .c_btn-play_wrap.u-shadow-hover:hover:where(.w-variant-65fd787f-cf38-df65-7f2b-9d1a028733a6) { color: var(--_button-style---text-hover); } .c_avatar_overlay { border-radius: inherit; background-color: #000; } .c_btn_group { margin-top: 2rem; } .u-min-height-screen { min-height: 100svh; } .styles_subheading.u-text-style-h6 { font-size: var(--_text-style---font-size); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); margin-bottom: 1.5rem; } .u-order-last-desktop { order: 1; } .u-vflex-r-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-vflex-s-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .image-menu-close { z-index: 7000; position: static; } .u-hflex-l-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .s-gap-row-inherit { grid-row-gap: inherit; } .u-hflex-r-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .u-radius-small { border-radius: .5rem; } .styles_btn_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); display: flex; } .u-hflex-s-between { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .menu-open { z-index: 1000; background-color: #fff; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; height: 100vh; position: fixed; inset: 0%; } .u-hflex-s-right { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .t-case-caps { text-transform: capitalize; } .c_emphasis_marker { background-color: currentColor; flex: none; width: .094rem; padding-bottom: 0; padding-right: 0; } .is--right-side { width: 34%; margin-left: 7em; } .text-menu-open { color: #fff; font-size: 3.5em; text-decoration: none; } .t-size-lg { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: 0; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: pretty; margin-top: .5rem; margin-bottom: .5rem; display: flow-root; } .t-case-allcaps { text-transform: uppercase; } .s-mb-2 { margin-bottom: .5rem; } .styles_font_item { grid-column-gap: 1rem; grid-row-gap: 1rem; border-bottom: .094rem solid #fff; padding-top: 1.5rem; padding-bottom: 1.5rem; } .u-hflex-c-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .u-zindex-negative { z-index: -1; position: relative; } .u-height-full { height: 100%; } .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; } .c_btn_text { text-align: center; font-size: 1em; line-height: inherit; position: relative; } .styles_nav_sub_link { opacity: .6; padding-top: .125rem; padding-bottom: .125rem; padding-left: 1.25rem; line-height: 1.3em; display: block; } .styles_nav_sub_link:hover, .styles_nav_sub_link.w--current { opacity: 1; } .image { filter: invert(); width: 4em; } .s-mt-0 { margin-top: 0; } .t-display { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_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); text-wrap: balance; margin-top: 1.5rem; display: flow-root; } .c_price-card_bg { z-index: 0; background-color: #ff9e3c99; height: 0%; position: absolute; inset: auto 0% 0%; } .modal-services { z-index: 5; grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; position: relative; } .bento-slide-top { flex: 1; justify-content: center; align-items: center; width: 100%; display: flex; position: relative; } .code-embed-3 { position: absolute; inset: 0%; } .t_footer_tm { margin-top: 0; margin-bottom: 0; font-size: 11px; font-weight: 400; line-height: 100%; text-decoration: none; } .c_loader_svg-logo { display: block; position: absolute; inset: 0%; } .c_loader_logo-ph { display: block; position: absolute; inset: 13% 0% 0% -1%; } .c_loader_logo-wrap { width: 30vw; min-height: 30vw; position: relative; } .t_card_rich-text { opacity: .75; font-size: var(--_text-style---font-size); letter-spacing: -.025em; margin-top: 1.5rem; margin-bottom: 0; } .project-logo { justify-content: center; align-items: center; max-width: 100%; display: none; } .live-site-link { z-index: 999; aspect-ratio: 1; background-color: #fff6; border-radius: 1.5rem; flex: 0 auto; justify-content: center; align-self: stretch; align-items: center; min-height: auto; max-height: 3.5rem; position: relative; } .text-color-primary { color: #fff; } .bento-person-image { object-position: 50% 100%; max-width: 120%; height: 120%; margin-top: -30%; margin-bottom: 16%; position: relative; bottom: -1rem; right: 0; overflow: visible; } .bento-person-image.project-3 { max-width: 100%; height: 130%; margin-bottom: 0%; margin-left: 15%; right: auto; } .bento-person-image.project-6 { object-fit: contain; margin-top: 11%; } .modal-client-wrapper { z-index: 605; grid-column-gap: 1rem; grid-row-gap: 1rem; word-break: normal; justify-content: flex-start; align-items: center; min-width: 100%; display: flex; position: relative; } .client-name { font-size: var(--_typography---font-size--h4); color: inherit; margin-top: 0; margin-bottom: 0; font-weight: 500; } .c_projects_card { z-index: 10; perspective: 2000px; justify-content: center; align-items: flex-start; height: 100vh; display: flex; position: relative; } .c_loader_wrap { z-index: 1500; min-height: 100svh; display: none; position: fixed; inset: 0%; } .content { grid-column-gap: 24px; grid-row-gap: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .modal-bg { z-index: -1; filter: blur(5px); background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; flex: 1; width: 100%; position: absolute; inset: 0%; overflow: visible; } .c_loader_logo-bottom { display: block; position: absolute; inset: 0%; } .button { color: #000; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; background-color: #fff; border: 1px solid #000c; border-radius: 4px; justify-content: center; align-items: center; margin: 0; padding: .75rem 1rem; font-size: 13px; font-weight: 500; line-height: 110%; text-decoration: none; transition: all .3s, box-shadow .2s, background-color .3s, border .3s; display: inline-block; position: relative; overflow: hidden; } .button:hover { color: #fff; background-color: #000; border-color: #000c; transform: translate(2px, -2px); box-shadow: -3px 4px 10px 4px #0003; } .kl-modal-wrapper { border-top-left-radius: 3rem; border-top-right-radius: 3rem; width: 100vw; display: block; position: absolute; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .svg-2 { position: absolute; inset: 0%; } .project-title-wrapper { font-family: var(--_typography---font--secondary-family); align-self: flex-end; min-height: 100%; margin-left: -3vw; font-size: 8vw; } .modal-top { background-image: linear-gradient(180deg, #0000, var(--swatch--light-secondary)), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a4_newborn-service-image.avif"), linear-gradient(180deg, var(--swatch--light-tertiary), #fff0); background-position: 0 0, 0 0, 0 0; background-size: auto, cover, auto; flex-flow: column; justify-content: flex-start; align-items: stretch; min-width: 100%; height: 28rem; padding-top: 3rem; padding-bottom: 3rem; padding-left: 2.5rem; display: flex; position: absolute; } .bento-grid-item { background-color: #fff3; border-radius: .75rem; height: 20rem; min-height: auto; position: relative; overflow: hidden; } .bento-grid-item.is-person { z-index: 3; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f9_A%2BL2.png"); background-position: 0 0; background-size: auto 100%; flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; overflow: visible; } .bento-grid-item.is-person.app { background-image: none; justify-content: center; align-items: center; } .bento-grid-item.is-person.project-2 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7666_blab-img%201.avif"); background-position: 50%; background-size: cover; } .bento-grid-item.is-intro { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; height: auto; padding: 3rem 3rem 4rem; display: flex; } .bento-grid-item.bg-image-large { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7664_a%2Bl-publication-cover.avif"); background-position: 50% 24%; background-repeat: no-repeat; background-size: 100%; justify-content: center; align-items: flex-start; display: flex; } .bento-grid-item.bg-image-large.project-6 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7611_ES-Webflow.avif"); background-position: 100% 0; background-repeat: no-repeat; background-size: cover; } .bento-grid-item.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7661_Co.Lab-screens%202.avif"); background-position: 60%; background-size: 190%; justify-content: center; align-items: flex-start; max-height: none; display: flex; } .bento-grid-item.ecomm-image { z-index: 3; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f8_ES-Shop.png"); background-position: 0 0; background-size: auto 100%; flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; overflow: visible; } .bento-grid-item.is-slideshow { width: 100%; display: none; } .bento-grid-item.is-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f4_blab2.png"); background-position: 50% 100%; background-size: cover; height: auto; min-height: 100%; } .bento-grid-item.is-image.project-3 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7677_Coinmate%20App%20Screens.avif"); background-position: 0%; background-repeat: no-repeat; background-size: cover; } .bento-grid-item.is-image.project-6 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75fc_ES-Full-Desktop.webp"); background-position: 50% 100%; } .bento-grid-item.is-image.project-1 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f1_HOME.png"); } .bento-grid-item.is-image.project-4 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ed_Home%20Page.png"); } .bento-grid-item.is-image.project-5 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7614_Landing%20Page.png"); background-position: 50% 100%; } .bento-grid-item.is-image.project-7 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7610_screencapture-femmeconnection-au-2025-03-20-18_33_29%201.webp"); } .bento-grid-item.is-opaque { z-index: 3; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; overflow: visible; } .bento-grid-item.is-mood-image { justify-content: center; align-items: center; min-height: 14rem; max-height: 14rem; display: flex; } .bento-grid-item.is-mood-image.bg-solid { min-height: 100%; } .bento-grid-item.is-mood-image.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7660_cells.avif"); background-position: 50%; background-size: cover; min-height: 100%; max-height: none; } .bento-grid-item.is-mood-image.bg-gradient { background-image: linear-gradient(340deg, #59b376 31%, #aff4c7 71%); height: auto; min-height: 100%; max-height: none; } .vectors-wrapper { object-fit: cover; justify-content: center; align-items: center; width: 10px; height: 10px; text-decoration: none; display: flex; position: absolute; inset: auto -22% 0% auto; } .bento-chart-image { justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 4rem; padding-left: 2.5rem; padding-right: 2.5rem; position: absolute; } .kl-solutions-list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: center; align-items: flex-start; padding-left: 0; list-style-type: none; display: flex; } .c_footer_content { flex-direction: column; justify-content: flex-start; align-items: center; min-height: 100%; padding-top: 20px; padding-bottom: 20px; text-decoration: none; display: flex; } .footer-subtext { text-align: left; margin-top: 0; margin-bottom: 0; font-size: .8rem; font-weight: 400; line-height: 100%; text-decoration: none; } .c_footer_subtext-wrapper { height: 4rem; padding-bottom: .5rem; } .c_loader_logo-top { display: block; position: absolute; inset: 0%; } .modal-brand-logo { background-color: #ffffff4d; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), radial-gradient(circle, #ffffff75, #fff0 42%); background-position: 0 0, 0 0; background-size: auto, auto; border: 2px solid #ffffff80; border-radius: 100px; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .modal-close { z-index: 601; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ac_close-icon.svg"), linear-gradient(#ffffffbf, #ffffffbf); background-position: 50%, 0 0; background-repeat: no-repeat, repeat; background-size: 60%, auto; border-radius: 400px; width: 4rem; height: 4rem; position: absolute; inset: 2rem 2rem auto auto; } .c_sticky-spiral_logo { opacity: .5; filter: blur(5px); justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 0; padding-right: 0; display: flex; position: absolute; inset: -5% 0% 0%; } .c_price-card_media { width: 100%; height: 61.8034%; display: none; position: relative; inset: 0% 0% auto; } .c_footer_links { z-index: 2; grid-row-gap: 12px; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 1.5rem; text-decoration: none; display: flex; position: absolute; inset: 10% auto 0% 0%; } .c_footer_links.left { justify-content: center; align-items: flex-start; max-width: 25%; inset: 0% auto auto 0%; } .c_footer_links.right { grid-row-gap: 0px; justify-content: center; align-items: flex-end; inset: 0% 0% auto auto; } .c_projects_card-img { min-width: 100%; max-width: 100%; } .disc-img { width: 100%; max-width: none; } .kl-modal-overlay { z-index: 1000; opacity: 0; width: 100vw; height: 100%; display: none; position: fixed; bottom: 0%; left: 0%; right: 0%; } .bento-grid-client-image { object-fit: cover; border-radius: 999rem; width: 8rem; height: 8rem; position: absolute; box-shadow: 0 2.1em 2em #0000003d; } .bento-grid-client-image.is-6 { margin-top: auto; margin-bottom: auto; inset: 0% auto 0 -5%; } .bento-grid-client-image.is-3 { width: 5rem; height: 5rem; inset: auto auto 23% 26%; } .bento-grid-client-image.is-1 { inset: 30% auto auto -5%; } .bento-grid-client-image.is-2 { width: 5rem; height: 5rem; inset: 9% 22% auto auto; } .bento-grid-client-image.is-4 { width: 6rem; height: 6rem; inset: auto 10% 3% auto; } .bento-grid-client-image.is-5 { inset: auto 17% 17% auto; } .bento-grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto minmax(auto, 1fr); grid-template-columns: 1fr 1fr 1fr minmax(10rem, 20rem); width: 100%; max-height: 100%; } .rive-canvas { z-index: 999; opacity: .7; flex: 1; align-self: center; inset: 0%; } .bento-slider-do-not-touch { z-index: 3; width: 100%; position: absolute; inset: 0% 0% 3.5rem; } .c_hero_header { justify-content: center; min-width: 100%; margin-top: 6rem; margin-bottom: 2rem; display: flex; } .c_spline_responsive { display: none; } .services-bottom { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .spacer-xxs-end { padding-bottom: .5rem; } .c_spline_lg { z-index: 1; filter: none; padding-top: 3rem; position: absolute; inset: 0% 0% 15%; overflow: hidden; } .modal-heading-wrapper { z-index: 605; min-width: 100%; min-height: 4rem; position: relative; } .modal-inner_top { justify-content: space-between; min-width: 100%; margin-bottom: 2rem; display: flex; } .full-image { object-fit: cover; width: 100%; height: 100%; } .container-large { width: 100%; max-width: 110rem; margin-left: auto; margin-right: auto; } .c_footer_brand-wrapper { z-index: -1; font-family: var(--_typography---font--secondary-family); font-variation-settings: "wght" 600; letter-spacing: 1rem; flex-flow: column; flex: 0 auto; justify-content: flex-end; align-items: flex-start; max-width: 100%; min-height: auto; text-decoration: none; display: flex; position: relative; overflow: visible; } .kl-service-wrapper { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); cursor: pointer; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#fff6, #fff6); background-position: 140%, 0 0; background-repeat: no-repeat, repeat; background-size: 30px, auto; border-radius: 100px; justify-content: center; align-items: center; padding: 1rem 2rem; transition: all .2s; display: flex; } .kl-service-wrapper.is-static { background-color: #fff6; background-image: none; } .kl-service-wrapper.heading-h2:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75aa_Design.svg"), linear-gradient(#fff6, #fff6); background-position: 93%, 0 0; padding-left: 2.5rem; padding-right: 4rem; } .kl-service-wrapper.heading-h2.branding { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(#fff6, #fff6); background-position: 140%, 0 0; } .kl-service-wrapper.heading-h2.branding:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(#fff6, #fff6); background-position: 90%, 0 0; } .kl-service-wrapper.heading-h2.dev { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75a8_Dev.svg"), linear-gradient(#fff6, #fff6); background-position: 132%, 0 0; } .kl-service-wrapper.heading-h2.dev:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75a8_Dev.svg"), linear-gradient(#fff6, #fff6); background-position: 92%, 0 0; } .kl-service-wrapper.heading-h2.design { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75aa_Design.svg"), linear-gradient(#fff6, #fff6); } .kl-service-wrapper.heading-h2.design:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75aa_Design.svg"), linear-gradient(#fff6, #fff6); background-position: 89%, 0 0; } .bento-image-bottom { object-fit: cover; object-position: 50% 100%; border-radius: .75rem; width: 80%; margin-top: -30%; position: relative; bottom: 0; } .bento-shine { z-index: 2; pointer-events: none; mix-blend-mode: overlay; background-image: radial-gradient(circle farthest-side at 50% 0, #d1d1d180, #0000); position: absolute; inset: 0%; } .c_scroll-card_header { font-family: var(--_typography---font--secondary-family); letter-spacing: var(--_typography---letter-spacing--0em); margin-top: 0; margin-bottom: 0; font-size: 2rem; font-weight: 500; line-height: 1.2; } .c_projects_card-text { flex-direction: column; justify-content: center; align-items: center; width: 50%; min-height: 60vh; display: flex; } .c_projects_card-image { z-index: -1; border-radius: 12px; justify-content: center; align-items: flex-start; min-width: 50%; max-width: 50%; min-height: 60vh; max-height: 60vh; display: flex; position: relative; overflow: hidden; box-shadow: 12px 7px 20px 7px #0003; } .right-arrow { display: none; } .bento-slide { width: 100%; margin-right: -1px; } .text-size-medium { font-size: 1.125rem; line-height: 180%; } .c_price-card_text { z-index: 1; grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); text-align: left; flex-flow: column; display: flex; position: relative; } .webflow-logo { color: #91dfb5; width: 8rem; height: auto; margin-right: -.5rem; } .c_price-card_content { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; flex: 1; justify-content: space-between; padding: 2rem; display: flex; position: relative; } .c_hero_body { text-align: center; max-width: 75%; font-size: 2vw; font-weight: 400; line-height: 1.6; } .lg-center-image { max-width: none; height: 100%; } .c_footer_tm-wrap { grid-column-gap: 2px; flex: 0 auto; justify-content: flex-start; align-items: flex-end; text-decoration: none; display: flex; position: relative; } .c_hero_content { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; max-width: none; display: flex; } .c_hero_lottie { filter: invert(); justify-content: center; align-items: center; max-width: 9vw; margin-left: 8px; margin-right: 8px; display: flex; } .spacer-xl-start { padding-top: 7.5rem; } .spacer-xl-start.spacer-xl-end { padding-top: 3rem; } .bento-slide-bottom { text-align: center; width: 100%; padding: 5rem 2.5rem; } .hero-heading { letter-spacing: 4px; font-size: 8vw; font-weight: 400; line-height: 100%; } .bento-grid-intro-inner { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; width: 100%; max-width: 34rem; display: flex; } .bento-slider { z-index: 2; background-color: #0000; width: 100%; height: 100%; } .c_liner_footer-line { background-color: var(--_theme---alt2); width: 91em; height: 1px; } .c_liner_footer-line.right { border-top-style: none; border-top-width: 0; width: 12em; position: absolute; inset: auto 0% 0% auto; } .c_liner_footer-line.left { border-top-style: none; border-top-width: 0; width: 12em; position: absolute; inset: auto auto 0% 0%; } .c_loader_contain { z-index: 1000; justify-content: center; align-items: center; min-width: 100vw; min-height: 100vh; display: flex; overflow: hidden; } .c_loader_logo-mask { z-index: 90; background-image: linear-gradient(142deg, #fff0 23%, #000 26%); width: 140%; height: 106%; transition: opacity .2s; position: absolute; inset: 5vw 0% 0% -20%; } .modal-platforms-heading { letter-spacing: 1px; font-size: 1.5rem; font-weight: 400; line-height: 120%; } .modal-platforms-heading.text-color-primary.bold { font-weight: 700; } .t_card_bg-text { color: #fd8c1a4a; margin-top: 0; font-size: 6rem; line-height: 1; position: absolute; top: 9px; left: 0%; right: 0%; } .modal-overlay { z-index: 0; justify-content: center; align-items: flex-start; width: 100%; height: 100%; display: block; position: absolute; inset: auto 0% 0%; } .modal-overlay.xform { z-index: 500; opacity: 0; transform-style: preserve-3d; border-radius: 0 0 3rem 3rem; height: 25rem; display: block; inset: 0% 0% auto; transform: rotateX(180deg)rotateY(0)rotateZ(0); } .heading-style-h1 { letter-spacing: -.01em; text-transform: none; font-size: 5rem; line-height: 1; } .c_loader_canvas { width: 29.5vw; min-height: 29.5vw; position: absolute; inset: 0%; overflow: hidden; } .c_footer_subtext-wrap { justify-content: space-between; align-items: flex-end; height: 4rem; margin-left: 3.33em; margin-right: 3.33em; text-decoration: none; display: flex; } .heading-style-h3 { letter-spacing: -.005em; text-transform: none; font-size: 2.6rem; font-weight: 500; line-height: 1.1; } .bento-of-image { justify-content: flex-start; align-items: flex-end; min-width: 160%; height: 100%; display: flex; } .copy-small { font-size: 1.1rem; line-height: 1.4; } .swipe-bar { z-index: 500; border-top-left-radius: inherit; border-top-right-radius: inherit; justify-content: center; align-items: flex-start; width: auto; height: 2rem; padding-top: 2rem; display: flex; position: absolute; inset: 0%; overflow: hidden; } .c_projects_card-wrap { flex-direction: row; justify-content: center; align-items: center; width: auto; min-width: 100%; text-decoration: none; display: flex; position: sticky; top: 12rem; } .fw-image { width: 100%; max-width: none; margin-top: -2rem; } .fw-image.display-none, .left-arrow { display: none; } .modal-content { z-index: 499; flex: 1; min-width: 100%; min-height: 100vh; padding-top: 16rem; padding-left: 6rem; padding-right: 6rem; position: absolute; overflow: auto; } .modal-grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(0, auto) auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: stretch stretch; padding: 2.5rem; display: none; } .spacer-p { height: 2.5em; } .modal-platforms { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .c_hero_wrap { margin-right: var(--site--margin); margin-left: var(--site--margin); grid-column-gap: 20px; grid-row-gap: 20px; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; padding-top: 8rem; display: flex; } .bento-slide-inner { flex-flow: column; justify-content: space-between; align-items: center; width: 100%; height: 100%; display: flex; } .nav-main { border-bottom: 1px solid #ffffff80; } .kl-modal { background-color: color-mix(in hsl, var(--swatch--light-secondary) 100%, white 0%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border: 1px #000; border-radius: 3rem 3rem 0 0; flex-flow: column; justify-content: flex-start; align-items: center; min-width: 80%; max-width: 100vw; min-height: 100svh; display: flex; position: fixed; inset: 15svh 0% 0%; overflow: auto; transform: translate(0, 100%); } .spacer-xs-start { padding-top: .8rem; } .div-block-249 { border-radius: 100px; width: 40%; height: 6px; box-shadow: inset 0 2px 0 20px #fff9; } .project-title { text-align: right; overflow-wrap: anywhere; justify-content: flex-end; align-items: center; font-size: 3rem; line-height: 1; display: flex; position: static; } .c_projects_card-frame { justify-content: center; width: 100%; height: 100%; display: flex; } .c_footer_heading-xl { z-index: -1; color: #d2d2d2; -webkit-text-fill-color: transparent; background-image: linear-gradient(#d2d2d2, #fff0 96%); -webkit-background-clip: text; background-clip: text; margin-top: 0; font-size: 15.5vw; font-weight: 400; line-height: 90%; text-decoration: none; } .slide-nav { height: 3rem; font-size: .6rem; } .vectors-wrapper-2 { justify-content: center; align-items: center; width: 155px; height: .0000135505px; text-decoration: none; display: flex; } .c_loader_ascii { color: #fff; width: 100%; height: 100%; font-size: 8px; line-height: 1; position: absolute; inset: 0%; } .c_hero_lottie-wrapper { grid-column-gap: 10px; grid-row-gap: 10px; flex-direction: column; justify-content: center; align-items: center; display: flex; } .c_footer_contain { grid-row-gap: 10px; flex-direction: column; justify-content: space-between; align-items: flex-start; text-decoration: none; } .c_price-card { max-width: var(--column-width--6); border: .0625rem solid var(--_theme---alt1); background-color: var(--_theme---background); border-radius: 2rem; flex-direction: column; flex: 1; justify-content: flex-start; align-items: stretch; transition: all .2s; display: flex; position: relative; overflow: hidden; } .c_price-card:hover { box-shadow: 2px 10px 16px 2px #0000001a; } .t_display-none { display: none; } .c_footer_subtext { grid-column-gap: 671px; flex: 0 auto; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: none; } .supported-platforms { margin-bottom: -10px; } .drawer__scroller { min-width: 100%; } .nav_menu_link { border-radius: .5rem; padding: .6rem 1rem; transition: all .2s; } .nav_menu_link:hover { background-color: #f7f7f7; } .nav_menu_link.w--current { color: #2d62ff; font-weight: 600; } .c_alert-wrapper { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); background-color: inherit; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: inherit; flex-flow: row-reverse; justify-content: flex-end; align-items: center; max-width: 60vw; padding: 1rem; display: flex; } .c_alert-wrapper:where(.w-variant-c8c6d195-284a-4213-d6e8-0a3df86a772b) { color: inherit; } .docs_image { object-fit: cover; border: 1px solid #eee; border-radius: 1rem; overflow: hidden; } .c_code_block { border-radius: 1rem; max-height: 18.75rem; } .c_accordion-top { cursor: pointer; border-bottom: .094rem #fff; flex-flow: row; justify-content: space-between; align-items: center; padding-top: 1rem; padding-bottom: 1rem; font-weight: 500; display: flex; position: relative; } .docs_nav_list.u-text-small { flex-flow: column; display: flex; position: relative; } .docs_nav_list.responsive { display: none; } .c_accordion-toggle-svg { max-height: 100%; } .c_input-field { color: var(--_theme---text); border-radius: inherit; border-style: none; border-width: 0; border-top-color: inherit; border-right-color: inherit; border-bottom-color: inherit; border-left-color: inherit; width: 100%; height: 100%; padding-top: 1.5rem; padding-bottom: 0; padding-left: .7rem; font-size: 1em; transition-property: all; transition-duration: .2s; transition-timing-function: ease; position: absolute; inset: 0%; } .c_input-field:active { border-style: none; border-width: 0; } .c_input-field:focus { border: 2px solid #0000; } .c_input-field.is-message { min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; position: static; } .c_select-bottom-line { height: 2px; } .c_card-base { border-radius: 1rem; justify-content: center; align-items: center; min-height: 100%; display: flex; overflow: hidden; } .c_card-base.u-vflex-s-between { z-index: 3; border-radius: 1rem; border-radius: inherit; padding-bottom: 1rem; position: relative; overflow: hidden; } .c_card-base.u-hflex-s-between.is-reversed { flex-flow: row-reverse; align-items: stretch; } .c_card-base.u-hflex-c-center.is-reversed, .c_card-base.is-reversed { flex-flow: row-reverse; } .c_tab-btn_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; vertical-align: middle; border-radius: 1rem; border-radius: inherit; justify-content: center; align-items: center; width: 100%; height: 100%; padding: .5rem 1.5rem .75rem; line-height: 1; transition-property: border-color, color, background-color; transition-duration: .2s, .2s, .2s; transition-timing-function: ease, ease, ease; position: absolute; } .c_tab-btn_wrap:hover { border-color: #fff; } .c_tab-btn_wrap.u-hflex-c-center { grid-column-gap: .5rem; grid-row-gap: .5rem; } .text-style-faded-dark { color: #666; } .c_card-footer-header.u-hflex-l-center.s-gap-3 { flex: 1; justify-content: center; align-items: center; } .docs_nav_sub_link { border-radius: var(--radius--main); opacity: .5; padding: .5rem 1.2rem .5rem 1.25rem; line-height: 1.3em; display: block; } .docs_nav_sub_link:hover { 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); opacity: 1; background-color: color-mix(in srgb, var(--_theme---background), transparent 40%); } .docs_nav_sub_link.w--current { opacity: 1; font-weight: var(--_typography---font--primary-medium); } .c_animated-checkbox { object-fit: cover; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 0; padding-left: 0; font-size: 1em; display: flex; } .c_animated-checkbox:where(.w-variant-9434ba6c-7d40-c3d2-d7df-00c789792299) { font-size: 1.2em; } .c_animated-checkbox:where(.w-variant-9df4c804-2cfc-c8a7-e507-945a41a434cb) { font-size: 1.4em; } .c_accordion_wrap { border-radius: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-width: 100%; display: grid; } .c_card-visual-inner { aspect-ratio: 16 / 9; border-radius: .75rem; width: auto; min-width: 50%; } .c_card-visual-inner.u-visual-wrap { margin: 1rem; } .c_tab-content-inner { min-width: 100%; padding: 1rem; } .c_accordion-title_wrap { min-height: 100%; } .docs_step-item { margin-top: -2px; } .docs_step-item.is--first { max-width: 100%; margin-top: 0; } .c_card-subheading { opacity: .5; margin-top: 0; margin-bottom: 0; } .c_clone_wrap { z-index: 1; flex: 1; justify-content: center; align-items: center; margin-left: 3rem; margin-right: 3rem; position: relative; } .c_accordion-start-content { padding-left: 1rem; } .c_accordion-bottom-inner { padding-left: 2rem; padding-right: 2rem; position: relative; overflow: hidden; } .docs_outer { grid-column-gap: 4.5rem; grid-row-gap: 4.5rem; grid-template-rows: auto; grid-template-columns: .75fr 3fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: grid; position: relative; } .c_card-title { margin-top: .5rem; margin-bottom: .25rem; } .docs_intro-tile { grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--_theme---border); background-color: var(--_theme---background); border-radius: 1rem; flex-flow: column; padding: 1.5rem; text-decoration: none; transition: color .2s, background-color .2s; display: flex; } .docs_intro-tile:hover { background-color: var(--_theme---border); } .c_accordion-toggle_wrap { -webkit-appearance: none; appearance: none; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; inset: 0%; } .c_accordion-toggle_wrap.u-zindex-3:hover { opacity: .1; background-color: #fff; border-radius: 1rem; } .c_checkbox-input_wrap { flex-flow: column; margin-bottom: .5rem; position: relative; } .c_card-footer-heading { font-size: var(--_typography---font-size--h4); text-transform: lowercase; margin-top: 0; margin-bottom: 1rem; font-weight: 500; } .c_card-heading { margin-top: 0; margin-bottom: .25rem; } .c_card-heading.t-case-allcaps.u-vflex-l-center { flex: 1; } .c_breadcrumb-list.u-hflex-l-center { grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: #fff0; padding-left: 0; font-family: "Fa Solid 900", Arial, sans-serif; list-style-type: disc; } .dropdown_sub-group { border-radius: inherit; flex-flow: column; padding: .25rem; display: flex; } .docs_intro-grid { grid-column-gap: 8px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .c_input_wrap { border-radius: inherit; min-width: 10rem; margin-top: 0; } .c_input_wrap:where(.w-variant-e11abf7c-2f60-3425-c78f-ad65703b2ca7), .c_input_wrap:where(.w-variant-ef23a059-69d9-e46e-a52a-abac07263ecc) { color: var(--_theme---text); } .c_accordion-top-inner.u-hflex-l-center.s-gap-4 { flex: 1; min-height: 100%; } .c_callout-base_wrap { background-color: #f6f6f6; border: 1px solid #d1d1d1; border-radius: .5rem; } .c_callout-base_wrap.is-danger { color: #ed1515; border-color: #ed1515; } .c_callout-base_wrap.is-success { color: #002a20; background-color: #effaf5; border-color: #1e7d60; } .c_callout_wrap { border: .094rem solid var(--_theme---alt2); background-color: var(--_theme---background); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: .5rem; } .c_callout_wrap:where(.w-variant-c8c6d195-284a-4213-d6e8-0a3df86a772b) { border-color: var(--_theme---danger--flat-text); background-color: var(--_theme---danger--flat-hover); color: var(--_theme---danger--flat-text); } .c_callout_wrap:where(.w-variant-635af106-99cc-ef98-6615-ec534cf2e8b9) { border-color: var(--_theme---success--flat-text); background-color: var(--_theme---success--flat-hover); color: var(--_theme---success--flat-text); } .c_callout_wrap:where(.w-variant-3558c17a-f9d6-af44-4a3c-6b05d7c99282) { border-color: var(--_theme---warning--flat-text); background-color: var(--_theme---warning--flat-hover); color: var(--_theme---warning--flat-text); } .dropdown_wrapper { background-color: #0000; padding-top: .5rem; padding-bottom: .5rem; } .dropdown_wrapper.w--open { border-radius: inherit; } .docs_end-tile { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #222; text-align: right; border: 1px solid #eee; border-radius: 1rem; flex-flow: column; padding: 1.5rem; text-decoration: none; transition: color .2s, background-color .2s; display: flex; } .docs_end-tile:hover { color: #fff; background-color: #d33434; } .docs_end-tile.is-next { text-align: left; } .docs_end-tile.is-next:hover { background-color: #1b8b35; } .c_tab-slider-rect { background-color: var(--_theme---background); border-radius: inherit; min-height: 100%; padding-bottom: 0; padding-right: 0; } .c_tab-slider-rect:where(.w-variant-78ddef28-037e-b61a-4aab-784c73b1d4d0) { background-color: var(--_theme---success--bg); } .c_tab-slider-rect:where(.w-variant-551e5d95-a874-9fbd-7f97-31f9a8bd2588) { background-color: var(--_theme---warning--bg); } .c_tab-slider-rect:where(.w-variant-36b0db47-a46a-0302-7590-50b767e94f37) { background-color: var(--_theme---danger--bg); } .c_tab-slider-rect:where(.w-variant-875f41f1-3e76-c9f0-6ea3-e5a93f6a354c) { background-color: var(--_theme---success--bg); } .c_tab-slider-rect:where(.w-variant-ca143eda-971b-71fc-a6fb-21af1193166d) { background-color: var(--_theme---warning--bg); } .c_tab-slider-rect:where(.w-variant-7f263183-f1f6-24b6-e68c-6512a2e710f7) { background-color: var(--_theme---danger--bg); } .dropdown_animation { width: 1.25em; height: 1.25em; position: absolute; } .t-size-base-2 { letter-spacing: 0; font-family: Satoshi Variable, Arial, sans-serif; font-size: 1rem; line-height: 1.5em; font-weight: var(--text-main--font-weight); text-transform: var(--text-main--text-transform); text-wrap: pretty; margin-top: .5rem; margin-bottom: .5rem; } .c_card_img.u-cover-absolute { object-fit: cover; } .text-weight-semibold { font-weight: 600; } .c_code_wrap { border: 1px solid var(--_theme---alt1); border-radius: 1rem; max-width: 56vw; position: relative; } .c_card-header { padding: 1rem; display: none; } .docs_nav_sub_list { overflow: hidden; } .c_accordion-bottom { grid-template-rows: 0fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; transition-property: all; transition-duration: .3s; transition-timing-function: ease; display: grid; position: relative; overflow: hidden; } .c_select-trigger { border-radius: inherit; width: 100%; height: 100%; margin-bottom: 0; font-size: 1em; position: absolute; left: 0; right: 0; } .c_dropdown-button { padding: 0; } .text-size-small-4 { font-size: .875rem; line-height: 1.6; } .c_dropdown { border-radius: inherit; } .c_card-footer { background-color: color-mix(in srgb, var(--theme--background), transparent 70%); border-radius: .75rem; margin: 1rem; padding: .5rem; } .c_card-footer.u-hflex-b-center { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .c_tab-item { border-radius: inherit; background-color: #0000; min-height: 3rem; } .c_tab-item:where(.w-variant-551e5d95-a874-9fbd-7f97-31f9a8bd2588), .c_tab-item:where(.w-variant-ca143eda-971b-71fc-a6fb-21af1193166d) { color: var(--_theme---text); } .c_tab-item.w--current { font-weight: var(--_typography---font--primary-medium); background-color: #fff0; padding-top: 0; padding-bottom: 0; } .c_tab-item.w--current:where(.w-variant-36b0db47-a46a-0302-7590-50b767e94f37) { color: var(--swatch--light); } .c_tab-item.w--current:where(.w-variant-551e5d95-a874-9fbd-7f97-31f9a8bd2588) { color: var(--swatch--dark); } .c_tab-item.w--current:where(.w-variant-7f263183-f1f6-24b6-e68c-6512a2e710f7) { color: var(--swatch--light); } .c_tab-item.w--current:where(.w-variant-ca143eda-971b-71fc-a6fb-21af1193166d) { color: var(--swatch--dark); } .c_tab-item.c_tab-slider { min-height: auto; bottom: .75rem; } .docs_end-grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .a_checkmark { filter: none; color: var(--_theme---background); position: absolute; top: .5px; } .docs_middle { max-width: 100vw; } .docs_middle.s-mt-6 { margin-top: 9rem; } .c_input-bottom-line { height: 2px; } .c_tab-content-item { min-width: 100%; padding-bottom: 1rem; } .c_tab-content-item.u-hidess { padding: 0 0 0 0; } .c_alert-inner { grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: #fff0; justify-content: flex-start; align-items: flex-start; display: flex; } .c_alert-inner:where(.w-variant-3558c17a-f9d6-af44-4a3c-6b05d7c99282) { color: inherit; } .c_alert-inner:where(.w-variant-635af106-99cc-ef98-6615-ec534cf2e8b9) { color: var(--_theme---success--text-hover-dark); } .c_checkbox-wrapper { aspect-ratio: 1; border-radius: .3em; height: 1.1em; margin-bottom: 0; font-size: 1.1em; line-height: 1; } .c_checkbox-wrapper:where(.w-variant-7ca060a5-20b1-ddc6-9230-3b9e9a192bbc) { border-radius: 0; } .c_checkbox-wrapper:where(.w-variant-7adf675a-1fe4-7315-2923-179cfcfb3f3b) { border-radius: var(--radius--round); } .c_card-divider { border-bottom: .094rem solid var(--_theme---alt1); flex: 1; min-width: 100%; } .c_tab_wrap { grid-row-gap: 0rem; border-radius: inherit; grid-template-rows: 1fr auto minmax(auto, auto); grid-template-columns: 1fr; grid-auto-flow: row; align-self: stretch; min-width: 100%; display: grid; } .docs_form_wrap { min-width: 40%; } .c_select_wrap { border-radius: inherit; margin-bottom: 0; } .c_select_wrap.s-mb-4 { min-width: 10rem; } .c_callout_icon-wrapper { aspect-ratio: 1; 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); text-align: center; background-color: color-mix(in srgb, var(--_theme---neutral--bg), transparent 50%); flex-flow: row; justify-content: center; align-items: center; width: 3rem; height: 3rem; padding-bottom: 0; font-size: 1.7em; display: flex; } .c_callout_icon-wrapper:where(.w-variant-635af106-99cc-ef98-6615-ec534cf2e8b9) { background-color: color-mix(in srgb, var(--_theme---success--bg-hover), transparent 50%); color: inherit; } .c_callout_icon-wrapper:where(.w-variant-c8c6d195-284a-4213-d6e8-0a3df86a772b) { 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: color-mix(in srgb, var(--_theme---danger--bg), transparent 50%); justify-content: center; align-items: center; } .c_callout_icon-wrapper:where(.w-variant-3558c17a-f9d6-af44-4a3c-6b05d7c99282) { background-color: color-mix(in srgb, var(--_theme---warning--bg), transparent 50%); } .c_callout_icon-wrapper.u-shadow:where(.w-variant-635af106-99cc-ef98-6615-ec534cf2e8b9) { background-color: color-mix(in srgb, var(--_theme---success--bg), transparent 50%); } .docs_left { min-width: 18rem; position: sticky; top: 9rem; } .nav_logo { filter: none; color: var(--_theme---text); width: 2.5rem; } .c_checkbox-fill { border-radius: var(--_typography---text-transform--inherit); background-color: var(--_theme---text); font-size: 1em; transition: all .2s; } .docs_nav_link { padding: .5rem 1rem; font-weight: 600; display: block; } .docs_nav_link:hover { color: var(--_theme---text); background-color: color-mix(in srgb, var(--_theme---text), transparent 90%); border-radius: 1rem; } .docs_nav_link.w--current:hover { background-color: var(--_theme---alt2); } .c_checkbox-border { color: var(--_theme---text); border-radius: inherit; padding-bottom: 0; padding-right: 0; overflow: hidden; } .c_tab-btn_text { z-index: 1; white-space: nowrap; font-size: 1.5vw; line-height: inherit; color: inherit; align-self: center; } .docs_c-section { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); border-bottom: 1px solid #eee; flex-flow: column; padding-top: 2rem; padding-bottom: 2rem; display: flex; } .docs_c-section.u-vflex-l-center.s-gap-4 { align-items: stretch; max-width: 90%; } .docs_c-section.is-top { padding-top: 0; } .docs_c-section.is-end { border-bottom-style: none; padding-bottom: 0; } .docs_nav_sub_wrap { border: 1px #000; grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); padding-left: 1rem; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .docs_nav_sub_wrap.is--last { border-top-style: none; } .nav_sticky { z-index: 1000; background-color: #fff0; position: fixed; left: 0%; right: 0%; } .c_callout_text-wrapper:where(.w-variant-635af106-99cc-ef98-6615-ec534cf2e8b9) { color: var(--_theme---success--flat-text); } .dropdown_menu { border: 1px solid var(--_theme---border\); background-color: var(--_theme---background\); border-radius: .5em; min-width: 12rem; padding: .5rem; transition: opacity .3s; } .dropdown_menu.w--open { opacity: 1; border-radius: .5rem; min-width: 10rem; } .c_accordion-icon { width: 1.5rem; height: 1.5rem; position: absolute; right: 1rem; } .c_click_lottie { color: #18181b; width: 1.5rem; height: 1.5rem; } .c_checkbox-input { margin-top: 0; margin-left: 0; } .c_checkbox-input:hover { border: 0 #0000; } .c_checkbox-input.w--redirected-checked { background-color: #3898ec00; background-image: linear-gradient(#0000, #0000); border: 0 #000; width: .875rem; height: .875rem; margin: 0 .5rem 0 0; } .c_checkbox-input.w--redirected-focus { width: .875rem; height: .875rem; margin: 0 .5rem 0 0; } .c_select-label { z-index: 1; padding-top: .3rem; font-size: .9em; position: absolute; } .c_breadcrumb_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .c_card-visual { width: 100%; height: 100%; } .c_checkbox-hover { background-color: var(--_theme---text); } .c_checkbox-hover.u-cover-absolute { padding-bottom: 0; padding-right: 0; } .c_card-bg { z-index: -1; background-color: var(--swatch--light-secondary); border-radius: inherit; position: absolute; inset: 0%; overflow: hidden; } .c_card-bg.is-alt { background-color: var(--swatch--light-tertiary); } .c_card-bg.product { background-color: var(--swatch--transparent); } .c_input-label { z-index: 1; pointer-events: none; font-variation-settings: "wght" 400; cursor: auto; border-radius: .5rem; height: auto; margin-left: 0; padding: .5rem .8rem; font-size: 1.2em; font-weight: 400; transition: all .15s; position: absolute; top: 50%; transform: translate(0, -50%); } .c_input-label.is-message { top: 25%; } .dropdown-item { z-index: 4; cursor: pointer; justify-content: flex-start; align-items: center; min-height: 2rem; padding: .25rem; transition: opacity .2s; display: flex; } .dropdown-item:hover { background-color: var(--_theme---background\); filter: invert(); border-radius: inherit; border-style: solid; border-color: #000; } .docs_tile-p { opacity: .8; } .list-item-6 { margin-left: 20px; font-size: 1rem; list-style-type: none; display: inline-block; } .text-size-small-2 { font-size: .875rem; } .c_card_wrap { min-width: var(--column-width--1); border-radius: var(--radius--main); position: relative; } .c_card_wrap.u-shadow { max-width: var(--column-width--3); border: .094rem solid var(--_theme---border); border-radius: 1rem; min-height: 100%; position: relative; } .dropdown-text { padding-left: 2rem; line-height: 1.5; } .docs_code-span { border: 1px solid var(--_theme---alt1); background-color: var(--_theme---border); border-radius: .5rem; padding-left: .5rem; padding-right: .5rem; font-family: Inconsolata, monospace; display: inline-block; } .docs_intro-image { border-radius: 1rem; align-self: stretch; min-height: 40vh; position: relative; overflow: hidden; } .c_card-body { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column-reverse; min-width: 60%; display: flex; } .docs_nav_wrap { background-color: color-mix(in srgb, var(--_theme---text), transparent 90%); opacity: .7; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); max-height: calc(100vh - var(--site--margin) * 2); top: 11rem; bottom: var(--site--margin); border-radius: 1rem; grid-column-start: 10; padding: 1rem; position: sticky; } .c_accordion-divider { border-bottom: .094rem solid #fff; flex: 1; min-width: 100%; } .c_tab-content { border-radius: inherit; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 1rem; min-width: 100%; overflow: visible; } .c_tab-content.u-shadow { border-radius: var(--radius--main); } .nav_button { padding: 1rem; } .c_checkbox-label-text { margin-bottom: 0; margin-left: .5rem; font-size: 1em; } .c_tab-nav { grid-column-gap: 1rem; grid-row-gap: 1rem; border-radius: inherit; border-top-left-radius: var(--all-headings--heading-text-transform\); border-top-right-radius: var(--all-headings--heading-text-transform\); border-bottom-left-radius: var(--all-headings--heading-text-transform\); border-bottom-right-radius: var(--all-headings--heading-text-transform\); background-color: var(--_theme---border-2); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; min-width: 100%; min-height: 3.5rem; padding: .75rem; } .c_tab-nav.s-mb-2 { background-color: var(--_theme---border); } .c_tab-nav.small { min-width: auto; } .c_breadcrumb-item { background-color: #fff0; } .c_input-wrapper { border-radius: inherit; justify-content: flex-start; align-items: center; width: 100%; height: 3.5em; font-size: 1em; position: relative; } .c_input-wrapper:where(.w-variant-752ce4db-bcb0-67cc-101c-f96f82fa4a1e) { font-size: 1.2em; } .c_input-wrapper:where(.w-variant-96de45ed-c704-40e2-48f6-62311f500dc8) { font-size: 1.5em; } .c_input-wrapper:where(.w-variant-2e4d4081-2ce8-7f9e-8a69-a9056ee03b6d) { font-size: 1.2em; } .c_input-wrapper:where(.w-variant-2e4d4081-2ce8-7f9e-8a69-a9056ee03b6e) { font-size: 1.5em; } .c_input-wrapper.is-message { height: auto; min-height: 5rem; max-height: 10rem; } .heading-style-h3-2 { font-size: 2rem; font-weight: 700; line-height: 1.2; } .code-embed-4 { display: none; } .nav_container { flex-direction: row; justify-content: space-between; align-items: center; width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_component { border-bottom: .094rem solid var(--_theme---border); background-color: #ddd0; width: 100%; padding-top: 1rem; padding-bottom: 1rem; position: relative; inset: 0% 0% auto; } .tippy-box { border-radius: .75rem; } .c_select-wrapper { border-radius: inherit; justify-content: flex-start; align-items: center; width: 100%; height: 3.5em; font-size: 1em; display: flex; position: relative; } .c_select-wrapper:where(.w-variant-66e8686f-327c-85bb-1062-c764ab5feac6) { font-size: 1.1em; } .c_select-wrapper:where(.w-variant-e7404abc-79eb-5928-1d29-0bb21720dfcf) { font-size: 1.2em; } .c_accordion-item { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); min-width: 100%; transition: all .1s; } .t-size-lg { letter-spacing: 0; font-family: Satoshi Variable, Arial, sans-serif; font-size: 1.25rem; line-height: 1.5em; font-weight: var(--text-large--font-weight); text-transform: var(--text-large--text-transform); text-wrap: pretty; margin-top: .5rem; margin-bottom: .5rem; } .c_accordion-text { padding-top: 1rem; padding-bottom: 1rem; } .docs_contain.l-container { max-width: var(--container--main); } .c_click_copy_wrap { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: .75rem; padding: .75rem; transition: all .2s; position: absolute; inset: .5rem .5rem auto auto; overflow: hidden; } .c_click_copy_wrap.u-zindex-2 { z-index: 2; } .c_clone_contain { border: 1px solid var(--_theme---alt1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75b1_c_dots-bg.svg"), linear-gradient(151deg, #fff 5%, #fff); background-position: 50%, 0 0; background-repeat: repeat, repeat; background-size: cover, auto; border-radius: 1rem; min-height: 28rem; max-height: 50rem; } .c_clone_contain.u-hflex-c-stretch { margin-top: var(--_spacing---space--4); background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75b1_c_dots-bg.svg"), linear-gradient(151deg, var(--_theme---border) 5%, var(--_theme---background)); background-repeat: repeat, repeat; background-size: cover, auto; } .list-item-5 { margin-left: 20px; list-style-type: decimal; } .modal-heading { font-size: var(--_typography---font-size--h4); color: inherit; font-weight: 500; } .bento-grid-info { color: inherit; font-weight: 400; } .modal-services-heading { letter-spacing: 1px; font-size: 1.5rem; font-weight: 400; line-height: 120%; } .c_form_success { background-color: #f8f8f8; } .c_project-field_wrap { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-start; min-width: 15rem; padding-left: 4px; padding-right: 4px; } .c_form-filled_main { grid-column-gap: 12px; grid-row-gap: 12px; text-align: left; flex-direction: column; display: flex; } .c_date-field_wrap { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; } .c_company-field_wrap { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 16rem; padding-left: 4px; } .t_fa_icon-sm { font-family: "Fa 400", Arial, sans-serif; font-size: 3vw; } .c_form-filled_top { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 12px 32px; display: flex; } .c_form-filled_wrap { text-align: center; background-color: #fff; border-radius: 8px; max-width: 100vw; height: 70vh; margin-bottom: 3rem; padding: 2em 3rem; font-size: 1vw; } .c_form-filled_wrap.u-vflex-c-center { background-color: var(--swatch--transparent); background-image: none; border-radius: .75rem; margin-left: 3rem; margin-right: 3rem; } .c_role-field_wrap { grid-column-gap: 10px; grid-row-gap: 10px; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 187px; padding-left: 4px; } .text-size-regular { font-size: 1rem; line-height: 160%; } .t-prefilled-text { flex: none; margin-left: 0; margin-right: 0; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 1.8em; } .c_form-filled_button { max-width: 30%; } .c_form-filled_button.s-mt-6 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; } .c_budget-field_wrap { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-start; min-width: 13rem; padding-left: 4px; padding-right: 4px; } .c_form-filled_bottom { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: center; width: 100%; margin-top: 3.33em; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; display: flex; } .c_form-filled_header { letter-spacing: -.025px; font-family: Didotlh Roman; font-size: 6.5vw; font-weight: 400; line-height: 100%; } .c_form-filled_contain { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 24px 40px; } .c_form-filled_input { grid-column-gap: 77.9773px; grid-row-gap: 77.9773px; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 269px; margin-left: 4px; padding-left: 4px; } .c_form-filled_message { grid-column-gap: 8px; grid-row-gap: 8px; flex-wrap: wrap; justify-content: flex-start; align-items: center; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; display: flex; } .c_form-filled_message:where(.w-variant-c8521c6a-210b-5a65-2a17-3a7735bcd68c) { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .c_name-field_wrap { grid-column-gap: 4.96219px; grid-row-gap: 4.96219px; flex-direction: column; flex: 0 auto; justify-content: flex-start; align-items: center; padding-left: 4px; } .c_form_error { color: #920b3a; background-color: #fdd0df; border: 1px solid #610726; border-radius: 8px; } .html-embed { margin-top: -16px; position: relative; } .close__line { transform-origin: 0%; background-color: #fff; border-radius: 2px; width: 100%; height: 3px; } .close__line.close__line--anticlockwise { width: 100%; } .c_modal-brand_contain { width: 100%; max-width: 1248px; margin-top: 4rem; margin-left: auto; margin-right: auto; padding-left: 72px; padding-right: 72px; position: relative; } .hexagon__shadow { z-index: 1; position: absolute; inset: 0%; } .c_modal_brand-cover { z-index: 9999; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; } .hex-shadow__shape { z-index: 2; position: relative; } .svg { line-height: 0; position: relative; } .hero-message__text.hero-message__text--modal { border-radius: 12px; flex-direction: column; justify-content: center; position: relative; overflow: hidden; } .shadowsvg { filter: blur(32px); min-width: 100px; min-height: 100px; transform: scale(.9); } .shadowsvg.shadowsvg--pop-up { filter: blur(32px); transform: scale(.95); } .close__rotate { width: 100%; position: absolute; top: 50%; } .close__rotate.close__rotate--clockwise { transform: rotate(45deg); } .close__rotate.close__rotate--anticlockwise { transform: rotate(-45deg); } .hex-pop-up { width: 1060px; height: 1050px; display: block; } .modal__body__close { z-index: 3; cursor: pointer; position: absolute; inset: 5% 6% auto auto; } .content-mask { display: inline-block; position: relative; } .modal__body__hex { z-index: 1; position: absolute; top: 50%; left: 85%; transform: translate(-50%, -50%); } .close { width: 24px; height: 24px; position: relative; } .close.close--big { width: 32px; height: 32px; } .hero-message { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; background-color: #6b6b6b4a; border-radius: 12px; padding: 2em; } .modal__body__content { z-index: 2; position: relative; } .c_modal_brand-bg { z-index: 1; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: #ffffff6e; position: absolute; inset: 0%; } .hero-register__message { margin-bottom: 32px; } .c_modal_brand-body { z-index: 2; width: 600px; margin-left: auto; margin-right: auto; position: relative; } .styles_dash-fill { border: 1px dashed var(--_theme---text\); border-radius: var(--radius--med); background-color: var(--_theme---border-hover); opacity: .5; min-width: 3rem; min-height: 3rem; position: relative; } .c_btn_content { --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---text); --_button-style---background-hover: #fff9; --_button-style---background: var(--_theme---button-primary--background); --_button-style---border-hover: white; background-color: color-mix(in srgb, var(--_theme---button-primary--background), transparent 80%); border-radius: 1.1em; padding: .75em 1.25em; transition-property: all; transition-duration: .2s; transition-timing-function: ease; position: relative; } .c_btn_content:where(.w-variant-651f2162-df81-03a8-8a78-f70d0193b513) { border: 1px solid var(--_button-style---border); background-color: var(--_button-style---background); color: var(--_button-style---text); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--swatch--transparent); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .c_btn_content:where(.w-variant-bafe547a-058f-16dc-33f2-0ef333bdb3c1) { border: 0px none var(--swatch--transparent); background-color: var(--_button-style---border); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--_button-style---text); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---border-hover: var(--_button-style---background-hover); } .c_btn_content:where(.w-variant-7b998a87-402a-92d5-4e87-c994d25f7a3f) { border: 1px solid var(--_button-style---border); background-color: var(--_button-style---background); color: var(--_button-style---text); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--swatch--transparent); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .c_btn_content:where(.w-variant-7b998a87-402a-92d5-4e87-c994d25f7a40) { border: 0px none var(--swatch--transparent); background-color: var(--_button-style---border); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--_button-style---text); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---border-hover: var(--_button-style---background-hover); } .c_btn_content:hover { background-color: color-mix(in srgb, var(--theme--text), transparent 92%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--swatch--dark-secondary); } .c_btn_content:hover:where(.w-variant-651f2162-df81-03a8-8a78-f70d0193b513) { border-color: var(--_button-style---background-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .c_btn_content:hover:where(.w-variant-bafe547a-058f-16dc-33f2-0ef333bdb3c1) { background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .c_btn_content:hover:where(.w-variant-7b998a87-402a-92d5-4e87-c994d25f7a3f) { border-color: var(--_button-style---background-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .c_btn_content:hover:where(.w-variant-7b998a87-402a-92d5-4e87-c994d25f7a40) { background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .c_btn_content.u-shadow-hover { border-radius: inherit; display: block; } .c_btn_content.u-shadow-hover:hover:where(.w-variant-651f2162-df81-03a8-8a78-f70d0193b513), .c_btn_content.u-shadow-hover:hover:where(.w-variant-7b998a87-402a-92d5-4e87-c994d25f7a3f) { background-color: var(--_button-style---background-hover); } .c_btn_layout { grid-column-gap: .5em; grid-row-gap: .5em; flex-flow: row-reverse; justify-content: center; align-items: center; display: flex; } .c_btn_layout:where(.w-variant-357dbab9-d266-5624-3933-1ccaca7a6457) { color: inherit; flex-flow: row; } .c_btn_icon { aspect-ratio: 1; padding: 0; } .styles_icon_fa { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .c_btn_slot { width: 100%; height: 100%; padding-right: 0; } .c_form_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .success-message { background-color: #ddd0; padding: 0; } .error-message { background-color: #ffdede00; padding: 0; } .c_avatar_icon_wrap { font-size: inherit; padding: .25em; } .c_avatar_icon_wrap.u-hflex-c-center { position: absolute; inset: 0%; } .c_input_text { border-radius: 1.2em; } .c_input_text:where(.w-variant-6ea8d0f4-2558-268c-b88a-ea4f6d589a39) { border-radius: var(--radius--round); } .c_input_text:where(.w-variant-3c64dfcc-9450-c310-2ba2-34b36ced3b81) { border-radius: 0; } .c_input_select { border-radius: 1.2em; } .c_input_select:where(.w-variant-310d1b4b-b3a7-6ffd-c161-99465319b97f) { border-radius: var(--radius--round); } .c_input_select:where(.w-variant-99817053-6c37-fbae-757b-01d7fe68e58b) { border-radius: 0; } .c_tab { border-radius: var(--radius--main); min-width: 100%; } .c_tab:where(.w-variant-489578fb-ea5b-85fd-35d8-e9edea56ac8b) { border-radius: var(--radius--round); } .c_tab:where(.w-variant-96d6beca-1d48-5ed7-68df-da0d25a9c12c) { border-radius: 0; } .c_tab:where(.w-variant-0b260e2c-53a3-0e8c-6908-6d2ec94d453c) { border-radius: var(--radius--round); } .c_tab:where(.w-variant-ac72ce73-f372-3bec-43fc-45165bbf061e) { border-radius: 0; } .c_tab.is-pricing { max-width: none; margin-bottom: 6rem; padding-top: 1rem; } .c_card-text-inner { margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .c_accordion_base { border-bottom: 1px solid #d1d1d1; margin-bottom: .25rem; padding-bottom: .25rem; padding-left: 0; padding-right: 0; line-height: 25px; transition: box-shadow .4s, background-color .4s; display: block; overflow: hidden; } .c_btn-dropdown_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 1.1em; justify-content: center; align-items: center; font-size: 1rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; position: relative; } .c_btn-dropdown_wrap:where(.w-variant-30cf5fab-7790-09db-4cb0-5716bb0424ef) { font-size: 1.2rem; } .c_btn-dropdown_wrap:where(.w-variant-fb670367-120d-00fa-dcb8-ef195c07a38d) { font-size: 1.4rem; } .c_btn-dropdown_wrap:hover { color: var(--_theme---text); } .c_btn-dropdown_wrap.u-hflex-c-center { grid-column-gap: .5rem; grid-row-gap: .5rem; } .c_btn-dropdown_wrap.u-hflex-c-center.u-shadow-hover { padding: 1rem; } .l-mode-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---text: var(--swatch--light); --_theme---background: var(--swatch--dark); --_theme---success--flat-static: var(--_color-style---color-success--800); --_theme---success--flat-text: var(--_color-style---color-success--300); --_theme---alt1: var(--swatch--dark-tertiary); --_theme---border: var(--swatch--dark-secondary); --_theme---text\: white; --_theme---background\: white; --_theme---danger--flat-static: var(--_color-style---color-danger--800); --_theme---danger--flat-text: var(--_color-style---color-danger--300); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---alt2: var(--swatch--dark-quaternary); --_theme---danger--flat-hover: var(--_color-style---color-danger--900); --_theme---success--flat-hover: var(--_color-style---color-success--900); --_theme---warning--flat-text: var(--_color-style---color-warning--300); --_theme---warning--flat-hover: var(--_color-style---color-warning--900); --_theme---success--bg: var(--_color-style---color-success--500); --_theme---warning--bg: var(--_color-style---color-warning--500); --_theme---danger--bg: var(--_color-style---color-danger--500); --_theme---success--text-hover-dark: var(--_color-style---color-success--800); --_theme---border\: white; --_theme---border-2: var(--swatch--light-faded); --_theme---border-hover: var(--swatch--dark-quaternary); --_theme---toggle-offset: 1.3rem; --_theme---neutral--bg: var(--_color-style---color-neutral--500); --_theme---neutral--bg-hover-dark: var(--_color-style---color-neutral--300); --_theme---neutral--text: var(--_color-style---color-neutral--50); --_theme---success--bg-hover: var(--_color-style---color-success--700); --_theme---danger--bg-hover: var(--_color-style---color-danger--700); --_theme---danger--text: var(--_color-style---color-danger--50); --_theme---danger--text-hover: var(--_color-style---color-danger--50); --_theme---danger--background-dark: var(--_color-style---color-danger--500); --_theme---danger--background-hover-dark: var(--_color-style---color-danger--300); --_theme---danger--text-dark: var(--_color-style---color-danger--50); --_theme---danger--text-hover-dark: var(--_color-style---color-danger--900); --_theme---neutral--bg-hover: var(--_color-style---color-neutral--700); --_theme---neutral--text-hover: var(--_color-style---color-neutral--100); --_theme---neutral--bg-dark: var(--_color-style---color-neutral--500); --_theme---neutral--text-dark: var(--_color-style---color-neutral--50); --_theme---neutral--text-hover-dark: var(--_color-style---color-neutral--800); --_theme---neutral--flat-static: var(--_color-style---flat--neutral); --_theme---neutral--flat-hover: var(--_theme---neutral--bg-hover-dark); --_theme---neutral--flat-text: var(--_theme---text); --_theme---success--text: var(--_color-style---color-success--50); --_theme---success--text-hover: var(--_color-style---color-success--300); --_theme---success--background-dark: var(--_color-style---color-success--500); --_theme---success--background-hover-dark: var(--_color-style---color-success--300); --_theme---success--text-dark: var(--_color-style---color-success--500); --_theme---success--border: white; --_theme---warning--bg-hover: var(--_color-style---color-warning--600); --_theme---warning--text: var(--_theme---text); --_theme---warning--text-hover: var(--_color-style---color-warning--100); --_theme---warning--background-hover-dark: var(--_color-style---color-warning--300); --_theme---warning--text-dark: var(--_color-style---color-warning--500); --_theme---warning--text-hover-dark: var(--_color-style---color-warning--800); --_theme---warning--background-dark: var(--_color-style---color-warning--500); --_theme---warning--flat-static: var(--_color-style---color-warning--800); --_theme---background-hover: var(--_color-style---color-neutral--700); --_theme---text-hover: var(--_theme---button-primary--text-hover); --_theme---button-primary--background: var(--swatch--light); --_theme---button-primary--border: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--light-quaternary); --_theme---button-primary--border-hover: var(--swatch--light-quaternary); --_theme---button-primary--text-hover: var(--swatch--dark); --_theme---button-secondary--border: var(--swatch--light); --_theme---button-secondary--text: var(--swatch--light); --_theme---button-secondary--background-hover: var(--swatch--light); --_theme---button-secondary--text-hover: var(--_theme---text-hover); --_theme---button-secondary--border-hover: var(--swatch--brand); } .l-mode-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---button-primary--text: var(--swatch--brand); --_theme---text: var(--swatch--dark); --_theme---background: var(--swatch--light); --_theme---success--flat-static: var(--_color-style---color-success--100); --_theme---success--flat-text: var(--_color-style---color-success--600); --_theme---alt1: var(--swatch--light-tertiary); --_theme---border: var(--swatch--light-secondary); --_theme---text\: white; --_theme---background\: white; --_theme---danger--flat-static: var(--_color-style---color-danger--100); --_theme---danger--flat-text: var(--_color-style---color-danger--600); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---alt2: var(--swatch--light-quaternary); --_theme---danger--flat-hover: var(--_color-style---color-danger--50); --_theme---success--flat-hover: var(--_color-style---color-success--50); --_theme---warning--flat-text: var(--_color-style---color-warning--600); --_theme---warning--flat-hover: var(--_color-style---color-warning--50); --_theme---success--bg: var(--_color-style---color-success--500); --_theme---warning--bg: var(--_color-style---color-warning--500); --_theme---danger--bg: var(--_color-style---color-danger--500); --_theme---success--text-hover-dark: var(--_color-style---color-success--800); --_theme---border\: white; --_theme---border-2: var(--swatch--dark-faded); --_theme---border-hover: var(--swatch--light-quaternary); --_theme---toggle-offset: 0rem; --_theme---neutral--bg: var(--_color-style---color-neutral--500); --_theme---neutral--bg-hover-dark: var(--_color-style---color-neutral--300); --_theme---neutral--text: var(--_color-style---color-neutral--50); --_theme---success--bg-hover: var(--_color-style---color-success--700); --_theme---danger--bg-hover: var(--_color-style---color-danger--700); --_theme---danger--text: var(--_color-style---color-danger--50); --_theme---danger--text-hover: var(--_color-style---color-danger--50); --_theme---danger--background-dark: var(--_color-style---color-danger--500); --_theme---danger--background-hover-dark: var(--_color-style---color-danger--300); --_theme---danger--text-dark: var(--_color-style---color-danger--50); --_theme---danger--text-hover-dark: var(--_color-style---color-danger--900); --_theme---neutral--bg-hover: var(--_color-style---color-neutral--700); --_theme---neutral--text-hover: var(--_color-style---color-neutral--100); --_theme---neutral--bg-dark: var(--_color-style---color-neutral--500); --_theme---neutral--text-dark: var(--_color-style---color-neutral--50); --_theme---neutral--text-hover-dark: var(--_color-style---color-neutral--800); --_theme---neutral--flat-static: var(--_color-style---flat--neutral); --_theme---neutral--flat-hover: var(--_theme---neutral--bg-hover-dark); --_theme---neutral--flat-text: var(--_theme---text); --_theme---success--text: var(--_color-style---color-success--50); --_theme---success--text-hover: var(--_color-style---color-success--300); --_theme---success--background-dark: var(--_color-style---color-success--500); --_theme---success--background-hover-dark: var(--_color-style---color-success--300); --_theme---success--text-dark: var(--_color-style---color-success--500); --_theme---success--border: white; --_theme---warning--bg-hover: var(--_color-style---color-warning--600); --_theme---warning--text: var(--_theme---text); --_theme---warning--text-hover: var(--_color-style---color-warning--100); --_theme---warning--background-hover-dark: var(--_color-style---color-warning--300); --_theme---warning--text-dark: var(--_color-style---color-warning--500); --_theme---warning--text-hover-dark: var(--_color-style---color-warning--800); --_theme---warning--background-dark: var(--_color-style---color-warning--500); --_theme---warning--flat-static: var(--_color-style---color-warning--100); --_theme---background-hover: var(--_color-style---color-neutral--400); --_theme---text-hover: var(--_theme---button-primary--text-hover); --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border: var(--swatch--transparent); --_theme---button-primary--background-hover: var(--swatch--dark-quaternary); --_theme---button-primary--border-hover: var(--swatch--transparent); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-secondary--border: var(--swatch--brand); --_theme---button-secondary--text: var(--swatch--brand); --_theme---button-secondary--background-hover: var(--swatch--brand); --_theme---button-secondary--text-hover: var(--_theme---text-hover); --_theme---button-secondary--border-hover: var(--swatch--brand); } .toggle_wrap { background-color: var(--_theme---text); border-radius: 100vw; width: 3.5rem; height: 2rem; padding: .2rem; } .toggle_inner { margin-left: var(--_theme---toggle-offset); background-color: var(--_theme---background); border-radius: 100vw; width: 1.8rem; height: 100%; } .c_animated-radio { object-fit: cover; flex-flow: row; justify-content: flex-start; align-items: center; margin-bottom: 0; padding-left: 0; font-size: 1em; display: flex; } .c_animated-radio:where(.w-variant-f2f285d2-0c13-bc21-7b34-bf15a56a4d0b) { font-size: 1.1em; } .c_animated-radio:where(.w-variant-65852462-0ebd-4161-3c37-74d052a09170) { font-size: 1.3em; } .c_animated-radio:where(.w-variant-5c82e4a9-349c-7ba1-6498-7986b4231fa4) { font-size: 1.1em; } .c_animated-radio:where(.w-variant-5c82e4a9-349c-7ba1-6498-7986b4231fa5) { font-size: 1.3em; } .c_radio-input { border: 0 #000; margin-left: 0; position: absolute; } .c_radio-wrapper { aspect-ratio: 1; border-radius: .3em; height: 1.1em; margin-bottom: 0; padding-bottom: 0; padding-right: 0; font-size: 1.1em; line-height: 1; } .c_radio-wrapper:where(.w-variant-7ca060a5-20b1-ddc6-9230-3b9e9a192bbc) { border-radius: 0; } .c_radio-wrapper:where(.w-variant-7adf675a-1fe4-7315-2923-179cfcfb3f3b) { border-radius: var(--radius--round); } .c_radio-wrapper:where(.w-variant-c00bfb47-9332-c9b8-623e-6aec0a6ba1db) { border-radius: 50%; } .c_radio-wrapper:where(.w-variant-dd7cba4d-c3ef-6582-fb73-656921809910) { border-radius: 0; } .c_radio-border { color: var(--_theme---text); border-radius: inherit; padding-bottom: 0; padding-right: 0; overflow: hidden; } .c_radio-fill { border-radius: var(--_typography---text-transform--inherit); background-color: var(--_theme---text); font-size: 1em; transition: all .2s; } .c_radio-hover { background-color: var(--_theme---text); width: 100%; height: 100%; padding-bottom: 0; padding-right: 0; } .c_radio-hover.u-cover-absolute { padding-bottom: 0; padding-right: 0; } .code-embed-5 { display: none; } .toast-close { font-family: "Fa Solid 900", Arial, sans-serif; font-size: var(--_typography---font-size--text-large); color: inherit; align-self: center; padding-bottom: 0; padding-right: 0; font-weight: 400; } .body { cursor: none; } .c_footer_wrap { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .c_footer-subtext { text-align: left; } .c_footer_text { grid-column-gap: 2px; grid-row-gap: 2px; text-align: left; letter-spacing: 1.5px; text-transform: uppercase; flex-direction: column; align-items: flex-start; margin-bottom: 0; font-size: 1.2em; line-height: 1.6; transition: color .3s; display: flex; } .c_footer_text:hover { opacity: .6; } .c_footer_email { z-index: 2; grid-row-gap: 12px; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 280px; text-decoration: none; display: flex; } .c_footer_email.left { justify-content: flex-end; align-items: flex-start; min-width: 100%; height: 100%; inset: auto auto 1rem 0%; } .c_footer-social { font-size: 1.6em; } .c_footer-link { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); justify-content: flex-start; align-items: center; display: flex; } .c_pricing-cards_wrap { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: wrap; justify-content: center; align-items: stretch; min-width: 100%; display: flex; } .c_pricing-intro-wrap { text-align: left; padding: 1rem; } .svg-definitions { opacity: 0; height: 0; display: none; } .c_nav-logo-svg { width: 2rem; max-width: 100%; } .c_pricing-cards-contain { max-width: 100%; display: flex; } .c_pricing-text { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .c_pricing-intro-copy { max-width: 67%; } .c_price-modal-trigger { flex-flow: column; display: flex; } .c_price-card-spline { aspect-ratio: 1; min-width: 40%; position: absolute; inset: 0% 0% auto auto; } .c_pricing-card-spline { position: absolute; inset: -20% 0% 0%; } .c_footer_nav-email { font-family: var(--_typography---font--secondary-family); letter-spacing: .025rem; font-size: 2em; font-weight: 400; } .menu-button { position: relative; } .menu-container { z-index: 1000; justify-content: center; align-items: center; display: flex; position: fixed; top: auto; bottom: 1rem; left: 46%; } .menu-trigger { z-index: 2; max-width: var(--column-width--1); height: 5rem; display: flex; position: relative; overflow: visible; } .menu-trigger.top, .menu-trigger.bottom, .menu-trigger.center { height: auto; } .menu-blur-overlay { display: none; } .stack_wrapper { background-image: linear-gradient(#f99db633 14%, #ede3cc80 36%); flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; transform: none; } .stack_item { transform-style: preserve-3d; max-width: 80%; transform: rotateX(60deg)rotateY(0)rotateZ(45deg); } .stack_item._01 { z-index: 1; box-shadow: none; max-width: 45%; position: absolute; top: 37px; left: 66px; } .stack_item._02 { transform-style: preserve-3d; max-width: 25%; position: absolute; top: -24px; left: 92px; transform: rotateX(-30deg)rotateY(-45deg)rotateZ(0); box-shadow: 20px 20px 13px -2px #0003; } .stack_item._03 { background-image: linear-gradient(#ffffff80, #ffffff80), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7613_FC-desktop.webp"); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, contain; max-width: none; position: absolute; inset: 34% 0% 0%; } .stack_item.hover { z-index: 1; opacity: 0; max-width: 45%; position: absolute; top: 37px; left: 66px; box-shadow: 20px 20px 15px -4px #0003; } .stack_item.static { transform-style: preserve-3d; min-width: 130%; transform: none; } .static_wrapper { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f7_FC-BG.png"), linear-gradient(#ede3cc80, #f99db633 86%); background-position: 50% 0, 0 0; background-repeat: no-repeat, repeat; background-size: auto 140%, auto; background-attachment: scroll, scroll; flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; transform: none; } .g_tag_wrap { color: #fff; text-align: center; background-color: #353233; border-radius: .5rem; min-width: 4rem; padding: .5rem .75rem; line-height: 1; display: inline-block; } .u-align-items-variable { align-items: var(--_alignment---direction); } .styleguide_card_visual { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .u-justify-content-center { justify-content: center; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-variable { justify-content: var(--_alignment---direction); } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-around { justify-content: space-around; } .s-mt-auto { margin-top: auto; } .s-mb-auto { margin-bottom: auto; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-display-contents { display: contents; } .u-max-width-80ch { max-width: 80ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-10ch { max-width: 10ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-50ch { max-width: 50ch; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .nav-base { padding-right: var(--site--gutter); padding-left: var(--site--gutter); justify-content: center; width: 100%; height: 100%; display: flex; } .search-icon { z-index: 25; border: 1px #fff3; border-radius: 100px; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 1px 1px 0; display: flex; } .search-icon-lottie { opacity: 1; filter: invert(); color: var(--swatch--brand); justify-content: center; align-items: center; width: 13px; display: flex; } .right-nav { grid-column-gap: 18px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: auto; grid-auto-flow: column; display: none; } .c-footer-btn-text { font-weight: var(--_typography---font--primary-medium); } .nav-link { max-width: var(--column-width--2); color: var(--swatch--dark); letter-spacing: 5px; text-transform: uppercase; justify-content: center; align-items: center; height: 100%; margin-left: 0; margin-right: 0; padding: 0; display: flex; position: static; } .nav-link.w--current { color: var(--_theme---neutral--bg); } .grid-wrapper-2 { width: var(--column-width--12); grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; display: grid; position: relative; } .search-wrapper { width: var(--column-width--2); flex-direction: column; justify-content: center; align-items: flex-end; margin-left: 1rem; display: flex; } .search-wrapper.mobile { display: none; } .search-button { letter-spacing: 2px; text-transform: uppercase; background-color: #3898ec00; border-radius: 100px; width: 32px; min-width: 32px; height: 32px; min-height: 32px; margin-left: -12px; padding: 0 0 0 2px; font-size: 10px; display: none; } .nav-menu { background-color: var(--swatch--transparent); min-height: 100%; display: flex; } .search-base { z-index: 5; justify-content: flex-start; width: 100%; display: flex; position: relative; overflow: hidden; } .dropdown-search-list { z-index: 10; background-color: #0000; flex: 0 auto; display: none; position: relative; } .dropdown-search-list.w--open { justify-content: flex-end; } .menu-button-2 { color: var(--swatch--brand); } .button-text-wrapper { cursor: pointer; flex-direction: column; justify-content: center; display: flex; overflow: hidden; } .menu-wrapper { min-width: var(--column-width--6); grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; justify-content: stretch; margin-left: 1rem; display: grid; } .brand { width: var(--column-width--1); color: #fff; letter-spacing: 4px; text-transform: uppercase; justify-content: flex-start; align-items: center; padding-left: 0; font-size: 16px; font-weight: 500; display: flex; } .nav-content { min-width: var(--column-width--12); grid-template-rows: auto; grid-template-columns: auto 1fr auto; grid-auto-columns: 1fr; justify-content: space-between; justify-items: stretch; display: grid; } .dropdown-search { z-index: 25; border: 1px solid var(--swatch--brand); outline-offset: 0px; border-radius: 100px; outline: 1px #fff3; flex-direction: row-reverse; justify-content: flex-end; align-items: center; min-width: 34px; max-width: 73%; min-height: 34px; margin-left: 0; margin-right: 0; display: none; } .menu-base { grid-template-rows: auto; grid-template-columns: 1fr auto 1fr; grid-auto-columns: 1fr; justify-content: space-between; justify-items: stretch; display: grid; } .search-toggle { z-index: 25; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 0; } .search-toggle.w--open { margin-left: -32px; } .navbar { background-color: var(--swatch--light); flex-direction: column; justify-content: center; display: flex; position: sticky; top: 0; } .search { color: #fff; border: 1px #fff3; border-radius: 100px; flex-direction: column; justify-content: center; align-items: flex-end; min-width: 100%; height: 32px; margin-bottom: 0; padding-right: 32px; font-size: 12px; display: flex; position: relative; inset: 0%; } .search-input { color: #fff; background-color: #fff0; border: 1px #000; width: 100%; height: 100%; margin-bottom: 0; padding: 0 0 0 18px; font-size: 14px; } .search-input::placeholder { line-height: 1.2em; } .svg-3 { color: var(--swatch--brand); } .slider-background-base { justify-content: center; display: flex; position: absolute; inset: 0%; } .slide-arrow { border: 1px solid var(--swatch--dark); border-radius: 100%; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0; display: flex; top: auto; bottom: 48px; left: 5vw; } .slide-arrow.right { left: auto; right: 5vw; } .button-3 { background-color: var(--swatch--brand); color: var(--swatch--light); text-align: center; letter-spacing: 5px; text-transform: uppercase; border-radius: 100px; justify-content: center; align-items: center; padding: 14px 23px 14px 28px; font-size: 11px; line-height: 1.5em; text-decoration: none; display: flex; } .button-3.dark { color: #fff; background-color: #080808; line-height: 1.5em; } .slider-arrow-wrapper { justify-content: center; align-items: center; width: 100%; display: flex; } .slide-intro { z-index: 100; max-width: var(--column-width--5); grid-column-gap: 24px; grid-row-gap: 36px; text-align: center; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: stretch center; padding-right: 5vw; display: grid; position: relative; } .slide-intro.right { margin-right: 5vw; } .slide-intro.center { margin-right: 0; } .slide-nav-2 { flex-direction: row; justify-content: center; align-items: center; height: 48px; min-height: 12px; margin: auto; padding: 0; font-size: 6px; display: flex; top: auto; bottom: 48px; transform: none; } .mask { overflow: visible; } .overlay { background-color: #0808084d; display: none; position: absolute; inset: 0%; } .section-hero { flex-direction: row; justify-content: center; min-height: 100vh; display: flex; } .slide-content { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 100px; padding-bottom: 140px; display: flex; } .slide-content.center { justify-content: flex-end; align-items: center; padding-bottom: 0; } .link-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--_theme---text); justify-content: center; align-items: center; display: flex; } .slider-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a3_about-image.jpg"), linear-gradient(to bottom, var(--swatch-primary--foreground), var(--swatch-primary--foreground)); font-weight: var(--_typography---font--primary-bold); background-position: 50%, 0 0; background-repeat: no-repeat, repeat; background-size: cover, auto; position: absolute; inset: 0%; } .slider-background.three { background-image: linear-gradient(180deg, #0000, #75757500 51%, var(--swatch--light) 92%), radial-gradient(circle farthest-corner at 100% 70%, var(--swatch--light) 27%, #fff0 44%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 0 0, 0 0, 0%, 0 0; background-repeat: repeat, repeat, no-repeat, repeat; background-size: auto, auto, auto 100%, auto; background-attachment: scroll, scroll, scroll, scroll; left: -16%; } .slider-background.four { background-image: linear-gradient(90deg, var(--swatch--transparent) 38%, var(--swatch--light-secondary) 60%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada769f_dark-blue-onesie.jpg"), linear-gradient(to bottom, var(--swatch--light-secondary), var(--swatch--light-secondary)); background-position: 0 0, 0%, 0 0; background-repeat: repeat, no-repeat, repeat; background-size: auto, contain, auto; } .slider-heading { color: var(--_theme---text); letter-spacing: .04em; text-transform: uppercase; font-weight: 700; } .slider-background-wrapper { justify-content: center; width: 100vw; display: flex; position: absolute; inset: 0% auto; overflow: hidden; } .slider { background-color: #080808; justify-content: center; align-items: stretch; width: 100%; max-width: 100%; height: 100%; } .wrapper-slider { background-color: var(--swatch--brand); justify-content: center; width: 100%; display: flex; position: relative; overflow: hidden; } .slider-arrow { filter: invert(); width: 15px; } .section { z-index: 10; flex-flow: column; justify-content: center; padding-top: 6rem; padding-bottom: 6rem; display: flex; position: relative; } .section.no-bottom-padding { padding-bottom: 0; } .section.l-mode-light { grid-column-gap: var(--_spacing---section-space--small); grid-row-gap: var(--_spacing---section-space--small); } .section.clip { background-color: var(--swatch--light); padding-top: 40px; overflow: hidden; } .section.no-padding { padding: 0; } .section.no-padding.grey { background-color: var(--swatch--brand); } .section.clip { display: block; overflow: hidden; } .section.bottom-border { border-bottom: 1px solid #e4e9ec; } .section.bottom-border.no-top-padding { background-color: var(--_theme---neutral--text); } .section.dark { background-color: var(--swatch--dark); } .section.light { background-color: var(--swatch--light); } .section.faq { background-color: var(--swatch--light); display: none; } .section.about { background-color: var(--swatch--light); } .section.wholesale { padding-right: var(--column-width--1); padding-left: var(--column-width--1); background-color: var(--swatch--light-tertiary); overflow: hidden; } .arrow-icon { width: 14px; } .width-medium { max-width: 550px; } .stacked-intro { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: stretch start; display: grid; } .stacked-intro.large { grid-row-gap: 48px; } .stacked-intro.small { grid-row-gap: 18px; } .stacked-intro.centered { text-align: center; justify-content: center; justify-items: center; } .width-large { max-width: 700px; } .body-display { font-size: 18px; line-height: 1.65em; } .story-content { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; } .dual-button { grid-column-gap: 48px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; justify-content: center; display: grid; } .story-wrapper { grid-column-gap: 48px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: auto 1fr auto; grid-auto-columns: 1fr; place-content: center stretch; place-items: center; padding-left: 6px; padding-right: 6px; display: grid; } .underline-link { grid-column-gap: 24px; grid-row-gap: 16px; color: #667479; letter-spacing: 4px; text-transform: uppercase; border-bottom: 1px #e4e9ec; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: space-between; align-items: center; padding-bottom: 0; font-size: 11px; line-height: 1.5em; text-decoration: none; display: grid; } .contact-header { font-size: 36px; font-weight: 600; line-height: 1.35em; } .contact-header.large { font-size: 42px; } .contact-header.extra-large { font-size: var(--_typography---font-size--h3); } .slider-subheading { font-size: var(--_typography---font-size--h5); font-weight: var(--_typography---font--primary-medium); letter-spacing: .04em; text-transform: uppercase; } .c_card_right { flex: 1; justify-content: center; align-items: center; display: flex; } .c_card_wrap-horizontal { min-width: 20rem; } .c_card_wrap-horizontal.u-shadow { border-radius: 1rem; min-width: auto; min-height: 30vh; position: relative; } .card-stack-wrap { width: var(--column-width--8); grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .card-stack-wrap.s-gap-7 { margin-left: auto; margin-right: auto; } .c_card-button-wrap { min-width: 100%; } .footer { position: sticky; inset: auto 0% 0%; } .footer-grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: .5fr 1fr .5fr; grid-auto-columns: 1fr; margin-bottom: -20rem; display: grid; } .arrow-clip { justify-content: center; align-items: center; display: flex; overflow: hidden; } .footer-categories { grid-column-gap: 16px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center; display: grid; } .footer-list { min-width: var(--column-width--2); grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: start center; display: grid; } .footer-items { grid-column-gap: 16px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center; display: grid; } .subtitle { color: #667479; font-size: 14px; line-height: 1.3em; font-weight: var(--_typography---font--primary-bold); letter-spacing: 4px; text-transform: uppercase; } .subtitle.small { letter-spacing: 3px; } .subtitle.small.light { color: var(--_theme---text); } .footer-subtext-contain { grid-column-gap: 16px; grid-row-gap: 16px; opacity: .8; color: #fff; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: end; font-size: 9px; display: grid; } .legal-link { color: #fff; text-decoration: none; } .c-footer-link { grid-column-gap: .5rem; grid-row-gap: .5rem; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; justify-content: start; justify-items: center; line-height: 1.5em; text-decoration: none; display: grid; } .footer-logo { z-index: -1; opacity: .9; position: relative; } .footer-bottom { grid-column-gap: 16px; grid-row-gap: 16px; border-top: 1px solid #fff3; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 28px; padding-bottom: 28px; display: grid; } .footer-content { grid-column-gap: 16px; grid-row-gap: 60px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: center; min-height: 300px; display: grid; } .footer-navigation { grid-column-gap: 12px; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: auto; grid-auto-flow: column; justify-content: space-between; place-items: start stretch; display: grid; } .c_card-header_wrap { text-align: center; } .product-slide-card { justify-content: center; align-items: center; display: flex; } .stacked-content { z-index: 20; grid-column-gap: 16px; grid-row-gap: 48px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-content: space-between; display: grid; position: relative; } .stacked-content.medium { grid-row-gap: 80px; } .stacked-content.small { grid-row-gap: 26px; } .subtitle-2 { color: #667479; letter-spacing: 4px; text-transform: uppercase; font-size: 14px; font-weight: 300; line-height: 1.3em; } .product-slider { background-color: #ddd0; justify-content: center; height: 100%; display: flex; } .dark-slide-arrow { border: 1px solid var(--swatch--brand); background-color: var(--swatch--light-secondary); border-radius: 100%; justify-content: center; align-items: center; width: 48px; height: 48px; display: flex; bottom: 90px; } .dark-slide-arrow.left { left: 5rem; } .dark-slide-arrow.right { right: 5rem; } .showcase-products { grid-column-gap: 6px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .showcase-products.single-column { grid-template-rows: auto; grid-template-columns: 1fr; min-height: 100%; } .wrapper-intro { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: end; display: grid; } .wrapper-intro.centered { text-align: center; grid-template-columns: 1fr; justify-items: center; } .product-mask { max-width: var(--column-width--4); overflow: visible; } .hide-slide-nav { display: none; } .footer-2 { background-color: #080808; position: sticky; inset: auto 0% 0%; } .footer-grid-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-bottom: 60px; display: grid; } .tab-bottom { border-radius: var(--radius--main); background-color: #f4f8fa; border-top: 1px #e4e9ec; padding-top: 0; padding-bottom: 0; overflow: hidden; } .field { border-radius: var(--radius--med); color: #667479; background-color: #fff0; border-color: #e4e9ec; height: 52px; margin-bottom: 24px; padding: 14px 20px; font-size: 15px; transition: border-color .4s cubic-bezier(.25, .46, .45, .94); } .field:focus, .field.-wfp-focus { border-color: #99a7ac; } .field.large { height: auto; min-height: 150px; } .field.short-margin { margin-bottom: 12px; } .field.no-margin { margin-bottom: 0; } .contact-form-base { grid-column-gap: 16px; grid-row-gap: 48px; border-radius: var(--radius--main) 2px 2px var(--radius--main); background-color: var(--swatch--light); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-width: 600px; padding: 80px 60px; display: grid; } .background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada767d_Image001.jpeg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .background.contact-background { background-image: linear-gradient(to bottom, var(--swatch--dark), var(--swatch--dark)); background-position: 0 0; } .background.faq-background { background-image: linear-gradient(276deg, var(--swatch--light) 41%, var(--swatch--light-faded) 69%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a3_about-image.jpg"); background-position: 0 0, 0%; background-repeat: repeat, no-repeat; background-size: auto, 60%; } .background.checkout-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 20%, 0 0; background-repeat: no-repeat, repeat; background-size: 50%, auto; } .background.shop-background { background-image: none; } .contact-image { position: relative; overflow: hidden; } .dual-contact { grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: minmax(200px, auto) 1fr; grid-auto-columns: 1fr; padding-top: 80px; padding-bottom: 80px; display: grid; } .instagram-grid { grid-column-gap: 6px; grid-row-gap: 16px; background-color: var(--swatch--light); grid-template-rows: auto; grid-template-columns: 1fr 1fr auto 1fr 1fr; grid-auto-columns: 1fr; width: 100%; padding: 6px; display: none; } .hyperlink { color: var(--swatch--light); font-weight: var(--_typography---font--primary-bold); transition: color .4s cubic-bezier(.25, .46, .45, .94); } .hyperlink:hover { color: var(--swatch--light-tertiary); } .form-block { margin-bottom: 0; } .dual-grid { grid-column-gap: 80px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-content: start; align-items: start; display: grid; } .footer-categories-2 { grid-column-gap: 16px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .overlay-2 { background-color: #0808084d; position: absolute; inset: 0%; } .overlay-2.light { background-color: #0808080d; display: none; } .footer-list-2 { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .form { grid-column-gap: 16px; grid-row-gap: 36px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .width-small { max-width: 425px; } .tab-list { grid-column-gap: 0px; grid-row-gap: 0px; border-top: 1px solid var(--swatch--brand); grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .lottie-tab-icon { z-index: 10; opacity: .5; filter: invert(); width: 14px; position: relative; } .grid-wrapper-3 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .section-banner { background-color: var(--swatch--light); min-height: 700px; position: relative; } .section-banner.u-zindex-2 { min-height: auto; } .contact-body { font-size: 18px; line-height: 1.65em; } .contact-body.extra-small, .contact-body.small { font-size: 15px; } .contact-body.light { color: #fff; } .success-content { background-color: #f4f8fa; justify-content: center; align-items: center; height: 100%; min-height: 400px; display: flex; } .instagram-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada767e_Image003.jpeg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .instagram-background.two { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7681_Image004%202.jpg"); } .instagram-background.three { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada767f_Image001%201.jpg"); } .instagram-background.four { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7685_Image008%201.jpg"); } .instagram-background.one { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7684_Image002%201.jpg"); } .subtitle-3 { letter-spacing: 4px; text-transform: uppercase; font-size: 14px; font-weight: 300; line-height: 1.3em; } .subtitle-3.small { letter-spacing: 3px; font-size: 11px; } .about-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7698_mcb-about-image.avif"); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .about-background.three { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/69278b0adff59f713df0e15a_MCB-Image%201.avif"); background-position: 60%; background-size: cover; } .about-background.two { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7699_cuddle-baby-model.avif"); } .hero-title { max-width: 600px; } .stacked-description { grid-column-gap: 16px; grid-row-gap: 12px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .contact-hero { justify-content: center; padding-top: 12rem; padding-bottom: 100px; display: flex; position: relative; } .page-content { z-index: 10; position: relative; } .footer-link-2 { grid-column-gap: 16px; grid-row-gap: 16px; color: #fff; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; justify-content: start; align-items: center; font-size: 11px; line-height: 1.5em; text-decoration: none; display: grid; } .footer-logo-2 { width: 100%; min-width: 100%; max-width: none; } .footer-bottom-2 { grid-column-gap: 16px; grid-row-gap: 16px; border-top: 1px solid #fff3; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 28px; padding-bottom: 28px; display: grid; } .error-message-2 { border-left: 3px solid #a74030; margin-left: 40px; margin-right: 40px; padding-top: 12px; padding-bottom: 12px; padding-left: 18px; } .hover-cover { background-color: #f4f8fa; display: none; position: absolute; inset: 0%; } .tab-title { z-index: 25; grid-column-gap: 16px; grid-row-gap: 16px; color: #080808; letter-spacing: .15em; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: 1fr auto; grid-auto-columns: 1fr; align-items: center; width: 100%; margin-left: auto; margin-right: auto; font-size: 14px; font-weight: 500; display: grid; position: relative; } .success-message-2 { background-color: #ddd0; padding: 0; } .footer-content-2 { grid-column-gap: 16px; grid-row-gap: 60px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-height: 300px; display: grid; } .tab-bottom-content { border-top: 1px #e4e9ec; margin-left: auto; margin-right: auto; padding: 28px 24px; } .background-wrapper { position: absolute; inset: 0%; overflow: hidden; } .tab-item { border-bottom: 1px solid var(--swatch--brand); flex-direction: column; display: flex; } .submit-button { border-radius: var(--radius--main); letter-spacing: 4px; text-transform: uppercase; background-color: #080808; justify-content: center; height: 52px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 11px; display: flex; } .tab-top { grid-column-gap: 16px; grid-row-gap: 16px; cursor: pointer; grid-template-rows: auto; grid-template-columns: 1fr auto; grid-auto-columns: 1fr; width: 100%; padding: 28px 0; text-decoration: none; transition: padding .5s cubic-bezier(.25, .46, .45, .94); position: relative; overflow: hidden; } .tab-top:hover { padding-left: 0; padding-right: 0; } .footer-navigation-2 { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: space-between; place-items: start end; display: grid; } .instagram-image-wrapper { position: absolute; inset: 0%; overflow: hidden; } .page-wrapper { font-weight: 400; } .instagram-image { text-align: center; letter-spacing: .05em; text-transform: uppercase; justify-content: center; align-items: center; min-height: 16vw; font-size: 22px; line-height: 1.2em; display: flex; position: relative; overflow: hidden; } .instagram-image.middle { color: #07090c; letter-spacing: .15em; min-width: 33.33vw; font-size: 18px; font-weight: 500; text-decoration: none; } .field-label { color: #667479; font-size: var(--_typography---font-size--text-small); letter-spacing: 4px; text-transform: uppercase; margin-bottom: 9px; font-weight: 400; line-height: 1.6em; } .field-label.red { color: #ac4b4b; border-radius: 4px; margin-bottom: 0; padding: 0 0 0 12px; font-size: 9px; font-weight: 500; line-height: 1.3em; } .hero-grid { grid-column-gap: 60px; grid-row-gap: 16px; color: var(--swatch--light); grid-template-rows: auto; grid-template-columns: 1fr auto; grid-auto-columns: 1fr; align-items: end; display: grid; } .footer-3 { background-color: #080808; position: sticky; inset: auto 0% 0%; } .footer-grid-3 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-bottom: 60px; display: grid; } .wrapper-testimonials { padding-top: 36px; padding-bottom: 36px; display: flex; overflow: visible; } .faq-block { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .arrow-cover { z-index: 25; position: absolute; inset: 0%; } .shop-hero { background-color: var(--swatch--brand); justify-content: center; padding-top: 10rem; padding-bottom: 80px; display: flex; position: relative; } .faq-link-wrapper { grid-column-gap: 16px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: start; justify-items: start; display: grid; } .action-heading-wrapper { color: #fff; white-space: nowrap; align-items: center; min-height: auto; padding-top: 120px; padding-bottom: 120px; display: flex; overflow: hidden; } .rotating-text { padding-right: 60px; } .overlay-3 { background-color: #0808084d; display: none; position: absolute; inset: 0%; } .overlay-3.gradient { background-color: #08080800; background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40); } .footer-list-3 { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .grid-wrapper-4 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .grid-wrapper-4.clip { justify-content: center; justify-items: center; overflow: hidden; } .testimonial { text-align: center; width: 100%; max-width: 600px; height: 100%; margin-left: auto; margin-right: auto; } .faq-grid { grid-column-gap: 16px; grid-row-gap: 80px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 800px; display: grid; } .action-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a6_openart-2a4dba0cadc045e380fceef568897f7d_raw.jpg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .mask-testimonials { width: 60%; overflow: visible; } .subtitle-4 { letter-spacing: 4px; text-transform: uppercase; font-size: 14px; font-weight: 300; line-height: 1.3em; } .subtitle-4.light { color: #fff; } .subtitle-4.small { letter-spacing: 3px; font-size: 11px; } .slider-testimonials { background-color: #ddd0; justify-content: center; width: 100%; height: 100%; padding-bottom: 60px; display: flex; } .hover-arrow { z-index: 5; background-color: #07090c; border: 1px #e4e9ec; border-radius: 100%; justify-content: center; align-items: center; width: 48px; height: 48px; display: none; position: fixed; inset: -38px auto auto -30px; } .testimonial-slide-nav { height: 12px; padding-top: 0; font-size: 6px; inset: auto 0% 0%; } .faq-sidebar { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-bottom: 120px; padding-top: 120px; display: grid; position: sticky; top: 0; } .action-section { justify-content: center; align-items: stretch; min-height: 750px; padding-top: 200px; padding-bottom: 100px; display: flex; position: relative; } .footer-link-3 { grid-column-gap: 16px; grid-row-gap: 16px; color: #fff; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; justify-content: start; align-items: center; font-size: 11px; line-height: 1.5em; text-decoration: none; display: grid; } .footer-logo-3 { width: 100%; min-width: 100%; max-width: none; } .footer-bottom-3 { grid-column-gap: 16px; grid-row-gap: 16px; border-top: 1px solid #fff3; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 28px; padding-bottom: 28px; display: grid; } .link-arrow-wrapper { overflow: hidden; } .slide-heading { color: var(--swatch--dark); letter-spacing: .04em; text-transform: uppercase; font-size: 80px; font-weight: 600; line-height: 1.25em; } .slide-heading.xl { font-size: 120px; line-height: 1em; } .footer-content-3 { grid-column-gap: 16px; grid-row-gap: 60px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-height: 300px; display: grid; } .testimonial-arrow { border: 1px #e4e9ec; justify-content: center; align-items: center; width: 20%; display: flex; } .width-extra-large { max-width: 975px; } .faq-right { border-top-left-radius: var(--radius--main); background-color: #fff; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 120px 100px; display: flex; } .sidebar-grid { grid-column-gap: 140px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .grid-wrapper-5 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .checkout-banner { grid-column-gap: 16px; grid-row-gap: 120px; color: #fff; text-align: center; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-items: center; min-height: 260px; padding-top: 160px; padding-bottom: 60px; display: grid; } .option-list { color: #667479; text-transform: none; font-size: 14px; font-weight: 300; line-height: 1.6em; } .checkbox { background-color: #fff; border: 1px solid #e4e9ec; border-radius: 2px; margin-top: 0; margin-right: 3px; } .discount-code { border-radius: var(--radius--main); color: #667479; background-color: #0000; border-style: solid none solid solid; border-color: #e4e9ec; height: 52px; padding-left: 30px; } .discount-code:focus { border-style: solid none solid solid; border-color: #e4e9ec; } .price { color: #667479; letter-spacing: .05em; text-transform: uppercase; font-size: 14px; font-weight: 300; } .checkout-form { background-color: #0000; padding: 0; } .shipping-method { border-radius: var(--radius--med); border: 1px solid #e4e9ec; padding: 18px; } .checkbox-label { margin-bottom: 0; } .radio-button { background-color: #080808; border: 1px solid #e4e9ec; margin-right: 18px; } .row { margin-left: -3px; margin-right: -3px; } .web-payments { margin-bottom: -8px; } .customer-wrapper { margin-bottom: 0; } .discounts { background-color: #0000; border-style: none; padding: 0; } .block-content { grid-column-gap: 16px; grid-row-gap: 16px; background-color: #fff0; border: 1px #000; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding: 0; } .cart-item-top { justify-content: space-between; align-items: flex-start; margin-bottom: 36px; margin-left: 0; margin-right: 0; display: flex; } .cart-item-top.small { margin-bottom: 12px; } .order-item-image { object-fit: cover; width: 80px; height: 80px; } .grid-wrapper-6 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .cart-title { letter-spacing: .02em; text-transform: none; margin-bottom: 9px; font-size: 16px; font-weight: 500; } .cart-title.small { margin-bottom: 4px; } .order-item { border-top: 1px #e4e9ec; justify-content: flex-start; margin-bottom: 0; padding: 0; } .order-item:nth-child(odd) { border-radius: 4px; } .special-pay-button { border-radius: 100px; } .special-pay-button.large { height: 48px; } .discount-button-wrapper { border-radius: var(--radius--main); color: #080808; letter-spacing: 4px; text-transform: uppercase; background-color: #0000; border: 1px solid #e4e9ec; border-left-style: none; align-items: stretch; height: auto; margin-left: 0; padding: 6px; font-size: 11px; display: flex; } .cart-item-bottom { justify-content: space-between; align-items: flex-end; display: flex; } .shipping-method-list { grid-column-gap: 16px; grid-row-gap: 6px; border-left-style: none; border-right-style: none; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .checkout-right { background-color: #fff; min-width: 500px; padding: 80px 5vw 160px 80px; position: relative; top: 0; } .summary-text { color: #667479; font-size: 15px; font-weight: 400; } .summary-text.dark { color: #080808; } .summary-text.dark-bold { color: #080808; font-weight: 500; } .checkout-component { border-radius: var(--radius--main); background-color: #fff; border: 1px solid #e4e9ec00; margin-top: 0; margin-bottom: 0; padding: 48px 40px; transition: border-color .4s cubic-bezier(.25, .46, .45, .94); } .checkout-component:hover { border: 1px solid #e4e9ec; } .shipping-title { margin-left: 0; margin-right: 0; } .apply-button { border-radius: var(--radius--small); color: #000; letter-spacing: 4px; text-transform: uppercase; background-color: #e4e9ec00; height: auto; padding: 0 20px 0 24px; font-size: 11px; line-height: 1.3em; transition: background-color .4s cubic-bezier(.25, .46, .45, .94); } .apply-button:hover { background-color: #e4e9ec; } .quantity-number { margin-left: 2px; } .order-quantity { color: #667479; font-size: 12px; } .checkout-page { background-color: #f4f8fa; } .checkout-grid { grid-column-gap: 80px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr .75fr; grid-auto-columns: 1fr; padding-top: 0; display: grid; } .order-item-list { grid-column-gap: 0px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-height: 425px; margin-bottom: 0; display: grid; overflow: auto; } .order-details { flex-direction: column; justify-content: space-between; width: 100%; margin-left: 24px; margin-right: 0; display: flex; } .billing-address-toggle { color: #667479; align-items: center; line-height: 1.3em; } .order-summary { margin-bottom: 0; } .summary-wrapper { grid-column-gap: 16px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .cart-item-title { flex-direction: column; align-items: flex-start; display: flex; } .block-header { background-color: #fff0; border-style: none; padding: 0 0 36px; } .column { padding-left: 3px; padding-right: 3px; } .order-image { border-radius: 2px; justify-content: flex-start; align-items: center; min-height: 100%; display: flex; overflow: hidden; } .order-items { margin-bottom: 0; } .checkout-left { grid-column-gap: 48px; grid-row-gap: 36px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; padding: 80px 0 160px; display: grid; } .empty-state { border: 1px solid #e4e9ec; border-radius: 2px; } .shipping-text { font-size: 15px; font-weight: 500; } .sticky-checkout-sidebar { grid-column-gap: 36px; grid-row-gap: 36px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 450px; display: grid; position: sticky; top: 60px; } .checkout-nav { z-index: 25; background-color: #fff0; position: absolute; inset: 0% 0% auto; } .confirmation-block { font-size: 15px; line-height: 1.6em; } .checkout-nav-base { justify-content: flex-start; height: 80px; display: flex; } .grid-wrapper-7 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .subtitle-5 { color: #667479; letter-spacing: 4px; text-transform: uppercase; font-size: 14px; font-weight: 300; line-height: 1.3em; } .subtitle-5.light { color: #fff; } .brand-2 { color: #fff; letter-spacing: 4px; text-transform: uppercase; justify-content: flex-start; align-items: center; width: 110px; padding-left: 0; font-size: 16px; font-weight: 500; display: flex; } .grid-wrapper-8, .grid-wrapper-9 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .footer-4 { background-color: #080808; position: sticky; inset: auto 0% 0%; } .shop-grid { grid-column-gap: 6px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-content: start; align-items: start; padding-top: 0; display: grid; } .footer-grid-4 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-bottom: 60px; display: grid; } .category-item-wrapper { flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; display: flex; } .filter-left { grid-column-gap: 24px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; align-items: center; display: none; } .grid-wrapper-10 { z-index: 25; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr); grid-auto-columns: 1fr; width: 100%; display: grid; position: relative; } .grid-wrapper-10.clip { justify-content: center; justify-items: center; overflow: hidden; } .filter-bar { padding-top: 80px; padding-bottom: 6px; display: flex; } .subtitle-6 { letter-spacing: 4px; text-transform: uppercase; font-size: 14px; font-weight: 300; line-height: 1.3em; } .subtitle-6.light { color: #fff; } .subtitle-6.small { letter-spacing: 3px; font-size: 11px; } .footer-link-4 { grid-column-gap: 16px; grid-row-gap: 16px; color: #fff; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; justify-content: start; align-items: center; font-size: 11px; line-height: 1.5em; text-decoration: none; display: grid; } .footer-logo-4 { width: 100%; min-width: 100%; max-width: none; } .footer-bottom-4 { grid-column-gap: 16px; grid-row-gap: 16px; border-top: 1px solid #fff3; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 28px; padding-bottom: 28px; display: grid; } .category-wrapper { flex-wrap: wrap; align-items: stretch; display: flex; } .footer-content-4 { grid-column-gap: 16px; grid-row-gap: 60px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-height: 300px; display: grid; } .shop-collection-list { flex-direction: column; grid-template-rows: 1fr auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .content_collection-list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .filter_content { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .filter_empty-icon { width: 5rem; margin-bottom: .5rem; } .filter_grid { grid-column-gap: 2rem; grid-row-gap: 2rem; color: var(--swatch--brand-text); grid-template-rows: auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .filter_tags-wrapper { flex-flow: wrap; flex: 1; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; place-content: start; align-items: center; margin-right: 1rem; display: flex; } .option-results { color: #3c7c43; display: none; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .rangeslider_wrapper { align-items: center; padding: 21px; display: block; position: relative; } .rangeslider_input { display: none; } .rangeslider_track { background-color: #ececec; border-radius: 999rem; width: 96%; height: .25rem; margin-left: auto; margin-right: auto; position: relative; } .filter_sort-by { border-radius: var(--radius--main); border: 1px solid #dae4d8; flex-direction: row; justify-content: flex-start; align-items: center; min-width: 12rem; padding: .5rem 4rem .5rem 1.2rem; display: flex; } .filter_sort-by.w--open { z-index: 3; } .filter-block-label { margin-bottom: 0; font-size: 1.25rem; font-weight: 400; line-height: 1.4; } .text-link { color: #3c7c43; border-bottom: 1px solid #90c396; text-decoration: none; display: inline-block; } .radio_field { cursor: pointer; flex-direction: row; justify-content: flex-start; align-items: center; padding-top: .5rem; padding-bottom: .5rem; padding-left: 0; font-size: 1rem; font-weight: 400; display: flex; } .filter_tag { border-radius: var(--radius--main); background-color: var(--swatch--brand); color: #fff; margin-top: .5rem; margin-bottom: .5rem; margin-right: .5rem; padding: .5rem 2.5rem .5rem 1rem; font-size: .85rem; font-weight: 500; position: relative; } .rangeslider_handle { z-index: 1; background-color: var(--swatch--brand); cursor: grab; border-radius: 999rem; flex: none; width: 1rem; height: 1rem; position: absolute; } .rangeslider_handle:focus { background-color: #3c7c43; } .filter_results-text { color: var(--swatch--brand-text); font-weight: 400; } .filter_column { border-radius: var(--radius--main); background-color: #fff; border: 1px solid #dfdfdf; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; position: sticky; top: 8rem; } .range_values { flex-direction: row; justify-content: space-between; align-items: center; margin-top: .5rem; display: flex; } .dropdown_icon { margin-right: 1.2rem; font-size: 1rem; } .dropdown_list.w--open { border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: #fff; flex-flow: column; justify-content: center; align-items: center; display: flex; top: 2rem; overflow: hidden; } .page-padding { padding-top: 3rem; padding-left: 3rem; padding-right: 3rem; } .filter_header { z-index: 10; border-radius: var(--radius--main); background-color: #fff; border: 1px solid #dae4d8; flex-direction: row; justify-content: flex-end; align-items: center; min-height: 4.5rem; padding: .5rem 1rem; display: flex; position: sticky; top: 8rem; } .filter_header.u-zindex-3 { display: none; } .filter_tag-remove { opacity: .5; filter: invert(); cursor: pointer; border-radius: 999rem; flex-direction: column; width: 1.5rem; margin-top: .4rem; margin-right: .5rem; padding: .25rem; display: flex; position: absolute; inset: 0% 0% 0% auto; } .radio_button { border: 2px solid #dfdfdf; width: 1.25rem; height: 1.25rem; margin-top: 0; margin-left: 0; margin-right: .75rem; } .radio_button.w--redirected-checked { background-color: #3c7c43; background-image: none; border-color: #3c7c43; box-shadow: 1px 1px 3px #0000; } .radio_button.w--redirected-focus { box-shadow: none; border-color: #90c396; } .rangeslider_fill { background-color: var(--swatch--dark); width: 20%; height: 100%; position: absolute; } .nav_logo-2 { width: 10rem; } .filter_empty { border-radius: var(--radius--main); background-color: #fff; border: 1px solid #dfdfdf; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; display: none; } .text-color-green { color: #3c7c43; } .filter_wrapper { background-color: var(--_theme---neutral--text); } .filter_reset { color: #6e6e6e; border-bottom: 1px solid #dae4d8; padding-bottom: .2rem; text-decoration: none; } .filter_form-wrapper { margin-bottom: 0; } .filter_tags-text { color: #8f8f8f; margin-right: 1rem; } .filter_search-field { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada763d_search.svg"); background-position: 16px; background-repeat: no-repeat; background-size: 1.5rem; border: 1px #000; min-height: 4.4rem; margin: 1rem; padding: 1rem 1.5rem 1rem 4rem; font-size: 1rem; } .sort_field { color: #000; cursor: pointer; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; height: 100%; margin-bottom: 0; padding: 1rem 2rem 1rem 1.5rem; text-decoration: none; display: flex; position: relative; } .sort_field.w--current { color: #3c7c43; background-color: #f4f9f4; } .sort_field.last { border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); } .filter_select { cursor: pointer; border: 1px #000; min-height: 3.6rem; margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; } .radio_label { margin-bottom: 0; margin-right: .5rem; } .filter_block { grid-column-gap: 1rem; grid-row-gap: 1rem; border-radius: var(--radius--small); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding: .5rem; position: relative; overflow: hidden; } .filter_block.is-search { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada761a_search-dark-small(24x24)%402x%20(1).svg"); background-position: 5%; background-repeat: no-repeat; background-size: 24px; padding-left: 3rem; } .heading-small-2 { color: var(--swatch--brand-text); font-size: 1.25rem; font-weight: 600; line-height: 1.4; } .hide { display: none; } .dropdown { margin-left: 0; margin-right: 0; } .nav_header { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: row; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: space-between; align-items: center; margin-bottom: 2rem; display: grid; } .filter_block-header { z-index: 10; grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: #fff; flex-direction: row; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; justify-content: space-between; place-items: start stretch; padding: 1rem 1.5rem; display: grid; position: relative; inset: 0% 0% auto; } .filter_block-header.vertical { grid-template-rows: auto auto; grid-template-columns: auto; } .container { max-width: 80rem; margin-left: auto; margin-right: auto; } .fs-cmsfilter_highlight { color: #fff; background-color: #3c7c43; } .filter_options { flex-flow: column; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; position: relative; overflow: auto; } .filter_reset-all { border-bottom: 1px solid var(--_theme---success--bg-hover); text-align: center; padding-bottom: .2rem; text-decoration: none; } .filter_reset-all.text-color-green { padding-bottom: 0; padding-left: .5rem; padding-right: .5rem; } .rich-text-block { text-align: center; } .slot { min-height: 100%; position: absolute; inset: 0%; } .c_card-image { z-index: 1; aspect-ratio: 1; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(to bottom, var(--_theme---background), var(--_theme---background)); border-radius: inherit; background-position: 44%, 0 0; background-repeat: no-repeat, repeat; background-size: contain, auto; position: static; } .c_card-image_wrap { border-radius: inherit; padding: 2rem; } .c_card-footer_wrap { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: center; align-items: center; padding: 1rem 2rem 2rem; display: flex; } .c_product-name { color: var(--swatch--brand-text); font-size: var(--_typography---font-size--h5); text-align: center; font-weight: 500; } .c_product-description { text-align: center; padding-left: 1rem; padding-right: 1rem; overflow: hidden; } .c_product-description.t-clamp-3 { color: var(--swatch--brand-text); } .collection-item { max-width: var(--column-width--3); } .c-h-image_wrap { flex: 1; } .slider-header { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .c-feature_wrap { min-width: var(--column-width--10); margin: var(--_spacing---space--8) auto; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .c-feature-item { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: center; align-items: center; display: flex; } .path-2 { color: var(--_theme---background); } .c-feature-text { font-size: var(--_typography---font-size--text-large); } .c-feature-subheading { font-size: var(--_typography---font-size--h5); font-weight: var(--_typography---font--primary-bold); } .c-feature-header-wrap { font-size: var(--_typography---font-size--h4); font-weight: var(--_typography---font--primary-medium); } .c_card-image-bg { aspect-ratio: 1; border-radius: var(--radius--main); background-image: linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); margin: 2rem; padding: 0; display: none; position: absolute; inset: 0%; } .c-feature-svg { max-width: 8rem; } .c_product-title { font-weight: 500; position: relative; } .c_product-card-footer { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: column; justify-content: center; align-items: flex-start; padding: 1rem 2rem 2rem; display: flex; } .section-aji-3 { padding: 20px; } .section-aje-11 { margin-bottom: 30px; } .empty-state-ajf-1 { background-color: #0000; padding: 0 2%; } .section-aji-21 { display: inline-block; } .section-ajf-26 { flex-wrap: wrap; margin-left: -2%; margin-right: -2%; } .text-aje-3 { color: #dc3958; text-align: left; margin-right: .3em; font-size: 13px; font-weight: 400; line-height: 1.3em; display: inline; } .text-aje-3.alt-text-aje-3 { text-decoration: line-through; } .dropdown-link-ajf-1 { color: #444; cursor: pointer; flex: none; padding: 10px; text-decoration: none; } .dropdown-link-ajf-1:hover { background-color: #f9f9f9; } .section-ajf-5 { margin-right: 20px; } .section-aje-5 { margin-bottom: 22px; } .text-aji-6 { color: #332d2a; font-size: 28px; font-weight: 700; line-height: 1.3em; } .section-aje-6 { align-items: center; display: flex; } .product-contact-links { flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: -10px; display: flex; } .background-color-aji-3 { z-index: 1; background-color: #f0f0f0; position: absolute; inset: 0%; } .c-cart-qty-value { z-index: 3; color: #5f575e; background-color: #0000; border: 1px solid #ddd; border-radius: 3px; flex: 1; height: 60px; margin-bottom: 0; padding-left: 60px; padding-right: 20px; font-size: 16px; font-weight: 600; position: relative; } .embed-link-icon-aje-13 { z-index: 2; position: absolute; inset: 0%; } .text-aji-1 { color: #332d2a; text-align: left; font-size: 16px; font-weight: 400; line-height: 1.3em; text-decoration: underline; display: inline; } .section-aji-15 { margin-bottom: 10px; } .section-ajf-23 { align-items: center; display: none; } .section-aje-21 { margin-bottom: 40px; } .section-aje-21.boxrenderoptions { display: none; } .text-aje-7 { color: #2c1a1a; text-align: left; margin-right: 5px; font-size: 13px; font-weight: 400; line-height: 1.3em; display: inline; } .text-aje-7.alt-text-aje-7 { font-weight: 700; } .link-icon-aje-1 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7641_Path%205002.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 20px; height: 22px; margin-right: 10px; } .section-aje-19 { flex: none; justify-content: center; align-items: center; display: flex; } .link-aji-1 { cursor: pointer; align-items: center; margin-right: 20px; text-decoration: none; display: flex; } .section-ajk-5 { grid-column-gap: 16px; grid-row-gap: 16px; flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-left: -1%; margin-right: -1%; display: flex; } .background-color-ajf-2 { z-index: 1; background-color: #f0f0f0; width: 100%; position: absolute; inset: 0%; } .add-to-cart-options-aji-1 { margin-bottom: 25px; } .product-desc-header { color: #390c16; text-align: left; font-size: 24px; font-weight: 700; line-height: 1.3em; } .background-color-ajf-1 { z-index: 2; background-color: #ad2c45; width: 50%; position: absolute; inset: 0%; } .drop-list-ajf-2 { background-color: #0000; inset: 35px 0% auto auto; } .background-list-ajf-1 { background-color: #fff; border-radius: 3px; flex-direction: column; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 0 10px #0000001a; } .text-link-ajg-1 { color: #fff; font-size: 16px; font-weight: 900; line-height: 1.3em; text-decoration: none; } .background-list-ajf-2 { background-color: #fff; border: 1px solid #dcdcdc; flex-direction: column; padding-top: 5px; padding-bottom: 5px; } .collection-list-wrapper-ajc-1 { margin-bottom: 20px; } .section-aji-30 { margin-bottom: 10px; } .product-subtext { color: #5f575e; text-align: left; font-size: 13px; font-weight: 400; line-height: 1.3em; display: none; } .section-aje-4 { margin-bottom: 30px; } .aje-featswrapper-1 { grid-column-gap: 16px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section-ajf-2 { align-items: center; margin-bottom: 40px; display: flex; } .background-image-ajf-1 { z-index: 3; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7657_Exclusion%2016%402x.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 94px; height: 18px; position: relative; } .drop-section-aje-2 { justify-content: center; align-items: center; margin-bottom: 5px; margin-right: 5px; display: flex; } .link-aje-1 { cursor: pointer; flex: none; justify-content: flex-start; align-items: center; max-width: 16px; margin-right: 10px; text-decoration: none; display: flex; position: relative; } .link-aje-1.hide { display: none; } .c-cart-wrap { margin-bottom: 0; } .section-bg-list-ajf-1 { flex-direction: column; max-height: 100px; display: flex; overflow: auto; } .link-aje-3 { cursor: pointer; align-items: center; margin-bottom: 10px; margin-right: 20px; text-decoration: none; display: flex; } .text-aje-5 { color: #5f575e; font-size: 16px; font-weight: 400; line-height: 1.3em; display: inline; } .text-aje-5.alt-text-aje-5 { text-decoration: underline; } .link-ajg-1 { cursor: pointer; background-color: #727272; border-radius: 3px; justify-content: center; align-items: center; height: 50px; padding-left: 54px; padding-right: 54px; text-decoration: none; display: flex; } .section-ajc-2 { margin-bottom: 20px; } .section-ajc-2.alt-section-ajc-2 { display: none; } .background-color-aje-2 { z-index: 1; background-color: #e0e0e0; position: absolute; inset: 0%; } .collection-item-ajj-1 { grid-column-gap: 25px; grid-row-gap: 25px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; } .section-aje-18 { align-items: flex-start; margin-right: 6px; display: inline-block; } .collection-list-wrapper-2 { display: none; } .image-aji-2 { z-index: 1; height: 50px; position: relative; } .text-ajk-1 { color: #2c1a1a; font-size: 24px; font-weight: 700; line-height: 1.3em; } .text-aji-4 { color: #5f575e; font-size: 13px; font-weight: 400; line-height: 1.3em; display: inline; } .link-icon-aje-12 { height: 14px; } .section-ajf-4 { margin-right: 5px; position: relative; } .section-ajc-5 { z-index: 1; position: relative; } .section-aji-18 { margin-right: 5px; } .section-right { max-width: 510px; } .dropdown-link-ajf-12 { color: #444; cursor: pointer; flex: none; padding: 10px; text-decoration: none; display: none; } .dropdown-link-ajf-12:hover { background-color: #f9f9f9; } .section-aji-16 { align-items: center; margin-bottom: 20px; display: flex; } .section-main { z-index: 20; background-color: var(--_theme---neutral--text); justify-content: center; margin-top: 6rem; padding-left: 80px; padding-right: 80px; display: flex; position: relative; } .text-link-aje-2 { color: #332d2a; text-align: left; margin-right: 5px; font-size: 18px; font-weight: 400; line-height: 1.3em; text-decoration: underline; display: inline; } .section-ajf-21 { align-items: center; margin-right: 15px; display: flex; } .icon-drop-ajf-2 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada765d_Mask%20Group%2016%402x.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; flex: none; width: 10px; height: 6px; margin-left: 30px; } .section-aje-48 { align-items: flex-start; min-width: 42px; margin-right: 10px; display: flex; } .more-products-image-gallery-3 { display: none; } .section-aji-23 { margin-right: 10px; display: flex; } .section-aji-32 { flex: 1; justify-content: center; max-width: 100px; margin-right: 10px; display: flex; position: relative; } .section-aji-8 { z-index: 1; border: 1px solid #f7f7f7; border-radius: 5px; justify-content: center; align-items: center; display: flex; position: relative; } .line-aje-1 { background-color: #f2f2f2; width: 100%; height: 2px; margin-bottom: 40px; } .section-ajf-18 { margin-bottom: 30px; } .section-aje-46 { flex: none; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; } .c_cart-qty-text { color: #958c94; text-align: left; font-size: 16px; font-weight: 700; line-height: 1.3em; } .section-ajc-7 { display: none; } .link-ajc-13 { color: #888585; font-size: 16px; line-height: 1.3em; text-decoration: underline; } .product-text-sticky { color: #332d2a; font-size: 24px; font-weight: 400; line-height: 1.3em; } .text-ajh-3 { color: #888585; font-size: 16px; font-weight: 400; line-height: 1.3em; display: inline; } .image-ajc-1 { z-index: 1; opacity: 0; width: 100%; position: relative; } .section-aje-2 { align-items: center; margin-bottom: 30px; display: flex; } .icon-image-aji-2 { height: 13px; display: block; } .section-ajf-20 { align-items: center; margin-right: 20px; display: flex; } .section-ajg-5 { margin-bottom: 20px; } .text-aji-7 { color: #332d2a; text-align: left; margin-right: .3em; font-size: 13px; font-weight: 400; line-height: 1.3em; display: inline; } .text-aji-7.alt-text-aji-7 { text-decoration: line-through; } .aje-wrappfeat-1 { margin-bottom: 8px; } .section-global-2 { justify-content: space-between; padding-top: 30px; } .dropdown-ajf-1 { align-items: stretch; } .background-image-aji-1 { z-index: 2; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7646_Rectangle%201047.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 3px; position: absolute; inset: 5px; } .collectionlistwrapper-ajf-1-best-first { flex: 1; display: block; } .collectionlistwrapper-ajf-1-best-first.deprecated { display: none; } .section-aje-035 { margin-bottom: 40px; } .section-ajh-6 { width: 50%; margin-right: 20px; } .icon-aji-2 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada763f_Subtraction%204.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 99999px; width: 78px; height: 78px; box-shadow: 0 0 6px #00000029; } .section-aje-8 { display: none; } .c-cart-qty { flex: 1; margin-right: 10px; display: none; position: relative; } .drop-toggle-ajf-1 { cursor: pointer; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 3px; flex: 1; justify-content: space-between; align-items: center; height: 35px; padding: 0 10px; display: flex; } .section-aji-5 { margin-bottom: 10px; } .collection-list-ajc-1 { height: 1.6em; overflow: hidden; } .c-cart-button-link { z-index: 1; background-color: var(--swatch--brand); color: #fff; border-radius: 5px; flex: 1; justify-content: center; align-items: center; max-width: 90%; height: 60px; padding-left: 20px; padding-right: 20px; font-size: 22px; font-weight: 700; line-height: 1.3em; text-decoration: none; display: flex; position: relative; } .image-ajc-2 { z-index: 1; width: 100%; position: relative; } .tab-link-ajc-1 { z-index: 1; background-color: #fff; border: 3px solid #f7f7f7; border-radius: 3px; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 20px; padding: 0; display: flex; position: relative; } .tab-link-ajc-1.w--current { background-color: #fff; border-color: #390c16; } .section-aji-2 { border: 2px solid #f0f0f0; border-top-color: #f7f7f7; border-radius: 3px; } .drop-toggle-aje-2 { cursor: pointer; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 5px; justify-content: center; align-items: center; height: 36px; padding: 5px 10px; text-decoration: none; display: flex; } .drop-toggle-aje-2.alt-drop-toggle-aje-2 { border-color: #5f575e; } .drop-toggle-aji-2 { cursor: pointer; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 5px; justify-content: center; align-items: center; height: 36px; padding: 5px 10px; text-decoration: none; display: flex; } .drop-toggle-aji-2.alt-drop-toggle-aji-2 { border-color: #5f575e; } .section-aji-25 { margin-bottom: 15px; } .section-aji-25.boxrenderoptions { display: none; } .icon-image-aji-1 { height: 16px; } .text-aji-8 { color: #2c1a1a; text-align: left; margin-right: 5px; font-size: 13px; font-weight: 400; line-height: 1.3em; display: inline; } .text-aji-8.alt-text-aji-8 { font-weight: 700; } .section-aje-33 { margin-bottom: 10px; } .product-contact-wrapper { align-items: stretch; margin-bottom: 40px; } .text-aje-13 { color: #390c16; text-align: left; font-size: 24px; font-weight: 700; line-height: 1.3em; } .submit-button-aji-1 { z-index: 2; opacity: 0; position: absolute; inset: 0%; } .section-ajf-9 { flex-direction: column; flex: 0 46%; margin-bottom: 20px; margin-left: 2%; margin-right: 2%; padding-top: 10px; padding-right: 5%; display: flex; } .section-ajf-9.alt_sectionyn_1 { border-right: 1px solid #f0f0f0; } .tabs-ajc-1 { flex-direction: column-reverse; justify-content: flex-end; display: flex; } .tabs-content-aji-1 { flex: none; display: none; } .section-aje-45 { align-items: center; display: flex; } .dropdown-ajf-2 { align-items: stretch; } .section-aji-24 { display: none; } .collectionlistwrapper-ajf-1-low-first { flex: 1; display: none; } .drop-section-aji-2 { justify-content: center; align-items: center; margin-right: 5px; display: flex; } .heading-ajc-01 { margin-top: 0; margin-bottom: 0; } .section-aje-25 { margin-bottom: 8px; } .section-aji-6 { align-items: stretch; display: flex; } .text-drop-aji-1 { color: #5f575e; text-align: center; font-size: 14px; font-weight: 700; line-height: 1.3em; } .ajj-empty-2 { color: #5f575e; text-align: center; background-color: #f4f4f4; border-radius: 5px; padding: 40px; font-size: 16px; line-height: 1.6em; } .icon-drop-ajf-1 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada765d_Mask%20Group%2016%402x.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; flex: none; width: 10px; height: 6px; margin-left: 10px; } .section-aji-33 { flex: 1; justify-content: center; align-items: center; display: flex; position: relative; } .section-ajg-6 { text-align: center; justify-content: center; align-items: center; margin-bottom: 15px; display: flex; } .section-aje-7 { margin-right: 5px; display: flex; } .text-ajg-3 { color: #575656; text-align: center; max-width: 233px; font-size: 16px; font-weight: 700; line-height: 1.3em; } .section-aje-3 { display: flex; } .vimeo-embed-ajc-1 { z-index: 2; position: absolute; inset: 0%; } .text-ajg-2 { color: #727272; text-align: center; font-size: 16px; font-weight: 400; line-height: 1.3em; } .section-aje-12 { flex-wrap: wrap; align-items: center; margin-bottom: -8px; display: flex; } .background-aji-2 { z-index: 3; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .section-aji-20 { grid-column-gap: 16px; grid-row-gap: 16px; flex: none; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-left: 6px; margin-right: 5px; display: inline-block; } .background-color-aji-1 { z-index: 2; background-color: var(--swatch--brand); position: absolute; inset: 0%; } .c-cart-qty-text-wrap { z-index: 1; border: 2px solid #f4f4f4; border-radius: 5px; padding: 18px 19px; position: absolute; inset: 0%; } .icon-image-aje-1 { height: 18px; } .text-ajf-1 { color: #390c16; font-size: 24px; font-weight: 700; line-height: 1.3em; } .section-related { display: none; } .section-ajg-2 { background-color: #f7f7f7; border: 1px solid #e7e5e5; border-radius: 3px; padding: 40px; display: none; } .section-ajh-5 { border-bottom: 2px solid #f0f0f0; align-items: flex-start; margin-bottom: 15px; padding-bottom: 15px; display: flex; } .text-aje-12 { color: #390c16; font-size: 18px; line-height: 1.3em; } .background-image-aji-3 { z-index: 3; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7640_Exclusion%2024.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 13px; height: 13px; position: relative; } .container-global { width: 100%; max-width: 1420px; margin-left: auto; margin-right: auto; } .section-aji-27 { margin-bottom: 5px; } .c-cart-top { margin-bottom: 1rem; display: flex; } .section-aji-17 { margin-right: 5px; position: relative; } .section-aje-027 { flex-wrap: wrap; align-items: center; margin-bottom: -5px; margin-right: -5px; display: flex; } .section-ajf-3 { margin-right: 10px; } .text-aje-6 { color: #390c16; text-align: left; font-size: 16px; font-weight: 600; line-height: 1.3em; display: inline; } .section-aje-10 { margin-top: 5px; margin-bottom: 30px; } .text-ajf-3 { color: #000; margin-right: 5px; font-size: 20px; font-weight: 400; line-height: 1.3em; display: inline; } .icon-ajc-1 { cursor: pointer; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada763f_Subtraction%204.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 99999px; width: 30px; height: 30px; box-shadow: 0 0 6px #00000029; } .background-color-aje-1 { z-index: 2; background-color: var(--swatch--brand); width: 80%; position: absolute; inset: 0%; } .section-left { max-width: 60%; padding-bottom: 40px; } .section-aji-4 { border-top: 2px solid #f7f7f7; flex: 1; justify-content: flex-start; align-items: center; padding: 20px; display: flex; } .section-ajh-4 { margin-bottom: -33px; } .section-aji-06 { z-index: 4; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .cart-wrapper { flex: 1; justify-content: center; display: flex; } .section-ajg-7 { justify-content: center; display: flex; } .section-desc-sticky { margin-bottom: 40px; position: sticky; top: 6rem; } .section-ajf-8 { flex-wrap: wrap; margin-bottom: -20px; margin-left: -2%; margin-right: -2%; display: flex; } .section-aje-20 { display: inline-block; position: relative; top: -4px; } .text-aji-3 { color: #5f575e; text-align: left; margin-right: 5px; font-size: 13px; font-weight: 400; line-height: 1.3em; display: inline; } .section-ajc-6 { z-index: 4; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .drop-toggle-ajf-2 { cursor: pointer; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 3px; flex: 1; justify-content: space-between; align-items: center; height: 35px; padding: 0 10px; display: flex; } .section-aje-13 { margin-bottom: 15px; margin-right: 20px; display: flex; } .background-ajc-2 { z-index: 3; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .section-ajj-2 { margin-bottom: 30px; } .text-aje-1 { text-transform: uppercase; margin-right: 10px; font-size: 16px; font-weight: 700; line-height: 1.3em; } .add-to-cart-options-aje-1 { margin-bottom: 30px; } .add-to-cart-options-aje-1.hide { display: none; } .c-cart-btn_wrap { flex: 1 0 auto; justify-content: center; align-items: center; display: flex; position: relative; } .text-aji-5 { color: #332d2a; text-align: left; font-size: 13px; font-weight: 400; line-height: 1.3em; } .dropdown-link-ajf-2 { color: #444; cursor: pointer; flex: none; padding: 10px; text-decoration: none; } .dropdown-link-ajf-2:hover { background-color: #f9f9f9; } .text-drop-aji-2 { color: #958c94; text-align: left; padding-top: 19px; padding-left: 18px; font-size: 16px; font-weight: 700; line-height: 1.3em; position: absolute; inset: 0% auto auto 0%; } .vimeo-embed-aji-1 { z-index: 2; position: absolute; inset: 0%; } .section-ajh-7 { width: 50%; } .section-image { border-bottom: 2px solid #f0f0f0; flex: 1; margin-bottom: 40px; padding-bottom: 60px; } .section-ajf-7 { margin-bottom: 40px; } .section-ajf-7.deprecated { display: none; } .icon-aji-1 { opacity: .83; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada765c_Subtraction%206%402x.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 99999px; width: 30px; height: 30px; box-shadow: 0 0 6px #00000029; } .text-ajg-1 { color: #575656; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.3em; } .more-products-image { width: 33px; } .section-aji-12 { flex: none; justify-content: center; align-items: center; margin-right: 6px; display: flex; } .tab-link-aji-01 { z-index: 1; background-color: #fff; border: 1px solid #f7f7f7; border-radius: 3px; justify-content: center; align-items: center; margin-right: 5px; padding: 0; display: flex; position: relative; } .tab-link-aji-01.w--current { background-color: #fff; } .empty { display: none; } .section-ajh-1 { border-bottom: 2px solid #f0f0f0; margin-bottom: 40px; padding-bottom: 40px; } .text-ajf-9 { color: #000; font-size: 16px; font-weight: 700; line-height: 1.3em; display: inline; } .section-aji-31 { align-items: stretch; display: flex; } .ajf-empty-2 { color: #5f575e; text-align: center; background-color: #f4f4f4; border-radius: 5px; padding: 40px; font-size: 16px; line-height: 1.6em; } .section-ajj-1 { border-bottom: 2px solid #f0f0f0; margin-bottom: 40px; padding-bottom: 40px; } .twitter-share-button { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7642_Twitter.svg"); background-position: 0%; background-repeat: no-repeat; background-size: contain; flex: none; width: 16px; height: 16px; display: flex; } .twitter-share-button.hide-alt-1 { display: none; } .section-aje-49 { margin-bottom: 25px; } .tabs-menu-ajc-1 { flex: none; align-items: center; display: flex; } .drop-list-ajf-1 { background-color: #0000; inset: 35px 0% auto auto; } .drop-list-ajf-1.w--open { top: 33px; } .background-bg-list-ajf-2 { flex-direction: column; max-height: 100px; display: flex; overflow: auto; } .image-link-aje-1 { height: 18px; } .section-aje-24 { margin-bottom: 10px; } .link-aji-2 { z-index: 1; background-color: var(--swatch--brand); color: #fff; border-radius: 5px; flex: 1; justify-content: center; align-items: center; height: 60px; padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: 700; line-height: 1.3em; text-decoration: none; display: flex; position: relative; } .section-ajh-3 { overflow: hidden; } .product-links-sm { align-items: center; margin-right: -20px; display: flex; } .link-ajf-2 { color: #5f575e; text-transform: capitalize; cursor: pointer; justify-content: center; align-items: center; margin-left: 20px; font-family: Open Sans, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3em; text-decoration: none; display: flex; } .cart-section-wrap { align-items: stretch; margin-bottom: 40px; display: flex; } .product-price { color: #332d2a; font-size: 28px; font-weight: 700; line-height: 1.3em; } .section-ajg-4 { margin-bottom: 10px; } .tabs-content-ajc-1 { flex: none; margin-bottom: 20px; } .section-global-3 { justify-content: space-between; padding-top: 2rem; display: flex; } .background-image-ajc-1 { z-index: 2; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7646_Rectangle%201047.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 3px; position: absolute; inset: 5px; } .section-desc { margin-bottom: 3px; } .icon-ajc-2 { cursor: pointer; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada763f_Subtraction%204.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 99999px; width: 120px; height: 120px; box-shadow: 0 0 6px #00000029; } .c-cart-atc-btn { flex: 1; padding-top: .75rem; } .image-aji-01 { z-index: 1; opacity: 0; height: 50px; position: relative; } .link-ajk-1 { cursor: pointer; border: 1px solid #0000; border-bottom-color: #e3e3e3; flex-direction: column; flex: 0 28%; margin-left: 1%; margin-right: 1%; padding: 20px 10px; text-decoration: none; display: flex; } .link-ajk-1:hover { border-radius: 2px; } .link-ajk-1.p-item { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); border-radius: var(--radius--main); border-bottom-style: none; position: relative; } .text-drop-ajf-12 { display: none; } .section-ajf-19 { border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; justify-content: space-between; align-items: center; padding-top: 15px; padding-bottom: 15px; display: flex; } .section-aji-22 { align-items: center; margin-bottom: 10px; display: flex; } .section-r-wrapper { flex: 1; height: 100%; } .image-aje-2 { max-width: 40px; max-height: 40px; } .section-aje-15 { flex: none; height: 20px; margin-right: 5px; position: relative; } .section-aji-29 { align-items: center; margin-right: -5px; display: flex; } .text-ajh-2 { color: #888585; font-size: 16px; font-weight: 400; line-height: 1.3em; } .section-aje-35 { margin-bottom: 40px; } .product-contact-text { color: #332d2a; font-size: 16px; line-height: 1.6em; } .section-aji-28 { align-items: center; display: flex; } .collection-list-ajj-1 { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .tabs-menu-aji-1 { flex: none; align-items: center; display: flex; } .section-aje-26 { align-items: center; display: flex; position: relative; } .section-aje-36 { margin-bottom: 25px; } .tab-aji-1 { flex-direction: column-reverse; justify-content: flex-end; display: flex; } .section-aji-14 { margin-bottom: 5px; } .text-ajf-2 { color: #5f575e; font-size: 16px; font-weight: 400; line-height: 1.3em; display: inline; } .space-global { flex: 1; min-width: 20px; max-width: 70px; display: flex; } .section-aje-37 { margin-bottom: 16px; } .section-ajf-6 { margin-bottom: 20px; } .product-header-main { color: #390c16; margin-top: 0; margin-bottom: 0; font-size: 34px; font-weight: 400; line-height: 1.3em; } .drop-toggle-aji-3 { z-index: 3; color: #5f575e; background-color: #0000; border: 2px solid #f0f0f0; border-radius: 5px; flex: 1; justify-content: space-between; align-items: center; height: 60px; margin-bottom: 0; padding: 5px 16px 5px 50px; font-size: 16px; font-weight: 700; line-height: 1.3em; display: flex; position: relative; } .link-icon-aji-1 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7641_Path%205002.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 16px; height: 16px; margin-right: 5px; } .section-ajk-2 { margin-bottom: 30px; display: flex; } .section-link-aje-2 { flex: none; justify-content: center; align-items: center; margin-right: 6px; display: flex; } .product-info-header { color: #2c1a1a; font-size: 24px; font-weight: 700; line-height: 1.3em; display: inline; } .product-desc-text { color: #332d2a; font-size: 16px; font-weight: 400; line-height: 1.6em; } .text-ajj-1 { color: #2c1a1a; font-size: 24px; font-weight: 700; line-height: 1.3em; } .section-ajf-1 { background-color: #fff; border-radius: 3px; margin-bottom: 40px; } .rich-text-ajh-1 { color: #888585; font-size: 16px; font-weight: 400; line-height: 1.6em; } .c-cart-atc-button { z-index: 2; opacity: 0; background-color: #3898ec00; display: none; position: absolute; inset: 0%; } .c-cart-atc-button:hover { filter: invert(); border-radius: 0; } .background-aje-1 { z-index: 3; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7657_Exclusion%2016%402x.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 98px; height: 20px; position: relative; } .c_cart-var-select { z-index: 3; color: #5f575e; background-color: #0000; border: 1px solid #ddd; border-radius: 3px; flex: 1; height: 60px; margin-bottom: 0; padding-left: 1rem; padding-right: 20px; font-size: 16px; font-weight: 600; position: relative; } .color-options-select { position: absolute; inset: 0%; } .button-group { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; } .color-options { color: var(--swatch--brand-text); } .c_cart-var-btn { border-radius: var(--radius--main); background-color: var(--swatch--transparent); border-style: none; position: relative; } .text-block-3 { display: none; } .c_divider { background-color: var(--_theme---neutral--bg-hover-dark); height: 1px; } .preload-filter { padding: 0; } .checkbox-2, .checkbox-label-2 { display: block; } .category-name-text { display: none; } .div-block-251 { justify-content: center; align-items: center; width: 100%; display: flex; } .image-4 { height: .9rem; } .div-block-252 { border-radius: var(--radius--main); flex-flow: row; } .hero-svg-logo { max-height: 9rem; } .path-3 { color: var(--swatch--brand); } .heading-2, .body-2 { color: var(--swatch--brand-text); } .c_nav-btn { max-width: var(--column-width--3); grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; align-items: center; min-height: 100%; margin-right: 1rem; padding-left: .5rem; padding-right: .5rem; display: flex; position: absolute; left: auto; right: 0%; } .c_nav-btn-wrapper { justify-content: center; align-items: center; max-width: 12rem; max-height: 80%; display: flex; } .c_nav-btn-wrapper.responsive { display: none; } .c_product-list { grid-column-gap: 16px; grid-row-gap: 16px; --_column-count---value: 4; --_gap---size: var(--site--gutter); grid-auto-columns: 1fr; } .c_product-list.u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 3; --_gap---size: var(--_spacing---space--2); grid-template-rows: auto; display: grid; } .th-grid { --_column-count---value: 3; --_gap---size: var(--site--gutter); } .th-grid.u-grid-autofit { --_column-count---value: 8; --_gap---size: var(--_spacing---space--6); } .c_accordion-filter { display: none; } .filter_header-mobile { border-radius: var(--radius--main); background-color: #fff; border: 1px solid #dae4d8; flex-direction: row; justify-content: flex-end; align-items: center; min-height: 4.5rem; padding: .5rem 1rem; display: flex; position: sticky; top: 8rem; } .c_card_slider { min-width: var(--column-width--1); border-radius: var(--radius--main); margin-left: 2rem; margin-right: 2rem; position: relative; } .c_card_slider.u-shadow { max-width: var(--column-width--3); border: .094rem solid var(--_theme---border); border-radius: 1rem; min-height: 100%; position: relative; } .story-section-wrapper { width: var(--column-width--12); grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: relative; } .c-link-btn { color: var(--swatch--light); font-weight: var(--_typography---font--primary-medium); } .about-image { position: relative; overflow: hidden; } .about-text { grid-column-gap: 16px; grid-row-gap: 48px; border-radius: var(--radius--main) 2px 2px var(--radius--main); background-color: var(--swatch--light); color: var(--swatch--brand-text); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-width: 600px; padding: 80px 60px; display: grid; position: relative; } .about-secttion { grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; padding-top: 80px; padding-bottom: 80px; padding-left: 5rem; display: grid; } .stacked-about-intro { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: stretch end; display: grid; } .stacked-about-intro.large { grid-row-gap: 48px; } .stacked-about-intro.small { grid-row-gap: 18px; } .stacked-about-intro.centered { text-align: center; justify-content: center; justify-items: center; } .shop-card-wrapper { flex-flow: row; justify-content: center; align-items: stretch; margin-top: 2rem; display: flex; } .shop-card { min-width: 80%; } .testimonial-full { color: var(--swatch--light); text-align: center; justify-content: center; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-top: 3rem; padding-bottom: 3rem; display: flex; } .section-about { z-index: 10; flex-flow: column; justify-content: center; padding-top: 80px; padding-bottom: 160px; display: flex; position: relative; } .section-about.no-bottom-padding { padding-bottom: 0; } .section-about.l-mode-light { grid-column-gap: var(--_spacing---section-space--small); grid-row-gap: var(--_spacing---section-space--small); } .section-about.clip { background-color: var(--swatch--light); padding-top: 40px; overflow: hidden; } .section-about.no-padding { padding: 0; } .section-about.no-padding.grey { background-color: var(--_theme---text); } .section-about.clip { overflow: hidden; } .section-about.bottom-border { border-bottom: 1px solid #e4e9ec; } .section-about.bottom-border.no-top-padding { background-color: var(--_theme---neutral--text); } .section-about.dark { background-color: var(--swatch--dark); color: var(--swatch--light); } .section-about.light, .section-about.faq, .section-about.about { background-color: var(--swatch--light); } .about-left { grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: .7fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; padding-top: 80px; padding-bottom: 80px; padding-right: 5rem; display: grid; } .about-text-left { grid-column-gap: 16px; grid-row-gap: 48px; border-top-right-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--swatch--light); color: var(--swatch--brand-text); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; min-width: 600px; padding: 80px 60px; display: grid; } .svg-4 { opacity: .2; color: var(--swatch--light-quaternary); max-width: 80%; position: absolute; top: 0%; bottom: 0%; left: 4rem; } .gradient { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada767d_Image001.jpeg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; inset: 0%; } .gradient.contact-background { background-image: none; background-repeat: repeat; background-size: auto; } .gradient.faq-background { background-image: linear-gradient(276deg, var(--swatch--light) 41%, var(--swatch--light-faded) 69%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a3_about-image.jpg"); background-position: 0 0, 0%; background-repeat: repeat, no-repeat; background-size: auto, 60%; } .gradient.checkout-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 20%, 0 0; background-repeat: no-repeat, repeat; background-size: 50%, auto; } .gradient.shop-background { background-image: none; } .form-header-wrap { background-image: none; background-repeat: repeat; background-size: auto; min-height: 100%; padding-top: 2rem; padding-bottom: 2rem; } .shop-hero-copy { background-color: var(--swatch--brand); justify-content: center; padding-top: 10rem; padding-bottom: 80px; display: flex; position: relative; } .data-checkout-btn { z-index: 500; justify-content: center; align-items: center; min-width: 4rem; height: 4rem; padding-bottom: .5rem; display: flex; position: relative; } .cart-container { border-radius: var(--radius--main); background-color: var(--swatch--transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); margin-top: 6rem; } .cart-quantity { border-radius: var(--radius--small); margin-bottom: 0; } .cart-item { border-radius: var(--radius--main); background-color: var(--swatch--light); justify-content: flex-start; align-items: center; margin-top: 1rem; padding: .5rem 2.5rem .5rem .5rem; } .cart-item.u-shadow-hover { position: relative; } .div-block-253 { flex-flow: row; justify-content: space-between; align-items: center; } .remove-button.u-zindex-3 { justify-content: center; align-items: center; min-width: 2rem; min-height: 2rem; display: flex; position: absolute; inset: 0% .25rem 0% auto; } .lottie-animation { aspect-ratio: 1; height: 1.6rem; } .cart-header { background-color: var(--swatch--light-secondary); } .cart-wrapper-2 { background-color: var(--swatch--light-faded); } .c_cart-icon { aspect-ratio: 1; max-height: 2rem; } .cart-quantity-2 { border-radius: var(--radius--round); background-color: var(--swatch--brand); color: var(--swatch--light); font-weight: var(--_typography---font--primary-bold); justify-content: center; align-items: center; min-width: 18px; height: 18px; margin-left: 8px; padding-left: 6px; padding-right: 6px; display: flex; position: absolute; inset: 4% 0% auto auto; } .cart-button { background-color: var(--swatch--transparent); } .lottie-animation-remove { aspect-ratio: 1; height: 1.6rem; } .lottie-animation-2 { width: 20px; height: 20px; } .text-block-5 { font-family: var(--_typography---font--line); color: var(--_color-style---color-danger--500); } .apple-pay { border-radius: var(--radius--main); } .checkout-button { border-radius: var(--radius--main); background-color: var(--swatch--dark); } .div-block-254 { flex-flow: column; display: flex; } .div-block-255 { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .div-block-256 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .hamburger_8_wrap { flex-flow: column; justify-content: center; align-items: center; display: flex; } .hamburger_embed { position: absolute; } .hamburger_8_clip { position: relative; overflow: hidden; } .hamburger_8_panel { transition: transform .2s; position: relative; overflow: hidden; } .hamburger_8_panel.is-2 { position: absolute; } .hamburger_8_text { text-align: center; min-width: 4.4em; font-size: 1.1rem; transition: transform .2s; } .hamburger_8_text.is-2 { position: absolute; } .div-block-258 { border-radius: 100px; width: 40%; height: 6px; box-shadow: inset 0 2px 0 20px #fff9; } .form_main_success_wrap-2 { color: #12a150; background-color: #d1f4e0; border: .094rem solid #d1f4e0; border-radius: 1rem; padding: 1.2rem; } .tab-bottom-2 { background-color: #f4f8fa; border-top: 1px #e4e9ec; border-radius: 1rem; padding-top: 0; padding-bottom: 0; overflow: hidden; } .c_input-field-2 { color: #0001fc; border-radius: inherit; border-style: none; border-width: 0; border-top-color: inherit; border-right-color: inherit; border-bottom-color: inherit; border-left-color: inherit; width: 100%; height: 100%; padding-top: 1.5rem; padding-bottom: 0; padding-left: .7rem; font-size: 1em; transition-property: all; transition-duration: .2s; transition-timing-function: ease; position: absolute; inset: 0%; } .c_input-field-2:active { border-style: none; border-width: 0; } .c_input-field-2:focus { border: 2px solid #0000; } .c_input-field-2.is-message { min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; position: static; } .c_btn_layout-2 { grid-column-gap: .5em; grid-row-gap: .5em; flex-flow: row-reverse; justify-content: center; align-items: center; display: flex; } .c_btn_layout-2.content-end-4 { color: inherit; flex-flow: row; } .c_input-wrapper-2 { border-radius: inherit; justify-content: flex-start; align-items: center; width: 100%; height: 3.5em; font-size: 1em; position: relative; } .c_input-wrapper-2.is-message { height: auto; min-height: 5rem; max-height: 10rem; } .c_btn_wrap-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 1.1em; justify-content: center; align-items: center; font-size: 1rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; position: relative; } .c_btn_wrap-2:hover { color: #fff; } .c_btn_wrap-2.medium-2 { font-size: 1.2rem; } .c_input_select-2 { border-radius: 1.2em; } .client-name-2 { color: inherit; margin-top: 0; margin-bottom: 0; font-size: 2rem; font-weight: 500; } .form_main_option_list-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex; } .rich-text-ajh-1-2 { font-size: 16px; font-weight: 400; line-height: 1.6em; } .c_checkbox-border-2 { color: #0001fc; border-radius: inherit; padding-bottom: 0; padding-right: 0; overflow: hidden; } .footer-list-4 { grid-column-gap: 16px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: start center; min-width: 0; display: grid; } .modal-heading-2 { color: inherit; font-size: 2rem; font-weight: 500; } .c_animated-radio-2 { object-fit: cover; flex-flow: row; justify-content: flex-start; align-items: center; margin-bottom: 0; padding-left: 0; font-size: 1em; display: flex; } .c_input_wrap-2 { border-radius: inherit; min-width: 10rem; margin-top: 0; } .c_radio-hover-2 { background-color: #0001fc; width: 100%; height: 100%; padding-bottom: 0; padding-right: 0; } .c_radio-hover-2.u-cover-absolute { padding-bottom: 0; padding-right: 0; } .footer-content-5 { grid-column-gap: 16px; grid-row-gap: 60px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: center; min-height: 300px; display: grid; } .c-footer-btn-text-2 { font-weight: 500; } .modal-top-2 { background-image: linear-gradient(#0000, #fbdba7), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a4_newborn-service-image.avif"), linear-gradient(#f9c97c, #fff0); background-position: 0 0, 0 0, 0 0; background-size: auto, cover, auto; flex-flow: column; justify-content: flex-start; align-items: stretch; min-width: 100%; height: 28rem; padding-top: 3rem; padding-bottom: 3rem; padding-left: 2.5rem; display: flex; position: absolute; } .form_main_list-2 { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; align-items: flex-start; display: flex; } .l-page_wrap-2 { background-color: #0001fc; overflow: clip; } .section-global-1-2 { z-index: 20; background-color: #fafafa; justify-content: center; margin-top: 6rem; padding-left: 80px; padding-right: 80px; display: flex; position: relative; } .footer-categories-3 { grid-column-gap: 16px; grid-row-gap: 18px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center; display: grid; } .t-h4-2 { letter-spacing: 0; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_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); text-wrap: balance; font-size: 1rem; font-weight: 400; line-height: 1.5; display: flow-root; } .c_radio-wrapper-2 { aspect-ratio: 1; border-radius: .3em; height: 1.1em; margin-bottom: 0; padding-bottom: 0; padding-right: 0; font-size: 1.1em; line-height: 1; } .a_checkmark-2 { filter: none; color: #fdedd3; position: absolute; top: .5px; } .div-block-259 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .background-color-aji-1-2 { z-index: 2; background-color: #0001fc; position: absolute; inset: 0%; } .c_radio-fill-2 { background-color: #0001fc; border-radius: 0; font-size: 1em; transition: all .2s; } .c_animated-checkbox-2 { object-fit: cover; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 0; padding-left: 0; font-size: 1em; display: flex; } .footer-grid-5 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: .5fr 1fr .5fr; grid-auto-columns: 1fr; margin-bottom: -20rem; display: grid; } .form_main_error_wrap-2 { color: #c20e4d; background-color: #fdd0df; border: .094rem solid #fdd0df; border-radius: 1rem; margin-top: 1.3rem; padding: .8rem 1.4rem; } .footer-navigation-3 { grid-column-gap: 12px; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: auto; grid-auto-flow: column; justify-content: space-between; place-items: start stretch; display: grid; } .subtitle-7 { color: #667479; letter-spacing: 4px; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 1.3em; } .subtitle-7.small { letter-spacing: 3px; } .subtitle-7.small.light { color: #0001fc; } .c_btn_content-2 { --_button-style---text: var(--_theme---button-primary--text); --_button-style---border: var(--swatch--transparent); --_button-style---text-hover: var(--_theme---text); --_button-style---background-hover: #fff9; --_button-style---background: var(--_theme---button-primary--background); --_button-style---border-hover: white; background-color: color-mix(in srgb, var(--_theme---button-primary--background), transparent 80%); border-radius: 1.1em; padding: .75em 1.25em; transition-property: all; transition-duration: .2s; transition-timing-function: ease; position: relative; } .c_btn_content-2:hover { background-color: color-mix(in srgb, var(--theme--text), transparent 92%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: #002e62; } .c_btn_content-2.u-shadow-hover { border-radius: inherit; display: block; } .c_btn_content-2.u-shadow-hover.secondary { color: #0001fc; --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---background: var(--swatch--transparent); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); background-color: #0001fc; border: 1px solid #fff0; } .c_btn_content-2.u-shadow-hover.secondary:hover { color: #0001fc; background-color: #fff9; border-color: #fff9; } .kl-modal-2 { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #fbdba7; border: 1px #000; border-radius: 3rem 3rem 0 0; flex-flow: column; justify-content: flex-start; align-items: center; min-width: 80%; max-width: 100vw; min-height: 100svh; display: flex; position: fixed; inset: 15svh 0% 0%; overflow: auto; transform: translate(0, 100%); } .tab-list-2 { grid-column-gap: 0px; grid-row-gap: 0px; border-top: 1px solid #0001fc; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .background-color-aje-1-2 { z-index: 2; background-color: #0001fc; width: 80%; position: absolute; inset: 0%; } .div-block-260 { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .c_radio-border-2 { color: #0001fc; border-radius: inherit; padding-bottom: 0; padding-right: 0; overflow: hidden; } .c_checkbox-fill-2 { background-color: #0001fc; border-radius: 0; font-size: 1em; transition: all .2s; } .c_select-wrapper-2 { border-radius: inherit; justify-content: flex-start; align-items: center; width: 100%; height: 3.5em; font-size: 1em; display: flex; position: relative; } .c_checkbox-wrapper-2 { aspect-ratio: 1; border-radius: .3em; height: 1.1em; margin-bottom: 0; font-size: 1.1em; line-height: 1; } .c_checkbox-hover-2 { background-color: #0001fc; } .c_checkbox-hover-2.u-cover-absolute { padding-bottom: 0; padding-right: 0; } .c_input_text-2 { border-radius: 1.2em; } .tab-item-2 { border-bottom: 1px solid #0001fc; flex-direction: column; display: flex; } .grid-wrapper-11 { grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: 1fr; width: 0; margin-left: auto; margin-right: auto; display: grid; position: relative; } .footer-5 { position: sticky; inset: auto 0% 0%; } .form_main_field_wrap-2 { grid-column-gap: .5rem; grid-row-gap: .5rem; text-align: left; flex-flow: column; width: 100%; display: flex; } .heading-3 { color: var(--swatch--light-secondary); } .cart-header { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: center; align-items: center; padding: 1.5rem 2rem; display: flex; } .link-block { padding: 20px; } .heading-4 { position: relative; } .data-cart-count { border-radius: var(--radius--round); background-color: var(--swatch--brand); color: var(--swatch--light); font-weight: var(--_typography---font--primary-bold); text-align: center; flex-flow: column; justify-content: center; align-items: center; min-width: 18px; height: 18px; display: flex; position: absolute; inset: 10% 10% auto auto; } .div-block-261 { position: absolute; inset: auto 0% 0%; } .data-cart-total { border-radius: var(--radius--round); background-color: var(--swatch--brand); color: var(--swatch--light); font-size: var(--_typography---font-size--text-small); font-weight: var(--_typography---font--primary-bold); flex-flow: column; justify-content: center; align-items: center; min-width: 100%; height: 18px; display: flex; position: absolute; top: auto; bottom: 0%; } .add-to-cart-btn { z-index: 999; border-radius: var(--radius--main); background-color: var(--swatch--brand); color: var(--swatch--light); white-space: nowrap; flex-flow: column; justify-content: center; align-items: center; padding: 4px 8px; display: flex; position: relative; } .atc-btn { justify-content: center; align-items: center; max-width: 7.6rem; margin-left: 2rem; display: flex; position: relative; } .cart-modal-container { z-index: 1000; 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: color-mix(in hsl, var(--swatch--brand-text) 50%, var(--swatch--transparent) 50%); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); flex-flow: column; width: 0%; height: 90%; display: flex; position: fixed; inset: 6rem 0% 0% auto; overflow: hidden; transform: translate(100%); } .cart-summary-top { flex-flow: row; } .cart-items-container { flex: 1; } .cart-items-list { padding: 1rem 2rem; } .cart-footer { background-color: var(--swatch--transparent); } .cart-total-section { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; padding: 1rem 2rem; display: flex; } .cart-subtotal { color: var(--swatch--light-secondary); } .checkout-btn { border-radius: var(--radius--main); background-color: var(--swatch--light-secondary); justify-content: center; align-items: center; padding: .75rem 1rem; transition: all .15s ease-in-out; display: flex; } .checkout-btn:hover { background-color: var(--swatch--light-tertiary); } .cart-heading-text { margin-top: 0; } .empty-cart { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--swatch--light); flex-flow: column; justify-content: center; align-items: center; min-height: 13rem; padding: 1rem 2rem; } .continue-shopping-btn { border-radius: var(--radius--main); background-color: var(--swatch--brand); color: var(--swatch--light); font-size: var(--_typography---font-size--text-main); justify-content: center; align-items: center; margin-top: 1rem; padding: 1rem; transition: all .1s ease-in-out; display: flex; } .continue-shopping-btn:hover { background-color: color-mix(in hsl, var(--swatch--brand) 70%, white 10%); } .cart-text { font-size: var(--_typography---font-size--text-main); color: inherit; margin-top: 1rem; } .cart-modal.modal-open { display: block; } .cart-modal-overlay { z-index: 500; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); width: 0%; position: fixed; inset: 6rem 0% 0%; transform: translate(-100%); } .code-embed-6 { display: flex; } .text-block-6 { font-weight: var(--_typography---font--primary-bold); } .text-block-7 { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .text-block-8 { display: none; } .text-block-9 { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .cart-summary-text { grid-column-gap: 4px; grid-row-gap: 4px; font-weight: var(--_typography---font--primary-medium); display: flex; } .div-block-262 { z-index: 9; min-width: 50%; position: relative; } .about-header { color: var(--swatch--light); font-size: 36px; font-weight: 600; line-height: 1.35em; } .about-header.large { font-size: 42px; } .about-header.extra-large { font-size: 52px; } .testimonial-text { font-size: 36px; font-weight: 600; line-height: 1.35em; } .testimonial-text.large { font-size: 42px; } .testimonial-text.extra-large { font-size: 52px; } .product-header { font-size: 36px; font-weight: 600; line-height: 1.35em; } .product-header.large { font-size: 42px; } .product-header.extra-large { font-size: 52px; } .variant-selector, .selected-value { display: none; } .product-currency { color: #332d2a; font-size: 28px; font-weight: 700; line-height: 1.3em; } .path-4 { color: var(--swatch--dark-quaternary); } .path-5 { color: var(--_theme---success--flat-text); } .paragraph { text-align: center; } .c_card-footer-h1 { font-size: var(--_typography---font-size--h4); margin-top: 0; margin-bottom: 1rem; font-weight: 500; } .f { grid-column-gap: 16px; grid-row-gap: 16px; opacity: .8; color: #fff; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: end; font-size: 9px; display: grid; } .f-subtext { grid-column-gap: 16px; grid-row-gap: 16px; opacity: .8; color: #fff; letter-spacing: 4px; text-transform: uppercase; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: center; align-items: center; font-size: 9px; display: flex; } @media screen and (min-width: 1440px) { .div-block-250 { max-width: var(--column-width--12); justify-content: flex-end; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: 0%; } } @media screen and (min-width: 1920px) { .c_accordion_base { border-top-color: #d4d4d4; border-bottom-color: #d4d4d4; } .c_radio-hover { height: 100%; } .c_pricing-cards_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; } .slider { max-width: none; } .div-block-250 { max-width: var(--column-width--12); justify-content: flex-end; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: 0%; } .c-h-image_wrap { flex: 1; } .svg-4 { max-width: none; max-height: 100%; top: 0%; bottom: 0%; left: auto; } .c_radio-hover-2 { height: 100%; } } @media screen and (max-width: 991px) { .vertical-line { height: 100em; } .c_icons_line { font-size: 1.6em; } .styles_nav_inner_wrap { grid-template-rows: 1fr; } .c_footer_nav-text { font-size: 1.6em; } .l-base_contain.nav { background-image: none; height: 48px; display: block; inset: 0% 0% auto; } .styles_nav_wrap { max-height: none; position: relative; top: 0; } .cursor { display: none; } .c_icons_solid-sm { font-size: 1.6em; } .styles_structure { justify-content: flex-start; align-items: stretch; } .c_avatar.u-hflex-c-center.u-shadow-hover { font-size: .9rem; } .grid-item.is--logo { width: 10%; } .grid-item.is--logo.w--current { width: 10%; height: 100%; } .grid-item.column2-footer { width: 33%; } .grid-item.column2-footer.menu._2, .grid-item.column2-footer.menu._1 { display: none; } .grid-item.is--menu-text { opacity: 0; display: flex; } .grid-item._1 { width: 100%; display: none; } .u-grid-from-large { flex-flow: column; display: flex; } .styles_scroll { margin-right: calc(var(--site--margin) * -1); padding-right: 0; } .c_footer_nav-link { font-size: 1.1em; } .styles_nav_sub_wrap { grid-template-rows: 1fr; } .grid { align-items: flex-start; } .grid.nav { align-items: center; height: 100%; margin-top: .75rem; } .grid.menu { display: none; } .grid.footer { grid-template-rows: 50vh auto auto 4rem; align-items: stretch; min-height: 100%; margin-left: 0; margin-right: 0; position: static; } .image-menu-open { width: 5em; } .c_icons_brands-sm { font-size: 1.6em; } .circle { width: 3.5em; height: 3.5em; } .circle.footer { width: 3em; height: 3em; } .is--left-side { font-size: 2.5vw; } .u-order-last-desktop { order: 0; } .image { width: 6em; height: 100%; } .t_card_rich-text { font-size: 1.1rem; } .bento-person-image { height: 130%; margin-bottom: 10%; } .bento-person-image.project-3 { margin-bottom: 0%; margin-left: 10%; } .project-title-wrapper { align-self: center; min-width: 100%; } .bento-grid-item.is-person { justify-content: center; align-items: center; } .bento-grid-item.is-person.project-2 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7660_cells.avif"); background-repeat: repeat-x; background-size: contain; } .bento-grid-item.bg-image-large { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7664_a%2Bl-publication-cover.avif"); background-position: 0 28%; background-repeat: no-repeat; background-size: cover; max-height: none; } .bento-grid-item.bg-image-large.project-6 { background-position: 100% 30%; } .bento-grid-item.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7661_Co.Lab-screens%202.avif"); background-position: 40%; background-repeat: no-repeat; background-size: 140%; max-height: none; } .bento-grid-item.ecomm-image { background-repeat: no-repeat; justify-content: center; align-items: center; } .bento-grid-item.is-slideshow { height: 45rem; } .bento-grid-item.is-image { background-position: 50% 142%; } .bento-grid-item.is-image.project-6 { background-position: 50% 100%; background-repeat: no-repeat; justify-content: center; align-items: flex-start; } .bento-grid-item.is-image.project-1 { background-position: 50% 34%; } .bento-grid-item.is-image.project-2 { background-position: 50% 139%; min-height: 20rem; } .bento-grid-item.is-image.project-4 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7665_Blog%20Main%20Wireframe.avif"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; } .bento-grid-item.is-image.project-5 { background-position: 50% 89%; background-repeat: no-repeat; justify-content: center; align-items: flex-start; } .bento-grid-item.is-opaque { min-height: 20rem; } .bento-grid-item.is-mood-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7666_blab-img%201.avif"); background-position: 50%; background-size: cover; justify-content: center; align-items: center; max-height: none; } .bento-grid-item.is-mood-image.bg-solid { background-image: linear-gradient(#000, #000); } .bento-grid-item.is-mood-image.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7666_blab-img%201.avif"); background-position: 50%; background-size: cover; } .bento-grid-item.is-mood-image.bg-gradient { background-image: linear-gradient(154deg, #aff4c7 34%, #59b477 70%); } .c_footer_content { min-width: 100%; position: relative; } .modal-close { width: 3rem; height: 3rem; right: 2em; } .c_footer_links.left, .c_footer_links.right { top: 0%; } .bento-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-height: 100vw; } .c_spline_lg { min-height: auto; padding-bottom: 8rem; bottom: 0%; } .modal-inner_top { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .c_footer_brand-wrapper { padding-bottom: 0; padding-left: 3.33em; } .kl-service-wrapper { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#fff6, #fff6); background-size: 36px, auto; padding: 1rem 1.5rem; } .kl-service-wrapper.is-static { background-image: linear-gradient(#fff6, #fff6); background-position: 0 0; background-repeat: repeat; background-size: auto; } .kl-service-wrapper.heading-h2:hover { padding-left: 1.5rem; padding-right: 5rem; } .kl-service-wrapper.heading-h2.branding { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(to bottom, null, null); background-position: 150%, 0 0; } .kl-service-wrapper.heading-h2.branding:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(#fff6, #fff6); background-position: 90%, 0 0; } .kl-service-wrapper.heading-h2.dev { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75a8_Dev.svg"), linear-gradient(#fff6, #fff6); background-position: 140%, 0 0; } .kl-service-wrapper.heading-h2.dev:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75a8_Dev.svg"), linear-gradient(#fff6, #fff6); background-position: 94%, 0 0; } .kl-service-wrapper.heading-h2.design { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75aa_Design.svg"), linear-gradient(#fff6, #fff6); background-position: 170%, 0 0; background-size: 36px, auto; } .kl-service-wrapper.heading-h2.design:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75aa_Design.svg"), linear-gradient(#fff6, #fff6); background-position: 88%, 0 0; background-size: 36px, auto; } .c_projects_card-text { align-content: flex-start; } .c_price-card_content { justify-content: space-between; } .c_hero_body { font-size: 20px; line-height: 1.6; } .c_hero_lottie { max-width: 5rem; } .hero-heading { font-size: 4.5rem; } .bento-grid-intro-inner { grid-column-gap: .5rem; grid-row-gap: .5rem; max-width: none; } .c_liner_footer-line { margin-top: 1em; } .t_card_bg-text { font-size: 4rem; left: 4%; } .modal-overlay.xform { border-radius: 0 0 2rem 2rem; } .c_footer_subtext-wrap { justify-content: space-between; align-items: center; margin-bottom: 9em; padding-left: 1rem; } .swipe-bar { padding-top: 1.5rem; } .fw-image { display: block; } .fw-image.display-none { display: none; } .modal-content { padding-left: 4rem; padding-right: 4rem; } .c_hero_wrap { min-height: 90vh; margin-bottom: 6rem; } .kl-modal { border-radius: 2rem; min-width: 100%; } .div-block-249 { height: 4px; } .project-title { text-align: right; place-content: space-around flex-end; align-items: center; } .c_projects_card-frame { align-items: flex-start; position: absolute; } .c_footer_heading-xl { letter-spacing: 0; font-size: 16.2vw; } .c_price-card { width: 50vw; margin-right: 0; bottom: 0%; } .nav_menu_link { display: none; } .docs_nav_list.u-text-small { display: flex; } .docs_nav_list.responsive { flex-flow: column; display: flex; } .nav_menu { z-index: 999; 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: color-mix(in srgb, var(--swatch--dark), transparent 16%); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); text-align: left; max-height: 90vh; margin-top: 1rem; margin-left: 1rem; padding: 2rem; position: fixed; bottom: 1rem; left: 0%; right: auto; overflow: auto; } .docs_nav_item { background-color: var(--swatch--transparent); } .icon { color: var(--_theme---text\); } .docs_step-item, .c_clone_wrap.u-vflex-c-center { max-width: 100%; } .docs_outer { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr minmax(65vw, 1fr); grid-auto-columns: auto; } .c_code_wrap { width: 100%; max-width: none; } .docs_middle.s-mt-6 { padding-left: 3rem; padding-right: 3rem; } .c_card-divider { margin-top: .9em; } .docs_left { z-index: 1; max-width: 30vw; top: 7rem; } .c_tab-btn_text { font-size: var(--_text-style---font-size); } .docs_c-section.u-vflex-l-center.s-gap-4 { max-width: 100%; } .docs_c-section.is-top.u-vflex-l-center.s-gap-4 { max-width: none; } .docs_nav_sub_wrap { grid-template-rows: 1fr; } .c_card_wrap { min-width: auto; } .docs_nav_wrap { max-height: none; position: relative; top: 0; } .docs_nav_wrap.u-column-3.u-order-last-desktop.u-overflow-y-auto { display: none; } .c_accordion-divider { width: 87em; margin-top: .9em; } .nav_button { color: #fff; } .nav_button.w--open { 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: color-mix(in srgb, var(--theme--text), transparent 90%); } .c_tab-nav { flex-flow: column; min-width: auto; } .c_tab-nav.small { flex-flow: row; } .nav_container { position: relative; } .c_project-field_wrap { height: 100%; } .c_company-field_wrap { max-width: 150px; } .t_fa_icon-sm { font-family: "Fa 400", Arial, sans-serif; font-size: 4vw; } .c_form-filled_top { padding-top: 24px; } .c_form-filled_wrap { height: auto; } .t-prefilled-text { flex-wrap: wrap; margin-left: 0; margin-right: 0; font-size: 2em; } .c_form-filled_bottom { margin-top: 2.22em; } .c_form-filled_header { font-size: 4rem; } .c_form-filled_input { margin-left: 4px; } .c_form-filled_message { grid-column-gap: 8px; grid-row-gap: 8px; } .c_modal-brand_contain { padding-left: 72px; padding-right: 72px; } .c_modal_brand-cover { display: none; } .modal__body__close { top: 3em; right: 3.4em; } .modal__body__content { top: 0; } .c_input_select { font-size: var(--_text-style---font-size); } .toast-close { font-size: 1.6em; } .c_footer_wrap { min-height: auto; } .c_pricing-cards_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: space-between; } .c_pricing-intro-wrap { padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; } .c_nav-logo-svg { width: 2rem; } .c_price-card-spline { width: 60%; min-width: auto; } .c_pricing-card-spline { inset: 0% -5rem 25% 0%; } .menu-container { left: 40%; } .menu-trigger { height: 5rem; } .search-icon { background-color: #f4f8fa; padding-right: 9px; } .search-icon-lottie { filter: invert(); } .right-nav { grid-column-gap: 30px; justify-content: flex-start; align-items: center; display: flex; } .nav-link { border-bottom: 1px solid var(--_theme---neutral--bg-hover-dark); background-color: var(--swatch--light-secondary); color: #000; max-width: none; padding-top: 24px; padding-bottom: 24px; } .grid-wrapper-2 { width: 100%; position: static; } .menu-icon { aspect-ratio: 1; height: 2.4rem; display: block; } .nav-link-text { color: var(--swatch--dark); } .search-wrapper { width: 6rem; padding-left: 12px; padding-right: 12px; display: none; } .search-wrapper.mobile { justify-content: flex-end; align-items: flex-start; width: auto; display: flex; } .search-button { background-color: #e4e9ec; background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada761a_search-dark-small(24x24)%402x%20(1).svg"); background-position: 50%; background-repeat: no-repeat; background-size: 14px; min-width: 40px; min-height: 40px; margin-left: 0; display: block; } .nav-menu { background-color: var(--swatch--light-secondary); min-height: 100vh; margin-top: 7rem; } .search-base { flex: 1; width: auto; } .dropdown-search-list { display: flex; } .menu-button-2 { filter: invert(); justify-content: center; align-items: center; padding: 0; display: flex; } .menu-button-2.w--open { filter: blur(5px); background-color: #0000; position: absolute; left: auto; right: 0%; } .menu-wrapper { min-width: var(--column-width--4); grid-row-gap: 0px; color: #000; border-top: 1px solid #e4e9ec; grid-auto-flow: row; width: 100%; max-height: 100vh; padding-top: 0; padding-bottom: 0; } .brand { width: 7rem; } .nav-content { grid-template-columns: 1fr 1fr; } .dropdown-search { background-color: #f4f8fa; width: 100%; max-width: 500px; margin: 12px auto; padding-top: 0; padding-bottom: 0; } .menu-base { background-color: var(--swatch--light-secondary); grid-template-columns: 1fr; margin-left: 0; } .search-toggle { width: 40px; min-width: 40px; height: 40px; min-height: 40px; margin-left: -40px; display: none; } .navbar { background-color: var(--swatch--light); } .search { flex-direction: row; height: auto; padding: 4px; } .search-input { color: #07090c; min-height: 40px; padding-left: 24px; } .slide-arrow { border-color: var(--swatch--brand); bottom: 36px; } .slide-intro { grid-template-rows: auto; place-items: stretch end; max-width: 29rem; margin-right: 5vw; } .slide-intro.center { margin-right: 5vw; } .slide-nav-2 { bottom: 36px; } .slide-content { justify-content: flex-end; align-items: flex-end; padding-bottom: 100px; } .slide-content.center, .link-wrapper { justify-content: flex-end; align-items: center; } .slider-background.three { background-image: linear-gradient(180deg, #0000, #75757500 51%, var(--swatch--light) 92%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), radial-gradient(circle farthest-corner at 50% 30%, #feedd3ad, #fff0 54%), linear-gradient(to bottom, transparent, transparent); background-position: 0 0, 130% 0, 0 0, 0 0; background-repeat: repeat, no-repeat, repeat, repeat; background-size: auto, auto 100%, auto, auto; background-attachment: scroll, fixed, scroll, scroll; right: 8%; } .slider-heading { text-align: right; font-size: 64px; } .slider-heading.t-h3 { font-size: var(--_typography---font-size--h3); } .slider-heading.t-h3.t-align-right { max-width: 25rem; } .slider-background-wrapper { background-color: var(--swatch--light); } .section { padding-top: 100px; padding-bottom: 100px; } .stacked-intro.small { max-width: var(--column-width--10); } .story-content { width: auto; max-width: none; } .story-wrapper { grid-column-gap: 0px; grid-row-gap: 80px; grid-template-columns: auto auto; padding-left: 0; padding-right: 0; } .contact-header { font-size: 32px; } .contact-header.large { font-size: 38px; } .contact-header.extra-large { font-size: 48px; } .slider-subheading { font-size: var(--_typography---font-size--h5); text-align: right; } .slider-subheading.t-h5 { font-size: var(--_typography---font-size--h5); } .slider-subheading.t-align-right { max-width: 20rem; } .c_card_wrap-horizontal.u-shadow { max-width: var(--column-width--10); } .card-stack-wrap { width: var(--column-width--10); } .footer-grid { grid-row-gap: 3rem; grid-template-columns: 1fr; margin-bottom: -2rem; } .footer-list { width: var(--column-width--3); } .footer-list.request { width: 0; min-width: 100%; } .c-footer-link { text-align: center; } .footer-content { grid-row-gap: 3rem; } .product-slider-wrapper { padding-left: 5vw; padding-right: 5vw; overflow: hidden; } .stacked-content.medium { grid-row-gap: 60px; } .dark-slide-arrow { bottom: 140px; } .showcase-products { padding-left: 6px; padding-right: 6px; } .showcase-products.single-column { padding-left: 2rem; padding-right: 2rem; } .product-mask { max-width: var(--column-width--5); } .footer-grid-2 { grid-template-columns: 1fr; } .contact-form-base { min-width: auto; } .background.faq-background { background-image: linear-gradient(276deg, var(--swatch--light) 34%, var(--swatch--light-faded) 64%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a3_about-image.jpg"); background-position: 0 0, 0%; background-size: auto, auto 100%; } .background.checkout-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 50% 30%, 0 0; background-repeat: no-repeat, repeat; background-size: cover, auto; } .contact-image { height: 60vw; } .dual-contact { grid-row-gap: 0px; grid-template-columns: 1fr; padding-top: 60px; padding-bottom: 60px; } .instagram-grid { grid-row-gap: 6px; } .dual-grid { grid-row-gap: 0px; grid-template-columns: 1fr; } .tab-list { max-width: none; } .section-banner { min-height: 500px; } .about-background { border-bottom-left-radius: var(--radius--main); } .contact-hero { padding-top: 180px; padding-bottom: 80px; } .hover-cover { display: none; } .tab-top:hover { padding-left: 0; padding-right: 0; } .instagram-image { min-height: 18vw; } .instagram-image.middle { min-width: 25vw; min-height: 10vw; font-size: 15px; } .hero-grid { grid-row-gap: 18px; grid-template-columns: 1fr; } .footer-grid-3 { grid-template-columns: 1fr; } .action-heading-wrapper { padding-top: 100px; padding-bottom: 100px; } .faq-grid { grid-row-gap: 60px; width: 100%; max-width: none; } .faq-sidebar { margin-bottom: 0; padding-top: 80px; padding-left: 5vw; padding-right: 5vw; position: relative; } .action-section { min-height: 500px; padding-top: 80px; padding-bottom: 80px; } .slide-heading { font-size: 64px; } .slide-heading.xl { font-size: 100px; } .faq-right { padding: 60px 5vw 100px; } .sidebar-grid { grid-row-gap: 48px; grid-template-columns: 1fr; } .checkout-form { padding-right: 5vw; } .checkout-right { min-width: auto; padding: 48px 40px 120px; } .checkout-grid { grid-row-gap: 48px; grid-template-columns: 1fr; } .checkout-left { grid-row-gap: 24px; padding-top: 60px; padding-bottom: 0; } .shop-grid { grid-template-columns: 1fr 1fr; } .footer-grid-4 { grid-template-columns: 1fr; } .filter-bar { padding-top: 60px; } .shop-collection-list { padding-left: 0; padding-right: 0; } .content_collection-list { display: block; } .filter_grid { max-width: 100%; } .filter_tags-wrapper { margin-top: .5rem; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .filter_header { padding-left: 16px; } .filter_block-header { background-color: var(--swatch--transparent); align-items: start; padding-left: 1rem; } .div-block-250 { max-width: var(--column-width--12); justify-content: flex-end; align-items: flex-end; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: 0%; } .collection-item { max-width: var(--column-width--4); } .c-h-image_wrap { flex: 1; margin-top: auto; margin-bottom: auto; } .slider-header { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-end; display: flex; } .section-aji-3 { padding: 0; } .section-aje-5 { flex: none; order: 2; margin-bottom: 20px; } .section-aji-15 { margin-bottom: 20px; display: none; } .section-aje-21 { flex-wrap: wrap; flex: none; order: 5; margin-bottom: 20px; display: flex; } .section-ajk-5 { grid-column-gap: 0px; grid-template-columns: 1fr 1fr 1fr; } .section-aje-4 { display: none; } .section-ajc-2 { order: -1; margin-bottom: 20px; } .section-ajc-2.alt-section-ajc-2 { flex: none; display: block; } .image-aji-2 { width: 100%; height: auto; } .section-right { flex: none; max-width: none; margin-bottom: 40px; } .section-main { padding-left: 40px; padding-right: 40px; } .section-aji-8 { border-style: none; } .line-aje-1 { margin-bottom: 30px; } .section-aji-10 { display: none; } .section-ajc-7 { order: -1; margin-bottom: 10px; display: block; } .link-ajc-13 { text-decoration: none; } .section-aje-2 { flex: none; order: 3; margin-bottom: 20px; } .section-global-2 { padding-top: 40px; padding-bottom: 20px; } .dropdown-ajf-1 { flex: none; } .section-aje-035 { flex: none; order: 7; margin-bottom: 30px; } .icon-aji-2 { width: 120px; height: 120px; } .section-aji-5 { margin-bottom: 0; } .c-cart-button-link { padding-left: 25px; padding-right: 25px; } .section-aji-2 { border-style: none; } .section-aji-25 { flex-wrap: wrap; flex: none; order: 5; display: flex; } .product-contact-wrapper { flex: none; order: 5; margin-bottom: 30px; } .tabs-content-aji-1 { margin-bottom: 20px; display: block; } .dropdown-ajf-2 { flex: none; } .heading-ajc-01 { color: #332d2a; font-size: 34px; font-weight: 400; line-height: 1.3em; } .section-aji-6 { display: block; } .background-aji-2 { cursor: pointer; } .section-aje-10 { margin-bottom: 20px; } .section-left { flex: none; max-width: none; margin-right: 0; } .section-aji-4 { display: none; } .section-aji-06 { cursor: pointer; } .section-desc-sticky { flex: none; order: -1; margin-bottom: 40px; position: static; } .section-image { flex: none; margin-bottom: 20px; display: none; } .disclaimer-for-designers { display: none; } .section-ajh-1 { margin-bottom: 40px; } .section-aji-31 { flex: none; order: 5; margin-bottom: 30px; } .section-ajj-1 { margin-bottom: 40px; } .link-aji-2 { padding-left: 25px; padding-right: 25px; } .cart-section-wrap { flex: none; order: 5; margin-bottom: 30px; } .section-global-3 { flex-direction: column-reverse; } .section-desc { flex: none; } .link-ajk-1 { flex-basis: 31%; } .section-ajf-19 { height: auto; padding-top: 10px; padding-bottom: 10px; } .section-r-wrapper { flex-direction: column; flex: none; display: flex; } .section-aje-35 { border-bottom: 2px solid #e6e7e8; flex: none; order: 7; margin-bottom: 0; padding-bottom: 30px; } .tabs-menu-aji-1 { display: flex; } .section-aji-14 { display: none; } .space-global { flex: none; display: none; } .section-ajf-6 { margin-bottom: 20px; } .section-ajf-1 { margin-bottom: 40px; } .c_nav-btn { right: var(--column-width--1); margin-right: var(--column-width--1); flex-flow: row-reverse; max-width: none; } .c_nav-btn-wrapper { max-width: none; } .c_nav-btn-wrapper.responsive { min-height: 4rem; max-height: none; display: flex; } .c_product-list.u-grid-autofill { --_column-count---value: 2; } .filter_header-mobile { padding-left: 16px; } .c_card_slider { min-width: var(--column-width--4); margin-left: 1rem; margin-right: 1rem; } .story-section-wrapper { width: 100%; } .about-text { border-bottom-left-radius: 0; min-width: auto; } .about-secttion { grid-row-gap: 0px; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr; padding-top: 60px; padding-bottom: 60px; } .stacked-about-intro.small { max-width: var(--column-width--10); } .section-about { padding-top: 100px; padding-bottom: 100px; } .about-left { grid-row-gap: 0px; grid-template-columns: 1fr 1fr; padding-top: 60px; padding-bottom: 60px; } .about-text-left { min-width: auto; } .svg-4 { max-width: none; max-height: 100%; left: auto; } .gradient.faq-background { background-image: linear-gradient(276deg, var(--swatch--light) 34%, var(--swatch--light-faded) 64%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a3_about-image.jpg"); background-position: 0 0, 0%; background-size: auto, auto 100%; } .gradient.checkout-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 50% 30%, 0 0; background-repeat: no-repeat, repeat; background-size: cover, auto; } .div-block-256 { font-size: var(--_typography---font-size--text-large); } .menu-button-3 { aspect-ratio: 1; font-weight: var(--_typography---font--primary-bold); position: absolute; inset: 0% 0% 0% auto; } .menu-button-3.w--open { aspect-ratio: 1; background-color: var(--swatch--transparent); justify-content: center; align-items: center; position: absolute; inset: 0% 0% 0% auto; } .div-block-257 { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .hamburger_8_clip { color: var(--swatch--dark); } .div-block-258 { height: 4px; } .c_input_select-2 { font-size: 1rem; } .footer-list-4 { width: 0; } .footer-list-4.request { width: 0; min-width: 100%; } .footer-content-5 { grid-row-gap: 3rem; } .section-global-1-2 { padding-left: 40px; padding-right: 40px; } .div-block-259 { font-size: 1.25rem; } .footer-grid-5 { grid-row-gap: 3rem; grid-template-columns: 1fr; margin-bottom: -2rem; } .kl-modal-2 { border-radius: 2rem; min-width: 100%; } .tab-list-2 { max-width: none; } .grid-wrapper-11 { width: 100%; position: static; } .cart-modal-container { max-width: 50%; left: 50%; } .about-header { font-size: 32px; } .about-header.large { font-size: 38px; } .about-header.extra-large { font-size: 48px; } .testimonial-text { font-size: 32px; } .testimonial-text.large { font-size: 38px; } .testimonial-text.extra-large { font-size: 48px; } .product-header { font-size: 32px; } .product-header.large { font-size: 38px; } .product-header.extra-large { font-size: 48px; } } @media screen and (max-width: 767px) { .vertical-line { height: 150em; display: none; } .c_icons_line { font-size: 2em; } .c_footer_nav-text { font-size: var(--_text-style---font-size); } .c_icon_toggle_wrap { z-index: 1001; } .grid-item.is--logo.w--current { justify-content: center; align-items: center; display: flex; } .grid-item.column2-footer { width: 50%; margin-bottom: 4em; font-size: 1.1vw; } .u-grid-from-medium { flex-flow: column; display: flex; } .c_footer_nav-link { padding-left: 0; } .grid { flex-direction: row; } .grid.nav { flex-direction: row; margin-top: .75rem; } .grid.footer { top: 3rem; } .form_main_list { font-size: var(--_typography---font-size--text-main); } .u-grid-column-2 { grid-template-columns: var(--grid-1); } .c_icons_brands-sm { font-size: 2em; } .circle { width: 3.5em; height: 3.5em; } .is--left-side { font-size: 3.5vw; } .styles_font_item { grid-template-columns: 100%; } .image { height: auto; } .c_price-card_bg { height: 0%; } .modal-services { flex: 1; } .t_card_rich-text { margin-top: .875rem; font-size: 1rem; } .bento-person-image { max-width: 140%; } .bento-person-image.project-3 { max-width: 100%; margin-top: 0%; margin-left: 17%; display: block; } .bento-person-image.project-6 { max-width: 130%; height: 70%; margin-left: -5rem; right: -2rem; } .bento-grid-item.is-person { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ef_Bode.png"); background-position: 0 0; background-size: auto; justify-content: center; align-items: center; min-height: 20rem; } .bento-grid-item.is-intro { padding-top: 6vw; padding-left: 6vw; padding-right: 6vw; } .bento-grid-item.bg-image-large { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7664_a%2Bl-publication-cover.avif"); background-position: 0 0; background-size: cover; } .bento-grid-item.bg-image-large.project-6 { background-position: 100%; background-size: cover; } .bento-grid-item.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7661_Co.Lab-screens%202.avif"); background-position: 50% 0; background-size: cover; } .bento-grid-item.ecomm-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f8_ES-Shop.png"); background-position: 50%; background-repeat: no-repeat; background-size: cover; justify-content: center; align-items: center; min-height: 20rem; } .bento-grid-item.is-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f4_blab2.png"); background-position: 50%; background-size: cover; } .bento-grid-item.is-image.project-6 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75fc_ES-Full-Desktop.webp"); background-position: 50% 0; background-size: cover; } .bento-grid-item.is-image.project-1 { background-position: 50% 36%; background-size: cover; } .bento-grid-item.is-image.project-2 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f4_blab2.png"); background-position: 50% 21%; background-size: cover; } .bento-grid-item.is-image.project-4 { background-position: 50% 0; background-size: cover; } .bento-grid-item.is-image.project-5 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7614_Landing%20Page.png"); background-position: 50% 88%; background-size: cover; } .c_price-card_media { display: none; } .c_footer_links.left { justify-content: center; align-items: flex-start; height: auto; min-height: 10rem; top: 0%; } .c_footer_links.right { justify-content: center; align-items: flex-end; height: auto; min-height: 10rem; top: 0%; } .c_projects_card-img { z-index: -1; min-width: 100%; max-width: none; position: relative; } .bento-grid { max-height: none; } .c_spline_responsive { padding-top: 3rem; display: flex; } .c_spline_lg { display: none; } .modal-heading-wrapper { min-height: 4.75rem; } .c_footer_brand-wrapper { letter-spacing: 0; justify-content: center; align-items: flex-start; padding-bottom: 0; padding-left: 1em; overflow: hidden; } .kl-service-wrapper.heading-h2.branding { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(#fff6, #fff6); background-position: 152%, 0 0; } .c_scroll-card_header { font-size: 2.4rem; font-weight: 400; } .c_price-card_text { display: block; } .c_hero_body { max-width: 80%; font-size: 18px; } .lg-center-image { max-width: 210%; margin-left: 1rem; } .c_hero_lottie { max-width: 4rem; } .hero-heading { font-size: 4rem; } .c_liner_footer-line { margin-top: 1em; } .c_liner_footer-line.right, .c_liner_footer-line.left { width: 16em; margin-top: 0; } .modal-platforms-heading { font-size: 1.5rem; } .c_footer_subtext-wrap { justify-content: space-between; align-items: center; margin-bottom: 0; padding-left: 2rem; padding-right: 3.33em; } .modal-content { padding-top: 9rem; padding-left: 2rem; padding-right: 2rem; } .project-title { font-size: 2rem; } .c_projects_card-frame { align-items: flex-start; position: absolute; } .c_price-card { border-bottom-right-radius: 2rem; border-bottom-left-radius: 2rem; flex: 1; align-items: stretch; width: auto; min-width: 20rem; max-width: none; min-height: 28rem; margin-top: 1rem; margin-bottom: 1rem; } .nav_menu { padding: 1rem; } .c_card-base { flex-flow: wrap; } .c_card-base.u-hflex-s-between { flex-flow: wrap; justify-content: center; align-items: center; } .c_card-base.u-hflex-s-between.is-reversed, .c_card-base.u-hflex-b-center, .c_card-base.is-reversed { flex-flow: wrap; } .c_accordion_wrap.filter { grid-template-rows: auto; } .c_clone_wrap.u-vflex-c-center { margin-left: 1.5rem; margin-right: 1.5rem; } .docs_outer { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr minmax(62vw, 1fr); } .c_accordion-toggle_wrap.u-zindex-3 { display: block; } .docs_intro-grid { grid-template-columns: 1fr; } .c_input_wrap { min-width: auto; font-size: .6em; } .docs_middle { padding-top: .5rem; } .docs_middle.s-mt-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .c_card-divider { width: auto; } .c_tab_wrap { grid-template-rows: 0; } .c_card_wrap.u-shadow { max-width: 0; } .nav_button { color: #080331; } .nav_button.w--open { background-color: #080331; border-radius: 1rem; } .c_tab-nav.small { max-width: 100%; } .heading-style-h3-2 { font-size: 1.5rem; } .nav_container { padding-left: 0; padding-right: 0; } .t-size-lg { font-size: var(--text-large--font-size\); } .c_clone_contain { min-width: 110%; position: relative; left: -2rem; } .modal-services-heading { font-size: 1.5rem; } .c_project-field_wrap { min-width: 40%; height: 100%; } .c_form-filled_main { padding-left: 0; padding-right: 0; } .c_date-field_wrap { min-width: 30%; font-size: 1vw; line-height: 1; } .c_company-field_wrap { width: 40%; max-width: none; height: 100%; } .t_fa_icon-sm { font-family: "Fa 400", Arial, sans-serif; font-size: 6vw; } .c_form-filled_top { text-align: left; padding-left: 20px; } .c_form-filled_wrap { height: auto; padding-left: 1rem; padding-right: 1rem; } .c_role-field_wrap { width: auto; min-width: 40%; height: 100%; margin-left: 4px; margin-right: 4px; } .t-prefilled-text { flex: none; margin-left: 0; margin-right: 0; font-size: 3em; display: flex; } .c_budget-field_wrap { min-width: 30%; height: 100%; } .c_form-filled_bottom { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; } .c_form-filled_header { font-size: 3.25rem; } .c_form-filled_contain { padding-left: 16px; padding-right: 16px; } .c_form-filled_input { margin-left: 4px; } .c_form-filled_message { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; align-content: stretch; } .c_name-field_wrap { min-width: 50%; } .c_modal-brand_contain { padding-left: 54px; padding-right: 54px; } .c_modal_brand-cover { display: none; } .hex-pop-up { width: 690px; height: 690px; } .modal__body__close { position: absolute; inset: 2.4% 4% auto auto; } .close { width: 32px; height: 32px; position: relative; } .hero-register__message { margin-bottom: 24px; } .c_modal_brand-body { width: 100%; max-width: 500px; } .c_input_text { border-radius: .8em; font-size: 2em; } .c_input_select { font-size: 1.1em; } .c_footer_text { padding-left: 0; } .c_footer-social { font-size: 2.2em; } .c_pricing-cards_wrap { flex-flow: wrap; } .c_nav-logo-svg { width: 1.5rem; } .c_pricing-cards-contain { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; } .c_pricing-intro-copy.t-size-base { max-width: none; } .c_price-card-spline { width: 40%; max-width: 10rem; inset: 2% 0% auto auto; } .c_pricing-card-spline { top: -30%; bottom: 0%; right: 0%; } .c_footer_nav-email { font-size: 3em; } .menu-trigger { max-width: var(--column-width--2); height: 3rem; } .slide-intro { grid-row-gap: 36px; grid-template-rows: auto; place-items: stretch end; max-width: 50vw; } .slide-content { justify-content: flex-end; align-items: flex-end; padding-bottom: 100px; } .slide-content.center { justify-content: flex-end; align-items: center; padding-bottom: 8rem; } .slider-background.three { background-image: linear-gradient(180deg, #0000, #75757500 51%, var(--swatch--light) 92%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), radial-gradient(circle farthest-corner at 50% 30%, #feedd3ad, #fff0 54%), linear-gradient(to bottom, transparent, transparent); background-position: 0 0, 100%, 0 0, 0 0; background-size: auto, cover, auto, auto; background-attachment: scroll, fixed, scroll, scroll; } .slider-background.four { background-image: linear-gradient(180deg, var(--swatch--light) 28%, var(--swatch--light-tertiary)); background-position: 0 0; background-repeat: repeat; background-size: auto; } .slider-heading { font-size: 48px; } .slider-heading.t-h3.t-align-right { max-width: 20rem; } .section { padding-top: 80px; padding-bottom: 80px; } .story-wrapper { grid-row-gap: 60px; } .contact-header.large { font-size: 36px; } .contact-header.extra-large { font-size: 44px; } .slider-subheading.t-align-right { max-width: 20rem; } .footer-grid { margin-bottom: -2rem; } .footer-list { min-width: var(--column-width--4); width: 0; } .footer-bottom { text-align: center; grid-template-columns: 1fr; justify-content: center; justify-items: center; } .footer-content { grid-row-gap: 4rem; } .product-slide-card { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .stacked-content.medium { grid-row-gap: 48px; } .showcase-products.single-column { padding-left: 0; padding-right: 0; } .wrapper-intro { grid-template-columns: 1fr; justify-content: start; justify-items: start; } .product-mask { max-width: none; } .contact-form-base { padding: 60px 48px; } .background.faq-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada76a3_about-image.jpg"); background-position: 0%; background-repeat: no-repeat; background-size: auto 100%; } .background.checkout-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 20%, 0 0; background-repeat: no-repeat, repeat; background-size: contain, auto; } .dual-contact { padding-top: 48px; padding-bottom: 48px; } .instagram-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } .section-banner { min-height: 400px; } .about-background { border-bottom-left-radius: var(--radius--main); } .about-background.three { border-top-right-radius: var(--radius--main); border-bottom-left-radius: 0; } .contact-hero { padding-top: 120px; padding-bottom: 60px; } .footer-bottom-2 { text-align: center; grid-template-columns: 1fr; justify-content: center; justify-items: center; } .error-message-2 { margin-left: 36px; margin-right: 36px; } .footer-navigation-2 { grid-template-rows: auto; justify-items: start; } .instagram-image { min-height: 23vw; } .wrapper-testimonials { justify-content: center; width: 100%; padding-left: 5vw; padding-right: 5vw; overflow: hidden; } .shop-hero { min-height: 325px; padding-top: 200px; padding-bottom: 60px; } .action-heading-wrapper { padding-top: 80px; padding-bottom: 80px; } .testimonial { max-width: none; } .faq-grid { grid-row-gap: 48px; } .action-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7683_MCB%20Hero%203.webp"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 40%, 0 0; background-repeat: no-repeat, repeat; background-size: 260%, auto; } .mask-testimonials { width: 100%; } .faq-sidebar, .action-section { padding-top: 48px; } .footer-bottom-3 { text-align: center; grid-template-columns: 1fr; justify-content: center; justify-items: center; } .slide-heading { font-size: 48px; } .slide-heading.xl { font-size: 80px; } .faq-right { padding-top: 48px; padding-bottom: 60px; } .sidebar-grid { grid-row-gap: 36px; } .checkout-banner { min-height: 260px; padding-top: 120px; padding-bottom: 48px; } .row { flex-direction: column; } .cart-item-top { margin-bottom: 24px; } .checkout-right { padding: 40px 36px 100px; } .checkout-component { border-radius: var(--radius--main); padding: 40px 36px; } .checkout-left { padding-top: 48px; } .filter-left { grid-template-columns: 1fr; width: 100%; } .filter-bar { padding-top: 48px; } .footer-bottom-4 { text-align: center; grid-template-columns: 1fr; justify-content: center; justify-items: center; } .filter_grid { grid-template-columns: 1fr; } .filter_tags-wrapper { margin-bottom: 1rem; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .filter_column { display: none; } .page-padding { padding-left: 1.5rem; padding-right: 1.5rem; } .filter_header.u-zindex-3 { flex-flow: row; justify-content: flex-start; align-items: center; display: none; top: 20rem; } .filter_block { justify-content: flex-start; align-items: center; } .filter_block.is-search { background-position: 2%; } .heading-small-2 { font-size: 1rem; } .nav_header { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: auto; grid-auto-flow: row; } .div-block-250 { background-image: radial-gradient(circle farthest-corner at 100% 70%, var(--swatch-primary--foreground), #fff0 57%); justify-content: flex-end; align-items: flex-end; } .collection-item { max-width: 0; } .c-h-image_wrap { flex: 1; min-width: 100%; } .slider-header { justify-content: center; align-items: flex-end; } .c-feature_wrap { grid-row-gap: 3rem; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr; grid-auto-flow: column; place-items: center; } .empty-state-ajf-1 { padding-left: 1%; padding-right: 1%; } .section-ajf-26 { margin-left: -1%; margin-right: -1%; } .text-aje-3 { font-size: 14px; } .section-ajf-5 { flex: none; margin-right: 15px; } .c-cart-qty-value { height: 50px; } .text-aji-1 { font-size: 14px; } .section-aji-15 { margin-bottom: 10px; } .section-aje-21 { margin-bottom: 20px; } .link-icon-aje-1 { width: 18px; height: 18px; } .section-ajk-5 { grid-template-columns: 1fr 1fr; } .section-ajf-22 { flex: none; display: flex; } .section-ajf-2 { margin-bottom: 30px; } .link-ajg-1 { height: 42px; padding-left: 20px; padding-right: 20px; } .section-ajc-2 { margin-bottom: 10px; } .link-icon-aje-12 { width: 18px; height: 18px; } .section-right { margin-bottom: 20px; } .section-aji-16 { margin-bottom: 10px; } .section-ajf-21 { margin-right: 10px; } .icon-drop-ajf-2 { margin-left: 10px; } .text-ajf-10 { font-size: 13px; } .section-aje-48 { min-width: 0; } .text-link-aji-1 { font-size: 18px; } .section-aje-46 { width: 30px; height: 30px; } .section-ajc-7 { margin-bottom: 0; } .link-ajc-13 { font-size: 13px; } .product-text-sticky { font-size: 18px; } .section-aje-2 { margin-bottom: 10px; } .section-ajf-20 { margin-right: 10px; } .text-aji-7 { font-size: 14px; } .section-global-2 { padding-bottom: 0; } .background-image-aji-1 { inset: 1px; } .c-cart-button-link { height: 50px; font-size: 18px; } .tab-link-ajc-1 { border-style: none; width: 20px; height: 20px; margin-right: 10px; } .tab-link-ajc-1.w--current { border: 3px solid #e71b2c; border-radius: 6px; } .section-ajf-9 { flex-basis: 98%; margin-bottom: 0; margin-left: 1%; margin-right: 1%; padding-top: 0; padding-right: 0; } .section-ajf-9.alt_sectionyn_1 { border-right-style: none; margin-bottom: 20px; } .tabs-content-aji-1 { margin-bottom: 10px; } .heading-ajc-01 { font-size: 24px; } .section-aje-25 { margin-bottom: 5px; } .icon-drop-ajf-1 { margin-left: 10px; } .text-drop-ajf-2 { font-size: 13px; } .text-ajg-3 { max-width: none; } .section-aje-12 { margin-bottom: -10px; } .background-aji-2 { display: none; } .c-cart-qty-text-wrap { padding-top: 14px; } .section-ajg-2 { padding: 20px; } .section-ajh-5 { margin-bottom: 10px; padding-bottom: 10px; } .section-ajh-5.last { border-bottom-style: none; } .text-aje-12 { font-size: 16px; } .section-aji-27 { margin-bottom: 5px; } .section-aje-10 { margin-bottom: 20px; } .section-ajh-4 { margin-bottom: -5px; } .section-desc-sticky { margin-bottom: 30px; } .section-ajf-8 { margin-bottom: -10px; margin-left: -1%; margin-right: -1%; } .text-aji-3 { font-size: 14px; } .section-aje-13 { margin-bottom: 10px; } .background-ajc-2 { display: none; } .section-ajj-2 { margin-bottom: 15px; } .text-aji-5 { font-size: 14px; } .section-ajf-24 { flex: none; display: flex; } .disclaimer-for-designers { color: #fa2f00; font-weight: 500; } .tab-link-aji-01 { margin-right: 10px; } .tab-link-aji-01.w--current { border: 2px solid #000; border-radius: 6px; } .section-ajh-1 { margin-bottom: 30px; padding-bottom: 20px; } .section-ajj-1 { margin-bottom: 30px; padding-bottom: 30px; } .section-aje-49 { margin-bottom: 15px; } .link-aji-2 { height: 50px; } .cart-section-wrap { margin-bottom: 20px; } .text-drop-ajf-1 { font-size: 13px; } .background-image-ajc-1 { background-color: #c1c1c1; background-image: none; background-repeat: repeat; background-size: auto; inset: 0%; } .link-ajk-1 { flex-basis: 48%; padding-left: 10px; padding-right: 10px; } .text-drop-ajf-12 { font-size: 13px; } .image-aje-2 { max-width: 30px; max-height: 30px; } .section-aje-35 { margin-bottom: 10px; padding-bottom: 20px; } .section-aje-36, .section-ajh-2 { margin-bottom: 15px; } .section-aje-37 { margin-bottom: 10px; } .text-link-aje-1 { font-size: 18px; } .product-header-main { font-size: 24px; } .drop-toggle-aji-3 { height: 50px; } .link-icon-aji-1 { width: 18px; height: 18px; } .section-ajk-2 { margin-bottom: 10px; } .section-ajf-1 { margin-bottom: 30px; } .c_cart-var-select { height: 50px; } .hero-svg-logo { max-width: 10rem; max-height: none; } .c_nav-btn { margin-right: 4rem; } .c_nav-btn-wrapper { display: none; } .c_nav-btn-wrapper.responsive { display: flex; } .c_accordion-filter { z-index: 100; border-radius: var(--radius--main); background-color: var(--_theme---neutral--text); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); max-height: 80vh; display: block; position: sticky; top: 7rem; } .filter_header-mobile.u-zindex-3 { flex-flow: row; justify-content: flex-start; align-items: center; position: static; } .c_filter-options-list { --_column-count---value: 1; --_gap---size: var(--site--gutter); } .c_filter-options-list.mobile { grid-column-gap: 4px; grid-row-gap: 4px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .c_filter-options-list.u-grid-autofit { --_column-count---value: 3; --_gap---size: var(--_spacing---space--1); } .filter-results-wrap { justify-content: flex-start; align-items: center; display: flex; } .c_card_slider.u-shadow { max-width: 0; } .c_card_slider.u-shadow-hover { max-width: var(--column-width--10); min-width: 0; } .about-image { height: auto; } .about-text { border-bottom-left-radius: 0; padding: 60px 48px; } .about-secttion { grid-template-rows: 1fr 1fr; padding-top: 48px; padding-bottom: 48px; } .testimonial-full { max-width: none; } .section-about { padding-top: 80px; padding-bottom: 80px; } .about-left { grid-template-rows: 1fr 1fr; grid-template-columns: 1fr; padding-top: 48px; padding-bottom: 48px; } .about-text-left { border-top-right-radius: 0; padding: 60px 48px; } .svg-4 { inset: 0%; } .gradient.faq-background { background-image: linear-gradient(83deg, var(--swatch--transparent), #fffdfa1c 68%, var(--swatch--light)); } .gradient.checkout-background { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light)); background-position: 20%, 0 0; background-repeat: no-repeat, repeat; background-size: contain, auto; } .shop-hero-copy { min-height: 325px; padding-top: 200px; padding-bottom: 60px; } .div-block-255 { flex-flow: wrap; } .div-block-256 { font-size: var(--_typography---font-size--text-large); } .menu-button-3 { position: absolute; left: auto; right: 0%; } .menu-button-3.w--open { inset: 0% 0% 0% auto; } .c_input_select-2 { font-size: 1.1em; } .footer-list-4 { width: 0; min-width: 0; } .c_input_wrap-2 { min-width: auto; font-size: .6em; } .footer-content-5 { grid-row-gap: 4rem; } .form_main_list-2 { font-size: 1rem; } .div-block-259 { font-size: 1.25rem; } .footer-grid-5 { margin-bottom: -2rem; } .div-block-260 { flex-flow: wrap; } .c_input_text-2 { border-radius: .8em; font-size: 2em; } .cart-modal-container { max-width: 60%; left: 40%; } .about-header.large { font-size: 36px; } .about-header.extra-large { font-size: 44px; } .testimonial-text.large { font-size: 36px; } .testimonial-text.extra-large { font-size: 44px; } .product-header.large { font-size: 36px; } .product-header.extra-large { font-size: 44px; } } @media screen and (max-width: 479px) { p { font-size: var(--text-main--font-size\); } .c_icons_line { font-size: 6em; } .c_footer_nav-text { font-size: var(--_typography---font-size--text-large); } .u-grid-breakout { grid-template-columns: var(--grid-breakout-single); } .close-menu { width: 7em; } .global-styles { display: none; } .l-base_contain.nav { background-image: none; height: 4rem; display: block; } .c_icons_solid-sm { font-size: 1.5em; } .grid-item { font-size: 1vw; display: block; } .grid-item.column2-footer { width: 100%; margin-bottom: 3em; font-size: 2.5vw; } .grid-item.is--menu-text { display: none; } .grid-item._1 { margin-bottom: 4em; } .u-grid-from-small { flex-flow: column; display: flex; } .t-h2 { font-size: var(--h2--font-size\); } .grid { flex-direction: column; } .grid.nav { flex-direction: row; justify-content: space-between; align-items: center; } .grid.footer { grid-column-gap: 8px; grid-row-gap: 8px; grid-template-rows: auto auto auto 4rem; grid-template-columns: 1fr 1fr; position: static; } .image-menu-open { width: 7em; } .c_icons_brands-sm { font-size: 6em; } .circle { width: 6em; height: 6em; } .circle.footer { width: 2em; height: 2em; font-size: 2.5vw; } .is--left-side { width: 90%; margin-left: 3em; font-size: 3.5vw; } .image { width: 12em; } .t_footer_tm { line-height: 120%; } .c_loader_logo-wrap { width: 70vw; min-height: 70vw; } .t_card_rich-text { font-size: 1rem; } .bento-person-image { max-width: 140%; bottom: 0; right: -2rem; } .bento-person-image.project-6 { margin-left: 1rem; } .client-name { font-size: var(--h4--font-size\); max-width: 100%; } .c_projects_card { align-items: flex-start; } .c_loader_wrap { display: none; } .button { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background-color: #ffffff4a; } .project-title-wrapper { margin-left: 0; } .modal-top { padding-left: 1rem; } .bento-grid-item.is-person { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f9_A%2BL2.png"); background-position: 50%; background-size: cover; min-height: 20rem; } .bento-grid-item.is-person.app { background-image: none; background-position: 0 0; background-size: auto; } .bento-grid-item.is-person.project-2 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7666_blab-img%201.avif"); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .bento-grid-item.is-intro { min-height: 100%; } .bento-grid-item.bg-image-large.project-6 { height: 67vh; } .bento-grid-item.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7665_Blog%20Main%20Wireframe.avif"); min-height: 20rem; } .bento-grid-item.ecomm-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75f8_ES-Shop.png"); background-position: 50%; background-size: cover; min-height: 20rem; } .bento-grid-item.is-image.project-3 { min-height: 32rem; } .bento-grid-item.is-image.project-6 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75fc_ES-Full-Desktop.webp"); background-position: 50% 0; background-size: 130%; min-height: 20rem; } .bento-grid-item.is-image.project-1 { background-position: 50% 91%; background-repeat: no-repeat; min-height: 17rem; } .bento-grid-item.is-image.project-4 { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7661_Co.Lab-screens%202.avif"); background-position: 50% 0; background-size: cover; min-height: 28rem; } .bento-grid-item.is-image.project-5 { min-height: 20rem; } .bento-grid-item.is-opaque { justify-content: center; align-items: center; min-height: 22rem; } .bento-grid-item.is-mood-image { background-position: 20%; min-height: 24rem; } .bento-grid-item.is-mood-image.bg-image { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7660_cells.avif"); background-position: 100%; background-repeat: no-repeat; background-size: auto 100%; min-height: 20rem; } .c_footer_content { flex: 1; justify-content: center; align-items: center; padding-bottom: 0; position: relative; } .modal-brand-logo { border-width: 2px; } .c_footer_links.left { max-width: 40%; } .c_footer_links.right { max-width: 60%; inset: 0% 0% auto auto; } .c_projects_card-img { z-index: -1; position: relative; } .bento-grid { grid-template-columns: minmax(0, 1fr); max-height: none; } .c_hero_header { margin-top: 4rem; } .c_spline_responsive { flex: 1; justify-content: center; align-items: center; max-width: 100%; padding-top: 0; transform: translate(0, 4rem); } .modal-heading-wrapper { min-height: 6rem; } .modal-inner_top { flex-flow: column; margin-bottom: 1rem; } .c_footer_brand-wrapper { z-index: 2; justify-content: space-between; align-items: flex-start; max-width: 100vw; padding-bottom: 0; padding-left: 0; font-size: 1em; position: static; bottom: 20em; } .kl-service-wrapper { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#fff6, #fff6); background-size: 45px 45px, auto; } .kl-service-wrapper.heading-h2.branding { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(to bottom, null, null); background-size: 36px, auto; } .kl-service-wrapper.heading-h2.branding:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75ae_Brand.svg"), linear-gradient(#fff6, #fff6); background-position: 89%, 0 0; background-size: 36px, auto; } .kl-service-wrapper.heading-h2.dev { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75a8_Dev.svg"), linear-gradient(to bottom, null, null); background-size: 36px, auto; } .kl-service-wrapper.heading-h2.dev:hover { background-image: url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada75a8_Dev.svg"), linear-gradient(#fff6, #fff6); background-size: 36px, auto; padding-right: 4.5rem; } .bento-image-bottom { width: auto; } .c_scroll-card_header { font-size: 1.4rem; } .c_projects_card-text { width: 100%; min-height: auto; margin-top: 1rem; } .c_projects_card-image { object-position: 50% 0%; border-radius: 8px; min-width: 100%; max-width: none; height: 74em; min-height: auto; max-height: none; margin-left: 0; overflow: auto; box-shadow: 12px 7px 20px 7px #0003; } .c_price-card_content { padding-top: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; } .c_hero_body { max-width: none; font-size: 1.1rem; } .lg-center-image { max-width: 220%; } .spacer-xl-start.spacer-xl-end { padding-top: 1rem; } .hero-heading { font-size: 3rem; } .c_liner_footer-line { width: 86em; margin-top: 2em; } .c_liner_footer-line.right { border-style: none; border-width: 0; margin-bottom: 0; } .c_liner_footer-line.left { border-style: none; border-width: 0; } .modal-overlay.xform { border-radius: 0 0 1rem 1rem; max-height: 40%; } .c_loader_canvas { width: 70vw; min-height: 70vw; } .c_footer_subtext-wrap { flex-flow: column; justify-content: center; align-items: flex-end; height: 3rem; padding-right: 0; position: static; } .bento-of-image.right-align { justify-content: flex-start; align-items: flex-end; min-width: 100%; } .copy-small { color: #fff; } .swipe-bar { height: 3rem; padding-top: .5rem; } .c_projects_card-wrap { flex-direction: column; padding-top: 3.33rem; } .fw-image { width: 110%; } .fw-image.display-none { display: none; } .modal-content { min-height: auto; padding-top: 12rem; } .modal-grid { min-height: auto; padding-left: 1rem; padding-right: 1rem; } .c_hero_wrap { min-height: 100svh; } .kl-modal { border-radius: var(--radius--main) var(--radius--main) 0rem 0rem; min-height: 80svh; top: auto; } .project-title { text-align: left; justify-content: flex-start; min-height: 48px; margin-top: 20px; font-size: 25px; } .c_projects_card-frame { z-index: 1; justify-content: center; align-items: flex-start; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; overflow: hidden; } .c_footer_heading-xl { font-size: 15.5vw; } .c_loader_ascii { z-index: -1; position: absolute; inset: 0%; } .c_footer_contain { justify-content: center; align-items: stretch; display: flex; } .c_price-card { height: auto; } .drawer__scroller { flex: 1; } .c_alert-wrapper, .c_alert-wrapper:where(.w-variant-3558c17a-f9d6-af44-4a3c-6b05d7c99282) { max-width: none; } .nav_menu { max-height: 89.5vh; } .c_input-field.date-input { min-width: 8rem; } .c_card-base { flex-flow: wrap; } .c_card-base.u-hflex-s-between { flex-flow: column; align-items: stretch; } .c_card-base.u-hflex-s-between.is-reversed { flex-flow: column; } .c_card-base.is-reversed { flex-flow: wrap; } .docs_nav_sub_link { color: #fff; } .c_accordion_wrap { width: 100%; max-width: 90vw; overflow: scroll; } .c_tab-content-inner { flex-flow: column; } .c_clone_wrap.u-vflex-s-center, .c_clone_wrap.u-vflex-c-center { align-items: stretch; margin-left: .5rem; margin-right: .5rem; } .docs_outer { grid-template-columns: minmax(90vw, 100vw) minmax(65vw, 1fr); } .c_checkbox-input_wrap.u-vflex-l-center.s-gap-2 { justify-content: center; align-items: center; } .c_card-footer.u-vflex-c-bottom.s-gap-5 { align-items: stretch; } .c_tab-item.c_tab-slider { min-height: auto; } .docs_end-grid { grid-template-columns: 1fr; } .docs_middle.s-mt-6 { padding-left: .5rem; padding-right: .5rem; } .c_card-divider { margin-top: 1.2em; } .c_tab_wrap { grid-column-gap: 8px; min-width: 100%; } .c_select_wrap.s-mb-4 { min-width: auto; } .docs_left { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); max-width: 60vw; } .docs_nav_link { color: #fff; } .c_select-label { font-size: .9em; } .c_accordion-divider { width: 86em; margin-top: 1.2em; } .c_tab-nav.small { flex-flow: column; } .c_select-wrapper { height: 3.5em; } .modal-heading { font-size: var(--h4--font-size\); } .c_project-field_wrap { min-width: 11rem; font-size: .5rem; } .c_date-field_wrap { width: 10rem; min-width: auto; font-size: .5rem; } .c_company-field_wrap { width: auto; min-width: 12rem; font-size: .5rem; } .t_fa_icon-sm { color: #00bb45; font-family: "Fa 400", Arial, sans-serif; font-size: 10vw; } .c_form-filled_wrap { height: auto; } .c_form-filled_wrap.u-vflex-c-center { margin-left: 1rem; margin-right: 1rem; } .c_role-field_wrap { min-width: 12rem; font-size: .5rem; } .t-prefilled-text { margin-top: 4px; font-size: 4.5em; line-height: 3; } .c_budget-field_wrap { min-width: 12rem; font-size: .5rem; } .c_form-filled_bottom { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-wrap: wrap; font-size: .3rem; } .c_form-filled_header { text-align: left; font-size: 3rem; } .c_form-filled_contain { max-width: 100%; padding-left: 1rem; padding-right: 1rem; } .c_form-filled_input { font-size: .5rem; } .c_form-filled_message { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; font-size: .3rem; } .c_name-field_wrap { min-width: 12rem; font-size: .5rem; } .c_modal-brand_contain { padding-left: 12px; padding-right: 12px; } .c_modal_brand-cover { align-items: flex-start; display: none; } .svg { height: 120vh; display: flex; } .hex-pop-up { height: 110vh; } .modal__body__close { position: absolute; inset: 3% 8% auto auto; } .modal__body__hex { position: fixed; top: 58%; left: 86%; } .hero-message { padding: 1em; } .c_modal_brand-body { max-width: none; position: static; } .c_input_text { border-radius: .7em; } .c_tab.is-pricing { margin-bottom: 0; } .toast-close { font-size: 1.5em; } .c_footer-subtext { grid-column-gap: 0px; grid-row-gap: 0px; text-align: right; flex-flow: column; justify-content: center; align-items: flex-end; display: flex; } .c_footer_email.left { grid-row-gap: var(--_spacing---space--1); height: 8rem; bottom: 0; } .c_footer-social { font-size: 1.3rem; } .c_footer-link { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); } .c_pricing-intro-wrap { margin-bottom: 1rem; padding-left: 1.5rem; } .c_nav-logo-svg { width: 1.5rem; max-width: none; } .c_price-card-spline { top: 0%; } .c_pricing-card-spline { top: -45%; bottom: 15%; } .c_footer_nav-email { font-size: var(--_typography---font-size--text-large); } .menu-container { left: 40%; } .menu-trigger { max-width: var(--column-width--3); height: 3rem; } .nav-menu { margin-top: 5rem; } .menu-button-2 { justify-content: center; align-items: center; } .brand { width: 5rem; } .nav-content { grid-template-columns: 1fr 1fr; } .slide-arrow, .slide-arrow.right { background-color: var(--swatch--transparent); } .slide-intro { grid-row-gap: 1rem; grid-template-rows: auto; place-items: end; min-width: 100%; max-width: 0; min-height: 35%; margin-right: 0; padding-left: 5vw; padding-right: 5vw; } .section-hero { min-height: 93vh; } .slide-content { justify-content: flex-end; align-items: flex-end; } .slide-content.center { justify-content: center; align-items: flex-end; padding-bottom: 8rem; padding-right: 0; } .link-wrapper { justify-content: center; align-items: flex-start; margin-top: 1rem; } .slider-background { background-image: radial-gradient(circle farthest-corner at 100% 90%, var(--swatch-primary--foreground) 33%, #fff0 49%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7636_mcb-high-chair-edit%201.avif"), linear-gradient(to bottom, var(--swatch-primary--foreground), var(--swatch-primary--foreground)); background-position: 0 0, 50%, 0 0; background-size: auto, cover, auto; } .slider-background.three { background-image: linear-gradient(180deg, #0000, #75757500 44%, var(--swatch--light) 78%), url("https://cdn.prod.website-files.com/68831ee8f5043c3c6ada7587/68831ee8f5043c3c6ada7697_hero-image.avif"), radial-gradient(circle farthest-corner at 50% 30%, #feedd3ad, #fff0 54%), linear-gradient(to bottom, transparent, transparent); background-position: 0 0, 70%, 0 0, 0 0; right: 0%; } .slider-background.four { background-image: linear-gradient(180deg, var(--swatch--light) 26%, var(--swatch--light-tertiary)); background-position: 0 0; background-repeat: repeat; background-size: auto; } .slider-heading { font-size: 40px; } .slider.first { margin-left: -5vw; } .section { padding-top: 72px; padding-bottom: 72px; } .section.l-mode-dark { background-image: linear-gradient(to bottom, var(--swatch--dark), var(--swatch--dark)); } .section.no-bottom-padding.l-mode-dark { z-index: 0; } .section.dark { background-color: var(--swatch--dark); } .section.light { background-color: var(--swatch--light); } .story-content { margin-top: -18px; } .dual-button { grid-column-gap: 18px; grid-row-gap: 18px; grid-template-columns: 1fr; } .contact-header { font-size: 26px; } .contact-header.large { font-size: 32px; } .contact-header.extra-large { font-size: 38px; } .slider-subheading { font-size: var(--_typography---font-size--h5); font-weight: var(--_typography---font--primary-medium); } .c_card_right { max-width: none; } .c_card_wrap-horizontal.u-shadow { width: auto; } .footer-grid { grid-template-rows: auto; margin-bottom: 2rem; padding-bottom: 12px; } .footer-categories { grid-template-rows: auto; grid-template-columns: auto auto auto auto; grid-auto-flow: column; } .footer-list { min-width: var(--column-width--5); place-items: start; } .footer-list.product, .footer-list.socials { display: none; } .footer-list.main { min-width: var(--column-width--6); } .footer-list.request { flex-flow: column; align-items: stretch; display: flex; } .footer-subtext-contain { grid-row-gap: 6px; grid-template-rows: auto; } .c-footer-link { min-width: 100%; } .footer-logo { position: static; bottom: 18%; } .footer-bottom { padding-top: 1.5rem; padding-bottom: 1.5rem; } .footer-content { grid-row-gap: 1rem; margin-left: 5vw; margin-right: 5vw; } .footer-navigation { grid-row-gap: 30px; grid-template-rows: auto auto; grid-template-columns: auto; } .product-slide-card { max-width: 100vw; } .stacked-content { grid-row-gap: 36px; } .dark-slide-arrow { width: 40px; height: 40px; margin-left: -2vw; margin-right: -2vw; } .showcase-products.single-column { padding-left: 0; padding-right: 0; } .product-mask { max-width: 100vw; } .footer-grid-2 { grid-template-rows: auto; padding-bottom: 12px; } .contact-form-base { padding: 36px 24px; } .background.faq-background { background-position: 50%; } .dual-contact { padding-top: 36px; padding-bottom: 36px; } .instagram-grid { grid-template-columns: 1fr 1fr; } .section-banner { min-height: 300px; } .contact-hero { padding-bottom: 48px; } .error-message-2 { margin-left: 24px; margin-right: 24px; } .footer-content-2 { grid-row-gap: 36px; } .tab-bottom-content { padding: 36px 24px; } .footer-navigation-2 { grid-row-gap: 30px; grid-template-rows: auto auto; grid-template-columns: auto auto; } .instagram-image { min-height: 48vw; } .instagram-image.middle { min-height: 20vw; } .footer-grid-3 { grid-template-rows: auto; padding-bottom: 12px; } .shop-hero { min-height: 350px; padding-top: 160px; padding-bottom: 48px; } .action-heading-wrapper { padding-top: 48px; padding-bottom: 48px; } .slide-heading { font-size: 40px; } .slide-heading.xl { font-size: 60px; } .footer-content-3 { grid-row-gap: 36px; } .faq-right { padding-top: 36px; padding-right: 5vw; } .checkout-banner { min-height: 100px; padding-bottom: 36px; } .cart-item-top { margin-bottom: 24px; } .cart-item-bottom { flex-direction: column; align-items: flex-start; } .checkout-right { padding: 30px 24px 80px; } .checkout-component { padding: 30px 24px; } .checkout-grid { grid-row-gap: 36px; } .shop-grid { grid-row-gap: 18px; grid-template-columns: 50% 50%; } .footer-grid-4 { grid-template-rows: auto; padding-bottom: 12px; } .filter-bar { padding-top: 48px; padding-left: 5vw; padding-right: 5vw; } .footer-content-4 { grid-row-gap: 36px; } .shop-collection-list { padding-left: 6px; padding-right: 6px; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .div-block-250 { background-image: radial-gradient(circle farthest-corner at 100% 70%, var(--swatch-primary--foreground), #fff0 65%); min-width: 100%; max-width: 0; } .slider-header { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex; } .c-feature_wrap { max-width: var(--column-width--12); } .c-feature-header { text-align: center; } .product-contact-links { flex-wrap: wrap; margin-bottom: -10px; margin-right: -10px; } .link-aji-1 { margin-bottom: 10px; margin-right: 0; } .section-ajk-5 { grid-column-gap: 10px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .section-aji-30 { margin-right: 10px; } .section-ajf-2 { flex-wrap: wrap; } .link-aje-3 { flex: none; margin-bottom: 10px; margin-right: 10px; } .section-ajc-2 { flex-wrap: wrap; align-items: center; display: flex; } .section-aji-16 { flex-wrap: wrap; display: none; } .section-main { padding-left: 20px; padding-right: 20px; } .section-global-2 { padding-top: 20px; } .c-cart-button-link { padding-left: 15px; padding-right: 15px; } .drop-toggle-aji-2 { margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } .section-aji-6 { display: block; } .c-cart-qty-text-wrap { padding-top: 15px; } .container-global { margin-left: 0; margin-right: 0; } .section-aje-027 { flex: 1; } .section-ajf-3 { margin-bottom: 8px; } .section-ajg-9 { flex: 1; } .section-aji-4 { height: auto; display: none; } .tab-link-aji-01 { flex: none; } .section-aje-24 { margin-right: 10px; } .link-aji-2 { padding-left: 15px; padding-right: 15px; } .product-links-sm { margin-bottom: -10px; margin-right: 0; display: block; } .link-ajf-2 { margin-left: 10px; } .image-aji-01 { flex: none; width: 50px; } .link-ajk-1 { flex-basis: 46%; } .section-aji-22 { display: none; } .section-aji-29 { flex: 1; } .tabs-menu-aji-1 { z-index: 200; display: flex; } .hero-svg-logo { max-width: none; max-height: 7rem; display: none; } .c_nav-btn-wrapper { max-width: 80%; display: none; } .c_nav-btn-wrapper.responsive { max-width: 100%; display: flex; } .c_product-list.u-grid-autofill { --_column-count---value: 1; grid-template-columns: repeat(auto-fill, minmax(min(max(4rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .c_accordion-filter { top: 5rem; } .filter_header-mobile.u-zindex-3 { flex-flow: column; justify-content: center; align-items: stretch; } .c_filter-options-list.mobile { display: block; } .about-text { padding: 36px 24px; } .about-secttion { padding-top: 36px; padding-bottom: 36px; padding-left: 2.5rem; } .section-about { padding-top: 72px; padding-bottom: 72px; } .section-about.l-mode-dark { background-image: linear-gradient(to bottom, var(--swatch--dark), var(--swatch--dark)); } .section-about.no-bottom-padding.l-mode-dark { z-index: 0; } .section-about.dark { background-color: var(--swatch--dark); } .section-about.light { background-color: var(--swatch--light); } .about-left { padding-top: 36px; padding-bottom: 36px; padding-right: 2.5rem; } .about-text-left { padding: 36px 24px; } .shop-hero-copy { min-height: 350px; padding-top: 0; padding-bottom: 48px; } .div-block-255 { flex-flow: column; } .menu-button-3 { aspect-ratio: 1; justify-content: center; align-items: center; padding: 0; display: flex; position: absolute; inset: 0% 0% 0% auto; } .menu-button-3.w--open { position: absolute; inset: 0% 0% 0% auto; } .div-block-257 { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .client-name-2 { max-width: 100%; font-size: 2rem; } .footer-list-4 { place-items: start; min-width: 0; } .footer-list-4.request { flex-flow: column; align-items: stretch; display: flex; } .footer-list-4.socials, .footer-list-4.product { display: none; } .footer-list-4.main { min-width: 0; } .modal-heading-2 { font-size: 2rem; } .footer-content-5 { grid-row-gap: 1rem; margin-left: 5vw; margin-right: 5vw; } .modal-top-2 { padding-left: 1rem; } .section-global-1-2 { padding-left: 20px; padding-right: 20px; } .footer-categories-3 { grid-template-rows: auto; grid-template-columns: auto auto auto auto; grid-auto-flow: column; } .footer-grid-5 { grid-template-rows: auto; margin-bottom: 2rem; padding-bottom: 12px; } .footer-navigation-3 { grid-row-gap: 30px; grid-template-rows: auto auto; grid-template-columns: auto; } .kl-modal-2 { border-radius: 1rem 1rem 0 0; min-height: 80svh; top: auto; } .div-block-260 { flex-flow: column; } .c_select-wrapper-2 { height: 3.5em; } .c_input_text-2 { border-radius: .7em; } .cart-modal-container { max-width: 80%; height: 93%; top: 5rem; left: 25%; } .cart-total-section { padding-left: 1rem; padding-right: 1rem; } .checkout-btn { text-align: center; } .about-header { font-size: 26px; } .about-header.large { font-size: 32px; } .about-header.extra-large { font-size: 38px; } .testimonial-text { font-size: 26px; } .testimonial-text.large { font-size: 32px; } .testimonial-text.extra-large { font-size: 38px; } .product-header { font-size: 26px; } .product-header.large { font-size: 32px; } .product-header.extra-large { font-size: 38px; } .f, .f-subtext { grid-row-gap: 6px; grid-template-rows: auto; } } #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121be-6ada7571 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121c2-6ada7571 { grid-area: span 1 / span 10 / span 1 / span 10; } #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121c8-6ada7571, #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121cb-6ada7571 { justify-self: center; } #w-node-_47807563-675f-54a5-7206-096be72e844b-6ada7571 { grid-area: span 1 / span 3 / span 1 / span 3; justify-self: center; } #w-node-_98a7e0c4-e1ed-c801-ae17-81334ebae04d-6ada7571, #w-node-_6bf9571f-2bec-d32e-a00b-59c6f3d02a5c-6ada7571, #w-node-_95db40bc-13f5-d2f4-7f05-03433d284c67-6ada7571 { justify-self: center; } #w-node-d782c593-67b3-37c7-31bf-acb99507a155-6ada7571 { grid-area: 1 / 1 / 2 / 3; } #w-node-d782c593-67b3-37c7-31bf-acb99507a156-6ada7571, #w-node-d782c593-67b3-37c7-31bf-acb99507a159-6ada7571 { justify-self: center; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee74e-6a4ee74b { grid-area: 1 / 1 / 2 / 3; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee750-6a4ee74b { grid-area: 1 / 2 / 2 / 3; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee751-6a4ee74b { grid-area: 1 / 1 / 2 / 2; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee755-6a4ee74b, #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee75b-6a4ee74b, #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee761-6a4ee74b, #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee767-6a4ee74b { justify-self: center; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee76d-6a4ee74b { grid-area: 1 / 2 / 2 / 3; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee782-6a4ee74b { grid-area: 1 / 3 / 2 / 4; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee783-6a4ee74b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee786-6a4ee74b, #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee78c-6a4ee74b, #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee792-6a4ee74b { justify-self: center; } #w-node-adaa2817-b68e-7241-08da-ea3fb244e5f1-6a4ee74b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-adaa2817-b68e-7241-08da-ea3fb244e5f2-6a4ee74b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee79b-6a4ee74b { justify-self: start; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587bf-0283c430 { grid-area: 1 / 2 / 2 / 3; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c0-0283c430 { justify-self: start; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c3-0283c430 { justify-self: stretch; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c5-0283c430 { grid-area: 1 / 1 / 2 / 2; justify-self: stretch; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c6-0283c430 { justify-self: center; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c7-0283c430, #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587cc-0283c430, #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587d1-0283c430 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f486c4d1-afd2-4820-5e9e-e8849473604f-0283c430 { grid-area: 1 / 1 / 2 / 2; justify-self: stretch; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587d6-0283c430 { justify-self: stretch; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587e0-0283c430 { place-self: center end; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd0fa-6ada7576 { grid-area: 1 / 2 / 2 / 3; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd0fb-6ada7576 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: end; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd144-6ada7576 { order: -9999; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd22b-6ada7576 { grid-area: 1 / 2 / 2 / 3; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd234-6ada7576, #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd23d-6ada7576, #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd246-6ada7576, #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd24f-6ada7576 { justify-self: center; } #w-node-_223b2bb6-8872-1ba4-b668-a6a7bf58fb85-6ada7578 { grid-area: 1 / 2 / 2 / 3; } #w-node-_3b6e0626-162a-2ea0-b3af-72862f1c62ad-6ada7578 { grid-area: 1 / 2 / 2 / 4; align-self: start; } #w-node-_6f75051d-e3e8-2900-07f8-6a0908b4dafe-6ada7579 { grid-area: 1 / 2 / 2 / 3; } #w-node-_24b65e84-e55c-590a-231d-eb174c5d22e3-6ada7579 { grid-area: 1 / 2 / 2 / 4; } #w-node-_1d2cb47a-4187-0e44-c577-cd2ed0d48276-6ada757a, #w-node-_1d2cb47a-4187-0e44-c577-cd2ed0d4827f-6ada757a { grid-area: 1 / 2 / 2 / 3; } #w-node-_1d2cb47a-4187-0e44-c577-cd2ed0d48280-6ada757a { grid-area: 1 / 1 / 2 / 2; align-self: end; } #w-node-_1d2cb47a-4187-0e44-c577-cd2ed0d48281-6ada757a { justify-self: center; } #w-node-_1d2cb47a-4187-0e44-c577-cd2ed0d48288-6ada757a { grid-area: 1 / 2 / 2 / 4; } #w-node-e985d4d3-7c00-31ea-6eb6-9f0a7b5b26d8-6ada757c { grid-area: 1 / 2 / 2 / 3; } #w-node-e985d4d3-7c00-31ea-6eb6-9f0a7b5b26ed-6ada757c { grid-area: 1 / 2 / 2 / 4; } #w-node-e985d4d3-7c00-31ea-6eb6-9f0a7b5b2719-6ada757c { grid-area: 1 / 2 / 2 / 3; } #w-node-e985d4d3-7c00-31ea-6eb6-9f0a7b5b2721-6ada757c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f80e-6ada757d { grid-area: 1 / 2 / 2 / 3; align-self: end; } #w-node-f0f04c12-8652-19cd-65f8-91d61301cea8-6ada757d { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-f0f04c12-8652-19cd-65f8-91d61301cea9-6ada757d { grid-area: span 1 / span 10 / span 1 / span 10; } #w-node-_6da4ec87-633b-a0a4-2d21-38f1e08f03c3-6ada757d, #w-node-e56af86e-7fa2-af70-0496-f419437cc15e-6ada757d { justify-self: center; } #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f819-6ada757d { grid-area: 1 / 2 / 2 / 4; } #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f81a-6ada757d { align-self: start; } #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f8ae-6ada757d, #w-node-_36b759c5-0902-cb68-222e-c79d74aeefc7-6ada757f { grid-area: 1 / 2 / 2 / 3; } #w-node-_36b759c5-0902-cb68-222e-c79d74aeefc8-6ada757f { grid-area: span 1 / span 1 / span 1 / span 1; align-self: end; } #w-node-_36b759c5-0902-cb68-222e-c79d74aef000-6ada757f { order: -9999; } #w-node-_6cd3f19c-7893-fff2-df19-770e1b8e3f14-6ada757f { grid-area: 1 / 2 / 2 / 3; } #w-node-_6cd3f19c-7893-fff2-df19-770e1b8e3f1d-6ada757f, #w-node-_6cd3f19c-7893-fff2-df19-770e1b8e3f26-6ada757f, #w-node-_6cd3f19c-7893-fff2-df19-770e1b8e3f2f-6ada757f, #w-node-_6cd3f19c-7893-fff2-df19-770e1b8e3f38-6ada757f { justify-self: center; } @media screen and (min-width: 1920px) { #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587cc-0283c430 { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (min-width: 1440px) { #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121be-6ada7571, #w-node-f0f04c12-8652-19cd-65f8-91d61301cea8-6ada757d { grid-area: span 1 / span 3 / span 1 / span 3; } } @media screen and (max-width: 991px) { #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121be-6ada7571 { grid-area: 1 / 1 / 2 / 3; } #w-node-_34b145f7-49e2-d0fb-a13f-6c92fd0121c2-6ada7571 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-d782c593-67b3-37c7-31bf-acb99507a155-6ada7571 { grid-column: 1 / 4; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee750-6a4ee74b, #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587bf-0283c430 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c5-0283c430 { order: -9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587c6-0283c430 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f486c4d1-afd2-4820-5e9e-e8849473604f-0283c430 { order: -9999; } #w-node-_1298fb43-cac1-30c5-9a23-ec9edee587d6-0283c430 { order: -9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f0f04c12-8652-19cd-65f8-91d61301cea8-6ada757d { grid-area: 1 / 1 / 2 / 3; } #w-node-f0f04c12-8652-19cd-65f8-91d61301cea9-6ada757d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f819-6ada757d { grid-column-start: 1; } } @media screen and (max-width: 767px) { #w-node-_98a7e0c4-e1ed-c801-ae17-81334ebae04d-6ada7571, #w-node-_6bf9571f-2bec-d32e-a00b-59c6f3d02a5c-6ada7571, #w-node-_95db40bc-13f5-d2f4-7f05-03433d284c67-6ada7571 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee79b-6a4ee74b { justify-self: center; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd22b-6ada7576 { grid-column: 1 / 4; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd263-6ada7576, #w-node-e985d4d3-7c00-31ea-6eb6-9f0a7b5b2772-6ada757c, #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f8f3-6ada757d { grid-area: 1 / 1 / 2 / 5; } #w-node-_6cd3f19c-7893-fff2-df19-770e1b8e3f14-6ada757f { grid-column: 1 / 4; } #w-node-_36b759c5-0902-cb68-222e-c79d74aef190-6ada757f { grid-area: 1 / 1 / 2 / 5; } } @media screen and (max-width: 479px) { #w-node-_1d7c9c1a-6fc9-191f-06a7-6e2a80e01d33-6ada7571 { align-self: stretch; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee74f-6a4ee74b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee751-6a4ee74b { grid-area: 1 / 1 / 2 / 2; } #w-node-_3238c3e8-f58c-4997-2dee-237b6a4ee76d-6a4ee74b { grid-area: 3 / 1 / 3 / 3; } #w-node-adaa2817-b68e-7241-08da-ea3fb244e5f1-6a4ee74b { grid-column: span 2 / span 2; } #w-node-a625fc0e-5536-8c74-f6bb-57b71b500f76-6a4ee74b { grid-area: 2 / 1 / 3 / 2; } #w-node-_86fda6f4-d518-2d9e-bad1-5b4dd00dd263-6ada7576, #w-node-e985d4d3-7c00-31ea-6eb6-9f0a7b5b2772-6ada757c, #w-node-_3cf39792-b52d-e8d8-2a9b-d61357f9f8f3-6ada757d, #w-node-_36b759c5-0902-cb68-222e-c79d74aef190-6ada757f { grid-row: 2 / 3; grid-column-end: 3; } }