@layer sfx.components { :is(.brxe-form, .brxe-brf-pro-forms) {
--sfx-form-input-height: var(--form-input-height, 42px);
--sfx-form-label-margin-bottom: var(--form-label-margin-bottom, 0.625rem);
--sfx-form-label-font-size: var(--form-label-font-size, 0.875rem);
--sfx-form-label-line-height: var(--form-label-line-height, 1.4);
--sfx-form-label-font-weight: var(--form-label-font-weight, 500);
--sfx-form-label-color: var(--form-label-color, var(--text, #111827));
--sfx-form-padding-block: var(--form-padding-block, 0.5rem);
--sfx-form-padding-inline: var(--form-padding-inline, 0.75rem);
--sfx-form-border-width: var(--form-border-width, 1px);
--sfx-form-border-color: var(--form-border-color, #e5e7eb);
--sfx-form-border-radius: var(--form-border-radius, 0.5rem);
--sfx-form-font-size: var(--form-font-size, 1rem);
--sfx-form-line-height: var(--form-line-height, 1.5);
--sfx-form-font-family: var(--form-font-family, inherit);
--sfx-form-font-weight: var(--form-font-weight, 400);
--sfx-form-letter-spacing: var(--form-letter-spacing, normal);
--sfx-form-input-bg: var(--form-input-bg, #ffffff);
--sfx-form-color: var(--form-color, var(--text, #111111)); --sfx-form-placeholder-font-family: var(--form-placeholder-font-family, var(--form-font-family, inherit));
--sfx-form-placeholder-font-weight: var(--form-placeholder-font-weight, var(--form-font-weight, 400));
--sfx-form-placeholder-letter-spacing: var(--form-placeholder-letter-spacing, var(--form-letter-spacing, normal)); --sfx-form-select-font-family: var(--form-select-font-family, var(--form-font-family, inherit));
--sfx-form-select-font-size: var(--form-select-font-size, var(--form-font-size, 1rem));
--sfx-form-select-font-weight: var(--form-select-font-weight, var(--form-font-weight, 400));
--sfx-form-select-line-height: var(--form-select-line-height, var(--form-line-height, 1.5));
--sfx-form-select-letter-spacing: var(--form-select-letter-spacing, var(--form-letter-spacing, normal));
--sfx-form-placeholder-font-size: var(--form-placeholder-font-size, var(--form-font-size, 0.875rem));
--sfx-form-placeholder-line-height: var(--form-placeholder-line-height, var(--form-line-height, 1.4));
--sfx-form-placeholder-color: var(--form-placeholder-color, #6b7280);
--sfx-form-options-gap: var(--form-options-gap, 0.75rem);
--sfx-form-option-row-gap: var(--form-option-row-gap, 0.25rem);
--sfx-form-radius-small: var(--form-radius-small, 0.35rem);
--sfx-form-focus-width: var(--form-focus-width, 2px);
--sfx-form-focus-color: var(--form-focus-color, var(--primary, #2563eb));
--sfx-form-focus-offset: var(--form-focus-offset, 2px);
--sfx-form-focus-ring: var(--form-focus-ring, none);
--sfx-form-radio-active-color: var(--form-radio-active-color, var(--primary, #2563eb));
--sfx-form-icon-color: var(--form-icon-color, #ffffff);
--sfx-form-icon-scale: var(--form-icon-scale, 70%);
--sfx-form-checkbox-icon: var(--form-checkbox-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='m14.914 4l-9.47 9.47L1.09 8.393L2.608 7.09l2.948 3.44L13.5 2.585z'/%3E%3C/svg%3E"));
--sfx-form-group-spacing: var(--form-group-spacing, 1.25rem);
--sfx-form-error-bg: var(--form-error-bg, var(--danger-bg, #fee2e2));
--sfx-form-error-color: var(--form-error-color, var(--danger-fg, #991b1b));
--sfx-form-error-font-size: var(--form-error-font-size, 0.75rem);
--sfx-form-error-margin-block-start: var(--form-error-margin-block-start, 0.5rem);
--sfx-form-error-padding-block: var(--form-error-padding-block, 0.5rem);
--sfx-form-error-padding-inline: var(--form-error-padding-inline, 0.75rem);
--sfx-form-error-border-radius: var(--form-error-border-radius, 0.5rem);
--sfx-form-error-triangle-size: var(--form-error-triangle-size, 6px);
--sfx-form-error-triangle-offset: var(--form-error-triangle-offset, 12px);
--sfx-form-error-triangle-color: var(--form-error-triangle-color, var(--form-error-bg, #fee2e2));
--sfx-form-file-remove-bg: var(--form-file-remove-bg, #fecaca);
--sfx-form-file-remove-border: var(--form-file-remove-border, #fecaca);
--sfx-form-file-remove-color: var(--form-file-remove-color, var(--danger, #dc2626));
--sfx-form-file-remove-hover-bg: var(--form-file-remove-hover-bg, var(--danger, #dc2626));
--sfx-form-file-remove-hover-color: var(--form-file-remove-hover-color, #ffffff);
--sfx-form-submit-padding-block: var(--form-submit-padding-block, 0.375rem);
--sfx-form-submit-padding-inline: var(--form-submit-padding-inline, 1rem);
--sfx-form-submit-border-width: var(--form-submit-border-width, 1px);
--sfx-form-submit-border-color: var(--form-submit-border-color, #e5e7eb);
--sfx-form-submit-border-radius: var(--form-submit-border-radius, 0.5rem);
--sfx-form-choose-files-padding-block: var(--form-choose-files-padding-block, 0);
--sfx-form-choose-files-padding-inline: var(--form-choose-files-padding-inline, 1rem);
--sfx-form-select-padding-inline-end: var(--form-select-padding-inline-end, 2.25rem); --sfx-form-transition: var(--form-transition, all .15s ease);
--sfx-form-placeholder-transition: var(--form-placeholder-transition, opacity .2s ease); --sfx-form-success-surface-fg: var(--form-success-surface-fg, var(--success, #16a34a));
--sfx-form-success-surface: var(--form-success-surface, color-mix(in srgb, var(--sfx-form-success-surface-fg) 5%, var(--sfx-form-input-bg)));
--sfx-form-error-surface-fg: var(--form-error-surface-fg, var(--danger, #dc2626));
--sfx-form-error-surface: var(--form-error-surface, color-mix(in srgb, var(--sfx-form-error-surface-fg) 5%, var(--sfx-form-input-bg))); --sfx-form-file-result-gap: var(--form-file-result-gap, 0.75rem);
--sfx-form-file-result-padding: var(--form-file-result-padding, 0.75rem);
--sfx-form-file-result-icon-size: var(--form-file-result-icon-size, 16px);
--sfx-form-submit-sending-gap: var(--form-submit-sending-gap, 8px); & input[type="text"],
& input[type="email"],
& input[type="url"],
& input[type="tel"],
& input[type="search"],
& input[type="password"],
& input[type="number"],
& input[type="date"],
& input[type="datetime-local"],
& input[type="month"],
& input[type="week"],
& input[type="time"],
& select {
min-height: var(--sfx-form-input-height);
}
& label {
margin-bottom: var(--sfx-form-label-margin-bottom) !important;
}
& .form-group {
& label {
font-size: var(--sfx-form-label-font-size);
line-height: var(--sfx-form-label-line-height);
text-transform: none;
font-weight: var(--sfx-form-label-font-weight);
color: var(--sfx-form-label-color);
} & :is(
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
select,
textarea
) {
padding-top: var(--sfx-form-padding-block);
padding-right: var(--sfx-form-padding-inline);
padding-bottom: var(--sfx-form-padding-block);
padding-left: var(--sfx-form-padding-inline);
border: var(--sfx-form-border-width) solid var(--sfx-form-border-color);
border-radius: var(--sfx-form-border-radius);
font-family: var(--sfx-form-font-family);
font-size: var(--sfx-form-font-size);
font-weight: var(--sfx-form-font-weight);
line-height: var(--sfx-form-line-height);
letter-spacing: var(--sfx-form-letter-spacing);
background-color: var(--sfx-form-input-bg);
color: var(--sfx-form-color);
box-sizing: border-box;
max-width: 100%;
} & select {
font-family: var(--sfx-form-select-font-family);
font-size: var(--sfx-form-select-font-size);
font-weight: var(--sfx-form-select-font-weight);
line-height: var(--sfx-form-select-line-height);
letter-spacing: var(--sfx-form-select-letter-spacing);
} & select:not([multiple]) {
padding-inline-end: var(--sfx-form-select-padding-inline-end);
}
& .options-wrapper {
display: flex;
gap: var(--sfx-form-options-gap);
&>li:has([type=radio], [type=checkbox]) {
display: flex;
align-items: center !important;
gap: var(--sfx-form-option-row-gap);
& label {
margin: 0 !important;
}
}
}
}
& ::placeholder {
font-family: var(--sfx-form-placeholder-font-family);
font-size: var(--sfx-form-placeholder-font-size);
font-weight: var(--sfx-form-placeholder-font-weight);
line-height: var(--sfx-form-placeholder-line-height);
letter-spacing: var(--sfx-form-placeholder-letter-spacing);
color: var(--sfx-form-placeholder-color);
transition: var(--sfx-form-placeholder-transition);
}
& :is(input, textarea):focus::placeholder {
opacity: 0;
}
& .bricks-button,
& button[type="submit"],
& input[type="submit"] {
box-sizing: border-box;
min-height: var(--sfx-form-input-height);
padding-top: var(--sfx-form-submit-padding-block);
padding-right: var(--sfx-form-submit-padding-inline);
padding-bottom: var(--sfx-form-submit-padding-block);
padding-left: var(--sfx-form-submit-padding-inline);
border: var(--sfx-form-submit-border-width) solid var(--sfx-form-submit-border-color);
border-radius: var(--sfx-form-submit-border-radius);
}
& button[type="submit"]:not(.bricks-button) {
display: inline-flex;
align-items: center;
justify-content: center;
} & input[type="file"] {
position: absolute;
opacity: 0;
width: 0.1px;
height: 0.1px;
overflow: hidden;
z-index: -1;
&:focus+.choose-files {
outline: var(--sfx-form-focus-width) solid var(--sfx-form-focus-color);
outline-offset: var(--sfx-form-focus-offset);
box-shadow: var(--sfx-form-focus-ring);
border-color: var(--sfx-form-focus-color);
}
}
& .choose-files {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--sfx-form-input-height);
padding: var(--sfx-form-choose-files-padding-block) var(--sfx-form-choose-files-padding-inline);
border: var(--sfx-form-border-width) solid var(--sfx-form-border-color);
border-radius: var(--sfx-form-radius-small);
background: var(--sfx-form-input-bg);
color: var(--sfx-form-color);
cursor: pointer;
transition: var(--sfx-form-transition);
font-size: inherit;
font-family: inherit;
text-decoration: none;
margin-bottom: 0 !important;
user-select: none;
&:hover {
border-color: var(--sfx-form-radio-active-color);
background: color-mix(in srgb, var(--sfx-form-radio-active-color) 5%, var(--sfx-form-input-bg));
}
&:focus {
outline: var(--sfx-form-focus-width) solid var(--sfx-form-focus-color);
outline-offset: var(--sfx-form-focus-offset);
box-shadow: var(--sfx-form-focus-ring);
border-color: var(--sfx-form-focus-color);
}
}
& .file-result {
display: none;
align-items: center;
gap: var(--sfx-form-file-result-gap);
padding: var(--sfx-form-file-result-padding);
border: var(--sfx-form-border-width) solid var(--sfx-form-border-color);
border-radius: var(--sfx-form-radius-small);
background: var(--sfx-form-input-bg);
margin-bottom: 0.5rem;
transition: var(--sfx-form-transition);
&.show {
display: flex;
}
& .text {
flex: 1;
color: var(--sfx-form-color);
font-size: 0.9em;
word-break: break-all;
}
& .remove {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
background: var(--sfx-form-file-remove-bg);
border: var(--sfx-form-border-width) solid var(--sfx-form-file-remove-border);
border-radius: var(--sfx-form-radius-small);
color: var(--sfx-form-file-remove-color);
cursor: pointer;
transition: var(--sfx-form-transition);
font-size: 0.8em;
min-height: auto;
margin: 0;
&:hover {
background: var(--sfx-form-file-remove-hover-bg);
color: var(--sfx-form-file-remove-hover-color);
border-color: var(--sfx-form-file-remove-hover-bg);
}
&:focus {
outline: var(--sfx-form-focus-width) solid var(--sfx-form-focus-color);
outline-offset: var(--sfx-form-focus-offset);
box-shadow: var(--sfx-form-focus-ring);
}
}
& svg {
width: var(--sfx-form-file-result-icon-size);
height: var(--sfx-form-file-result-icon-size);
stroke: currentColor;
margin-left: 0.25rem;
}
&.error {
border-color: var(--sfx-form-error-surface-fg);
background: var(--sfx-form-error-surface);
& .text {
color: var(--sfx-form-error-surface-fg);
}
}
&.success {
border-color: var(--sfx-form-success-surface-fg);
background: var(--sfx-form-success-surface);
& .text {
color: var(--sfx-form-success-surface-fg);
}
}
}
& .form-group.file {
display: flex;
flex-direction: column;
gap: 0.5rem;
} & input[type="checkbox"],
& input[type="radio"] {
appearance: none;
inline-size: calc(var(--sfx-form-input-height) * .4);
block-size: calc(var(--sfx-form-input-height) * .4);
margin: 0;
padding: 0;
vertical-align: middle;
border: var(--sfx-form-border-width) solid var(--sfx-form-border-color);
background: var(--sfx-form-input-bg);
position: relative;
transition: var(--sfx-form-transition);
color: var(--sfx-form-color);
flex-shrink: 0;
&:is(:focus, :focus-visible) {
outline: var(--sfx-form-focus-width) solid var(--sfx-form-focus-color);
outline-offset: var(--sfx-form-focus-offset);
box-shadow: var(--sfx-form-focus-ring);
border-color: var(--sfx-form-focus-color);
}
} & input[type="checkbox"] {
border-radius: var(--sfx-form-radius-small);
&:checked {
background: var(--sfx-form-radio-active-color);
border-color: var(--sfx-form-radio-active-color);
color: var(--sfx-form-icon-color);
background-image: var(--sfx-form-checkbox-icon);
background-repeat: no-repeat;
background-position: center;
background-size: var(--sfx-form-icon-scale) var(--sfx-form-icon-scale);
}
&:indeterminate {
background: var(--sfx-form-radio-active-color);
border-color: var(--sfx-form-radio-active-color);
color: var(--sfx-form-icon-color) !important;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: center;
background-size: 60% 2px;
}
} & input[type="radio"] {
border-radius: 50%;
&:checked {
background: var(--sfx-form-radio-active-color);
border-color: var(--sfx-form-radio-active-color);
background-image: radial-gradient(circle, var(--sfx-form-icon-color) 0 50%, transparent 51%);
background-repeat: no-repeat;
background-position: center;
background-size: 52% 52%;
}
} & textarea {
resize: vertical;
max-width: 100%;
overflow: auto;
} & .message {
border-radius: var(--sfx-form-border-radius);
} & .form-group .form-group-error-message {
position: relative;
width: 100%;
margin-block-start: var(--sfx-form-error-margin-block-start);
padding: var(--sfx-form-error-padding-block) var(--sfx-form-error-padding-inline);
background-color: var(--sfx-form-error-bg);
color: var(--sfx-form-error-color);
border-radius: var(--sfx-form-error-border-radius);
font-size: var(--sfx-form-error-font-size);
&::before {
content: "";
position: absolute;
top: calc(-1 * var(--sfx-form-error-triangle-size));
left: var(--sfx-form-error-triangle-offset);
border-left: var(--sfx-form-error-triangle-size) solid transparent;
border-right: var(--sfx-form-error-triangle-size) solid transparent;
border-bottom: var(--sfx-form-error-triangle-size) solid var(--sfx-form-error-triangle-color);
}
}
& button[type="submit"].sending,
& input[type="submit"].sending {
gap: var(--sfx-form-submit-sending-gap);
} & :where(input:not([type="file"]), select, textarea, button, [role="button"], .button):is(:focus, :focus-visible) {
outline: var(--sfx-form-focus-width) solid var(--sfx-form-focus-color);
outline-offset: var(--sfx-form-focus-offset);
box-shadow: var(--sfx-form-focus-ring);
}
& :where(input:not([type="file"]), select, textarea, button, [role="button"], .button):focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
} :where(.brxe-form, .brxe-brf-pro-forms) {
& .form-group {
display: flex;
flex-direction: column;
padding: 0 0 var(--sfx-form-group-spacing, 1.25rem);
width: 100%;
}
& .submit-button-wrapper {
width: auto;
margin-left: auto;
}
}
@media (forced-colors: active) {
:is(.brxe-form, .brxe-brf-pro-forms) :where(input:not([type="file"]), select, textarea, button, [role="button"], .button):is(:focus, :focus-visible) {
outline: 2px solid CanvasText;
outline-offset: 2px;
box-shadow: none;
}
}
@media (prefers-contrast: more) {
:is(.brxe-form, .brxe-brf-pro-forms) :where(input:not([type="file"]), select, textarea, button, [role="button"], .button):focus-visible {
outline-width: max(3px, var(--sfx-form-focus-width, 2px));
box-shadow: var(--sfx-form-focus-ring, none);
}
}
}@layer sfx.components { :where(.brxe-button.bricks-button, .brxe-button.btn, button.bricks-button) {
--sfx-btn-gap: var(--btn-gap, 0.25rem);
--sfx-btn-padding-block: var(--btn-padding-block, 0.375rem);
--sfx-btn-padding-inline: var(--btn-padding-inline, 1rem);
--sfx-btn-font-size: var(--btn-font-size, 1rem);
--sfx-btn-font-weight: var(--btn-font-weight, 700);
--sfx-btn-line-height: var(--btn-line-height, 1.25);
--sfx-btn-letter-spacing: var(--btn-letter-spacing, 0.01%);
--sfx-btn-border-width: var(--btn-border-width, 1px);
--sfx-btn-border-style: var(--btn-border-style, solid);
--sfx-btn-radius: var(--btn-radius, 0.5rem);
--sfx-btn-shadow: var(--btn-shadow, 0 1px 2px rgb(0 0 0 / 0.05));
--sfx-btn-shadow-hover: var(--btn-shadow-hover, 0 4px 6px -1px rgb(0 0 0 / 0.1));
--sfx-btn-transition: var(--btn-transition, all 0.25s ease-in-out);
--sfx-btn-focus-outline-width: var(--btn-focus-outline-width, 2px);
--sfx-btn-focus-outline-color: var(--btn-focus-outline-color, #64748b);
--sfx-btn-mix: var(--btn-mix, black);
--sfx-btn-s-padding-block: var(--btn-s-padding-block, 0.25rem);
--sfx-btn-s-padding-inline: var(--btn-s-padding-inline, 0.75rem);
--sfx-btn-s-font-size: var(--btn-s-font-size, 0.875rem);
--sfx-btn-s-radius: var(--btn-s-radius, 0.375rem);
--sfx-btn-l-padding-block: var(--btn-l-padding-block, 0.5rem);
--sfx-btn-l-padding-inline: var(--btn-l-padding-inline, 1.25rem);
--sfx-btn-l-font-size: var(--btn-l-font-size, 1.125rem);
--sfx-btn-l-radius: var(--btn-l-radius, 0.5rem);
--sfx-btn-xl-padding-block: var(--btn-xl-padding-block, 0.75rem);
--sfx-btn-xl-padding-inline: var(--btn-xl-padding-inline, 2rem);
--sfx-btn-xl-font-size: var(--btn-xl-font-size, 1.25rem);
--sfx-btn-color: var(--btn-color, transparent);
--sfx-btn-color-fg: currentColor;
align-items: center;
gap: var(--sfx-btn-gap);
padding-block: var(--sfx-btn-padding-block);
padding-inline: var(--sfx-btn-padding-inline);
font-size: var(--sfx-btn-font-size);
font-weight: var(--sfx-btn-font-weight);
line-height: var(--sfx-btn-line-height);
letter-spacing: var(--sfx-btn-letter-spacing);
text-decoration: none;
text-wrap: nowrap;
white-space: nowrap;
border-width: var(--sfx-btn-border-width);
border-style: var(--sfx-btn-border-style);
border-radius: var(--sfx-btn-radius);
box-shadow: var(--sfx-btn-shadow);
transition: var(--sfx-btn-transition);
cursor: pointer;
user-select: none;
outline: 0;
&:focus-visible {
outline: var(--sfx-btn-focus-outline-width) solid var(--sfx-btn-focus-outline-color);
outline-offset: 2px;
}
&:disabled {
cursor: not-allowed;
opacity: 0.5;
pointer-events: none;
}
&[class*="bricks-background-"]:not(.bricks-background-text),
&[class*="btn--"]:not(.btn--text):not(.btn--icon-slide) {
--_mix: var(--sfx-btn-mix, black);
background-color: var(--sfx-btn-color);
color: var(--sfx-btn-color-fg);
border-color: var(--sfx-btn-color);
&:hover {
transform: translateY(-1px);
box-shadow: var(--sfx-btn-shadow-hover);
background-color: color-mix(in oklab, var(--sfx-btn-color) 85%, var(--_mix));
border-color: color-mix(in oklab, var(--sfx-btn-color) 85%, var(--_mix));
}
&:active {
transform: translateY(0);
background-color: color-mix(in oklab, var(--sfx-btn-color) 75%, var(--_mix));
border-color: color-mix(in oklab, var(--sfx-btn-color) 75%, var(--_mix));
}
} &.bricks-background-primary,
&.bricks-color-primary {
--sfx-btn-color: var(--btn-primary-bg, var(--primary, #2563eb));
--sfx-btn-color-fg: var(--btn-primary-fg, var(--primary-fg, #fff));
}
&.bricks-background-secondary,
&.bricks-color-secondary {
--sfx-btn-color: var(--btn-secondary-bg, var(--secondary, #64748b));
--sfx-btn-color-fg: var(--btn-secondary-fg, var(--secondary-fg, #fff));
--sfx-btn-mix: var(--btn-secondary-mix, white);
}
&.bricks-background-accent,
&.bricks-color-accent {
--sfx-btn-color: var(--btn-accent-bg, var(--accent, #f59e0b));
--sfx-btn-color-fg: var(--btn-accent-fg, var(--accent-fg, #fff));
}
&.bricks-background-light,
&.bricks-color-light {
--sfx-btn-color: var(--btn-light-bg, var(--light, #f8fafc)); --sfx-btn-color-fg: var(--btn-light-fg, var(--dark, #111));
}
&.bricks-background-dark,
&.bricks-color-dark {
--sfx-btn-color: var(--btn-dark-bg, var(--dark, #0f172a)); --sfx-btn-color-fg: var(--btn-dark-fg, var(--light, #fff));
--sfx-btn-mix: var(--btn-dark-mix, white);
}
&.bricks-background-muted,
&.bricks-color-muted {
--sfx-btn-color: var(--btn-muted-bg, var(--muted, #94a3b8));
--sfx-btn-color-fg: var(--btn-muted-fg, var(--muted-fg, #fff));
}
&.bricks-background-info,
&.bricks-color-info {
--sfx-btn-color: var(--btn-info-bg, var(--info, #0ea5e9));
--sfx-btn-color-fg: var(--btn-info-fg, var(--info-fg, #fff));
}
&.bricks-background-success,
&.bricks-color-success {
--sfx-btn-color: var(--btn-success-bg, var(--success, #22c55e));
--sfx-btn-color-fg: var(--btn-success-fg, var(--success-fg, #fff));
}
&.bricks-background-danger,
&.bricks-color-danger {
--sfx-btn-color: var(--btn-danger-bg, var(--danger, #ef4444));
--sfx-btn-color-fg: var(--btn-danger-fg, var(--danger-fg, #fff));
}
&.bricks-background-warning,
&.bricks-color-warning {
--sfx-btn-color: var(--btn-warning-bg, var(--warning, #eab308));
--sfx-btn-color-fg: var(--btn-warning-fg, var(--warning-fg, #fff));
}
&.bricks-background-text,
&.bricks-color-text,
&.btn--text {
--sfx-btn-text-color: var(--btn-text-color, var(--text, inherit));
--sfx-btn-text-hover-color: var(--btn-text-hover-color, var(--primary, #2563eb));
} &.outline {
background-color: transparent;
border-width: var(--sfx-btn-border-width);
&[class*="bricks-color-"],
&[class*="btn--"]:not(.btn--text):not(.btn--icon-slide) {
&:hover {
transform: translateY(-1px);
background-color: var(--sfx-btn-color);
}
}
}
&.sm {
padding-block: var(--sfx-btn-s-padding-block);
padding-inline: var(--sfx-btn-s-padding-inline);
font-size: var(--sfx-btn-s-font-size);
border-radius: var(--sfx-btn-s-radius);
}
&.md {
padding-block: var(--sfx-btn-padding-block);
padding-inline: var(--sfx-btn-padding-inline);
font-size: var(--sfx-btn-font-size);
border-radius: var(--sfx-btn-radius);
}
&.lg {
padding-block: var(--sfx-btn-l-padding-block);
padding-inline: var(--sfx-btn-l-padding-inline);
font-size: var(--sfx-btn-l-font-size);
border-radius: var(--sfx-btn-l-radius);
}
&.xl {
padding-block: var(--sfx-btn-xl-padding-block);
padding-inline: var(--sfx-btn-xl-padding-inline);
font-size: var(--sfx-btn-xl-font-size);
}
&.full-width {
width: 100%;
}
&.icon-only {
padding-inline: var(--sfx-btn-padding-block);
aspect-ratio: 1;
}
&.loading {
position: relative;
color: transparent;
pointer-events: none;
&::after {
content: "";
position: absolute;
width: 1em;
height: 1em;
border: 2px solid currentColor;
border-radius: 50%;
border-top-color: transparent;
animation: button-spin 0.6s linear infinite;
inset: 0;
margin: auto;
}
}
&.rounded-full {
border-radius: 9999px;
}
&.btn--text {
border: none;
border-radius: 0;
background: transparent;
}
}
.brxe-button.bricks-button.btn--text,
.brxe-button.btn.btn--text,
button.bricks-button.btn--text,
:is(.brxe-button.bricks-button, .brxe-button.btn, button.bricks-button).bricks-background-text,
:is(.brxe-button.bricks-button, .brxe-button.btn, button.bricks-button).bricks-color-text {
--btn-padding-block: 0;
--btn-padding-inline: 0;
--btn-s-padding-block: 0;
--btn-s-padding-inline: 0;
--btn-l-padding-block: 0;
--btn-l-padding-inline: 0;
padding-block: 0;
padding-inline: 0;
color: var(--sfx-btn-text-color, var(--btn-text-color, var(--text, inherit)));
&:hover {
color: var(--sfx-btn-text-hover-color, var(--btn-text-hover-color, var(--primary, #2563eb)));
}
}
@keyframes button-spin {
to {
transform: rotate(360deg);
}
}
.brxe-button.bricks-button,
button.bricks-button,
.btn--text {
&>i.fa-arrow-right,
&>svg {
transition: all .3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
}
&.btn--icon-slide:hover>i.fa-arrow-right,
&.btn--icon-slide:hover>svg {
margin-inline-start: 4px;
}
}
} :is(.brxe-button.bricks-button, .brxe-button.btn, button.bricks-button).outline:is([class*="bricks-color-"], [class*="btn--"]:not(.btn--text):not(.btn--icon-slide)) {
color: var(--sfx-btn-color);
border-color: var(--sfx-btn-color);
&:hover {
color: var(--sfx-btn-color-fg);
border-color: var(--sfx-btn-color);
}
} :is(.brxe-button.bricks-button, .brxe-button.btn, button.bricks-button):is(.bricks-background-text, .bricks-color-text, .btn--text) {
color: var(--sfx-btn-text-color, var(--btn-text-color, var(--text, inherit)));
&:hover {
color: var(--sfx-btn-text-hover-color, var(--btn-text-hover-color, var(--primary, #2563eb)));
}
}html.cf-theme-dark{color-scheme:dark;}:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(240,100%,50%,1);--primary-5:hsla(240,100%,50%,0.05);--primary-10:hsla(240,100%,50%,0.1);--primary-20:hsla(240,100%,50%,0.2);--primary-30:hsla(240,100%,50%,0.3);--primary-40:hsla(240,100%,50%,0.4);--primary-50:hsla(240,100%,50%,0.5);--primary-60:hsla(240,100%,50%,0.6);--primary-70:hsla(240,100%,50%,0.7);--primary-80:hsla(240,100%,50%,0.8);--primary-90:hsla(240,100%,50%,0.9);--primary-d-1:hsla(245,91%,43%,1);--primary-d-2:hsla(248,83%,35%,1);--primary-d-3:hsla(251,76%,27%,1);--primary-d-4:hsla(254,68%,19%,1);--primary-d-5:hsla(263,61%,10%,1);--primary-l-1:hsla(252,100%,62%,1);--primary-l-2:hsla(256,100%,69%,1);--primary-l-3:hsla(259,100%,77%,1);--primary-l-4:hsla(261,100%,84%,1);--primary-l-5:hsla(263,100%,92%,1);--secondary:hsla(239,100%,18.4%,1);--secondary-5:hsla(239,100%,18%,0.05);--secondary-10:hsla(239,100%,18%,0.1);--secondary-20:hsla(239,100%,18%,0.2);--secondary-30:hsla(239,100%,18%,0.3);--secondary-40:hsla(239,100%,18%,0.4);--secondary-50:hsla(239,100%,18%,0.5);--secondary-60:hsla(239,100%,18%,0.6);--secondary-70:hsla(239,100%,18%,0.7);--secondary-80:hsla(239,100%,18%,0.8);--secondary-90:hsla(239,100%,18%,0.9);--secondary-d-1:hsla(246,93%,16%,1);--secondary-d-2:hsla(254,92%,13%,1);--secondary-d-3:hsla(262,94%,10%,1);--secondary-d-4:hsla(268,96%,7%,1);--secondary-d-5:hsla(266,97%,4%,1);--secondary-l-1:hsla(254,51%,31%,1);--secondary-l-2:hsla(257,31%,44%,1);--secondary-l-3:hsla(259,25%,57%,1);--secondary-l-4:hsla(260,26%,71%,1);--secondary-l-5:hsla(261,26%,85%,1);--accent:hsla(357,62%,52%,1);--accent-5:hsla(357,62%,52%,0.05);--accent-10:hsla(357,62%,52%,0.1);--accent-20:hsla(357,62%,52%,0.2);--accent-30:hsla(357,62%,52%,0.3);--accent-40:hsla(357,62%,52%,0.4);--accent-50:hsla(357,62%,52%,0.5);--accent-60:hsla(357,62%,52%,0.6);--accent-70:hsla(357,62%,52%,0.7);--accent-80:hsla(357,62%,52%,0.8);--accent-90:hsla(357,62%,52%,0.9);--accent-d-1:hsla(358,54%,43%,1);--accent-d-2:hsla(359,51%,35%,1);--accent-d-3:hsla(1,49%,26%,1);--accent-d-4:hsla(2,45%,18%,1);--accent-d-5:hsla(7,41%,10%,1);--accent-l-1:hsla(2,65%,61%,1);--accent-l-2:hsla(4,70%,70%,1);--accent-l-3:hsla(5,76%,77%,1);--accent-l-4:hsla(6,82%,85%,1);--accent-l-5:hsla(6,88%,93%,1);--teal:hsla(183,100%,33.7%,1);--teal-5:hsla(183,100%,34%,0.05);--teal-10:hsla(183,100%,34%,0.1);--teal-20:hsla(183,100%,34%,0.2);--teal-30:hsla(183,100%,34%,0.3);--teal-40:hsla(183,100%,34%,0.4);--teal-50:hsla(183,100%,34%,0.5);--teal-60:hsla(183,100%,34%,0.6);--teal-70:hsla(183,100%,34%,0.7);--teal-80:hsla(183,100%,34%,0.8);--teal-90:hsla(183,100%,34%,0.9);--teal-d-1:hsla(184,75%,32%,1);--teal-d-2:hsla(184,62%,27%,1);--teal-d-3:hsla(184,52%,21%,1);--teal-d-4:hsla(184,42%,15%,1);--teal-d-5:hsla(184,29%,9%,1);--teal-l-1:hsla(184,43%,52%,1);--teal-l-2:hsla(184,41%,63%,1);--teal-l-3:hsla(184,40%,72%,1);--teal-l-4:hsla(184,39%,82%,1);--teal-l-5:hsla(184,39%,91%,1);--orange:hsla(42,100%,50%,1);--orange-5:hsla(42,100%,50%,0.05);--orange-10:hsla(42,100%,50%,0.1);--orange-20:hsla(42,100%,50%,0.2);--orange-30:hsla(42,100%,50%,0.3);--orange-40:hsla(42,100%,50%,0.4);--orange-50:hsla(42,100%,50%,0.5);--orange-60:hsla(42,100%,50%,0.6);--orange-70:hsla(42,100%,50%,0.7);--orange-80:hsla(42,100%,50%,0.8);--orange-90:hsla(42,100%,50%,0.9);--orange-d-1:hsla(41,86%,44%,1);--orange-d-2:hsla(40,77%,36%,1);--orange-d-3:hsla(39,70%,28%,1);--orange-d-4:hsla(38,61%,19%,1);--orange-d-5:hsla(37,51%,11%,1);--orange-l-1:hsla(39,100%,64%,1);--orange-l-2:hsla(39,100%,72%,1);--orange-l-3:hsla(39,100%,79%,1);--orange-l-4:hsla(38,100%,86%,1);--orange-l-5:hsla(38,100%,93%,1);--yellow:hsla(56,100%,48%,1);--yellow-5:hsla(56,100%,48%,0.05);--yellow-10:hsla(56,100%,48%,0.1);--yellow-20:hsla(56,100%,48%,0.2);--yellow-30:hsla(56,100%,48%,0.3);--yellow-40:hsla(56,100%,48%,0.4);--yellow-50:hsla(56,100%,48%,0.5);--yellow-60:hsla(56,100%,48%,0.6);--yellow-70:hsla(56,100%,48%,0.7);--yellow-80:hsla(56,100%,48%,0.8);--yellow-90:hsla(56,100%,48%,0.9);--yellow-d-1:hsla(55,83%,43%,1);--yellow-d-2:hsla(55,73%,36%,1);--yellow-d-3:hsla(54,64%,28%,1);--yellow-d-4:hsla(54,55%,19%,1);--yellow-d-5:hsla(52,43%,11%,1);--yellow-l-1:hsla(54,94%,64%,1);--yellow-l-2:hsla(53,97%,73%,1);--yellow-l-3:hsla(52,100%,80%,1);--yellow-l-4:hsla(52,100%,87%,1);--yellow-l-5:hsla(51,100%,93%,1);--subtle:hsla(37,35%,93%,1);--bg-body:hsla(0,0%,100%,1);--bg-surface:hsla(37,35%,97%,1);--bg-surface-hover:hsla(37,30%,93%,1);--text-body:hsla(236,25%,20%,1);--text-title:hsla(239,100%,18.4%,1);--link:hsla(240,100%,50%,1);--link-fg:hsla(0,0%,100%,1);--link-hover:hsla(239,100%,18.4%,1);--link-fg-hover:hsla(56,100%,50%,1);--border-primary:hsla(37,18%,87%,1);--shadow-primary:hsla(240,100%,15%,0.5);--light:hsla(85,0%,100%,1);--light-5:hsla(0,0%,100%,0.05);--light-10:hsla(0,0%,100%,0.1);--light-20:hsla(0,0%,100%,0.2);--light-30:hsla(0,0%,100%,0.3);--light-40:hsla(0,0%,100%,0.4);--light-50:hsla(0,0%,100%,0.5);--light-60:hsla(0,0%,100%,0.6);--light-70:hsla(0,0%,100%,0.7);--light-80:hsla(0,0%,100%,0.8);--light-90:hsla(0,0%,100%,0.9);--dark:hsla(0,0%,0%,1);--dark-5:hsla(0,0%,0%,0.05);--dark-10:hsla(0,0%,0%,0.1);--dark-20:hsla(0,0%,0%,0.2);--dark-30:hsla(0,0%,0%,0.3);--dark-40:hsla(0,0%,0%,0.4);--dark-50:hsla(0,0%,0%,0.5);--dark-60:hsla(0,0%,0%,0.6);--dark-70:hsla(0,0%,0%,0.7);--dark-80:hsla(0,0%,0%,0.8);--dark-90:hsla(0,0%,0%,0.9);--muted:hsla(236,15%,42%,1);--muted-d-1:hsla(236,14%,33%,1);--muted-d-2:hsla(237,14%,25%,1);--muted-d-3:hsla(237,12%,17%,1);--muted-d-4:hsla(238,10%,10%,1);--muted-l-1:hsla(237,11%,53%,1);--muted-l-2:hsla(238,11%,64%,1);--muted-l-3:hsla(239,11%,76%,1);--muted-l-4:hsla(239,11%,88%,1);--success:hsla(152,70%,22%,1);--success-5:hsla(152,70%,22%,0.05);--success-10:hsla(152,70%,22%,0.1);--success-20:hsla(152,70%,22%,0.2);--success-30:hsla(152,70%,22%,0.3);--success-40:hsla(152,70%,22%,0.4);--success-50:hsla(152,70%,22%,0.5);--success-60:hsla(152,70%,22%,0.6);--success-70:hsla(152,70%,22%,0.7);--success-80:hsla(152,70%,22%,0.8);--success-90:hsla(152,70%,22%,0.9);--success-d-1:hsla(151,61%,19%,1);--success-d-2:hsla(149,53%,16%,1);--success-d-3:hsla(147,45%,13%,1);--success-d-4:hsla(146,36%,10%,1);--success-d-5:hsla(144,35%,6%,1);--success-l-1:hsla(146,31%,36%,1);--success-l-2:hsla(144,18%,49%,1);--success-l-3:hsla(143,17%,61%,1);--success-l-4:hsla(142,17%,74%,1);--success-l-5:hsla(141,17%,87%,1);--error:hsla(4,80%,28%,1);--error-5:hsla(4,80%,28%,0.05);--error-10:hsla(4,80%,28%,0.1);--error-20:hsla(4,80%,28%,0.2);--error-30:hsla(4,80%,28%,0.3);--error-40:hsla(4,80%,28%,0.4);--error-50:hsla(4,80%,28%,0.5);--error-60:hsla(4,80%,28%,0.6);--error-70:hsla(4,80%,28%,0.7);--error-80:hsla(4,80%,28%,0.8);--error-90:hsla(4,80%,28%,0.9);--error-d-1:hsla(6,78%,24%,1);--error-d-2:hsla(8,76%,19%,1);--error-d-3:hsla(11,75%,15%,1);--error-d-4:hsla(16,76%,10%,1);--error-d-5:hsla(18,81%,6%,1);--error-l-1:hsla(10,52%,40%,1);--error-l-2:hsla(11,38%,52%,1);--error-l-3:hsla(12,41%,64%,1);--error-l-4:hsla(12,43%,76%,1);--error-l-5:hsla(12,46%,88%,1);--warning:hsla(42,75%,24%,1);--warning-5:hsla(42,75%,24%,0.05);--warning-10:hsla(42,75%,24%,0.1);--warning-20:hsla(42,75%,24%,0.2);--warning-30:hsla(42,75%,24%,0.3);--warning-40:hsla(42,75%,24%,0.4);--warning-50:hsla(42,75%,24%,0.5);--warning-60:hsla(42,75%,24%,0.6);--warning-70:hsla(42,75%,24%,0.7);--warning-80:hsla(42,75%,24%,0.8);--warning-90:hsla(42,75%,24%,0.9);--warning-d-1:hsla(42,70%,21%,1);--warning-d-2:hsla(41,64%,17%,1);--warning-d-3:hsla(41,58%,14%,1);--warning-d-4:hsla(41,55%,10%,1);--warning-d-5:hsla(41,61%,6%,1);--warning-l-1:hsla(40,42%,37%,1);--warning-l-2:hsla(39,26%,49%,1);--warning-l-3:hsla(38,26%,61%,1);--warning-l-4:hsla(37,27%,74%,1);--warning-l-5:hsla(36,28%,87%,1);--info:hsla(210,75%,25%,1);--info-5:hsla(210,75%,25%,0.05);--info-10:hsla(210,75%,25%,0.1);--info-20:hsla(210,75%,25%,0.2);--info-30:hsla(210,75%,25%,0.3);--info-40:hsla(210,75%,25%,0.4);--info-50:hsla(210,75%,25%,0.5);--info-60:hsla(210,75%,25%,0.6);--info-70:hsla(210,75%,25%,0.7);--info-80:hsla(210,75%,25%,0.8);--info-90:hsla(210,75%,25%,0.9);--info-d-1:hsla(212,66%,22%,1);--info-d-2:hsla(213,58%,18%,1);--info-d-3:hsla(215,49%,15%,1);--info-d-4:hsla(217,40%,11%,1);--info-d-5:hsla(218,38%,7%,1);--info-l-1:hsla(216,36%,39%,1);--info-l-2:hsla(218,22%,51%,1);--info-l-3:hsla(220,22%,63%,1);--info-l-4:hsla(221,22%,75%,1);--info-l-5:hsla(221,23%,87%,1);--space-5xs:clamp(0.39rem,calc(0.01vw + 0.39rem),0.4rem);--space-4xs:clamp(0.49rem,calc(0.06vw + 0.48rem),0.53rem);--space-3xs:clamp(0.61rem,calc(0.15vw + 0.58rem),0.71rem);--space-2xs:clamp(0.77rem,calc(0.27vw + 0.71rem),0.95rem);--space-xs:clamp(0.96rem,calc(0.45vw + 0.87rem),1.27rem);--space-s:clamp(1.2rem,calc(0.72vw + 1.06rem),1.69rem);--space-m:clamp(1.5rem,calc(1.11vw + 1.28rem),2.25rem);--space-l:clamp(1.88rem,calc(1.67vw + 1.54rem),3rem);--space-xl:clamp(2.34rem,calc(2.45vw + 1.85rem),4rem);--space-2xl:clamp(2.93rem,calc(3.56vw + 2.22rem),5.33rem);--space-3xl:clamp(3.66rem,calc(5.1vw + 2.64rem),7.1rem);--space-4xl:clamp(4.58rem,calc(7.25vw + 3.13rem),9.47rem);--space-5xl:clamp(5.72rem,calc(10.22vw + 3.68rem),12.62rem);--text-4xs:clamp(0.57rem,calc(-0.18vw + 0.61rem),0.45rem);--text-3xs:clamp(0.64rem,calc(-0.15vw + 0.67rem),0.54rem);--text-2xs:clamp(0.72rem,calc(-0.11vw + 0.75rem),0.65rem);--text-xs:clamp(0.81rem,calc(-0.05vw + 0.82rem),0.78rem);--text-s:clamp(0.92rem,calc(0.03vw + 0.91rem),0.94rem);--text-m:clamp(1.03rem,calc(0.14vw + 1rem),1.13rem);--text-l:clamp(1.16rem,calc(0.28vw + 1.1rem),1.35rem);--text-xl:clamp(1.3rem,calc(0.47vw + 1.21rem),1.62rem);--text-2xl:clamp(1.47rem,calc(0.7vw + 1.33rem),1.94rem);--text-3xl:clamp(1.65rem,calc(1.01vw + 1.45rem),2.33rem);--text-4xl:clamp(1.86rem,calc(1.39vw + 1.58rem),2.8rem);--text-5xl:clamp(2.09rem,calc(1.88vw + 1.72rem),3.36rem);--text-6xl:clamp(2.35rem,calc(2.49vw + 1.85rem),4.03rem);--muted-fg:var(--light);--primary-fg:var(--light);--secondary-fg:var(--light);--accent-fg:var(--light);--success-fg:var(--light);--error-fg:var(--light);--warning-fg:var(--light);--info-fg:var(--light);--orange-fg:var(--dark);--teal-fg:var(--light);--muted-surface-fg:var(--muted-d-4);--primary-surface-fg:var(--primary-d-4);--secondary-surface-fg:var(--secondary-d-4);--accent-surface-fg:var(--accent-d-4);--success-surface-fg:var(--success-d-4);--error-surface-fg:var(--error-d-4);--warning-surface-fg:var(--warning-d-4);--info-surface-fg:var(--info-d-4);--orange-surface-fg:var(--orange-d-4);--teal-surface-fg:var(--teal-d-4);--muted-surface:var(--muted-5);--primary-surface:var(--primary-5);--secondary-surface:var(--secondary-5);--accent-surface:var(--accent-5);--success-surface:var(--success-5);--error-surface:var(--error-5);--warning-surface:var(--warning-5);--info-surface:var(--info-5);--orange-surface:var(--orange-5);--teal-surface:var(--teal-5);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--heading-font-family:"Sora",sans-serif;--display-font-family:"Sora",sans-serif;--body-font-family:"Geist",sans-serif;--line-height-2xs:1;--line-height-xs:1.2;--line-height-s:1.36;--line-height-m:1.5;--line-height-l:1.6;--line-height-xl:1.8;--body-line-height:var(--line-height-m);--heading-font-weight:900;--body-font-weight:400;--section-spacing-xs:var(--space-xl);--section-spacing-s:var(--space-2xl);--section-spacing-m:var(--space-3xl);--section-spacing-l:var(--space-4xl);--section-spacing-xl:var(--space-5xl);--header-space:var(--space-s);--btn-space:var(--space-xs) var(--space-s);--card-space:var(--space-s);--footer-space:var(--space-s) var(--space-m);--global-gutter-small:var(--space-xs);--global-gutter:var(--space-s);--global-gutter-medium:var(--space-m);--global-gutter-large:var(--space-l);--global-gutter-xlarge:var(--space-xl);--global-gutter-2xlarge:var(--space-2xl);--article-gutter-xsmall:var(--space-4xs);--article-gutter-small:var(--space-2xs);--article-gutter:var(--space-xs);--article-gutter-large:var(--space-s);--article-gutter-xlarge:var(--space-m);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--boxed-width:var(--max-screen-width);--width-3xlarge:calc(var(--boxed-width) * 0.85);--width-2xlarge:calc(var(--boxed-width) * 0.65);--width-xlarge:calc(var(--boxed-width) * 0.5);--width-large:calc(var(--width-xlarge) * 0.85);--width-medium:calc(var(--width-xlarge) * 0.75);--width-small:calc(var(--width-xlarge) * 0.5);--width-xsmall:calc(var(--width-xlarge) * 0.25);--boxed-width-netto:calc(88rem - 2* var(--container-padding-vertical));--container-padding-vertical:var(--space-m);--container-padding-horizontal:var(--space-m);--container-large:calc(var(--boxed-width) * 1.25);--container-xlarge:calc(var(--boxed-width) * 1.5);--container-2xlarge:calc(var(--boxed-width) * 1.75);--container-medium:var(--width-3xlarge);--container-small:var(--width-2xlarge);--container-xsmall:var(--width-xlarge);--radius-xs:clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s:clamp(0.38rem,calc(0.19vw + 0.34rem),0.5rem);--radius-m:clamp(0.63rem,calc(0.19vw + 0.59rem),0.75rem);--radius-l:clamp(1rem,calc(0.37vw + 0.93rem),1.25rem);--radius-xl:clamp(1.63rem,calc(0.56vw + 1.51rem),2rem);--radius-full:999rem;--border-radius:clamp(0.63rem,calc(0.19vw + 0.59rem),0.75rem);--border-radius-outer:clamp(1rem,calc(0.37vw + 0.93rem),1.25rem);--shadow-xs:0 1px 3px 0 var(--shadow-primary),0 1px 2px -1px var(--shadow-primary);--shadow-s:0 2px 6px -1px var(--shadow-primary),0 1px 3px -1px var(--shadow-primary);--shadow-m:0 4px 12px -2px var(--shadow-primary),0 2px 6px -3px var(--shadow-primary);--shadow-l:0 8px 24px -4px var(--shadow-primary),0 4px 10px -4px var(--shadow-primary);--shadow-xl:0 16px 40px -8px var(--shadow-primary),0 8px 16px -6px var(--shadow-primary);--header-height:100px;--header-height-sticky:100px;--header-container-width:100%;--sticky-top:calc(var(--header-height-sticky) * 1.25);--logo-width:200px;--navbar-menu-item-font-size:16px;--navbar-menu-item-font-weight:500;--navbar-menu-item-font-family:var(--body-font-family);--card-padding:var(--space-s);--card-padding-large:var(--space-l);--card-padding-small:var(--space-3xs);--card-padding-xsmall:calc(var(--space-3xs)*0.75);--card-border-radius:var(--radius-m);--card-icon-size:var(--space-l);--form-padding-inline:var(--space-2xs);--form-padding-block:var(--space-3xs);--form-border-radius:var(--radius-s);--form-border-style:solid;--form-border-width:1px;--form-border-color:var(--border-primary);--form-line-height:var(--line-height-s);--form-font-size:var(--text-m);--form-font-weight:400;--form-placeholder-font-size:var(--form-font-size);--form-placeholder-font-weight:400;--form-label-font-size:var(--text-s);--form-label-line-height:var(--line-height-s);--form-label-font-weight:400;--form-label-color:var(--primary);--form-input-height:56px;--form-input-bg:var(--light);--form-color:var(--primary);--form-focus-color:var(--secondary);--form-focus-width:2px;--form-focus-offset:2px;--form-focus-ring:0 0 0 3px color-mix(in oklab,var(--tertiary) 30%,transparent);--form-focus-radius:var(--form-border-radius);--form-radio-active-color:var(--secondary);--form-radio-icon-color:var(--light);--form-error-margin-block-start:10px;--form-error-padding-block:6px;--form-error-padding-inline:10px;--form-error-bg:var(--error-surface);--form-error-color:var(--error);--form-error-border-radius:var(--radius-s);--form-error-font-size:var(--text-xs);--form-error-triangle-size:6px;--form-error-triangle-offset:12px;--btn-s-font-size:var(--text-s);--btn-s-radius:var(--radius-s);--btn-s-padding-block:var(--space-3xs);--btn-s-padding-inline:var(--space-xs);--btn-font-size:var(--text-m);--btn-radius:var(--radius-s);--btn-padding-block:var(--space-3xs);--btn-padding-inline:var(--space-s);--btn-l-font-size:var(--text-l);--btn-l-radius:var(--radius-s);--btn-l-padding-inline:var(--space-m);--btn-l-padding-block:var(--space-2xs);--btn-text-transform:none;--btn-font-style:normal;--btn-font-weight:600;--btn-border-width:2px;--btn-border-style:solid;--btn-letter-spacing:0.01%;--btn-line-height:var(--line-height-s);--btn-transition:all 0.25s ease-in-out;--btn-shadow:none;--btn-shadow--hover:none;--btn-gap:var(--space-4xs);--btn-outline-border-width:2px;--btn-outline-shadow:none;--btn-outline-shadow--hover:none;--btn-text-color:var(--accent);--btn-text-hover-color:var(--accent-l-1);--list-check-icon-url:url();--list-check-icon-color:var(--secondary);--list-check-icon-offset:0 .5ex;--list-check-icon-size:1em;--list-check-icon-gap:15px;--list-check-icon-display:flex;--list-check-indent:.5em;--list-check-gap:var(--space-3);--list-check-icon-bg-offset:-.4ex 0;--list-check-icon-bg-color:var(--tertiary-l-4);--list-check-icon-bg-color-alt:var(--secondary-10);--animate-delay-step:200ms;--animate-duration:400ms;--animate-distance:20px;--animate-fade-from-translate:0,0,0;--animate-fade-to-translate:0,0,0;--animate-parallax:0;}:root.cf-theme-dark,:root.cf-theme-light .theme-inverted,:root.cf-theme-light .theme-always-dark,:root.cf-theme-dark .theme-inverted .theme-always-dark{--bg-body:hsla(0,0%,5%,1);--bg-surface:hsla(0,0%,15%,1);--text-body:hsla(0,0%,75%,1);--text-title:hsla(0,0%,100%,1);--border-primary:hsla(0,0%,75%,0.1);--shadow-primary:hsla(0,0%,0%,0.4);--light:hsla(0,0%,0%,1);--light-5:hsla(0,0%,0%,0.05);--light-10:hsla(0,0%,0%,0.1);--light-20:hsla(0,0%,0%,0.2);--light-30:hsla(0,0%,0%,0.3);--light-40:hsla(0,0%,0%,0.4);--light-50:hsla(0,0%,0%,0.5);--light-60:hsla(0,0%,0%,0.6);--light-70:hsla(0,0%,0%,0.7);--light-80:hsla(0,0%,0%,0.8);--light-90:hsla(0,0%,0%,0.9);--dark:hsla(0,0%,100%,1);--dark-5:hsla(0,0%,100%,0.05);--dark-10:hsla(0,0%,100%,0.1);--dark-20:hsla(0,0%,100%,0.2);--dark-30:hsla(0,0%,100%,0.3);--dark-40:hsla(0,0%,100%,0.4);--dark-50:hsla(0,0%,100%,0.5);--dark-60:hsla(0,0%,100%,0.6);--dark-70:hsla(0,0%,100%,0.7);--dark-80:hsla(0,0%,100%,0.8);--dark-90:hsla(0,0%,100%,0.9);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(0 100% 100% 0);white-space:nowrap;border-width:0;}.card{padding:var(--card-padding);border-radius:var(--card-border-radius);}.card.card--large{padding:var(--card-padding-large);}.card.card--small{padding:var(--card-padding-small);}.bg-primary{background-color:var(--primary);}.bg-primary-5{background-color:var(--primary-5);}.bg-primary-10{background-color:var(--primary-10);}.bg-primary-20{background-color:var(--primary-20);}.bg-primary-30{background-color:var(--primary-30);}.bg-primary-40{background-color:var(--primary-40);}.bg-primary-50{background-color:var(--primary-50);}.bg-primary-60{background-color:var(--primary-60);}.bg-primary-70{background-color:var(--primary-70);}.bg-primary-80{background-color:var(--primary-80);}.bg-primary-90{background-color:var(--primary-90);}.bg-primary-d-1{background-color:var(--primary-d-1);}.bg-primary-d-2{background-color:var(--primary-d-2);}.bg-primary-d-3{background-color:var(--primary-d-3);}.bg-primary-d-4{background-color:var(--primary-d-4);}.bg-primary-d-5{background-color:var(--primary-d-5);}.bg-primary-l-1{background-color:var(--primary-l-1);}.bg-primary-l-2{background-color:var(--primary-l-2);}.bg-primary-l-3{background-color:var(--primary-l-3);}.bg-primary-l-4{background-color:var(--primary-l-4);}.bg-primary-l-5{background-color:var(--primary-l-5);}.text-primary{color:var(--primary);}.text-primary-5{color:var(--primary-5);}.text-primary-10{color:var(--primary-10);}.text-primary-20{color:var(--primary-20);}.text-primary-30{color:var(--primary-30);}.text-primary-40{color:var(--primary-40);}.text-primary-50{color:var(--primary-50);}.text-primary-60{color:var(--primary-60);}.text-primary-70{color:var(--primary-70);}.text-primary-80{color:var(--primary-80);}.text-primary-90{color:var(--primary-90);}.text-primary-d-1{color:var(--primary-d-1);}.text-primary-d-2{color:var(--primary-d-2);}.text-primary-d-3{color:var(--primary-d-3);}.text-primary-d-4{color:var(--primary-d-4);}.text-primary-d-5{color:var(--primary-d-5);}.text-primary-l-1{color:var(--primary-l-1);}.text-primary-l-2{color:var(--primary-l-2);}.text-primary-l-3{color:var(--primary-l-3);}.text-primary-l-4{color:var(--primary-l-4);}.text-primary-l-5{color:var(--primary-l-5);}.bg-secondary{background-color:var(--secondary);}.bg-secondary-5{background-color:var(--secondary-5);}.bg-secondary-10{background-color:var(--secondary-10);}.bg-secondary-20{background-color:var(--secondary-20);}.bg-secondary-30{background-color:var(--secondary-30);}.bg-secondary-40{background-color:var(--secondary-40);}.bg-secondary-50{background-color:var(--secondary-50);}.bg-secondary-60{background-color:var(--secondary-60);}.bg-secondary-70{background-color:var(--secondary-70);}.bg-secondary-80{background-color:var(--secondary-80);}.bg-secondary-90{background-color:var(--secondary-90);}.bg-secondary-d-1{background-color:var(--secondary-d-1);}.bg-secondary-d-2{background-color:var(--secondary-d-2);}.bg-secondary-d-3{background-color:var(--secondary-d-3);}.bg-secondary-d-4{background-color:var(--secondary-d-4);}.bg-secondary-d-5{background-color:var(--secondary-d-5);}.bg-secondary-l-1{background-color:var(--secondary-l-1);}.bg-secondary-l-2{background-color:var(--secondary-l-2);}.bg-secondary-l-3{background-color:var(--secondary-l-3);}.bg-secondary-l-4{background-color:var(--secondary-l-4);}.bg-secondary-l-5{background-color:var(--secondary-l-5);}.text-secondary{color:var(--secondary);}.text-secondary-5{color:var(--secondary-5);}.text-secondary-10{color:var(--secondary-10);}.text-secondary-20{color:var(--secondary-20);}.text-secondary-30{color:var(--secondary-30);}.text-secondary-40{color:var(--secondary-40);}.text-secondary-50{color:var(--secondary-50);}.text-secondary-60{color:var(--secondary-60);}.text-secondary-70{color:var(--secondary-70);}.text-secondary-80{color:var(--secondary-80);}.text-secondary-90{color:var(--secondary-90);}.text-secondary-d-1{color:var(--secondary-d-1);}.text-secondary-d-2{color:var(--secondary-d-2);}.text-secondary-d-3{color:var(--secondary-d-3);}.text-secondary-d-4{color:var(--secondary-d-4);}.text-secondary-d-5{color:var(--secondary-d-5);}.text-secondary-l-1{color:var(--secondary-l-1);}.text-secondary-l-2{color:var(--secondary-l-2);}.text-secondary-l-3{color:var(--secondary-l-3);}.text-secondary-l-4{color:var(--secondary-l-4);}.text-secondary-l-5{color:var(--secondary-l-5);}.bg-accent{background-color:var(--accent);}.bg-accent-5{background-color:var(--accent-5);}.bg-accent-10{background-color:var(--accent-10);}.bg-accent-20{background-color:var(--accent-20);}.bg-accent-30{background-color:var(--accent-30);}.bg-accent-40{background-color:var(--accent-40);}.bg-accent-50{background-color:var(--accent-50);}.bg-accent-60{background-color:var(--accent-60);}.bg-accent-70{background-color:var(--accent-70);}.bg-accent-80{background-color:var(--accent-80);}.bg-accent-90{background-color:var(--accent-90);}.bg-accent-d-1{background-color:var(--accent-d-1);}.bg-accent-d-2{background-color:var(--accent-d-2);}.bg-accent-d-3{background-color:var(--accent-d-3);}.bg-accent-d-4{background-color:var(--accent-d-4);}.bg-accent-d-5{background-color:var(--accent-d-5);}.bg-accent-l-1{background-color:var(--accent-l-1);}.bg-accent-l-2{background-color:var(--accent-l-2);}.bg-accent-l-3{background-color:var(--accent-l-3);}.bg-accent-l-4{background-color:var(--accent-l-4);}.bg-accent-l-5{background-color:var(--accent-l-5);}.text-accent{color:var(--accent);}.text-accent-5{color:var(--accent-5);}.text-accent-10{color:var(--accent-10);}.text-accent-20{color:var(--accent-20);}.text-accent-30{color:var(--accent-30);}.text-accent-40{color:var(--accent-40);}.text-accent-50{color:var(--accent-50);}.text-accent-60{color:var(--accent-60);}.text-accent-70{color:var(--accent-70);}.text-accent-80{color:var(--accent-80);}.text-accent-90{color:var(--accent-90);}.text-accent-d-1{color:var(--accent-d-1);}.text-accent-d-2{color:var(--accent-d-2);}.text-accent-d-3{color:var(--accent-d-3);}.text-accent-d-4{color:var(--accent-d-4);}.text-accent-d-5{color:var(--accent-d-5);}.text-accent-l-1{color:var(--accent-l-1);}.text-accent-l-2{color:var(--accent-l-2);}.text-accent-l-3{color:var(--accent-l-3);}.text-accent-l-4{color:var(--accent-l-4);}.text-accent-l-5{color:var(--accent-l-5);}.bg-teal{background-color:var(--teal);}.bg-teal-5{background-color:var(--teal-5);}.bg-teal-10{background-color:var(--teal-10);}.bg-teal-20{background-color:var(--teal-20);}.bg-teal-30{background-color:var(--teal-30);}.bg-teal-40{background-color:var(--teal-40);}.bg-teal-50{background-color:var(--teal-50);}.bg-teal-60{background-color:var(--teal-60);}.bg-teal-70{background-color:var(--teal-70);}.bg-teal-80{background-color:var(--teal-80);}.bg-teal-90{background-color:var(--teal-90);}.bg-teal-d-1{background-color:var(--teal-d-1);}.bg-teal-d-2{background-color:var(--teal-d-2);}.bg-teal-d-3{background-color:var(--teal-d-3);}.bg-teal-d-4{background-color:var(--teal-d-4);}.bg-teal-d-5{background-color:var(--teal-d-5);}.bg-teal-l-1{background-color:var(--teal-l-1);}.bg-teal-l-2{background-color:var(--teal-l-2);}.bg-teal-l-3{background-color:var(--teal-l-3);}.bg-teal-l-4{background-color:var(--teal-l-4);}.bg-teal-l-5{background-color:var(--teal-l-5);}.text-teal{color:var(--teal);}.text-teal-5{color:var(--teal-5);}.text-teal-10{color:var(--teal-10);}.text-teal-20{color:var(--teal-20);}.text-teal-30{color:var(--teal-30);}.text-teal-40{color:var(--teal-40);}.text-teal-50{color:var(--teal-50);}.text-teal-60{color:var(--teal-60);}.text-teal-70{color:var(--teal-70);}.text-teal-80{color:var(--teal-80);}.text-teal-90{color:var(--teal-90);}.text-teal-d-1{color:var(--teal-d-1);}.text-teal-d-2{color:var(--teal-d-2);}.text-teal-d-3{color:var(--teal-d-3);}.text-teal-d-4{color:var(--teal-d-4);}.text-teal-d-5{color:var(--teal-d-5);}.text-teal-l-1{color:var(--teal-l-1);}.text-teal-l-2{color:var(--teal-l-2);}.text-teal-l-3{color:var(--teal-l-3);}.text-teal-l-4{color:var(--teal-l-4);}.text-teal-l-5{color:var(--teal-l-5);}.bg-orange{background-color:var(--orange);}.bg-orange-5{background-color:var(--orange-5);}.bg-orange-10{background-color:var(--orange-10);}.bg-orange-20{background-color:var(--orange-20);}.bg-orange-30{background-color:var(--orange-30);}.bg-orange-40{background-color:var(--orange-40);}.bg-orange-50{background-color:var(--orange-50);}.bg-orange-60{background-color:var(--orange-60);}.bg-orange-70{background-color:var(--orange-70);}.bg-orange-80{background-color:var(--orange-80);}.bg-orange-90{background-color:var(--orange-90);}.bg-orange-d-1{background-color:var(--orange-d-1);}.bg-orange-d-2{background-color:var(--orange-d-2);}.bg-orange-d-3{background-color:var(--orange-d-3);}.bg-orange-d-4{background-color:var(--orange-d-4);}.bg-orange-d-5{background-color:var(--orange-d-5);}.bg-orange-l-1{background-color:var(--orange-l-1);}.bg-orange-l-2{background-color:var(--orange-l-2);}.bg-orange-l-3{background-color:var(--orange-l-3);}.bg-orange-l-4{background-color:var(--orange-l-4);}.bg-orange-l-5{background-color:var(--orange-l-5);}.text-orange{color:var(--orange);}.text-orange-5{color:var(--orange-5);}.text-orange-10{color:var(--orange-10);}.text-orange-20{color:var(--orange-20);}.text-orange-30{color:var(--orange-30);}.text-orange-40{color:var(--orange-40);}.text-orange-50{color:var(--orange-50);}.text-orange-60{color:var(--orange-60);}.text-orange-70{color:var(--orange-70);}.text-orange-80{color:var(--orange-80);}.text-orange-90{color:var(--orange-90);}.text-orange-d-1{color:var(--orange-d-1);}.text-orange-d-2{color:var(--orange-d-2);}.text-orange-d-3{color:var(--orange-d-3);}.text-orange-d-4{color:var(--orange-d-4);}.text-orange-d-5{color:var(--orange-d-5);}.text-orange-l-1{color:var(--orange-l-1);}.text-orange-l-2{color:var(--orange-l-2);}.text-orange-l-3{color:var(--orange-l-3);}.text-orange-l-4{color:var(--orange-l-4);}.text-orange-l-5{color:var(--orange-l-5);}.bg-yellow{background-color:var(--yellow);}.bg-yellow-5{background-color:var(--yellow-5);}.bg-yellow-10{background-color:var(--yellow-10);}.bg-yellow-20{background-color:var(--yellow-20);}.bg-yellow-30{background-color:var(--yellow-30);}.bg-yellow-40{background-color:var(--yellow-40);}.bg-yellow-50{background-color:var(--yellow-50);}.bg-yellow-60{background-color:var(--yellow-60);}.bg-yellow-70{background-color:var(--yellow-70);}.bg-yellow-80{background-color:var(--yellow-80);}.bg-yellow-90{background-color:var(--yellow-90);}.bg-yellow-d-1{background-color:var(--yellow-d-1);}.bg-yellow-d-2{background-color:var(--yellow-d-2);}.bg-yellow-d-3{background-color:var(--yellow-d-3);}.bg-yellow-d-4{background-color:var(--yellow-d-4);}.bg-yellow-d-5{background-color:var(--yellow-d-5);}.bg-yellow-l-1{background-color:var(--yellow-l-1);}.bg-yellow-l-2{background-color:var(--yellow-l-2);}.bg-yellow-l-3{background-color:var(--yellow-l-3);}.bg-yellow-l-4{background-color:var(--yellow-l-4);}.bg-yellow-l-5{background-color:var(--yellow-l-5);}.text-yellow{color:var(--yellow);}.text-yellow-5{color:var(--yellow-5);}.text-yellow-10{color:var(--yellow-10);}.text-yellow-20{color:var(--yellow-20);}.text-yellow-30{color:var(--yellow-30);}.text-yellow-40{color:var(--yellow-40);}.text-yellow-50{color:var(--yellow-50);}.text-yellow-60{color:var(--yellow-60);}.text-yellow-70{color:var(--yellow-70);}.text-yellow-80{color:var(--yellow-80);}.text-yellow-90{color:var(--yellow-90);}.text-yellow-d-1{color:var(--yellow-d-1);}.text-yellow-d-2{color:var(--yellow-d-2);}.text-yellow-d-3{color:var(--yellow-d-3);}.text-yellow-d-4{color:var(--yellow-d-4);}.text-yellow-d-5{color:var(--yellow-d-5);}.text-yellow-l-1{color:var(--yellow-l-1);}.text-yellow-l-2{color:var(--yellow-l-2);}.text-yellow-l-3{color:var(--yellow-l-3);}.text-yellow-l-4{color:var(--yellow-l-4);}.text-yellow-l-5{color:var(--yellow-l-5);}.bg-subtle{background-color:var(--subtle);}.text-subtle{color:var(--subtle);}.bg-body{background-color:var(--bg-body);}.bg-surface{background-color:var(--bg-surface);}.bg-surface-hover{background-color:var(--bg-surface-hover);}.text-body{color:var(--text-body);}.text-title{color:var(--text-title);}.text-link{color:var(--link);}.text-link-fg{color:var(--link-fg);}.text-link-hover{color:var(--link-hover);}.text-link-fg-hover{color:var(--link-fg-hover);}.border-primary{border-color:var(--border-primary);}.bg-light{background-color:var(--light);}.bg-light-5{background-color:var(--light-5);}.bg-light-10{background-color:var(--light-10);}.bg-light-20{background-color:var(--light-20);}.bg-light-30{background-color:var(--light-30);}.bg-light-40{background-color:var(--light-40);}.bg-light-50{background-color:var(--light-50);}.bg-light-60{background-color:var(--light-60);}.bg-light-70{background-color:var(--light-70);}.bg-light-80{background-color:var(--light-80);}.bg-light-90{background-color:var(--light-90);}.text-light{color:var(--light);}.text-light-5{color:var(--light-5);}.text-light-10{color:var(--light-10);}.text-light-20{color:var(--light-20);}.text-light-30{color:var(--light-30);}.text-light-40{color:var(--light-40);}.text-light-50{color:var(--light-50);}.text-light-60{color:var(--light-60);}.text-light-70{color:var(--light-70);}.text-light-80{color:var(--light-80);}.text-light-90{color:var(--light-90);}.border-light{border-color:var(--light);}.border-light-5{border-color:var(--light-5);}.border-light-10{border-color:var(--light-10);}.border-light-20{border-color:var(--light-20);}.border-light-30{border-color:var(--light-30);}.border-light-40{border-color:var(--light-40);}.border-light-50{border-color:var(--light-50);}.border-light-60{border-color:var(--light-60);}.border-light-70{border-color:var(--light-70);}.border-light-80{border-color:var(--light-80);}.border-light-90{border-color:var(--light-90);}.bg-dark{background-color:var(--dark);}.bg-dark-5{background-color:var(--dark-5);}.bg-dark-10{background-color:var(--dark-10);}.bg-dark-20{background-color:var(--dark-20);}.bg-dark-30{background-color:var(--dark-30);}.bg-dark-40{background-color:var(--dark-40);}.bg-dark-50{background-color:var(--dark-50);}.bg-dark-60{background-color:var(--dark-60);}.bg-dark-70{background-color:var(--dark-70);}.bg-dark-80{background-color:var(--dark-80);}.bg-dark-90{background-color:var(--dark-90);}.text-dark{color:var(--dark);}.text-dark-5{color:var(--dark-5);}.text-dark-10{color:var(--dark-10);}.text-dark-20{color:var(--dark-20);}.text-dark-30{color:var(--dark-30);}.text-dark-40{color:var(--dark-40);}.text-dark-50{color:var(--dark-50);}.text-dark-60{color:var(--dark-60);}.text-dark-70{color:var(--dark-70);}.text-dark-80{color:var(--dark-80);}.text-dark-90{color:var(--dark-90);}.border-dark{border-color:var(--dark);}.border-dark-5{border-color:var(--dark-5);}.border-dark-10{border-color:var(--dark-10);}.border-dark-20{border-color:var(--dark-20);}.border-dark-30{border-color:var(--dark-30);}.border-dark-40{border-color:var(--dark-40);}.border-dark-50{border-color:var(--dark-50);}.border-dark-60{border-color:var(--dark-60);}.border-dark-70{border-color:var(--dark-70);}.border-dark-80{border-color:var(--dark-80);}.border-dark-90{border-color:var(--dark-90);}.bg-success{background-color:var(--success);}.bg-success-5{background-color:var(--success-5);}.bg-success-10{background-color:var(--success-10);}.bg-success-20{background-color:var(--success-20);}.bg-success-30{background-color:var(--success-30);}.bg-success-40{background-color:var(--success-40);}.bg-success-50{background-color:var(--success-50);}.bg-success-60{background-color:var(--success-60);}.bg-success-70{background-color:var(--success-70);}.bg-success-80{background-color:var(--success-80);}.bg-success-90{background-color:var(--success-90);}.bg-success-d-1{background-color:var(--success-d-1);}.bg-success-d-2{background-color:var(--success-d-2);}.bg-success-d-3{background-color:var(--success-d-3);}.bg-success-d-4{background-color:var(--success-d-4);}.bg-success-d-5{background-color:var(--success-d-5);}.bg-success-l-1{background-color:var(--success-l-1);}.bg-success-l-2{background-color:var(--success-l-2);}.bg-success-l-3{background-color:var(--success-l-3);}.bg-success-l-4{background-color:var(--success-l-4);}.bg-success-l-5{background-color:var(--success-l-5);}.text-success{color:var(--success);}.text-success-5{color:var(--success-5);}.text-success-10{color:var(--success-10);}.text-success-20{color:var(--success-20);}.text-success-30{color:var(--success-30);}.text-success-40{color:var(--success-40);}.text-success-50{color:var(--success-50);}.text-success-60{color:var(--success-60);}.text-success-70{color:var(--success-70);}.text-success-80{color:var(--success-80);}.text-success-90{color:var(--success-90);}.text-success-d-1{color:var(--success-d-1);}.text-success-d-2{color:var(--success-d-2);}.text-success-d-3{color:var(--success-d-3);}.text-success-d-4{color:var(--success-d-4);}.text-success-d-5{color:var(--success-d-5);}.text-success-l-1{color:var(--success-l-1);}.text-success-l-2{color:var(--success-l-2);}.text-success-l-3{color:var(--success-l-3);}.text-success-l-4{color:var(--success-l-4);}.text-success-l-5{color:var(--success-l-5);}.border-success{border-color:var(--success);}.border-success-5{border-color:var(--success-5);}.border-success-10{border-color:var(--success-10);}.border-success-20{border-color:var(--success-20);}.border-success-30{border-color:var(--success-30);}.border-success-40{border-color:var(--success-40);}.border-success-50{border-color:var(--success-50);}.border-success-60{border-color:var(--success-60);}.border-success-70{border-color:var(--success-70);}.border-success-80{border-color:var(--success-80);}.border-success-90{border-color:var(--success-90);}.border-success-d-1{border-color:var(--success-d-1);}.border-success-d-2{border-color:var(--success-d-2);}.border-success-d-3{border-color:var(--success-d-3);}.border-success-d-4{border-color:var(--success-d-4);}.border-success-d-5{border-color:var(--success-d-5);}.border-success-l-1{border-color:var(--success-l-1);}.border-success-l-2{border-color:var(--success-l-2);}.border-success-l-3{border-color:var(--success-l-3);}.border-success-l-4{border-color:var(--success-l-4);}.border-success-l-5{border-color:var(--success-l-5);}.bg-error{background-color:var(--error);}.bg-error-5{background-color:var(--error-5);}.bg-error-10{background-color:var(--error-10);}.bg-error-20{background-color:var(--error-20);}.bg-error-30{background-color:var(--error-30);}.bg-error-40{background-color:var(--error-40);}.bg-error-50{background-color:var(--error-50);}.bg-error-60{background-color:var(--error-60);}.bg-error-70{background-color:var(--error-70);}.bg-error-80{background-color:var(--error-80);}.bg-error-90{background-color:var(--error-90);}.bg-error-d-1{background-color:var(--error-d-1);}.bg-error-d-2{background-color:var(--error-d-2);}.bg-error-d-3{background-color:var(--error-d-3);}.bg-error-d-4{background-color:var(--error-d-4);}.bg-error-d-5{background-color:var(--error-d-5);}.bg-error-l-1{background-color:var(--error-l-1);}.bg-error-l-2{background-color:var(--error-l-2);}.bg-error-l-3{background-color:var(--error-l-3);}.bg-error-l-4{background-color:var(--error-l-4);}.bg-error-l-5{background-color:var(--error-l-5);}.text-error{color:var(--error);}.text-error-5{color:var(--error-5);}.text-error-10{color:var(--error-10);}.text-error-20{color:var(--error-20);}.text-error-30{color:var(--error-30);}.text-error-40{color:var(--error-40);}.text-error-50{color:var(--error-50);}.text-error-60{color:var(--error-60);}.text-error-70{color:var(--error-70);}.text-error-80{color:var(--error-80);}.text-error-90{color:var(--error-90);}.text-error-d-1{color:var(--error-d-1);}.text-error-d-2{color:var(--error-d-2);}.text-error-d-3{color:var(--error-d-3);}.text-error-d-4{color:var(--error-d-4);}.text-error-d-5{color:var(--error-d-5);}.text-error-l-1{color:var(--error-l-1);}.text-error-l-2{color:var(--error-l-2);}.text-error-l-3{color:var(--error-l-3);}.text-error-l-4{color:var(--error-l-4);}.text-error-l-5{color:var(--error-l-5);}.border-error{border-color:var(--error);}.border-error-5{border-color:var(--error-5);}.border-error-10{border-color:var(--error-10);}.border-error-20{border-color:var(--error-20);}.border-error-30{border-color:var(--error-30);}.border-error-40{border-color:var(--error-40);}.border-error-50{border-color:var(--error-50);}.border-error-60{border-color:var(--error-60);}.border-error-70{border-color:var(--error-70);}.border-error-80{border-color:var(--error-80);}.border-error-90{border-color:var(--error-90);}.border-error-d-1{border-color:var(--error-d-1);}.border-error-d-2{border-color:var(--error-d-2);}.border-error-d-3{border-color:var(--error-d-3);}.border-error-d-4{border-color:var(--error-d-4);}.border-error-d-5{border-color:var(--error-d-5);}.border-error-l-1{border-color:var(--error-l-1);}.border-error-l-2{border-color:var(--error-l-2);}.border-error-l-3{border-color:var(--error-l-3);}.border-error-l-4{border-color:var(--error-l-4);}.border-error-l-5{border-color:var(--error-l-5);}.bg-warning{background-color:var(--warning);}.bg-warning-5{background-color:var(--warning-5);}.bg-warning-10{background-color:var(--warning-10);}.bg-warning-20{background-color:var(--warning-20);}.bg-warning-30{background-color:var(--warning-30);}.bg-warning-40{background-color:var(--warning-40);}.bg-warning-50{background-color:var(--warning-50);}.bg-warning-60{background-color:var(--warning-60);}.bg-warning-70{background-color:var(--warning-70);}.bg-warning-80{background-color:var(--warning-80);}.bg-warning-90{background-color:var(--warning-90);}.bg-warning-d-1{background-color:var(--warning-d-1);}.bg-warning-d-2{background-color:var(--warning-d-2);}.bg-warning-d-3{background-color:var(--warning-d-3);}.bg-warning-d-4{background-color:var(--warning-d-4);}.bg-warning-d-5{background-color:var(--warning-d-5);}.bg-warning-l-1{background-color:var(--warning-l-1);}.bg-warning-l-2{background-color:var(--warning-l-2);}.bg-warning-l-3{background-color:var(--warning-l-3);}.bg-warning-l-4{background-color:var(--warning-l-4);}.bg-warning-l-5{background-color:var(--warning-l-5);}.text-warning{color:var(--warning);}.text-warning-5{color:var(--warning-5);}.text-warning-10{color:var(--warning-10);}.text-warning-20{color:var(--warning-20);}.text-warning-30{color:var(--warning-30);}.text-warning-40{color:var(--warning-40);}.text-warning-50{color:var(--warning-50);}.text-warning-60{color:var(--warning-60);}.text-warning-70{color:var(--warning-70);}.text-warning-80{color:var(--warning-80);}.text-warning-90{color:var(--warning-90);}.text-warning-d-1{color:var(--warning-d-1);}.text-warning-d-2{color:var(--warning-d-2);}.text-warning-d-3{color:var(--warning-d-3);}.text-warning-d-4{color:var(--warning-d-4);}.text-warning-d-5{color:var(--warning-d-5);}.text-warning-l-1{color:var(--warning-l-1);}.text-warning-l-2{color:var(--warning-l-2);}.text-warning-l-3{color:var(--warning-l-3);}.text-warning-l-4{color:var(--warning-l-4);}.text-warning-l-5{color:var(--warning-l-5);}.border-warning{border-color:var(--warning);}.border-warning-5{border-color:var(--warning-5);}.border-warning-10{border-color:var(--warning-10);}.border-warning-20{border-color:var(--warning-20);}.border-warning-30{border-color:var(--warning-30);}.border-warning-40{border-color:var(--warning-40);}.border-warning-50{border-color:var(--warning-50);}.border-warning-60{border-color:var(--warning-60);}.border-warning-70{border-color:var(--warning-70);}.border-warning-80{border-color:var(--warning-80);}.border-warning-90{border-color:var(--warning-90);}.border-warning-d-1{border-color:var(--warning-d-1);}.border-warning-d-2{border-color:var(--warning-d-2);}.border-warning-d-3{border-color:var(--warning-d-3);}.border-warning-d-4{border-color:var(--warning-d-4);}.border-warning-d-5{border-color:var(--warning-d-5);}.border-warning-l-1{border-color:var(--warning-l-1);}.border-warning-l-2{border-color:var(--warning-l-2);}.border-warning-l-3{border-color:var(--warning-l-3);}.border-warning-l-4{border-color:var(--warning-l-4);}.border-warning-l-5{border-color:var(--warning-l-5);}.bg-info{background-color:var(--info);}.bg-info-5{background-color:var(--info-5);}.bg-info-10{background-color:var(--info-10);}.bg-info-20{background-color:var(--info-20);}.bg-info-30{background-color:var(--info-30);}.bg-info-40{background-color:var(--info-40);}.bg-info-50{background-color:var(--info-50);}.bg-info-60{background-color:var(--info-60);}.bg-info-70{background-color:var(--info-70);}.bg-info-80{background-color:var(--info-80);}.bg-info-90{background-color:var(--info-90);}.bg-info-d-1{background-color:var(--info-d-1);}.bg-info-d-2{background-color:var(--info-d-2);}.bg-info-d-3{background-color:var(--info-d-3);}.bg-info-d-4{background-color:var(--info-d-4);}.bg-info-d-5{background-color:var(--info-d-5);}.bg-info-l-1{background-color:var(--info-l-1);}.bg-info-l-2{background-color:var(--info-l-2);}.bg-info-l-3{background-color:var(--info-l-3);}.bg-info-l-4{background-color:var(--info-l-4);}.bg-info-l-5{background-color:var(--info-l-5);}.text-info{color:var(--info);}.text-info-5{color:var(--info-5);}.text-info-10{color:var(--info-10);}.text-info-20{color:var(--info-20);}.text-info-30{color:var(--info-30);}.text-info-40{color:var(--info-40);}.text-info-50{color:var(--info-50);}.text-info-60{color:var(--info-60);}.text-info-70{color:var(--info-70);}.text-info-80{color:var(--info-80);}.text-info-90{color:var(--info-90);}.text-info-d-1{color:var(--info-d-1);}.text-info-d-2{color:var(--info-d-2);}.text-info-d-3{color:var(--info-d-3);}.text-info-d-4{color:var(--info-d-4);}.text-info-d-5{color:var(--info-d-5);}.text-info-l-1{color:var(--info-l-1);}.text-info-l-2{color:var(--info-l-2);}.text-info-l-3{color:var(--info-l-3);}.text-info-l-4{color:var(--info-l-4);}.text-info-l-5{color:var(--info-l-5);}.border-info{border-color:var(--info);}.border-info-5{border-color:var(--info-5);}.border-info-10{border-color:var(--info-10);}.border-info-20{border-color:var(--info-20);}.border-info-30{border-color:var(--info-30);}.border-info-40{border-color:var(--info-40);}.border-info-50{border-color:var(--info-50);}.border-info-60{border-color:var(--info-60);}.border-info-70{border-color:var(--info-70);}.border-info-80{border-color:var(--info-80);}.border-info-90{border-color:var(--info-90);}.border-info-d-1{border-color:var(--info-d-1);}.border-info-d-2{border-color:var(--info-d-2);}.border-info-d-3{border-color:var(--info-d-3);}.border-info-d-4{border-color:var(--info-d-4);}.border-info-d-5{border-color:var(--info-d-5);}.border-info-l-1{border-color:var(--info-l-1);}.border-info-l-2{border-color:var(--info-l-2);}.border-info-l-3{border-color:var(--info-l-3);}.border-info-l-4{border-color:var(--info-l-4);}.border-info-l-5{border-color:var(--info-l-5);}.padding-5xs{padding:var(--space-5xs);}.padding-4xs{padding:var(--space-4xs);}.padding-3xs{padding:var(--space-3xs);}.padding-2xs{padding:var(--space-2xs);}.padding-xs{padding:var(--space-xs);}.padding-s{padding:var(--space-s);}.padding-m{padding:var(--space-m);}.padding-l{padding:var(--space-l);}.padding-xl{padding:var(--space-xl);}.padding-2xl{padding:var(--space-2xl);}.padding-3xl{padding:var(--space-3xl);}.padding-4xl{padding:var(--space-4xl);}.padding-5xl{padding:var(--space-5xl);}.padding-left-5xs{padding-left:var(--space-5xs);}.padding-left-4xs{padding-left:var(--space-4xs);}.padding-left-3xs{padding-left:var(--space-3xs);}.padding-left-2xs{padding-left:var(--space-2xs);}.padding-left-xs{padding-left:var(--space-xs);}.padding-left-s{padding-left:var(--space-s);}.padding-left-m{padding-left:var(--space-m);}.padding-left-l{padding-left:var(--space-l);}.padding-left-xl{padding-left:var(--space-xl);}.padding-left-2xl{padding-left:var(--space-2xl);}.padding-left-3xl{padding-left:var(--space-3xl);}.padding-left-4xl{padding-left:var(--space-4xl);}.padding-left-5xl{padding-left:var(--space-5xl);}.padding-right-5xs{padding-right:var(--space-5xs);}.padding-right-4xs{padding-right:var(--space-4xs);}.padding-right-3xs{padding-right:var(--space-3xs);}.padding-right-2xs{padding-right:var(--space-2xs);}.padding-right-xs{padding-right:var(--space-xs);}.padding-right-s{padding-right:var(--space-s);}.padding-right-m{padding-right:var(--space-m);}.padding-right-l{padding-right:var(--space-l);}.padding-right-xl{padding-right:var(--space-xl);}.padding-right-2xl{padding-right:var(--space-2xl);}.padding-right-3xl{padding-right:var(--space-3xl);}.padding-right-4xl{padding-right:var(--space-4xl);}.padding-right-5xl{padding-right:var(--space-5xl);}.padding-top-5xs{padding-top:var(--space-5xs);}.padding-top-4xs{padding-top:var(--space-4xs);}.padding-top-3xs{padding-top:var(--space-3xs);}.padding-top-2xs{padding-top:var(--space-2xs);}.padding-top-xs{padding-top:var(--space-xs);}.padding-top-s{padding-top:var(--space-s);}.padding-top-m{padding-top:var(--space-m);}.padding-top-l{padding-top:var(--space-l);}.padding-top-xl{padding-top:var(--space-xl);}.padding-top-2xl{padding-top:var(--space-2xl);}.padding-top-3xl{padding-top:var(--space-3xl);}.padding-top-4xl{padding-top:var(--space-4xl);}.padding-top-5xl{padding-top:var(--space-5xl);}.padding-bottom-5xs{padding-bottom:var(--space-5xs);}.padding-bottom-4xs{padding-bottom:var(--space-4xs);}.padding-bottom-3xs{padding-bottom:var(--space-3xs);}.padding-bottom-2xs{padding-bottom:var(--space-2xs);}.padding-bottom-xs{padding-bottom:var(--space-xs);}.padding-bottom-s{padding-bottom:var(--space-s);}.padding-bottom-m{padding-bottom:var(--space-m);}.padding-bottom-l{padding-bottom:var(--space-l);}.padding-bottom-xl{padding-bottom:var(--space-xl);}.padding-bottom-2xl{padding-bottom:var(--space-2xl);}.padding-bottom-3xl{padding-bottom:var(--space-3xl);}.padding-bottom-4xl{padding-bottom:var(--space-4xl);}.padding-bottom-5xl{padding-bottom:var(--space-5xl);}.padding-horizontal-5xs{padding-left:var(--space-5xs);padding-right:var(--space-5xs);}.padding-horizontal-4xs{padding-left:var(--space-4xs);padding-right:var(--space-4xs);}.padding-horizontal-3xs{padding-left:var(--space-3xs);padding-right:var(--space-3xs);}.padding-horizontal-2xs{padding-left:var(--space-2xs);padding-right:var(--space-2xs);}.padding-horizontal-xs{padding-left:var(--space-xs);padding-right:var(--space-xs);}.padding-horizontal-s{padding-left:var(--space-s);padding-right:var(--space-s);}.padding-horizontal-m{padding-left:var(--space-m);padding-right:var(--space-m);}.padding-horizontal-l{padding-left:var(--space-l);padding-right:var(--space-l);}.padding-horizontal-xl{padding-left:var(--space-xl);padding-right:var(--space-xl);}.padding-horizontal-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl);}.padding-horizontal-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl);}.padding-horizontal-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl);}.padding-horizontal-5xl{padding-left:var(--space-5xl);padding-right:var(--space-5xl);}.padding-vertical-5xs{padding-top:var(--space-5xs);padding-bottom:var(--space-5xs);}.padding-vertical-4xs{padding-top:var(--space-4xs);padding-bottom:var(--space-4xs);}.padding-vertical-3xs{padding-top:var(--space-3xs);padding-bottom:var(--space-3xs);}.padding-vertical-2xs{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs);}.padding-vertical-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs);}.padding-vertical-s{padding-top:var(--space-s);padding-bottom:var(--space-s);}.padding-vertical-m{padding-top:var(--space-m);padding-bottom:var(--space-m);}.padding-vertical-l{padding-top:var(--space-l);padding-bottom:var(--space-l);}.padding-vertical-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl);}.padding-vertical-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);}.padding-vertical-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);}.padding-vertical-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);}.padding-vertical-5xl{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl);}.margin-5xs{margin:var(--space-5xs);}.margin-4xs{margin:var(--space-4xs);}.margin-3xs{margin:var(--space-3xs);}.margin-2xs{margin:var(--space-2xs);}.margin-xs{margin:var(--space-xs);}.margin-s{margin:var(--space-s);}.margin-m{margin:var(--space-m);}.margin-l{margin:var(--space-l);}.margin-xl{margin:var(--space-xl);}.margin-2xl{margin:var(--space-2xl);}.margin-3xl{margin:var(--space-3xl);}.margin-4xl{margin:var(--space-4xl);}.margin-5xl{margin:var(--space-5xl);}.margin-left-5xs{margin-left:var(--space-5xs);}.margin-left-4xs{margin-left:var(--space-4xs);}.margin-left-3xs{margin-left:var(--space-3xs);}.margin-left-2xs{margin-left:var(--space-2xs);}.margin-left-xs{margin-left:var(--space-xs);}.margin-left-s{margin-left:var(--space-s);}.margin-left-m{margin-left:var(--space-m);}.margin-left-l{margin-left:var(--space-l);}.margin-left-xl{margin-left:var(--space-xl);}.margin-left-2xl{margin-left:var(--space-2xl);}.margin-left-3xl{margin-left:var(--space-3xl);}.margin-left-4xl{margin-left:var(--space-4xl);}.margin-left-5xl{margin-left:var(--space-5xl);}.margin-right-5xs{margin-right:var(--space-5xs);}.margin-right-4xs{margin-right:var(--space-4xs);}.margin-right-3xs{margin-right:var(--space-3xs);}.margin-right-2xs{margin-right:var(--space-2xs);}.margin-right-xs{margin-right:var(--space-xs);}.margin-right-s{margin-right:var(--space-s);}.margin-right-m{margin-right:var(--space-m);}.margin-right-l{margin-right:var(--space-l);}.margin-right-xl{margin-right:var(--space-xl);}.margin-right-2xl{margin-right:var(--space-2xl);}.margin-right-3xl{margin-right:var(--space-3xl);}.margin-right-4xl{margin-right:var(--space-4xl);}.margin-right-5xl{margin-right:var(--space-5xl);}.margin-top-5xs{margin-top:var(--space-5xs);}.margin-top-4xs{margin-top:var(--space-4xs);}.margin-top-3xs{margin-top:var(--space-3xs);}.margin-top-2xs{margin-top:var(--space-2xs);}.margin-top-xs{margin-top:var(--space-xs);}.margin-top-s{margin-top:var(--space-s);}.margin-top-m{margin-top:var(--space-m);}.margin-top-l{margin-top:var(--space-l);}.margin-top-xl{margin-top:var(--space-xl);}.margin-top-2xl{margin-top:var(--space-2xl);}.margin-top-3xl{margin-top:var(--space-3xl);}.margin-top-4xl{margin-top:var(--space-4xl);}.margin-top-5xl{margin-top:var(--space-5xl);}.margin-bottom-5xs{margin-bottom:var(--space-5xs);}.margin-bottom-4xs{margin-bottom:var(--space-4xs);}.margin-bottom-3xs{margin-bottom:var(--space-3xs);}.margin-bottom-2xs{margin-bottom:var(--space-2xs);}.margin-bottom-xs{margin-bottom:var(--space-xs);}.margin-bottom-s{margin-bottom:var(--space-s);}.margin-bottom-m{margin-bottom:var(--space-m);}.margin-bottom-l{margin-bottom:var(--space-l);}.margin-bottom-xl{margin-bottom:var(--space-xl);}.margin-bottom-2xl{margin-bottom:var(--space-2xl);}.margin-bottom-3xl{margin-bottom:var(--space-3xl);}.margin-bottom-4xl{margin-bottom:var(--space-4xl);}.margin-bottom-5xl{margin-bottom:var(--space-5xl);}.margin-horizontal-5xs{margin-left:var(--space-5xs);margin-right:var(--space-5xs);}.margin-horizontal-4xs{margin-left:var(--space-4xs);margin-right:var(--space-4xs);}.margin-horizontal-3xs{margin-left:var(--space-3xs);margin-right:var(--space-3xs);}.margin-horizontal-2xs{margin-left:var(--space-2xs);margin-right:var(--space-2xs);}.margin-horizontal-xs{margin-left:var(--space-xs);margin-right:var(--space-xs);}.margin-horizontal-s{margin-left:var(--space-s);margin-right:var(--space-s);}.margin-horizontal-m{margin-left:var(--space-m);margin-right:var(--space-m);}.margin-horizontal-l{margin-left:var(--space-l);margin-right:var(--space-l);}.margin-horizontal-xl{margin-left:var(--space-xl);margin-right:var(--space-xl);}.margin-horizontal-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl);}.margin-horizontal-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl);}.margin-horizontal-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl);}.margin-horizontal-5xl{margin-left:var(--space-5xl);margin-right:var(--space-5xl);}.margin-vertical-5xs{margin-top:var(--space-5xs);margin-bottom:var(--space-5xs);}.margin-vertical-4xs{margin-top:var(--space-4xs);margin-bottom:var(--space-4xs);}.margin-vertical-3xs{margin-top:var(--space-3xs);margin-bottom:var(--space-3xs);}.margin-vertical-2xs{margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);}.margin-vertical-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs);}.margin-vertical-s{margin-top:var(--space-s);margin-bottom:var(--space-s);}.margin-vertical-m{margin-top:var(--space-m);margin-bottom:var(--space-m);}.margin-vertical-l{margin-top:var(--space-l);margin-bottom:var(--space-l);}.margin-vertical-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl);}.margin-vertical-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);}.margin-vertical-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);}.margin-vertical-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl);}.margin-vertical-5xl{margin-top:var(--space-5xl);margin-bottom:var(--space-5xl);}.gap-5xs{gap:var(--space-5xs);}.gap-4xs{gap:var(--space-4xs);}.gap-3xs{gap:var(--space-3xs);}.gap-2xs{gap:var(--space-2xs);}.gap-xs{gap:var(--space-xs);}.gap-s{gap:var(--space-s);}.gap-m{gap:var(--space-m);}.gap-l{gap:var(--space-l);}.gap-xl{gap:var(--space-xl);}.gap-2xl{gap:var(--space-2xl);}.gap-3xl{gap:var(--space-3xl);}.gap-4xl{gap:var(--space-4xl);}.gap-5xl{gap:var(--space-5xl);}.text-4xs{font-size:var(--text-4xs);}.text-3xs{font-size:var(--text-3xs);}.text-2xs{font-size:var(--text-2xs);}.text-xs{font-size:var(--text-xs);}.text-s{font-size:var(--text-s);}.text-m{font-size:var(--text-m);}.text-l{font-size:var(--text-l);}.text-xl{font-size:var(--text-xl);}.text-2xl{font-size:var(--text-2xl);}.text-3xl{font-size:var(--text-3xl);}.text-4xl{font-size:var(--text-4xl);}.text-5xl{font-size:var(--text-5xl);}.text-6xl{font-size:var(--text-6xl);}.muted-fg{color:var(--muted-fg);}.muted-surface-fg{color:var(--muted-surface-fg);}.muted-surface{background-color:var(--muted-surface);}.primary-fg{color:var(--primary-fg);}.primary-surface-fg{color:var(--primary-surface-fg);}.primary-surface{background-color:var(--primary-surface);}.secondary-fg{color:var(--secondary-fg);}.secondary-surface-fg{color:var(--secondary-surface-fg);}.secondary-surface{background-color:var(--secondary-surface);}.accent-fg{color:var(--accent-surface);}.accent-surface-fg{color:var(--accent-surface-fg);}.accent-surface{background-color:var(--accent-surface);}section.text-white *{color:var(--light)!important;border-color:var(--light-30)!important;}section.text-body *{color:var(--text-body)!important;}section.text-title *{color:var(--text-title)!important;}H1,.h1{font-size:var(--text-4xl);line-height:var(--line-height-xs);text-wrap:balance;font-weight:700;font-family:var(--display-font-family);text-transform:none;font-style:normal;}H2,.h2,.single-post-content h1,.brxe-text h1{font-size:var(--text-3xl);line-height:var(--line-height-s);text-wrap:balance;font-family:var(--display-font-family);font-weight:700;text-transform:none;font-style:normal;}H3,.h3,.single-post-content h2,.brxe-text h2{font-size:var(--text-2xl);line-height:var(--line-height-s);text-wrap:balance;font-family:var(--heading-font-family);font-style:normal;font-weight:700;}H4,.h4,.single-post-content h3,.brxe-text h3{font-size:var(--text-xl);line-height:var(--line-height-s);text-wrap:pretty;}H5,.h5,.single-post-content h4,.brxe-text h4{font-size:var(--text-l);line-height:var(--line-height-s);text-wrap:pretty;}.font-big{font-size:var(--text-5xl);line-height:var(--line-height-xs);}.font-huge{font-size:var(--text-6xl);line-height:var(--line-height-xs);}h3,h4,h5,h6,.h3{font-family:var(--heading-font-family);font-weight:700;font-style:normal;letter-spacing:normal;}.h4,.h5,.h6{font-family:var(--heading-font-family);font-weight:500;font-style:normal;letter-spacing:.1em;}H6,.h6{font-size:var(--text-s);line-height:var(--line-height-m);text-transform:uppercase;text-wrap:pretty;}h1.bricks-type-hero{font-size:var(--text-6xl);line-height:var(--line-height-xs);font-weight:700;}h2.bricks-type-hero{font-size:var(--text-5xl);line-height:var(--line-height-xs);font-weight:700;}h1.bricks-type-lead{font-size:var(--text-5xl);line-height:var(--line-height-s);}h2.bricks-type-lead{font-size:var(--text-4xl);line-height:var(--line-height-xs);}h3.bricks-type-lead{font-size:var(--text-3xl);line-height:var(--line-height-s);}.line-height-xs{line-height:var(--line-height-xs);}.line-height-s{line-height:var(--line-height-s);}.line-height-m{line-height:var(--line-height-m);}.line-height-l{line-height:var(--line-height-l);}.line-height-xl{line-height:var(--line-height-xl);}.italic{font-style:italic;}.bold{font-weight:bold;}.lowercase{text-transform:lowercase;}.uppercase{text-transform:uppercase;}.underline{text-decoration:underline;}.font-100{font-weight:100;}.font-200{font-weight:200;}.font-300{font-weight:300;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-600{font-weight:600;}.font-700{font-weight:700;}.font-800{font-weight:800;}.font-900{font-weight:900;}small,.small{font-size:var(--text-xs);}.bricks-type-lead{font-size:var(--text-l);}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.article-gutter-xsmall{gap:var(--article-gutter-xsmall);}.article-gutter-small{gap:var(--article-gutter-small);}.article-gutter{gap:var(--article-gutter);}.article-gutter-large{gap:var(--article-gutter-large);}.article-gutter-xlarge{gap:var(--article-gutter-xlarge);}.row{display:grid;grid-auto-flow:column;justify-content:start;}.column{display:grid;grid-auto-flow:row;justify-items:start;align-content:start;}.columns-2{display:grid;grid-template-columns:var(--columns-2);}.columns-3{display:grid;grid-template-columns:var(--columns-3);}.columns-4{display:grid;grid-template-columns:var(--columns-4);}.columns-5{display:grid;grid-template-columns:var(--columns-5);}.columns-6{display:grid;grid-template-columns:var(--columns-6);}.columns-7{display:grid;grid-template-columns:var(--columns-7);}.columns-8{display:grid;grid-template-columns:var(--columns-8);}.columns-min-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));}.columns-min-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));}.columns-min-20{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));}.columns-min-30{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));}.columns-min-40{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));}.columns-min-50{display:grid;grid-template-columns:repeat(auto-fit,minmax(50rem,1fr));}.columns-min-60{display:grid;grid-template-columns:repeat(auto-fit,minmax(60rem,1fr));}.columns-min-70{display:grid;grid-template-columns:repeat(auto-fit,minmax(70rem,1fr));}.flex-row{display:flex;flex-direction:row;}.flex-column{display:flex;flex-direction:column;}.flex-1{flex:1;}.flex-2{flex:2;}.flex-3{flex:3;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.col-span-2{grid-column:auto / span 2;}.col-span-3{grid-column:auto / span 3;}.col-span-4{grid-column:auto / span 4;}.col-span-5{grid-column:auto / span 5;}.col-span-6{grid-column:auto / span 6;}.col-span-7{grid-column:auto / span 7;}.col-span-8{grid-column:auto / span 8;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.col-start-3{grid-column-start:3;}.col-start-4{grid-column-start:4;}.col-start-5{grid-column-start:5;}.col-start-6{grid-column-start:6;}.col-start-7{grid-column-start:7;}.col-start-8{grid-column-start:8;}.row-span-2{grid-row:auto / span 2;}.row-span-3{grid-row:auto / span 3;}.row-span-4{grid-row:auto / span 4;}.row-span-5{grid-row:auto / span 5;}.row-span-6{grid-row:auto / span 6;}.row-span-7{grid-row:auto / span 7;}.row-span-8{grid-row:auto / span 8;}.items-left{justify-items:start;}.content-left{justify-content:start;}.items-center{justify-items:center;}.content-center{justify-content:center;}.items-right{justify-items:end;}.content-right{justify-content:end;}.items-top{align-items:start;}.content-top{align-content:start;}.items-middle{align-items:center;}.content-middle{align-content:center;}.items-bottom{align-items:end;}.content-bottom{align-content:end;}.items-stretch{align-items:stretch;}.content-stretch{justify-content:stretch;}.space-between{justify-content:space-between;}.space-around{justify-content:space-around;}.full-width{width:100%;}.full-height{height:100%;}.screen-width{width:100vw;}.screen-height{height:100vh;}.auto-width{width:auto;}.auto-height{height:auto;}.width-90{width:90%;}.width-80{width:80%;}.width-70{width:70%;}.width-60{width:60%;}.width-50{width:50%;}.width-40{width:40%;}.width-30{width:30%;}.width-20{width:20%;}.width-10{width:10%;}.max-site-width{max-width:var(--max-screen-width);width:100%;}.max-width-140{max-width:140rem;}.max-width-130{max-width:130rem;}.max-width-120{max-width:120rem;}.max-width-110{max-width:110rem;}.max-width-100{max-width:100rem;}.max-width-90{max-width:90rem;}.max-width-80{max-width:80rem;}.max-width-70{max-width:70rem;}.max-width-60{max-width:60rem;}.max-width-50{max-width:50rem;}.max-width-40{max-width:40rem;}.max-width-30{max-width:30rem;}.max-width-20{max-width:20rem;}.max-width-10{max-width:10rem;}.radius-xs{border-radius:var(--radius-xs);}.radius-s{border-radius:var(--radius-s);}.radius-m{border-radius:var(--radius-m);}.radius-l{border-radius:var(--radius-l);}.radius-xl{border-radius:var(--radius-xl);}.radius-full{border-radius:var(--radius-full);}.border{border-width:1px;border-style:solid;}.border-left{border-left-width:1px;border-left-style:solid;}.border-right{border-right-width:1px;border-right-style:solid;}.border-top{border-top-width:1px;border-top-style:solid;}.border-bottom{border-bottom-width:1px;border-bottom-style:solid;}.shadow-xs{box-shadow:var(--shadow-xs);}.shadow-s{box-shadow:var(--shadow-s);}.shadow-m{box-shadow:var(--shadow-m);}.shadow-l{box-shadow:var(--shadow-l);}.shadow-xl{box-shadow:var(--shadow-xl);}.opacity-0{opacity:0;}.opacity-10{opacity:0.1;}.opacity-20{opacity:0.2;}.opacity-30{opacity:0.3;}.opacity-40{opacity:0.4;}.opacity-50{opacity:0.5;}.opacity-60{opacity:0.6;}.opacity-70{opacity:0.7;}.opacity-80{opacity:0.8;}.opacity-90{opacity:0.9;}.opacity-100{opacity:1;}.aspect-1{aspect-ratio:1;}.aspect-4-3{aspect-ratio:4 / 3;}.aspect-3-4{aspect-ratio:3 / 4;}.aspect-3-2{aspect-ratio:3 / 2;}.aspect-2-3{aspect-ratio:2 / 3;}.aspect-16-9{aspect-ratio:16 / 9;}.aspect-9-16{aspect-ratio:9 / 16;}.fit-contain{object-fit:contain;}.fit-cover{object-fit:cover;}.fit-fill{object-fit:fill;}.bg-blur-xs{backdrop-filter:blur(2px);}.bg-blur-s{backdrop-filter:blur(4px);}.bg-blur-m{backdrop-filter:blur(8px);}.bg-blur-l{backdrop-filter:blur(16px);}.bg-blur-xl{backdrop-filter:blur(32px);}.grayscale{filter:grayscale(1);}.rotate-90{transform:rotate(90deg);}.rotate-180{transform:rotate(180deg);}.display-none{display:none;}.visible{visibility:visible;}.hidden{visibility:hidden;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-hidden{overflow-y:hidden;}.overflow-y-auto{overflow-y:auto;}.list-none{list-style-type:none;}.white-space-nowrap{white-space:nowrap;}.transition-global{transition:all 0.3s;}.relative{position:relative;}.absolute{position:absolute;}.sticky{position:sticky;}.fixed{position:fixed;}.inset-0{inset:0;}.bottom-0{bottom:0;}.top-0{top:0;}.left-0{left:0;}.right-0{right:0;}.pointer{cursor:pointer;}.not-allowed{cursor:not-allowed;}.cursor-auto{cursor:auto;}.no-pointer-events{pointer-events:none;}.z--1{z-index:-1;}.z-0{z-index:0;}.z-1{z-index:1;}.z-10{z-index:10;}.z-100{z-index:100;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}@media (max-width:1023px){.column--on-l{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-l{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-l{grid-template-columns:repeat(2,1fr);}.columns-3--on-l{grid-template-columns:repeat(3,1fr);}.columns-4--on-l{grid-template-columns:repeat(4,1fr);}.columns-5--on-l{grid-template-columns:repeat(5,1fr);}.columns-6--on-l{grid-template-columns:repeat(6,1fr);}.col-span-1--on-l{grid-column:auto / span 1;}.col-span-2--on-l{grid-column:auto / span 2;}.col-span-3--on-l{grid-column:auto / span 3;}.col-span-4--on-l{grid-column:auto / span 4;}.col-span-5--on-l{grid-column:auto / span 5;}.col-span-6--on-l{grid-column:auto / span 6;}.col-start-1--on-l{grid-column-start:1;}.col-start-2--on-l{grid-column-start:2;}.col-start-3--on-l{grid-column-start:3;}.col-start-4--on-l{grid-column-start:4;}.col-start-5--on-l{grid-column-start:5;}.col-start-6--on-l{grid-column-start:6;}.row-span-1--on-l{grid-row:auto / span 1;}.row-span-2--on-l{grid-row:auto / span 2;}.row-span-3--on-l{grid-row:auto / span 3;}.row-span-4--on-l{grid-row:auto / span 4;}.row-span-5--on-l{grid-row:auto / span 5;}.row-span-6--on-l{grid-row:auto / span 6;}}@media (max-width:767px){:root{--header-height:60px;}.column--on-m{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-m{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-m{grid-template-columns:repeat(2,1fr);}.columns-3--on-m{grid-template-columns:repeat(3,1fr);}.columns-4--on-m{grid-template-columns:repeat(4,1fr);}.columns-5--on-m{grid-template-columns:repeat(5,1fr);}.columns-6--on-m{grid-template-columns:repeat(6,1fr);}.col-span-1--on-m{grid-column:auto / span 1;}.col-span-2--on-m{grid-column:auto / span 2;}.col-span-3--on-m{grid-column:auto / span 3;}.col-span-4--on-m{grid-column:auto / span 4;}.col-span-5--on-m{grid-column:auto / span 5;}.col-span-6--on-m{grid-column:auto / span 6;}.col-start-1--on-m{grid-column:1;}.col-start-2--on-m{grid-column:2;}.col-start-3--on-m{grid-column:3;}.col-start-4--on-m{grid-column:4;}.col-start-5--on-m{grid-column:5;}.col-start-6--on-m{grid-column:6;}.row-span-1--on-m{grid-row:auto / span 1;}.row-span-2--on-m{grid-row:auto / span 2;}.row-span-3--on-m{grid-row:auto / span 3;}.row-span-4--on-m{grid-row:auto / span 4;}.row-span-5--on-m{grid-row:auto / span 5;}.row-span-6--on-m{grid-row:auto / span 6;}}@media (max-width:478px){.column--on-s{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-s{grid-template-columns:1fr;grid-auto-flow:column;}.columns-2--on-s{grid-template-columns:repeat(2,1fr);}.columns-3--on-s{grid-template-columns:repeat(3,1fr);}.columns-4--on-s{grid-template-columns:repeat(4,1fr);}.columns-5--on-s{grid-template-columns:repeat(5,1fr);}.columns-6--on-s{grid-template-columns:repeat(6,1fr);}.col-span-1--on-s{grid-column:auto / span 1;}.col-span-2--on-s{grid-column:auto / span 2;}.col-span-3--on-s{grid-column:auto / span 3;}.col-span-4--on-s{grid-column:auto / span 4;}.col-span-5--on-s{grid-column:auto / span 5;}.col-span-6--on-s{grid-column:auto / span 6;}.col-start-1--on-s{grid-column-start:1;}.col-start-2--on-s{grid-column-start:2;}.col-start-3--on-s{grid-column-start:3;}.col-start-4--on-s{grid-column-start:4;}.col-start-5--on-s{grid-column-start:5;}.col-start-6--on-s{grid-column-start:6;}.row-span-1--on-s{grid-row:auto / span 1;}.row-span-2--on-s{grid-row:auto / span 2;}.row-span-3--on-s{grid-row:auto / span 3;}.row-span-4--on-s{grid-row:auto / span 4;}.row-span-5--on-s{grid-row:auto / span 5;}.row-span-6--on-s{grid-row:auto / span 6;}}@media (min-width:1536px){h1.bricks-type-hero{font-size:var(--text-6xl);}.column--on-xl{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-xl{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-xl{grid-template-columns:repeat(2,1fr);}.columns-3--on-xl{grid-template-columns:repeat(3,1fr);}.columns-4--on-xl{grid-template-columns:repeat(4,1fr);}.columns-5--on-xl{grid-template-columns:repeat(5,1fr);}.columns-6--on-xl{grid-template-columns:repeat(6,1fr);}.col-span-1--on-xl{grid-column:auto / span 1;}.col-span-2--on-xl{grid-column:auto / span 2;}.col-span-3--on-xl{grid-column:auto / span 3;}.col-span-4--on-xl{grid-column:auto / span 4;}.col-span-5--on-xl{grid-column:auto / span 5;}.col-span-6--on-xl{grid-column:auto / span 6;}.col-start-1--on-xl{grid-column-start:1;}.col-start-2--on-xl{grid-column-start:2;}.col-start-3--on-xl{grid-column-start:3;}.col-start-4--on-xl{grid-column-start:4;}.col-start-5--on-xl{grid-column-start:5;}.col-start-6--on-xl{grid-column-start:6;}.row-span-1--on-xl{grid-row:auto / span 1;}.row-span-2--on-xl{grid-row:auto / span 2;}.row-span-3--on-xl{grid-row:auto / span 3;}.row-span-4--on-xl{grid-row:auto / span 4;}.row-span-5--on-xl{grid-row:auto / span 5;}.row-span-6--on-xl{grid-row:auto / span 6;}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:0s !important;transition-delay:0s !important;}}