:root { --font--body: Intertight, sans-serif; --base-color-brand--dark-navy: #0c0d0f; --font--headers: Mosvita, sans-serif; --base-color-brand--primary: #fbd033; --base-color-brand--primary-xdark: #d6ad39; --spacer--giant: 6rem; --spacer--xxhuge: 4rem; --spacer--large: 1.25rem; --background-color--background-primary: var(--base-color-neutral--black); --base-color-brand--primary-4xlight: #fff8e0; --spacer--xxlarge: 2rem; --spacer--xlarge: 1.5rem; --spacer--small: .75rem; --base-color-brand--primary-dark: #ecc045; --text-color--text-alternate: var(--base-color-neutral--white); --spacer--xxgiant: 12rem; --text-color--text-primary: var(--base-color-neutral--black); --text-color--text-secondary: var(--base-color-neutral--neutral-darker); --background-color--background-success: var(--base-color-system--success-green); --text-color--text-success: var(--base-color-system--success-green-dark); --base-color-brand--primary-5xdark: #896709; --border-color--border-primary: var(--base-color-neutral--neutral-lightest); --base-color-brand--grey-150: #33415c; --background-color--background-alternate: var(--base-color-neutral--white); --background-color--background-secondary: var(--base-color-brand--primary); --link-color--link-primary: var(--base-color-brand--primary); --background-color--background-tertiary: var(--base-color-brand--secondary); --spacer--medium: 1rem; --spacer--xsmall: .5rem; --spacer--xxsmall: .25rem; --background-color--background-error: var(--base-color-system--error-red); --text-color--text-error: var(--base-color-system--error-red-dark); --spacer--tiny: .125rem; --base-color-brand--midnight-yellow: #201900; --base-color-brand--border: #dee3e9; --base-color-brand--grey: #979dac; --base-color-brand--grey-25: #d0d3da; --base-color-neutral--white: #fff; --base-color-brand--grey-100: #5c677d; --base-color-brand--primary-3xdark: #b48c1e; --base-color-brand--primary-4xdark: #a47903; --base-color-brand--primary-2xdark: #c39a27; --base-color-neutral--neutral-lightest: #eee; --base-color-neutral--neutral: #666; --base-color-neutral--neutral-dark: #444; --base-color-neutral--neutral-darker: #222; --base-color-system--success-green-dark: #114e0b; --background-color--background-warning: var(--base-color-system--warning-yellow); --text-color--text-warning: var(--base-color-system--warning-yellow-dark); --spacer--xhuge: 3rem; --spacer--huge: 2.5rem; --spacer--xgiant: 8rem; --base-color-brand--primary-light: #f2cc65; --template: #ecc045; --base-color-neutral--black: #000; --base-color-system--success-green: #cef5ca; --base-color-neutral--neutral-darkest: #111; --base-color-brand--primary-xlight: #efd794; --base-color-brand--text-alert: #922424; --base-color-brand--text-alert-hover: #b61717; --base-color-neutral--neutral-lighter: #ccc; --base-color-brand--grey-50: #7d8597; --base-color-neutral--neutral-light: #aaa; --base-color-brand--primary-3xligdht: #fff8e0; --border-color--border-alternate: var(--base-color-neutral--neutral-darker); --base-color-brand--primary-2xlight: #fdf0c2; --base-color-brand--secondary: #2541b2; --base-color-brand--secondary-light: #2e4ecd; --base-color-brand--secondary-xlight: #4367f5; --base-color-system--warning-yellow: #fcf8d8; --base-color-system--warning-yellow-dark: #5e5515; --base-color-system--error-red: #f8e4e4; --base-color-system--error-red-dark: #3b0b0b; --base-color-system--focus-state: #2541b2; --border-color--border-secondary: var(--base-color-brand--primary); --link-color--link-secondary: var(--base-color-neutral--black); --link-color--link-alternate: var(--base-color-neutral--white); } .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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible { outline-offset: 2px; border-radius: 50%; outline: 2px solid #3b79c3; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } body { font-family: var(--font--body); color: var(--base-color-brand--dark-navy); font-size: 1.2rem; line-height: 1.5; } h1 { font-family: var(--font--headers); margin-top: 0; margin-bottom: 0; font-size: 4rem; font-weight: 500; line-height: 1.1; } h2 { font-family: var(--font--headers); margin-top: 0; margin-bottom: 0; font-size: 3rem; font-weight: 700; line-height: 1.2; } h3 { font-family: var(--font--headers); margin-top: 0; margin-bottom: 0; font-size: 2rem; font-weight: 700; line-height: 1.2; } h4 { font-family: var(--font--headers); margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 1.4; } h5 { font-family: var(--font--headers); margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 600; line-height: 1.5; } h6 { font-family: var(--font--headers); margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 700; line-height: 1.5; } p { margin-bottom: 0; } a { color: var(--base-color-brand--primary); text-decoration: none; } a:hover { color: var(--base-color-brand--primary-xdark); text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 0; padding-left: 1.5rem; } li { margin-bottom: .25rem; } img { max-width: 100%; display: inline-block; } label { margin-bottom: .25rem; font-weight: 500; } blockquote { border-left: .25rem solid #e2e2e2; margin-bottom: 0; padding: 0 1.25rem; font-size: 1.25rem; line-height: 1.5; } figure { margin-top: 2rem; margin-bottom: 2rem; } figcaption { text-align: center; margin-top: .25rem; } .utility-page_component { padding: var(--spacer--giant) var(--spacer--xxhuge) var(--spacer--xxhuge); grid-column-gap: var(--spacer--large); grid-row-gap: var(--spacer--large); background-color: var(--background-color--background-primary); color: var(--base-color-brand--primary-4xlight); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: center stretch; width: 100vw; max-width: 100%; height: 50vh; max-height: 100%; display: flex; } .utility-page_wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: center; flex-direction: column; justify-content: flex-start; align-items: center; max-width: 32rem; display: flex; } .utility-page_form { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; justify-content: flex-start; align-items: stretch; display: flex; } .global-styles { display: block; position: fixed; inset: 0% auto auto 0%; } .margin-custom2 { margin: 2.5rem; } .padding-xlarge { padding: 4rem; } .margin-xlarge { margin: 4rem; } .margin-xsmall { margin: .5rem; } .padding-xhuge { padding: 8rem; } .margin-custom1 { margin: 1.5rem; } .padding-0 { padding: 0; } .padding-xxhuge { padding: 12rem; } .padding-huge { padding: 6rem; } .margin-large { margin: 3rem; } .padding-xxlarge { padding: 5rem; } .margin-xxsmall { margin: .25rem; } .padding-custom3 { padding: 3.5rem; } .padding-large { padding: 3rem; } .margin-tiny { margin: .125rem; } .padding-small { padding: 1rem; } .padding-custom2 { padding: 2.5rem; } .margin-custom3 { margin: 3.5rem; } .padding-custom1 { padding: 1.5rem; } .margin-huge { margin: 6rem; } .padding-medium { padding: 2rem; } .padding-xsmall { padding: .5rem; } .margin-xxlarge { margin: 5rem; } .padding-xxsmall { padding: .25rem; } .margin-xhuge { margin: 8rem; } .padding-tiny { padding: .125rem; } .margin-small { margin: 1rem; } .margin-medium { margin: 2rem; } .margin-xxhuge { margin: 12rem; } .margin-0 { margin: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-top.padding-custom4 { padding-top: var(--spacer--small); } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom, .margin-bottom.margin-xsmall { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .form_checkbox { flex-direction: row; align-items: center; margin-bottom: .5rem; padding-left: 0; display: flex; } .form_checkbox-icon { border-radius: .125rem; width: .875rem; height: .875rem; margin: 0 .5rem 0 0; } .form_checkbox-icon.w--redirected-checked { background-size: 90%; border-radius: .125rem; width: .875rem; height: .875rem; margin: 0 .5rem 0 0; } .form_checkbox-icon.w--redirected-focus { border-radius: .125rem; width: .875rem; height: .875rem; margin: 0 .5rem 0 0; box-shadow: 0 0 .25rem 0 #3898ec; } .fs-styleguide_background { border: 1px solid #0000001a; flex-direction: column; justify-content: center; align-items: stretch; width: 100%; display: flex; } .fs-styleguide_spacing { grid-column-gap: .5rem; grid-row-gap: .5rem; background-image: linear-gradient(to top, #2d40ea1a, #fff0); grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start stretch; display: grid; position: relative; } .icon-1x1-small { flex: none; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .overflow-auto { overflow: auto; } .spacing-clean { margin: 0; padding: 0; } .icon-1x1-large { width: 2.5rem; height: 2.5rem; } .z-index-2 { z-index: 2; position: relative; } .fs-styleguide_background-space { width: 1px; height: 1px; margin: 5rem; } .text-weight-semibold { font-weight: 600; } .text-style-strikethrough { text-decoration: line-through; } .fs-styleguide_item { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; border-bottom: 1px solid #0000001a; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start; padding-bottom: 3rem; display: grid; position: relative; } .fs-styleguide_item.is-stretch { justify-items: stretch; } .max-width-full { width: 100%; max-width: none; } .fs-styleguide_item-header { border-bottom: 1px solid #0000001a; width: 100%; padding-bottom: 2rem; } .background-color-primary { background-color: var(--base-color-brand--primary-dark); color: var(--text-color--text-alternate); } .background-color-primary.border-radius-huge { border-radius: var(--spacer--xxgiant); } .z-index-1 { z-index: 1; position: relative; } .text-color-primary { color: var(--text-color--text-primary); } .text-color-secondary { color: var(--text-color--text-secondary); } .fs-styleguide_2-col { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .fs-styleguide_2-col.is-align-start { align-items: start; } .form_message-success { background-color: var(--background-color--background-success); color: var(--text-color--text-success); padding: 1.25rem; } .fs-styleguide_row { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-direction: row; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: flex-start; align-items: center; display: flex; } .heading-style-h3 { font-size: 2rem; font-weight: 600; line-height: 1.2; } .text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 { margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text h5, .text-rich-text h6 { margin-top: 1.25rem; margin-bottom: 1rem; } .text-rich-text p { margin-bottom: 1rem; } .text-rich-text ul, .text-rich-text ol { margin-bottom: 1.5rem; } .text-rich-text blockquote { margin-top: 2rem; margin-bottom: 2rem; } .pointer-events-auto { pointer-events: auto; } .container-small { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .container-small.margin-0 { margin-left: 0; margin-right: 0; } .icon-height-small { height: 1rem; } .icon-1x1-medium { width: 2rem; height: 2rem; } .heading-style-h1 { font-family: var(--font--headers); font-size: 4rem; font-weight: 400; line-height: 1.1; } .heading-style-h1.text-color-primary, .heading-style-h1.text-color-primaryx5 { color: var(--base-color-brand--primary-5xdark); } .padding-global { padding-left: 2.5rem; padding-right: 2.5rem; } .text-weight-normal { font-weight: 400; } .padding-section-small { padding-top: 3rem; padding-bottom: 3rem; } .max-width-small { width: 100%; max-width: 20rem; } .text-color-alternate { color: var(--text-color--text-alternate); } .text-style-italic { font-style: italic; } .pointer-events-none { pointer-events: none; } .text-weight-medium { font-weight: 500; } .overflow-hidden { overflow: hidden; } .overflow-hidden.is-centered { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .fs-styleguide_section-header { grid-column-gap: 1rem; grid-row-gap: 1rem; border-bottom: 1px solid var(--border-color--border-primary); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; padding-bottom: 3rem; line-height: 1.4; display: grid; } .text-size-tiny { font-size: .75rem; } .max-width-xxlarge { width: 100%; max-width: 80rem; } .fs-styleguide_1-col { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .overflow-visible { overflow: visible; } .fs-styleguide_empty-box { z-index: -1; background-color: #2d40ea0d; border: 1px dashed #2d40ea; min-width: 3rem; height: 3rem; position: relative; } .text-weight-light { font-weight: 300; } .fs-styleguide_heading-medium { font-size: 4rem; } .max-width-xsmall { width: 100%; max-width: 16rem; } .fs-styleguide_4-col { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .text-size-regular { font-size: 1rem; } .text-size-regular.text-color-grey-150 { color: var(--base-color-brand--grey-150); } .text-weight-xbold { font-weight: 800; } .text-align-right { text-align: right; } .text-weight-bold { font-weight: 700; } .max-width-medium { width: 100%; max-width: 32rem; } .max-width-medium.align-center { margin-left: auto; margin-right: auto; } .fs-styleguide_item-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .max-width-large { width: 100%; max-width: 48rem; } .max-width-large.align-center { margin-left: auto; margin-right: auto; } .fs-styleguide_header-block { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center start; display: grid; } .background-color-alternate { background-color: var(--background-color--background-alternate); } .text-style-muted { opacity: .6; } .text-size-small { font-size: .875rem; } .heading-style-h4 { font-size: 1.5rem; font-weight: 500; line-height: 1.4; } .max-width-xlarge { width: 100%; max-width: 64rem; } .max-width-xlarge.align-center { margin-left: auto; margin-right: auto; } .form_radio-icon { width: .875rem; height: .875rem; margin-top: 0; margin-left: 0; margin-right: .5rem; } .form_radio-icon.w--redirected-checked { border-width: .25rem; width: .875rem; height: .875rem; } .form_radio-icon.w--redirected-focus { width: .875rem; height: .875rem; box-shadow: 0 0 .25rem 0 #3898ec; } .text-style-nowrap { white-space: nowrap; } .text-align-left { text-align: left; } .background-color-secondary { background-color: var(--background-color--background-secondary); } .form_input { border: 1px solid var(--border-color--border-primary); background-color: #0000; min-height: 3rem; margin-bottom: .75rem; padding: .5rem 1rem; font-size: 1rem; position: relative; } .form_input::placeholder, .form_input.is-select-input { color: var(--text-color--text-secondary); } .form_input.is-text-area { min-height: 8rem; padding-top: .75rem; font-size: 1rem; } .form_input.is-icon-left { padding-left: 2.75rem; } .heading-style-h6 { font-size: 1rem; font-weight: 500; line-height: 1.5; } .heading-style-h6.text-weight-medium { font-weight: 500; } .heading-style-h6.text-weight-normal { font-weight: 400; } .padding-section-large { padding-top: 8rem; padding-bottom: 8rem; } .fs-styleguide_3-col { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; width: 100%; display: grid; } .fs-styleguide_3-col.is-align-start { align-items: start; } .text-style-link { color: var(--link-color--link-primary); text-decoration: underline; } .text-size-large { font-size: 1.5rem; } .fs-styleguide_header { background-color: var(--background-color--background-primary); color: var(--text-color--text-alternate); background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%); } .heading-style-h2 { font-size: 3rem; font-weight: 700; line-height: 1.2; } .fs-styleguide_label { background-color: var(--background-color--background-secondary); color: var(--text-color--text-alternate); border-radius: .25rem; flex-direction: row; justify-content: flex-start; align-items: center; padding: .25rem .75rem .3rem; font-weight: 600; display: flex; } .fs-styleguide_label.is-tag { background-color: var(--background-color--background-tertiary); } .heading-style-h5 { font-size: 1.25rem; font-weight: 500; line-height: 1.5; } .container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .container-large.margin-0 { margin-left: 0; margin-right: 0; } .icon-height-medium { height: 2rem; } .text-style-allcaps { text-transform: uppercase; } .overflow-scroll { overflow: scroll; } .form_message-error { margin-top: var(--spacer--medium); padding: var(--spacer--xsmall) .75rem; border-radius: var(--spacer--xxsmall); background-color: var(--background-color--background-error); color: var(--text-color--text-error); border: 1px solid #ffabab; } .icon-height-large { height: 3rem; } .text-align-center { text-align: center; } .form_component { margin-bottom: 0; } .max-width-xxsmall { width: 100%; max-width: 12rem; } .layer { justify-content: center; align-items: center; position: absolute; inset: 0%; } .text-style-quote { border-left: .25rem solid #e2e2e2; margin-bottom: 0; padding: 0 1.25rem; font-size: 1.25rem; line-height: 1.5; } .align-center { margin-left: auto; margin-right: auto; } .button { border: var(--spacer--tiny) solid var(--base-color-brand--primary); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary); font-family: var(--font--headers); color: var(--base-color-brand--midnight-yellow); text-align: center; padding: .75rem 1.5rem; font-weight: 500; transition: color .25s cubic-bezier(.47, 0, .745, .715), transform .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); } .button:hover { border-color: var(--base-color-brand--border); background-color: var(--base-color-brand--border); box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--grey); color: var(--base-color-brand--grey-150); text-decoration: none; transform: translate(.125rem, -.125rem); } .button.is-text { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); color: var(--base-color-brand--primary); background-color: #0000; border: 2px solid #0000; border-bottom: 1px solid #e1d3ff00; border-radius: 0; justify-content: flex-start; align-items: center; padding: 0; font-size: 1rem; text-decoration: none; transition: border .25s cubic-bezier(.47, 0, .745, .715); display: flex; } .button.is-text:hover { border-bottom-color: var(--base-color-brand--primary); } .button.is-text.is-template { color: var(--base-color-brand--grey-25); transition: color .2s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .button.is-text.is-template:hover { box-shadow: none; color: var(--base-color-neutral--white); border-bottom-color: #e0b00000; transform: none; } .button.is-small { padding: .5rem 1.25rem; font-size: 1.1rem; } .button.is-small.is-secondary { color: var(--base-color-brand--midnight-yellow); } .button.is-large { padding: 1rem 2rem; } .button.is-secondary { border-color: var(--base-color-brand--grey-25); background-color: var(--base-color-brand--grey-25); color: var(--base-color-brand--grey-100); text-decoration: none; } .button.is-secondary:hover { border-color: var(--base-color-brand--border); background-color: var(--base-color-brand--border); box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--grey-25); color: var(--base-color-brand--grey-150); } .button.is-secondary.is-icon { color: var(--base-color-brand--midnight-yellow); width: 100%; } .button.is-secondary.is-icon:hover { box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--grey); color: var(--base-color-brand--grey-150); } .button.is-icon { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: row; justify-content: center; align-items: center; text-decoration: none; display: flex; } .button.is-icon.is-nav { padding: var(--spacer--xsmall) var(--spacer--medium); grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); background-color: var(--base-color-neutral--white); color: var(--base-color-brand--grey-100); border-style: none; font-weight: 400; } .button.is-icon.is-nav:hover { box-shadow: none; color: var(--base-color-brand--primary-3xdark); transform: none; } .button.is-icon.is-top-bar { grid-column-gap: var(--spacer--small); grid-row-gap: var(--spacer--small); border-width: 1px; border-color: var(--base-color-brand--border); border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--white); color: var(--base-color-brand--primary-4xdark); cursor: pointer; font-size: 1.3rem; transition: border-color .25s cubic-bezier(.47, 0, .745, .715), color .25s cubic-bezier(.47, 0, .745, .715), transform .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); } .button.is-icon.is-top-bar:hover { border-color: var(--base-color-brand--primary-2xdark); box-shadow: none; transform: none; } .button.is-brand { background-color: var(--background-color--background-secondary); } .button.hide-text { color: var(--base-color-brand--primary); } .button.is-text-custom { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); font-family: var(--font--body); color: var(--base-color-brand--grey-25); background-color: #0000; border: 2px solid #0000; border-bottom: 1px solid #e1d3ff00; border-radius: 0; justify-content: flex-start; align-items: center; padding: 0; font-size: 1.2rem; font-weight: 400; text-decoration: none; transition: transform .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .button.is-text-custom:hover { box-shadow: none; color: var(--base-color-neutral--white); transform: translate(0, -.125rem); } .button.is-text-custom.is-template { color: var(--base-color-brand--grey-25); transition: color .2s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .button.is-text-custom.is-template:hover { box-shadow: none; color: var(--base-color-neutral--white); border-bottom-color: #e0b00000; transform: none; } .button.is-text-custom.is-alternate { color: var(--base-color-neutral--neutral); } .button.is-text-custom.is-alternate:hover { color: #f00004; } .button.is-text-custom.hide { display: none; } .button.is-custom { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); color: var(--base-color-brand--primary-5xdark); background-color: #fafafa; border-style: none; flex-flow: row; justify-content: flex-end; align-items: center; padding: 0; line-height: 1; display: flex; } .button.is-custom:hover { box-shadow: none; color: var(--base-color-brand--primary-4xdark); transform: translate(0, -.125rem); } .button.is-text-dark { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); font-family: var(--font--body); color: var(--base-color-brand--primary-4xdark); background-color: #0000; border: 2px solid #0000; border-bottom: 1px solid #e1d3ff00; border-radius: 0; justify-content: flex-start; align-items: center; padding: 0; font-size: 1.2rem; font-weight: 400; text-decoration: none; transition: transform .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .button.is-text-dark:hover { box-shadow: none; color: var(--base-color-brand--primary-3xdark); transform: translate(0, -.125rem); } .button.is-text-dark.is-template { color: var(--base-color-brand--grey-25); transition: color .2s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .button.is-text-dark.is-template:hover { box-shadow: none; color: var(--base-color-neutral--white); border-bottom-color: #e0b00000; transform: none; } .button.is-text-dark.is-alternate { color: var(--base-color-brand--midnight-yellow); } .button.is-text-dark.is-alternate:hover { color: var(--base-color-neutral--neutral-dark); } .button.is-icon-error { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); font-family: var(--font--body); color: #bd0003; background-color: #0000; border: 2px solid #0000; border-bottom: 1px solid #e1d3ff00; border-radius: 0; justify-content: center; align-items: center; padding: 0; font-size: 1.2rem; font-weight: 400; text-decoration: none; transition: transform .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .button.is-icon-error:hover { box-shadow: none; color: #f00004; transform: translate(0, -.125rem); } .button.is-icon-error.is-template { color: var(--base-color-brand--grey-25); transition: color .2s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .button.is-icon-error.is-template:hover { box-shadow: none; color: var(--base-color-neutral--white); border-bottom-color: #e0b00000; transform: none; } .button.is-icon-error.is-alternate { color: var(--base-color-brand--midnight-yellow); } .button.is-icon-error.is-alternate:hover { color: var(--base-color-neutral--neutral-darker); } .button.is-custom-4 { display: none; } .button.is-custom-2 { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); color: var(--base-color-brand--grey-150); background-color: #fafafa; border-style: none; flex-flow: row; justify-content: flex-end; align-items: center; padding: 0; font-weight: 400; line-height: 1; display: flex; } .button.is-custom-2:hover { box-shadow: none; color: var(--base-color-brand--grey-100); transform: translate(0, -.125rem); } .button.is-icon-success { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); font-family: var(--font--body); color: #085a00; background-color: #0000; border: 2px solid #0000; border-bottom: 1px solid #e1d3ff00; border-radius: 0; justify-content: center; align-items: center; padding: 0; font-size: 1.2rem; font-weight: 400; text-decoration: none; transition: transform .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .button.is-icon-success:hover { box-shadow: none; color: #0c8a00; transform: translate(0, -.125rem); } .button.is-icon-success.is-template { color: var(--base-color-brand--grey-25); transition: color .2s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .button.is-icon-success.is-template:hover { box-shadow: none; color: var(--base-color-neutral--white); border-bottom-color: #e0b00000; transform: none; } .button.is-icon-success.is-alternate { color: var(--base-color-brand--midnight-yellow); } .button.is-icon-success.is-alternate:hover { color: var(--base-color-neutral--neutral-darker); } .button.is-text-green { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); font-family: var(--font--body); color: var(--base-color-system--success-green-dark); background-color: #0000; border: 2px solid #0000; border-bottom: 1px solid #e1d3ff00; border-radius: 0; justify-content: flex-start; align-items: center; padding: 0; font-size: 1.2rem; font-weight: 400; text-decoration: none; transition: transform .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .button.is-text-green:hover { box-shadow: none; color: #1f9114; transform: translate(0, -.125rem); } .button.is-text-green.is-template { color: var(--base-color-brand--grey-25); transition: color .2s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .button.is-text-green.is-template:hover { box-shadow: none; color: var(--base-color-neutral--white); border-bottom-color: #e0b00000; transform: none; } .button.is-text-green.is-alternate { color: var(--base-color-neutral--neutral); } .button.is-text-green.is-alternate:hover { color: #f00004; } .fs-styleguide_classes { grid-column-gap: 1px; grid-row-gap: 1px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .text-size-medium { font-size: 1.25rem; font-weight: 300; } .text-size-medium.text-color-white { color: var(--base-color-neutral--white); } .fs-styleguide_section { grid-column-gap: 6rem; grid-row-gap: 6rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: start; display: grid; } .fs-styleguide_section.is-vertical { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; } .button-group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .button-group.is-center { justify-content: center; } .hide { display: none; } .padding-section-medium { padding-top: 5rem; padding-bottom: 5rem; } .container-medium { width: 100%; max-width: 64rem; margin-left: auto; margin-right: auto; } .container-medium.margin-0 { margin-left: 0; margin-right: 0; } .form_radio { flex-direction: row; align-items: center; margin-bottom: .5rem; padding-left: 0; display: flex; } .fs-styleguide_spacing-all { display: none; } .spacer-huge { width: 100%; padding-top: 6rem; } .spacer-medium { width: var(--spacer--xxlarge); padding-top: 2rem; } .fs-styleguide_spacer-box { background-color: #2d40ea1a; border: 1px dashed #2d40ea; width: 100%; position: relative; } .spacer-xsmall { width: var(--spacer--xsmall); padding-top: .5rem; } .spacer-small { width: var(--spacer--medium); padding-top: 1rem; } .spacer-xhuge { width: 100%; padding-top: 8rem; } .spacer-tiny { width: var(--spacer--tiny); padding-top: .125rem; } .spacer-xxsmall { width: var(--spacer--xxsmall); padding-top: .25rem; } .spacer-xxhuge { width: 100%; padding-top: 12rem; } .spacer-xlarge { width: 100%; padding-top: 4rem; } .spacer-large { padding-top: 3rem; } .spacer-xxlarge { width: 100%; padding-top: 5rem; } .fs-styleguide_message { background-color: var(--background-color--background-warning); color: var(--text-color--text-warning); border-radius: .25rem; padding: .25rem .5rem; font-size: .875rem; } .nav_component { background-color: #000; width: 100%; padding-top: 1rem; padding-bottom: 1rem; position: relative; inset: 0% 0% auto; } .nav_container { flex-direction: row; justify-content: space-between; align-items: center; width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; display: flex; } .nav_logo { width: 10rem; } .nav_menu_link { color: #fff; padding: 1rem; } .nav_button { padding: 1rem; } .aspect-ratio-square { aspect-ratio: 1; object-fit: cover; } .aspect-ratio-portrait { aspect-ratio: 2 / 3; object-fit: cover; } .aspect-ratio-landscape { aspect-ratio: 3 / 2; object-fit: cover; } .aspect-ratio-widescreen { aspect-ratio: 16 / 9; object-fit: cover; } .background-color-tertiary { background-color: var(--background-color--background-tertiary); } .fs-styleguide_hero-label { color: var(--text-color--text-primary); text-transform: uppercase; background-color: #eee; border-radius: .25rem; padding: .25rem .375rem; font-size: .75rem; font-weight: 500; text-decoration: none; } .hero_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start; max-width: 70rem; display: grid; position: relative; } .hero_image { border-radius: 1rem; margin-top: 0; } .hero_heading { font-size: 4rem; } .section_hero { color: #fff; background-color: #000; background-image: radial-gradient(circle at 0 100%, #2d62ff4d, #0000 50%), radial-gradient(circle at 100% 60%, #2d62ff4d, #1110 20%), radial-gradient(circle at 100% 100%, #d600c433, #0000 45%); flex-direction: column; justify-content: center; min-height: 100svh; display: flex; position: relative; } .hero_grid { grid-column-gap: 8rem; grid-row-gap: 8rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .nav_fixed { position: absolute; inset: 0% 0% auto; } .fs-styleguide_heading-header { font-size: 6rem; } .sign-modal_wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; display: block; position: relative; } .sign-modal_form-component { z-index: 999; padding: var(--spacer--xxlarge) var(--spacer--xlarge); grid-column-gap: var(--spacer--large); grid-row-gap: var(--spacer--large); border: 1px solid var(--text-color--text-secondary); border-radius: var(--spacer--xxlarge); background-color: var(--base-color-brand--dark-navy); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 3px #0000000d; } .sign-modal_form-component.is-checkout { grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); flex-flow: row; } .sign-modal_form-component.is-min-width { min-width: 32rem; } .sign-modal_form-component.is-light { border-color: var(--base-color-brand--border); background-color: var(--base-color-neutral--white); } .sign-modal_display { z-index: 4; grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); color: var(--base-color-neutral--white); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: stretch stretch; display: flex; position: relative; } .sign-modal_display.hide { display: none; } .section_sign-modal { background-color: var(--base-color-brand--dark-navy); flex-flow: column; justify-content: center; min-height: 100vh; display: flex; position: relative; overflow: hidden; } .section_sign-modal.is-centered { align-items: center; } .form_textfield { min-height: var(--spacer--xhuge); border: 1px solid var(--base-color-neutral--neutral-dark); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--dark-navy); color: var(--base-color-neutral--neutral-dark); margin-top: .8rem; margin-bottom: 0; } .form_textfield:hover { box-shadow: 0 .25px 1px #0003; } .form_textfield:focus-visible, .form_textfield[data-wf-focus-visible] { border-color: var(--base-color-brand--primary); color: var(--base-color-neutral--white); } .form_textfield::placeholder { font-size: 1rem; font-weight: 300; } .form_textfield.is-alternate { border-color: var(--base-color-brand--grey-25); background-color: var(--base-color-neutral--white); box-shadow: 0 1px 1px #0000000a; } .form_textfield.is-alternate:focus { border-color: var(--base-color-brand--primary); } .form_textfield.is-alternate:focus-visible, .form_textfield.is-alternate[data-wf-focus-visible] { color: var(--base-color-brand--dark-navy); } .form_textfield.is-alternate.is-icon { padding-left: var(--spacer--huge); margin-top: 0; } .form_textfield.is-text-area { min-height: var(--spacer--xgiant); border-radius: var(--spacer--large); } .form_field-label { border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--dark-navy); color: var(--base-color-brand--primary-4xlight); padding-left: .4rem; padding-right: .4rem; font-weight: 300; position: absolute; inset: -.8rem auto auto .4rem; } .form_field-label.is-allternate { background-color: var(--base-color-neutral--white); color: var(--base-color-brand--primary-5xdark); font-size: 1rem; font-weight: 400; top: -.9rem; } .form_field-label.is-allternate.is-left { padding-left: 0; left: 0; } .form_field-label.is-dark { background-color: var(--base-color-brand--dark-navy); color: var(--base-color-brand--primary); font-size: 1rem; font-weight: 400; top: -.9rem; } .form_field-label.is-dark.is-left { padding-left: 0; left: 0; } .form_field-label.is-border { z-index: 2; border: 1px solid var(--base-color-brand--border); background-color: var(--base-color-neutral--white); color: var(--base-color-brand--primary-5xdark); font-size: 1rem; font-weight: 400; top: -.9rem; } .form_field-label.is-border.is-left { padding-left: 0; left: 0; } .form_input-float { z-index: 1; margin-bottom: var(--spacer--xxlarge); position: relative; } .form_input-float.no-margin { margin-bottom: 0; } .form_input-float.algin-center { justify-content: flex-start; align-items: center; display: flex; } .form_input-float.algin-center.tiny-margin { margin-bottom: var(--spacer--medium); } .form_input-float.small-margin { margin-bottom: var(--spacer--large); } .text-color-grey { color: var(--base-color-neutral--neutral); } .text-color-5xdark { color: var(--base-color-brand--primary-5xdark); } .sign-modal_form { grid-column-gap: var(--spacer--large); grid-row-gap: var(--spacer--large); color: var(--base-color-brand--midnight-yellow); flex-flow: column; flex: 1; justify-content: center; align-items: stretch; display: flex; } .sign-modal_form.is-dark { background-color: var(--background-color--background-primary); color: var(--base-color-brand--primary-4xlight); min-width: 32rem; } .flex-wrapper-vertical { flex-flow: column; display: flex; } .flex-wrapper-vertical.flex-align-center-x { align-items: center; } .flex-wrapper-vertical.flex-align-right-x { align-items: flex-end; } .flex-wrapper-vertical.flex-align-start { align-items: flex-start; } .flex-wrapper-vertical.flex-gap-tiny { grid-column-gap: var(--spacer--tiny); grid-row-gap: var(--spacer--tiny); } .flex-wrapper-vertical.flex-gap-tiny.flex-align-custom1 { align-items: flex-end; } .flex-wrapper-vertical.flex-gap-medium { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); } .flex-wrapper-vertical.flex-gap-large { grid-column-gap: var(--spacer--large); grid-row-gap: var(--spacer--large); } .flex-wrapper-vertical.flex-gap-xsmall { grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); } .headyblurb_component { max-width: 15rem; } .section_headyblurbs { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); display: flex; } .section_headyblurbs.hide-desktop { display: none; } .sign_modal-bg { position: absolute; inset: 0%; } .sign-modal_bg-img { z-index: 1; object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .sign_modal-overlay { z-index: 2; background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--base-color-brand--primary-light), #b38d00e6 84%, #7e6300f0); position: absolute; inset: 0%; } .sign_modal-overlay.is-light { z-index: 2; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background-image: radial-gradient(circle, #000000f0, #1b1400); } .text-color-grey-10 { color: var(--base-color-neutral--neutral-lightest); } .flex-wrapper-horizontal { justify-content: flex-start; display: flex; } .flex-wrapper-horizontal.flex-align-center-y { align-items: center; } .flex-wrapper-horizontal.flex-align-center-y.flex-gap-small { grid-column-gap: var(--spacer--small); grid-row-gap: var(--spacer--small); } .flex-wrapper-horizontal.flex-align-center-y.flex-gap-xxsmall { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); } .flex-wrapper-horizontal.flex-gap-small { grid-column-gap: var(--spacer--small); grid-row-gap: var(--spacer--small); } .flex-wrapper-horizontal.flex-align-x-space-between { justify-content: space-between; } .flex-wrapper-horizontal.hide { display: none; } .flex-wrapper-horizontal.flex-align-center-center { justify-content: center; align-items: center; } .flex-wrapper-horizontal.flex-gap-xxsmall { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); } .text-link { color: var(--base-color-brand--grey-25); text-transform: uppercase; white-space: pre; border-bottom: 1px solid #fff8e000; font-size: 1rem; text-decoration: none; transition: color .25s cubic-bezier(.47, 0, .745, .715), border .25s cubic-bezier(.47, 0, .745, .715); } .text-link:hover { border-bottom-color: var(--template); color: var(--template); text-decoration: none; } .text-link.is-alternate { color: var(--base-color-brand--primary-4xlight); } .text-link.is-icon { grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); align-items: center; display: flex; } .text-link.is-dark { color: var(--base-color-brand--primary-5xdark); font-weight: 500; } .text-link.is-dark:hover { color: var(--base-color-brand--primary-4xdark); } .text-color-gold { color: var(--base-color-brand--primary); } .section_header75 { z-index: 2; position: relative; } .header75_component { flex-direction: column; display: flex; position: relative; } .header75_content { z-index: 0; padding-top: var(--spacer--xgiant); padding-bottom: var(--spacer--xgiant); grid-column-gap: var(--spacer--xgiant); grid-row-gap: var(--spacer--xgiant); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; min-height: 80vh; margin-left: 0; margin-right: 0; display: flex; position: sticky; top: 0; } .button-2 { border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary); color: var(--text-color--text-alternate); text-align: center; padding: .75rem 1.5rem; font-weight: 400; } .button-2.is-secondary { border: 1px solid var(--base-color-brand--primary); background-color: var(--base-color-brand--dark-navy); color: var(--base-color-neutral--white); } .header75_content-bottom { z-index: 1; border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--black); flex-direction: column; justify-content: flex-start; height: 110vh; display: flex; position: sticky; top: 10vh; overflow: hidden; } .header75_lightbox { justify-content: center; align-items: center; width: 100%; height: 80vh; display: flex; position: relative; } .header75_lightbox-image { object-fit: cover; width: 100%; height: 80vh; } .lightbox-play-icon { z-index: 2; color: #fff; justify-content: center; align-items: center; display: flex; position: absolute; } .icon-embed-large { flex-direction: column; justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .video-overlay-layer { z-index: 999999; height: 100%; } .header75_ix-trigger { z-index: -1; margin-top: 100vh; position: absolute; inset: 0%; } .background-color-dark-navy { background-color: var(--base-color-brand--dark-navy); color: var(--base-color-neutral--white); } .browser_component { border: 1px solid var(--base-color-neutral--neutral-darker); border-radius: var(--spacer--large); flex-flow: column; justify-content: flex-start; align-items: stretch; height: 30rem; display: flex; position: relative; overflow: hidden; } .embed_iframe { z-index: 1; width: 100%; height: 100%; display: flex; position: relative; } .browser_bar { padding: var(--spacer--xsmall) var(--spacer--xsmall) var(--spacer--xsmall) var(--spacer--medium); grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); background-color: var(--base-color-brand--dark-navy); justify-content: flex-start; align-items: center; display: flex; } .browser_control { width: var(--spacer--xsmall); height: var(--spacer--xsmall); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-neutral--white); } .browser_control.is-green { background-color: var(--base-color-system--success-green); } .browser_control.is-red { background-color: #f55; } .browser_control.is-yellow { background-color: #f6f0c8; } .header75_content-right { padding-top: var(--spacer--xxhuge); flex-flow: column; min-width: 40rem; height: 100%; display: flex; } .header75_content-right.hide { display: none; } .text-color-white { color: var(--base-color-neutral--white); } .icon-embed-small { flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .button-alt { padding-bottom: var(--spacer--xsmall); padding-left: var(--spacer--xlarge); } .navbar2_component { padding-right: var(--spacer--small); padding-left: var(--spacer--small); background-color: var(--background-color--background-primary); align-items: center; width: 100%; height: auto; min-height: 4.5rem; display: flex; position: sticky; top: 0; } .navbar2_container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: .375fr 1fr .375fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: grid; } .navbar2_logo-link { z-index: 99; grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); font-family: var(--font--headers); color: var(--base-color-brand--primary-2xdark); justify-content: flex-start; align-items: center; padding-left: 0; font-size: 1.3rem; font-weight: 500; display: flex; } .navbar2_logo-link:hover { color: var(--base-color-brand--primary-4xdark); text-decoration: none; } .navbar2_logo-link.is-light { color: var(--base-color-brand--primary-dark); } .navbar2_logo-link.is-checkout { max-width: 100%; } .navbar2_logo-link.is-checkout:hover { color: var(--base-color-brand--primary-2xdark); } .navbar2_logo { max-width: var(--spacer--xxhuge); } .navbar2_menu { justify-content: center; align-items: center; display: flex; position: static; } .navbar2_link { padding: var(--spacer--xxsmall) 1rem; border-radius: var(--spacer--xxgiant); color: var(--base-color-neutral--neutral-lightest); justify-content: center; align-items: center; font-size: 1.1rem; font-weight: 400; transition: color .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.55, .085, .68, .53); display: flex; } .navbar2_link:hover { background-color: var(--base-color-neutral--neutral-darker); color: var(--base-color-brand--primary); text-decoration: none; } .navbar2_link.w--current { color: var(--base-color-brand--primary-dark); } .navbar2_dropdwn-toggle { grid-column-gap: .5rem; color: var(--link-color--link-primary); align-items: center; padding: .5rem 1rem; display: flex; } .dropdown-chevron { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .navbar2_dropdown-list.w--open { border: 1px solid var(--border-color--border-primary); background-color: var(--background-color--background-primary); padding: .5rem; position: absolute; } .navbar2_dropdown-link { color: var(--link-color--link-primary); padding: .5rem 1rem; } .navbar2_dropdown-link.w--current { color: var(--base-color-neutral--black); } .navbar2_button-wrapper { grid-column-gap: 1rem; margin-left: 1rem; display: flex; } .button-3 { border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary); color: var(--text-color--text-alternate); text-align: center; padding: .75rem 1.5rem; font-weight: 400; } .button-3.is-navbar2-button { padding-top: .5rem; padding-bottom: .5rem; } .button-3.is-link { color: var(--base-color-neutral--black); background-color: #0000; border-style: none; padding: .25rem 0; line-height: 1; text-decoration: none; } .button-3.is-link.is-icon { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: row; justify-content: center; align-items: center; text-decoration: none; display: flex; } .button-3.is-secondary { border: 1px solid var(--base-color-brand--primary); background-color: var(--base-color-brand--dark-navy); color: var(--base-color-neutral--white); } .button-3.is-tertiary { color: var(--base-color-neutral--black); background-color: #0000; border-color: #0000; } .button-3.is-tertiary.is-small { padding: .5rem 1.25rem; } .button-3.is-tertiary.is-small.is-icon-only { color: var(--base-color-brand--primary-4xdark); } .button-3.is-tertiary.is-small.is-icon-only:hover { color: var(--base-color-brand--primary); } .navbar2_menu-button { padding: 0; } .dropdown1_component { padding: var(--spacer--xxsmall) var(--spacer--medium); border-radius: var(--spacer--xxgiant); cursor: pointer; margin-left: 0; margin-right: 0; font-size: 1.1rem; transition: background-color .25s cubic-bezier(.55, .085, .68, .53); } .dropdown1_component:hover { background-color: var(--base-color-neutral--neutral-darker); } .dropdown1_toggle { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--base-color-neutral--neutral-lightest); align-items: center; padding: 0; display: flex; } .dropdown1_toggle:hover, .dropdown1_toggle.w--open { color: var(--base-color-brand--primary); } .dropdown1_dropdown-list.w--open { margin-top: var(--spacer--large); padding: var(--spacer--small); grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); border: 1px solid var(--base-color-neutral--neutral-darker); border-radius: var(--spacer--small); background-color: var(--base-color-neutral--neutral-darkest); display: flex; left: -18rem; box-shadow: 0 40px 64px #0000005e; } .dropdown1_dropdown-link { padding: var(--spacer--xsmall); grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); border-radius: var(--spacer--xsmall); color: var(--base-color-brand--primary-4xlight); border: 1px solid #0000; flex-flow: column; align-items: flex-start; width: 15rem; transition: border-color .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), color .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); display: flex; position: relative; } .dropdown1_dropdown-link:hover { border-color: var(--base-color-brand--primary); color: var(--base-color-brand--primary); background-color: #2a240d; text-decoration: none; box-shadow: 0 2px 4px #00032096; } .dropdown1_dropdown-link.w--current { color: var(--base-color-brand--primary); } .background-color-dark-primary { background-color: var(--background-color--background-primary); color: var(--base-color-neutral--white); } .layout230_component { grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); flex-flow: column; display: flex; } .layout230_list { grid-column-gap: var(--spacer--xxhuge); grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-items: start center; display: grid; position: relative; } .layout230_item { padding: var(--spacer--xlarge); border: 1px solid var(--base-color-neutral--neutral-darker); border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--neutral-darkest); width: 100%; height: 100%; position: relative; } .layout230_image-wrapper { aspect-ratio: 16 / 9; border-radius: var(--spacer--xsmall); flex-flow: column; justify-content: center; width: 100%; display: flex; position: relative; overflow: hidden; } .layout230_image-wrapper.is-features { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: column; justify-content: center; align-items: center; overflow: visible; } .layout230_image { z-index: 2; width: 100%; height: 100%; } .icon-embed-xxsmall { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .text-style-tagline { color: var(--base-color-brand--primary-xlight); justify-content: center; align-items: center; font-weight: 600; text-decoration: none; display: inline-block; } .scrolling-image_component { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; display: grid; } .scrolling-image_left-desktop { border-top-right-radius: var(--spacer--medium); position: relative; overflow: hidden; } .scrolling-image_right { padding-right: var(--spacer--xxhuge); flex-flow: column; display: flex; position: relative; } .scrolling-image_left-image { object-fit: cover; width: 100%; height: 100%; } .scrolling-image_right-video { z-index: 4; border-top-left-radius: var(--spacer--medium); border-top-right-radius: var(--spacer--medium); object-fit: cover; width: 100%; height: 18rem; position: sticky; top: 4.5rem; } .revealing-header_component { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; display: flex; } .spotify_player { height: 5.1rem; } .flex-align-center-x { justify-content: center; display: flex; } .flex-align-right-x { justify-content: flex-end; display: flex; } .section_modal { z-index: 10; background-color: #000000e6; justify-content: center; align-items: center; width: 100svw; height: 100svh; display: flex; position: absolute; inset: 0%; } .shell3_wrapper { display: flex; position: relative; } .shell3_sidebar-wrapper { border-right: 1px solid var(--base-color-brand--border); flex-direction: column; display: flex; position: sticky; top: 0; } .sidebar4_component { background-color: #a3000000; flex-direction: column; width: 14rem; min-width: 14rem; height: 100vh; display: flex; position: sticky; top: 0; } .sidebar4_container { z-index: 2; flex-direction: column; flex: 1; display: flex; } .sidebar4_logo-link { padding-left: var(--spacer--medium); grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); border-bottom: 1px solid var(--base-color-brand--border); background-color: var(--base-color-neutral--white); color: var(--base-color-brand--primary-xdark); justify-content: flex-start; align-self: flex-start; align-items: center; width: 100%; height: 4.4rem; transition: color .25s cubic-bezier(.47, 0, .745, .715); display: flex; } .sidebar4_logo-link:hover { color: var(--base-color-brand--primary-dark); } .sidebar4_logo { max-width: var(--spacer--huge); } .sidebar4_menu { background-color: #fff; height: 100%; } .sidebar4_menu-wrapper { padding-bottom: var(--spacer--medium); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; width: 100%; height: 100%; display: flex; position: absolute; } .sidebar4_menu-top { padding: var(--spacer--medium) var(--spacer--small); grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); flex-direction: column; width: 100%; height: 100%; display: flex; overflow: auto; } .sidebar4_link { padding-right: var(--spacer--small); padding-left: var(--spacer--small); grid-column-gap: .5rem; border-radius: var(--spacer--xsmall); background-color: var(--base-color-neutral--white); color: var(--base-color-brand--grey-100); text-align: center; border: 1px solid #0000; align-items: center; text-decoration: none; transition: color .2s cubic-bezier(.47, 0, .745, .715), border-color .2s cubic-bezier(.47, 0, .745, .715), background-color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .sidebar4_link:hover { border-color: var(--base-color-brand--border); color: var(--base-color-brand--primary-3xdark); text-decoration: none; box-shadow: 0 1px 2px #0000000a; } .sidebar4_link.w--current { background-color: var(--base-color-brand--primary-4xlight); color: var(--base-color-brand--primary-2xdark); border-color: #e4d8ab; font-weight: 600; } .sidebar4_link.is-indent { padding-left: 2.75rem; } .sidebar4_link.is-dark { color: var(--base-color-brand--primary-4xdark); } .sidebar4_link.is-dark:hover { color: var(--base-color-brand--primary); text-decoration: underline; } .sidebar4_link.is-nav { border-radius: var(--spacer--xxgiant); border-left-style: none; padding-left: 0; padding-right: 0; transition: color .2s cubic-bezier(.47, 0, .745, .715), border-color .2s cubic-bezier(.47, 0, .745, .715), background-color .2s cubic-bezier(.47, 0, .745, .715); } .sidebar4_link.is-nav:hover { color: var(--base-color-brand--primary-dark); background-color: #faf9fc; } .sidebar4_link-wrapper { padding: var(--spacer--xsmall); grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .sidebar4_link-wrapper.is-tight { padding-top: var(--spacer--tiny); padding-bottom: var(--spacer--tiny); grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); } .icon-embed-xsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .icon-embed-xsmall.is-min-width { min-width: var(--spacer--xlarge); } .sidebar4_badge { border: 1px solid var(--border-color--border-primary); border-radius: 5rem; padding-left: .5rem; padding-right: .5rem; } .sidebar4_accordion { flex-direction: column; justify-content: flex-start; align-items: stretch; } .sidebar4_accordion-icon { width: 1rem; height: 1rem; display: flex; } .sidebar4_accordion-list { flex-direction: column; display: flex; overflow: hidden; } .sidebar4_menu-bottom { flex-direction: column; padding-left: 1rem; padding-right: 1rem; display: flex; } .sidebar4_menu-button { padding: 0; } .sidebar4_close-tablet { z-index: 2; cursor: pointer; display: none; position: relative; } .sidebar4_background-layer { display: none; } .sidebar-type-label-delete-this { z-index: 999999; grid-column-gap: .25rem; grid-row-gap: .25rem; border: 1px solid var(--border-color--border-primary); background-color: var(--base-color-neutral--neutral-lightest); border-bottom-right-radius: .375rem; border-bottom-left-radius: .375rem; align-items: center; height: 1.5rem; padding-left: .25rem; padding-right: .6rem; font-size: .75rem; font-weight: 500; display: flex; position: absolute; top: 0; right: 1.5rem; } .sidebar-type-label-delete-this.is-level2 { color: #2e90fa; background-color: #e0eefe; border-color: #2e90fa40; } .shell3_main-wrapper { background-color: #f0f2f7; flex-flow: column; flex: 1; display: flex; position: relative; } .topbar3_component { z-index: 9; padding: var(--spacer--small) 2rem var(--spacer--small) var(--spacer--medium); border-bottom: 1px solid var(--base-color-brand--border); background-color: var(--base-color-neutral--white); align-items: center; width: 100%; height: auto; min-height: 3rem; display: flex; position: sticky; top: 0; } .topbar3_container { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; justify-content: center; align-items: stretch; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; } .topbar3_form_component { width: 100%; max-width: 35rem; margin-bottom: 0; } .topbar3_search { align-items: center; display: flex; position: relative; } .form_icon-wrapper { position: absolute; inset: auto auto auto 12px; } .topbar3_content-right { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .topbar3_search-button-tablet { padding: .5rem; display: none; } .topbar3_menu-dropdown { z-index: 1; margin-left: 0; margin-right: auto; } .topbar3_dropdown-toggle { padding: 0; } .topbar3_bell-dot { background-color: var(--base-color-brand--primary); outline-color: var(--base-color-neutral--white); outline-offset: 0px; border-radius: 100%; outline-width: 3px; outline-style: solid; justify-content: center; align-items: center; width: .5rem; height: .5rem; position: absolute; inset: .5rem .5rem auto auto; } .topbar3_dropdown-list.w--open { z-index: 999; min-width: var(--spacer--xxgiant); border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--white); margin-top: .5rem; padding-top: .5rem; padding-bottom: .5rem; inset: 100% 0% auto auto; overflow: hidden; box-shadow: 0 32px 64px #00123314; } .topbar3_dropdown-list.is-left.w--open { background-color: #fff0; border-style: none; width: auto; padding-top: 0; padding-bottom: 0; inset: 2rem auto auto 0%; box-shadow: 0 32px 64px #00123314; } .topbar3_dropdown-content { flex-direction: column; display: flex; } .topbar3_notification-header { grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; padding: .5rem 1rem; display: flex; } .topbar3_dropdown-divider { background-color: var(--base-color-brand--border); height: 1px; margin: .5rem 1rem; } .topbar3_notification-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; height: 100%; max-height: 14rem; padding: .25rem .5rem; overflow: auto; } .topbar3_notification { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; min-width: 18rem; margin-top: .5rem; padding: .25rem .5rem; display: grid; } .topbar3_notification-buttons { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; padding: .5rem 1rem; display: flex; } .topbar3_dropdown-account { color: var(--base-color-brand--grey-100); align-items: center; padding: 0; display: flex; } .topbar3_dropdown-account:hover { color: var(--base-color-brand--primary-3xdark); } .topbar3_avatar-image { object-fit: cover; border-radius: 100%; width: 2.5rem; height: 2.5rem; } .topbar3_text-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; align-items: center; margin-left: .75rem; display: flex; } .topbar3_dropdown-link { padding: .5rem 1rem; transition: background-color .2s cubic-bezier(.47, 0, .745, .715); } .topbar3_dropdown-link:hover { color: var(--base-color-brand--primary-dark); background-color: #faf9fc; } .topbar3_dropdown-link.w--current { color: var(--base-color-neutral--black); } .topbar3_dropdown-link.is-alert { color: var(--base-color-brand--text-alert); } .topbar3_dropdown-link.is-alert:hover { color: var(--base-color-brand--text-alert-hover); } .topbar3_search-tablet { z-index: 6; display: none; } .topbar3_search-wrapper { z-index: 2; border-bottom: 1px solid var(--border-color--border-primary); background-color: var(--base-color-neutral--white); justify-content: center; align-items: center; min-height: 4.5rem; padding-left: 2rem; padding-right: 2rem; display: flex; position: absolute; inset: 4.5rem 0% 0%; } .topbar3_close-icon { margin-left: 1rem; } .topbar3_search-overlay { background-color: #0000; position: fixed; inset: 0%; } .topbar-type-label-delete-this { z-index: 999999; grid-column-gap: .25rem; grid-row-gap: .25rem; border: 1px solid var(--border-color--border-primary); background-color: var(--base-color-neutral--neutral-lightest); border-top-left-radius: .375rem; border-top-right-radius: .375rem; align-items: center; height: 1.5rem; padding-left: .25rem; padding-right: .6rem; font-size: .75rem; font-weight: 500; display: flex; position: absolute; top: 3rem; right: 2rem; } .topbar-type-label-delete-this.is-level1 { z-index: 9999; color: #ff7448; background-color: #ffeae4; border: 1px solid #ff744840; } .shell3_inner-wrapper { border-radius: 0rem 0rem var(--spacer--medium); background-color: #fafafa; overflow: auto; } .shell3_inner-wrapper-height { display: none; } .shell-header-text-replace-this { border-bottom: 2px dashed var(--base-color-neutral--neutral-lighter); color: #00000080; text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem; } .section_shell3-layout { padding-top: var(--spacer--xhuge); } .shell3-layout_component { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: flex; } .shell-content-text-replace-this { color: #00000080; text-align: center; border: 2px dashed #d3d3d3; justify-content: center; align-items: center; height: 100vh; display: flex; } .image { object-fit: contain; width: 48rem; position: absolute; inset: 31% auto auto 11.3%; } .onboarding-form_component { z-index: 4; border-radius: var(--spacer--xlarge); background-color: var(--base-color-neutral--white); width: 50vw; position: relative; } .onboarding-form_slider { border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--white); height: 80vh; } .onboarding-form_form { margin-bottom: 0; } .next-button { border: 1px solid var(--base-color-brand--primary); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary); justify-content: center; align-items: center; transition: border-color .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), transform .25s cubic-bezier(.47, 0, .745, .715); display: flex; } .next-button:hover { border-color: var(--base-color-brand--primary-4xdark); box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--primary-4xdark); transform: translate(.125rem, -.125rem); } .onboarding-form_form-wrapper { z-index: 100; padding: var(--spacer--xxlarge); flex-flow: column; justify-content: space-between; align-items: stretch; height: 100%; display: flex; position: relative; } .onboarding-form_button-group { justify-content: space-between; align-items: center; display: flex; } .form_upload-button { border-radius: .125rem; } .form_upload-image { border: 1px solid var(--base-color-neutral--neutral-lighter); border-radius: var(--spacer--small); object-fit: cover; width: 15rem; height: 10rem; } .form_create-artist, .form_continue { width: 100%; margin-bottom: 0; } .form_spotify { margin-bottom: 0; } .code-embed_spotify { z-index: 2; width: 100%; height: 10rem; position: relative; } .code-embed_spotify.is-auto { height: auto; } .text-style-breadcrumb { color: var(--base-color-brand--grey-100); font-size: var(--spacer--small); text-transform: uppercase; font-weight: 500; } .form_header { padding-bottom: var(--spacer--small); border-bottom: 1px solid var(--base-color-brand--border); justify-content: space-between; align-items: center; display: flex; } .dashboard_base-component { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); border-style: solid; border-width: 1px; border-color: var(--base-color-brand--grey-25) var(--base-color-brand--grey-25) var(--base-color-brand--border); border-radius: var(--spacer--small); background-color: var(--base-color-neutral--white); flex-flow: column; width: 100%; display: flex; box-shadow: 0 1px 1px #0000000a; } .dashboard_base-component.is-helper { background-color: var(--base-color-brand--primary-4xlight); width: 2rem; max-width: 8rem; } .text-color-grey-100 { color: var(--base-color-brand--grey-100); } .border-bottom { background-color: var(--base-color-brand--primary-4xlight); } .form_container { padding-top: var(--spacer--xxlarge); background-color: var(--base-color-neutral--white); flex-flow: column; width: 30rem; height: 100vh; display: flex; } .basic-form_component { margin-bottom: 0; } .text-color-grey-50 { color: var(--base-color-brand--grey-50); } .form_image-preview { margin-bottom: var(--spacer--small); aspect-ratio: 16 / 9; border: 1px solid var(--base-color-brand--grey-25); border-radius: var(--spacer--xxsmall); object-fit: cover; width: 100%; height: 12rem; } .form_input-image-preview { display: flex; } .form_input-image-preview.is-vertical { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: column; } .label { color: var(--base-color-brand--grey-150); font-size: 1.1rem; font-weight: 400; line-height: 1.1; } .form_image-preview-right { padding-top: 0; padding-left: var(--spacer--medium); justify-content: flex-start; align-items: center; display: flex; } .form_image-preview-right.no-margin { padding-left: 0; } .navbar1_component { z-index: 99; border-bottom: 1px solid var(--base-color-neutral--neutral-darker); background-color: var(--background-color--background-primary); align-items: stretch; width: 100%; padding-left: 2.5rem; padding-right: 0%; display: flex; } .navbar1_container { justify-content: space-between; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; } .navbar1_logo-link { font-family: var(--font--headers); color: var(--base-color-neutral--white); justify-content: center; align-items: center; padding-left: 0; font-size: 1.5rem; font-weight: 600; transition: color .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .navbar1_logo-link:hover { color: var(--base-color-neutral--white); text-decoration: none; } .navbar1_menu { align-items: center; display: flex; position: static; } .navbar1_menu-links { justify-content: space-around; display: flex; } .navbar1_link { border-radius: var(--spacer--xxgiant); color: var(--base-color-brand--grey-25); cursor: pointer; padding: .5rem 1rem; font-weight: 300; transition: transform .25s cubic-bezier(.47, 0, .745, .715), font-variation-settings .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715), color .25s cubic-bezier(.47, 0, .745, .715); } .navbar1_link:hover { background-color: var(--base-color-neutral--neutral-darkest); color: var(--base-color-neutral--white); font-weight: 400; text-decoration: none; transform: translate(0, -.125rem); } .navbar1_link.w--current { color: var(--base-color-neutral--white); font-weight: 600; text-decoration: underline; } .navbar1_dropdown-toggle { grid-column-gap: .5rem; color: var(--link-color--link-primary); align-items: center; padding: .5rem 1rem; display: flex; } .navbar1_dropdown-list.w--open { border: 1px solid var(--border-color--border-primary); background-color: var(--background-color--background-primary); padding: .5rem; } .navbar1_dropdown-link { color: var(--link-color--link-primary); padding: .5rem 1rem; } .navbar1_dropdown-link.w--current { color: var(--base-color-neutral--black); } .navbar1_menu-buttons { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; margin-left: 1rem; display: flex; } .button-4 { border: var(--spacer--tiny) solid var(--base-color-brand--primary-dark); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary-dark); color: var(--text-color--text-alternate); text-align: center; padding: .75rem 1.5rem; font-weight: 400; transition: transform .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); } .button-4:hover { background-color: var(--base-color-brand--primary); color: var(--base-color-neutral--white); text-decoration: none; transform: translate(0, -.125rem); box-shadow: 0 6px 12px #0018454d; } .button-4.is-secondary { border-color: var(--base-color-neutral--neutral-lightest); color: var(--base-color-brand--primary); background-color: #0466c800; text-decoration: none; } .button-4.is-secondary.is-small, .button-4.is-small { padding: .5rem 1.25rem; } .navbar1_menu-button { padding: 0; } .template_navbar-section { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 6fr 2fr; grid-auto-columns: 1fr; } .navbar1_right { height: var(--spacer--xgiant); padding-right: var(--spacer--xxlarge); padding-left: var(--spacer--medium); grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); border-left: 1px solid var(--base-color-neutral--neutral-darker); justify-content: flex-start; align-items: center; display: flex; } .icon-embed-medium { flex-direction: column; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .template_section-hero { grid-template-rows: auto; grid-template-columns: 3.25fr .5fr; grid-auto-columns: 1fr; display: grid; } .template_slider-component { background-color: var(--background-color--background-primary); min-height: 90vh; } .template_slider-image { object-fit: cover; object-position: 50% 25%; width: 100%; height: 100%; position: absolute; inset: 0%; } .template_slider-container { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100vw; height: 100%; display: flex; position: relative; } .template_slider-arrow { z-index: 3; width: var(--spacer--xxhuge); height: var(--spacer--xxhuge); border: 1px solid var(--base-color-neutral--neutral-darker); border-radius: var(--spacer--xxgiant); color: var(--base-color-neutral--white); background-color: #000000b3; justify-content: center; align-items: center; transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out; display: flex; position: relative; } .template_slider-arrow:hover { border-color: var(--template); color: var(--base-color-brand--primary-4xlight); transform: translate(0, -.25rem); box-shadow: 0 24px 40px #000000b3; } .template_slider-image-overlay { z-index: 2; background-color: #00000030; background-image: linear-gradient(#0000, #000c); position: absolute; inset: 0%; } .template_slider-content { z-index: 2; padding-right: var(--spacer--xhuge); padding-left: var(--spacer--xhuge); color: var(--base-color-neutral--white); justify-content: flex-start; align-items: flex-end; height: 100%; display: flex; } .heading-style-hero { color: var(--base-color-neutral--white); font-size: 4.5rem; font-weight: 600; line-height: 1.1; } .template_button { padding: var(--spacer--small) var(--spacer--xlarge); grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); border-radius: var(--spacer--xxgiant); color: var(--base-color-neutral--white); background-color: #efefef00; justify-content: center; align-items: center; transition: transform .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); display: flex; position: relative; overflow: hidden; } .template_button:hover { background-color: var(--template); color: var(--base-color-neutral--white); text-decoration: none; transform: translate(0, -.125rem); } .template_button.is-small { padding: var(--spacer--xsmall) var(--spacer--large); color: var(--base-color-brand--primary-4xlight); } .template_button.is-play-button { z-index: 4; width: var(--spacer--giant); height: var(--spacer--giant); border: 1px solid var(--base-color-neutral--neutral-light); } .template_button.hide { display: none; } .template_button-bg { z-index: 1; background-image: linear-gradient(90deg, var(--template), #0000 80%); position: absolute; inset: 0%; } .template_button-text { z-index: 3; position: relative; } .template_button-bg-overlay { z-index: 2; background-color: #00000080; position: absolute; inset: 0%; } .template_button-bg-overlay.is-dark { background-color: #000000f2; } .template_h2-style { font-family: var(--font--headers); font-size: 2.5rem; font-weight: 400; line-height: 1.1; } .container-xsmall { width: 100%; max-width: 40rem; margin-left: auto; margin-right: auto; } .container-xsmall.margin-0 { margin-left: 0; margin-right: 0; } .template_tagline-style { color: var(--base-color-brand--grey-25); font-size: 1.1rem; font-weight: 400; line-height: 1.1; } .button-5 { border: var(--spacer--tiny) solid var(--base-color-brand--primary-dark); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary-dark); color: var(--text-color--text-alternate); text-align: center; padding: .75rem 1.5rem; font-weight: 400; transition: transform .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); } .button-5:hover { background-color: var(--base-color-brand--primary); color: var(--base-color-neutral--white); text-decoration: none; transform: translate(0, -.125rem); box-shadow: 0 6px 12px #0018454d; } .button-5.is-secondary { border-color: var(--base-color-neutral--neutral-lightest); color: var(--base-color-brand--primary); background-color: #0466c800; text-decoration: none; } .broke-header_component { grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); flex-flow: wrap; justify-content: center; align-items: stretch; display: flex; } .sign-modal_bg-spline { z-index: 3; opacity: .82; object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .create-artist_modal { z-index: 4; grid-column-gap: 0px; grid-row-gap: 0px; color: var(--base-color-neutral--white); grid-template-rows: auto; grid-template-columns: 1.5fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: center stretch; display: flex; position: relative; } .brand-logo { width: var(--spacer--xxhuge); height: var(--spacer--xhuge); flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .header75_background { position: absolute; inset: 0%; } .position-relative { position: relative; } .header75_background-image { object-fit: cover; background-image: url('../images/64dec2a55e8956adbcef3150_DSC07406-1_1.avif'); background-position: 100% 5%; background-size: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .header75_background-overlay { z-index: 2; object-fit: cover; background-image: linear-gradient(0deg, #000 15%, #0000); width: 100%; height: 100%; position: absolute; inset: 0%; } .z-index-3 { z-index: 3; position: relative; } .text-block { width: 100%; } .dropdown1_dropdown-img { border-radius: var(--spacer--xxsmall); object-fit: cover; width: 100%; height: 9rem; } .template_quick-links-component { z-index: 100; padding-right: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxlarge); padding-left: var(--spacer--xxlarge); grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: column; justify-content: center; align-items: center; max-width: 40rem; margin-left: auto; margin-right: auto; display: flex; position: fixed; inset: auto 0% 0%; } .quick-links_body { z-index: 2; grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); border: 1px solid var(--template); border-radius: var(--spacer--huge); background-color: var(--base-color-brand--dark-navy); flex-flow: column; width: 100%; max-width: 40rem; min-height: 10rem; max-height: 65vh; display: none; overflow: scroll; box-shadow: 0 -25px 64px #0000004d; } .quick-links_link { z-index: 4; border: 1px solid var(--template); border-radius: var(--spacer--xxgiant); color: var(--base-color-neutral--white); background-color: #0000; justify-content: space-between; align-items: center; width: 100%; padding: 0; display: flex; position: relative; overflow: hidden; box-shadow: 0 1px 2px #0000000f; } .quick-links_bg { background-color: var(--base-color-neutral--neutral-darkest); width: 100%; position: absolute; inset: 0%; } .quick-links_link-bg { z-index: 1; background-image: linear-gradient(90deg, var(--template), #0000); position: absolute; inset: 0%; } .quick-links_link-bg-overlay { z-index: 2; background-color: #1119; position: absolute; inset: 0%; } .quick-links_scroll-window { z-index: 2; flex-flow: column; height: 100%; display: flex; position: relative; } .quick-links_link-wrapper { padding: var(--spacer--xlarge) var(--spacer--medium) var(--spacer--medium); grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: column; display: flex; position: relative; } .quick-links_scroll-bottom-overlay { z-index: 3; background-image: linear-gradient(0deg, var(--base-color-neutral--neutral-darkest) 14%, #1110); height: 3.3rem; position: sticky; inset: auto 0% 0%; } .sign-modal_header { padding: var(--spacer--medium); background-color: #0c0d0f80; } .heading-style-elephant { font-family: var(--font--headers); font-size: 5rem; font-weight: 500; line-height: 1; } .grid { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid.is-3 { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .grid.is-custom { grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: stretch; display: grid; } .grid.is-custom2 { margin-bottom: var(--spacer--large); grid-column-gap: var(--spacer--small); grid-row-gap: 0rem; } ._3-up-callout_img { border: 1px solid var(--base-color-neutral--neutral-darkest); border-radius: var(--spacer--small); object-fit: cover; width: 30rem; height: 20rem; } ._3-up-callout_component { padding-top: var(--spacer--xxhuge); padding-bottom: var(--spacer--xxhuge); grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); flex-flow: column; justify-content: center; align-items: center; display: flex; } .epk_sticky-header { flex-flow: column; max-width: 55rem; display: flex; position: relative; } .section_epk { padding-bottom: var(--spacer--xxhuge); grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); justify-content: flex-start; display: flex; } .sizing-grow { flex: 1; } .text-color-grey-20 { color: var(--base-color-brand--grey-25); } .container_sticky { position: sticky; top: 0; } .quick-links_bg-image { object-fit: cover; width: 100%; height: 100%; } .quick-links_bg-overlay { z-index: 1; background-image: linear-gradient(0deg, var(--background-color--background-primary) 20%, #00000080); height: 65vh; position: absolute; inset: 0%; } .stripe_form { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .stripe_payment-element { z-index: 99999; margin-bottom: var(--spacer--xxlarge); opacity: 1; flex: 1; width: 100%; position: relative; } .code-embed { justify-content: center; align-items: center; display: flex; } .header75_content-callout { z-index: 0; grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; min-height: 80vh; margin-left: 0; margin-right: 0; display: flex; position: sticky; top: 0; } .header75_content-callout-grid { grid-column-gap: var(--spacer--xlarge); grid-row-gap: var(--spacer--xlarge); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .basic-card_component { padding: var(--spacer--xsmall); border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--neutral-darker); transition: box-shadow .25s cubic-bezier(.47, 0, .745, .715), color .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715), transform .25s cubic-bezier(.47, 0, .745, .715); } .basic-card_component:hover { background-color: var(--base-color-brand--primary-dark); box-shadow: -4px 4px 0 0 var(--base-color-brand--primary-2xdark); color: var(--base-color-brand--primary-5xdark); text-decoration: none; transform: translate(4px, -4px); } .basic-card_image { border-radius: var(--spacer--xsmall); object-fit: cover; object-position: 0% 0%; width: 100%; height: 10rem; } .features_image { aspect-ratio: 16 / 9; object-fit: contain; width: 100%; } .text-color-3xlight { color: var(--base-color-brand--primary-3xligdht); } .section_mockups { background-color: #000; position: relative; } .mockups_wrapper { width: 100%; max-width: 95em; margin-left: auto; margin-right: auto; } .mockups_devices { margin-bottom: var(--spacer--giant); flex-wrap: wrap; justify-content: space-between; align-items: flex-start; display: flex; } .mockups_device { z-index: 1; width: 28%; position: relative; overflow: hidden; } .mockups_device.is-second { margin-top: 8%; } .mockups_screen { z-index: 0; object-fit: cover; border-radius: 3%; flex-flow: column; justify-content: flex-end; align-items: center; width: 90.2%; height: 95.8%; display: flex; position: absolute; top: 2.2%; left: 5.1%; overflow: hidden; } .iphone14-image { object-fit: cover; width: 100%; } .mockups_device-image { z-index: 1; width: 100%; position: relative; } .social-links-item { border-radius: var(--spacer--xxgiant); color: var(--base-color-brand--grey-25); transition: transform .2s cubic-bezier(.47, 0, .745, .715), opacity .2s cubic-bezier(.47, 0, .745, .715); } .social-links-item:hover { color: var(--base-color-neutral--white); transform: translate(0, -.125rem); } .template_slider-mask { max-width: 100vw; } .template_media-cards-component { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .template_media-cards-component.hide { display: none; } .template_media-card { padding: var(--spacer--xsmall); border-radius: var(--spacer--xsmall); background-color: var(--base-color-neutral--neutral-darkest); flex-flow: column; display: flex; } .template_section-about { flex-flow: row; position: relative; } .template_about-image { z-index: 1; object-fit: cover; flex: 1; width: 100%; height: 40rem; } .template_about-grid { z-index: 3; grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; display: grid; position: relative; } .template_about-left { border-radius: var(--spacer--small); width: 100%; position: relative; overflow: hidden; } .template_about-image-overlay { z-index: 2; background-image: linear-gradient(176deg, #0000001f, #0000000f); position: absolute; inset: 0%; } .template_upcoming-shows { position: relative; } .template_bg-video { width: 100%; padding-top: 56.25%; padding-bottom: 0; padding-right: 0; } .template_bg-video-wrapper { justify-content: center; align-items: center; height: 60vh; display: flex; position: relative; overflow: hidden; } .template_bg-video-wrapper.hide { display: none; } .template_bg-video-overlay { z-index: 2; background-image: linear-gradient(180deg, var(--base-color-neutral--black) 3%, #00000087); position: absolute; inset: 0%; } .template_modal { z-index: 99; background-color: #0000005e; background-image: linear-gradient(180deg, var(--base-color-neutral--black), #0000); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); flex-flow: column; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; } .template_modal-header { z-index: 3; padding: var(--spacer--large) var(--spacer--xxlarge); justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0% 0% auto; } .template_button-close { border-radius: var(--spacer--xxgiant); } .template_button-wrapper { z-index: 3; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .template_shows-list { padding-top: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxhuge); } .template_show-list-card { border-bottom: 1px solid var(--base-color-brand--border); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .template_show-list-card.is-white { padding: var(--spacer--medium); border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--xsmall); } .template_grid { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .template_grid.is-3 { grid-template-columns: 1fr 1fr 1fr; } .template_shows-wrapper { z-index: 9; border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--xlarge); background-color: var(--base-color-neutral--white); box-shadow: 0 4rem 14rem 0 #00000059, 0 4rem 14rem 0 var(--template); color: var(--base-color-brand--dark-navy); position: relative; } .template_show-list-date { margin-bottom: var(--spacer--small); padding-top: var(--spacer--small); padding-right: var(--spacer--medium); padding-left: var(--spacer--medium); border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--xxgiant); font-family: var(--font--headers); color: var(--base-color-brand--primary-5xdark); flex-flow: column; justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; box-shadow: 0 1px 2px #0000003d; } .template_show-list-date.is-white { border-color: var(--base-color-brand--border); color: var(--base-color-brand--primary-5xdark); box-shadow: 0 1px 2px #00000014; } .text-size-xlarge { font-size: 2rem; line-height: .6; } .template_footer { background-color: var(--base-color-neutral--black); } .template_footer-component { justify-content: space-between; display: flex; } .template_footer-logo { font-family: var(--font--headers); color: var(--base-color-neutral--neutral-lightest); background-color: #efefef00; padding: 0; font-size: 1.5rem; transition: color .2s cubic-bezier(.47, 0, .745, .715); } .template_footer-logo:hover { color: var(--base-color-neutral--white); } .section_dashboard-modal { z-index: 999999; border-left: 1px solid var(--base-color-brand--border); background-color: var(--base-color-neutral--white); flex-flow: column; justify-content: flex-start; align-items: flex-end; height: 100vh; display: none; position: fixed; inset: 0% 0% 0% auto; overflow: scroll; box-shadow: -20px 0 64px #0000001c; } .background-color-dark { background-color: var(--base-color-neutral--black); color: var(--text-color--text-alternate); } .background-color-dark.border-radius-huge { border-radius: var(--spacer--xxgiant); } .quicklinks_item { padding: var(--spacer--medium); border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--small); background-color: var(--base-color-neutral--white); justify-content: space-between; align-items: center; display: flex; box-shadow: 0 1px 1px #0000000a; } .quicklinks_item.is-live { display: flex; } .quicklinks_item.align-top { align-items: flex-start; } .page-loader { z-index: 99999; background-color: var(--base-color-neutral--white); color: var(--template); justify-content: center; align-items: center; display: flex; position: fixed; inset: 0%; } .page-loader.is-hidden { display: none; } .page-loader_dark-bg { background-color: var(--base-color-brand--dark-navy); position: absolute; inset: 0%; } .form_date-picket { padding: var(--spacer--xxsmall) var(--spacer--xsmall) var(--spacer--xsmall) var(--spacer--small); border: 1px solid var(--base-color-brand--primary-dark); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary-4xlight); color: var(--base-color-brand--primary-5xdark); cursor: pointer; width: 10.5rem; transition: border .2s cubic-bezier(.47, 0, .745, .715), transform .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); box-shadow: 0 1px 2px #00000024; } .form_date-picket:hover { border-color: var(--base-color-brand--primary); color: var(--base-color-brand--primary-3xdark); transform: translate(0, -.125rem); } .text-style-label { color: var(--base-color-brand--primary-5xdark); font-size: 1rem; font-weight: 300; } .color-swatch_component { width: var(--spacer--xhuge); height: var(--spacer--xhuge); border: 1px solid var(--base-color-brand--primary-xdark); border-radius: var(--spacer--xxgiant); background-color: var(--template); } .form_input-color { width: var(--spacer--xxhuge); height: var(--spacer--xxhuge); border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--xxsmall); cursor: pointer; transition: transform .2s cubic-bezier(.47, 0, .745, .715), border-color .2s cubic-bezier(.47, 0, .745, .715); } .form_input-color:hover { border-color: var(--base-color-brand--primary-dark); transform: translate(0, -.125rem); } .epk-image { aspect-ratio: 16 / 9; border-radius: var(--spacer--large); object-fit: cover; width: 100%; } .video-preview_component { border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--small); background-color: var(--base-color-neutral--white); flex-flow: column; display: flex; overflow: hidden; } .container-90vh { height: 90vh; } .browser-mock_component { padding: var(--spacer--medium); border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--large); background-color: var(--base-color-neutral--neutral-lightest); height: 75vh; box-shadow: 0 4px 8px #0000000a; } .browser-mock_screen { border: 1px solid var(--base-color-brand--border); border-radius: var(--spacer--small); cursor: none; justify-content: center; align-items: center; height: 100%; display: flex; position: relative; overflow: hidden; } .browser-mock_button { z-index: 2; width: var(--spacer--xxhuge); height: var(--spacer--xxhuge); border: 1px solid var(--base-color-brand--primary-dark); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary-dark); color: var(--base-color-brand--midnight-yellow); cursor: pointer; justify-content: center; align-items: center; padding-bottom: 0; padding-right: 0; transition: box-shadow .2s cubic-bezier(.47, 0, .745, .715), transform .2s cubic-bezier(.47, 0, .745, .715), background-color .2s cubic-bezier(.47, 0, .745, .715), color .2s cubic-bezier(.47, 0, .745, .715); display: none; position: absolute; } .browser-mock_button:hover { background-color: var(--base-color-brand--primary-dark); color: var(--base-color-brand--midnight-yellow); transform: translate(0, -.125rem); box-shadow: 0 1px 8px #efd7947a; } .text-link-custom1 { color: var(--base-color-brand--primary-4xdark); text-align: left; font-size: 1.1rem; font-weight: 500; } .text-link-custom1:hover { color: var(--base-color-brand--primary-4xdark); } .cursor-pointer { grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); color: var(--base-color-brand--midnight-yellow); cursor: pointer; display: flex; } .form-input-float-icon { padding-left: var(--spacer--small); color: var(--base-color-brand--primary-4xdark); position: absolute; } .instruction-modal_component { left: 0%; top: var(--spacer--xlarge); padding: var(--spacer--xxsmall); border: 1px solid var(--base-color-neutral--neutral-dark); border-radius: var(--spacer--xsmall); background-color: var(--base-color-neutral--black); display: none; position: absolute; bottom: auto; right: auto; box-shadow: 0 8px 32px #00000052; } .instruction-modal_video { width: 20rem; height: 12rem; } .instruction-modal_video2 { border-radius: var(--spacer--xsmall); overflow: hidden; } .bg-video-wrapper_title { z-index: 11; grid-column-gap: var(--spacer--xlarge); grid-row-gap: var(--spacer--xlarge); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: absolute; } .videos_grid { grid-column-gap: var(--spacer--xxhuge); grid-row-gap: var(--spacer--xxhuge); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .video-player_video { aspect-ratio: 16 / 9; } .video-player_component { font-family: var(--font--headers); color: var(--base-color-neutral--neutral-lightest); font-size: 1.5rem; font-weight: 400; } .video-player_wrapper { padding-bottom: var(--spacer--xsmall); border: 1px solid var(--base-color-neutral--neutral-darkest); border-radius: var(--spacer--medium); background-color: var(--base-color-neutral--neutral-darkest); transition: box-shadow .2s cubic-bezier(.47, 0, .745, .715); overflow: hidden; } .video-player_wrapper:hover { box-shadow: 0 2rem 8rem 0 #000000e6, 0 2rem 8rem 0 var(--template); } .header75_video-container { aspect-ratio: 16 / 9; border-radius: var(--spacer--medium); width: 100%; position: relative; overflow: hidden; } .header75_video { width: 100%; height: 100%; margin-top: -29px; padding-top: 0; } .header75_video-overlay { background-image: linear-gradient(0deg, #000 11%, #fff0); position: absolute; inset: 0%; } .header75_modal { z-index: 4; padding-right: var(--spacer--large); padding-left: var(--spacer--large); background-color: #0c0d0fdb; flex-flow: row; justify-content: flex-start; align-items: flex-end; width: 100vw; height: 100vh; display: none; position: fixed; inset: 0%; overflow: hidden; } .header75_modal-body { padding: var(--spacer--large); grid-column-gap: var(--spacer--large); grid-row-gap: var(--spacer--large); border-top: 1px solid var(--border-color--border-alternate); border-right: 1px solid var(--border-color--border-alternate); border-left: 1px solid var(--border-color--border-alternate); border-top-left-radius: var(--spacer--xlarge); border-top-right-radius: var(--spacer--xlarge); background-color: var(--base-color-neutral--black); color: var(--base-color-neutral--white); flex-flow: column; width: 100%; max-width: 80rem; margin-left: auto; margin-right: 1rem; display: flex; position: relative; } .header75_modal-control { cursor: pointer; width: 3rem; height: 85%; margin-right: auto; } .header75_preview-iframe { aspect-ratio: 16 / 9; border-radius: var(--spacer--medium); object-fit: contain; overflow: hidden; } .header75_modal-heading { grid-column-gap: var(--spacer--medium); grid-row-gap: var(--spacer--medium); flex-flow: wrap; justify-content: space-between; display: flex; } .website-features_img2 { max-width: 50%; position: absolute; } .website-features_img1 { max-width: 60%; position: absolute; } .checkout-modal_summary { padding: var(--spacer--xxlarge) var(--spacer--xlarge); border: 1px solid var(--text-color--text-secondary); border-radius: var(--spacer--medium); color: var(--base-color-neutral--white); background-color: #121314; flex-flow: column; justify-content: space-between; min-width: 30rem; display: flex; } .text-style-custom-1 { font-size: var(--spacer--xlarge); } .line-break { background-color: var(--base-color-brand--border); width: 100%; height: 1px; } .line-break.is-dark { background-color: var(--text-color--text-secondary); } .heading-style-banner { color: var(--base-color-neutral--white); font-size: var(--spacer--xgiant); font-weight: 700; line-height: 1; } .iphone14-image-top { z-index: 2; max-width: 85%; position: absolute; bottom: 2rem; } .features_editor-video { z-index: 2; width: 100%; height: 100%; margin-top: -29px; padding-top: 0; } .features_video-wrapper { aspect-ratio: 16 / 9; border-radius: var(--spacer--xlarge); padding-top: 0; overflow: hidden; } .section_pricing2 { background-color: var(--background-color--background-primary); color: var(--text-color--text-primary); } .pricing2_plan { border: 1px solid var(--border-color--border-primary); border-radius: var(--spacer--xlarge); background-color: #fff; padding: 2rem; overflow: hidden; } .pricing2_icon-wrapper { flex-flow: row; justify-content: flex-end; align-items: center; width: 100%; display: inline-flex; } .heading-style-h1-2 { font-size: 4rem; font-weight: 400; line-height: 1.1; } .pricing2_divider { background-color: var(--border-color--border-primary); width: 100%; height: 1px; } .pricing2_feature-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: .5rem; padding-bottom: .5rem; display: grid; } .pricing2_feature { grid-column-gap: 1rem; grid-row-gap: 1rem; display: flex; } .pricing2_feature-icon-wrapper { padding: var(--spacer--tiny); border-radius: var(--spacer--giant); background-color: var(--base-color-brand--primary-dark); flex: none; align-self: flex-start; } .button-6 { border: var(--spacer--tiny) solid var(--base-color-brand--primary); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary); color: var(--base-color-brand--midnight-yellow); text-align: center; padding: .75rem 1.5rem; font-weight: 500; transition: color .25s cubic-bezier(.47, 0, .745, .715), transform .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); } .button-6:hover { border-color: var(--base-color-brand--border); background-color: var(--base-color-brand--border); box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--grey); color: var(--base-color-brand--grey-150); text-decoration: none; transform: translate(.125rem, -.125rem); } .button-6.max-width-full { width: 100%; max-width: none; } .footer12_component { background-color: var(--background-color--background-primary); } .footer12_top-wrapper { grid-column-gap: 8vw; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr .5fr; align-items: start; } .heading-style-h1-3 { font-size: 4rem; font-weight: 400; line-height: 1.1; } .button-7 { border: var(--spacer--tiny) solid var(--base-color-brand--primary); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary); color: var(--base-color-brand--midnight-yellow); text-align: center; padding: .75rem 1.5rem; font-weight: 500; transition: color .25s cubic-bezier(.47, 0, .745, .715), transform .25s cubic-bezier(.47, 0, .745, .715), box-shadow .25s cubic-bezier(.47, 0, .745, .715), background-color .25s cubic-bezier(.47, 0, .745, .715); } .button-7:hover { border-color: var(--base-color-brand--border); background-color: var(--base-color-brand--border); box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--grey); color: var(--base-color-brand--grey-150); text-decoration: none; transform: translate(.125rem, -.125rem); } .button-7.is-secondary { border-color: var(--base-color-brand--grey-25); background-color: var(--base-color-brand--grey-25); color: var(--base-color-brand--primary-4xdark); text-decoration: none; } .button-7.is-secondary:hover { border-color: var(--base-color-brand--border); background-color: var(--base-color-brand--border); box-shadow: -.125rem .125rem 0 0 var(--base-color-brand--grey-25); } .footer12_menu-wrapper { grid-column-gap: 2rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .footer12_link-list { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; place-items: flex-start start; display: flex; } .footer12_link { padding-top: .5rem; padding-bottom: .5rem; font-size: .875rem; font-weight: 600; text-decoration: none; } .footer12_middle-wrapper { justify-content: space-between; align-items: center; display: flex; } .footer12_logo-link { float: none; padding-left: 0; } .footer12_image-list { grid-column-gap: 0rem; grid-row-gap: 0rem; padding-left: .75rem; display: flex; position: relative; } .footer12_image-list.hide { display: none; } .footer12_image-item { margin-left: -.75rem; } .footer12_image { border: 2px solid var(--background-color--background-primary); object-fit: cover; border-radius: 100%; width: 3rem; height: 3rem; } .line-divider { background-color: var(--border-color--border-primary); width: 100%; height: 1px; } .footer12_bottom-wrapper { justify-content: space-between; align-items: center; display: flex; } .footer12_credit-text { font-size: .875rem; } .footer12_social-list { grid-column-gap: .75rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; place-items: start; display: flex; } .footer12_social-list.hide { display: none; } .footer12_social-link { align-items: center; font-size: 14px; text-decoration: none; display: flex; } .quick-links_link-item { padding: var(--spacer--medium) var(--spacer--xxlarge); grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); color: var(--base-color-neutral--white); cursor: pointer; justify-content: space-between; align-items: center; width: 100%; display: flex; } .quick-links_link-item:hover { color: var(--base-color-neutral--neutral-lightest); } .quick-links_sub-head { padding-right: var(--spacer--small); padding-bottom: var(--spacer--xxsmall); padding-left: var(--spacer--small); grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); justify-content: space-between; align-items: center; display: flex; } .social-links-wrapper { grid-column-gap: var(--spacer--small); grid-row-gap: var(--spacer--small); flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .hero_image-preview { margin-bottom: var(--spacer--small); aspect-ratio: 16 / 9; border: 1px solid var(--base-color-brand--grey-25); border-radius: var(--spacer--xxsmall); object-fit: cover; width: 100%; height: 12rem; } .epk-image-wrapper { position: relative; } .epk-image_action-button { left: auto; top: var(--spacer--xsmall); right: var(--spacer--xsmall); justify-content: center; align-items: center; display: flex; position: absolute; bottom: auto; } .more-circle { border-radius: var(--spacer--xxgiant); color: var(--base-color-brand--primary-5xdark); padding: 0; transition: color .2s cubic-bezier(.47, 0, .745, .715); } .more-circle:hover { color: var(--base-color-brand--primary-3xdark); } .epk-image_button { width: var(--spacer--xlarge); height: var(--spacer--xlarge); } .epk-image_delete { padding: var(--spacer--xxsmall) var(--spacer--xsmall); grid-column-gap: var(--spacer--xxsmall); grid-row-gap: var(--spacer--xxsmall); border-radius: var(--spacer--xxgiant); background-color: var(--base-color-neutral--white); color: var(--base-color-brand--text-alert); font-size: 1.1rem; font-weight: 500; transition: transform .2s cubic-bezier(.47, 0, .745, .715), box-shadow .2s cubic-bezier(.47, 0, .745, .715); display: flex; } .epk-image_delete:hover { color: var(--base-color-brand--text-alert-hover); transform: translate(1px, -1px); box-shadow: -1px 1px #cecece; } .dropdown-list { background-color: #dddddd29; } .dropdown-list.w--open { background-color: #ddd0; } .container-xxsmall { width: 100%; max-width: 32rem; margin-left: auto; margin-right: auto; } .container-xxsmall.margin-0 { margin-left: 0; margin-right: 0; } .utility-page_hero { background-color: #a7a7a7; flex: 1; width: 100%; } .text-style-404 { font-size: var(--spacer--xxhuge); font-weight: 600; line-height: .75; } .shell3-helper-grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; align-items: start; display: flex; } .dashboard_helper-component { padding: var(--spacer--small); border: 1px solid var(--base-color-brand--primary-xlight); border-radius: var(--spacer--small); background-color: var(--base-color-brand--primary-4xlight); width: 28rem; } .loading-animation { z-index: 99999; position: relative; } .cursor-wrapper { z-index: 900; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0%; } .cursor_circle { width: var(--spacer--xxhuge); height: var(--spacer--xxhuge); border-radius: var(--spacer--xxgiant); justify-content: center; align-items: center; display: flex; } .cursor_icon { opacity: 0; flex-direction: column; justify-content: center; align-items: center; width: 0; height: 0; display: flex; } .footnote { padding-top: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxhuge); } .template_section-bg-color { background-color: var(--template); width: 100%; height: 70%; position: absolute; inset: auto 0% 0%; } .background-color-template { background-image: linear-gradient(to bottom, #000000db, #000000db), linear-gradient(to bottom, var(--template), var(--template)); color: var(--text-color--text-alternate); } .background-color-template.border-radius-huge { border-radius: var(--spacer--xxgiant); } .modal { z-index: 901; padding: var(--spacer--xxlarge); opacity: 0; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background-image: linear-gradient(#0c0d0fa6, #0c0d0fa6); justify-content: center; align-items: center; display: none; position: absolute; inset: 0%; } .text-color-black { color: var(--text-color--text-primary); } .form_input-socials { padding-top: var(--spacer--medium); position: relative; } .form_image-input { padding-right: var(--spacer--small); padding-bottom: var(--spacer--small); padding-left: var(--spacer--small); border: 1px solid var(--base-color-brand--grey-25); border-radius: var(--spacer--xsmall); background-color: var(--base-color-neutral--neutral-lightest); position: relative; } .notification-banner_component { padding: var(--spacer--small) var(--spacer--medium); border-radius: var(--spacer--xsmall); font-family: var(--font--headers); border: 1px solid #0000; justify-content: space-between; align-items: center; width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; font-weight: 500; display: flex; box-shadow: 0 1px 2px #00000012; } .notification-banner_component.margin-0 { margin-left: 0; margin-right: 0; } .notification-banner_component.is-success { color: var(--base-color-system--success-green-dark); background-color: #ceffb3; border-color: #87c466; } .template_heading-style-hero { color: var(--base-color-neutral--white); font-size: 4rem; font-weight: 600; line-height: 1.1; } .template_section-slider { overflow: hidden; } .slider1_slider { background-color: #0000; flex-direction: row; justify-content: center; align-items: center; height: auto; } .slider1_mask { overflow: visible; } .slider1_slide { padding-top: var(--spacer--medium); padding-right: var(--spacer--medium); padding-left: var(--spacer--medium); } .slider1_image-wrapper { border-radius: 0; width: 100%; overflow: hidden; } .slider1_image-wrapper:focus { opacity: .5; } .slider1_image { aspect-ratio: 16 / 9; border-radius: var(--spacer--small); object-fit: cover; width: 100%; height: 100%; } .slider-arrow { border: 1px solid var(--border-color--border-primary); color: var(--text-color--text-primary); background-color: #fff; border-radius: 100%; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .slider-arrow.is-centre-previous, .slider-arrow.is-centre-next { bottom: 4rem; } .slider-arrow-icon_default { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .slider1_slide-nav { height: 1.75rem; font-size: .5rem; display: none; } .section_notification-banner { padding-right: var(--spacer--huge); padding-left: var(--spacer--huge); } @media screen and (max-width: 991px) { h1 { font-size: 3rem; } .utility-page_component { padding-right: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxlarge); padding-left: var(--spacer--xxlarge); } .padding-xlarge { padding: 3rem; } .margin-xlarge { margin: 3rem; } .padding-xhuge { padding: 6rem; } .padding-xxhuge { padding: 8rem; } .padding-huge { padding: 5rem; } .margin-large { margin: 2.5rem; } .padding-xxlarge { padding: 4rem; } .padding-large { padding: 2.5rem; } .margin-huge { margin: 5rem; } .padding-medium { padding: 1.5rem; } .margin-xxlarge { margin: 4rem; } .margin-xhuge { margin: 6rem; } .margin-medium { margin: 1.5rem; } .margin-xxhuge { margin: 8rem; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .hide-tablet { display: none; } .fs-styleguide_2-col { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .max-width-full-tablet { width: 100%; max-width: none; } .fs-styleguide_1-col { grid-column-gap: 2rem; grid-row-gap: 2rem; } .fs-styleguide_heading-medium { font-size: 3rem; } .fs-styleguide_4-col { grid-template-columns: 1fr; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .fs-styleguide_3-col { grid-template-columns: 1fr; } .button.is-custom-4 { margin-left: var(--spacer--small); padding: var(--spacer--xxsmall) var(--spacer--xsmall) var(--spacer--tiny); justify-content: center; align-items: center; font-size: 1rem; display: flex; } .fs-styleguide_section { grid-column-gap: 2.5rem; grid-template-columns: 1fr; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .spacer-huge { padding-top: 5rem; } .spacer-medium { padding-top: 1.5rem; } .spacer-xhuge { padding-top: 6rem; } .spacer-xxhuge { padding-top: 8rem; } .spacer-xlarge { padding-top: 3rem; } .spacer-large { padding-top: 2.5rem; } .spacer-xxlarge { padding-top: 4rem; } .nav_button { color: #fff; } .section_hero { padding-top: 3rem; } .hero_grid { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; } .fs-styleguide_heading-header { font-size: 4rem; } .sign-modal_form-component { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; } .sign-modal_form-component.is-checkout { flex-flow: column; } .sign-modal_display { padding-top: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxlarge); grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-columns: 1.5fr; justify-content: flex-start; align-items: center; } .section_sign-modal { padding-left: 0; padding-right: 0; } .sign-modal_form { min-width: 100%; } .section_headyblurbs { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); display: flex; } .section_headyblurbs.hide-tablet { display: none; } .section_headyblurbs.hide-desktop { display: flex; } .header75_content { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); flex-flow: column; grid-template-columns: 1fr; align-content: start; align-items: stretch; min-height: 100vh; padding-top: 6rem; padding-bottom: 0; display: flex; } .header75_content-bottom { padding-top: var(--spacer--xxlarge); justify-content: flex-start; height: 70vh; top: 0; } .header75_lightbox-image { max-height: 40rem; } .header75_ix-trigger { margin-top: 120vh; } .header75_content-right { min-width: 100%; padding-top: 0; } .navbar2_component { padding-right: var(--spacer--medium); padding-left: var(--spacer--medium); } .navbar2_container { grid-template-columns: .25fr 1fr; display: flex; } .navbar2_menu { border-bottom: 1px solid var(--border-color--border-primary); background-color: var(--background-color--background-primary); -webkit-text-fill-color: inherit; background-clip: border-box; justify-content: center; width: 100%; padding: 1rem 5% 2.5rem; display: flex; position: absolute; overflow: auto; } .navbar2_menu.is-page-height-tablet { height: 100dvh; padding-bottom: 6.5rem; transition: height .5s; } .navbar2_link { padding: .75rem var(--spacer--medium); text-align: center; justify-content: flex-start; align-items: center; font-size: 1.125rem; } .navbar2_menu-dropdown { flex-direction: column; justify-content: center; align-items: center; font-size: 1.125rem; display: flex; } .navbar2_dropdwn-toggle { align-items: center; margin-left: 0; margin-right: 0; padding: .75rem 2rem .75rem 0; display: flex; } .dropdown-chevron { inset: auto 0% auto auto; } .navbar2_dropdown-list { position: static; overflow: hidden; } .navbar2_dropdown-list.w--open { border-style: none; padding: 0; position: static; } .navbar2_dropdown-link { text-align: center; width: auto; padding: .75rem 0; font-size: 16px; } .navbar2_button-wrapper { align-items: center; } .navbar2_menu-button { padding: 0; } .navbar2_menu-button.w--open { background-color: #0000; } .menu-icon2 { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon2_line-top { background-color: var(--base-color-brand--primary); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .menu-icon2_line-middle { background-color: var(--base-color-brand--primary); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon2_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon2_line-bottom { background-color: var(--base-color-brand--primary); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .dropdown1_component { width: 100%; } .dropdown1_component:hover { background-color: #2220; } .dropdown1_toggle { align-items: center; display: flex; } .dropdown1_dropdown-list { overflow: hidden; } .dropdown1_dropdown-list.w--open { position: relative; left: 0; } .layout230_component { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); } .layout230_list { grid-column-gap: 2rem; } .layout230_list.is-wide { grid-row-gap: 2rem; } .scrolling-image_left-desktop { background-position: 0 0; } .shell3_wrapper { flex-direction: column; } .shell3_sidebar-wrapper { height: 100%; position: absolute; } .sidebar4_component { z-index: 97; background-color: #0000; border-right-style: none; width: auto; min-width: auto; height: auto; min-height: 4.3rem; padding: 0 2rem; } .sidebar4_container { flex-direction: row; align-items: center; padding-top: 0; } .sidebar4_logo-link { margin-bottom: 0; margin-left: var(--spacer--tiny); border-color: var(--base-color-neutral--white); color: var(--base-color-brand--primary-dark); background-color: #fff0; order: 1; justify-content: flex-start; align-self: auto; align-items: center; height: 3rem; padding-left: 0; } .sidebar4_menu { background-color: #0000; width: 19.5rem; height: 100dvh; } .sidebar4_menu-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--base-color-neutral--white); padding-top: 1.5rem; padding-bottom: 1.5rem; } .sidebar4_menu-top { padding-top: var(--spacer--xhuge); } .sidebar4_link.is-nav { display: none; } .sidebar4_accordion-icon { margin-top: 0; margin-bottom: 0; margin-right: 0; inset: auto 0% auto auto; } .sidebar4_menu-button.w--open { background-color: #c8c8c800; } .sidebar4_menu-button.is-close.w--open { border-radius: var(--spacer--xxgiant); background-color: var(--base-color-brand--primary-4xlight); color: var(--base-color-brand--primary-4xdark); } .menu-icon { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon.is-left { margin-left: -.5rem; margin-right: 0; } .menu-icon_line-top { background-color: var(--base-color-neutral--black); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .menu-icon_line-middle { background-color: var(--base-color-neutral--black); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon_line-bottom { background-color: var(--base-color-neutral--black); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .sidebar4_close-tablet { z-index: 1; color: var(--base-color-neutral--white); position: fixed; top: 1rem; right: 1rem; } .sidebar4_background-layer { background-color: #cb9a0899; position: fixed; inset: 0%; } .sidebar-type-label-delete-this { left: 2rem; right: auto; } .topbar3_container { grid-template-columns: 1fr; justify-content: flex-end; justify-items: end; } .topbar3_search-desktop { display: none; } .topbar3_form_component { z-index: 999; width: 100%; max-width: none; } .topbar3_content-right { justify-content: flex-end; } .topbar3_search-button-tablet { cursor: pointer; display: block; } .topbar3_menu-dropdown { padding-top: var(--spacer--xsmall); padding-bottom: var(--spacer--xsmall); } .topbar3_search-tablet { display: none; } .topbar3_close-icon { cursor: pointer; } .image { max-width: 48rem; left: 22%; } .form_container { z-index: 98; padding-bottom: var(--spacer--xhuge); width: 20rem; position: relative; overflow: scroll; } .navbar1_component { padding-left: 0; } .navbar1_container { padding-left: var(--spacer--small); justify-content: flex-start; align-items: center; } .navbar1_menu { border-bottom: 1px solid var(--border-color--border-primary); background-color: var(--background-color--background-primary); -webkit-text-fill-color: inherit; background-clip: border-box; padding: 1rem 5% 2rem; position: absolute; overflow: auto; } .navbar1_menu.is-page-height-tablet { border-top: 1px solid var(--base-color-neutral--neutral-darker); border-bottom-color: var(--base-color-neutral--neutral-darker); height: 100dvh; padding-bottom: 6.5rem; transition: height .5s; } .navbar1_menu-links { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .navbar1_link { width: auto; margin-left: 0; margin-right: 0; padding: .75rem 0; font-size: 1.125rem; } .navbar1_menu-dropdown { width: 100%; font-size: 1.125rem; } .navbar1_dropdown-toggle { align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; display: flex; } .navbar1_dropdown-list { position: static; overflow: hidden; } .navbar1_dropdown-list.w--open { border-style: none; padding: 0; } .navbar1_dropdown-link { width: auto; padding: .75rem 0 .75rem 5%; } .navbar1_menu-buttons { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; margin-left: 0; } .navbar1_menu-button { margin-right: var(--spacer--xsmall); flex-flow: column; justify-content: center; align-items: center; } .navbar1_menu-button.w--open { background-color: #0000; } .menu-icon1 { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon1_line-top { background-color: var(--base-color-neutral--white); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .menu-icon1_line-middle { background-color: var(--base-color-neutral--white); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon1_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon1_line-bottom { background-color: var(--base-color-neutral--white); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .navbar1_right { margin-left: var(--spacer--xxlarge); } .template_section-hero { grid-template-columns: 3.25fr; } .template_slider-image { height: 85%; } .template_slider-image-overlay { background-image: linear-gradient(0deg, #000 16%, #00000026 98%, #0000); } .template_slider-content { padding-right: var(--spacer--xxlarge); padding-bottom: var(--spacer--giant); padding-left: var(--spacer--xxlarge); } .heading-style-hero { font-size: 3rem; line-height: 1.2; } .template_button.is-play-button { width: auto; height: auto; } .template_h2-style { font-size: 2.5rem; font-weight: 500; } .create-artist_modal { padding-top: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxlarge); grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-columns: 1.5fr; align-items: start; } .quick-links_body { width: 100%; } .heading-style-elephant { font-size: 6rem; } .grid.is-custom { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; } .grid.is-custom2 { grid-template-columns: 1fr; } ._3-up-callout_img { width: 100%; } ._3-up-callout_component { flex-flow: column; justify-content: flex-start; align-items: stretch; } .epk_sticky-header { max-width: 100%; } .section_epk { flex-flow: column; justify-content: flex-start; } .container_sticky { position: relative; } .header75_content-callout { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); flex-flow: column; grid-template-columns: 1fr; align-content: start; align-items: stretch; min-height: 120vh; padding-top: 6rem; padding-bottom: 0; display: flex; } .header75_content-callout-grid { flex-flow: wrap; grid-template-columns: 1fr 1fr; justify-content: center; align-items: stretch; } .template_media-cards-component { grid-template-columns: 1fr 1fr; } .template_about-image { height: 30rem; } .template_about-grid { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-columns: 1.5fr; } .template_bg-video-wrapper { height: auto; } .template_modal-header { z-index: 99; } .template_grid.is-3 { grid-template-columns: 1fr 1fr; } .template_shows-wrapper { top: 0; } .section_dashboard-modal { display: none; } .browser-mock_button { display: flex; } .checkout-modal_summary { width: 100%; min-width: 100%; } .heading-style-banner { font-size: 3rem; line-height: 1.2; } .footer12_top-wrapper { grid-row-gap: 4rem; grid-template-columns: 1fr; } .template_heading-style-hero { font-size: 3rem; line-height: 1.2; } } @media screen and (max-width: 767px) { h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1rem; } h6 { font-size: .875rem; } .utility-page_component { padding-right: var(--spacer--large); padding-bottom: var(--spacer--large); padding-left: var(--spacer--large); grid-column-gap: var(--spacer--xlarge); grid-row-gap: var(--spacer--xlarge); } .padding-xlarge { padding: 2rem; } .margin-xlarge { margin: 2rem; } .padding-xhuge { padding: 4rem; } .padding-xxhuge { padding: 4.5rem; } .padding-huge { padding: 3.5rem; } .margin-large { margin: 1.5rem; } .padding-xxlarge { padding: 3rem; } .padding-large { padding: 1.5rem; } .margin-huge { margin: 3.5rem; } .padding-medium { padding: 1.25rem; } .margin-xxlarge { margin: 3rem; } .margin-xhuge { margin: 4rem; } .margin-medium { margin: 1.25rem; } .margin-xxhuge { margin: 4.5rem; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .hide-mobile-landscape { display: none; } .heading-style-h3 { font-size: 1.5rem; } .heading-style-h1 { font-size: 2.5rem; } .padding-global { padding-left: 1.25rem; padding-right: 1.25rem; } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem; } .fs-styleguide_section-header { font-size: .875rem; } .fs-styleguide_heading-medium { font-size: 2rem; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .heading-style-h4 { font-size: 1rem; } .text-style-nowrap { white-space: normal; } .heading-style-h6 { font-size: .75rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .text-size-large { font-size: 1.25rem; } .heading-style-h2 { font-size: 2rem; } .heading-style-h5 { font-size: .875rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .spacer-huge { padding-top: 3.5rem; } .spacer-medium { padding-top: 1.25rem; } .spacer-xhuge { padding-top: 4rem; } .spacer-xxhuge { padding-top: 4.5rem; } .spacer-xlarge { padding-top: 2rem; } .spacer-large { padding-top: 1.5rem; } .spacer-xxlarge { padding-top: 3rem; } .sign-modal_form-component { width: 100%; } .flex-wrapper-vertical.flex-gap-tiny.flex-align-custom1 { justify-content: flex-start; align-items: flex-start; } .headyblurb_component { max-width: 100%; } .section_headyblurbs { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; } .header75_content { padding-top: 4rem; padding-bottom: 4rem; } .header75_content-bottom { height: 60vh; } .header75_lightbox-image { max-height: 30rem; } .header75_ix-trigger { margin-top: 120vh; } .navbar2_component { min-height: 4rem; } .navbar2_menu.is-page-height-tablet { padding-bottom: 6rem; } .button-3.is-navbar2-button { padding: .25rem 1rem; } .dropdown1_dropdown-list.w--open { flex-flow: column; } .layout230_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .layout230_item { padding-top: var(--spacer--medium); padding-right: var(--spacer--medium); padding-left: var(--spacer--medium); } .scrolling-image_component { grid-template-columns: 1fr; } .sidebar4_component { min-height: 4rem; padding-left: 1.5rem; padding-right: 1.5rem; } .sidebar4_menu { width: 80vw; } .sidebar-type-label-delete-this { left: 1rem; } .topbar3_component { height: auto; min-height: 4rem; padding-left: 1.5rem; padding-right: 1.5rem; } .topbar3_content-right { grid-column-gap: .5rem; grid-row-gap: .5rem; } .topbar3_text-wrapper { display: none; } .topbar3_search-wrapper { min-height: 4rem; padding-left: 1.5rem; padding-right: 1.5rem; top: 4rem; } .topbar-type-label-delete-this { top: 2.5rem; right: 1rem; } .image { width: 140%; max-width: 140%; left: 19%; } .form_container { width: 18rem; } .navbar1_component { height: auto; min-height: 4rem; } .navbar1_logo-link { padding-left: 0; } .navbar1_menu.is-page-height-tablet { padding-bottom: 6rem; } .navbar1_right { flex-flow: wrap; align-content: center; } .template_slider-container { grid-column-gap: var(--spacer--small); grid-row-gap: var(--spacer--small); } .template_slider-arrow { width: var(--spacer--xxhuge); height: var(--spacer--xxhuge); } .template_slider-content { padding-right: var(--spacer--large); padding-left: var(--spacer--large); } .template_section-sound { padding-top: var(--spacer--xxlarge); padding-bottom: var(--spacer--xxlarge); } .template_h2-style { font-size: 2rem; } .template_quick-links-component { padding-right: var(--spacer--medium); padding-left: var(--spacer--medium); display: flex; } .quick-links_body { position: relative; } .quick-links_link { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex; } .quick-links_bg { height: 100%; } .quick-links_link-wrapper { padding: var(--spacer--medium); } .quick-links_scroll-bottom-overlay { z-index: 7; position: absolute; } .navbar1_logo-text { font-size: 1.2rem; } .heading-style-elephant { font-size: 5rem; } .grid.is-3, .grid.is-custom, .grid.is-2 { grid-template-columns: 1fr; } ._3-up-callout_img { width: 100%; } ._3-up-callout_component { flex-flow: column; } .header75_content-callout { min-height: 120vh; padding-top: 4rem; padding-bottom: 4rem; } .header75_content-callout-grid { flex-flow: column; grid-template-columns: 1fr; justify-content: center; align-items: center; } .basic-card_component { width: 18rem; } .mockups_devices { margin-top: var(--spacer--xxhuge); grid-column-gap: 10%; grid-row-gap: 10%; justify-content: center; } .mockups_device { width: 40%; } .mockups_device.is-second { order: 1; width: 52%; } .template_media-cards-component { grid-template-columns: 1fr; } .template_about-image { height: 26rem; } .template_about-grid, .template_grid.is-3 { grid-template-columns: 1fr; } .template_footer-component { grid-column-gap: var(--spacer--xhuge); grid-row-gap: var(--spacer--xhuge); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .page-loader { background-color: var(--base-color-neutral--white); color: var(--template); } .page-loader_dark-bg { z-index: 1; width: 100vw; height: 100vh; position: absolute; inset: 0%; } .videos_grid { grid-column-gap: var(--spacer--xxlarge); grid-row-gap: var(--spacer--xxlarge); grid-template-columns: 1fr; } .header75_modal { flex-flow: column; } .header75_modal-control { padding-right: var(--spacer--medium); padding-bottom: var(--spacer--medium); order: -1; justify-content: flex-end; align-items: flex-end; width: 100%; height: 100%; display: flex; } .pricing2_plan { padding-left: 1.5rem; padding-right: 1.5rem; } .heading-style-h1-2 { font-size: 2.5rem; } .footer12_top-wrapper { grid-row-gap: 3rem; } .heading-style-h1-3 { font-size: 2.5rem; } .footer12_menu-wrapper { grid-column-gap: 1.5rem; } .footer12_bottom-wrapper { flex-direction: column-reverse; align-items: flex-start; padding-bottom: 1rem; } .footer12_credit-text { margin-top: 1.25rem; } .quick-links_link-item { padding-right: var(--spacer--large); padding-left: var(--spacer--large); } .shell3-helper-grid { flex-flow: column; } .dashboard_helper-component { width: 100%; } .modal { padding-right: var(--spacer--medium); padding-left: var(--spacer--medium); } .slider1_slider { padding-bottom: 3rem; } .slider1_slide { padding-top: var(--spacer--giant); padding-right: var(--spacer--small); padding-left: var(--spacer--small); } .slider-arrow { margin-top: 0; margin-bottom: 0; display: flex; } .slider-arrow.is-centre-previous { inset: 0% auto auto 42%; } .slider-arrow.is-centre-next { inset: 0% auto auto 52%; } .section_notification-banner { padding-right: var(--spacer--large); padding-left: var(--spacer--large); } } @media screen and (max-width: 479px) { .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .fs-styleguide_row { flex-wrap: wrap; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .hide-mobile-portrait { display: none; } .button { width: 100%; } .button.is-text-custom, .button.is-text-custom.is-alternate, .button.is-text-dark.is-alternate, .button.is-icon-error.is-alternate { width: auto; } .button.is-custom-4 { font-size: .9rem; } .button.is-icon-success.is-alternate, .button.is-text-green, .button.is-text-green.is-alternate { width: auto; } .hero_heading { font-size: 2.5rem; } .header75_content-bottom { height: 50vh; } .header75_lightbox-image { max-height: 25rem; } .button-alt { padding-right: var(--spacer--xxlarge); justify-content: center; align-items: center; display: flex; } .button-3 { width: 100%; } .layout230_list { grid-template-columns: 1fr; } .image { width: 250%; max-width: 250%; top: 31%; left: 34%; } .form_input-image-preview { flex-flow: column; align-items: flex-start; } .form_image-preview-input { max-width: 15rem; } .form_image-preview-right { padding-top: var(--spacer--small); padding-left: 0; } .button-4 { width: 100%; } .navbar1_right { padding: var(--spacer--medium); } .heading-style-hero { font-size: var(--spacer--huge); } .button-5 { width: 100%; } .template_quick-links-component { background-image: linear-gradient(0deg, #000000b3, #0000 50%); } .heading-style-elephant { font-size: 3rem; } .grid { grid-template-columns: 1fr; } ._3-up-callout_img { height: 16rem; } .basic-card_component { width: 100%; } .template_about-image { height: 18rem; } .button-6, .button-7 { width: 100%; } .footer12_menu-wrapper { grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .footer12_middle-wrapper { flex-direction: column; align-items: flex-start; } .footer12_logo-link { margin-bottom: 1.5rem; } .quick-links_sub-head { grid-column-gap: var(--spacer--xsmall); grid-row-gap: var(--spacer--xsmall); flex-flow: column; align-items: center; } .shell3-helper-grid { grid-template-columns: 1fr; } .template_heading-style-hero { font-size: var(--spacer--xxlarge); } .slider-arrow.is-centre-previous { left: 36%; } .slider-arrow.is-centre-next { left: 53%; } } #w-node-b3613a65-cd5b-0359-ed17-ff66564d84ed-9d37b1de, #w-node-_9f3da23b-deec-aa19-e2d4-e6b33b0102bd-9d37b1de, #w-node-_4738d4a5-3eb6-8e17-eaf9-bd708130214d-9d37b1de, #w-node-b3613a65-cd5b-0359-ed17-ff66564d84f2-9d37b1de, #w-node-b3613a65-cd5b-0359-ed17-ff66564d84f7-9d37b1de, #w-node-_432bdcc2-63b6-cc26-b604-277fa2cca689-9d37b1de { align-self: start; } #w-node-b9a27684-cb0e-d254-d9ca-03da0d216505-0d2164ff { justify-self: center; } #w-node-b9a27684-cb0e-d254-d9ca-03da0d21652e-0d2164ff { justify-self: end; } #w-node-b224ec27-30fa-be84-48bf-7ed471542af3-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-9d37b1e1 { justify-self: start; } #w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-9d37b1e1, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-9d37b1e1 { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-9d37b1e1 { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-9d37b1e1 { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-9d37b1e1 { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-9d37b1e1, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-9d37b1e1 { justify-self: start; } #w-node-_30684373-af34-3818-02a4-e58b3ffef416-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_30684373-af34-3818-02a4-e58b3ffef417-9d37b1e1 { justify-self: start; } #w-node-_30684373-af34-3818-02a4-e58b3ffef41a-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-9d37b1e1, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-9d37b1e1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-9d37b1e1 { justify-self: start; } #w-node-a0e42039-9ee2-d01a-d53c-eb8c70ec425c-8d760f04, #w-node-a1e4f50c-b7f0-ce5a-a66a-4abdd2db39fc-356eaf6f, #w-node-_69da2b3f-0b99-7d6e-957e-dbd8da898789-e983c7cc, #w-node-_69da2b3f-0b99-7d6e-957e-dbd8da898789-4284f77e, #w-node-_3f019cba-41c4-f144-1506-70ed20638a82-e8099b29, #w-node-_69da2b3f-0b99-7d6e-957e-dbd8da898789-5be602f3 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-ee5b1726-4d73-75a6-f802-c9b339556552-39556550 { grid-area: span 1 / span 1 / span 1 / span 1; } } @font-face { font-family: 'Mosvita'; src: url('../fonts/Mosvita-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Mosvita'; src: url('../fonts/Mosvita-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Mosvita'; src: url('../fonts/Mosvita-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Mosvita'; src: url('../fonts/Mosvita-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Mosvita'; src: url('../fonts/Mosvita-Bold.woff2') format('woff2'), url('../fonts/Mosvita-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Mosvita'; src: url('../fonts/Mosvita-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-BoldItalic.ttf') format('truetype'), url('../fonts/InterTight-ExtraBoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Bold.ttf') format('truetype'), url('../fonts/InterTight-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Intertight'; src: url('../fonts/InterTight-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Titilliumweb'; src: url('../fonts/TitilliumWeb-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; }