html {background-color: var(--surface-page)} body {background: none}:where(:root) .bricks-color-primary {color: var(--brand-primary)}:where(:root) .bricks-background-primary {background-color: var(--brand-primary)}:where(:root) .bricks-color-secondary {color: var(--brand-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--brand-secondary)}:where(:root) .bricks-color-light {color: var(--text-inverse)}:where(:root) .bricks-background-light {background-color: var(--text-inverse)}:where(:root) .bricks-color-dark {color: var(--text-primary)}:where(:root) .bricks-background-dark {background-color: var(--text-primary)}:where(:root) .bricks-color-muted {color: var(--surface-muted)}:where(:root) .bricks-background-muted {background-color: var(--surface-muted)}:where(:root) * {border-color: var(--border-subtle)}:where(:root) .bricks-color-info {color: var(--ui-announcement)}:where(:root) .bricks-background-info {background-color: var(--ui-announcement)}:where(:root) .bricks-color-success {color: var(--ui-success-token)}:where(:root) .bricks-background-success {background-color: var(--ui-success-token)}:where(:root) .bricks-color-warning {color: var(--ui-warning-token)}:where(:root) .bricks-background-warning {background-color: var(--ui-warning-token)}:where(:root) .bricks-color-danger {color: var(--ui-error-token)}:where(:root) .bricks-background-danger {background-color: var(--ui-error-token)} html {font-size: 100%} body {color: var(--text-primary); font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-b2); line-height: var(--brk-type-lh-b2); letter-spacing: var(--brk-type-letter-space-b2)} h1, h2, h3, h4, h5, h6 {color: var(--text-primary); font-family: "Decalotype Fix"; letter-spacing: var(--brk-type-letter-space-h2)} h1 {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h1); line-height: var(--brk-type-lh-h1); letter-spacing: var(--brk-type-letter-space-h1)} h2 {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h2); line-height: var(--brk-type-lh-h2); letter-spacing: var(--brk-type-letter-space-h2)} h3 {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h3); line-height: var(--brk-type-lh-h3); letter-spacing: var(--brk-type-letter-space-h3)} h4 {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h4); line-height: var(--brk-type-lh-h4); letter-spacing: var(--brk-type-letter-space-h4)} h5 {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h5); line-height: var(--brk-type-lh-h5); letter-spacing: var(--brk-type-letter-space-h5)} h6 {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h6); line-height: var(--brk-type-lh-h6); letter-spacing: var(--brk-type-letter-space-h6)} .bricks-type-hero {color: var(--text-primary); font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h0); line-height: var(--brk-type-lh-h0); letter-spacing: var(--brk-type-letter-space-h0)}.brxe-form .bricks-button {font-family: "Decalotype Fix"; font-size: var(--brk-type-size-button-1); line-height: var(--brk-type-lh-button-1); letter-spacing: var(--brk-type-letter-space-button-1); text-transform: uppercase; border-radius: var(--brk-radius-ui-button-base); border: 1px solid var(--input-border); border-radius: var(--brk-radius-ui-input)}.brxe-form .form-group input {font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-b2); line-height: var(--brk-type-lh-b2); letter-spacing: var(--brk-type-letter-space-b2); border: 1px solid var(--input-border); border-radius: var(--brk-radius-ui-input); padding-top: var(--brk-space-12); padding-right: var(--brk-space-16); padding-bottom: var(--brk-space-12); padding-left: var(--brk-space-16)}.brxe-form select {font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-b2); line-height: var(--brk-type-lh-b2); letter-spacing: var(--brk-type-letter-space-b2); border: 1px solid var(--input-border); border-radius: var(--brk-radius-ui-input); padding-top: var(--brk-space-12); padding-right: var(--brk-space-16); padding-bottom: var(--brk-space-12); padding-left: var(--brk-space-16)}.brxe-form textarea {font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-b2); line-height: var(--brk-type-lh-b2); letter-spacing: var(--brk-type-letter-space-b2); border: 1px solid var(--input-border); border-radius: var(--brk-radius-ui-input); padding-top: var(--brk-space-12); padding-right: var(--brk-space-16); padding-bottom: var(--brk-space-12); padding-left: var(--brk-space-16)}.brxe-form .flatpickr {border: 1px solid var(--input-border); border-radius: var(--brk-radius-ui-input); padding-top: var(--brk-space-12); padding-right: var(--brk-space-16); padding-bottom: var(--brk-space-12); padding-left: var(--brk-space-16)}.brxe-form .choose-files {border: 1px solid var(--input-border); border-radius: var(--brk-radius-ui-input)}.brxe-form .form-group label {font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-label-1); line-height: var(--brk-type-lh-label-1); letter-spacing: var(--brk-type-letter-space-label-1); text-transform: uppercase; color: var(--input-label)}.brxe-form .form-group .label {font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-label-1); line-height: var(--brk-type-lh-label-1); letter-spacing: var(--brk-type-letter-space-label-1); text-transform: uppercase; color: var(--input-label)}.brxe-accordion .accordion-content-wrapper {font-family: "Bricolage Grotesque"; font-size: var(--brk-type-size-b2); line-height: var(--brk-type-lh-b2); font-weight: var(--brk-type-weight-b2)}.brxe-accordion .accordion-title .title {font-family: "Decalotype Fix"; font-size: var(--brk-type-size-h5); line-height: var(--brk-type-lh-h5); font-weight: var(--brk-type-weight-h5)}.brxe-divider.horizontal .line {border-top-color: var(--base-dark-32)}.brxe-divider.vertical .line {border-right-color: var(--base-dark-32)}.brxe-divider .icon i {color: var(--base-dark-32)}.brxe-divider .line {border-top-width: 1px}.brxe-tabs .tab-title {font-family: "Decalotype Fix"; font-weight: var(--brk-type-weight-button-1); text-transform: uppercase} .bricks-button {font-family: "Decalotype Fix"; font-size: var(--brk-type-size-button-1); line-height: var(--brk-type-lh-button-1); letter-spacing: var(--brk-type-letter-space-button-1); text-transform: uppercase; color: var(--text-primary); border-radius: var(--brk-radius-ui-button-base); transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; padding-top: var(--brk-space-14); padding-right: var(--brk-space-18); padding-bottom: var(--brk-space-14); padding-left: var(--brk-space-18)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--brand-primary)} .bricks-button.outline {background-color: var(--border-transparent); border: 1px solid var(--text-primary); border-radius: var(--brk-radius-ui-button-base); color: var(--text-primary)} :root .bricks-button[class*="primary"] {color: var(--button-primary-text); border: 1px solid var(--button-primary-border); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--button-primary-bg)} :root .bricks-button[class*="primary"].outline {background-color: var(--border-transparent); border: 1px solid var(--button-primary-bg); border-radius: var(--brk-radius-ui-button-base); color: var(--button-primary-bg)} :root .bricks-button[class*="secondary"] {color: var(--button-secondary-text); border: 1px solid var(--button-secondary-border); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--button-secondary-bg)} :root .bricks-button[class*="secondary"].outline {background-color: var(--border-transparent); border: 1px solid var(--border-subtle); border-radius: var(--brk-radius-ui-button-base); color: var(--text-primary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--base-dark-100); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--base-light-100)} :root .bricks-button[class*="light"].outline {background-color: var(--border-transparent); border: 1px solid var(--base-light-100); border-radius: var(--brk-radius-ui-button-base); color: var(--text-inverse)} :root .bricks-button[class*="dark"] {color: var(--text-inverse); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--base-dark-100)} :root .bricks-button[class*="dark"].outline {background-color: var(--border-transparent); border: 1px solid var(--base-dark-100); border-radius: var(--brk-radius-ui-button-base); color: var(--base-dark-100)} :root .bricks-button[class*="muted"] {color: var(--text-inverse); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--brk-color-base-base-light-8)} :root .bricks-button[class*="muted"].outline {background-color: var(--border-transparent); border: 1px solid var(--surface-muted); border-radius: var(--brk-radius-ui-button-base); color: var(--text-primary)} :root .bricks-button[class*="info"] {color: var(--text-primary); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="info"]:not(.outline) {background-color: var(--ui-announcement)} :root .bricks-button[class*="info"].outline {background-color: var(--border-transparent); border: 1px solid var(--ui-announcement); border-radius: var(--brk-radius-ui-button-base); color: var(--ui-announcement)} :root .bricks-button[class*="success"] {color: var(--text-inverse); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="success"]:not(.outline) {background-color: var(--ui-success-token)} :root .bricks-button[class*="success"].outline {background-color: var(--border-transparent); border: 1px solid var(--ui-success-token); border-radius: var(--brk-radius-ui-button-base); color: var(--ui-success-token)} :root .bricks-button[class*="warning"] {color: var(--text-inverse); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="warning"]:not(.outline) {background-color: var(--ui-warning-token)} :root .bricks-button[class*="warning"].outline {background-color: var(--border-transparent); border: 1px solid var(--ui-warning-token); border-radius: var(--brk-radius-ui-button-base); color: var(--ui-warning-token)} :root .bricks-button[class*="danger"] {color: var(--text-inverse); border: 1px solid var(--border-transparent); border-radius: var(--brk-radius-ui-button-base)} :root .bricks-button[class*="danger"]:not(.outline) {background-color: var(--ui-error-token)} :root .bricks-button[class*="danger"].outline {background-color: var(--border-transparent); border: 1px solid var(--ui-error-token); border-radius: var(--brk-radius-ui-button-base); color: var(--ui-error-token)} .bricks-button.sm {padding-top: var(--brk-space-8); padding-right: var(--brk-space-14); padding-bottom: var(--brk-space-8); padding-left: var(--brk-space-14); font-size: 0.875rem} .bricks-button.md {padding-top: var(--brk-space-16); padding-right: var(--brk-space-20); padding-bottom: var(--brk-space-16); padding-left: var(--brk-space-20); font-size: var(--brk-type-size-button-2)} .bricks-button.lg {padding-top: var(--brk-space-20); padding-right: var(--brk-space-28); padding-bottom: var(--brk-space-20); padding-left: var(--brk-space-28); font-size: var(--brk-type-size-button-1)} .bricks-button.xl {padding-top: var(--brk-space-24); padding-right: 2.5rem; padding-bottom: var(--brk-space-24); padding-left: 2.5rem; font-size: 1.375rem} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--button-secondary-bg-hover)}