.w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-users-userformpagewrap { height: 100vh; max-width: 340px; flex-direction: column; justify-content: center; align-items: stretch; margin-left: auto; margin-right: auto; display: flex; } .w-users-userloginformwrapper { margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .w-users-userformheader { text-align: center; } .w-users-userformbutton { width: 100%; text-align: center; } .w-users-userformfooter { justify-content: space-between; margin-top: 12px; display: flex; } .w-users-userformerrorstate { margin-left: 20px; margin-right: 20px; position: absolute; top: 100%; left: 0%; right: 0%; } .w-users-usersignupformwrapper { margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .w-users-userformsuccessstate { display: none; } .w-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 { width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 2px; } .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-users-usersignupverificationmessage { display: none; } .w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper { margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .w-users-useraccountwrapper { width: 100%; min-height: 100vh; background-color: #f5f5f5; padding: 20px; } .w-users-blockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-users-blockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; margin-bottom: 20px; padding: 20px; } .w-users-useraccountformsavebutton { text-align: center; margin-right: 8px; } .w-users-useraccountformcancelbutton { text-align: center; color: #333; background-color: #d3d3d3; } .f-navigation-button { outline-offset: 0px; color: #fff; text-align: center; letter-spacing: -.02em; background-color: #160042; border-radius: 48px; outline: 2px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 8px 24px; font-size: 14px; font-weight: 500; line-height: 24px; text-decoration: none; transition: all .2s; display: flex; } .f-navigation-button:hover { background-color: #282556; } .f-navigation-link { color: #160042; letter-spacing: -.01em; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border-radius: 50px; padding: 8px 24px; font-size: 14px; font-weight: 500; line-height: 24px; text-decoration: none; transition: all .35s; } .f-navigation-link:hover { color: #160042; background-color: #f3f5fb; } .f-navigation-link.w--current { color: #642eff; } .f-navigation-menu { grid-column-gap: 6px; align-items: center; display: flex; position: static; } .f-navigation-content { grid-column-gap: 8px; align-items: center; display: flex; } .f-logo { width: 124px; } .f-navigation-container { width: 100%; max-width: 1280px; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .f-navigation { width: 100%; min-height: 88px; background-color: #fff; align-items: center; padding: 24px 5%; display: flex; } .brix---btn-primary-small { color: #fff; text-align: center; transform-style: preserve-3d; background-color: #4a3aff; border-radius: 48px; justify-content: center; padding: 18px 24px; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 16px; font-weight: 700; line-height: 18px; text-decoration: none; transition: background-color .3s, transform .3s, color .3s; } .brix---btn-primary-small:hover { color: #fff; background-color: #281ca5; transform: translate3d(0, -3px, .01px); } .brix---btn-header-hidden-on-mbl { margin-left: 24px; } .brix---hamburger-menu-bar-bottom, .brix---hamburger-menu-bar-top { width: 52px; height: 4px; background-color: #211f54; border-radius: 20px; margin-top: 12px; margin-bottom: 12px; } .brix---hamburger-menu-wrapper { padding: 0; transition: transform .3s; } .brix---hamburger-menu-wrapper:hover { transform: scale(.96); } .brix---hamburger-menu-wrapper.w--open { background-color: rgba(0, 0, 0, 0); } .brix---header-nav-list-item-show-in-mbl { margin-bottom: 0; padding-left: 32px; display: none; } .brix---header-nav-link { color: #211f54; padding: 0; font-size: 18px; line-height: 20px; transition: color .3s; } .brix---header-nav-link:hover { color: #4a3aff; } .brix---header-nav-list-item { margin-bottom: 0; padding-left: 32px; } .brix---dropdown-link { width: 100%; color: #6e7191; align-items: center; padding: 0; font-size: 18px; line-height: 20px; text-decoration: none; transition: color .3s; display: flex; } .brix---dropdown-link:hover { color: #4a3aff; } .brix---dropdown-links-grid { grid-column-gap: 0px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .brix---dropdown-pd { padding: 40px; } .brix---dropdown-card { min-width: 280px; background-color: #fff; border: 1px solid #eff0f6; border-radius: 20px; top: 32px; overflow: hidden; box-shadow: 0 2px 12px rgba(20, 20, 43, .08); } .brix---dropdown-column-wrapper { background-color: rgba(0, 0, 0, 0); padding-top: 32px; transform: translate(0); } .brix---dropdown-column-wrapper.w--open { transform: translate(-50%); } .brix---dropdown-chevron { width: 14px; margin-left: 6px; } .brix---dropdown-toggle { color: #211f54; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 18px; line-height: 20px; transition: color .3s; display: flex; } .brix---dropdown-toggle:hover { color: #4a3aff; } .brix---header-nav-menu-list { z-index: 1; justify-content: flex-end; align-items: center; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .brix---header-right-col { justify-content: flex-end; align-items: center; display: flex; } .brix---header-logo { max-width: 250px; } .brix---header-logo-link { transform-style: preserve-3d; padding-left: 0; transition: transform .3s, color .3s; } .brix---header-logo-link:hover { transform: scale3d(.96, .96, 1.01); } .brix---header-content-wrapper { justify-content: space-between; align-items: center; display: flex; } .brix---container-default { max-width: 1218px; padding-left: 24px; padding-right: 24px; } .brix---header-wrapper { background-color: #fff; padding-top: 32px; padding-bottom: 32px; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; } .uui-navbar3_menu-button { padding: 0; } .uui-button { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #d1d0d3; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-tertiary-gray { grid-column-gap: .5rem; color: #475467; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-tertiary-gray:hover { color: #344054; background-color: #f9fafb; } .uui-button-secondary-gray { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray.show-tablet { display: none; } .uui-button-secondary-gray.is-button-large { grid-column-gap: .75rem; padding: 1rem 1.75rem; font-size: 1.125rem; } .show-tablet { display: none; } .uui-navbar03_button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar03_menu-right { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar03_link { color: #475467; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar03_link:hover { color: #344054; } .uui-navbar03_link.w--current { color: #000; } .uui-button-icon { width: 1.25rem; height: 1.25rem; min-height: 1.25rem; min-width: 1.25rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-button-icon.is-icon-large { width: 1.5rem; height: 1.5rem; min-height: 1.5rem; min-width: 1.5rem; } .uui-button-link { grid-column-gap: .5rem; color: #6941c6; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link:hover { color: #53389e; } .uui-navbar03_bottom-bar-right { grid-column-gap: 1.5rem; display: flex; position: relative; } .uui-text-size-medium { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-navbar03_bottom-bar-left { grid-column-gap: .5rem; grid-template-rows: auto; grid-template-columns: max-content minmax(max-content, 1fr); grid-auto-columns: 1fr; font-weight: 500; display: flex; position: relative; } .uui-navbar03_container { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar03_bottom-bar-background { width: 200vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: -50vw; right: -50vw; } .uui-navbar03_bottom-bar { width: 100%; justify-content: space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; position: relative; } .uui-text-size-small { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-navbar03_item-heading { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar03_item-heading.margin-bottom-0 { margin-bottom: 0; } .uui-navbar03_item-right { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-icon-1x1-xsmall { width: 1.5rem; height: 1.5rem; } .icon-featured-large { width: 3rem; height: 3rem; color: #7f56d9; background-color: #f4ebff; border-radius: 100%; justify-content: center; align-items: center; display: flex; } .uui-navbar03_icon-wrapper { flex: none; } .uui-navbar03_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: background-color .3s; display: grid; } .uui-navbar03_dropdown-link:hover { background-color: #f9fafb; } .uui-badge-small-success { grid-column-gap: .25rem; color: #027a48; white-space: nowrap; mix-blend-mode: multiply; background-color: #ecfdf3; border-radius: 10rem; align-items: center; padding: .125rem .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .75rem; font-weight: 500; display: flex; } .uui-navbar03_text-wrapper { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .25rem; display: flex; } .uui-navbar03_heading { color: #7f56d9; letter-spacing: normal; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar03_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content max-content max-content max-content max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar03_dropdown-content-left { grid-column-gap: 1.5rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 2rem; padding-bottom: 2rem; padding-left: 0; display: grid; } .uui-navbar03_dropdown-content { width: 100%; display: flex; } .uui-navbar03_dropdown-list { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar03_dropdown-list.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-dropdown-icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; margin-right: 1rem; display: flex; position: absolute; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar03_dropdown-toggle { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar03_dropdown-toggle:hover { color: #344054; } .uui-navbar03_menu-dropdown { position: static; } .uui-navbar03_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-logo_image { width: auto; height: 100%; flex: none; display: none; } .uui-logo_logotype { width: auto; height: 100%; flex: none; } .uui-logo_logomark-dot { z-index: 1; width: 50%; height: 50%; background-image: linear-gradient(26.5deg, #6941c6, #53389e); border-radius: 50%; position: relative; } .uui-logo_logomark-blur { z-index: 2; width: 100%; height: 50%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, .2); border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; position: absolute; top: 50%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-styleguide_logomark-bg { width: 2rem; height: 2rem; border-radius: 8px; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-logo_logomark { width: 2rem; height: 2rem; border: .1px solid #dae0e8; border-radius: .5rem; flex: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1); } .uui-logo_component { width: auto; height: 2rem; flex-wrap: nowrap; display: flex; } .uui-navbar03_logo-link { padding-left: 0; } .uui-navbar03_component { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-heroheader02_image { width: 100%; height: 100%; } .uui-heroheader02_image-wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .uui-button-2 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-2:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-2:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-2.is-button-large { grid-column-gap: .75rem; padding: 1rem 1.75rem; font-size: 1.125rem; } .uui-button-row { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-space-large { width: 100%; min-height: 3rem; } .uui-text-size-xlarge { color: #475467; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.25rem; line-height: 1.5; } .uui-max-width-small { width: 100%; max-width: 30rem; } .uui-space-small { width: 100%; min-height: 1.5rem; } .uui-heading-xlarge { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3.75rem; font-weight: 600; line-height: 1.2; } .uui-heroheader02_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-padding-vertical-xhuge { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding { padding-left: 2rem; padding-right: 2rem; } .uui-section_heroheader02 { overflow: hidden; } .f-header-logo-wrap { background-color: #fff; border: 1px solid #f3f5fb; border-radius: 6px; justify-content: center; align-items: center; padding: 32px 60px; transition: box-shadow .3s, border-color .3s; display: flex; } .f-header-logo-wrap:hover { border-color: rgba(0, 0, 0, 0); box-shadow: 23px 23px 64px -16px rgba(57, 59, 106, .06); } .f-header-logo-grid { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 56px; } .f-paragraph-large { letter-spacing: -.02em; margin-bottom: 0; font-size: 18px; line-height: 32px; } .f-h1-heading { color: #160042; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 64px; line-height: 1.2; } .f-margin-bottom-24 { margin-bottom: 24px; } .f-heading-detail-small { color: #6b7094; letter-spacing: .08em; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 24px; } .f-margin-bottom-08 { margin-bottom: 8px; } .f-header-wrapper-left { max-width: 620px; } .f-container-regular { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; position: relative; } .f-section-large { padding: 92px 5%; position: relative; } .a-header-grid-image { width: 100%; border-radius: 8px; overflow: hidden; box-shadow: -1px 0 20px rgba(0, 0, 0, .05); } .a-header-grid-column { grid-row-gap: 24px; flex-direction: column; display: flex; } .a-header-image-grid { width: 100%; grid-column-gap: 24px; grid-template-rows: auto; align-items: start; margin-top: 75px; padding-right: 5%; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .a-header-background-image { width: 90%; height: 90%; object-fit: cover; object-position: 0% 0%; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; } .a-header-image-block { width: 100%; height: 90%; max-width: 40%; flex-direction: column; justify-content: center; align-items: flex-end; display: flex; position: absolute; top: auto; bottom: 0%; left: auto; right: 0%; } .a-header-logo-block { grid-column-gap: 44px; grid-row-gap: 32px; flex-wrap: wrap; justify-content: center; display: flex; } .a-text-color-primary { color: #5167f6; } .a-paragraph-small { letter-spacing: -.02em; margin-bottom: 0; font-size: 14px; line-height: 1.8; } .a-header-logo-wrapper { grid-column-gap: 32px; grid-row-gap: 16px; color: #5e606e; justify-content: space-between; align-items: center; margin-top: 140px; display: flex; } .a-caption { letter-spacing: -.01em; font-size: 12px; font-weight: 500; line-height: 24px; } .a-icon-small { width: 16px; height: 16px; justify-content: center; align-items: center; display: flex; } .a-header-play { width: 32px; height: 32px; background-color: #eceefe; border-radius: 100%; justify-content: center; align-items: center; display: flex; } .a-button-video { height: 48px; min-height: 48px; grid-column-gap: 12px; color: #5167f6; text-align: center; letter-spacing: -.02em; background-color: #fff; border-radius: 99px; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px 12px 32px; font-size: 16px; font-weight: 700; line-height: 24px; text-decoration: none; transition: all .5s cubic-bezier(.6, .6, 0, 1); display: flex; } .a-button-video:hover { background-color: #f4f4f6; } .a-button-video:active { background-color: #eceefe; } .a-button-primary { min-height: 48px; grid-column-gap: 8px; grid-row-gap: 8px; color: #fff; text-align: center; letter-spacing: -.02em; background-color: #5167f6; border-radius: 99px; flex-direction: row; flex: none; justify-content: center; align-items: center; padding: 12px 32px; font-size: 16px; font-weight: 700; line-height: 24px; text-decoration: none; transition: all .5s cubic-bezier(.6, .6, 0, 1); } .a-button-primary:hover { background-color: #6478f7; } .a-button-primary:active { background-color: #7788f8; } .a-header-button-wrapper { grid-column-gap: 8px; grid-row-gap: 8px; margin-top: 24px; margin-bottom: 16px; display: flex; } .a-paragraph-regular { letter-spacing: -.02em; margin-bottom: 0; font-size: 16px; line-height: 1.8; } .a-span-underline { color: #5167f6; border-bottom: 6px solid #5167f6; } .a-h1-heading { color: #131316; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 64px; line-height: 1.2; } .a-margin-bottom-48 { margin-bottom: 48px; } .a-detail-small { letter-spacing: .08em; text-transform: uppercase; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 1.8; } .a-detail-small.a-text-color-primary { color: #5167f6; } .a-margin-bottom-16 { margin-bottom: 16px; } .a-header-content { max-width: 500px; color: #383942; } .a-header-block { max-width: 50%; flex-direction: column; justify-content: space-between; display: flex; } .a-container-regular { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; position: relative; } .a-header-section { padding: 120px 5%; position: relative; overflow: hidden; } .spark-hero-section-image { width: 45%; max-width: 50%; border-radius: 8px; flex: 0 auto; display: block; } .spark-button { color: #fff; background-color: #5532fa; border: 1px solid #5532fa; border-radius: 8px; flex: none; padding: 16px; font-size: .9375rem; font-weight: 500; line-height: 1em; text-decoration: none; transition: border-color .15s, background-color .15s, opacity .15s; } .spark-button:hover { opacity: 1; background-color: #1e116e; border-color: #1e116e; } .spark-input { height: 48px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .16); border-radius: 8px; margin-bottom: 32px; padding: 8px 16px; font-size: 1rem; } .spark-input:focus { border-color: #5532fa; } .spark-input::-ms-input-placeholder { color: rgba(0, 0, 0, .56); } .spark-input::placeholder { color: rgba(0, 0, 0, .56); } .spark-input.spark-with-a-inner-shadow { width: 342px; max-width: 100%; margin-bottom: 0; transition: box-shadow .15s; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .16); } .spark-input.spark-with-a-inner-shadow:hover, .spark-input.spark-with-a-inner-shadow:focus { box-shadow: inset 0 0 0 1px #1e116e; } .spark-field-label { text-align: left; } .spark-flexed-form { grid-column-gap: 16px; align-items: flex-end; display: flex; } .spark-hero-sub-paragraph { width: 100%; margin-bottom: 64px; } .spark-hero-section-left-side { width: 50%; } .spark-flex-row { width: 100%; justify-content: space-between; align-items: center; display: flex; } .spark-flex-row.spark-5-spacing { grid-column-gap: 5%; align-items: center; } .spark-container { max-width: 1440px; margin-left: auto; margin-right: auto; position: relative; } .spark-line-3 { z-index: 2; width: 35px; height: 2px; background-color: #000; margin-left: auto; margin-right: auto; display: block; position: absolute; top: 30px; left: 0; right: 0; } .spark-line-3.spark-simple-line { width: 12.75px; height: 3.3px; background-color: #5532fa; border-radius: 3px; margin-left: 18px; top: 38px; } .spark-line-2 { z-index: 1; width: 35px; height: 2px; background-color: #000; margin-left: auto; margin-right: auto; display: block; position: absolute; top: 20px; left: 0; right: 0; } .spark-line-2.spark-simple-line { width: 24px; height: 3.3px; background-color: #5532fa; border-radius: 3px; top: 28px; } .spark-line-1 { z-index: 2; width: 35px; height: 2px; background-color: #000; margin-left: auto; margin-right: auto; display: block; position: absolute; top: 10px; left: 0; right: 0; } .spark-line-1.spark-simple-line { width: 24px; height: 3.3px; background-color: #5532fa; border-radius: 3px; top: 18px; } .spark-simple-menu-button { width: 60px; height: 60px; background-color: #fff; padding: 0 0 0 18px; overflow: hidden; } .spark-simple-menu-button.w--open { background-color: #f0ecfd; border-radius: 8px; } .spark-nav-link { color: #000; text-align: center; border-radius: 8px; margin-left: 8px; padding: 16px 24px; font-size: 1rem; font-weight: 500; line-height: 1; text-decoration: none; transition: background-color .15s, color .15s, opacity .15s; } .spark-nav-link:hover { opacity: 1; color: #5532fa; background-color: #f0ecfd; } .spark-nav-link.w--current { color: #5532fa; } .spark-nav-link.spark-button { color: #fff; text-align: center; background-color: #5532fa; border-style: none; border-radius: 999px; margin-right: 0; padding: 16px 24px; font-size: 1rem; line-height: 1em; transition: background-color .15s, opacity .15s; } .spark-nav-link.spark-button:hover { opacity: 1; color: #fff; background-color: #1e116e; } .spark-nav-link.spark-button.w--current { opacity: .5; color: #fff; } .spark-nav-menu { align-items: center; display: flex; } .spark-brand-logo { z-index: 2; padding-left: 0; } .spark-square-menu-inner { max-width: 1440px; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; padding-top: 16px; padding-bottom: 16px; display: flex; } .spark-square-menu-with-links { width: 100%; background-color: #fff; padding-left: 64px; padding-right: 64px; position: absolute; top: 0%; bottom: auto; left: 0%; right: 0%; } .spark-section { width: 100%; padding: 176px 64px; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; position: relative; } .spark-section h5 { margin-top: 1.5rem; margin-bottom: .5rem; font-size: 1.75rem; font-weight: 600; line-height: 1.3; } .spark-section h4 { margin-top: 0; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; } .spark-section h1 { margin-bottom: 1rem; font-size: 4rem; font-weight: 600; line-height: 1.1; } .spark-section h2 { margin-top: 1rem; margin-bottom: 2rem; font-size: 3.5rem; font-weight: 600; line-height: 1.2; } .spark-section h3 { margin-top: 2.5rem; margin-bottom: 1rem; font-size: 2rem; font-weight: 600; line-height: 1.3; } .spark-section h6 { margin-top: 1.5rem; margin-bottom: .5rem; font-size: .8125rem; font-weight: 700; line-height: 1.5; } .spark-section ul { margin-top: 2rem; margin-bottom: 3rem; padding-left: 14px; } .spark-section li { margin-bottom: .5rem; } .uui-navbar05_menu-button { padding: 0; } .uui-button-3 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-3:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-3:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-3.is-button-large { grid-column-gap: .75rem; padding: 1rem 1.75rem; font-size: 1.125rem; } .uui-button-3.is-button-small { grid-column-gap: .5rem; padding: .5rem 1rem; } .uui-button-tertiary-gray-2 { grid-column-gap: .5rem; color: #475467; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-tertiary-gray-2:hover { color: #344054; background-color: #f9fafb; } .uui-button-secondary-gray-2 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-2:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-2:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-2.show-tablet { display: none; } .uui-button-secondary-gray-2.is-button-large { grid-column-gap: .75rem; padding: 1rem 1.75rem; font-size: 1.125rem; } .show-tablet-2 { display: none; } .uui-navbar05_button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar05_menu-right { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar05_link { color: #667085; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar05_link:hover { color: #344054; } .uui-navbar05_link.w--current { color: #000; } .uui-button-link-2 { grid-column-gap: .5rem; color: #6941c6; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link-2:hover { color: #53389e; } .uui-button-link-2.is-button-xsmall { font-size: .875rem; } .uui-navbar05_bottom-bar-content { z-index: 1; grid-template-rows: auto; grid-template-columns: max-content max-content; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; display: flex; position: relative; } .uui-navbar05_bottom-bar-background { width: 200vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: -50vw; right: -50vw; } .uui-navbar05_bottom-bar { width: 100%; justify-content: space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; text-decoration: none; display: flex; position: relative; } .uui-text-size-small-2 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-text-size-small-2.text-color-gray500 { color: #667085; } .uui-navbar05_item-heading { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar05_item-heading.margin-bottom-0 { margin-bottom: 0; } .uui-navbar05_item-right { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; } .uui-icon-1x1-xsmall-2 { width: 1.5rem; height: 1.5rem; } .icon-featured-large-2 { width: 3rem; height: 3rem; color: #7f56d9; background-color: #f4ebff; border-radius: 100%; justify-content: center; align-items: center; display: flex; } .uui-navbar05_icon-holder { flex: none; } .uui-navbar05_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar05_dropdown-link:hover { background-color: #f9fafb; } .uui-navbar05_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: 1rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-badge-small-success-2 { grid-column-gap: .25rem; color: #027a48; white-space: nowrap; mix-blend-mode: multiply; background-color: #ecfdf3; border-radius: 10rem; align-items: center; padding: .125rem .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .75rem; font-weight: 500; display: flex; } .uui-navbar05_text-wrapper { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .5rem; display: flex; } .uui-navbar05_dropdown-content-left { grid-column-gap: 1.5rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 2rem; padding-bottom: 2rem; display: grid; } .uui-navbar05_dropdown-content { width: 100%; display: flex; } .uui-navbar05_container { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar05_dropdown-list { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar05_dropdown-list.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-dropdown-icon-2 { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; margin-right: 1rem; display: flex; position: absolute; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar05_dropdown-toggle { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar05_dropdown-toggle:hover { color: #344054; } .uui-navbar05_menu-dropdown { position: static; } .uui-navbar05_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-logo_image-2 { width: auto; height: 100%; flex: none; display: none; } .uui-logo_logotype-2 { width: auto; height: 100%; flex: none; } .uui-logo_logomark-dot-2 { z-index: 1; width: 50%; height: 50%; background-image: linear-gradient(26.5deg, #6941c6, #53389e); border-radius: 50%; position: relative; } .uui-logo_logomark-blur-2 { z-index: 2; width: 100%; height: 50%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, .2); border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; position: absolute; top: 50%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-styleguide_logomark-bg-2 { width: 2rem; height: 2rem; border-radius: 8px; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-logo_logomark-2 { width: 2rem; height: 2rem; border: .1px solid #dae0e8; border-radius: .5rem; flex: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1); } .uui-logo_component-2 { width: auto; height: 2rem; flex-wrap: nowrap; display: flex; } .uui-navbar05_logo-link { padding-left: 0; } .uui-navbar05_component { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-navbar07_menu-button { padding: 0; } .uui-navbar07_button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar07_menu-right { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar07_link { color: #475467; align-items: center; padding: .75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar07_link:hover { color: #344054; } .uui-navbar07_link.w--current { color: #000; } .uui-navbar07_item-heading { color: #101828; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar07_item-right { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-navbar07_icon-wrapper { color: #7f56d9; flex: none; } .uui-navbar07_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar07_dropdown-link:hover { background-color: #f9fafb; } .uui-navbar07_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .uui-navbar07_dropdown-list { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar07_dropdown-list.w--open { width: 20rem; background-color: #fff; border: 1px solid #eaecf0; border-radius: .75rem; padding: .75rem; right: -100%; } .uui-navbar07_dropdown-toggle { color: #475467; align-items: center; padding: .75rem 2.5rem .75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar07_dropdown-toggle:hover { color: #344054; } .uui-navbar07_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-navbar07_logo-link { padding-left: 0; } .uui-navbar07_container { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar07_component { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-heroheader03_arrow-image { position: absolute; bottom: 5rem; left: -12rem; } .uui-heroheader03_image { width: 100%; height: 40rem; object-fit: cover; border-top-right-radius: 4rem; border-bottom-left-radius: 4rem; } .uui-heroheader03_image-wrapper { position: relative; } .uui-button-icon-2 { width: 1.25rem; height: 1.25rem; min-height: 1.25rem; min-width: 1.25rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-button-icon-2.is-icon-large { width: 1.5rem; height: 1.5rem; min-height: 1.5rem; min-width: 1.5rem; } .uui-button-row-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-space-large-2 { width: 100%; min-height: 3rem; } .uui-text-size-xlarge-2 { color: #475467; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.25rem; line-height: 1.5; } .uui-max-width-medium { width: 100%; max-width: 35rem; } .uui-space-small-2 { width: 100%; min-height: 1.5rem; } .uui-heading-xlarge-2 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3.75rem; font-weight: 600; line-height: 1.2; } .uui-heroheader03_content { z-index: 1; margin-right: -6rem; position: relative; } .uui-heroheader03_component { grid-column-gap: 0rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1.25fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-padding-vertical-xhuge-2 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-2 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-2 { padding-left: 2rem; padding-right: 2rem; } .uui-section_heroheader03 { overflow: hidden; } .uui-heroheader09_image { width: 100%; height: 100%; } .uui-heroheader09_image._11 { border-top-left-radius: 7rem; border-bottom-right-radius: 7rem; } .uui-heroheader09_image._10 { border-radius: 50%; } .uui-heroheader09_image._09 { border-top-right-radius: 7rem; } .uui-heroheader09_image._08 { border-top-right-radius: 7rem; border-bottom-left-radius: 7rem; } .uui-heroheader09_image._07 { border-bottom-right-radius: 7rem; border-bottom-left-radius: 7rem; } .uui-heroheader09_image._06 { border-top-right-radius: 7rem; border-bottom-left-radius: 7rem; } .uui-heroheader09_image._05 { border-top-left-radius: 7rem; border-bottom-left-radius: 7rem; } .uui-heroheader09_image._04 { border-radius: 50%; } .uui-heroheader09_image._03 { border-top-left-radius: 7rem; } .uui-heroheader09_image._02 { border-bottom-left-radius: 7rem; } .uui-heroheader09_image._01 { border-top-right-radius: 7rem; } .uui-heroheader09_image-wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .uui-max-width-small-2 { width: 100%; max-width: 30rem; } .uui-heroheader09_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .hero-section { overflow: hidden; } .uui-navbar01_menu-button { padding: 0; } .uui-navbar01_button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar01_menu-right { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar01_link { color: #475467; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar01_link:hover { color: #344054; } .uui-navbar01_link.w--current { color: #000; } .uui-navbar01_dropdown-right-overlay-absolute { min-width: 100vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: 0%; right: auto; } .uui-navbar01_dropdown-content-button-wrapper { letter-spacing: normal; margin-top: 1rem; margin-left: .75rem; font-size: .875rem; } .uui-navbar01_item-button-wrapper { margin-top: .75rem; } .uui-navbar01_item-heading { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar01_item-heading.margin-bottom-0 { margin-bottom: 0; } .uui-navbar01_large-item-content { flex-direction: column; justify-content: flex-start; font-weight: 400; display: flex; } .uui-navbar01_blog-image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-navbar01_blog-image-wrapper { width: 100%; height: 6.5rem; min-width: 11rem; border-radius: .375rem; justify-content: flex-start; align-items: center; display: flex; position: relative; overflow: hidden; } .uui-navbar01_blog-item { grid-column-gap: 1.5rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: .6fr 1fr; grid-auto-columns: 1fr; align-items: start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar01_blog-item:hover { background-color: #fff; } .uui-navbar01_dropdown-blog-list { grid-column-gap: 0rem; grid-row-gap: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: grid; } .uui-navbar01_dropdown-content-heading { color: #7f56d9; letter-spacing: normal; margin-left: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar01_dropdown-content-wrapper { z-index: 1; grid-row-gap: .75rem; grid-template-rows: min-content; grid-template-columns: 1fr; grid-auto-rows: min-content; grid-auto-columns: 1fr; display: grid; position: relative; } .uui-navbar01_dropdown-content-right { max-width: 35rem; flex: 1; padding: 2rem 0 2rem 1.25rem; display: flex; position: relative; } .uui-navbar01_item-right { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-navbar01_icon-wrapper { color: #7f56d9; flex: none; } .uui-navbar01_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar01_dropdown-link:hover { background-color: #f9fafb; } .uui-navbar01_text-wrapper { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .25rem; display: flex; } .uui-navbar01_heading { color: #7f56d9; letter-spacing: normal; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar01_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .uui-navbar01_dropdown-content-left { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: 2rem 2rem 2rem 0; display: grid; } .uui-navbar01_dropdown-content { width: 100%; display: flex; } .uui-navbar01_container { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar01_dropdown-list { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar01_dropdown-list.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-navbar01_dropdown-toggle { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar01_dropdown-toggle:hover { color: #344054; } .uui-navbar01_menu-dropdown { position: static; } .uui-navbar01_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-navbar01_logo-link { padding-left: 0; } .uui-navbar01_component { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-navbar3_menu-button-2 { padding: 0; } .uui-navbar03_button-wrapper-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar03_menu-right-2 { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar03_link-2 { color: #475467; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar03_link-2:hover { color: #344054; } .uui-navbar03_link-2.w--current { color: #000; } .uui-navbar03_bottom-bar-right-2 { grid-column-gap: 1.5rem; display: flex; position: relative; } .uui-text-size-medium-2 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-navbar03_bottom-bar-left-2 { grid-column-gap: .5rem; grid-template-rows: auto; grid-template-columns: max-content minmax(max-content, 1fr); grid-auto-columns: 1fr; font-weight: 500; display: flex; position: relative; } .uui-navbar03_container-2 { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar03_bottom-bar-background-2 { width: 200vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: -50vw; right: -50vw; } .uui-navbar03_bottom-bar-2 { width: 100%; justify-content: space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; position: relative; } .uui-navbar03_item-heading-2 { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar03_item-heading-2.margin-bottom-0 { margin-bottom: 0; } .uui-navbar03_item-right-2 { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-navbar03_icon-wrapper-2 { flex: none; } .uui-navbar03_dropdown-link-2 { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: background-color .3s; display: grid; } .uui-navbar03_dropdown-link-2:hover { background-color: #f9fafb; } .uui-navbar03_text-wrapper-2 { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .25rem; display: flex; } .uui-navbar03_heading-2 { color: #7f56d9; letter-spacing: normal; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar03_dropdown-link-list-2 { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content max-content max-content max-content max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar03_dropdown-content-left-2 { grid-column-gap: 1.5rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 2rem; padding-bottom: 2rem; padding-left: 0; display: grid; } .uui-navbar03_dropdown-content-2 { width: 100%; display: flex; } .uui-navbar03_dropdown-list-2 { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar03_dropdown-list-2.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-navbar03_dropdown-toggle-2 { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar03_dropdown-toggle-2:hover { color: #344054; } .uui-navbar03_menu-dropdown-2 { position: static; } .uui-navbar03_menu-2 { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-navbar03_logo-link-2 { padding-left: 0; } .navbar { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-footer01_legal-link { color: #667085; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; text-decoration: none; transition: all .3s; } .uui-footer01_legal-link:hover { color: #475467; } .uui-footer01_legal-list { grid-column-gap: 1rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; display: grid; } .uui-footer01_bottom-wrapper { border-top: 1px solid #eaecf0; justify-content: space-between; align-items: center; margin-top: 4rem; padding-top: 2rem; display: flex; } .uui-footer01_social-icon { width: 1.5rem; height: 1.5rem; color: #98a2b3; margin-right: .75rem; } .uui-footer01_social-link { align-items: center; padding-top: .5rem; padding-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all .3s; display: flex; } .uui-footer01_social-link:hover { color: #475467; } .uui-footer01_link-list-heading { color: #667085; letter-spacing: normal; margin-bottom: 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-footer01_link-list { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; align-items: flex-start; justify-items: start; display: flex; } .uui-footer01_link { grid-column-gap: .5rem; color: #475467; flex-wrap: nowrap; align-items: center; padding-top: .5rem; padding-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all .3s; display: flex; } .uui-footer01_link:hover { color: #344054; } .uui-footer01_menu-wrapper { grid-column-gap: 2rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; align-items: start; } .error-message { margin-top: 1.5rem; padding: .875rem 1rem; } .success-message { background-color: #f4f4f4; padding: 1.5rem; } .uui-text-style-link { color: #475467; text-decoration: underline; transition: color .3s; } .uui-text-style-link:hover { color: #344054; } .uui-form_input { height: auto; min-height: 2.75rem; color: #101828; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; margin-bottom: 0; padding: .5rem .875rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; transition: all .3s; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-form_input:focus { color: #101828; border-color: #d6bbfb; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-form_input::-ms-input-placeholder { color: #667085; } .uui-form_input::placeholder { color: #667085; } .uui-footer01_form { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; margin-bottom: .75rem; display: grid; } .uui-footer01_form-block { width: 100%; max-width: 35rem; margin-top: 2rem; margin-bottom: 0; } .uui-footer01_logo-link { margin-bottom: 2rem; } .uui-footer01_left-wrapper { max-width: 32rem; flex-direction: column; align-items: flex-start; display: flex; } .uui-footer01_top-wrapper { grid-column-gap: 8vw; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: .75fr auto; align-items: start; } .uui-padding-vertical-xlarge { padding-top: 4rem; padding-bottom: 8em; } .uui-footer03_legal-link { color: #667085; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; text-decoration: none; transition: all .3s; } .uui-footer03_legal-link:hover { color: #475467; } .uui-footer03_legal-list { grid-column-gap: 1rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; display: grid; } .uui-footer03_bottom-wrapper { border-top: 1px solid #eaecf0; justify-content: space-between; align-items: center; margin-top: 4rem; padding-top: 2rem; display: flex; } .uui-footer03_link { grid-column-gap: .5rem; color: #6941c6; flex-wrap: nowrap; align-items: center; padding-top: .5rem; padding-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all .3s; display: flex; } .uui-footer03_link:hover { color: #53389e; } .uui-footer03_link-list { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; align-items: flex-start; justify-items: start; display: flex; } .uui-footer03_menu-wrapper { grid-column-gap: 2rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .social-icon { width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-footer03_social-link { color: #98a2b3; align-items: center; font-size: 14px; text-decoration: none; transition: all .3s; display: flex; } .uui-footer03_social-link:hover { color: #667085; } .uui-footer03_social-list { grid-column-gap: 1.5rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; align-items: start; justify-items: start; margin-top: 2rem; display: grid; } .uui-footer03_details-wrapper { max-width: 20rem; } .uui-footer03_logo-link { float: none; margin-bottom: 2rem; display: block; } .uui-footer03_top-wrapper { grid-column-gap: 4vw; grid-template-rows: auto; grid-template-columns: 1fr .5fr; align-items: start; justify-items: start; } .uui-icon-1x1-xxsmall { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex; } .uui-banner08_close-button { width: 2.5rem; height: 2.5rem; color: #667085; border-radius: .5rem; justify-content: center; align-items: center; margin-left: .5rem; transition: all .3s; display: flex; } .uui-banner08_close-button:hover { color: #475467; background-color: #f9fafb; } .uui-button-4 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-4:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-4:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-4.is-button-small { grid-column-gap: .5rem; padding: .5rem 1rem; } .uui-button-secondary-gray-3 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-3:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-3:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-3.is-button-small { grid-column-gap: .5rem; padding: .5rem 1rem; font-size: 1rem; } .uui-button-row-3 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-text-style-link-2 { color: #475467; text-decoration: underline; transition: color .3s; } .uui-text-style-link-2:hover { color: #344054; } .uui-text-style-link-2.uui-text-color-primary100 { color: #f4ebff; } .uui-text-size-medium-3 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-banner08_text { color: #344054; margin-right: .375rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-banner08_text-wrapper { grid-row-gap: .125rem; flex-wrap: wrap; display: flex; } .uui-icon-1x1-xsmall-3 { width: 1.5rem; height: 1.5rem; } .icon-featured-modern-large { width: 3rem; height: 3rem; color: #344054; background-color: #fff; border: 1px solid #eaecf0; border-radius: .625rem; justify-content: center; align-items: center; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-banner08_icon-wrapper { width: 3rem; height: 3rem; flex: none; justify-content: center; align-items: center; margin-right: 1rem; } .uui-banner08_content { flex: 1; align-items: center; margin-right: 2rem; display: flex; } .uui-banner08_wrapper { background-color: #fcfcfd; border: 1px solid #d0d5dd; border-radius: .75rem; justify-content: flex-start; align-items: center; padding: .75rem; display: flex; position: relative; box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-container-large-3 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-3 { padding-left: 2rem; padding-right: 2rem; } .uui-banner19_close-button { width: 2.5rem; height: 2.5rem; color: #fff; border-radius: .5rem; justify-content: center; align-items: center; margin-left: .5rem; transition: all .3s; display: flex; } .uui-banner19_close-button:hover { background-color: rgba(255, 255, 255, .2); } .uui-button-secondary { grid-column-gap: .5rem; color: #6941c6; text-align: center; white-space: nowrap; background-color: #f9f5ff; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary:hover { background-color: #f4ebff; } .uui-button-secondary:focus { background-color: #f9f5ff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary.is-button-small { grid-column-gap: .5rem; padding: .5rem 1rem; font-size: 1rem; } .uui-text-color-primary100 { color: #f4ebff; } .uui-banner19_supporting-text { color: #f4ebff; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-banner19_text { color: #fff; margin-right: .375rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-banner19_text-wrapper { grid-row-gap: .125rem; flex-wrap: wrap; display: flex; } .icon-featured-square-large { width: 3rem; height: 3rem; color: #fff; background-color: #9e77ed; border-radius: .625rem; justify-content: center; align-items: center; display: flex; } .uui-banner19_icon-wrapper { width: 3rem; height: 3rem; flex: none; justify-content: center; align-items: center; margin-right: 1rem; } .uui-banner19_content { flex: 1; align-items: center; margin-right: 2rem; display: flex; } .uui-banner19_wrapper { background-image: linear-gradient(45deg, #6941c6, #7f56d9); border-radius: .75rem; justify-content: flex-start; align-items: center; padding-top: .75rem; padding-bottom: .75rem; display: flex; } .cooker-banner { background-image: linear-gradient(45deg, #6941c6, #7f56d9); justify-content: center; align-items: center; position: fixed; top: auto; bottom: 0%; left: 0%; right: 0%; } .uui-button-secondary-gray-4 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-4:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-4:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-4.is-button-small { grid-column-gap: .5rem; padding: 1rem 1.75rem; font-size: 1rem; } .uui-layout12_image { width: 40rem; min-width: 40rem; border: .25rem solid #101828; border-radius: .5rem; position: absolute; top: auto; bottom: auto; left: 3rem; right: auto; } .uui-layout12_image-wrapper { width: 100%; height: 100%; min-height: 33rem; background-color: #f2f4f7; align-items: center; display: flex; position: relative; overflow: hidden; } .uui-button-5 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-5:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-5:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-5 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-5:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-5:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-4 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-layout12_number-text { color: #101828; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 500; } .uui-layout12_number { color: #7f56d9; margin-top: 0; margin-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3.75rem; font-weight: 600; line-height: 1.2; } .uui-layout12_item-list { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; margin-top: 2rem; margin-bottom: 2.5rem; } .uui-text-size-large { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall { width: 100%; min-height: 1rem; } .uui-heading-medium { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-layout12_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template: ". Area" / 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-padding-vertical-xhuge-3 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-4 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-4 { padding-left: 2rem; padding-right: 2rem; } .uui-layout12_image-2 { width: 40rem; min-width: 40rem; border: .25rem solid #101828; border-radius: .5rem; position: absolute; top: auto; bottom: auto; left: 3rem; right: auto; } .uui-layout12_image-wrapper-2 { width: 100%; height: 100%; min-height: 33rem; background-color: #f2f4f7; align-items: center; display: flex; position: relative; overflow: hidden; } .uui-button-6 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: 1rem 1.5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-6:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-6:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-6 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: 1rem 1.5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-6:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-6:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-5 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-layout12_number-text-2 { color: #101828; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 500; } .uui-layout12_number-2 { color: #7f56d9; margin-top: 0; margin-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3.75rem; font-weight: 600; line-height: 1.2; } .uui-layout12_item-list-2 { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; margin-top: 2rem; margin-bottom: 2.5rem; } .uui-text-size-large-2 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-2 { width: 100%; min-height: 1rem; } .uui-heading-medium-2 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-2 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-layout12_component-2 { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-padding-vertical-xhuge-4 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-5 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-5 { padding-left: 2rem; padding-right: 2rem; } .uui-layout01_image { width: 40rem; min-width: 40rem; border: .25rem solid #101828; border-radius: .5rem; position: absolute; top: auto; bottom: auto; left: 3rem; right: auto; } .uui-layout01_image-wrapper { width: 100%; height: 100%; min-height: 33rem; background-color: #f2f4f7; align-items: center; display: flex; position: relative; overflow: hidden; } .uui-space-medium { width: 100%; min-height: 2rem; } .uui-layout01_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-layout18_lightbox-image { width: 100%; object-fit: cover; } .uui-lightbox_play-icon { z-index: 2; width: 8rem; height: 8rem; -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); color: #fff; background-color: rgba(255, 255, 255, .1); border-radius: 100%; position: absolute; } .lightbox_video-overlay-layer { z-index: 1; width: 100%; height: 100%; background-color: rgba(29, 41, 57, .1); border-radius: .5rem; justify-content: center; align-items: center; display: flex; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-layout18_lightbox { width: 100%; height: 100%; background-color: #f9fafb; position: relative; } .uui-text-size-medium-4 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-space-xxsmall { width: 100%; min-height: .5rem; } .uui-heading-xsmall { color: #101828; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 1.4; } .uui-layout18_item-text-wrapper { padding-top: .5rem; } .uui-icon-1x1-xsmall-4 { width: 1.5rem; height: 1.5rem; } .uui-icon-featured-outline-large { width: 3.5rem; height: 3.5rem; color: #7f56d9; background-color: #f4ebff; border: .5rem solid #f9f5ff; border-radius: 100%; justify-content: center; align-items: center; display: flex; } .uui-layout18_item-icon-wrapper { flex: none; align-self: flex-start; margin-right: 1rem; } .uui-layout18_item { display: flex; } .uui-layout18_item-list { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; margin-bottom: 2.5rem; } .uui-layout18_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-icon-1x1-xxsmall-2 { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex; } .uui-banner22_close-button { width: 2.5rem; height: 2.5rem; color: #fff; border-radius: .5rem; justify-content: center; align-items: center; margin-left: .5rem; transition: all .3s; display: flex; } .uui-banner22_close-button:hover { background-color: rgba(255, 255, 255, .2); } .uui-text-style-link-3 { color: #475467; text-decoration: underline; transition: color .3s; } .uui-text-style-link-3:hover { color: #344054; } .uui-text-style-link-3.uui-text-color-primary100, .uui-text-color-primary100-2 { color: #f4ebff; } .uui-banner22_supporting-text { color: #f4ebff; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-banner22_text { color: #fff; margin-right: .375rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-banner22_text-wrapper { grid-row-gap: .125rem; text-align: center; flex-wrap: wrap; display: flex; } .uui-banner22_content { flex: 1; justify-content: center; align-items: center; margin-left: 3rem; display: flex; } .uui-banner22_content-wrapper { justify-content: flex-start; align-items: center; padding-top: .5rem; padding-bottom: .5rem; display: flex; } .scammer-banner { background-image: linear-gradient(45deg, #fe0000, #7f56d9); position: relative; } .uui-layout44_image { width: 92%; border: .25rem solid #101828; border-radius: .75rem; position: absolute; top: 8%; } .uui-layout44_image-wrapper { width: 100%; height: 40rem; background-color: #f2f4f7; justify-content: center; margin-top: 4rem; display: flex; position: relative; overflow: hidden; } .uui-button-7 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-7:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-7:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-7 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-7:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-7:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-6 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-button-row-6.button-row-center { justify-content: center; } .uui-layout44_logo { height: 2.5rem; } .uui-layout44_logo-row { grid-column-gap: 2rem; grid-row-gap: 1rem; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 1rem; margin-bottom: 2.5rem; display: flex; } .uui-text-size-medium-5 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-space-medium-2 { width: 100%; min-height: 2rem; } .uui-text-size-large-3 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-3 { width: 100%; min-height: 1rem; } .uui-heading-medium-3 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-3 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-max-width-large { width: 100%; max-width: 48rem; } .uui-max-width-large.align-center, .align-center { margin-left: auto; margin-right: auto; } .uui-layout44_component { text-align: center; flex-direction: column; align-items: center; display: flex; } .uui-padding-vertical-xhuge-5 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-6 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-6 { padding-left: 2rem; padding-right: 2rem; } .uui-layout08_image { width: 100%; border: .25rem solid #101828; border-radius: .5rem; } .uui-button-8 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-8:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-8:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-8 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-8:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-8:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-7 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-text-size-large-4 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-icon-1x1-xsmall-5 { width: 1.5rem; height: 1.5rem; } .uui-layout08_item-icon-wrapper { align-self: flex-start; margin-right: .75rem; } .uui-layout08_item { display: flex; } .uui-layout08_item-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 2rem; margin-bottom: 2.5rem; display: grid; } .uui-space-xsmall-4 { width: 100%; min-height: 1rem; } .uui-heading-medium-4 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-4 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-layout08_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .uui-padding-vertical-xhuge-6 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-7 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-7 { padding-left: 2rem; padding-right: 2rem; } .uui-button-9 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-9:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-9:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-9 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-9:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-9:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-8 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-button-row-8.button-row-center { justify-content: center; } .uui-layout38_logo { height: 2.5rem; } .uui-layout38_logo-row { grid-column-gap: 2rem; grid-row-gap: 1rem; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 1rem; margin-bottom: 4rem; display: flex; } .uui-text-size-medium-6 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-space-medium-3 { width: 100%; min-height: 2rem; } .uui-text-size-large-5 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-5 { width: 100%; min-height: 1rem; } .uui-heading-medium-5 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-5 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-max-width-large-2 { width: 100%; max-width: 48rem; } .uui-max-width-large-2.align-center, .align-center-2 { margin-left: auto; margin-right: auto; } .uui-text-align-center { text-align: center; } .uui-padding-vertical-xhuge-7 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-8 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-8 { padding-left: 2rem; padding-right: 2rem; } .uui-navbar01_menu-button-2 { padding: 0; } .uui-button-10 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-10:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-10:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-tertiary-gray-3 { grid-column-gap: .5rem; color: #475467; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-tertiary-gray-3:hover { color: #344054; background-color: #f9fafb; } .uui-button-secondary-gray-10 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-10:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-10:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-10.show-tablet, .show-tablet-3 { display: none; } .uui-navbar01_button-wrapper-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar01_menu-right-2 { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar01_link-2 { color: #475467; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar01_link-2:hover { color: #344054; } .uui-navbar01_link-2.w--current { color: #000; } .uui-navbar01_dropdown-right-overlay-absolute-2 { min-width: 100vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: 0%; right: auto; } .uui-button-icon-3 { width: 1.25rem; height: 1.25rem; min-height: 1.25rem; min-width: 1.25rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-button-link-3 { grid-column-gap: .5rem; color: #6941c6; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link-3:hover { color: #53389e; } .uui-button-link-3.is-button-xsmall { font-size: .875rem; } .uui-navbar01_dropdown-content-button-wrapper-2 { letter-spacing: normal; margin-top: 1rem; margin-left: .75rem; font-size: .875rem; } .uui-button-row-9 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-navbar01_item-button-wrapper-2 { margin-top: .75rem; } .uui-text-size-small-3 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-navbar01_item-heading-2 { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar01_item-heading-2.margin-bottom-0 { margin-bottom: 0; } .uui-navbar01_large-item-content-2 { flex-direction: column; justify-content: flex-start; font-weight: 400; display: flex; } .uui-navbar01_blog-image-2 { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-navbar01_blog-image-wrapper-2 { width: 100%; height: 6.5rem; min-width: 11rem; border-radius: .375rem; justify-content: flex-start; align-items: center; display: flex; position: relative; overflow: hidden; } .uui-navbar01_blog-item-2 { grid-column-gap: 1.5rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: .6fr 1fr; grid-auto-columns: 1fr; align-items: start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar01_blog-item-2:hover { background-color: #fff; } .uui-navbar01_dropdown-blog-list-2 { grid-column-gap: 0rem; grid-row-gap: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: grid; } .uui-navbar01_dropdown-content-heading-2 { color: #7f56d9; letter-spacing: normal; margin-left: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar01_dropdown-content-wrapper-2 { z-index: 1; grid-row-gap: .75rem; grid-template-rows: min-content; grid-template-columns: 1fr; grid-auto-rows: min-content; grid-auto-columns: 1fr; display: grid; position: relative; } .uui-navbar01_dropdown-content-right-2 { max-width: 35rem; flex: 1; padding: 2rem 0 2rem 1.25rem; display: flex; position: relative; } .uui-navbar01_item-right-2 { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-icon-1x1-xsmall-6 { width: 1.5rem; height: 1.5rem; } .uui-navbar01_icon-wrapper-2 { color: #7f56d9; flex: none; } .uui-navbar01_dropdown-link-2 { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar01_dropdown-link-2:hover { background-color: #f9fafb; } .uui-badge-small-success-3 { grid-column-gap: .25rem; color: #027a48; white-space: nowrap; mix-blend-mode: multiply; background-color: #ecfdf3; border-radius: 10rem; align-items: center; padding: .125rem .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .75rem; font-weight: 500; display: flex; } .uui-navbar01_text-wrapper-2 { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .25rem; display: flex; } .uui-navbar01_heading-2 { color: #7f56d9; letter-spacing: normal; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar01_dropdown-link-list-2 { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .uui-navbar01_dropdown-content-left-2 { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: 2rem 2rem 2rem 0; display: grid; } .uui-navbar01_dropdown-content-2 { width: 100%; display: flex; } .uui-navbar01_container-2 { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar01_dropdown-list-2 { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar01_dropdown-list-2.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-dropdown-icon-3 { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; margin-right: 1rem; display: flex; position: absolute; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar01_dropdown-toggle-2 { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar01_dropdown-toggle-2:hover { color: #344054; } .uui-navbar01_menu-dropdown-2 { display: inline; position: fixed; top: auto; bottom: 0%; left: 0%; right: 0%; } .uui-navbar01_menu-2 { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-logo_image-3 { width: auto; height: 100%; flex: none; display: none; } .uui-logo_logotype-3 { width: auto; height: 100%; flex: none; } .uui-logo_logomark-dot-3 { z-index: 1; width: 50%; height: 50%; background-image: linear-gradient(26.5deg, #6941c6, #53389e); border-radius: 50%; position: relative; } .uui-logo_logomark-blur-3 { z-index: 2; width: 100%; height: 50%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, .2); border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; position: absolute; top: 50%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-styleguide_logomark-bg-3 { width: 2rem; height: 2rem; border-radius: 8px; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-logo_logomark-3 { width: 2rem; height: 2rem; border: .1px solid #dae0e8; border-radius: .5rem; flex: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1); } .uui-logo_component-3 { width: auto; height: 2rem; flex-wrap: nowrap; display: flex; } .uui-navbar01_logo-link-2 { padding-left: 0; } .uui-navbar01_component-2 { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-navbar04_menu-button { padding: 0; } .uui-button-11 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-11:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-11:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-tertiary-gray-4 { grid-column-gap: .5rem; color: #475467; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-tertiary-gray-4:hover { color: #344054; background-color: #f9fafb; } .uui-button-secondary-gray-11 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-11:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-11:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-11.show-tablet, .show-tablet-4 { display: none; } .uui-navbar04_button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar04_menu-right { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar04_link { color: #475467; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar04_link:hover { color: #344054; } .uui-navbar04_link.w--current { color: #000; } .uui-navbar04_dropdown-right-overlay-absolute { min-width: 100vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: 0%; right: auto; } .uui-button-link-gray { grid-column-gap: .5rem; color: #475467; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: flex-start; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link-gray:hover { color: #344054; } .uui-navbar04_heading { color: #7f56d9; letter-spacing: normal; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar04_heading.margin-bottom-0 { margin-bottom: 0; } .uui-navbar04_dropdown-content-wrapper { z-index: 1; width: 100%; grid-column-gap: .75rem; grid-row-gap: .75rem; grid-template-rows: min-content; grid-template-columns: 1fr; grid-auto-rows: min-content; grid-auto-columns: 1fr; justify-items: stretch; display: grid; position: relative; } .uui-navbar04_dropdown-content-right { max-width: 14rem; flex: 1; padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; display: flex; position: relative; } .uui-text-size-small-4 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-badge-small-success-4 { grid-column-gap: .25rem; color: #027a48; white-space: nowrap; mix-blend-mode: multiply; background-color: #ecfdf3; border-radius: 10rem; align-items: center; padding: .125rem .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .75rem; font-weight: 500; display: flex; } .uui-navbar04_item-heading { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar04_item-heading.margin-bottom-0 { margin-bottom: 0; } .uui-navbar04_text-wrapper { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .25rem; display: flex; } .uui-navbar04_item-right { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-icon-1x1-xsmall-7 { width: 1.5rem; height: 1.5rem; } .uui-navbar04_icon-holder { color: #7f56d9; flex: none; } .uui-navbar04_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar04_dropdown-link:hover { background-color: #f9fafb; } .uui-navbar04_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content max-content max-content max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar04_dropdown-content-left { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; padding: 2rem 2rem 2rem 0; display: grid; } .uui-navbar04_dropdown-content { width: 100%; display: flex; } .uui-navbar04_container { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar04_dropdown-list { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar04_dropdown-list.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-dropdown-icon-4 { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; margin-right: 1rem; display: flex; position: absolute; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar04_dropdown-toggle { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar04_dropdown-toggle:hover { color: #344054; } .uui-navbar04_menu-dropdown { position: static; } .uui-navbar04_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-logo_image-4 { width: auto; height: 100%; flex: none; display: none; } .uui-logo_logotype-4 { width: auto; height: 100%; flex: none; } .uui-logo_logomark-dot-4 { z-index: 1; width: 50%; height: 50%; background-image: linear-gradient(26.5deg, #6941c6, #53389e); border-radius: 50%; position: relative; } .uui-logo_logomark-blur-4 { z-index: 2; width: 100%; height: 50%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, .2); border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; position: absolute; top: 50%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-styleguide_logomark-bg-4 { width: 2rem; height: 2rem; border-radius: 8px; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-logo_logomark-4 { width: 2rem; height: 2rem; border: .1px solid #dae0e8; border-radius: .5rem; flex: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1); } .uui-logo_component-4 { width: auto; height: 2rem; flex-wrap: nowrap; display: flex; } .uui-navbar04_logo-link { padding-left: 0; } .uui-navbar04_component { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-navbar08_menu-button { padding: 0; } .uui-navbar08_button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar08_menu-right { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar08_link { color: #475467; align-items: center; padding: .75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar08_link:hover { color: #344054; } .uui-navbar08_link.w--current { color: #000; } .uui-navbar08_item-heading { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar08_item-heading.margin-bottom-0 { margin-bottom: 0; } .uui-navbar08_item-right { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; } .uui-navbar08_icon-wrapper { color: #7f56d9; flex: none; } .uui-navbar08_dropdown-link { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar08_dropdown-link:hover { background-color: #f9fafb; } .uui-navbar08_text-wrapper { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .25rem; display: flex; } .uui-navbar08_heading { color: #7f56d9; letter-spacing: normal; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; } .uui-navbar08_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .uui-navbar08_dropdown-content { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar08_dropdown-list { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar08_dropdown-list.w--open { width: 40rem; background-color: #fff; border: 1px solid #eaecf0; border-radius: .75rem; padding: 1.25rem; left: -100%; } .uui-navbar08_dropdown-toggle { color: #475467; align-items: center; padding: .75rem 2.5rem .75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar08_dropdown-toggle:hover { color: #344054; } .uui-navbar08_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-navbar08_logo-link { padding-left: 0; } .uui-navbar08_container { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar08_component { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-navbar07_menu-button-2 { padding: 0; } .uui-navbar07_button-wrapper-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar07_menu-right-2 { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar07_link-2 { color: #475467; align-items: center; padding: .75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar07_link-2:hover { color: #344054; } .uui-navbar07_link-2.w--current { color: #000; } .uui-navbar07_item-heading-2 { color: #101828; margin-top: 0; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar07_item-right-2 { flex-direction: column; justify-content: center; align-items: flex-start; font-weight: 400; display: flex; } .uui-navbar07_icon-wrapper-2 { color: #7f56d9; flex: none; } .uui-navbar07_dropdown-link-2 { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar07_dropdown-link-2:hover { background-color: #f9fafb; } .uui-navbar07_dropdown-link-list-2 { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .uui-navbar07_dropdown-list-2 { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar07_dropdown-list-2.w--open { width: 20rem; background-color: #fff; border: 1px solid #eaecf0; border-radius: .75rem; padding: .75rem; right: -100%; } .uui-navbar07_dropdown-toggle-2 { color: #475467; align-items: center; padding: .75rem 2.5rem .75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar07_dropdown-toggle-2:hover { color: #344054; } .uui-navbar07_menu-2 { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-navbar07_logo-link-2 { padding-left: 0; } .uui-navbar07_container-2 { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar07_component-2 { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .uui-navbar05_menu-button-2 { padding: 0; } .uui-navbar05_button-wrapper-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar05_menu-right-2 { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar05_link-2 { color: #667085; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar05_link-2:hover { color: #344054; } .uui-navbar05_link-2.w--current { color: #000; } .uui-button-link-4 { grid-column-gap: .5rem; color: #6941c6; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link-4:hover { color: #53389e; } .uui-navbar05_bottom-bar-content-2 { z-index: 1; grid-template-rows: auto; grid-template-columns: max-content max-content; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; display: flex; position: relative; } .uui-navbar05_bottom-bar-background-2 { width: 200vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: -50vw; right: -50vw; } .uui-navbar05_bottom-bar-2 { width: 100%; justify-content: space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; text-decoration: none; display: flex; position: relative; } .uui-navbar05_item-heading-2 { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar05_item-heading-2.margin-bottom-0 { margin-bottom: 0; } .uui-navbar05_item-right-2 { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; } .icon-featured-large-3 { width: 3rem; height: 3rem; color: #7f56d9; background-color: #f4ebff; border-radius: 100%; justify-content: center; align-items: center; display: flex; } .uui-navbar05_icon-holder-2 { flex: none; } .uui-navbar05_dropdown-link-2 { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar05_dropdown-link-2:hover { background-color: #f9fafb; } .uui-navbar05_dropdown-link-list-2 { grid-column-gap: 0px; grid-row-gap: 1rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar05_text-wrapper-2 { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .5rem; display: flex; } .uui-navbar05_dropdown-content-left-2 { grid-column-gap: 1.5rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 2rem; padding-bottom: 2rem; display: grid; } .uui-navbar05_dropdown-content-2 { width: 100%; display: flex; } .uui-navbar05_container-2 { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar05_dropdown-list-2 { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar05_dropdown-list-2.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-navbar05_dropdown-toggle-2 { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar05_dropdown-toggle-2:hover { color: #344054; } .uui-navbar05_menu-dropdown-2 { position: static; } .uui-navbar05_menu-2 { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-navbar05_logo-link-2 { padding-left: 0; } .uui-navbar05_component-2 { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } .utility-page-wrap { width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; justify-content: center; align-items: center; display: flex; } .utility-page-content { width: 260px; text-align: center; flex-direction: column; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .uui-text-size-medium-7 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-text-size-medium-7.text-color-primary700 { color: #6941c6; } .uui-max-width-large-3 { width: 100%; max-width: 48rem; } .uui-button-icon-4 { width: 1.25rem; height: 1.25rem; min-height: 1.25rem; min-width: 1.25rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-button-link-5 { grid-column-gap: .5rem; color: #6941c6; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link-5:hover { color: #53389e; } .uui-career03_flag-icon { width: 1rem; height: 1rem; object-fit: cover; border-radius: 1rem; margin-left: -.375rem; margin-right: .375rem; } .uui-career03_location { color: #475467; background-color: #f2f4f7; border-radius: 1rem; align-items: center; padding: .125rem .625rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 500; display: flex; } .uui-career03_heading { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; font-weight: 500; } .uui-career03_title-heading { flex-direction: column; align-items: flex-start; display: flex; } .uui-career03_title-wrapper { cursor: pointer; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; display: flex; } .uui-career03_item { border-top: 1px solid #eaecf0; padding-top: 2rem; padding-bottom: 2rem; } .uui-career03_list { grid-column-gap: 0rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; } .uui-career03_list-wrapper { border-bottom: 0 solid #000; overflow: hidden; } .accordion-icon_vertical-line { width: 2px; height: .75rem; background-color: #98a2b3; border-radius: 1px; position: absolute; } .accordion-icon_horizontal-line { width: .75rem; height: 2px; background-color: #98a2b3; border-radius: 1px; position: absolute; } .accordion-icon_component { width: 1.5rem; height: 1.5rem; color: #98a2b3; border: 2px solid #98a2b3; border-radius: 50%; justify-content: center; align-self: flex-start; align-items: center; display: flex; position: relative; } .uui-heading-xsmall-2 { color: #101828; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 1.4; } .uui-career03_job-description { cursor: pointer; justify-content: space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; } .uui-career03_accordion { border: 1px solid #eaecf0; border-radius: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } .uui-career03_component { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; margin-top: 4rem; display: flex; } .uui-text-size-large-6 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-6 { width: 100%; min-height: 1rem; } .uui-heading-medium-6 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-6 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-text-align-center-2 { text-align: center; } .uui-padding-vertical-xhuge-8 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-small { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .uui-page-padding-9 { padding-left: 2rem; padding-right: 2rem; } .social-icon-2 { width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .social-link { color: #98a2b3; transition: all .3s; } .social-link:hover { color: #667085; } .uui-team08_social { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: 1fr; grid-auto-flow: column; align-self: flex-start; margin-top: 1rem; display: grid; } .uui-space-xxsmall-2 { width: 100%; min-height: .5rem; } .uui-heading-tiny { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.5; } .uui-team08_item-content { flex-direction: column; justify-content: center; align-items: stretch; display: flex; } .uui-team08_image { width: 5rem; height: 5rem; min-height: 5rem; min-width: 5rem; object-fit: cover; border-radius: 100%; } .uui-team08_item { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .uui-team08_list { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr; align-items: start; } .uui-button-12 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-12:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-12:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-12 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-12:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-12:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-10 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-space-medium-4 { width: 100%; min-height: 2rem; } .uui-team08_component { grid-column-gap: 6rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .uui-container-large-9 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .social-icon-3 { width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .social-link-2 { color: #98a2b3; transition: all .3s; } .social-link-2:hover { color: #667085; } .uui-team02_social { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: 1fr; grid-auto-flow: column; align-self: center; margin-top: 1.5rem; display: grid; } .uui-text-size-medium-8 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-text-size-medium-8.text-color-primary700 { color: #6941c6; } .uui-space-xsmall-7 { width: 100%; min-height: 1rem; } .uui-heading-tiny-2 { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.5; } .uui-team02_image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-team02_image-wrapper { width: 100%; margin-bottom: 1.5rem; padding-top: 100%; position: relative; overflow: hidden; } .uui-team02_item { text-align: center; flex-direction: column; align-items: stretch; display: flex; } .uui-team02_list { grid-column-gap: 2rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; justify-items: stretch; display: grid; } .uui-team02_component { margin-top: 4rem; } .uui-button-13 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-13:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-13:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-13 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-13:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-13:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-11 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-button-row-11.button-row-center { justify-content: center; } .uui-space-medium-5 { width: 100%; min-height: 2rem; } .uui-text-size-large-7 { color: #475467; text-align: left; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-heading-medium-7 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-7 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-max-width-large-4 { width: 100%; max-width: 48rem; } .uui-max-width-large-4.align-center, .align-center-3 { margin-left: auto; margin-right: auto; } .uui-text-align-center-3 { text-align: center; } .uui-padding-vertical-xhuge-9 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-10 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-10 { padding-left: 2rem; padding-right: 2rem; } .uui-career11_icon { width: 1.25rem; height: 1.25rem; color: #98a2b3; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-career11_icon-wrapper { flex: none; margin-right: .5rem; } .uui-career11_detail-wrapper { color: #475467; align-items: center; margin-right: 1.5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 500; display: flex; } .uui-career11_job-details-wrapper { margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; } .uui-career11_flag-icon { width: 1rem; height: 1rem; object-fit: cover; border-radius: 1rem; margin-left: -.375rem; margin-right: .375rem; } .uui-career11_location { color: #344054; background-color: #f2f4f7; border-radius: 1rem; align-items: center; padding: .125rem .625rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 500; display: flex; } .uui-career11_heading { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; font-weight: 500; } .uui-career11_title-wrapper { cursor: pointer; justify-content: space-between; align-items: center; margin-bottom: .5rem; display: flex; } .uui-career11_item { border: 1px solid #eaecf0; border-radius: 1rem; padding: 1.5rem; overflow: hidden; } .uui-career11_list { grid-column-gap: 0rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-career11_list-wrapper { overflow: hidden; } .uui-space-xxsmall-3 { width: 100%; min-height: .5rem; } .uui-heading-xsmall-3 { color: #101828; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 1.4; } .uui-career11_department-wrapper { grid-column-gap: 6rem; grid-row-gap: 4rem; border-top: 1px solid #eaecf0; grid-template-rows: auto; grid-template-columns: .75fr 1fr; margin-bottom: 4rem; padding-top: 3rem; } .uui-career11_department-wrapper.last { margin-bottom: 0; } .uui-career11_component { margin-top: 4rem; } .uui-button-14 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-14:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-14:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-14 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-14:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-14:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-14.is-button-small { grid-column-gap: .5rem; padding: .5rem 1rem; font-size: 1rem; } .uui-button-secondary-gray-14.is-button-small.icon-only { width: 2.5rem; height: 2.5rem; padding: 0; } .uui-button-secondary-gray-14.icon-only { width: 2.75rem; height: 2.75rem; justify-content: center; align-items: center; padding: 0; display: flex; } .uui-button-row-12 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-button-row-12.button-row-center { justify-content: center; } .uui-layout38_logo-2 { height: 2.5rem; } .uui-layout38_logo-row-2 { grid-column-gap: 2rem; grid-row-gap: 1rem; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 1rem; margin-bottom: 4rem; display: flex; } .uui-text-size-medium-9 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-space-medium-6 { width: 100%; min-height: 2rem; } .uui-text-size-large-8 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-8 { width: 100%; min-height: 1rem; } .uui-heading-medium-8 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-8 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-max-width-large-5 { width: 100%; max-width: 48rem; } .uui-max-width-large-5.align-center, .align-center-4 { margin-left: auto; margin-right: auto; } .uui-text-align-center-4 { text-align: center; } .uui-padding-vertical-xhuge-10 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-11 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-11 { padding-left: 2rem; padding-right: 2rem; } .uui-space-xhuge { width: 100%; min-height: 7rem; } .uui-text-divider { color: #475467; margin-left: .25rem; margin-right: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-text-divider.text-color-white { color: #fff; } .uui-blogpost02_date-wrapper { align-items: center; margin-top: .25rem; display: flex; } .uui-blogpost02_author-heading { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; font-weight: 600; } .uui-blogpost02_author-image { width: 3.5rem; height: 3.5rem; min-height: 3.5rem; min-width: 3.5rem; object-fit: cover; border-radius: 100%; } .uui-blogpost02_author-image-wrapper { margin-bottom: 1rem; } .uui-blogpost02_author-wrapper { text-align: center; flex-direction: column; align-items: center; margin-top: 3rem; display: flex; } .uui-blogpost02_divider { width: 100%; height: 1px; max-width: 48rem; background-color: #eaecf0; margin-top: 3rem; margin-bottom: 1.5rem; } .uui-badge { grid-column-gap: .375rem; color: #344054; white-space: nowrap; background-color: #f2f4f7; border-radius: 10rem; align-items: center; padding: .125rem .625rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 500; line-height: 1.5; text-decoration: none; display: flex; } .uui-badge.is-pink { color: #c11574; background-color: #fdf2fa; } .uui-badge.is-indigo { color: #3538cd; background-color: #eef4ff; } .uui-badge.is-primary { color: #6941c6; background-color: #f9f5ff; } .uui-blogpost02_tag-list { grid-column-gap: .5rem; flex-wrap: wrap; justify-content: center; display: flex; } .uui-blogpost02_tag-list-wrapper { width: 100%; } .uui-button-icon-5 { width: 1.25rem; height: 1.25rem; min-height: 1.25rem; min-width: 1.25rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-button-icon-5.text-color-gray400 { color: #98a2b3; } .uui-blogpost02_share { grid-column-gap: .75rem; grid-row-gap: .75rem; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: 1fr; grid-auto-flow: column; justify-items: start; margin-top: 1rem; margin-bottom: 1.5rem; display: grid; } .uui-blogpost02_share-heading { color: #101828; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; } .uui-blogpost02_share-wrapper { flex-direction: column; align-items: center; display: flex; } .uui-blogpost02_content-bottom { flex-direction: column; justify-content: flex-start; align-items: center; display: flex; } .uui-text-rich-text { color: #475467; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 20px; } .uui-text-rich-text h1 { margin-top: 2rem; margin-bottom: 1.5rem; } .uui-text-rich-text h2 { margin-top: 1.5rem; margin-bottom: 1rem; } .uui-text-rich-text h3 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .uui-text-rich-text h4 { margin-top: 1.5rem; margin-bottom: 1.25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; } .uui-text-rich-text h5, .uui-text-rich-text h6 { margin-top: 1.25rem; margin-bottom: 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; } .uui-text-rich-text p { margin-bottom: 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; } .uui-text-rich-text blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-style: italic; } .uui-text-rich-text a { text-decoration: underline; } .uui-text-rich-text figcaption { color: #667085; text-align: left; margin-top: 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; } .uui-blogpost02_content { margin-bottom: 4rem; } .uui-breadcrumb-link { color: #475467; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 500; text-decoration: none; transition: all .3s; } .uui-breadcrumb-link:hover { color: #344054; } .uui-breadcrumb-link.w--current { color: #6941c6; font-weight: 600; } .uui-breadcrumb-link.w--current:hover { color: #53389e; } .uui-breadcrumb-divider { width: 1rem; height: 1rem; color: #667085; justify-content: center; align-items: center; margin-left: .5rem; margin-right: .5rem; display: flex; } .uui-blogpost02_breadcrumb { width: 100%; align-items: center; display: flex; } .uui-blogpost02_content-top { width: 100%; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; display: flex; } .uui-text-size-small-5 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-text-size-small-5.text-color-white { color: #fff; } .uui-heading-tiny-3 { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.5; } .uui-heading-tiny-3.text-color-white { color: #fff; } .uui-heading-large { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3rem; font-weight: 600; line-height: 1.2; } .uui-heading-large.text-color-white { color: #fff; } .uui-blogpost02_category-link { color: #fff; margin-bottom: 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; text-decoration: none; } .uui-blogpost02_category-link.w--current { border-bottom: 2px solid #000; } .uui-blogpost02_title-wrapper { max-width: 48rem; text-align: center; flex-direction: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-container-small-2 { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .uui-blogpost02_background { z-index: -1; background-image: linear-gradient(rgba(16, 24, 40, .4), rgba(16, 24, 40, .4)), url('../images/Blog-Image-4.jpg'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; } .uui-blogpost02_header { margin-bottom: 4rem; position: relative; } .uui-pricing07_bottom-row-content { height: 100%; grid-row-gap: .75rem; text-align: center; flex-direction: column; justify-content: space-between; align-items: stretch; display: flex; } .uui-pricing07_bottom-row { grid-column-gap: 2rem; grid-row-gap: 0px; background-color: #fff; grid-template-rows: auto; grid-template-columns: 1.5fr 1fr 1fr 1fr; padding-top: 2rem; } .uui-icon-1x1-xsmall-8 { width: 1.5rem; height: 1.5rem; } .uui-pricing07_row-content { text-align: center; justify-content: center; align-items: center; padding: 1rem 1.5rem; display: flex; } .uui-pricing07_row-lead-text { color: #101828; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 500; } .uui-pricing07_feature { padding: 1rem 1.5rem; } .uui-pricing07_row { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1.5fr 1fr 1fr 1fr; align-items: stretch; } .background-color-gray50 { background-color: #f9fafb; } .uui-pricing07_heading-row-text { color: #6941c6; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-pricing07_heading-row { margin-top: 2.5rem; padding: 1rem 1.5rem; } .uui-pricing07_price-text { color: #475467; letter-spacing: normal; margin-left: .25rem; font-size: 1rem; font-weight: 500; line-height: 1.5; } .uui-pricing07_price { color: #101828; margin-top: .5rem; margin-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3rem; font-weight: 600; line-height: 1.2; } .uui-heading-xxsmall { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 1.5; } .uui-pricing07_top-row-content { height: 100%; text-align: center; flex-direction: column; justify-content: space-between; align-items: stretch; display: flex; } .uui-pricing07_top-row { grid-column-gap: 2rem; grid-row-gap: 0px; background-color: #fff; grid-template-rows: auto; grid-template-columns: 1.5fr 1fr 1fr 1fr; } .uui-pricing07_plans, .uui-pricing07_tabs-content { width: 100%; } .uui-pricing07_tab-link { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #667085; background-color: rgba(0, 0, 0, 0); border-radius: .375rem; align-items: center; padding: .5rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; display: flex; } .uui-pricing07_tab-link.w--current { color: #344054; background-color: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06); } .uui-pricing07_tabs-menu { grid-column-gap: .5rem; grid-row-gap: 16px; background-color: #f9fafb; border: 1px solid #f2f4f7; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; align-self: center; margin-bottom: 5rem; padding: .375rem; display: grid; } .uui-pricing07_component { flex-direction: column; justify-content: center; align-items: stretch; margin-top: 2.5rem; display: flex; } .uui-button-15 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-15:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-15:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-text-size-medium-10 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-icon-1x1-xsmall-9 { width: 1.5rem; height: 1.5rem; } .uui-pricing04_icon-wrapper { flex: none; align-self: flex-start; margin-right: .75rem; } .uui-pricing04_feature { display: flex; } .uui-pricing04_feature-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 2rem; margin-bottom: 2.5rem; display: grid; } .uui-pricing04_price-text { color: #475467; letter-spacing: normal; margin-left: .25rem; font-size: 1rem; font-weight: 500; line-height: 1.5; } .uui-pricing04_price { color: #101828; margin-top: .5rem; margin-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3rem; font-weight: 600; line-height: 1.2; } .uui-heading-xxsmall-2 { color: #101828; letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 1.5; } .uui-text-align-center-5 { text-align: center; } .uui-pricing04_content { height: 100%; flex-direction: column; justify-content: space-between; display: flex; } .uui-pricing04_plan { border: 1px solid #eaecf0; border-radius: 1rem; flex-direction: column; justify-content: flex-end; margin-top: 2.5rem; padding: 2rem; position: relative; box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-pricing04_popular-label { z-index: 1; width: 100%; height: 2.5rem; outline-offset: 0px; color: #fff; background-color: #6941c6; border-top-left-radius: 1rem; border-top-right-radius: 1rem; outline: 1px solid #e9d7fe; justify-content: center; align-items: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; display: flex; position: absolute; top: 0%; left: 0%; right: 0%; } .uui-pricing04_popular-plan { border: 1px solid #eaecf0; border-radius: 1rem; padding: 4.5rem 2rem 2rem; position: relative; box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-pricing04_components { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; align-items: stretch; margin-top: 4rem; } .uui-text-size-large-9 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-9 { width: 100%; min-height: 1rem; } .uui-heading-medium-9 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-heading-subheading-9 { color: #7f56d9; margin-bottom: .75rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .uui-max-width-large-6 { width: 100%; max-width: 48rem; } .uui-max-width-large-6.align-center, .align-center-5 { margin-left: auto; margin-right: auto; } .uui-padding-vertical-xhuge-11 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-12 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .pricing { padding-left: 2rem; padding-right: 2rem; } .div-block { position: relative; } .uui-pricing08_icon-wrapper { flex: none; align-self: flex-start; margin-right: .75rem; } .uui-pricing08_feature { display: flex; } .uui-pricing08_feature-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 2rem; margin-bottom: 2.5rem; display: grid; } .uui-pricing08_price-text { color: #475467; letter-spacing: normal; margin-left: .25rem; font-size: 1rem; font-weight: 500; line-height: 1.5; } .uui-pricing08_price { color: #101828; margin-top: .5rem; margin-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3rem; font-weight: 600; line-height: 1.2; } .uui-pricing08_content { height: 100%; flex-direction: column; justify-content: space-between; display: flex; } .uui-pricing08_plan { border: 1px solid #eaecf0; border-radius: 1rem; flex-direction: column; justify-content: flex-end; margin-top: 2.5rem; padding: 2rem; position: relative; box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-pricing08_popular-label { z-index: 1; width: 100%; height: 2.5rem; outline-offset: 0px; color: #fff; background-color: #6941c6; border-top-left-radius: 1rem; border-top-right-radius: 1rem; outline: 1px solid #e9d7fe; justify-content: center; align-items: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 600; display: flex; position: absolute; top: 0%; left: 0%; right: 0%; } .uui-pricing08_popular-plan { border: 1px solid #eaecf0; border-radius: 1rem; padding: 4.5rem 2rem 2rem; position: relative; box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-pricing08_components { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; align-items: stretch; } .uui-pricing08_tab-content { overflow: visible; } .uui-badge-2 { grid-column-gap: .375rem; color: #344054; white-space: nowrap; background-color: #f2f4f7; border-radius: 10rem; align-items: center; padding: .125rem .625rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; font-weight: 500; line-height: 1.5; text-decoration: none; display: flex; } .uui-pricing08_tab-link { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #667085; background-color: rgba(0, 0, 0, 0); border-radius: .375rem; align-items: center; padding: .5rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; display: flex; } .uui-pricing08_tab-link.w--current { color: #344054; background-color: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06); } .uui-pricing08_tabs-menu { grid-column-gap: .5rem; grid-row-gap: 16px; background-color: #f9fafb; border: 1px solid #f2f4f7; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; align-self: center; margin-bottom: 3rem; padding: .375rem; display: grid; } .uui-pricing08_component { flex-direction: column; justify-content: center; align-items: stretch; margin-top: 2.5rem; display: flex; } .uui-button-16 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-16:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-16:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-secondary-gray-15 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-15:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-15:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-row-13 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-wrap: wrap; align-items: center; display: flex; } .uui-button-row-13.button-row-center { justify-content: center; } .uui-text-size-large-10 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.125rem; line-height: 1.5; } .uui-space-xsmall-10 { width: 100%; min-height: 1rem; } .uui-heading-small { color: #101828; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 20rem; font-weight: 600; line-height: 1.4; } .uui-max-width-large-7 { width: 100%; max-width: 48rem; } .uui-cta05_content { flex: 1; } .uui-cta05_component { grid-column-gap: 4rem; grid-row-gap: 2rem; background-color: #f9fafb; border-radius: 1rem; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; justify-content: space-between; align-items: start; padding: 0; display: grid; } .uui-padding-vertical-xhuge-12 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-large-13 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .uui-page-padding-12 { padding-left: 2rem; padding-right: 2rem; } .uui-section_cta05 { background-color: #fff; } .uui-space-medium-7 { width: 100%; min-height: 2rem; } .uui-heading-medium-10 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 20rem; font-weight: 600; line-height: 1.3; } .uui-text-align-center-6 { text-align: center; } .uui-container-small-3 { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .uui-section_cta08 { background-color: #fff; position: relative; } .uui-heading-medium-11 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 2.25rem; font-weight: 600; line-height: 1.3; } .uui-footer03_legal-link-2 { color: #667085; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; text-decoration: none; transition: all .3s; } .uui-footer03_legal-link-2:hover { color: #475467; } .uui-footer03_legal-list-2 { grid-column-gap: 1rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; display: grid; } .uui-text-size-small-6 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-text-size-small-6.text-color-gray500 { color: #667085; } .uui-footer03_bottom-wrapper-2 { border-top: 1px solid #eaecf0; justify-content: space-between; align-items: center; margin-top: 4rem; padding-top: 2rem; display: flex; } .uui-footer03_link-2 { grid-column-gap: .5rem; color: #6941c6; flex-wrap: nowrap; align-items: center; padding-top: .5rem; padding-bottom: .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all .3s; display: flex; } .uui-footer03_link-2:hover { color: #53389e; } .uui-footer03_link-list-2 { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; align-items: flex-start; justify-items: start; display: flex; } .uui-badge-small-success-5 { grid-column-gap: .25rem; color: #027a48; white-space: nowrap; mix-blend-mode: multiply; background-color: #ecfdf3; border-radius: 10rem; align-items: center; padding: .125rem .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .75rem; font-weight: 500; display: flex; } .uui-footer03_menu-wrapper-2 { grid-column-gap: 2rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .social-icon-4 { width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .uui-footer03_social-link-2 { color: #98a2b3; align-items: center; font-size: 14px; text-decoration: none; transition: all .3s; display: flex; } .uui-footer03_social-link-2:hover { color: #667085; } .uui-footer03_social-list-2 { grid-column-gap: 1.5rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; align-items: start; justify-items: start; margin-top: 2rem; display: grid; } .uui-text-size-medium-11 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; line-height: 1.5; } .uui-footer03_details-wrapper-2 { max-width: 20rem; } .uui-logo_image-5 { width: auto; height: 100%; flex: none; display: none; } .uui-logo_logotype-5 { width: auto; height: 100%; flex: none; } .uui-logo_logomark-dot-5 { z-index: 1; width: 50%; height: 50%; background-image: linear-gradient(26.5deg, #6941c6, #53389e); border-radius: 50%; position: relative; } .uui-logo_logomark-blur-5 { z-index: 2; width: 100%; height: 50%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, .2); border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; position: absolute; top: 50%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-styleguide_logomark-bg-5 { width: 2rem; height: 2rem; border-radius: 8px; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-logo_logomark-5 { width: 2rem; height: 2rem; border: .1px solid #dae0e8; border-radius: .5rem; flex: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1); } .uui-logo_component-5 { width: auto; height: 2rem; flex-wrap: nowrap; display: flex; } .uui-footer03_logo-link-2 { float: none; margin-bottom: 2rem; display: block; } .uui-footer03_top-wrapper-2 { grid-column-gap: 4vw; grid-template-rows: auto; grid-template-columns: 1fr .5fr; align-items: start; justify-items: start; } .uui-padding-vertical-xlarge-2 { padding-top: 4rem; padding-bottom: 4rem; } .image { height: 1.2rem; } .navbar-with-banners { font-style: normal; text-decoration: none; } .uui-text-size-xlarge-3 { color: #475467; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1.25rem; line-height: 1.5; } .uui-space-small-3 { width: 100%; min-height: 1.5rem; } .uui-heading-large-2 { color: #101828; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 3rem; font-weight: 600; line-height: 1.2; } .uui-text-align-center-7 { text-align: center; } .uui-padding-vertical-xhuge-13 { padding-top: 7rem; padding-bottom: 7rem; } .uui-container-small-4 { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .uui-page-padding-13 { padding-left: 2rem; padding-right: 2rem; } .uui-navbar05_menu-button-3 { padding: 0; } .uui-button-17 { grid-column-gap: .5rem; color: #fff; text-align: center; white-space: nowrap; background-color: #7f56d9; border: 1px solid #7f56d9; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-17:hover { background-color: #6941c6; border-color: #6941c6; } .uui-button-17:focus { background-color: #7f56d9; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f4ebff; } .uui-button-tertiary-gray-5 { grid-column-gap: .5rem; color: #475467; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-tertiary-gray-5:hover { color: #344054; background-color: #f9fafb; } .uui-button-secondary-gray-16 { grid-column-gap: .5rem; color: #344054; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d0d5dd; border-radius: .5rem; justify-content: center; align-items: center; padding: .625rem 1.125rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); } .uui-button-secondary-gray-16:hover { color: #1d2939; background-color: #f9fafb; } .uui-button-secondary-gray-16:focus { background-color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7; } .uui-button-secondary-gray-16.show-tablet, .show-tablet-5 { display: none; } .uui-navbar05_button-wrapper-3 { grid-column-gap: .75rem; grid-row-gap: .75rem; align-items: center; display: flex; } .uui-navbar05_menu-right-3 { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .uui-navbar05_link-3 { color: #667085; align-items: center; padding: 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; } .uui-navbar05_link-3:hover { color: #344054; } .uui-navbar05_link-3.w--current { color: #000; } .uui-button-link-6 { grid-column-gap: .5rem; color: #6941c6; white-space: nowrap; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .uui-button-link-6:hover { color: #53389e; } .uui-navbar05_bottom-bar-content-3 { z-index: 1; grid-template-rows: auto; grid-template-columns: max-content max-content; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; display: flex; position: relative; } .uui-navbar05_bottom-bar-background-3 { width: 200vw; background-color: #f9fafb; position: absolute; top: 0%; bottom: 0%; left: -50vw; right: -50vw; } .uui-navbar05_bottom-bar-3 { width: 100%; justify-content: space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; text-decoration: none; display: flex; position: relative; } .uui-text-size-small-7 { color: #475467; letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .875rem; line-height: 1.5; } .uui-navbar05_item-heading-3 { color: #101828; margin-bottom: .25rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 600; } .uui-navbar05_item-heading-3.margin-bottom-0 { margin-bottom: 0; } .uui-navbar05_item-right-3 { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; } .uui-icon-1x1-xsmall-10 { width: 1.5rem; height: 1.5rem; } .icon-featured-large-4 { width: 3rem; height: 3rem; color: #7f56d9; background-color: #f4ebff; border-radius: 100%; justify-content: center; align-items: center; display: flex; } .uui-navbar05_icon-holder-3 { flex: none; } .uui-navbar05_dropdown-link-3 { grid-column-gap: 1rem; grid-row-gap: 0px; border-radius: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding: .75rem; text-decoration: none; transition: all .3s; display: grid; } .uui-navbar05_dropdown-link-3:hover { background-color: #f9fafb; } .uui-navbar05_dropdown-link-list-3 { grid-column-gap: 0px; grid-row-gap: 1rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-badge-small-success-6 { grid-column-gap: .25rem; color: #027a48; white-space: nowrap; mix-blend-mode: multiply; background-color: #ecfdf3; border-radius: 10rem; align-items: center; padding: .125rem .5rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: .75rem; font-weight: 500; display: flex; } .uui-navbar05_text-wrapper-3 { grid-column-gap: .5rem; grid-row-gap: 0px; align-items: center; margin-bottom: .5rem; display: flex; } .uui-navbar05_dropdown-content-left-3 { grid-column-gap: 1.5rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-top: 2rem; padding-bottom: 2rem; display: grid; } .uui-navbar05_dropdown-content-3 { width: 100%; display: flex; } .uui-navbar05_container-3 { width: 100%; height: 100%; max-width: 80rem; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .uui-navbar05_dropdown-list-3 { box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03); } .uui-navbar05_dropdown-list-3.w--open { width: 100vw; max-width: 100%; min-width: 100vw; background-color: #fff; padding-left: 2rem; padding-right: 2rem; position: absolute; top: 5.0625rem; bottom: auto; left: 0%; right: auto; overflow: hidden; } .uui-dropdown-icon-5 { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; margin-right: 1rem; display: flex; position: absolute; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar05_dropdown-toggle-3 { color: #475467; align-items: center; padding: 1.75rem 2.5rem 1.75rem 1rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-size: 1rem; font-weight: 600; transition: all .3s; display: flex; } .uui-navbar05_dropdown-toggle-3:hover { color: #344054; } .uui-navbar05_menu-dropdown-3 { position: static; } .uui-navbar05_menu-3 { flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static; } .uui-logo_image-6 { width: auto; height: 100%; flex: none; display: none; } .uui-logo_logotype-6 { width: auto; height: 100%; flex: none; } .uui-logo_logomark-dot-6 { z-index: 1; width: 50%; height: 50%; background-image: linear-gradient(26.5deg, #6941c6, #53389e); border-radius: 50%; position: relative; } .uui-logo_logomark-blur-6 { z-index: 2; width: 100%; height: 50%; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, .2); border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; position: absolute; top: 50%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-styleguide_logomark-bg-6 { width: 2rem; height: 2rem; border-radius: 8px; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .uui-logo_logomark-6 { width: 2rem; height: 2rem; border: .1px solid #dae0e8; border-radius: .5rem; flex: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1); } .uui-logo_component-6 { width: auto; height: 2rem; flex-wrap: nowrap; display: flex; } .uui-navbar05_logo-link-3 { padding-left: 0; } .uui-navbar05_component-3 { min-height: 5rem; background-color: #fff; border-bottom: 1px solid #f2f4f7; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex; } @media screen and (max-width: 991px) { .f-navigation-menu-button { color: #393b6a; border: 1px solid #f3f5fb; border-radius: 8px; padding: 10px; } .f-navigation-menu-button.w--open { background-color: #160042; border-color: #fff; } .f-navigation-link { width: 100%; } .f-navigation-menu { color: #393b6a; background-color: #fff; padding: 12px; position: absolute; } .f-navigation-menu.w--open { background-color: #282556; border-color: #fff; } .f-navigation-content { width: auto; align-items: center; display: flex; } .f-navigation-logo-link { margin-right: 0; } .f-navigation { position: relative; } .brix---hamburger-menu-bar-bottom { width: 44px; height: 3px; margin-top: 12px; margin-bottom: 12px; } .brix---hamburger-menu-bar-top { width: 44px; height: 3px; } .brix---hamburger-menu-wrapper { order: -1; transition: transform .3s; } .brix---hamburger-menu-wrapper:hover { transform: scale(.96); } .brix---hamburger-menu-wrapper.w--open { background-color: rgba(0, 0, 0, 0); } .brix---header-nav-list-item-show-in-mbl, .brix---header-nav-list-item { margin-bottom: 16px; padding-left: 0; } .brix---dropdown-pd { padding: 20px 0 14px; } .brix---dropdown-card { min-width: auto; box-shadow: none; background-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0; } .brix---dropdown-card.w--open { position: static; } .brix---dropdown-column-wrapper { padding-top: 0; position: static; } .brix---dropdown-column-wrapper.w--open { transform: none; } .brix---header-nav-menu-list { flex-direction: column; align-items: flex-start; } .brix---header-menu-wrapper { background-color: #fff; border-top: 1px solid #eff0f6; border-bottom: 1px solid #eff0f6; padding: 24px; } .brix---header-logo { max-width: 232px; } .brix---header-wrapper { padding-top: 24px; padding-bottom: 24px; } .menu-icon_line-bottom { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; justify-content: center; align-items: center; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-top { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_component { width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .uui-navbar3_menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .hide-tablet { display: none; } .uui-button-secondary-gray.show-tablet, .show-tablet { display: block; } .uui-navbar03_button-wrapper { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar03_menu-right { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar03_link { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar03_link:hover { color: #101828; } .uui-navbar03_bottom-bar-left { margin-bottom: 2rem; } .uui-navbar03_bottom-bar-background { width: 100%; border-radius: .5rem; top: 0%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-navbar03_bottom-bar { border-radius: .5rem; margin-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; display: none; } .uui-navbar03_dropdown-link { padding-left: 0; padding-right: 0; } .uui-navbar03_dropdown-link:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar03_dropdown-content-left { grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar03_dropdown-content { flex-direction: column; } .uui-navbar03_dropdown-list { position: relative; overflow: hidden; } .uui-navbar03_dropdown-list.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; margin-bottom: 1.5rem; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0; } .uui-dropdown-icon { color: #667085; margin-top: 0; margin-bottom: 0; margin-right: 0; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar03_dropdown-toggle { align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar03_dropdown-toggle:hover { color: #101828; } .uui-navbar03_menu-dropdown { width: 100%; position: relative; } .uui-navbar03_menu-left { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar03_menu { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-heroheader02_image-wrapper { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .uui-space-large { min-height: 2.5rem; } .uui-heading-xlarge { font-size: 3.25rem; } .uui-heroheader02_component { min-height: auto; grid-template-columns: 1fr; grid-auto-flow: row; } .uui-padding-vertical-xhuge { padding-top: 6rem; padding-bottom: 6rem; } .f-header-logo-grid { grid-template-columns: 1fr 1fr; } .a-header-image-grid { padding-left: 5%; } .a-header-image-block { height: 500px; max-width: 100%; position: relative; } .a-header-logo-wrapper { margin-top: 60px; } .a-button-primary { display: flex; } .a-header-button-wrapper { justify-content: center; } .a-header-block { max-width: 100%; text-align: center; align-items: center; margin-bottom: 60px; } .a-header-section { padding-bottom: 0; } .spark-hero-section-image { width: 100%; max-width: 100%; } .spark-hero-section-left-side { width: 100%; } .spark-flex-row.spark-5-spacing { grid-row-gap: 2rem; flex-direction: column-reverse; align-items: flex-start; } .spark-line-3.spark-simple-line { width: 12.75px; height: 3.33px; background-color: #5532fa; border-radius: 3px; margin-left: 0; left: 18px; } .spark-line-2.spark-simple-line { width: 24px; height: 3.33px; background-color: #5532fa; border-radius: 3px; } .spark-line-1.spark-simple-line { width: 24px; height: 3.33px; background-color: #5532fa; border-radius: 2px; } .spark-simple-menu-button { background-color: rgba(0, 0, 0, 0); padding-left: 18px; } .spark-simple-menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .spark-nav-link { text-align: left; margin-bottom: 1rem; margin-left: 0; } .spark-nav-link.spark-button { text-align: center; margin-bottom: 0; margin-left: 1rem; margin-right: 1rem; } .spark-nav-menu { z-index: 99; background-color: #fff; border-bottom-right-radius: 42px; border-bottom-left-radius: 42px; margin-top: 0; padding: 2rem 1rem 1rem; } .spark-square-menu-inner { padding: 0; } .spark-square-menu-with-links { padding-left: 32px; padding-right: 32px; } .spark-section { padding-top: 104px; padding-left: 32px; padding-right: 32px; } .menu-icon_line-bottom-2 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-inner-2 { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-2 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; justify-content: center; align-items: center; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-top-2 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_component-2 { width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .uui-navbar05_menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .hide-tablet-2 { display: none; } .uui-button-secondary-gray-2.show-tablet, .show-tablet-2 { display: block; } .uui-navbar05_button-wrapper { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar05_menu-right { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar05_link { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar05_link:hover { color: #101828; } .uui-navbar05_bottom-bar { border-radius: .5rem; flex-direction: column; margin-bottom: 1.5rem; padding: 1.5rem; overflow: hidden; } .uui-navbar05_dropdown-link { padding-left: 0; padding-right: 0; } .uui-navbar05_dropdown-link:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar05_dropdown-content-left { grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar05_dropdown-content { flex-direction: column; } .uui-navbar05_dropdown-list { position: relative; overflow: hidden; } .uui-navbar05_dropdown-list.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; padding-top: 0; padding-left: 0; padding-right: 0; position: relative; top: 0; left: 0; right: 0; } .uui-dropdown-icon-2 { color: #667085; margin-top: 0; margin-bottom: 0; margin-right: 0; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar05_dropdown-toggle { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar05_dropdown-toggle:hover { color: #101828; } .uui-navbar05_menu-dropdown { width: 100%; position: relative; } .uui-navbar05_menu-left { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar05_menu { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-navbar07_menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .uui-navbar07_button-wrapper { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar07_menu-right { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar07_link { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar07_link:hover { color: #101828; } .uui-navbar07_dropdown-link { padding-left: 0; padding-right: 0; } .uui-navbar07_dropdown-link:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar07_dropdown-link-list { padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar07_dropdown-list { position: static; overflow: hidden; } .uui-navbar07_dropdown-list.w--open { width: auto; box-shadow: none; border-style: none; border-color: rgba(0, 0, 0, 0); padding: 0; } .uui-navbar07_dropdown-toggle { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar07_dropdown-toggle:hover { color: #101828; } .uui-navbar07_menu-dropdown { width: 100%; position: relative; } .uui-navbar07_menu-left { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar07_menu { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-space-large-2 { min-height: 2.5rem; } .uui-heading-xlarge-2 { font-size: 3.25rem; } .uui-heroheader03_content { margin-right: 0; } .uui-heroheader03_component { min-height: auto; grid-row-gap: 4rem; grid-template-columns: 1fr; grid-auto-flow: row; } .uui-padding-vertical-xhuge-2 { padding-top: 6rem; padding-bottom: 6rem; } .uui-heroheader09_component { min-height: auto; grid-template-columns: 1fr; grid-auto-flow: row; } .uui-navbar01_menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .uui-navbar01_button-wrapper { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar01_menu-right { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar01_link { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar01_link:hover { color: #101828; } .uui-navbar01_dropdown-right-overlay-absolute { min-width: 100%; border-radius: .5rem; } .uui-navbar01_dropdown-content-button-wrapper { margin-bottom: 0; margin-left: 0; } .uui-navbar01_large-item-content { width: 100%; } .uui-navbar01_blog-item { width: 100%; padding-left: 0; padding-right: 0; } .uui-navbar01_blog-item:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar01_dropdown-blog-list { width: 100%; } .uui-navbar01_dropdown-content-heading { margin-bottom: 0; margin-left: 0; } .uui-navbar01_dropdown-content-right { max-width: none; align-items: flex-start; padding-left: 2rem; padding-right: 2rem; overflow: hidden; } .uui-navbar01_dropdown-link { padding-left: 0; padding-right: 0; } .uui-navbar01_dropdown-link:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar01_dropdown-content-left { align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar01_dropdown-content { flex-direction: column; } .uui-navbar01_dropdown-list { position: relative; overflow: hidden; } .uui-navbar01_dropdown-list.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; margin-bottom: 1.5rem; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0; } .uui-navbar01_dropdown-toggle { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar01_dropdown-toggle:hover { color: #101828; } .uui-navbar01_menu-dropdown { width: 100%; position: relative; } .uui-navbar01_menu-left { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar01_menu { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-navbar3_menu-button-2.w--open { background-color: rgba(0, 0, 0, 0); } .uui-navbar03_button-wrapper-2 { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar03_menu-right-2 { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar03_link-2 { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar03_link-2:hover { color: #101828; } .uui-navbar03_bottom-bar-left-2 { margin-bottom: 2rem; } .uui-navbar03_bottom-bar-background-2 { width: 100%; border-radius: .5rem; top: 0%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } .uui-navbar03_bottom-bar-2 { border-radius: .5rem; margin-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; display: none; } .uui-navbar03_dropdown-link-2 { padding-left: 0; padding-right: 0; } .uui-navbar03_dropdown-link-2:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar03_dropdown-content-left-2 { grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar03_dropdown-content-2 { flex-direction: column; } .uui-navbar03_dropdown-list-2 { position: relative; overflow: hidden; } .uui-navbar03_dropdown-list-2.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; margin-bottom: 1.5rem; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0; } .uui-navbar03_dropdown-toggle-2 { align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar03_dropdown-toggle-2:hover { color: #101828; } .uui-navbar03_menu-dropdown-2 { width: 100%; position: relative; } .uui-navbar03_menu-left-2 { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar03_menu-2 { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-footer01_top-wrapper { grid-row-gap: 4rem; grid-template-columns: 1fr; } .uui-padding-vertical-xlarge { padding-top: 3.5rem; padding-bottom: 3.5rem; } .uui-footer03_top-wrapper { grid-row-gap: 4rem; grid-template-columns: 1fr; } .uui-banner08_text-wrapper { flex-wrap: wrap; } .uui-banner08_icon-wrapper { display: none; } .uui-banner08_content { margin-right: 1rem; } .uui-banner08_wrapper { align-items: flex-start; padding-left: 1.25rem; } .uui-banner19_text-wrapper { flex-wrap: wrap; } .uui-banner19_icon-wrapper { display: none; } .uui-banner19_content { margin-right: 1rem; } .uui-banner19_wrapper { align-items: flex-start; } .uui-layout12_image { width: 35rem; min-width: 35rem; left: 2rem; } .uui-layout12_number { font-size: 3.25rem; } .uui-layout12_component { min-height: auto; grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; } .uui-padding-vertical-xhuge-3 { padding-top: 6rem; padding-bottom: 6rem; } .uui-layout12_image-2 { width: 35rem; min-width: 35rem; left: 2rem; } .uui-layout12_number-2 { font-size: 3.25rem; } .uui-layout12_component-2 { min-height: auto; grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; } .uui-padding-vertical-xhuge-4 { padding-top: 6rem; padding-bottom: 6rem; } .uui-layout01_image { width: 35rem; min-width: 35rem; left: 2rem; } .uui-layout01_component { grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; } .uui-layout18_lightbox-image { width: 100%; height: 100%; object-fit: cover; } .uui-layout18_component { min-height: auto; grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; align-items: start; } .uui-layout44_image-wrapper { height: 27rem; } .uui-layout44_logo-row { padding-left: 2rem; padding-right: 2rem; } .uui-padding-vertical-xhuge-5 { padding-top: 6rem; padding-bottom: 6rem; } .uui-layout08_component { min-height: auto; grid-template-columns: 1fr; grid-auto-flow: row; } .uui-padding-vertical-xhuge-6 { padding-top: 6rem; padding-bottom: 6rem; } .uui-layout38_logo-row { padding-left: 2rem; padding-right: 2rem; } .uui-padding-vertical-xhuge-7 { padding-top: 6rem; padding-bottom: 6rem; } .menu-icon_line-bottom-3 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-inner-3 { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-3 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; justify-content: center; align-items: center; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-top-3 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_component-3 { width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .uui-navbar01_menu-button-2.w--open { background-color: rgba(0, 0, 0, 0); } .hide-tablet-3 { display: none; } .uui-button-secondary-gray-10.show-tablet, .show-tablet-3 { display: block; } .uui-navbar01_button-wrapper-2 { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar01_menu-right-2 { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar01_link-2 { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar01_link-2:hover { color: #101828; } .uui-navbar01_dropdown-right-overlay-absolute-2 { min-width: 100%; border-radius: .5rem; } .uui-navbar01_dropdown-content-button-wrapper-2 { margin-bottom: 0; margin-left: 0; } .uui-navbar01_large-item-content-2 { width: 100%; } .uui-navbar01_blog-item-2 { width: 100%; padding-left: 0; padding-right: 0; } .uui-navbar01_blog-item-2:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar01_dropdown-blog-list-2 { width: 100%; } .uui-navbar01_dropdown-content-heading-2 { margin-bottom: 0; margin-left: 0; } .uui-navbar01_dropdown-content-right-2 { max-width: none; align-items: flex-start; padding-left: 2rem; padding-right: 2rem; overflow: hidden; } .uui-navbar01_dropdown-link-2 { padding-left: 0; padding-right: 0; } .uui-navbar01_dropdown-link-2:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar01_dropdown-content-left-2 { align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar01_dropdown-content-2 { flex-direction: column; } .uui-navbar01_dropdown-list-2 { position: relative; overflow: hidden; } .uui-navbar01_dropdown-list-2.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; margin-bottom: 1.5rem; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0; } .uui-dropdown-icon-3 { color: #667085; margin-top: 0; margin-bottom: 0; margin-right: 0; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar01_dropdown-toggle-2 { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar01_dropdown-toggle-2:hover { color: #101828; } .uui-navbar01_menu-dropdown-2 { width: 100%; position: relative; } .uui-navbar01_menu-left-2 { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar01_menu-2 { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .menu-icon_line-bottom-4 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-inner-4 { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-4 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; justify-content: center; align-items: center; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-top-4 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_component-4 { width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .uui-navbar04_menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .hide-tablet-4 { display: none; } .uui-button-secondary-gray-11.show-tablet, .show-tablet-4 { display: block; } .uui-navbar04_button-wrapper { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar04_menu-right { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar04_link { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar04_link:hover { color: #101828; } .uui-navbar04_dropdown-right-overlay-absolute { min-width: 100%; border-radius: .5rem; } .uui-navbar04_dropdown-content-right { max-width: none; padding-right: 2rem; } .uui-navbar04_dropdown-link { padding-left: 0; padding-right: 0; } .uui-navbar04_dropdown-link:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar04_dropdown-content-left { padding-left: 0; padding-right: 0; } .uui-navbar04_dropdown-content { flex-direction: column; } .uui-navbar04_dropdown-list { position: relative; overflow: hidden; } .uui-navbar04_dropdown-list.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; padding-top: 0; padding-left: 0; padding-right: 0; position: relative; top: 0; left: 0; right: 0; } .uui-dropdown-icon-4 { color: #667085; margin-top: 0; margin-bottom: 0; margin-right: 0; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar04_dropdown-toggle { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar04_dropdown-toggle:hover { color: #101828; } .uui-navbar04_menu-dropdown { width: 100%; position: relative; } .uui-navbar04_menu-left { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar04_menu { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-navbar08_menu-button.w--open { background-color: rgba(0, 0, 0, 0); } .uui-navbar08_button-wrapper { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar08_menu-right { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar08_link { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar08_link:hover { color: #101828; } .uui-navbar08_dropdown-link { padding-left: 0; padding-right: 0; } .uui-navbar08_dropdown-link:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar08_dropdown-content { align-content: start; align-items: start; padding: 1rem 0; } .uui-navbar08_dropdown-list { position: static; overflow: hidden; } .uui-navbar08_dropdown-list.w--open { width: auto; box-shadow: none; border-style: none; border-color: rgba(0, 0, 0, 0); padding: 0; } .uui-navbar08_dropdown-toggle { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar08_dropdown-toggle:hover { color: #101828; } .uui-navbar08_menu-dropdown { width: 100%; font-size: 1.125rem; } .uui-navbar08_menu-left { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar08_menu { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-navbar07_menu-button-2.w--open { background-color: rgba(0, 0, 0, 0); } .uui-navbar07_button-wrapper-2 { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar07_menu-right-2 { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar07_link-2 { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar07_link-2:hover { color: #101828; } .uui-navbar07_dropdown-link-2 { padding-left: 0; padding-right: 0; } .uui-navbar07_dropdown-link-2:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar07_dropdown-link-list-2 { padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar07_dropdown-list-2 { position: static; overflow: hidden; } .uui-navbar07_dropdown-list-2.w--open { width: auto; box-shadow: none; border-style: none; border-color: rgba(0, 0, 0, 0); padding: 0; } .uui-navbar07_dropdown-toggle-2 { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar07_dropdown-toggle-2:hover { color: #101828; } .uui-navbar07_menu-dropdown-2 { width: 100%; position: relative; } .uui-navbar07_menu-left-2 { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar07_menu-2 { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-navbar05_menu-button-2.w--open { background-color: rgba(0, 0, 0, 0); } .uui-navbar05_button-wrapper-2 { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar05_menu-right-2 { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar05_link-2 { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar05_link-2:hover { color: #101828; } .uui-navbar05_bottom-bar-2 { border-radius: .5rem; flex-direction: column; margin-bottom: 1.5rem; padding: 1.5rem; overflow: hidden; } .uui-navbar05_dropdown-link-2 { padding-left: 0; padding-right: 0; } .uui-navbar05_dropdown-link-2:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar05_dropdown-content-left-2 { grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar05_dropdown-content-2 { flex-direction: column; } .uui-navbar05_dropdown-list-2 { position: relative; overflow: hidden; } .uui-navbar05_dropdown-list-2.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; padding-top: 0; padding-left: 0; padding-right: 0; position: relative; top: 0; left: 0; right: 0; } .uui-navbar05_dropdown-toggle-2 { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar05_dropdown-toggle-2:hover { color: #101828; } .uui-navbar05_menu-dropdown-2 { width: 100%; position: relative; } .uui-navbar05_menu-left-2 { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar05_menu-2 { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } .uui-padding-vertical-xhuge-8 { padding-top: 6rem; padding-bottom: 6rem; } .uui-team08_list { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; } .uui-team08_component { min-height: auto; grid-template-columns: 1fr; } .uui-team02_list { grid-template-columns: 1fr 1fr; } .uui-padding-vertical-xhuge-9 { padding-top: 6rem; padding-bottom: 6rem; } .uui-career11_department-wrapper { grid-row-gap: 2rem; grid-template-columns: 1fr; } .uui-layout38_logo-row-2 { padding-left: 2rem; padding-right: 2rem; } .uui-padding-vertical-xhuge-10 { padding-top: 6rem; padding-bottom: 6rem; } .uui-space-xhuge { min-height: 6rem; } .uui-blogpost02_content { margin-bottom: 3rem; } .uui-heading-large { font-size: 2.75rem; } .hide-tablet-5 { display: none; } .uui-pricing04_plan { margin-top: 0; } .uui-pricing04_components { grid-template-columns: 1fr; } .uui-padding-vertical-xhuge-11 { padding-top: 6rem; padding-bottom: 6rem; } .uui-pricing08_plan { margin-top: 0; } .uui-pricing08_components { grid-template-columns: 1fr; } .uui-cta05_content { margin-right: 3rem; } .uui-cta05_component { grid-template-columns: 1fr; padding: 3rem; } .uui-padding-vertical-xhuge-12 { padding-top: 6rem; padding-bottom: 6rem; } .uui-footer03_top-wrapper-2 { grid-row-gap: 4rem; grid-template-columns: 1fr; } .uui-padding-vertical-xlarge-2 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .uui-heading-large-2 { font-size: 2.75rem; } .uui-padding-vertical-xhuge-13 { padding-top: 6rem; padding-bottom: 6rem; } .menu-icon_line-bottom-5 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-inner-5 { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle-5 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; justify-content: center; align-items: center; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-top-5 { width: 24px; height: 2px; background-color: #344054; border-radius: 1rem; padding-bottom: 0; padding-right: 0; } .menu-icon_component-5 { width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .uui-navbar05_menu-button-3.w--open { background-color: rgba(0, 0, 0, 0); } .hide-tablet-6 { display: none; } .uui-button-secondary-gray-16.show-tablet, .show-tablet-5 { display: block; } .uui-navbar05_button-wrapper-3 { flex-direction: column-reverse; align-items: stretch; display: flex; } .uui-navbar05_menu-right-3 { flex-direction: column-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; padding-bottom: 7rem; } .uui-navbar05_link-3 { width: 100%; color: #101828; padding: .75rem 0; font-size: 1.125rem; } .uui-navbar05_link-3:hover { color: #101828; } .uui-navbar05_bottom-bar-3 { border-radius: .5rem; flex-direction: column; margin-bottom: 1.5rem; padding: 1.5rem; overflow: hidden; } .uui-navbar05_dropdown-link-3 { padding-left: 0; padding-right: 0; } .uui-navbar05_dropdown-link-3:hover { background-color: rgba(0, 0, 0, 0); } .uui-navbar05_dropdown-content-left-3 { grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr; align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .uui-navbar05_dropdown-content-3 { flex-direction: column; } .uui-navbar05_dropdown-list-3 { position: relative; overflow: hidden; } .uui-navbar05_dropdown-list-3.w--open { min-width: auto; box-shadow: none; border-style: none; align-items: flex-start; padding-top: 0; padding-left: 0; padding-right: 0; position: relative; top: 0; left: 0; right: 0; } .uui-dropdown-icon-5 { color: #667085; margin-top: 0; margin-bottom: 0; margin-right: 0; top: auto; bottom: auto; left: auto; right: 0%; } .uui-navbar05_dropdown-toggle-3 { color: #101828; align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .uui-navbar05_dropdown-toggle-3:hover { color: #101828; } .uui-navbar05_menu-dropdown-3 { width: 100%; position: relative; } .uui-navbar05_menu-left-3 { grid-column-gap: 0px; grid-row-gap: .5rem; color: #101828; flex-direction: column; align-items: flex-start; display: flex; } .uui-navbar05_menu-3 { height: 100vh; -webkit-text-fill-color: inherit; background-color: #fff; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; margin-left: 0; padding: 1.5rem 2rem 5rem; position: absolute; overflow: auto; } } @media screen and (max-width: 767px) { .brix---btn-primary-small { padding: 20px 32px; } .brix---btn-header-hidden-on-mbl { display: none; } .brix---header-nav-list-item-show-in-mbl { display: block; } .brix---header-logo { max-width: 90%; } .uui-button { font-size: 1rem; } .uui-button:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-tertiary-gray:hover { color: #475467; background-color: rgba(0, 0, 0, 0); } .uui-button-secondary-gray { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray:hover { color: #344054; background-color: #fff; } .uui-button-secondary-gray.is-button-large { grid-column-gap: .5rem; padding: .75rem 1.25rem; font-size: 1rem; } .uui-navbar03_link { font-size: 1rem; } .uui-button-icon.is-icon-large { width: 1.25rem; height: 1.25rem; } .uui-button-link { font-size: 1rem; } .uui-button-link:hover { color: #6941c6; } .uui-badge-small-success { padding: .125rem .5rem; } .uui-navbar03_dropdown-link-list { max-width: none; grid-row-gap: .5rem; } .uui-navbar03_dropdown-content-left { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar03_dropdown-toggle { font-size: 1rem; } .uui-navbar03_menu { padding-left: 1rem; padding-right: 1rem; } .uui-styleguide_logomark-bg { background-image: url('../images/untitled-ui-logomark.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .uui-navbar03_component { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-button-2 { font-size: 1rem; } .uui-button-2:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-2.is-button-large { grid-column-gap: .5rem; padding: .75rem 1.25rem; font-size: 1rem; } .uui-button-wrapper.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .uui-button-row { align-self: stretch; } .uui-button-row.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-space-large { min-height: 2rem; } .uui-text-size-xlarge { font-size: 1.125rem; } .uui-space-small { min-height: 1.25rem; } .uui-heading-xlarge { font-size: 2.25rem; } .uui-padding-vertical-xhuge { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding { padding-left: 1rem; padding-right: 1rem; } .f-h1-heading { margin-top: 0; font-size: 48px; } .f-section-large { padding-top: 72px; padding-bottom: 72px; } .a-header-image-grid { margin-top: 20px; } .a-header-logo-wrapper { flex-direction: column; } .a-h1-heading { font-size: 48px; } .a-header-section { padding-top: 72px; padding-bottom: 72px; } .spark-hero-section-image { width: 100%; max-width: 100%; } .spark-input.spark-with-a-inner-shadow { width: 240px; } .spark-hero-sub-paragraph { margin-bottom: 32px; } .spark-hero-section-left-side { width: 100%; } .spark-flex-row { flex-direction: column; } .spark-flex-row.spark-5-spacing { grid-row-gap: 24px; flex-direction: column-reverse; } .spark-container { width: 100%; } .spark-nav-link { padding-left: 20px; padding-right: 20px; } .spark-nav-menu { max-height: 90vh; overflow: scroll; } .spark-square-menu-inner { padding-left: 0; padding-right: 0; } .spark-square-menu-with-links { padding-left: 20px; padding-right: 20px; } .spark-section { padding-top: 88px; padding-bottom: 88px; } .uui-button-3 { font-size: 1rem; } .uui-button-3:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-3.is-button-large { grid-column-gap: .5rem; padding: .75rem 1.25rem; font-size: 1rem; } .uui-button-tertiary-gray-2:hover { color: #475467; background-color: rgba(0, 0, 0, 0); } .uui-button-secondary-gray-2 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-2:hover { color: #344054; background-color: #fff; } .uui-button-secondary-gray-2.is-button-large { grid-column-gap: .5rem; padding: .75rem 1.25rem; font-size: 1rem; } .uui-navbar05_link, .uui-button-link-2 { font-size: 1rem; } .uui-button-link-2:hover { color: #6941c6; } .uui-text-size-small-2.hide-mobile-landscape { display: none; } .uui-navbar05_dropdown-link-list { max-width: none; grid-row-gap: .5rem; } .uui-badge-small-success-2 { padding: .125rem .5rem; } .uui-navbar05_dropdown-content-left { grid-row-gap: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: .5rem; padding-bottom: .5rem; } .uui-navbar05_dropdown-toggle { font-size: 1rem; } .uui-navbar05_menu { padding-left: 1rem; padding-right: 1rem; } .uui-styleguide_logomark-bg-2 { background-image: url('../images/untitled-ui-logomark.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .uui-navbar05_component { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-navbar07_link { font-size: 1rem; } .uui-navbar07_dropdown-link-list { max-width: none; grid-row-gap: .5rem; padding-top: .75rem; padding-bottom: .75rem; } .uui-navbar07_dropdown-toggle { font-size: 1rem; } .uui-navbar07_menu { padding-left: 1rem; padding-right: 1rem; } .uui-navbar07_component { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-heroheader03_image { height: 22rem; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; } .uui-button-wrapper-2.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-2 { width: 100%; max-width: none; } .uui-button-icon-2.is-icon-large { width: 1.25rem; height: 1.25rem; } .uui-button-row-2 { align-self: stretch; } .uui-button-row-2.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-space-large-2 { min-height: 2rem; } .uui-text-size-xlarge-2 { font-size: 1.125rem; } .uui-space-small-2 { min-height: 1.25rem; } .uui-heading-xlarge-2 { font-size: 2.25rem; } .uui-padding-vertical-xhuge-2 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-2 { padding-left: 1rem; padding-right: 1rem; } .hide-mobile-landscape { display: none; } .uui-navbar01_link { font-size: 1rem; } .uui-navbar01_blog-item { grid-column-gap: 1rem; grid-template-columns: .6fr 1fr; } .uui-navbar01_dropdown-content-right { padding: 1.5rem 1rem; } .uui-navbar01_dropdown-link-list { max-width: none; grid-row-gap: .5rem; } .uui-navbar01_dropdown-content-left { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: 1rem; padding-bottom: 1.5rem; } .uui-navbar01_dropdown-toggle { font-size: 1rem; } .uui-navbar01_menu { padding-left: 1rem; padding-right: 1rem; } .uui-navbar01_component { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-navbar03_link-2 { font-size: 1rem; } .uui-navbar03_dropdown-link-list-2 { max-width: none; grid-row-gap: .5rem; } .uui-navbar03_dropdown-content-left-2 { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar03_dropdown-toggle-2 { font-size: 1rem; } .uui-navbar03_menu-2 { padding-left: 1rem; padding-right: 1rem; } .navbar { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-footer01_legal-link:hover { color: #98a2b3; } .uui-footer01_legal-list { margin-bottom: 1rem; } .uui-footer01_bottom-wrapper { flex-direction: column-reverse; align-items: flex-start; margin-top: 3rem; } .uui-footer01_social-link:hover, .uui-footer01_link:hover { color: #667085; } .uui-footer01_menu-wrapper { grid-column-gap: 1.5rem; } .uui-footer01_form-block { margin-top: 1.5rem; } .uui-footer01_logo-link { margin-bottom: 1.5rem; padding-left: 0; } .uui-footer01_top-wrapper { grid-row-gap: 3rem; } .uui-padding-vertical-xlarge { padding-top: 2.5rem; padding-bottom: 2.5rem; } .uui-footer03_legal-link:hover { color: #98a2b3; } .uui-footer03_legal-list { margin-bottom: 1rem; } .uui-footer03_bottom-wrapper { flex-direction: column-reverse; align-items: flex-start; margin-top: 3rem; } .uui-footer03_link:hover { color: #6941c6; } .uui-footer03_social-link:hover { color: #98a2b3; } .uui-footer03_social-list { margin-top: 1.5rem; } .uui-footer03_logo-link { margin-bottom: 1.5rem; } .uui-footer03_top-wrapper { grid-row-gap: 3rem; } .uui-banner08_close-button { margin-left: 0; position: absolute; top: .5rem; bottom: auto; left: auto; right: .5rem; } .uui-banner08_close-button:hover { color: #667085; background-color: rgba(0, 0, 0, 0); } .uui-button-4 { font-size: 1rem; } .uui-button-4:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-secondary-gray-3 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-3:hover { color: #344054; background-color: #fff; } .uui-button-row-3 { align-self: stretch; } .uui-banner08_text-wrapper { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-direction: column; align-items: flex-start; } .uui-banner08_content { align-items: flex-start; margin-bottom: 1rem; margin-right: 2rem; } .uui-banner08_wrapper { flex-direction: column; align-items: stretch; padding: 1rem; } .uui-page-padding-3 { padding-left: 1rem; padding-right: 1rem; } .uui-banner19_close-button { margin-left: 0; position: absolute; top: .5rem; bottom: auto; left: auto; right: .5rem; } .uui-banner19_close-button:hover { background-color: rgba(0, 0, 0, 0); } .uui-button-secondary { font-size: 1rem; } .uui-button-secondary:hover { background-color: #f9f5ff; } .uui-banner19_content { align-items: flex-start; margin-bottom: 1rem; margin-right: 1.75rem; } .uui-banner19_wrapper { flex-direction: column; align-items: stretch; padding-top: 1rem; padding-bottom: 1rem; } .uui-button-secondary-gray-4 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-4:hover { color: #344054; background-color: #fff; } .uui-layout12_image { width: 100%; min-width: 100%; position: static; } .uui-layout12_image-wrapper { min-height: auto; padding: 1.5rem 1rem; } .uui-button-5 { font-size: 1rem; } .uui-button-5:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-4.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-3 { width: 100%; max-width: none; } .uui-button-secondary-gray-5 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-5:hover { color: #344054; background-color: #fff; } .uui-button-row-4 { align-self: stretch; } .uui-button-row-4.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-layout12_number { font-size: 2.25rem; } .uui-layout12_item-list { margin-top: 1.5rem; margin-bottom: 2rem; } .uui-text-size-large { font-size: 1rem; } .uui-space-xsmall { min-height: .75rem; } .uui-heading-medium { font-size: 1.75rem; line-height: 1.4; } .uui-layout12_component { grid-row-gap: 3rem; grid-template-columns: 1fr; } .uui-padding-vertical-xhuge-3 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-4 { padding-left: 1rem; padding-right: 1rem; } .uui-layout12_image-2 { width: 100%; min-width: 100%; position: static; } .uui-layout12_image-wrapper-2 { min-height: auto; padding: 1.5rem 1rem; } .uui-button-6 { font-size: 1rem; } .uui-button-6:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-5.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-4 { width: 100%; max-width: none; } .uui-button-secondary-gray-6 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-6:hover { color: #344054; background-color: #fff; } .uui-button-row-5 { align-self: stretch; } .uui-button-row-5.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-layout12_number-2 { font-size: 2.25rem; } .uui-layout12_item-list-2 { margin-top: 1.5rem; margin-bottom: 2rem; } .uui-text-size-large-2 { font-size: 1rem; } .uui-space-xsmall-2 { min-height: .75rem; } .uui-heading-medium-2 { font-size: 1.75rem; line-height: 1.4; } .uui-layout12_component-2 { grid-row-gap: 3rem; grid-template-columns: 1fr; } .uui-padding-vertical-xhuge-4 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-5 { padding-left: 1rem; padding-right: 1rem; } .uui-layout01_image { width: 100%; min-width: 100%; position: static; } .uui-layout01_image-wrapper { min-height: auto; padding: 1.5rem 1rem; } .uui-space-medium { min-height: 1.5rem; } .uui-layout01_component { grid-row-gap: 3rem; grid-template-columns: 1fr; } .uui-lightbox_play-icon { width: 4rem; height: 4rem; } .uui-heading-xsmall { font-size: 1.25rem; } .uui-layout18_item-list { grid-row-gap: 2.5rem; margin-bottom: 2rem; } .uui-layout18_component { grid-row-gap: 3rem; grid-template-columns: 1fr; } .uui-banner22_close-button { background-color: rgba(0, 0, 0, 0); } .uui-banner22_content { justify-content: flex-start; align-items: center; margin-left: 0; } .uui-banner22_content-wrapper { align-items: flex-start; } .uui-layout44_image { width: 100%; border-radius: .5rem; position: static; } .uui-layout44_image-wrapper { height: auto; margin-top: 3rem; padding: 1.5rem 1rem; } .uui-button-7 { font-size: 1rem; } .uui-button-7:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-6.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-5 { width: 100%; max-width: none; } .uui-button-secondary-gray-7 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-7:hover { color: #344054; background-color: #fff; } .uui-button-row-6 { align-self: stretch; } .uui-button-row-6.button-row-center.is-reverse-mobile-landscape, .uui-button-row-6.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-layout44_logo-row { margin-bottom: 2rem; padding-left: 0; padding-right: 0; } .uui-space-medium-2 { min-height: 1.5rem; } .uui-text-size-large-3 { font-size: 1rem; } .uui-space-xsmall-3 { min-height: .75rem; } .uui-heading-medium-3 { font-size: 1.75rem; line-height: 1.4; } .uui-padding-vertical-xhuge-5 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-6 { padding-left: 1rem; padding-right: 1rem; } .uui-button-8 { font-size: 1rem; } .uui-button-8:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-7.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-6 { width: 100%; max-width: none; } .uui-button-secondary-gray-8 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-8:hover { color: #344054; background-color: #fff; } .uui-button-row-7 { align-self: stretch; } .uui-button-row-7.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-text-size-large-4 { font-size: 1rem; } .uui-layout08_item-list { margin-top: 1.5rem; margin-bottom: 2rem; } .uui-space-xsmall-4 { min-height: .75rem; } .uui-heading-medium-4 { font-size: 1.75rem; line-height: 1.4; } .uui-layout08_component { grid-row-gap: 3rem; } .uui-padding-vertical-xhuge-6 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-7 { padding-left: 1rem; padding-right: 1rem; } .uui-button-9 { font-size: 1rem; } .uui-button-9:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-8.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-7 { width: 100%; max-width: none; } .uui-button-secondary-gray-9 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-9:hover { color: #344054; background-color: #fff; } .uui-button-row-8 { align-self: stretch; } .uui-button-row-8.button-row-center.is-reverse-mobile-landscape, .uui-button-row-8.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-layout38_logo-row { margin-bottom: 3rem; padding-left: 0; padding-right: 0; } .uui-space-medium-3 { min-height: 1.5rem; } .uui-text-size-large-5 { font-size: 1rem; } .uui-space-xsmall-5 { min-height: .75rem; } .uui-heading-medium-5 { font-size: 1.75rem; line-height: 1.4; } .uui-padding-vertical-xhuge-7 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-8 { padding-left: 1rem; padding-right: 1rem; } .uui-button-10 { font-size: 1rem; } .uui-button-10:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-tertiary-gray-3:hover { color: #475467; background-color: rgba(0, 0, 0, 0); } .uui-button-secondary-gray-10 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-10:hover { color: #344054; background-color: #fff; } .uui-navbar01_link-2, .uui-button-link-3 { font-size: 1rem; } .uui-button-link-3:hover { color: #6941c6; } .uui-button-row-9 { align-self: stretch; } .uui-text-size-small-3.hide-mobile-landscape { display: none; } .uui-navbar01_blog-item-2 { grid-column-gap: 1rem; grid-template-columns: .6fr 1fr; } .uui-navbar01_dropdown-content-right-2 { padding: 1.5rem 1rem; } .hide-mobile-landscape-2 { display: none; } .uui-badge-small-success-3 { padding: .125rem .5rem; } .uui-navbar01_dropdown-link-list-2 { max-width: none; grid-row-gap: .5rem; } .uui-navbar01_dropdown-content-left-2 { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: 1rem; padding-bottom: 1.5rem; } .uui-navbar01_dropdown-toggle-2 { font-size: 1rem; } .uui-navbar01_menu-2 { padding-left: 1rem; padding-right: 1rem; } .uui-styleguide_logomark-bg-3 { background-image: url('../images/untitled-ui-logomark.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .uui-navbar01_component-2 { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-button-11 { font-size: 1rem; } .uui-button-11:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-tertiary-gray-4:hover { color: #475467; background-color: rgba(0, 0, 0, 0); } .uui-button-secondary-gray-11 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-11:hover { color: #344054; background-color: #fff; } .uui-navbar04_link, .uui-button-link-gray { font-size: 1rem; } .uui-button-link-gray:hover { color: #475467; } .uui-navbar04_dropdown-content-right { padding-left: 1rem; padding-right: 1rem; } .uui-text-size-small-4.hide-mobile-landscape, .hide-mobile-landscape-3 { display: none; } .uui-badge-small-success-4 { padding: .125rem .5rem; } .uui-navbar04_dropdown-link-list { max-width: none; } .uui-navbar04_dropdown-content-left { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar04_dropdown-toggle { font-size: 1rem; } .uui-navbar04_menu { padding-left: 1rem; padding-right: 1rem; } .uui-styleguide_logomark-bg-4 { background-image: url('../images/untitled-ui-logomark.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .uui-navbar04_component { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-navbar08_link { font-size: 1rem; } .uui-navbar08_dropdown-link-list { max-width: none; grid-row-gap: .5rem; } .uui-navbar08_dropdown-content { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; } .uui-navbar08_dropdown-toggle { font-size: 1rem; } .uui-navbar08_menu { padding-left: 1rem; padding-right: 1rem; } .uui-navbar08_component { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-navbar07_link-2 { font-size: 1rem; } .uui-navbar07_dropdown-link-list-2 { max-width: none; grid-row-gap: .5rem; padding-top: .75rem; padding-bottom: .75rem; } .uui-navbar07_dropdown-toggle-2 { font-size: 1rem; } .uui-navbar07_menu-2 { padding-left: 1rem; padding-right: 1rem; } .uui-navbar07_component-2 { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-navbar05_link-2, .uui-button-link-4 { font-size: 1rem; } .uui-button-link-4:hover { color: #6941c6; } .uui-navbar05_dropdown-link-list-2 { max-width: none; grid-row-gap: .5rem; } .uui-navbar05_dropdown-content-left-2 { grid-row-gap: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: .5rem; padding-bottom: .5rem; } .uui-navbar05_dropdown-toggle-2 { font-size: 1rem; } .uui-navbar05_menu-2 { padding-left: 1rem; padding-right: 1rem; } .uui-navbar05_component-2 { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } .uui-button-link-5 { font-size: 1rem; } .uui-button-link-5:hover { color: #6941c6; } .uui-career03_title-wrapper { margin-bottom: 1.25rem; } .uui-career03_item { padding-top: 1.5rem; padding-bottom: 1.5rem; } .uui-heading-xsmall-2 { font-size: 1.25rem; } .uui-career03_job-description { padding-top: 1rem; padding-bottom: 1rem; } .uui-career03_accordion { padding-left: 1.25rem; padding-right: 1.25rem; } .uui-career03_component { margin-top: 3rem; } .uui-text-size-large-6 { font-size: 1rem; } .uui-space-xsmall-6 { min-height: .75rem; } .uui-heading-medium-6 { font-size: 1.75rem; line-height: 1.4; } .uui-padding-vertical-xhuge-8 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-9 { padding-left: 1rem; padding-right: 1rem; } .social-link:hover { color: #98a2b3; } .uui-team08_item { grid-row-gap: 1.5rem; grid-template-columns: max-content 1fr; } .uui-team08_list { grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .uui-button-12 { font-size: 1rem; } .uui-button-12:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-9.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-8 { width: 100%; max-width: none; } .uui-button-secondary-gray-12 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-12:hover { color: #344054; background-color: #fff; } .uui-button-row-10 { align-self: stretch; } .uui-button-row-10.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-space-medium-4 { min-height: 1.5rem; } .uui-team08_component { grid-row-gap: 3rem; grid-template-columns: 1fr; } .social-link-2:hover { color: #98a2b3; } .uui-space-xsmall-7 { min-height: .75rem; } .uui-team02_image-wrapper { height: 100%; } .uui-team02_list { grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .uui-team02_component { margin-top: 3rem; } .uui-button-13 { font-size: 1rem; } .uui-button-13:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-10.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-9 { width: 100%; max-width: none; } .uui-button-secondary-gray-13 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-13:hover { color: #344054; background-color: #fff; } .uui-button-row-11 { align-self: stretch; } .uui-button-row-11.button-row-center.is-reverse-mobile-landscape, .uui-button-row-11.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-space-medium-5 { min-height: 1.5rem; } .uui-text-size-large-7 { font-size: 1rem; } .uui-heading-medium-7 { font-size: 1.75rem; line-height: 1.4; } .uui-padding-vertical-xhuge-9 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-10 { padding-left: 1rem; padding-right: 1rem; } .uui-career11_job-details-wrapper { margin-top: 1.25rem; margin-bottom: 1.25rem; } .uui-career11_item { padding: 1.25rem; } .uui-career11_list { grid-template-rows: auto; } .uui-heading-xsmall-3 { font-size: 1.25rem; } .uui-career11_department-wrapper { grid-row-gap: 1.25rem; border-top-style: none; grid-template-columns: 1fr; margin-bottom: 2rem; padding-top: 0; } .uui-career11_component { margin-top: 3rem; } .uui-button-14 { font-size: 1rem; } .uui-button-14:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-11.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-10 { width: 100%; max-width: none; } .uui-button-secondary-gray-14 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-14:hover { color: #344054; background-color: #fff; } .uui-button-row-12 { align-self: stretch; } .uui-button-row-12.button-row-center.is-reverse-mobile-landscape, .uui-button-row-12.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-layout38_logo-row-2 { margin-bottom: 3rem; padding-left: 0; padding-right: 0; } .uui-space-medium-6 { min-height: 1.5rem; } .uui-text-size-large-8 { font-size: 1rem; } .uui-space-xsmall-8 { min-height: .75rem; } .uui-heading-medium-8 { font-size: 1.75rem; line-height: 1.4; } .uui-padding-vertical-xhuge-10 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-11 { padding-left: 1rem; padding-right: 1rem; } .uui-space-xhuge { min-height: 4rem; } .uui-blogpost02_author-heading { font-size: 1rem; } .uui-blogpost02_author-wrapper { margin-top: 2rem; } .uui-blogpost02_divider { margin-top: 2rem; margin-bottom: 2rem; } .uui-badge { padding: .125rem .5rem; } .uui-text-rich-text figure { margin-top: 2.5rem; margin-bottom: 2.5rem; } .uui-text-rich-text figcaption { margin-top: .75rem; } .uui-blogpost02_content, .uui-blogpost02_content-top { margin-bottom: 2rem; } .uui-heading-large { font-size: 2.25rem; } .uui-blogpost02_header { margin-bottom: 3rem; } .uui-pricing07_price { font-size: 2.25rem; } .uui-heading-xxsmall { font-size: 1.125rem; } .uui-pricing07_plans { display: none; } .uui-pricing07_component { margin-top: 2rem; } .uui-button-15 { font-size: 1rem; } .uui-button-15:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-pricing04_feature-list { margin-bottom: 2rem; } .uui-pricing04_price { font-size: 2.25rem; } .uui-heading-xxsmall-2 { font-size: 1.125rem; } .uui-pricing04_plan, .uui-pricing04_popular-plan { padding-left: 1.5rem; padding-right: 1.5rem; } .uui-pricing04_components { margin-top: 3rem; } .uui-text-size-large-9 { font-size: 1rem; } .uui-space-xsmall-9 { min-height: .75rem; } .uui-heading-medium-9 { font-size: 1.75rem; line-height: 1.4; } .uui-padding-vertical-xhuge-11 { padding-top: 4rem; padding-bottom: 4rem; } .pricing { padding-left: 1rem; padding-right: 1rem; } .uui-pricing08_feature-list { margin-bottom: 2rem; } .uui-pricing08_price { font-size: 2.25rem; } .uui-pricing08_plan { padding-left: 1.5rem; padding-right: 1.5rem; } .uui-pricing08_popular-plan { margin-top: 0; padding-left: 1.5rem; padding-right: 1.5rem; } .uui-pricing08_components { grid-template-columns: 1fr; } .uui-badge-2 { padding: .125rem .5rem; } .uui-pricing08_component { margin-top: 2rem; } .uui-button-16 { font-size: 1rem; } .uui-button-16:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-wrapper-12.max-width-full-mobile-landscape { width: 100%; } .max-width-full-mobile-landscape-11 { width: 100%; max-width: none; } .uui-button-secondary-gray-15 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-15:hover { color: #344054; background-color: #fff; } .uui-button-row-13 { align-self: stretch; } .uui-button-row-13.is-reverse-mobile-landscape, .uui-button-row-13.button-row-center.is-reverse-mobile-landscape { flex-direction: column-reverse; } .uui-text-size-large-10 { font-size: 1rem; } .uui-space-xsmall-10 { min-height: .75rem; } .uui-heading-small { font-size: 1.5rem; } .uui-cta05_content { margin-right: 0; } .uui-cta05_component { flex-direction: column; padding: 2.5rem 1.5rem; } .uui-padding-vertical-xhuge-12 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-12 { padding-left: 1rem; padding-right: 1rem; } .uui-space-medium-7 { min-height: 1.5rem; } .uui-heading-medium-10 { font-size: 12rem; line-height: 1.4; } .uui-heading-medium-11 { font-size: 1.75rem; line-height: 1.4; } .uui-footer03_legal-link-2:hover { color: #98a2b3; } .uui-footer03_legal-list-2 { margin-bottom: 1rem; } .uui-footer03_bottom-wrapper-2 { flex-direction: column-reverse; align-items: flex-start; margin-top: 3rem; } .uui-footer03_link-2:hover { color: #6941c6; } .uui-badge-small-success-5 { padding: .125rem .5rem; } .uui-footer03_social-link-2:hover { color: #98a2b3; } .uui-footer03_social-list-2 { margin-top: 1.5rem; } .uui-styleguide_logomark-bg-5 { background-image: url('../images/untitled-ui-logomark.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .uui-footer03_logo-link-2 { margin-bottom: 1.5rem; } .uui-footer03_top-wrapper-2 { grid-row-gap: 3rem; } .uui-padding-vertical-xlarge-2 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .uui-text-size-xlarge-3 { font-size: 1.125rem; } .uui-space-small-3 { min-height: 1.25rem; } .uui-heading-large-2 { font-size: 2.25rem; } .uui-padding-vertical-xhuge-13 { padding-top: 4rem; padding-bottom: 4rem; } .uui-page-padding-13 { padding-left: 1rem; padding-right: 1rem; } .uui-button-17 { font-size: 1rem; } .uui-button-17:hover { background-color: #7f56d9; border-color: #7f56d9; } .uui-button-tertiary-gray-5:hover { color: #475467; background-color: rgba(0, 0, 0, 0); } .uui-button-secondary-gray-16 { padding-left: 1.25rem; font-size: 1rem; } .uui-button-secondary-gray-16:hover { color: #344054; background-color: #fff; } .uui-navbar05_link-3, .uui-button-link-6 { font-size: 1rem; } .uui-button-link-6:hover { color: #6941c6; } .uui-navbar05_dropdown-link-list-3 { max-width: none; grid-row-gap: .5rem; } .uui-badge-small-success-6 { padding: .125rem .5rem; } .uui-navbar05_dropdown-content-left-3 { grid-row-gap: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: .5rem; padding-bottom: .5rem; } .uui-navbar05_dropdown-toggle-3 { font-size: 1rem; } .uui-navbar05_menu-3 { padding-left: 1rem; padding-right: 1rem; } .uui-styleguide_logomark-bg-6 { background-image: url('../images/untitled-ui-logomark.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .uui-navbar05_component-3 { min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 479px) { .f-navigation-button { display: none; } .brix---btn-primary-small { width: 100%; padding-top: 18px; padding-bottom: 18px; } .brix---header-nav-list-item-show-in-mbl, .brix---header-nav-list-item { width: 100%; text-align: left; } .brix---header-logo { max-width: 84%; } .brix---container-default { padding-left: 20px; padding-right: 20px; } .uui-navbar03_bottom-bar-right { width: 100%; flex-direction: column; } .uui-navbar03_bottom-bar-left { grid-template-rows: auto auto; grid-template-columns: max-content; } .uui-navbar03_bottom-bar { align-items: flex-start; } .uui-navbar03_dropdown-link { padding-left: 0; } .uui-navbar03_dropdown-content-left { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .hide-mobile-portrait { display: none; } .uui-heroheader02_image-wrapper { grid-template-columns: 1fr 1fr; } .uui-heroheader02_component, .f-header-logo-grid { grid-template-columns: 1fr; } .a-header-grid-column { grid-row-gap: 12px; } .a-header-image-grid { grid-column-gap: 12px; } .a-header-image-block { height: 320px; } .a-button-primary { width: 100%; } .a-header-button-wrapper { flex-direction: column; } .spark-input.spark-with-a-inner-shadow, .spark-form-label-and-input { width: 100%; } .spark-flexed-form { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; } .spark-flex-row { align-items: flex-start; } .spark-simple-menu-button { padding-left: 0; } .spark-nav-link { margin-bottom: .5rem; } .spark-nav-menu { max-height: 90vh; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; padding: 1rem .5rem; } .spark-square-menu-inner { background-color: #fff; padding-top: 0; padding-bottom: 0; } .spark-square-menu-with-links { padding-right: 0; } .spark-section { padding: 64px 20px; } .spark-section h1 { font-size: 3rem; } .spark-section h2 { font-size: 2.5rem; } .hide-mobile-portrait-2 { display: none; } .uui-navbar05_bottom-bar-content { flex-direction: column; display: flex; } .uui-navbar05_bottom-bar { align-items: center; } .uui-navbar05_dropdown-content-left { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-logo_component-2 { padding-right: 0; } .uui-navbar07_dropdown-link { padding-left: 0; } .uui-heroheader03_image { height: 15rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; } .uui-heroheader03_component { grid-template-columns: 1fr; } .uui-heroheader09_image-wrapper { grid-template-columns: 1fr 1fr; } .uui-heroheader09_component { grid-template-columns: 1fr; } .uui-navbar01_large-item-content { margin-top: 1rem; } .uui-navbar01_blog-item { flex-direction: column; display: flex; } .uui-navbar01_dropdown-blog-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar01_dropdown-link { padding-left: 0; } .uui-navbar01_dropdown-content-left { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar03_bottom-bar-right-2 { width: 100%; flex-direction: column; } .uui-navbar03_bottom-bar-left-2 { grid-template-rows: auto auto; grid-template-columns: max-content; } .uui-navbar03_bottom-bar-2 { align-items: flex-start; } .uui-navbar03_dropdown-link-2 { padding-left: 0; } .uui-navbar03_dropdown-content-left-2 { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-footer01_menu-wrapper { grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .uui-footer01_form { grid-row-gap: 12px; flex-direction: column; grid-template-columns: 1fr; } .uui-footer01_top-wrapper { grid-row-gap: 48px; } .uui-footer03_menu-wrapper, .uui-layout12_item-list, .uui-layout12_item-list-2 { grid-template-columns: 1fr; } .uui-navbar01_large-item-content-2 { margin-top: 1rem; } .uui-navbar01_blog-item-2 { flex-direction: column; display: flex; } .uui-navbar01_dropdown-blog-list-2 { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .uui-navbar01_dropdown-link-2 { padding-left: 0; } .uui-navbar01_dropdown-content-left-2 { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar04_dropdown-content-wrapper { width: 100%; } .uui-navbar04_dropdown-content-right { max-width: none; } .uui-navbar04_dropdown-link { padding-left: 0; } .uui-navbar04_dropdown-content-left { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar08_dropdown-link { padding-left: 0; } .uui-navbar08_dropdown-content { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-navbar07_dropdown-link-2 { padding-left: 0; } .hide-mobile-portrait-3 { display: none; } .uui-navbar05_bottom-bar-content-2 { flex-direction: column; display: flex; } .uui-navbar05_bottom-bar-2 { align-items: center; } .uui-navbar05_dropdown-content-left-2 { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .uui-career03_title-heading { margin-bottom: 1.25rem; } .uui-career03_title-wrapper { flex-direction: column; justify-content: flex-start; display: flex; } .uui-team08_item { grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr; } .uui-team08_component { grid-template-columns: 1fr; } .uui-team02_image-wrapper { padding-top: 66%; } .uui-team02_list { grid-template-columns: 1fr; } .uui-career11_title-wrapper { grid-row-gap: .5rem; flex-direction: column; align-items: flex-start; margin-bottom: 1rem; } .uui-blogpost02_tag-list { justify-content: flex-start; } .uui-blogpost02_tag-list-wrapper { width: 100%; } .uui-blogpost02_share-wrapper { width: 100%; margin-bottom: 2rem; } .uui-blogpost02_content-bottom, .uui-blogpost02_content-top { flex-direction: column; align-items: flex-start; } .uui-badge-2.hide-mobile-portrait, .hide-mobile-portrait-4 { display: none; } .uui-heading-medium-10 { font-size: 8rem; } .uui-footer03_menu-wrapper-2 { grid-template-columns: 1fr; } .hide-mobile-portrait-5 { display: none; } .uui-navbar05_bottom-bar-content-3 { flex-direction: column; display: flex; } .uui-navbar05_bottom-bar-3 { align-items: center; } .uui-navbar05_dropdown-content-left-3 { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } } #w-node-_9bf3ef65-b76c-3d41-e535-7c23b74bd0f4-ed68df0a { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_14cab4ec-ff68-a396-8bd7-fce3ed5e2ea3-ed68df0a, #w-node-_14cab4ec-ff68-a396-8bd7-fce3ed5e2ea9-ed68df0a, #w-node-_14cab4ec-ff68-a396-8bd7-fce3ed5e2eaf-ed68df0a, #w-node-_3edf19d8-2ce6-ccdd-a6aa-16434943b49b-ed68df0a, #w-node-_860476cd-f1ed-cb23-7637-e1a2d08831aa-ed68df0a, #w-node-d86b0202-8316-0de0-95a6-f3a3809030c6-ed68df0a { align-self: start; } #w-node-_6ca26851-d922-8044-7bea-977a80a19676-80a19660 { justify-self: stretch; } #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c8776a-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c8776f-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c87774-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c87789-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c8778e-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c87793-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c87798-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c8779d-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877a2-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877a7-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877ac-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877b1-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877c9-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877ce-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877d3-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877d8-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877dd-47ad0af8, #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877e2-47ad0af8 { align-self: start; } #w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877ee-47ad0af8 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9bf3ef65-b76c-3d41-e535-7c23b74bd0f4-d0e79bc9 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_14cab4ec-ff68-a396-8bd7-fce3ed5e2ea3-d0e79bc9, #w-node-_14cab4ec-ff68-a396-8bd7-fce3ed5e2ea9-d0e79bc9, #w-node-_14cab4ec-ff68-a396-8bd7-fce3ed5e2eaf-d0e79bc9, #w-node-_3edf19d8-2ce6-ccdd-a6aa-16434943b49b-d0e79bc9, #w-node-_860476cd-f1ed-cb23-7637-e1a2d08831aa-d0e79bc9, #w-node-d86b0202-8316-0de0-95a6-f3a3809030c6-d0e79bc9 { align-self: start; } #w-node-c3ba0e1a-bf5e-2d5d-7acc-ca3f39b7b4ca-39b7b4b6 { justify-self: stretch; }