.reset { margin: 0px; border-style: none; background-color: transparent; padding: 0px; } .btn:is(a, button), .btn :is(a, button) { display: flex; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 6px; font-weight: 600; line-height: 20px; text-align: center; cursor: pointer; align-items: center; isolation: isolate; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 13px 22px; } .btn.btn--fullwidth { width: 100%; justify-content: center; } @media (max-width: 767px){ .btn-fw-mobile .btn-cta, .btn-fw-mobile .btn { width: 100%; justify-content: center; } } .btn.btn--primary:is(a, button), .btn.btn--primary :is(a, button) { color: #FFFFFF; background-color: #d53d25; border: 3px solid #d53d25; } .btn.btn--primary:is(a, button) img, .btn.btn--primary :is(a, button) img { filter: brightness(0) invert(1); } .btn.btn--primary:is(a, button):hover, .btn.btn--primary :is(a, button):hover { background-color: #c21a00; border-color: #c21a00; } .btn.btn--primary:is(a, button):focus-visible, .btn.btn--primary :is(a, button):focus-visible { outline: none; box-shadow: 0px 0px 0px 3px #1d1d1f; } .btn.btn--secondary:is(a, button), .btn.btn--secondary :is(a, button) { color: #1d1d1f; background-color: transparent; border: 3px solid #d53d25; } .btn.btn--secondary:is(a, button) svg, .btn.btn--secondary :is(a, button) svg { fill: #1d1d1f; } .btn.btn--secondary:is(a, button):hover, .btn.btn--secondary :is(a, button):hover { color: #1d1d1f; background-color: transparent; border-color: #c21a00; } .btn.btn--secondary:is(a, button):focus-visible, .btn.btn--secondary :is(a, button):focus-visible { outline: none; box-shadow: 0px 0px 0px 3px #1d1d1f; } .btn.btn--tertiary:is(a, button), .btn.btn--tertiary :is(a, button) { color: #1d1d1f; background-color: transparent; border: none; padding: 0; text-decoration: underline; transition: none; text-align: left; } .btn.btn--tertiary:is(a, button):focus, .btn.btn--tertiary :is(a, button):focus { outline: none; box-shadow: 0px 0px 0px 3px #1d1d1f; } .btn.btn--tertiary:is(a, button):hover, .btn.btn--tertiary :is(a, button):hover { text-decoration: none; color: #75757b; } .btn.btn--tertiary:is(a, button) svg, .btn.btn--tertiary :is(a, button) svg { fill: #1d1d1f; } .btn.btn--tertiary:is(a, button):hover svg, .btn.btn--tertiary :is(a, button):hover svg { fill: #75757b; } .btn-modal { display: inline-flex; justify-content: flex-start; align-items: center; text-decoration: underline; font-weight: 600; text-align: left; } .btn-modal:focus-visible { box-shadow: 0px 0px 0px 3px #1d1d1f; outline: none; } .btn-modal:hover { color: #75757b; text-decoration: none; } .btn--link:not(.btn-cta) { position: relative; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; height: -moz-fit-content; height: fit-content; color: #1d1d1f; line-height: 100%; cursor: pointer; text-decoration: underline; display: inline-flex; align-items: center; } .btn--link:not(.btn-cta) svg { width: 13px; height: 13px; margin-left: 0.5rem; } .btn--link { stroke: #1d1d1f; transition: stroke 0.2s ease-in-out; } .hover-area:hover .btn--link:not(.btn-cta), .btn--link:not(.btn-cta):hover { text-decoration: none; color: #75757b; } .hover-area:hover .btn--link:not(.btn-cta) svg, .btn--link:not(.btn-cta):hover svg{ fill: #75757b; } .btn--link:focus-visible { outline: none; box-shadow: 0px 0px 0px 3px #1d1d1f; } .btn-cta.btn--link a { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; line-height: 100%; text-decoration-line: underline; vertical-align: top; } .btn-cta.btn--link a:hover { text-decoration: none; } .btn-cta .hs-cta-embed { width: auto!important; } .btn-cta .hs-cta-embed iframe { width: 100%!important; } .main-nav .btn-cta iframe .interactive-button { font-size: 0.75rem!important; } /* Hide default HubSpot form title if providing your own title field */ .cms-content h3.form-title { display: none; } .cms-content form { display: flex; flex-direction: column; row-gap: 1rem; } .cms-content form fieldset { max-width: none !important; padding: 0; margin: 0; border: none; } .cms-content form .form-columns-2 { display: flex; -moz-column-gap: 3.5rem; column-gap: 3.5rem; row-gap: 1rem; } .cms-content form fieldset.form-columns-2 .hs-form-field { width: 100%; } .cms-content form ul { padding: 0; margin: 0; } .cms-content form ul li { font-size: 16px; font-weight: 400; line-height: 150%; padding: 0; margin: 0; } .label, .cms-content form .hs-form-field > label { display: block; color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; line-height: 140%; margin-bottom: 0.5rem; } .cms-content form label .hs-form-required { display: inline-block; color: #f96028; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; line-height: 20px; margin-left: 0.25rem; } .cms-content form .input { margin-right: 0 !important; } .cms-content form:not(.hsfc-Form) input[type="text"], .cms-content form:not(.hsfc-Form) input[type="password"], .cms-content form:not(.hsfc-Form) input[type="datetime"], .cms-content form:not(.hsfc-Form) input[type="datetime-local"], .cms-content form:not(.hsfc-Form) input[type="date"], .cms-content form:not(.hsfc-Form) input[type="month"], .cms-content form:not(.hsfc-Form) input[type="time"], .cms-content form:not(.hsfc-Form) input[type="week"], .cms-content form:not(.hsfc-Form) input[type="number"], .cms-content form:not(.hsfc-Form) input[type="email"], .cms-content form:not(.hsfc-Form) input[type="url"], .cms-content form:not(.hsfc-Form) input[type="search"], .cms-content form:not(.hsfc-Form) input[type="color"], .cms-content form:not(.hsfc-Form) input[type="file"], .cms-content form:not(.hsfc-Form) textarea, .cms-content form:not(.hsfc-Form) select, .select { -webkit-appearance: none; -moz-appearance: none; height: 54px; line-height: 24px; color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; width: 100% !important; padding-left: 0.25rem; padding-right: 0.25rem; border-radius: 6px; border: 1px solid #00; background-color: #FFFFFF} .cms-content form:not(.hsfc-Form) input[type="text"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="password"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="datetime"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="datetime-local"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="date"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="month"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="time"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="week"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="number"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="email"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="url"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="search"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="color"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) input[type="file"]::-moz-placeholder, .cms-content form:not(.hsfc-Form) textarea::-moz-placeholder, .cms-content form:not(.hsfc-Form) select::-moz-placeholder, .select::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(89 89 94 / var(--tw-placeholder-opacity, 1)); } .cms-content form:not(.hsfc-Form) input[type="text"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="password"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="datetime"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="datetime-local"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="date"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="month"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="time"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="week"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="number"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="email"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="url"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="search"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="color"]::placeholder, .cms-content form:not(.hsfc-Form) input[type="file"]::placeholder, .cms-content form:not(.hsfc-Form) textarea::placeholder, .cms-content form:not(.hsfc-Form) select::placeholder, .select::placeholder { --tw-placeholder-opacity: 1; color: rgb(89 89 94 / var(--tw-placeholder-opacity, 1)); } .cms-content form:not(.hsfc-Form) input[type="text"]:hover, .cms-content form:not(.hsfc-Form) input[type="password"]:hover, .cms-content form:not(.hsfc-Form) input[type="datetime"]:hover, .cms-content form:not(.hsfc-Form) input[type="datetime-local"]:hover, .cms-content form:not(.hsfc-Form) input[type="date"]:hover, .cms-content form:not(.hsfc-Form) input[type="month"]:hover, .cms-content form:not(.hsfc-Form) input[type="time"]:hover, .cms-content form:not(.hsfc-Form) input[type="week"]:hover, .cms-content form:not(.hsfc-Form) input[type="number"]:hover, .cms-content form:not(.hsfc-Form) input[type="email"]:hover, .cms-content form:not(.hsfc-Form) input[type="url"]:hover, .cms-content form:not(.hsfc-Form) input[type="search"]:hover, .cms-content form:not(.hsfc-Form) input[type="color"]:hover, .cms-content form:not(.hsfc-Form) input[type="file"]:hover, .cms-content form:not(.hsfc-Form) textarea:hover, .cms-content form:not(.hsfc-Form) select:hover, .select:hover { --tw-bg-opacity: 1; background-color: rgb(217 217 221 / var(--tw-bg-opacity, 1)); } .cms-content form:not(.hsfc-Form) input[type="text"]:focus, .cms-content form:not(.hsfc-Form) input[type="password"]:focus, .cms-content form:not(.hsfc-Form) input[type="datetime"]:focus, .cms-content form:not(.hsfc-Form) input[type="datetime-local"]:focus, .cms-content form:not(.hsfc-Form) input[type="date"]:focus, .cms-content form:not(.hsfc-Form) input[type="month"]:focus, .cms-content form:not(.hsfc-Form) input[type="time"]:focus, .cms-content form:not(.hsfc-Form) input[type="week"]:focus, .cms-content form:not(.hsfc-Form) input[type="number"]:focus, .cms-content form:not(.hsfc-Form) input[type="email"]:focus, .cms-content form:not(.hsfc-Form) input[type="url"]:focus, .cms-content form:not(.hsfc-Form) input[type="search"]:focus, .cms-content form:not(.hsfc-Form) input[type="color"]:focus, .cms-content form:not(.hsfc-Form) input[type="file"]:focus, .cms-content form:not(.hsfc-Form) textarea:focus, .cms-content form:not(.hsfc-Form) select:focus, .select:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .cms-content form input[type="color"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="date"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="datetime-local"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="datetime"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="email"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="month"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="number"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="password"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="search"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="tel"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="text"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="time"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="url"]:is(:focus, :focus-within, :focus-visible), .cms-content form input[type="week"]:is(:focus, :focus-within, :focus-visible), .cms-content form select:is(:focus, :focus-within, :focus-visible), .cms-content form textarea:is(:focus, :focus-within, :focus-visible), .select:is(:focus, :focus-within, :focus-visible) { outline: none; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .cms-content form input[type="text"].invalid.error, .cms-content form input[type="password"].invalid.error, .cms-content form input[type="datetime"].invalid.error, .cms-content form input[type="datetime-local"].invalid.error, .cms-content form input[type="date"].invalid.error, .cms-content form input[type="month"].invalid.error, .cms-content form input[type="time"].invalid.error, .cms-content form input[type="week"].invalid.error, .cms-content form input[type="number"].invalid.error, .cms-content form input[type="email"].invalid.error, .cms-content form input[type="url"].invalid.error, .cms-content form input[type="search"].invalid.error, .cms-content form input[type="tel"].invalid.error, .cms-content form input[type="color"].invalid.error, .cms-content form input[type="file"].invalid.error, .cms-content form textarea.invalid.error, .cms-content form select.invalid.error { border-color: #D3000F; } .cms-content form textarea { min-height: 144px; max-height: 300px; } .cms-content form select, .select { background-image: url("data:image/svg+xml;utf8,"); background-size: 20px 20px; background-repeat: no-repeat; background-position: top 17px right 16px; padding-right: 36px!important; } /* Hide the placeholder from the options menu */ .cms-content form select option[value=""][disabled] { display: none; } .cms-content form .input ul.multi-container { display: flex; flex-direction: column; row-gap: 0.5rem; padding: 0; } .cms-content form .input .hs-fieldtype-checkbox li, .cms-content form .input .hs-form-radio li { margin: 0; } .cms-content form .input label > span.custom-checkbox { display: none; } .cms-content form .input label > input[type="checkbox"], .cms-content form .input label > input[type="radio"] { -webkit-appearance: none; display: none; } .cms-content form .input label > input[type="checkbox"] ~ span, .cms-content form .input label > input[type="radio"] ~ span { position: relative; display: block; color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 300; line-height: 150%; cursor: pointer; padding: 8px 8px 8px 40px; margin: 0; } /* Pref center checkboxes */ .cms-content form .email-prefs .subscribe-options label, .cms-content form .email-prefs .item-inner { position: relative; } .cms-content form .email-prefs .item-inner { background: r; border: 1px solid #1d1d1f; border-radius: 8px; } .cms-content form .email-prefs .item-inner:hover { background: a; } .cms-content form .email-prefs .item-inner .fakelabel > span, .cms-content form .email-prefs .subscribe-options label { position: relative; padding-top: 0.5rem; } .cms-content form .email-prefs .item-inner .fakelabel > span:first-of-type { padding-left: 2rem; } .cms-content form .email-prefs input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 0; left:0; right: 0; bottom: 0; z-index: 1; cursor: pointer; opacity: 0; } .cms-content form .email-prefs .item.disabled { pointer-events: none; opacity: 0.6; } .cms-content form .input label > input[type="checkbox"] ~ span:before, .cms-content form .input label > input[type="radio"] ~ span:before, .cms-content form .email-prefs input[type="checkbox"] + span:before, .cms-content form .email-prefs .subscribe-options input[type="checkbox"] + span:before, .cms-content form .email-prefs .item.disabled .item-inner.hovered span:before { content: ""; position: absolute; top: 0.375rem; left: 0; height: 1.5rem; width: 1.5rem; border: 1px solid #1d1d1f; background-color: #FFFFFF; } .cms-content form .email-prefs input[type="checkbox"] ~ span:before, .cms-content form .input label > input[type="checkbox"] ~ span:before { border-radius: 0.25rem; } .cms-content form .email-prefs input[type="radio"] ~ span:before, .cms-content form .input label > input[type="radio"] ~ span:before { border-radius: 50%; } .cms-content form .input label > input[type="checkbox"] ~ span:hover:before, .cms-content form .input label > input[type="radio"] ~ span:hover:before, .cms-content form .email-prefs input[type="checkbox"] + span:hover:before { border: 3px solid #CCD6DB; background-color: #FFFFFF; } .cms-content form .input label > input[type="checkbox"]:checked ~ span:before, .cms-content form .input label > input[type="radio"]:checked ~ span:before, .cms-content form .email-prefs input[type="checkbox"]:checked + span:before, .cms-content form .email-prefs .subscribe-options input[type="checkbox"]:checked + span:before, .cms-content form .email-prefs .item.disabled .item-inner.hovered span:before { border-color: #d1490a; background-color: #d1490a; } .cms-content form .input label > input[type="radio"]:checked ~ span:after { content: ""; position: absolute; top: 1rem; left: 6px; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: #1d1d1f; } .cms-content form .input label > input[type="checkbox"]:checked ~ span:after, .cms-content form .email-prefs input[type="checkbox"]:checked + span:after, .cms-content form .email-prefs .subscribe-options input[type="checkbox"]:checked + span:after, .cms-content form .email-prefs .item.disabled .item-inner.hovered span:after { color: #1d1d1f; content: url('data:image/svg+xml;utf-8,'); position: absolute; top: 8px; left: 3px; height: 1.25rem; width: 1.25rem; line-height: 1px; } .cms-content form input[type="submit"] { margin-top: 1rem; } .cms-content form ::-webkit-input-placeholder { color: #1d1d1f; opacity: 0.25; } .cms-content form ::-moz-placeholder { color: #1d1d1f; opacity: 0.25; } .cms-content form :-ms-input-placeholder { color: #1d1d1f; opacity: 0.25; } .cms-content form :focus::-webkit-input-placeholder { color: #1d1d1f; opacity: 0.25; } .cms-content form :focus::-moz-placeholder { color: #1d1d1f; opacity: 0.25; } .cms-content form :focus:-ms-input-placeholder { color: #1d1d1f; opacity: 0.25; } .cms-content form input[type="file"] { cursor: pointer; padding-top: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; border-color: transparent; background: transparent !important; } .cms-content form input[type="file"]::file-selector-button { font-size: 16px; font-weight: 700; line-height: 100%; letter-spacing: 0.48px; text-transform: uppercase; cursor: pointer; text-align: center; padding: 16px 32px; border-radius: 32px; margin-right: 1rem; background-color: #d1490a; border: 2px solid #d1490a;; color: #1d1d1f; transition: background-color 0.2s ease-in-out; } .cms-content form input[type="file"]::file-selector-button:hover { background: transparent; } /* Styling calendar */ .cms-content form .hs-dateinput input[type="text"] { max-width: 142px; } .cms-content form .fn-date-picker.pika-single { font-family: Work Sans, Arial, Helvetica, sans-serif; width: 308px; background-color: #1d1d1f; } .cms-content form .fn-date-picker.pika-single.is-bound { border: none; border-radius: 16px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08); margin-top: 32px; } .cms-content form .hs-dateinput .fn-date-picker .pika-lendar { width: auto; margin: 16px; width: 276px; } .cms-content form .hs-dateinput .fn-date-picker .pika-table { margin: 0; border-spacing: 4px; border-collapse: initial; border: none !important; } .cms-content form .fn-date-picker .pika-table { overflow: visible; border-radius: 0; min-width: 100%; } .cms-content form .fn-date-picker table.pika-table td { border: none !important; } .cms-content form .fn-date-picker table tr:first-child td { background-color: transparent; } .cms-content form .fn-date-picker .pika-table td.is-empty { background-color: transparent; } .cms-content form .fn-date-picker .pika-table td, .cms-content form .fn-date-picker .pika-table th { padding: 0 !important; } .cms-content form .fn-date-picker .pika-label { font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #1d1d1f; background: transparent; } .cms-content form .fn-date-picker .pika-table th { background-color: #006EEB; color: #1d1d1f; height: 36px; } .cms-content form .fn-date-picker .pika-table abbr { text-decoration: none; font-size: 14px; font-weight: 300; line-height: 100%; } .cms-content form .fn-date-picker .pika-button { background-color: #F2F5F5; color: #1d1d1f; font-size: 14px; font-weight: 400; line-height: 22px; height: 36px; line-height: 100%; text-align: center; border-radius: 0 !important; } .cms-content form .fn-date-picker .pika-button:hover { background-color: #CCD6DB !important; background: #CCD6DB; box-shadow: none; color: #1d1d1f !important; } .cms-content form .fn-date-picker .is-selected .pika-button { color: #1d1d1f !important; background-color: #F7FAFA !important; background: #F7FAFA; outline: 2px solid #006EEB; outline-offset: -2px; box-shadow: none; } .cms-content form .fn-date-picker td.is-today .pika-button, .cms-content form .fn-date-picker td.is-today .pika-button:hover { border-bottom: 2px solid #006EEB; box-shadow: none; } .cms-content form .legal-consent-container :is(.hs-richtext, *), .cms-content form .legal-consent-container .input label > input[type="checkbox"] ~ span { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; line-height: 140%; margin-bottom: 0; } .cms-content form .legal-consent-container .input label > input[type="checkbox"] ~ span { padding-left: 28px; } .cms-content form .legal-consent-container .input label > input[type="checkbox"] ~ span:before { top: 0.625rem; height: 1rem; width: 1rem; } .cms-content form .legal-consent-container .input label > input[type="checkbox"] ~ span:after { top: 13px; left: 0.125rem; height: 0.75rem; width: 0.75rem; } .cms-content form .legal-consent-container :not(:last-child) { margin-bottom: 15px; } .cms-content form .legal-consent-container .hs-richtext p a, .cms-content form .legal-consent-container .hs-richtext a { text-decoration: underline; } .cms-content form .legal-consent-container .hs-richtext p a:hover, .cms-content form .legal-consent-container .hs-richtext a:hover { text-decoration: none; } .cms-content .hs-subscriptions-secondary-button, .cms-content form input[type="submit"] { display: flex; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 6px; font-weight: 600; line-height: 20px; text-align: center; cursor: pointer; align-items: center; justify-content: center; isolation: isolate; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 13px 22px; color: #FFFFFF; background-color: #d53d25; border: 3px solid #d53d25; } .cms-content .hs-subscriptions-secondary-button:hover, .cms-content form input[type="submit"]:hover { background-color: #c21a00; border-color: #c21a00; } .cms-content .hs-subscriptions-secondary-button:focus, .cms-content form input[type="submit"]:focus { outline: none; box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.15); } .cms-content form ul.hs-error-msgs { display: flex; flex-direction: column; row-gap: 0.5rem; margin: 0; } .cms-content form :not(.hs_error_rollup) ul.hs-error-msgs { margin-top: 0.5rem; } .cms-content form ul.hs-error-msgs li { padding: 0; margin: 0; } .cms-content form ul.hs-error-msgs li:not(:last-child):not(:only-child) { margin-bottom: 10px; } .cms-content form ul.hs-error-msgs li:before, .cms-content form ul.hs-error-msgs li:after { content: none; } .cms-content form ul.hs-error-msgs li label { color: #D3000F; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0em; } #hs_form_target_blog_subscribe_ { overflow: unset; } .submitted-message { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 150%; overflow: unset; } /* Media queries */ @media only screen and (min-width: 640px) { .cms-content form .hs-dateinput { max-width: 14rem; } } @media only screen and (max-width: 639px) { .cms-content form .form-columns-2 { flex-direction: column; } } :root { --hsf-global__font-family: "Work Sans", Arial, Helvetica, sans-serif !important; --hsf-global__font-size: 16px; --hsf-global__color: #1d1d1f; --hsf-background__padding: 0px; --hsf-erroralert__font-size: 14px; --hsf-global-error__color: oklch(63.7% .237 25.331); --hsf-field-label-requiredindicator__color: #1d1d1f; --hsf-row__horizontal-spacing: 16px; --hsf-row__vertical-spacing: 18px; --hsf-field-label__font-size: 16px; --hsf-field-input__background-color: #FFFFFF; --hsf-field-input__border-color: #000; --hsf-field-input__border-radius: 6px; --hsf-field-input__padding: 15px 1rem; --hsf-field-input__placeholder-color: #d9d9dd; --hsf-field-checkbox__padding: 11px; --hsf-field-radio__background-color: #FFFFFF; --hsf-field-radio__border-color: #1d1d1f; --hsf-field-radio__padding: 11px; --hsf-module__vertical-spacing: 8px; --hsf-richtext__font-size: 16px; --hsf-navigationrow-buttons-single__justify-content: flex-start; --hsf-button__padding: 16px 24px; --hsf-button__font-weight: 600; --hsf-button__box-shadow: none; --hsf-button__border-radius: 6px; --hsf-button__background-color: #d53d25; --hsf-button--hover__background-color: #c21a00; --hsf-button--hover__border-color: #c21a00; } /* Custom styling */ .hsfc-Renderer .hsfc-FormWrapper .hsfc-TextField>input { margin-bottom: 0!important; } [data-hsfc-id=Renderer] .hsfc-FieldLabel { font-weight: 600; } .hsfc-Renderer .hsfc-FormWrapper .hsfc-Button:not([disabled]):hover { transform: translateY(0) } .hsfc-Renderer .hsfc-FormWrapper .hsfc-NavigationRow { margin-top: 0; } [data-hsfc-id=Renderer] .hsfc-TextareaInput:hover, [data-hsfc-id=Renderer] .hsfc-TextInput:hover { background: #d9d9dd; box-shadow: none; } [data-hsfc-id=Renderer] .hsfc-TextareaInput:focus, [data-hsfc-id=Renderer] .hsfc-TextInput:focus { background: #FFFFFF; box-shadow: 0 0 0 1px #000!important; } /* Checkboxes/radio */ .hsfc-Renderer .hsfc-FormWrapper .hsfc-CheckboxInput { border-radius: 6px; } .hsfc-Renderer .hsfc-FormWrapper .hsfc-RadioInput:hover, .hsfc-Renderer .hsfc-FormWrapper .hsfc-CheckboxInput:hover { background: #d9d9dd; box-shadow: none; } .hsfc-Renderer .hsfc-FormWrapper .hsfc-RadioInput:focus, .hsfc-Renderer .hsfc-FormWrapper .hsfc-CheckboxInput:focus { box-shadow: 0 0 0 1px #000!important; } .hsfc-Renderer .hsfc-FormWrapper .hsfc-CheckboxInput:checked:after { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); } .hsfc-FormWrapper .hsfc-RadioFieldGroup__Options label, .hsfc-FormWrapper .hsfc-CheckboxField label { font-weight: 400; } /* Custom select */ [data-hsfc-id=Renderer] .hsfc-DropdownInput > .hsfc-TextInput { background-image: url("data:image/svg+xml;utf8,"); background-size: 20px 20px; background-repeat: no-repeat; background-position: top 17px right 16px; padding-right: 38px!important; } [data-hsfc-id=Renderer] .hsfc-DropdownInput__Caret { display: none!important; } /* Submit */ [data-hsfc-id=Renderer] button[type="submit"].hsfc-Button { margin-top: 2rem; display: inline-flex; align-items: center; } @media (max-width: 767px){ [data-hsfc-id=Renderer] button[type="submit"].hsfc-Button { width: 100%; justify-content: center; } } [data-hsfc-id=Renderer] button[type="submit"].hsfc-Button:before { content: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 20px 20px; width: 20px; height: 20px; display: inline-block; margin-right: 8px; } body { font-family: Work Sans, Arial, Helvetica, sans-serif !important; } .cms-content ::-moz-selection { background: #d1490a; color: #FFFFFF; } .cms-content ::selection { background: #d1490a; color: #FFFFFF; } .cms-content ::-moz-selection { background: #d1490a; color: #FFFFFF; } .cms-content :is(h1, h2, h3, h4, h5, h6, p):is(:last-child, :only-child), :is(.h1, .h2, .h3, .h4, .h5, .h6, .p):is(:last-child, :only-child) { margin-bottom: 0; } .cms-content :is(p, ul, ol, table, img) + h6 { margin-top: 2rem; } article #hs_cos_wrapper_post_body, .cms-content p, .p { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.625; margin-bottom: 18px; } :is(.cms-content .p-large, .cms-content.p-large) p, p.p-large, :is(.cms-content .p-large, .cms-content.p-large) dd, dd.p-large, :is(.cms-content .p-large, .cms-content.p-large) dt, dt.p-large { font-size: 22px; line-height: 150%; margin-bottom: 22px; } :is(.cms-content .p-small, .cms-content.p-small) p, p.p-small, :is(.cms-content .p-small, .cms-content.p-small) dd, dd.p-small { font-size: 15px; line-height: 150%; margin-bottom: 15px; } strong, .cms-content strong { font-weight: 600 !important; } .cms-content.text-content li a, .cms-content p a { text-decoration: underline; position: relative; } .cms-content.text-content li a:hover, .cms-content p a:hover { color: #75757b; text-decoration: none; } .cms-content.text-content li a:focus, .cms-content a:focus { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1d1d1f!important; } nav li a[href^="http"]:not([href*="146390614"]):not([href*="walbrook.ac.uk"]), .cms-content.text-content li a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):not([href*="146390614"]), .cms-content p a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):not([href*="146390614"]) { display: inline-flex; align-items: center; } nav li a[href^="http"]:not([href*="146390614"]):not([href*="walbrook.ac.uk"]):after, .cms-content.text-content li a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):not([href*="146390614"]):after, .cms-content p a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):not([href*="146390614"]):after { content: ""; margin-left: 0.25em; display: inline-block; width: 1rem; height: 1rem; background: no-repeat center / contain url("data:image/svg+xml;utf8,"); } .cms-content h1, .cms-content .h1, .h1 { color: #1d1d1f; font-size: 1.875rem; font-family: Work Sans, Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.25; margin-bottom: 2rem; overflow-wrap: break-word; } .cms-content h2, .cms-content .h2, .h2 { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 1.25; margin-bottom: 1.5rem; overflow-wrap: break-word; } .cms-content :is(p, ul, ol, table, img) + h2 { margin-top: 2rem; } .cms-content h3, .cms-content .h3, .h3 { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 1.25; margin-bottom: 1rem; overflow-wrap: break-word; } .cms-content :is(p, ul, ol, table, img) + h3 { margin-top: 2rem; } .cms-content h4, .cms-content .h4, .h4 { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.75rem; margin-bottom: 1rem; } .cms-content :is(p, ul, ol, table, img) + h4 { margin-top: 2rem; } .cms-content h5, .cms-content .h5, .h5 { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.25; margin-bottom: 1rem; } .cms-content :is(p, ul, ol, table, img) + h5 { margin-top: 2rem; } .cms-content h6, .cms-content .h6, .h6 { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; margin-bottom: 2rem; font-size: 16px; font-weight: 500; line-height: 120%; } /* Media queries */ @media only screen and (min-width: 768px) { .cms-content h1, .cms-content .h1, .h1 { font-size: 3.25rem; } .cms-content h2, .cms-content .h2, .h2 { font-size: 2.25rem; } .cms-content h3, .cms-content .h3, .h3 { font-size: 1.875rem; line-height: 1.25; margin-bottom: 1.5rem; } .cms-content h4, .cms-content .h4, .h4 { font-size: 1.5rem; line-height: 2rem; } .cms-content h5, .cms-content .h5, .h5 { font-size: 1.25rem; line-height: 1.25; } .cms-content h6, .cms-content .h6, .h6 { font-size: 20px; letter-spacing: 0.18px; } } .cms-content hr { margin-bottom: 0.5rem; } :not(.no-list) .cms-content ul:not(.no-list), :not(.no-list) .cms-content ol:not(.no-list) { padding: 0; margin: 0; margin-bottom: 1.5rem; } .cms-content ul:not(.no-list):is(:last-child, :only-child), .cms-content ol:not(.no-list):is(:last-child, :only-child) { margin-bottom: 0; } .cms-content :is(h1, h2, h3, h4, h5, h6, p, table, img) + ul, .cms-content :is(h1, h2, h3, h4, h5, h6, p, table, img) + ol, .cms-content ul li > ul, .cms-content ol li > ol { margin-top: 1rem; } .cms-content ol { counter-reset: item sub-item tri-item; } .cms-content ul:not(.no-list):not(.hsfc-DropdownOptions__List) li, .cms-content ol:not(.no-list):not(.hsfc-DropdownOptions__List) li { color: #1d1d1f; position: relative; list-style: none; font-size: 16px; letter-spacing: 0; font-weight: 400; line-height: 1.625; padding-left: 1.5rem; margin-bottom: 0.5rem; } .cms-content ul:not(.no-list) li:is(:last-child, :only-child), .cms-content ol:not(.no-list) li:is(:last-child, :only-child) { margin-bottom: 0; } .text-center.items-center.cms-content ul, .text-center.items-center.cms-content ul, .text-center.items-center .cms-content ul { display: flex; flex-direction: column; align-items: center; } .text-center.items-center.cms-content ul li, .text-center.items-center .cms-content ul li { text-align: center; padding-left: 0 !important; display: inline-flex; align-items: flex-start; gap: 0.5em; } .text-center.items-center.cms-content ul li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before, .text-center.items-center .cms-content ul li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before { position: static !important; flex-shrink: 0; margin-top: 4px; } .cms-content ul:not(.no-list):not(.hsfc-DropdownOptions__List) li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before { content: ""; position: absolute; top: 4px; left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d1d1f' viewBox='0 0 32 32'%3E%3Ctitle%3Echeck-1-bold%3C/title%3E%3Cpath d='M31.16.387a1.987 1.987 0 0 0-2.787.453L9.667 26.933 3.413 20.68a2 2 0 0 0-2.826 2.827l7.906 7.92a2.038 2.038 0 0 0 3.04-.254l20.094-28A1.986 1.986 0 0 0 31.16.387'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; height: 16px; width: 1em; } .cms-content ol:not(.no-list) li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before { content: counter(item); counter-increment: item; position: absolute; top: 0; left: 0; color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 30px; } .cms-content ol:not(.no-list) li > ol li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before { content: counter(sub-item, lower-alpha); counter-increment: sub-item; } .cms-content ol:not(.no-list) li > ol li > ol li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before { content: counter(tri-item, lower-roman); counter-increment: tri-item; } /* Handle items-center li with p tags - remove bullet from li */ .text-center.items-center.cms-content ul li:has(p):before, .text-center.items-center .cms-content ul li:has(p):before { content: none!important; } /* Apply bullet to p inside items-center li */ .text-center.items-center.cms-content ul li:has(p) > p:before, .text-center.items-center .cms-content ul li:has(p) > p:before { content: ""; display: inline-block; width: 1em; height: 1em; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d1d1f' viewBox='0 0 32 32'%3E%3Ctitle%3Echeck-1-bold%3C/title%3E%3Cpath d='M31.16.387a1.987 1.987 0 0 0-2.787.453L9.667 26.933 3.413 20.68a2 2 0 0 0-2.826 2.827l7.906 7.92a2.038 2.038 0 0 0 3.04-.254l20.094-28A1.986 1.986 0 0 0 31.16.387'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; margin-top: 4.5px; margin-right: 8px; } .cms-content blockquote, .blockquote { position: relative; padding-left: 1rem; padding-top: 3.5rem; margin-bottom: 2rem; } .cms-content :is(p, ul, ol, table, img, div) + blockquote { margin-top: 1.5rem; } .cms-content blockquote:before, .blockquote:before { content: ''; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; width: 64px; height: 64px; top: 0; left: 0; } @media (max-width: 768px){ .cms-content blockquote, .blockquote { padding-top: 2.5rem; } .cms-content blockquote:before, .blockquote:before { width: 32px; height: 32px; } } .cms-content blockquote :is(h2, h3, h4, h5, h6, p), .blockquote :is(h2, h3, h4, h5, h6, p) { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; line-height: 120%; position: relative; margin-bottom: 1.5rem; display: inline-block; font-weight: 700} @media (min-width: 768px) { .cms-content blockquote :is(h2, h3, h4, h5, h6, p), .blockquote :is(h2, h3, h4, h5, h6, p) { font-size: 1.5rem; line-height: 2rem; } } .cms-content table { min-width: 750px; margin-bottom: 2rem; border-collapse: collapse; border-spacing: 0; border: 1px solid #1d1d1f !important; } .cms-content :is(p, ul, ol, table, img, div, blockquote) + table { margin-top: 2rem; } .cms-content table td { color: #1d1d1f; font-family: Work Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 150%; padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; padding-left: 2rem !important; padding-right: 2rem !important; border: 1px solid #1d1d1f !important; vertical-align: top; } .cms-content table tr:first-child td { color: #FFFFFF; background-color: #1d1d1f; font-weight: 700; } table tr:nth-child(even):not(.has-background) { background: #f3f3f5; } /* Corrects width issues in table elements created via the rich-text WYSIWIG editor */ .cms-content table tr td img { max-width: initial; } /* Responsive pre elements */ .cms-content pre { overflow-x: auto; } /* Responsive pre tables */ .cms-content table pre { white-space: pre-wrap; } :root { --container: 1280px } /* Remove bullets from HubSpot Extension dropdown */ .hs-tools-menu li:before { content: none !important; } [id] { scroll-margin-top: 80px; } img { height: auto; max-width: 100%; } /* Override height/width restrictions on HubSpot video embeds */ .hs-embed-wrapper { max-width: none !important; max-height: none !important; } .container { max-width: var(--container) !important; } @media (max-width: 767px) { .container { padding-left: 16px!important; padding-right: 16px!important; } } .pb-element.concave, .pb-element.convex { padding-bottom: 7vw; } :is(.bg-primary .cms-content) ::-moz-selection, :is(.dark .cms-content, .dark.cms-content) ::-moz-selection { background: #FFFFFF; color: #1d1d1f; } :is(.bg-primary .cms-content) ::selection, :is(.dark .cms-content, .dark.cms-content) ::selection { background: #FFFFFF; color: #1d1d1f; } :is(.bg-primary .cms-content) ::-moz-selection, :is(.dark .cms-content, .dark.cms-content) ::-moz-selection { background: #006EEB; color: #1d1d1f; } .dark :is( .cms-content h1, .h1, .cms-content h2, .h2, .cms-content h3, .h3, .cms-content h4, .h4, .cms-content h5, .h5, .cms-content h6, .h6, .cms-content p, .p, .cms-content .preheader, li ) { color: #FFFFFF; } :is(.[&_p]:text-light) li a, :is(.dark .cms-content, .dark.cms-content) li a, :is(.dark .cms-content, .dark.cms-content) p a { color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content) li a:hover :is(.dark .cms-content, .dark.cms-content) a:hover { color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content, .bg-primary .cms-content) li a:focus, :is(.dark .cms-content, .dark.cms-content, .bg-primary .cms-content) p a:focus { box-shadow: 0px 0px 0px 3px #FFFFFF; } :is(.dark, .bg-dark) li a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):after, :is(.dark .cms-content, .dark.cms-content) li a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):after, :is(.dark .cms-content, .dark.cms-content) p a[href^="http"]:not([href*="146390614-hs-sites-eu1-com.sandbox"]):not([href*="walbrook.ac.uk"]):after { color: #FFFFFF; background-image: url("data:image/svg+xml;utf8,"); } :is(.dark .cms-content, .dark.cms-content, .dark) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li) { color: #FFFFFF; } :is(.light-list) ul:not(.no-list):not(.hsfc-DropdownOptions__List) li, :is(.dark .cms-content, .dark.cms-content) ul:not(.no-list):not(.hsfc-DropdownOptions__List) li { color: #FFFFFF; } :is(.light-list) ul:not(.no-list):not(.hsfc-DropdownOptions__List) li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before, :is(.dark .cms-content, .dark.cms-content) ul:not(.no-list):not(.hsfc-DropdownOptions__List) li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 32 32'%3E%3Ctitle%3Echeck-1-bold%3C/title%3E%3Cpath d='M31.16.387a1.987 1.987 0 0 0-2.787.453L9.667 26.933 3.413 20.68a2 2 0 0 0-2.826 2.827l7.906 7.92a2.038 2.038 0 0 0 3.04-.254l20.094-28A1.986 1.986 0 0 0 31.16.387'/%3E%3C/svg%3E"); } :is(.dark .cms-content, .dark.cms-content) ul li ul li:before, :is(.dark .cms-content, .dark.cms-content) ul li ul li ul li:before { border-color: #fff8ef; } :is (.[&_p]:text-light) ol li:before, :is(.dark .cms-content, .dark.cms-content) ol li:before { color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content) table { border-color: #FFFFFF !important; } :is(.dark .cms-content, .dark.cms-content) table td { color: #FFFFFF; border-color: #FFFFFF !important; } :is(.dark .cms-content, .dark.cms-content) table tr:first-child td { background-color: #FFFFFF; color: #1d1d1f; } :is(.dark .cms-content, .dark.cms-content) form .hs-form-field > label { color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content) form input[type="text"], :is(.dark .cms-content, .dark.cms-content) form input[type="password"], :is(.dark .cms-content, .dark.cms-content) form input[type="datetime"], :is(.dark .cms-content, .dark.cms-content) form input[type="datetime-local"], :is(.dark .cms-content, .dark.cms-content) form input[type="date"], :is(.dark .cms-content, .dark.cms-content) form input[type="month"], :is(.dark .cms-content, .dark.cms-content) form input[type="time"], :is(.dark .cms-content, .dark.cms-content) form input[type="week"], :is(.dark .cms-content, .dark.cms-content) form input[type="number"], :is(.dark .cms-content, .dark.cms-content) form input[type="email"], :is(.dark .cms-content, .dark.cms-content) form input[type="url"], :is(.dark .cms-content, .dark.cms-content) form input[type="search"], :is(.dark .cms-content, .dark.cms-content) form input[type="tel"], :is(.dark .cms-content, .dark.cms-content) form input[type="color"], :is(.dark .cms-content, .dark.cms-content) form input[type="file"], :is(.dark .cms-content, .dark.cms-content) form textarea, :is(.dark .cms-content, .dark.cms-content) form select { background-color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content) form input[type="color"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="date"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="datetime-local"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="datetime"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="email"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="month"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="number"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="password"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="search"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="tel"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="text"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="time"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="url"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form input[type="week"]:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form select:is(:focus, :focus-within, :focus-visible), :is(.dark .cms-content, .dark.cms-content) form textarea:is(:focus, :focus-within, :focus-visible), .select:is(:focus, :focus-within, :focus-visible) { outline: 2px solid #fff8ef; } :is(.dark .cms-content, .dark.cms-content) form input[type="text"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="password"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="datetime"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="datetime-local"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="date"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="month"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="time"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="week"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="number"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="email"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="url"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="search"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="tel"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="color"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form input[type="file"].invalid.error, :is(.dark .cms-content, .dark.cms-content) form textarea.invalid.error, :is(.dark .cms-content, .dark.cms-content) form select.invalid.error { border-color: #F4BFC3; } :is(.dark .cms-content, .dark.cms-content) form ul.hs-error-msgs li label { color: #F4BFC3; } :is(.dark .cms-content, .dark.cms-content) form select { background-image: url('data:image/svg+xml;utf-8,'); } :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"] ~ span, :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"] ~ span { color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"] ~ span:before, :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"] ~ span:before { border-color: #99ABB8; background-color: #335470; } :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"]:checked ~ span:before, :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"]:checked ~ span:before { border-color: #fff8ef; background-color: #fff8ef; } :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"]:checked ~ span:after { background-color: #1d1d1f; } :is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"]:checked ~ span:after, :is(.dark .cms-content, .dark.cms-content) form .email-prefs input[type="checkbox"]:checked + span:after, :is(.dark .cms-content, .dark.cms-content) form .email-prefs .subscribe-options input[type="checkbox"]:checked + span:after, :is(.dark .cms-content, .dark.cms-content) form .email-prefs .item.disabled .item-inner.hovered span:after { content: url('data:image/svg+xml;utf-8,'); } :is(.dark .cms-content, .dark.cms-content) form ::-webkit-input-placeholder { color: #FFFFFF; opacity: 0.25; } :is(.dark .cms-content, .dark.cms-content) form ::-moz-placeholder { color: #FFFFFF; opacity: 0.25; } :is(.dark .cms-content, .dark.cms-content) form :-ms-input-placeholder { color: #FFFFFF; opacity: 0.25; } :is(.dark .cms-content, .dark.cms-content) form :focus::-webkit-input-placeholder { color: #FFFFFF; opacity: 0.25; } :is(.dark .cms-content, .dark.cms-content) form :focus::-moz-placeholder { color: #FFFFFF; opacity: 0.25; } :is(.dark .cms-content, .dark.cms-content) form :focus:-ms-input-placeholder { color: #FFFFFF; opacity: 0.25; } :is(.dark .cms-content, .dark.cms-content) form input[type="file"] { background-color: transparent; border-color: transparent; } :is(.dark .cms-content, .dark.cms-content) form input[type="file"]::file-selector-button { color: #1d1d1f; background-color: #fff8ef; } :is(.dark .cms-content, .dark.cms-content) form .legal-consent-container :is(.hs-richtext, *), :is(.dark .cms-content, .dark.cms-content) form .legal-consent-container .input label > input[type="checkbox"] ~ span { color: #FFFFFF; } :is(.dark .cms-content, .dark.cms-content) .submitted-message { color: #FFFFFF; } :is(.bg-primary) .btn.btn--primary:is(a, button), :is(.bg-primary) .btn.btn--primary :is(a, button), :is(.dark):not(.bg-dark) .btn.btn--primary:is(a, button), :is(.dark):not(.bg-dark) .btn.btn--primary :is(a, button) { background-color: #1d1d1f; border-color: #1d1d1f; color: #FFFFFF; } :is(.bg-primary) .btn.btn--primary:is(a, button):hover, :is(.bg-primary) .btn.btn--primary :is(a, button):hover, :is(.dark):not(.bg-dark) .btn.btn--primary:is(a, button):hover, :is(.dark):not(.bg-dark) .btn.btn--primary :is(a, button):hover { border-color: #747674; background-color: #747674; } :is(.bg-primary) .btn.btn--primary:is(a, button):focus, :is(.bg-primary) .btn.btn--primary :is(a, button):focus, :is(.dark) .btn.btn--primary:is(a, button):focus, :is(.dark) .btn.btn--primary :is(a, button):focus { box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1); } :is(.bg-primary) .btn.btn--secondary:is(a, button), :is(.bg-primary) .btn.btn--secondary :is(a, button), :is(.dark):not(.bg-dark) .btn.btn--secondary:is(a, button), :is(.dark):not(.bg-dark).btn.btn--secondary :is(a, button) { color: #FFFFFF; background-color: transparent; border: 3px solid #1d1d1f; } :is(.dark):is(.bg-dark) .btn.btn--secondary:is(a, button), :is(.dark):is(.bg-dark) .btn.btn--secondary :is(a, button) { color: #FFFFFF; } :is(.dark) .btn.btn--secondary:is(a, button):focus, :is(.dark) .btn.btn--secondary :is(a, button):focus { box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1); } :is(.dark) .btn.btn--secondary:is(a, button) svg, :is(.dark) .btn.btn--secondary :is(a, button) svg { fill: #FFFFFF; } :is(.bg-primary) .btn.btn--secondary:is(a, button):hover, :is(.bg-primary) .btn.btn--secondary :is(a, button):hover, :is(.dark):not(.bg-dark) .btn.btn--secondary:is(a, button):hover, :is(.dark):not(.bg-dark) .btn.btn--secondary :is(a, button):hover { border-color: #747674; } :is(.dark):not(.bg-primary) .btn.btn--tertiary:is(a, button), :is(.dark):not(.bg-primary) .btn.btn--tertiary :is(a, button) { color: #FFFFFF; } :is(.dark):not(.bg-primary) .btn.btn--tertiary:is(a, button) svg, :is(.dark):not(.bg-primary) .btn.btn--tertiary :is(a, button) svg { fill: #FFFFFF; } :is(.dark):not(.bg-primary) .btn.btn--tertiary:is(a, button):hover, :is(.dark):not(.bg-primary) .btn.btn--tertiary :is(a, button):hover { color: #FFFFFF; } :is(.dark):is(.bg-dark):is(.bg-primary) .btn.btn--tertiary:is(a, button):focus, :is(.dark):is(.bg-dark):is(.bg-primary) .btn.btn--tertiary :is(a, button):focus { box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1); } :is(.dark):not(.bg-primary) .btn-modal { color: #FFFFFF; } :is(.dark):not(.bg-primary) .btn-modal svg { fill: #FFFFFF; } :is(.dark):not(.bg-primary) .btn-modal:hover { color: #FFFFFF; } :is(.dark):not(.bg-primary) .btn-modal:focus { box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1); } :is(.dark) .btn--link:not(.btn-cta) { color: #FFFFFF; } :is(.dark) .btn--link:not(.btn-cta) svg path { stroke: #FFFFFF; } :is(.dark) .btn--link:not(.btn-cta):hover { color: #FFFFFF; } :is(.dark) .btn--link:not(.btn-cta):hover svg { fill: #FFFFFF; } :is(.dark) .btn--link:not(.btn-cta):hover svg path { stroke: #FFFFFF; } /* Example set of keyframes to be used in conjunction with _in-view.js */ /* Not included by default */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30%); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(10%); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInRight { from { opacity: 0; transform: translateX(-10%); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30%); } to { opacity: 1; transform: translateY(0); } } [data-anim] { animation-duration: 0.5s; animation-timing-function: ease-out; animation-fill-mode: both; } [data-anim="fadeInUp"].animated { animation-name: fadeInUp; } [data-anim="fadeInLeft"].animated { animation-name: fadeInLeft; } [data-anim="fadeInRight"].animated { animation-name: fadeInRight; } [data-anim="fadeInDown"].animated { animation-name: fadeInDown; } @media only screen and (min-width: 768px) { [data-anim] { opacity: 0; } } @media (max-width: 767px), print and (orientation: portrait) { .row-fluid-wrapper .row-fluid-wrapper { margin-top: 0; margin-bottom: 0; } .container-fluid.dnd-area>.row-fluid-wrapper { padding-top: 16px; padding-bottom: 16px; } } /* Column grid spacing */ @media (min-width: 768px) { .row-fluid .dnd-column { padding: 0 16px; } } /* HubSpot container */ .content-wrapper, .dnd-section>.row-fluid, .dnd-section[class*="max-width-section"]>.row-fluid, .row-fluid-wrapper.dnd-section[class*="max-width-section"]>.row-fluid { max-width: var(--container); margin-left: auto !important; margin-right: auto !important; } .dnd-section>.row-fluid, .dnd-section[class*="max-width-section"]>.row-fluid, .row-fluid-wrapper.dnd-section[class*="max-width-section"]>.row-fluid { padding-left: calc(2rem - 1rem); padding-right: calc(2rem - 1rem); } /* No gutters for full width sections */ .row-fluid-wrapper.dnd-section[class*="force-full-width-section"]>.row-fluid, .row-fluid-wrapper.dnd-section[class*="force-full-width-section"]>.row-fluid>.dnd-module, .row-fluid-wrapper.dnd-section[class*="force-full-width-section"] .dnd-column { padding: 0 !important; } .row-fluid { position: relative; display: flex; flex-direction: row; justify-content: inherit; align-items: stretch; width: auto; height: auto; } /* Apply styles to [class*="span"] elements inside .row-fluid */ .row-fluid>[class*="span"] { position: relative; display: block; float: none !important; min-height: 0 !important; margin-left: 0 !important; vertical-align: top; flex-basis: 0; flex-grow: 1; max-width: 100%; flex-shrink: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } .row-fluid>.span1 { flex: 0 1 8.333333%; max-width: 8.333333%; } .row-fluid>.span2 { flex: 0 1 16.666667%; max-width: 16.666667%; } .row-fluid>.span3 { flex: 0 1 25%; max-width: 25%; } .row-fluid>.span4 { flex: 0 1 33.333333%; max-width: 33.333333%; } .row-fluid>.span5 { flex: 0 1 41.666667%; max-width: 41.666667%; } .row-fluid>.span6 { flex: 0 1 50%; max-width: 50%; } .row-fluid>.span7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .row-fluid>.span8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .row-fluid>.span9 { flex: 0 0 75%; max-width: 75%; } .row-fluid>.span10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .row-fluid>.span11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .row-fluid>.span12 { flex: 0 0 100%; max-width: 100%; } /* MOBILE */ @media (max-width: 767px) { .row-fluid { flex-wrap: wrap; } .row-fluid-wrapper.dnd-section>.row-fluid>.dnd-module, .row-fluid .dnd-column { padding: 16px; } .row-fluid { min-width: 100%; padding-top: 0; padding-bottom: 0; } .row-fluid [class*="span"] { float: none; width: auto; margin-left: 0; } .row-fluid>.span12, .row-fluid>.span11, .row-fluid>.span10, .row-fluid>.span9, .row-fluid>.span8, .row-fluid>.span7, .row-fluid>.span6, .row-fluid>.span5, .row-fluid>.span4, .row-fluid>.span3, .row-fluid>.span2, .row-fluid>.span1 { /* width: 100% !important; */ flex: 0 1 100%; max-width: 100%; } } /* TABLET */ @media (min-width: 768px) and (max-width: 1023px) { .row-fluid-wrapper.dnd-section>.row-fluid>.dnd-module, .row-fluid .dnd-column { padding-top: 16px; padding-bottom: 16px; } .row-fluid { flex-wrap: wrap; } .row-fluid>[class*="span"] { float: none !important; flex: 0 1 100%; max-width: 100%; min-height: 0 !important; margin-left: 0 !important; -ms-box-sizing: border-box; box-sizing: border-box; } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .bottom-0 { bottom: 0px; } .bottom-0\.5 { bottom: 0.125rem; } .bottom-\[1px\] { bottom: 1px; } .bottom-\[4\.75rem\] { bottom: 4.75rem; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-2\.5 { right: 0.625rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-10 { top: 2.5rem; } .top-16 { top: 4rem; } .top-2\.5 { top: 0.625rem; } .top-3 { top: 0.75rem; } .top-5 { top: 1.25rem; } .top-\[calc\(100\%_\+_16px\)\] { top: calc(100% + 16px); } .top-\[calc\(100\%_-_6px\)\] { top: calc(100% - 6px); } .top-auto { top: auto; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[102\] { z-index: 102; } .z-\[103\] { z-index: 103; } .z-\[200\] { z-index: 200; } .z-\[2\] { z-index: 2; } .z-\[399\] { z-index: 399; } .order-1 { order: 1; } .order-2 { order: 2; } .order-last { order: 9999; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .row-span-2 { grid-row: span 2 / span 2; } .row-span-3 { grid-row: span 3 / span 3; } .row-start-1 { grid-row-start: 1; } .\!m-0 { margin: 0px !important; } .m-auto { margin: auto; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .\!mb-0 { margin-bottom: 0px !important; } .\!mb-10 { margin-bottom: 2.5rem !important; } .\!mb-2 { margin-bottom: 0.5rem !important; } .\!mb-3 { margin-bottom: 0.75rem !important; } .\!mb-4 { margin-bottom: 1rem !important; } .\!mt-0 { margin-top: 0px !important; } .-ml-16 { margin-left: -4rem; } .-ml-\[1\.875rem\] { margin-left: -1.875rem; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[7\%\] { margin-bottom: 7%; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-auto { margin-left: auto; } .mr-10 { margin-right: 2.5rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mt-20 { margin-top: 5rem; } .mt-4 { margin-top: 1rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-auto { margin-top: auto; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .\!flex { display: flex !important; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .\!hidden { display: none !important; } .hidden { display: none; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[311\/154\] { aspect-ratio: 311/154; } .aspect-\[384\/216\] { aspect-ratio: 384/216; } .aspect-\[410\/200\] { aspect-ratio: 410/200; } .aspect-\[592\/296\] { aspect-ratio: 592/296; } .aspect-square { aspect-ratio: 1 / 1; } .size-10 { width: 2.5rem; height: 2.5rem; } .size-12 { width: 3rem; height: 3rem; } .size-4 { width: 1rem; height: 1rem; } .size-5 { width: 1.25rem; height: 1.25rem; } .size-8 { width: 2rem; height: 2rem; } .size-\[66px\] { width: 66px; height: 66px; } .size-\[72px\] { width: 72px; height: 72px; } .size-full { width: 100%; height: 100%; } .\!h-auto { height: auto !important; } .h-1 { height: 0.25rem; } .h-12 { height: 3rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-20 { height: 5rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .h-\[3\.25rem\] { height: 3.25rem; } .h-\[3\.75rem\] { height: 3.75rem; } .h-\[48px\] { height: 48px; } .h-\[54px\] { height: 54px; } .h-\[7vw\] { height: 7vw; } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[calc\(100dvh_-_48px\)\] { max-height: calc(100dvh - 48px); } .min-h-16 { min-height: 4rem; } .min-h-\[420px\] { min-height: 420px; } .\!w-auto { width: auto !important; } .\!w-fit { width: -moz-fit-content !important; width: fit-content !important; } .\!w-full { width: 100% !important; } .w-10\/12 { width: 83.333333%; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-3\/4 { width: 75%; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-6\/12 { width: 50%; } .w-60 { width: 15rem; } .w-8 { width: 2rem; } .w-8\/12 { width: 66.666667%; } .w-\[3\.75rem\] { width: 3.75rem; } .w-\[48px\] { width: 48px; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[608px\] { min-width: 608px; } .\!max-w-\[1600px\] { max-width: 1600px !important; } .\!max-w-\[960px\] { max-width: 960px !important; } .max-w-3xl { max-width: 48rem; } .max-w-\[169px\] { max-width: 169px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[24px\] { max-width: 24px; } .max-w-\[28px\] { max-width: 28px; } .max-w-\[410px\] { max-width: 410px; } .max-w-\[567px\] { max-width: 567px; } .max-w-\[913px\] { max-width: 913px; } .max-w-\[970px\] { max-width: 970px; } .max-w-screen-xl { max-width: 1280px; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .origin-top-right { transform-origin: top right; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1\/3 { --tw-translate-x: -33.333333%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-6 { --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[150\%\] { --tw-translate-y: 150%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize { resize: both; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .\!flex-col { flex-direction: column !important; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .\!items-start { align-items: flex-start !important; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .\!gap-2 { gap: 0.5rem !important; } .\!gap-8 { gap: 2rem !important; } .gap-10 { gap: 2.5rem; } .gap-16 { gap: 4rem; } .gap-2 { gap: 0.5rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-0 { row-gap: 0px; } .gap-y-10 { row-gap: 2.5rem; } .gap-y-12 { row-gap: 3rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-6 { row-gap: 1.5rem; } .gap-y-8 { row-gap: 2rem; } .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .self-center { align-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .\!overflow-visible { overflow: visible !important; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .scroll-smooth { scroll-behavior: smooth; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .break-words { overflow-wrap: break-word; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .border { border-width: 1px; } .border-\[3px\] { border-width: 3px; } .border-b { border-bottom-width: 1px; } .border-b-\[6px\] { border-bottom-width: 6px; } .border-t { border-top-width: 1px; } .border-t-2 { border-top-width: 2px; } .\!border-none { border-style: none !important; } .\!border-light { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .border-blue { --tw-border-opacity: 1; border-color: rgb(0 110 235 / var(--tw-border-opacity, 1)); } .border-button { --tw-border-opacity: 1; border-color: rgb(213 61 37 / var(--tw-border-opacity, 1)); } .border-gray-10 { --tw-border-opacity: 1; border-color: rgb(231 231 234 / var(--tw-border-opacity, 1)); } .border-gray-20 { --tw-border-opacity: 1; border-color: rgb(217 217 221 / var(--tw-border-opacity, 1)); } .border-gray-80 { --tw-border-opacity: 1; border-color: rgb(89 89 94 / var(--tw-border-opacity, 1)); } .border-light { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-primary-50 { --tw-border-opacity: 1; border-color: rgb(249 96 40 / var(--tw-border-opacity, 1)); } .border-transparent { border-color: transparent; } .\!bg-button { --tw-bg-opacity: 1 !important; background-color: rgb(213 61 37 / var(--tw-bg-opacity, 1)) !important; } .\!bg-teal { --tw-bg-opacity: 1 !important; background-color: rgb(0 204 214 / var(--tw-bg-opacity, 1)) !important; } .bg-\[\#000\]\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-accent-1 { --tw-bg-opacity: 1; background-color: rgb(255 248 239 / var(--tw-bg-opacity, 1)); } .bg-blue { --tw-bg-opacity: 1; background-color: rgb(0 110 235 / var(--tw-bg-opacity, 1)); } .bg-button { --tw-bg-opacity: 1; background-color: rgb(213 61 37 / var(--tw-bg-opacity, 1)); } .bg-dark { --tw-bg-opacity: 1; background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1)); } .bg-dark-5 { --tw-bg-opacity: 1; background-color: rgb(242 245 245 / var(--tw-bg-opacity, 1)); } .bg-dark-80 { --tw-bg-opacity: 1; background-color: rgb(51 84 112 / var(--tw-bg-opacity, 1)); } .bg-dark\/50 { background-color: rgb(29 29 31 / 0.5); } .bg-dark\/60 { background-color: rgb(29 29 31 / 0.6); } .bg-gray { --tw-bg-opacity: 1; background-color: rgb(243 243 245 / var(--tw-bg-opacity, 1)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1)); } .bg-gray-125 { --tw-bg-opacity: 1; background-color: rgb(227 224 219 / var(--tw-bg-opacity, 1)); } .bg-gray-150 { --tw-bg-opacity: 1; background-color: rgb(116 118 116 / var(--tw-bg-opacity, 1)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(165 165 171 / var(--tw-bg-opacity, 1)); } .bg-light { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(209 73 10 / var(--tw-bg-opacity, 1)); } .bg-primary-150 { --tw-bg-opacity: 1; background-color: rgb(173 24 0 / var(--tw-bg-opacity, 1)); } .bg-primary-25 { --tw-bg-opacity: 1; background-color: rgb(255 187 176 / var(--tw-bg-opacity, 1)); } .bg-primary-50 { --tw-bg-opacity: 1; background-color: rgb(249 96 40 / var(--tw-bg-opacity, 1)); } .bg-transparent { background-color: transparent; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-none { background-image: none; } .from-blue { --tw-gradient-from: #006EEB var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 110 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-blue { --tw-gradient-to: rgb(0 110 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #006EEB var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-blue { --tw-gradient-to: #006EEB var(--tw-gradient-to-position); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-dark { fill: #1d1d1f; } .fill-gray { fill: #f3f3f5; } .fill-gray-125 { fill: #e3e0db; } .fill-light { fill: #FFFFFF; } .fill-primary { fill: #d1490a; } .\!stroke-light { stroke: #FFFFFF !important; } .stroke-\[\#303030\] { stroke: #303030; } .stroke-dark { stroke: #1d1d1f; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .\!p-0 { padding: 0px !important; } .\!p-8 { padding: 2rem !important; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[3px\] { padding: 3px; } .\!px-0 { padding-left: 0px !important; padding-right: 0px !important; } .\!px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[1\.3125rem\] { padding-left: 1.3125rem; padding-right: 1.3125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-\[0\.8125rem\] { padding-top: 0.8125rem; padding-bottom: 0.8125rem; } .\!pt-8 { padding-top: 2rem !important; } .\!pt-\[calc\(7\%_\+_64px\)\] { padding-top: calc(7% + 64px) !important; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-12 { padding-bottom: 3rem; } .pb-14 { padding-bottom: 3.5rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-4 { padding-bottom: 1rem; } .pb-8 { padding-bottom: 2rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pr-2 { padding-right: 0.5rem; } .pr-20 { padding-right: 5rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-6 { padding-right: 1.5rem; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 0.25rem; } .pt-10 { padding-top: 2.5rem; } .pt-12 { padding-top: 3rem; } .pt-14 { padding-top: 3.5rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-20 { padding-top: 5rem; } .pt-3 { padding-top: 0.75rem; } .pt-36 { padding-top: 9rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-start { text-align: start; } .text-end { text-align: end; } .\!text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .\!font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .not-italic { font-style: normal; } .\!leading-9 { line-height: 2.25rem !important; } .\!leading-tight { line-height: 1.25 !important; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-\[100\%\] { line-height: 100%; } .leading-\[120\%\] { line-height: 120%; } .leading-tight { line-height: 1.25; } .tracking-\[0\.16px\] { letter-spacing: 0.16px; } .\!text-\[\#000\] { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .\!text-blue { --tw-text-opacity: 1 !important; color: rgb(0 110 235 / var(--tw-text-opacity, 1)) !important; } .\!text-dark { --tw-text-opacity: 1 !important; color: rgb(29 29 31 / var(--tw-text-opacity, 1)) !important; } .\!text-dark-80 { --tw-text-opacity: 1 !important; color: rgb(51 84 112 / var(--tw-text-opacity, 1)) !important; } .\!text-light { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .text-blue { --tw-text-opacity: 1; color: rgb(0 110 235 / var(--tw-text-opacity, 1)); } .text-dark { --tw-text-opacity: 1; color: rgb(29 29 31 / var(--tw-text-opacity, 1)); } .text-dark-80 { --tw-text-opacity: 1; color: rgb(51 84 112 / var(--tw-text-opacity, 1)); } .text-gray { --tw-text-opacity: 1; color: rgb(243 243 245 / var(--tw-text-opacity, 1)); } .text-gray-125 { --tw-text-opacity: 1; color: rgb(227 224 219 / var(--tw-text-opacity, 1)); } .text-gray-40 { --tw-text-opacity: 1; color: rgb(184 184 190 / var(--tw-text-opacity, 1)); } .text-gray-80 { --tw-text-opacity: 1; color: rgb(89 89 94 / var(--tw-text-opacity, 1)); } .text-light { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-primary { --tw-text-opacity: 1; color: rgb(209 73 10 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .placeholder-gray-80::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(89 89 94 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-80::placeholder { --tw-placeholder-opacity: 1; color: rgb(89 89 94 / var(--tw-placeholder-opacity, 1)); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-50 { opacity: 0.5; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_4px_-1px_\#0003\2c 0_1px_10px_\#0000001f\2c 0_4px_5px_\#00000024\] { --tw-shadow: 0 2px 4px -1px #0003,0 1px 10px #0000001f,0 4px 5px #00000024; --tw-shadow-colored: 0 2px 4px -1px var(--tw-shadow-color), 0 1px 10px var(--tw-shadow-color), 0 4px 5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .ring-dark { --tw-ring-opacity: 1; --tw-ring-color: rgb(29 29 31 / var(--tw-ring-opacity, 1)); } .ring-light { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .ring-offset-0 { --tw-ring-offset-width: 0px; } .brightness-0 { --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-90 { --tw-brightness: brightness(.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\] { transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[stroke\] { transition-property: stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[visibility\] { transition-property: visibility; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-150 { transition-delay: 150ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[clip-path\:circle\(70\%_at_50\%_30\%\)\] { clip-path: circle(70% at 50% 30%); } .\[scrollbar-width\:none\] { scrollbar-width: none; } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:inset-0::before { content: var(--tw-content); inset: 0px; } .before\:inset-x-2::before { content: var(--tw-content); left: 0.5rem; right: 0.5rem; } .before\:bottom-4::before { content: var(--tw-content); bottom: 1rem; } .before\:h-0\.5::before { content: var(--tw-content); height: 0.125rem; } .before\:bg-\[\#00000066\]::before { content: var(--tw-content); background-color: #00000066; } .before\:bg-\[\#FFFFFFA1\]::before { content: var(--tw-content); background-color: #FFFFFFA1; } .before\:transition::before { content: var(--tw-content); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .last\:mr-0:last-child { margin-right: 0px; } .odd\:mb-16:nth-child(odd) { margin-bottom: 4rem; } .even\:mt-16:nth-child(even) { margin-top: 4rem; } .focus-within\:outline-none:focus-within { outline: 2px solid transparent; outline-offset: 2px; } .focus-within\:ring-2:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .hover\:border-button:hover { --tw-border-opacity: 1; border-color: rgb(213 61 37 / var(--tw-border-opacity, 1)); } .hover\:\!bg-button-125:hover { --tw-bg-opacity: 1 !important; background-color: rgb(194 26 0 / var(--tw-bg-opacity, 1)) !important; } .hover\:bg-gray:hover { --tw-bg-opacity: 1; background-color: rgb(243 243 245 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-20:hover { --tw-bg-opacity: 1; background-color: rgb(217 217 221 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(209 73 10 / var(--tw-bg-opacity, 1)); } .hover\:text-\[\#B3B3B3\]:hover { --tw-text-opacity: 1; color: rgb(179 179 179 / var(--tw-text-opacity, 1)); } .hover\:text-gray-70:hover { --tw-text-opacity: 1; color: rgb(117 117 123 / var(--tw-text-opacity, 1)); } .hover\:text-light:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:no-underline:hover { text-decoration-line: none; } .focus\:not-sr-only:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .focus\:mx-auto:focus { margin-left: auto; margin-right: auto; } .focus\:my-1:focus { margin-top: 0.25rem; margin-bottom: 0.25rem; } .focus\:appearance-none:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .focus\:px-4:focus { padding-left: 1rem; padding-right: 1rem; } .focus\:py-2:focus { padding-top: 0.5rem; padding-bottom: 0.5rem; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-inset:focus { --tw-ring-inset: inset; } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-4:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .active\:ring:active { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .group:hover .group-hover\:block { display: block; } .group:hover .group-hover\:scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:bg-blue-dark { --tw-bg-opacity: 1; background-color: rgb(0 43 79 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:stroke-blue { stroke: #006EEB; } .group:hover .group-hover\:brightness-100 { --tw-brightness: brightness(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .group:hover .group-hover\:before\:bg-primary::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 73 10 / var(--tw-bg-opacity, 1)); } .group:focus .group-focus\:block { display: block; } .group:focus-within:has(:focus-visible) .group-\[\&\:focus-within\:has\(\:focus-visible\)\]\:visible { visibility: visible; } .group:focus-within:has(:focus-visible) .group-\[\&\:focus-within\:has\(\:focus-visible\)\]\:opacity-100 { opacity: 1; } .group[data-active="true"] .group-data-\[active\=true\]\:block { display: block; } @media not all and (min-width: 1024px) { .max-lg\:flex-col { flex-direction: column; } } @media (min-width: 640px) { .sm\:-left-5 { left: -1.25rem; } .sm\:-right-5 { right: -1.25rem; } .sm\:right-16 { right: 4rem; } .sm\:right-20 { right: 5rem; } .sm\:top-16 { top: 4rem; } .sm\:top-6 { top: 1.5rem; } .sm\:w-\[26rem\] { width: 26rem; } .sm\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:items-start { align-items: flex-start; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-center { justify-content: center; } .sm\:overflow-visible { overflow: visible; } .sm\:p-12 { padding: 3rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:pb-16 { padding-bottom: 4rem; } .sm\:pb-20 { padding-bottom: 5rem; } .sm\:pb-24 { padding-bottom: 6rem; } .sm\:pb-32 { padding-bottom: 8rem; } .sm\:pr-0 { padding-right: 0px; } .sm\:pt-16 { padding-top: 4rem; } .sm\:pt-20 { padding-top: 5rem; } .sm\:pt-24 { padding-top: 6rem; } .sm\:pt-32 { padding-top: 8rem; } .sm\:text-left { text-align: left; } .sm\:text-center { text-align: center; } .sm\:text-justify { text-align: justify; } .sm\:text-end { text-align: end; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:-left-6 { left: -1.5rem; } .md\:-right-6 { right: -1.5rem; } .md\:left-0 { left: 0px; } .md\:top-1\/2 { top: 50%; } .md\:order-none { order: 0; } .md\:-mt-2\.5 { margin-top: -0.625rem; } .md\:mb-0 { margin-bottom: 0px; } .md\:ml-0 { margin-left: 0px; } .md\:ml-12 { margin-left: 3rem; } .md\:ml-auto { margin-left: auto; } .md\:mr-8 { margin-right: 2rem; } .md\:mt-8 { margin-top: 2rem; } .md\:block { display: block; } .md\:\!inline-block { display: inline-block !important; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:aspect-\[504\/419\] { aspect-ratio: 504/419; } .md\:h-16 { height: 4rem; } .md\:h-20 { height: 5rem; } .md\:h-5 { height: 1.25rem; } .md\:h-6 { height: 1.5rem; } .md\:h-64 { height: 16rem; } .md\:h-full { height: 100%; } .md\:min-h-\[600px\] { min-height: 600px; } .md\:min-h-\[630px\] { min-height: 630px; } .md\:w-1\/2 { width: 50%; } .md\:w-16 { width: 4rem; } .md\:w-20 { width: 5rem; } .md\:w-3\/4 { width: 75%; } .md\:w-5 { width: 1.25rem; } .md\:w-64 { width: 16rem; } .md\:w-\[calc\(50\%_-_40px\)\] { width: calc(50% - 40px); } .md\:w-auto { width: auto; } .md\:min-w-\[300px\] { min-width: 300px; } .md\:min-w-\[630px\] { min-width: 630px; } .md\:min-w-\[64px\] { min-width: 64px; } .md\:max-w-\[406px\] { max-width: 406px; } .md\:max-w-\[630px\] { max-width: 630px; } .md\:max-w-\[640px\] { max-width: 640px; } .md\:max-w-\[733px\] { max-width: 733px; } .md\:max-w-fit { max-width: -moz-fit-content; max-width: fit-content; } .md\:max-w-full { max-width: 100%; } .md\:flex-1 { flex: 1 1 0%; } .md\:flex-\[0_1_50\%\] { flex: 0 1 50%; } .md\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:items-start { align-items: flex-start; } .md\:items-end { align-items: flex-end; } .md\:items-center { align-items: center; } .md\:justify-start { justify-content: flex-start; } .md\:justify-end { justify-content: flex-end; } .md\:justify-center { justify-content: center; } .md\:justify-between { justify-content: space-between; } .md\:gap-20 { gap: 5rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-8 { gap: 2rem; } .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .md\:rounded-\[24px\] { border-radius: 24px; } .md\:rounded-\[32px\] { border-radius: 32px; } .md\:\!p-10 { padding: 2.5rem !important; } .md\:p-8 { padding: 2rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-16 { padding-left: 4rem; padding-right: 4rem; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pb-5 { padding-bottom: 1.25rem; } .md\:pl-5 { padding-left: 1.25rem; } .md\:pr-0 { padding-right: 0px; } .md\:pr-6 { padding-right: 1.5rem; } .md\:pt-12 { padding-top: 3rem; } .md\:pt-16 { padding-top: 4rem; } .md\:pt-20 { padding-top: 5rem; } .md\:pt-40 { padding-top: 10rem; } .md\:text-left { text-align: left; } .md\:text-center { text-align: center; } .md\:text-justify { text-align: justify; } .md\:text-end { text-align: end; } .md\:\!text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .md\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:\[clip-path\:circle\(425px_at_70\%_50\%\)\] { clip-path: circle(425px at 70% 50%); } } @media (min-width: 1024px) { .lg\:invisible { visibility: hidden; } .lg\:absolute { position: absolute; } .lg\:relative { position: relative; } .lg\:left-0 { left: 0px; } .lg\:right-8 { right: 2rem; } .lg\:-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .lg\:-mt-80 { margin-top: -20rem; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:block { display: block; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-\[624\/456\] { aspect-ratio: 624/456; } .lg\:min-h-\[24rem\] { min-height: 24rem; } .lg\:min-h-\[450px\] { min-height: 450px; } .lg\:min-h-\[624px\] { min-height: 624px; } .lg\:w-1\/2 { width: 50%; } .lg\:w-10\/12 { width: 83.333333%; } .lg\:w-2\/5 { width: 40%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-3\/5 { width: 60%; } .lg\:w-4\/12 { width: 33.333333%; } .lg\:w-5\/12 { width: 41.666667%; } .lg\:w-6\/12 { width: 50%; } .lg\:w-7\/12 { width: 58.333333%; } .lg\:w-8\/12 { width: 66.666667%; } .lg\:w-\[90\%\] { width: 90%; } .lg\:w-\[calc\(33\%_-_40px\)\] { width: calc(33% - 40px); } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:min-w-\[700px\] { min-width: 700px; } .lg\:min-w-\[850px\] { min-width: 850px; } .lg\:max-w-\[250px\] { max-width: 250px; } .lg\:max-w-\[700px\] { max-width: 700px; } .lg\:max-w-\[850px\] { max-width: 850px; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .lg\:\!flex-row { flex-direction: row !important; } .lg\:flex-row { flex-direction: row; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:\!flex-nowrap { flex-wrap: nowrap !important; } .lg\:items-start { align-items: flex-start; } .lg\:items-end { align-items: flex-end; } .lg\:items-center { align-items: center; } .lg\:justify-start { justify-content: flex-start; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-center { justify-content: center; } .lg\:\!gap-0 { gap: 0px !important; } .lg\:gap-12 { gap: 3rem; } .lg\:gap-32 { gap: 8rem; } .lg\:gap-8 { gap: 2rem; } .lg\:gap-x-16 { -moz-column-gap: 4rem; column-gap: 4rem; } .lg\:gap-y-6 { row-gap: 1.5rem; } .lg\:rounded-\[32px\] { border-radius: 32px; } .lg\:bg-gray { --tw-bg-opacity: 1; background-color: rgb(243 243 245 / var(--tw-bg-opacity, 1)); } .lg\:bg-gray-125 { --tw-bg-opacity: 1; background-color: rgb(227 224 219 / var(--tw-bg-opacity, 1)); } .lg\:bg-light { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .lg\:p-10 { padding: 2.5rem; } .lg\:p-12 { padding: 3rem; } .lg\:p-16 { padding: 4rem; } .lg\:p-8 { padding: 2rem; } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; } .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .lg\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-20 { padding-bottom: 5rem; } .lg\:pb-32 { padding-bottom: 8rem; } .lg\:pb-40 { padding-bottom: 10rem; } .lg\:pb-6 { padding-bottom: 1.5rem; } .lg\:pl-14 { padding-left: 3.5rem; } .lg\:pl-6 { padding-left: 1.5rem; } .lg\:pl-8 { padding-left: 2rem; } .lg\:pr-16 { padding-right: 4rem; } .lg\:pr-3 { padding-right: 0.75rem; } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-20 { padding-top: 5rem; } .lg\:pt-32 { padding-top: 8rem; } .lg\:pt-40 { padding-top: 10rem; } .lg\:pt-6 { padding-top: 1.5rem; } .lg\:pt-7 { padding-top: 1.75rem; } .lg\:text-left { text-align: left; } .lg\:text-center { text-align: center; } .lg\:text-justify { text-align: justify; } .lg\:text-end { text-align: end; } .lg\:opacity-0 { opacity: 0; } .lg\:transition-\[opacity\2c visibility\] { transition-property: opacity,visibility; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .lg\:duration-300 { transition-duration: 300ms; } .lg\:\[clip-path\:circle\(310px_at_50\%_50\%\)\] { clip-path: circle(310px at 50% 50%); } .lg\:\[clip-path\:circle\(350px_at_50\%_50\%\)\] { clip-path: circle(350px at 50% 50%); } .lg\:\[clip-path\:circle\(425px_at_50\%_50\%\)\] { clip-path: circle(425px at 50% 50%); } .group:hover .lg\:group-hover\:visible { visibility: visible; } .group:hover .lg\:group-hover\:opacity-100 { opacity: 1; } } @media (min-width: 1280px) { .xl\:order-last { order: 9999; } .xl\:ml-0 { margin-left: 0px; } .xl\:ml-16 { margin-left: 4rem; } .xl\:ml-auto { margin-left: auto; } .xl\:mr-16 { margin-right: 4rem; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:w-3\/4 { width: 75%; } .xl\:w-\[calc\(25\%_-_40px\)\] { width: calc(25% - 40px); } .xl\:\!gap-8 { gap: 2rem !important; } .xl\:gap-0 { gap: 0px; } .xl\:gap-16 { gap: 4rem; } .xl\:gap-32 { gap: 8rem; } .xl\:p-16 { padding: 4rem; } .xl\:p-5 { padding: 1.25rem; } .xl\:px-4 { padding-left: 1rem; padding-right: 1rem; } .xl\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .xl\:pb-40 { padding-bottom: 10rem; } .xl\:pr-2 { padding-right: 0.5rem; } .xl\:pt-4 { padding-top: 1rem; } .xl\:pt-40 { padding-top: 10rem; } } .\[\&\.active\]\:visible.active { visibility: visible; } .\[\&\.active\]\:block.active { display: block; } .\[\&\.active\]\:border-button.active { --tw-border-opacity: 1; border-color: rgb(213 61 37 / var(--tw-border-opacity, 1)); } .\[\&\.active\]\:opacity-100.active { opacity: 1; } .\[\&\.hide-title_\.form-title\]\:hidden.hide-title .form-title { display: none; } .\[\&\.menu-open\]\:translate-x-0.menu-open { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>iframe\]\:aspect-video>iframe { aspect-ratio: 16 / 9; } .\[\&\>iframe\]\:h-full>iframe { height: 100%; } .\[\&\>iframe\]\:w-full>iframe { width: 100%; } .\[\&_\.actions_input\]\:\!mt-0 .actions input { margin-top: 0px !important; } .\[\&_\.btn\]\:w-full .btn { width: 100%; } .\[\&_\.btn\]\:flex-1 .btn { flex: 1 1 0%; } .\[\&_\.btn\]\:justify-center .btn { justify-content: center; } .\[\&_\.btn\]\:py-\[11px\] .btn { padding-top: 11px; padding-bottom: 11px; } .\[\&_\.btn\]\:text-xs .btn { font-size: 0.75rem; line-height: 1rem; } .\[\&_\.btn\]\:leading-5 .btn { line-height: 1.25rem; } @media not all and (min-width: 768px) { .max-md\:\[\&_\.btn\]\:px-1 .btn { padding-left: 0.25rem; padding-right: 0.25rem; } } @media (min-width: 768px) { .\[\&_\.btn\]\:md\:w-auto .btn { width: auto; } .\[\&_\.btn\]\:md\:flex-1 .btn { flex: 1 1 0%; } .md\:\[\&_\.btn\]\:flex-none .btn { flex: none; } .md\:\[\&_\.btn\]\:justify-start .btn { justify-content: flex-start; } } .\[\&_\.btn_a\]\:py-\[11px\] .btn a { padding-top: 11px; padding-bottom: 11px; } .\[\&_\.btn_a\]\:text-xs .btn a { font-size: 0.75rem; line-height: 1rem; } .\[\&_\.btn_a\]\:leading-5 .btn a { line-height: 1.25rem; } @media not all and (min-width: 768px) { .max-md\:\[\&_\.btn_a\]\:px-1 .btn a { padding-left: 0.25rem; padding-right: 0.25rem; } } .\[\&_\.email-prefs\]\:mt-4 .email-prefs { margin-top: 1rem; } .\[\&_\.email-prefs_\.item\]\:mb-4 .email-prefs .item { margin-bottom: 1rem; } .\[\&_\.email-prefs_\.item\]\:rounded-lg .email-prefs .item { border-radius: 0.5rem; } .\[\&_\.email-prefs_\.item_\.item-inner\]\:flex .email-prefs .item .item-inner { display: flex; } .\[\&_\.email-prefs_\.item_\.item-inner\]\:cursor-pointer .email-prefs .item .item-inner { cursor: pointer; } .\[\&_\.email-prefs_\.item_\.item-inner\]\:flex-col .email-prefs .item .item-inner { flex-direction: column; } .\[\&_\.email-prefs_\.item_\.item-inner\]\:gap-y-2 .email-prefs .item .item-inner { row-gap: 0.5rem; } .\[\&_\.email-prefs_\.item_\.item-inner\]\:p-7 .email-prefs .item .item-inner { padding: 1.75rem; } .\[\&_\.email-prefs_\.item_\.item-inner_\.fakelabel_span\]\:font-semibold .email-prefs .item .item-inner .fakelabel span { font-weight: 600; } @media (min-width: 640px) { .sm\:\[\&_\.email-prefs_\.item_\.item-inner_\.fakelabel_span\]\:text-\[18px\] .email-prefs .item .item-inner .fakelabel span { font-size: 18px; } .sm\:\[\&_\.email-prefs_\.item_\.item-inner_\.fakelabel_span\]\:leading-\[32px\] .email-prefs .item .item-inner .fakelabel span { line-height: 32px; } } .\[\&_\.email-prefs_\.subscribe-options\]\:mt-8 .email-prefs .subscribe-options { margin-top: 2rem; } .\[\&_\.email-prefs_p\.header\]\:mb-4 .email-prefs p.header { margin-bottom: 1rem; } @media (min-width: 640px) { .sm\:\[\&_\.email-prefs_p\.header\]\:mb-7 .email-prefs p.header { margin-bottom: 1.75rem; } } .\[\&_\.form-title\]\:\!mb-8 .form-title { margin-bottom: 2rem !important; } .\[\&_\.page-header_br\]\:hidden .page-header br { display: none; } .\[\&_\.page-header_h1\]\:hidden .page-header h1 { display: none; } .\[\&_\.page-header_h3\:first-child\]\:mr-2 .page-header h3:first-child { margin-right: 0.5rem; } .\[\&_\.page-header_h3\]\:inline-block .page-header h3 { display: inline-block; } .\[\&_\.subscribe-options_label\]\:block .subscribe-options label { display: block; } .\[\&_\.subscribe-options_label\]\:pl-7 .subscribe-options label { padding-left: 1.75rem; } .\[\&_\.success\]\:mt-4 .success { margin-top: 1rem; } .\[\&_div\[data-global-resource-path\*\=\'header\'\]\:first-of-type\]\:sticky div[data-global-resource-path*='header']:first-of-type { position: sticky; } .\[\&_div\[data-global-resource-path\*\=\'header\'\]\:first-of-type\]\:top-0 div[data-global-resource-path*='header']:first-of-type { top: 0px; } .\[\&_div\[data-global-resource-path\*\=\'header\'\]\:first-of-type\]\:z-50 div[data-global-resource-path*='header']:first-of-type { z-index: 50; } .\[\&_form\]\:mt-7 form { margin-top: 1.75rem; } .\[\&_form\]\:gap-6 form { gap: 1.5rem; } .\[\&_form\]\:gap-y-0 form { row-gap: 0px; } .\[\&_form_h3\]\:hidden form h3 { display: none; } .\[\&_form_input\[type\=submit\]\]\:mt-12 form input[type=submit] { margin-top: 3rem; } .\[\&_form_input\[type\=submit\]\]\:mt-6 form input[type=submit] { margin-top: 1.5rem; } .\[\&_h1\]\:\!mb-3 h1 { margin-bottom: 0.75rem !important; } .\[\&_h4\]\:mb-0 h4 { margin-bottom: 0px; } .\[\&_h4\]\:text-light h4 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .\[\&_p\]\:text-light p { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark .\[\.dark_\&\]\:text-light { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .icon-text-columns.dark .\[\.icon-text-columns\.dark_\&\]\:border-teal { --tw-border-opacity: 1; border-color: rgb(0 204 214 / var(--tw-border-opacity, 1)); } .icon-text-columns.dark .\[\.icon-text-columns\.dark_\&\]\:bg-teal { --tw-bg-opacity: 1; background-color: rgb(0 204 214 / var(--tw-bg-opacity, 1)); } .map-module.dark .\[\.map-module\.dark_\&\]\:bg-teal { --tw-bg-opacity: 1; background-color: rgb(0 204 214 / var(--tw-bg-opacity, 1)); } .search-open .\[\.search-open_\&\]\:block { display: block; } .search-open .\[\.search-open_\&\]\:hidden { display: none; } [data-active] .\[\[data-active\]_\&\]\:block { display: block; } [data-active] .\[\[data-active\]_\&\]\:hidden { display: none; }