:root {
    --briks-unit: px;
    --briks-components-prefix: my-;
    --briks-modifiers-prefix: mod-;
    --briks-utilities-prefix: u-;
    --briks-luminance-threshold: .5;
    --briks-luminance-method: 3;
    --briks-color-primary: #BA9856;
    --briks-color-primary-alt: #e0b662;
    --briks-color-primary-max: #fff;
    --briks-color-neutral: #6D6D6D;
    --briks-color-neutral-light-max: #fff;
    --briks-color-neutral-light-4: #F7F7F7;
    --briks-color-neutral-light-3: #F1F1F1;
    --briks-color-neutral-light-2: #EAEAEA;
    --briks-color-neutral-light-1: #999;
    --briks-color-neutral-dark-1: #4B4B4B;
    --briks-color-neutral-dark-2: #3C3A3D;
    --briks-color-neutral-dark-3: #232323;
    --briks-color-neutral-dark-4: #1F1F1F;
    --briks-color-neutral-dark-max: #000;
    --briks-color-plain-1: #9AB1B6;
    --briks-color-plain-2: #9B8B85;
    --briks-color-plain-3: #5E88A2;
    --briks-color-translucid-dark-max: rgba(0, 0, 0, 0.05);
    --briks-color-translucid-dark-4: rgba(0, 0, 0, 0.1);
    --briks-color-translucid-dark-3: rgba(0, 0, 0, 0.15);
    --briks-color-translucid-dark-2: rgba(0, 0, 0, 0.2);
    --briks-color-translucid-dark-1: rgba(0, 0, 0, 0.5);
    --briks-color-translucid-dark-min: rgba(0, 0, 0, 0.75);
    --briks-color-translucid-mid-max: rgba(150, 150, 150, 0.2);
    --briks-color-translucid-mid: rgba(145, 145, 145, 0.4);
    --briks-color-translucid-mid-min: rgba(220, 220, 220, 0.6);
    --briks-color-translucid-light-1: rgba(255, 255, 255, 0.8);
    --briks-color-translucid-light-max: rgba(255, 255, 255, 0.92);
    --briks-color-support-success: #1aab7f;
    --briks-color-support-warning: #d89210;
    --briks-color-support-danger: #b4170c;
    --briks-color-translucid-primary: rgba(186, 152, 86, 0.3);
    --briks-color-translucid-support-success: rgba(26, 171, 127, 0.3);
    --briks-color-translucid-support-warning: rgba(216, 146, 16, 0.3);
    --briks-color-translucid-support-danger: rgba(180, 23, 12, 0.3);
    --briks-color-transparent: rgba(0, 0, 0, 0);
    --briks-screen-size-sm: 0px;
    --briks-screen-size-md: 768px;
    --briks-screen-size-lg: 1024px;
    --briks-screen-size-xl: 1440px;
    --briks-font-family_type_lead-bold-max: local;
    --briks-font-family-lead-bold-max: Montserrat-Bold, sans-serif;
    --briks-font-family_filename_lead-bold-max: Montserrat-Bold;
    --briks-font-family_type_lead-bold-2: local;
    --briks-font-family-lead-bold-2: Montserrat-Bold, sans-serif;
    --briks-font-family_filename_lead-bold-2: Montserrat-SemiBold;
    --briks-font-family_type_lead-bold-1: local;
    --briks-font-family-lead-bold-1: Montserrat-SemiBold, sans-serif;
    --briks-font-family_filename_lead-bold-1: Montserrat-SemiBold;
    --briks-font-family_type_lead: local;
    --briks-font-family-lead: Montserrat-Regular, sans-serif;
    --briks-font-family_filename_lead: Montserrat-Regular;
    --briks-font-family_type_lead-light-min: local;
    --briks-font-family-lead-light-min: Montserrat-Regular;
    --briks-font-family_filename_lead-light-min: Montserrat-Regular;
    --briks-font-size-xxxs: 8px;
    --briks-font-size-xxs: 10px;
    --briks-font-size-xs: 11px;
    --briks-font-size-sm3: 12px;
    --briks-font-size-sm2: 14px;
    --briks-font-size-sm: 16px;
    --briks-font-size-md: 20px;
    --briks-font-size-lg: 24px;
    --briks-font-size-lg2: 32px;
    --briks-font-size-lg3: 45px;
    --briks-font-size-xl: 56px;
    --briks-font-size-xxl: 73px;
    --briks-spacing-none: 0px;
    --briks-spacing-xxs: 5px;
    --briks-spacing-xs: 10px;
    --briks-spacing-sm: 16px;
    --briks-spacing-md: 30px;
    --briks-spacing-lg: 40px;
    --briks-spacing-xl: 70px;
    --briks-spacing-xxl: 120px;
    --briks-border-none: none;
    --briks-border-large-primary: 4px solid var(--briks-color-primary, #BA9856);
    --briks-border-large-primary-alt: 4px solid var(--briks-color-primary-alt, #e0b662);
    --briks-border-medium-primary: 2px solid var(--briks-color-primary, #BA9856);
    --briks-border-medium-primary-alt: 2px solid var(--briks-color-primary-alt, #e0b662);
    --briks-border-medium-neutral-light-max: 2px solid var(--briks-color-neutral-light-max, #fff);
    --briks-border-medium-neutral-dark-1: 2px solid var(--briks-color-neutral-dark-1, #4B4B4B);
    --briks-border-thin-neutral-light-max: 1px solid var(--briks-color-neutral-light-max, #fff);
    --briks-border-thin-primary: 1px solid var(--briks-color-primary, #BA9856);
    --briks-border-thin-translucid: 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4));
    --briks-border-thin-translucid-dashed: 1px dashed var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4));
    --briks-border-thin-translucid-2: 1px solid var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6));
    --briks-border-thin-neutral-light: 1px solid var(--briks-color-neutral-light-1, #999);
    --briks-border-thin-neutral-light-2: 1px solid var(--briks-color-neutral-light-2, #EAEAEA);
    --briks-border-thin-neutral: 1px solid var(--briks-color-neutral, #6D6D6D);
    --briks-border-thin-neutral-transparent: 1px solid transparent;
    --briks-border-thin-neutral-dark: 1px solid var(--briks-color-neutral-dark-1, #4B4B4B);
    --briks-border-thin-support-success: 1px solid var(--briks-color-support-success, #1aab7f);
    --briks-border-thin-support-warning: 1px solid var(--briks-color-support-warning, #d89210);
    --briks-border-thin-support-danger: 1px solid var(--briks-color-support-danger, #b4170c);
    --briks-border-radius-none: 0px;
    --briks-border-radius-xs: 4px;
    --briks-border-radius-sm: 6px;
    --briks-border-radius-md: 12px;
    --briks-border-radius-xl: 256px;
    --briks-shadow-1: 0px 0px 10px 0px var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1));
    --briks-shadow-1-soft: 0px 0px 7px 0px var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1));
    --briks-shadow-1-bottom: 0px 10px 10px 0px var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1));
    --briks-shadow-1-plain: 0px 0px 12px 2px var(--briks-color-plain-1, #9AB1B6);
    --briks-shadow-2: 0px 20px 20px 0px var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4));
    --briks-shadow-3: 0px 0px 3px 1px var(--briks-color-translucid-dark-3, rgba(0, 0, 0, 0.15));
    --briks-shadow-focus: 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2));
    --briks-shadow-focus-primary: 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3));
    --briks-shadow-focus-success: 0 0 0px 3px var(--briks-color-translucid-support-success, rgba(26, 171, 127, 0.3));
    --briks-shadow-focus-warning: 0 0 0px 3px var(--briks-color-translucid-support-warning, rgba(216, 146, 16, 0.3));
    --briks-shadow-focus-danger: 0 0 0px 3px var(--briks-color-translucid-support-danger, rgba(180, 23, 12, 0.3));
    --briks-background-gradient-1-vertical: linear-gradient(0deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%);
    --briks-background-gradient-1-vertical-reverse: linear-gradient(0deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%);
    --briks-background-gradient-2-vertical: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    --briks-background-gradient-2-vertical-reverse: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    --briks-background-select-dark: right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-xxs, 10px) no-repeat var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5)) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjEzMyAwTDE2IDEuODY3bC04IDgtOC04TDEuODY3IDAgOCA2LjEzM3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    --briks-background-select-light: right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-sm2, 14px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/chevron-down.svg);
    --briks-background-select-light-borderless: right 0% top 50%/var(--briks-font-size-sm2, 14px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/chevron-down.svg);
    --briks-background-omnisearch: right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/mic.svg);
    --briks-background-search: left var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/search.svg);
    --briks-background-horaires: right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/horaires.svg);
    --briks-background-calendar: right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/calendar.svg);
    --briks-background-map: right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/map.svg)
}

@keyframes slidein {
    from {
        transform: translateX(100%)
    }
    to {
        transform: translateX(0)
    }
}

.u-anim-firstname {
    animation: firstname 1s infinite alternate !important
}

.u-anim-secondname {
    animation: secondname 3s infinite alternate !important
}

.u-anim-slidein {
    animation: slidein 300ms normal both !important
}

.u-bg-gradient-1-vertical {
    background: var(--briks-background-gradient-1-vertical, linear-gradient(0deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%)) !important
}

.u-bg-gradient-1-vertical-reverse {
    background: var(--briks-background-gradient-1-vertical-reverse, linear-gradient(0deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%)) !important
}

.u-bg-gradient-2-vertical {
    background: var(--briks-background-gradient-2-vertical, linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 100%)) !important
}

.u-bg-gradient-2-vertical-reverse {
    background: var(--briks-background-gradient-2-vertical-reverse, linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%)) !important
}

.u-bg-select-dark {
    background: var(--briks-background-select-dark, right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-xxs, 10px) no-repeat var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5)) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjEzMyAwTDE2IDEuODY3bC04IDgtOC04TDEuODY3IDAgOCA2LjEzM3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)) !important
}

.u-bg-select-light {
    background: var(--briks-background-select-light, right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-sm2, 14px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/chevron-down.svg)) !important
}

.u-bg-select-light-borderless {
    background: var(--briks-background-select-light-borderless, right 0% top 50%/var(--briks-font-size-sm2, 14px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/chevron-down.svg)) !important
}

.u-bg-omnisearch {
    background: var(--briks-background-omnisearch, right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/mic.svg)) !important
}

.u-bg-search {
    background: var(--briks-background-search, left var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/search.svg)) !important
}

.u-bg-horaires {
    background: var(--briks-background-horaires, right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/horaires.svg)) !important
}

.u-bg-calendar {
    background: var(--briks-background-calendar, right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/calendar.svg)) !important
}

.u-bg-map {
    background: var(--briks-background-map, right var(--briks-spacing-sm, 16px) top 50%/var(--briks-font-size-md, 20px) no-repeat var(--briks-color-neutral-light-max, #fff) url(../../img/icons/SVG/map.svg)) !important
}

.u-cover {
    background-size: cover !important
}

.u-contain {
    background-size: contain !important
}

.u-brad-none {
    border-radius: var(--briks-border-radius-none, 0px) !important
}

.u-brad-xs {
    border-radius: var(--briks-border-radius-xs, 4px) !important
}

.u-brad-sm {
    border-radius: var(--briks-border-radius-sm, 6px) !important
}

.u-brad-md {
    border-radius: var(--briks-border-radius-md, 12px) !important
}

.u-brad-xl {
    border-radius: var(--briks-border-radius-xl, 256px) !important
}









.u-bradtl-none {
    border-top-left-radius: var(--briks-border-radius-none, 0px) !important
}

.u-bradtl-xs {
    border-top-left-radius: var(--briks-border-radius-xs, 4px) !important
}

.u-bradtl-sm {
    border-top-left-radius: var(--briks-border-radius-sm, 6px) !important
}

.u-bradtl-md {
    border-top-left-radius: var(--briks-border-radius-md, 12px) !important
}

.u-bradtl-xl {
    border-top-left-radius: var(--briks-border-radius-xl, 256px) !important
}









.u-bradtr-none {
    border-top-right-radius: var(--briks-border-radius-none, 0px) !important
}

.u-bradtr-xs {
    border-top-right-radius: var(--briks-border-radius-xs, 4px) !important
}

.u-bradtr-sm {
    border-top-right-radius: var(--briks-border-radius-sm, 6px) !important
}

.u-bradtr-md {
    border-top-right-radius: var(--briks-border-radius-md, 12px) !important
}

.u-bradtr-xl {
    border-top-right-radius: var(--briks-border-radius-xl, 256px) !important
}









.u-bradbr-none {
    border-bottom-right-radius: var(--briks-border-radius-none, 0px) !important
}

.u-bradbr-xs {
    border-bottom-right-radius: var(--briks-border-radius-xs, 4px) !important
}

.u-bradbr-sm {
    border-bottom-right-radius: var(--briks-border-radius-sm, 6px) !important
}

.u-bradbr-md {
    border-bottom-right-radius: var(--briks-border-radius-md, 12px) !important
}

.u-bradbr-xl {
    border-bottom-right-radius: var(--briks-border-radius-xl, 256px) !important
}









.u-bradbl-none {
    border-bottom-left-radius: var(--briks-border-radius-none, 0px) !important
}

.u-bradbl-xs {
    border-bottom-left-radius: var(--briks-border-radius-xs, 4px) !important
}

.u-bradbl-sm {
    border-bottom-left-radius: var(--briks-border-radius-sm, 6px) !important
}

.u-bradbl-md {
    border-bottom-left-radius: var(--briks-border-radius-md, 12px) !important
}

.u-bradbl-xl {
    border-bottom-left-radius: var(--briks-border-radius-xl, 256px) !important
}









.u-b-none {
    border: var(--briks-border-none, none) !important
}

.u-b-large-primary {
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856)) !important
}

.u-b-large-primary-alt {
    border: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-b-medium-primary {
    border: var(--briks-border-medium-primary, 2px solid var(--briks-color-primary, #BA9856)) !important
}

.u-b-medium-primary-alt {
    border: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-b-medium-neutral-light-max {
    border: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-b-medium-neutral-dark-1 {
    border: var(--briks-border-medium-neutral-dark-1, 2px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-b-thin-neutral-light-max {
    border: var(--briks-border-thin-neutral-light-max, 1px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-b-thin-primary {
    border: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856)) !important
}

.u-b-thin-translucid {
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-b-thin-translucid-dashed {
    border: var(--briks-border-thin-translucid-dashed, 1px dashed var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-b-thin-translucid-2 {
    border: var(--briks-border-thin-translucid-2, 1px solid var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6))) !important
}

.u-b-thin-neutral-light {
    border: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999)) !important
}

.u-b-thin-neutral-light-2 {
    border: var(--briks-border-thin-neutral-light-2, 1px solid var(--briks-color-neutral-light-2, #EAEAEA)) !important
}

.u-b-thin-neutral {
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D)) !important
}

.u-b-thin-neutral-transparent {
    border: var(--briks-border-thin-neutral-transparent, 1px solid transparent) !important
}

.u-b-thin-neutral-dark {
    border: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-b-thin-support-success {
    border: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f)) !important
}

.u-b-thin-support-warning {
    border: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210)) !important
}

.u-b-thin-support-danger {
    border: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c)) !important
}

.u-bt-none {
    border-top: var(--briks-border-none, none) !important
}

.u-bt-large-primary {
    border-top: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bt-large-primary-alt {
    border-top: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-bt-medium-primary {
    border-top: var(--briks-border-medium-primary, 2px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bt-medium-primary-alt {
    border-top: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-bt-medium-neutral-light-max {
    border-top: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-bt-medium-neutral-dark-1 {
    border-top: var(--briks-border-medium-neutral-dark-1, 2px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-bt-thin-neutral-light-max {
    border-top: var(--briks-border-thin-neutral-light-max, 1px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-bt-thin-primary {
    border-top: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bt-thin-translucid {
    border-top: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bt-thin-translucid-dashed {
    border-top: var(--briks-border-thin-translucid-dashed, 1px dashed var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bt-thin-translucid-2 {
    border-top: var(--briks-border-thin-translucid-2, 1px solid var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6))) !important
}

.u-bt-thin-neutral-light {
    border-top: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999)) !important
}

.u-bt-thin-neutral-light-2 {
    border-top: var(--briks-border-thin-neutral-light-2, 1px solid var(--briks-color-neutral-light-2, #EAEAEA)) !important
}

.u-bt-thin-neutral {
    border-top: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D)) !important
}

.u-bt-thin-neutral-transparent {
    border-top: var(--briks-border-thin-neutral-transparent, 1px solid transparent) !important
}

.u-bt-thin-neutral-dark {
    border-top: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-bt-thin-support-success {
    border-top: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f)) !important
}

.u-bt-thin-support-warning {
    border-top: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210)) !important
}

.u-bt-thin-support-danger {
    border-top: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c)) !important
}









.u-br-none {
    border-right: var(--briks-border-none, none) !important
}

.u-br-large-primary {
    border-right: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856)) !important
}

.u-br-large-primary-alt {
    border-right: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-br-medium-primary {
    border-right: var(--briks-border-medium-primary, 2px solid var(--briks-color-primary, #BA9856)) !important
}

.u-br-medium-primary-alt {
    border-right: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-br-medium-neutral-light-max {
    border-right: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-br-medium-neutral-dark-1 {
    border-right: var(--briks-border-medium-neutral-dark-1, 2px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-br-thin-neutral-light-max {
    border-right: var(--briks-border-thin-neutral-light-max, 1px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-br-thin-primary {
    border-right: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856)) !important
}

.u-br-thin-translucid {
    border-right: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-br-thin-translucid-dashed {
    border-right: var(--briks-border-thin-translucid-dashed, 1px dashed var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-br-thin-translucid-2 {
    border-right: var(--briks-border-thin-translucid-2, 1px solid var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6))) !important
}

.u-br-thin-neutral-light {
    border-right: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999)) !important
}

.u-br-thin-neutral-light-2 {
    border-right: var(--briks-border-thin-neutral-light-2, 1px solid var(--briks-color-neutral-light-2, #EAEAEA)) !important
}

.u-br-thin-neutral {
    border-right: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D)) !important
}

.u-br-thin-neutral-transparent {
    border-right: var(--briks-border-thin-neutral-transparent, 1px solid transparent) !important
}

.u-br-thin-neutral-dark {
    border-right: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-br-thin-support-success {
    border-right: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f)) !important
}

.u-br-thin-support-warning {
    border-right: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210)) !important
}

.u-br-thin-support-danger {
    border-right: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c)) !important
}









.u-bb-none {
    border-bottom: var(--briks-border-none, none) !important
}

.u-bb-large-primary {
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bb-large-primary-alt {
    border-bottom: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-bb-medium-primary {
    border-bottom: var(--briks-border-medium-primary, 2px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bb-medium-primary-alt {
    border-bottom: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-bb-medium-neutral-light-max {
    border-bottom: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-bb-medium-neutral-dark-1 {
    border-bottom: var(--briks-border-medium-neutral-dark-1, 2px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-bb-thin-neutral-light-max {
    border-bottom: var(--briks-border-thin-neutral-light-max, 1px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-bb-thin-primary {
    border-bottom: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bb-thin-translucid {
    border-bottom: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bb-thin-translucid-dashed {
    border-bottom: var(--briks-border-thin-translucid-dashed, 1px dashed var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bb-thin-translucid-2 {
    border-bottom: var(--briks-border-thin-translucid-2, 1px solid var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6))) !important
}

.u-bb-thin-neutral-light {
    border-bottom: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999)) !important
}

.u-bb-thin-neutral-light-2 {
    border-bottom: var(--briks-border-thin-neutral-light-2, 1px solid var(--briks-color-neutral-light-2, #EAEAEA)) !important
}

.u-bb-thin-neutral {
    border-bottom: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D)) !important
}

.u-bb-thin-neutral-transparent {
    border-bottom: var(--briks-border-thin-neutral-transparent, 1px solid transparent) !important
}

.u-bb-thin-neutral-dark {
    border-bottom: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-bb-thin-support-success {
    border-bottom: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f)) !important
}

.u-bb-thin-support-warning {
    border-bottom: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210)) !important
}

.u-bb-thin-support-danger {
    border-bottom: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c)) !important
}









.u-bl-none {
    border-left: var(--briks-border-none, none) !important
}

.u-bl-large-primary {
    border-left: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bl-large-primary-alt {
    border-left: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-bl-medium-primary {
    border-left: var(--briks-border-medium-primary, 2px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bl-medium-primary-alt {
    border-left: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662)) !important
}

.u-bl-medium-neutral-light-max {
    border-left: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-bl-medium-neutral-dark-1 {
    border-left: var(--briks-border-medium-neutral-dark-1, 2px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-bl-thin-neutral-light-max {
    border-left: var(--briks-border-thin-neutral-light-max, 1px solid var(--briks-color-neutral-light-max, #fff)) !important
}

.u-bl-thin-primary {
    border-left: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856)) !important
}

.u-bl-thin-translucid {
    border-left: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bl-thin-translucid-dashed {
    border-left: var(--briks-border-thin-translucid-dashed, 1px dashed var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bl-thin-translucid-2 {
    border-left: var(--briks-border-thin-translucid-2, 1px solid var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6))) !important
}

.u-bl-thin-neutral-light {
    border-left: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999)) !important
}

.u-bl-thin-neutral-light-2 {
    border-left: var(--briks-border-thin-neutral-light-2, 1px solid var(--briks-color-neutral-light-2, #EAEAEA)) !important
}

.u-bl-thin-neutral {
    border-left: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D)) !important
}

.u-bl-thin-neutral-transparent {
    border-left: var(--briks-border-thin-neutral-transparent, 1px solid transparent) !important
}

.u-bl-thin-neutral-dark {
    border-left: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B)) !important
}

.u-bl-thin-support-success {
    border-left: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f)) !important
}

.u-bl-thin-support-warning {
    border-left: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210)) !important
}

.u-bl-thin-support-danger {
    border-left: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c)) !important
}









.u-c-primary {
    color: var(--briks-color-primary, #BA9856) !important
}

.u-c-primary-alt {
    color: var(--briks-color-primary-alt, #e0b662) !important
}

.u-c-primary-max {
    color: var(--briks-color-primary-max, #fff) !important
}

.u-c-neutral {
    color: var(--briks-color-neutral, #6D6D6D) !important
}

.u-c-neutral-light-max {
    color: var(--briks-color-neutral-light-max, #fff) !important
}

.u-c-neutral-light-4 {
    color: var(--briks-color-neutral-light-4, #F7F7F7) !important
}

.u-c-neutral-light-3 {
    color: var(--briks-color-neutral-light-3, #F1F1F1) !important
}

.u-c-neutral-light-2 {
    color: var(--briks-color-neutral-light-2, #EAEAEA) !important
}

.u-c-neutral-light-1 {
    color: var(--briks-color-neutral-light-1, #999) !important
}

.u-c-neutral-dark-1 {
    color: var(--briks-color-neutral-dark-1, #4B4B4B) !important
}

.u-c-neutral-dark-2 {
    color: var(--briks-color-neutral-dark-2, #3C3A3D) !important
}

.u-c-neutral-dark-3 {
    color: var(--briks-color-neutral-dark-3, #232323) !important
}

.u-c-neutral-dark-4 {
    color: var(--briks-color-neutral-dark-4, #1F1F1F) !important
}

.u-c-neutral-dark-max {
    color: var(--briks-color-neutral-dark-max, #000) !important
}

.u-c-plain-1 {
    color: var(--briks-color-plain-1, #9AB1B6) !important
}

.u-c-plain-2 {
    color: var(--briks-color-plain-2, #9B8B85) !important
}

.u-c-plain-3 {
    color: var(--briks-color-plain-3, #5E88A2) !important
}

.u-c-translucid-dark-max {
    color: var(--briks-color-translucid-dark-max, rgba(0, 0, 0, 0.05)) !important
}

.u-c-translucid-dark-4 {
    color: var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1)) !important
}

.u-c-translucid-dark-3 {
    color: var(--briks-color-translucid-dark-3, rgba(0, 0, 0, 0.15)) !important
}

.u-c-translucid-dark-2 {
    color: var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)) !important
}

.u-c-translucid-dark-1 {
    color: var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5)) !important
}

.u-c-translucid-dark-min {
    color: var(--briks-color-translucid-dark-min, rgba(0, 0, 0, 0.75)) !important
}

.u-c-translucid-mid-max {
    color: var(--briks-color-translucid-mid-max, rgba(150, 150, 150, 0.2)) !important
}

.u-c-translucid-mid {
    color: var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)) !important
}

.u-c-translucid-mid-min {
    color: var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6)) !important
}

.u-c-translucid-light-1 {
    color: var(--briks-color-translucid-light-1, rgba(255, 255, 255, 0.8)) !important
}

.u-c-translucid-light-max {
    color: var(--briks-color-translucid-light-max, rgba(255, 255, 255, 0.92)) !important
}

.u-c-support-success {
    color: var(--briks-color-support-success, #1aab7f) !important
}

.u-c-support-warning {
    color: var(--briks-color-support-warning, #d89210) !important
}

.u-c-support-danger {
    color: var(--briks-color-support-danger, #b4170c) !important
}

.u-c-translucid-primary {
    color: var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)) !important
}

.u-c-translucid-support-success {
    color: var(--briks-color-translucid-support-success, rgba(26, 171, 127, 0.3)) !important
}

.u-c-translucid-support-warning {
    color: var(--briks-color-translucid-support-warning, rgba(216, 146, 16, 0.3)) !important
}

.u-c-translucid-support-danger {
    color: var(--briks-color-translucid-support-danger, rgba(180, 23, 12, 0.3)) !important
}

.u-c-transparent {
    color: var(--briks-color-transparent, rgba(0, 0, 0, 0)) !important
}

.u-bc-primary {
    background-color: var(--briks-color-primary, #BA9856) !important
}

.u-bc-primary\:hover:hover {
    background-color: var(--briks-color-primary, #BA9856) !important
}

.u-bc-primary-alt {
    background-color: var(--briks-color-primary-alt, #e0b662) !important
}

.u-bc-primary-alt\:hover:hover {
    background-color: var(--briks-color-primary-alt, #e0b662) !important
}

.u-bc-primary-max {
    background-color: var(--briks-color-primary-max, #fff) !important
}

.u-bc-primary-max\:hover:hover {
    background-color: var(--briks-color-primary-max, #fff) !important
}

.u-bc-neutral {
    background-color: var(--briks-color-neutral, #6D6D6D) !important
}

.u-bc-neutral\:hover:hover {
    background-color: var(--briks-color-neutral, #6D6D6D) !important
}

.u-bc-neutral-light-max {
    background-color: var(--briks-color-neutral-light-max, #fff) !important
}

.u-bc-neutral-light-max\:hover:hover {
    background-color: var(--briks-color-neutral-light-max, #fff) !important
}

.u-bc-neutral-light-4 {
    background-color: var(--briks-color-neutral-light-4, #F7F7F7) !important
}

.u-bc-neutral-light-4\:hover:hover {
    background-color: var(--briks-color-neutral-light-4, #F7F7F7) !important
}

.u-bc-neutral-light-3 {
    background-color: var(--briks-color-neutral-light-3, #F1F1F1) !important
}

.u-bc-neutral-light-3\:hover:hover {
    background-color: var(--briks-color-neutral-light-3, #F1F1F1) !important
}

.u-bc-neutral-light-2 {
    background-color: var(--briks-color-neutral-light-2, #EAEAEA) !important
}

.u-bc-neutral-light-2\:hover:hover {
    background-color: var(--briks-color-neutral-light-2, #EAEAEA) !important
}

.u-bc-neutral-light-1 {
    background-color: var(--briks-color-neutral-light-1, #999) !important
}

.u-bc-neutral-light-1\:hover:hover {
    background-color: var(--briks-color-neutral-light-1, #999) !important
}

.u-bc-neutral-dark-1 {
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B) !important
}

.u-bc-neutral-dark-1\:hover:hover {
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B) !important
}

.u-bc-neutral-dark-2 {
    background-color: var(--briks-color-neutral-dark-2, #3C3A3D) !important
}

.u-bc-neutral-dark-2\:hover:hover {
    background-color: var(--briks-color-neutral-dark-2, #3C3A3D) !important
}

.u-bc-neutral-dark-3 {
    background-color: var(--briks-color-neutral-dark-3, #232323) !important
}

.u-bc-neutral-dark-3\:hover:hover {
    background-color: var(--briks-color-neutral-dark-3, #232323) !important
}

.u-bc-neutral-dark-4 {
    background-color: var(--briks-color-neutral-dark-4, #1F1F1F) !important
}

.u-bc-neutral-dark-4\:hover:hover {
    background-color: var(--briks-color-neutral-dark-4, #1F1F1F) !important
}

.u-bc-neutral-dark-max {
    background-color: var(--briks-color-neutral-dark-max, #000) !important
}

.u-bc-neutral-dark-max\:hover:hover {
    background-color: var(--briks-color-neutral-dark-max, #000) !important
}

.u-bc-plain-1 {
    background-color: var(--briks-color-plain-1, #9AB1B6) !important
}

.u-bc-plain-1\:hover:hover {
    background-color: var(--briks-color-plain-1, #9AB1B6) !important
}

.u-bc-plain-2 {
    background-color: var(--briks-color-plain-2, #9B8B85) !important
}

.u-bc-plain-2\:hover:hover {
    background-color: var(--briks-color-plain-2, #9B8B85) !important
}

.u-bc-plain-3 {
    background-color: var(--briks-color-plain-3, #5E88A2) !important
}

.u-bc-plain-3\:hover:hover {
    background-color: var(--briks-color-plain-3, #5E88A2) !important
}

.u-bc-translucid-dark-max {
    background-color: var(--briks-color-translucid-dark-max, rgba(0, 0, 0, 0.05)) !important
}

.u-bc-translucid-dark-max\:hover:hover {
    background-color: var(--briks-color-translucid-dark-max, rgba(0, 0, 0, 0.05)) !important
}

.u-bc-translucid-dark-4 {
    background-color: var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1)) !important
}

.u-bc-translucid-dark-4\:hover:hover {
    background-color: var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1)) !important
}

.u-bc-translucid-dark-3 {
    background-color: var(--briks-color-translucid-dark-3, rgba(0, 0, 0, 0.15)) !important
}

.u-bc-translucid-dark-3\:hover:hover {
    background-color: var(--briks-color-translucid-dark-3, rgba(0, 0, 0, 0.15)) !important
}

.u-bc-translucid-dark-2 {
    background-color: var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)) !important
}

.u-bc-translucid-dark-2\:hover:hover {
    background-color: var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)) !important
}

.u-bc-translucid-dark-1 {
    background-color: var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5)) !important
}

.u-bc-translucid-dark-1\:hover:hover {
    background-color: var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5)) !important
}

.u-bc-translucid-dark-min {
    background-color: var(--briks-color-translucid-dark-min, rgba(0, 0, 0, 0.75)) !important
}

.u-bc-translucid-dark-min\:hover:hover {
    background-color: var(--briks-color-translucid-dark-min, rgba(0, 0, 0, 0.75)) !important
}

.u-bc-translucid-mid-max {
    background-color: var(--briks-color-translucid-mid-max, rgba(150, 150, 150, 0.2)) !important
}

.u-bc-translucid-mid-max\:hover:hover {
    background-color: var(--briks-color-translucid-mid-max, rgba(150, 150, 150, 0.2)) !important
}

.u-bc-translucid-mid {
    background-color: var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)) !important
}

.u-bc-translucid-mid\:hover:hover {
    background-color: var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)) !important
}

.u-bc-translucid-mid-min {
    background-color: var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6)) !important
}

.u-bc-translucid-mid-min\:hover:hover {
    background-color: var(--briks-color-translucid-mid-min, rgba(220, 220, 220, 0.6)) !important
}

.u-bc-translucid-light-1 {
    background-color: var(--briks-color-translucid-light-1, rgba(255, 255, 255, 0.8)) !important
}

.u-bc-translucid-light-1\:hover:hover {
    background-color: var(--briks-color-translucid-light-1, rgba(255, 255, 255, 0.8)) !important
}

.u-bc-translucid-light-max {
    background-color: var(--briks-color-translucid-light-max, rgba(255, 255, 255, 0.92)) !important
}

.u-bc-translucid-light-max\:hover:hover {
    background-color: var(--briks-color-translucid-light-max, rgba(255, 255, 255, 0.92)) !important
}

.u-bc-support-success {
    background-color: var(--briks-color-support-success, #1aab7f) !important
}

.u-bc-support-success\:hover:hover {
    background-color: var(--briks-color-support-success, #1aab7f) !important
}

.u-bc-support-warning {
    background-color: var(--briks-color-support-warning, #d89210) !important
}

.u-bc-support-warning\:hover:hover {
    background-color: var(--briks-color-support-warning, #d89210) !important
}

.u-bc-support-danger {
    background-color: var(--briks-color-support-danger, #b4170c) !important
}

.u-bc-support-danger\:hover:hover {
    background-color: var(--briks-color-support-danger, #b4170c) !important
}

.u-bc-translucid-primary {
    background-color: var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)) !important
}

.u-bc-translucid-primary\:hover:hover {
    background-color: var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)) !important
}

.u-bc-translucid-support-success {
    background-color: var(--briks-color-translucid-support-success, rgba(26, 171, 127, 0.3)) !important
}

.u-bc-translucid-support-success\:hover:hover {
    background-color: var(--briks-color-translucid-support-success, rgba(26, 171, 127, 0.3)) !important
}

.u-bc-translucid-support-warning {
    background-color: var(--briks-color-translucid-support-warning, rgba(216, 146, 16, 0.3)) !important
}

.u-bc-translucid-support-warning\:hover:hover {
    background-color: var(--briks-color-translucid-support-warning, rgba(216, 146, 16, 0.3)) !important
}

.u-bc-translucid-support-danger {
    background-color: var(--briks-color-translucid-support-danger, rgba(180, 23, 12, 0.3)) !important
}

.u-bc-translucid-support-danger\:hover:hover {
    background-color: var(--briks-color-translucid-support-danger, rgba(180, 23, 12, 0.3)) !important
}

.u-bc-transparent {
    background-color: var(--briks-color-transparent, rgba(0, 0, 0, 0)) !important
}

.u-bc-transparent\:hover:hover {
    background-color: var(--briks-color-transparent, rgba(0, 0, 0, 0)) !important
}









.u-cur-pointer {
    cursor: pointer !important
}

.u-cur-help {
    cursor: help !important
}

.u-none {
    display: none !important
}

.u-inline {
    display: inline !important
}

.u-inline-block {
    display: inline-block !important
}

.u-block {
    display: block !important
}

.u-inherit {
    display: inherit !important
}

.u-initial {
    display: initial !important
}

.u-table-cell {
    display: table-cell !important
}

.u-table-row {
    display: table-row !important
}

.u-table-row-group {
    display: table-row-group !important
}









.u-ff-lead-bold-max {
    font-family: var(--briks-font-family-lead-bold-max, Montserrat-Bold, sans-serif) !important
}

.u-ff-lead-bold-2 {
    font-family: var(--briks-font-family-lead-bold-2, Montserrat-Bold, sans-serif) !important
}

.u-ff-lead-bold-1 {
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif) !important
}

.u-ff-lead {
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif) !important
}

.u-ff-lead-light-min {
    font-family: var(--briks-font-family-lead-light-min, Montserrat-Regular,) !important
}

.u-fs-xxxs {
    font-size: var(--briks-font-size-xxxs, 8px) !important
}

.u-fs-xxs {
    font-size: var(--briks-font-size-xxs, 10px) !important
}

.u-fs-xs {
    font-size: var(--briks-font-size-xs, 11px) !important
}

.u-fs-sm3 {
    font-size: var(--briks-font-size-sm3, 12px) !important
}

.u-fs-sm2 {
    font-size: var(--briks-font-size-sm2, 14px) !important
}

.u-fs-sm {
    font-size: var(--briks-font-size-sm, 16px) !important
}

.u-fs-md {
    font-size: var(--briks-font-size-md, 20px) !important
}

.u-fs-lg {
    font-size: var(--briks-font-size-lg, 24px) !important
}

.u-fs-lg2 {
    font-size: var(--briks-font-size-lg2, 32px) !important
}

.u-fs-lg3 {
    font-size: var(--briks-font-size-lg3, 45px) !important
}

.u-fs-xl {
    font-size: var(--briks-font-size-xl, 56px) !important
}

.u-fs-xxl {
    font-size: var(--briks-font-size-xxl, 73px) !important
}









.u-h-auto {
    height: auto !important
}

.u-h-100 {
    height: 100% !important
}

.u-h-1 {
    height: 18px !important
}

.u-h-2 {
    height: 20px !important
}

.u-h-3 {
    height: 65px !important
}

.u-h-4 {
    height: 80px !important
}

.u-h-5 {
    height: 100px !important
}

.u-h-6 {
    height: 150px !important
}

.u-h-7 {
    height: 200px !important
}

.u-h-8 {
    height: 240px !important
}

.u-h-9 {
    height: 320px !important
}

.u-h-10 {
    height: 350px !important
}

.u-h-11 {
    height: 400px !important
}

.u-h-12 {
    height: 600px !important
}

.u-h-25vh {
    height: 25vh !important
}

.u-h-40vh {
    height: 40vh !important
}

.u-h-50vh {
    height: 50vh !important
}

.u-h-100vh {
    height: 100vh !important
}

.u-h-maximized {
    height: calc(100vh - 55px) !important
}

.u-h-maximized-2 {
    height: calc(100vh - 65px) !important
}

.u-h-6px {
    height: 6px !important
}

.u-h-10px {
    height: 10px !important
}

.u-h-30px {
    height: 30px !important
}

.u-h-40px {
    height: 40px !important
}

.u-h-phone-button {
    height: 14px !important
}









.u-lsp-small {
    letter-spacing: -.035em !important
}

.u-lh-0 {
    line-height: 0 !important
}

.u-lh-1 {
    line-height: 1em !important
}

.u-lh-2 {
    line-height: 2em !important
}

.u-lh-basic {
    line-height: 1.3em !important
}

.u-lh-smooth {
    line-height: 1.5em !important
}

.u-lh-inherit {
    line-height: inherit !important
}

.u-lh-initial {
    line-height: initial !important
}

.u-ls-none {
    list-style: none !important
}

.u-lsi-bullet-primary {
    list-style-image: url(../../img/bullet.svg) !important
}

.u-lsi-bullet-white {
    list-style-image: url(../../img/bullet.svg) !important
}

.u-m-none {
    margin: var(--briks-spacing-none, 0px) !important
}

.u-m-xxs {
    margin: var(--briks-spacing-xxs, 5px) !important
}

.u-m-xs {
    margin: var(--briks-spacing-xs, 10px) !important
}

.u-m-sm {
    margin: var(--briks-spacing-sm, 16px) !important
}

.u-m-md {
    margin: var(--briks-spacing-md, 30px) !important
}

.u-m-lg {
    margin: var(--briks-spacing-lg, 40px) !important
}

.u-m-xl {
    margin: var(--briks-spacing-xl, 70px) !important
}

.u-m-xxl {
    margin: var(--briks-spacing-xxl, 120px) !important
}

.u-m-auto {
    margin: auto !important
}









.u-mt-none {
    margin-top: var(--briks-spacing-none, 0px) !important
}

.u-mt-xxs {
    margin-top: var(--briks-spacing-xxs, 5px) !important
}

.u-mt-xs {
    margin-top: var(--briks-spacing-xs, 10px) !important
}

.u-mt-sm {
    margin-top: var(--briks-spacing-sm, 16px) !important
}

.u-mt-md {
    margin-top: var(--briks-spacing-md, 30px) !important
}

.u-mt-lg {
    margin-top: var(--briks-spacing-lg, 40px) !important
}

.u-mt-xl {
    margin-top: var(--briks-spacing-xl, 70px) !important
}

.u-mt-xxl {
    margin-top: var(--briks-spacing-xxl, 120px) !important
}









.u-mr-none {
    margin-right: var(--briks-spacing-none, 0px) !important
}

.u-mr-xxs {
    margin-right: var(--briks-spacing-xxs, 5px) !important
}

.u-mr-xs {
    margin-right: var(--briks-spacing-xs, 10px) !important
}

.u-mr-sm {
    margin-right: var(--briks-spacing-sm, 16px) !important
}

.u-mr-md {
    margin-right: var(--briks-spacing-md, 30px) !important
}

.u-mr-lg {
    margin-right: var(--briks-spacing-lg, 40px) !important
}

.u-mr-xl {
    margin-right: var(--briks-spacing-xl, 70px) !important
}

.u-mr-xxl {
    margin-right: var(--briks-spacing-xxl, 120px) !important
}

.u-mr-auto {
    margin-right: auto !important
}









.u-mb-none {
    margin-bottom: var(--briks-spacing-none, 0px) !important
}

.u-mb-xxs {
    margin-bottom: var(--briks-spacing-xxs, 5px) !important
}

.u-mb-xs {
    margin-bottom: var(--briks-spacing-xs, 10px) !important
}

.u-mb-sm {
    margin-bottom: var(--briks-spacing-sm, 16px) !important
}

.u-mb-md {
    margin-bottom: var(--briks-spacing-md, 30px) !important
}

.u-mb-lg {
    margin-bottom: var(--briks-spacing-lg, 40px) !important
}

.u-mb-xl {
    margin-bottom: var(--briks-spacing-xl, 70px) !important
}

.u-mb-xxl {
    margin-bottom: var(--briks-spacing-xxl, 120px) !important
}









.u-ml-none {
    margin-left: var(--briks-spacing-none, 0px) !important
}

.u-ml-xxs {
    margin-left: var(--briks-spacing-xxs, 5px) !important
}

.u-ml-xs {
    margin-left: var(--briks-spacing-xs, 10px) !important
}

.u-ml-sm {
    margin-left: var(--briks-spacing-sm, 16px) !important
}

.u-ml-md {
    margin-left: var(--briks-spacing-md, 30px) !important
}

.u-ml-lg {
    margin-left: var(--briks-spacing-lg, 40px) !important
}

.u-ml-xl {
    margin-left: var(--briks-spacing-xl, 70px) !important
}

.u-ml-xxl {
    margin-left: var(--briks-spacing-xxl, 120px) !important
}

.u-ml-auto {
    margin-left: auto !important
}









.u-mh-xxxs {
    max-height: var(--briks-font-size-xxxs, 8px) !important
}

.u-mh-xxs {
    max-height: var(--briks-font-size-xxs, 10px) !important
}

.u-mh-xs {
    max-height: var(--briks-font-size-xs, 11px) !important
}

.u-mh-sm3 {
    max-height: var(--briks-font-size-sm3, 12px) !important
}

.u-mh-sm2 {
    max-height: var(--briks-font-size-sm2, 14px) !important
}

.u-mh-sm {
    max-height: var(--briks-font-size-sm, 16px) !important
}

.u-mh-md {
    max-height: var(--briks-font-size-md, 20px) !important
}

.u-mh-lg {
    max-height: var(--briks-font-size-lg, 24px) !important
}

.u-mh-lg2 {
    max-height: var(--briks-font-size-lg2, 32px) !important
}

.u-mh-lg3 {
    max-height: var(--briks-font-size-lg3, 45px) !important
}

.u-mh-xl {
    max-height: var(--briks-font-size-xl, 56px) !important
}

.u-mh-xxl {
    max-height: var(--briks-font-size-xxl, 73px) !important
}

.u-mh-100 {
    max-height: 100% !important
}

.u-mh-50vh {
    max-height: 50vh !important
}

.u-mh-80vh {
    max-height: 80vh !important
}

.u-mh-100vh {
    max-height: 100vh !important
}

.u-mh-200px {
    max-height: 200px !important
}

.u-mh-300px {
    max-height: 300px !important
}









.u-mw-100 {
    max-width: 100% !important
}

.u-mw-90vw {
    max-width: 90vw !important
}

.u-mw-50vw {
    max-width: 50vw !important
}

.u-mw-600px {
    max-width: 600px !important
}

.u-mw-1060px {
    max-width: 1060px !important
}

.u-minh-100vh {
    min-height: 100vh !important
}

.u-minh-175px {
    min-height: 175px !important
}









.u-minw-100 {
    min-width: 100% !important
}

.u-minw-85 {
    min-width: 85% !important
}









.u-faded-light {
    opacity: .7 !important
}

.u-faded {
    opacity: .3 !important
}

.u-transparent {
    opacity: 0 !important
}









.u-o-auto {
    overflow: auto !important
}

.u-o-visible {
    overflow: visible !important
}

.u-o-hidden {
    overflow: hidden !important
}

.u-p-none {
    padding: var(--briks-spacing-none, 0px) !important
}

.u-p-xxs {
    padding: var(--briks-spacing-xxs, 5px) !important
}

.u-p-xs {
    padding: var(--briks-spacing-xs, 10px) !important
}

.u-p-sm {
    padding: var(--briks-spacing-sm, 16px) !important
}

.u-p-md {
    padding: var(--briks-spacing-md, 30px) !important
}

.u-p-lg {
    padding: var(--briks-spacing-lg, 40px) !important
}

.u-p-xl {
    padding: var(--briks-spacing-xl, 70px) !important
}

.u-p-xxl {
    padding: var(--briks-spacing-xxl, 120px) !important
}









.u-pt-none {
    padding-top: var(--briks-spacing-none, 0px) !important
}

.u-pt-xxs {
    padding-top: var(--briks-spacing-xxs, 5px) !important
}

.u-pt-xs {
    padding-top: var(--briks-spacing-xs, 10px) !important
}

.u-pt-sm {
    padding-top: var(--briks-spacing-sm, 16px) !important
}

.u-pt-md {
    padding-top: var(--briks-spacing-md, 30px) !important
}

.u-pt-lg {
    padding-top: var(--briks-spacing-lg, 40px) !important
}

.u-pt-xl {
    padding-top: var(--briks-spacing-xl, 70px) !important
}

.u-pt-xxl {
    padding-top: var(--briks-spacing-xxl, 120px) !important
}









.u-pr-none {
    padding-right: var(--briks-spacing-none, 0px) !important
}

.u-pr-xxs {
    padding-right: var(--briks-spacing-xxs, 5px) !important
}

.u-pr-xs {
    padding-right: var(--briks-spacing-xs, 10px) !important
}

.u-pr-sm {
    padding-right: var(--briks-spacing-sm, 16px) !important
}

.u-pr-md {
    padding-right: var(--briks-spacing-md, 30px) !important
}

.u-pr-lg {
    padding-right: var(--briks-spacing-lg, 40px) !important
}

.u-pr-xl {
    padding-right: var(--briks-spacing-xl, 70px) !important
}

.u-pr-xxl {
    padding-right: var(--briks-spacing-xxl, 120px) !important
}









.u-pb-none {
    padding-bottom: var(--briks-spacing-none, 0px) !important
}

.u-pb-xxs {
    padding-bottom: var(--briks-spacing-xxs, 5px) !important
}

.u-pb-xs {
    padding-bottom: var(--briks-spacing-xs, 10px) !important
}

.u-pb-sm {
    padding-bottom: var(--briks-spacing-sm, 16px) !important
}

.u-pb-md {
    padding-bottom: var(--briks-spacing-md, 30px) !important
}

.u-pb-lg {
    padding-bottom: var(--briks-spacing-lg, 40px) !important
}

.u-pb-xl {
    padding-bottom: var(--briks-spacing-xl, 70px) !important
}

.u-pb-xxl {
    padding-bottom: var(--briks-spacing-xxl, 120px) !important
}









.u-pl-none {
    padding-left: var(--briks-spacing-none, 0px) !important
}

.u-pl-xxs {
    padding-left: var(--briks-spacing-xxs, 5px) !important
}

.u-pl-xs {
    padding-left: var(--briks-spacing-xs, 10px) !important
}

.u-pl-sm {
    padding-left: var(--briks-spacing-sm, 16px) !important
}

.u-pl-md {
    padding-left: var(--briks-spacing-md, 30px) !important
}

.u-pl-lg {
    padding-left: var(--briks-spacing-lg, 40px) !important
}

.u-pl-xl {
    padding-left: var(--briks-spacing-xl, 70px) !important
}

.u-pl-xxl {
    padding-left: var(--briks-spacing-xxl, 120px) !important
}









.u-pe-auto {
    pointer-events: auto !important
}

.u-pe-none {
    pointer-events: none !important
}

.u-absolute {
    position: absolute !important
}

.u-fixed {
    position: fixed !important
}

.u-sticky {
    position: sticky !important
}

.u-relative {
    position: relative !important
}

.u-inherit {
    position: inherit !important
}









.u-top-none {
    top: var(--briks-spacing-none, 0px) !important
}

.u-top-xxs {
    top: var(--briks-spacing-xxs, 5px) !important
}

.u-top-xs {
    top: var(--briks-spacing-xs, 10px) !important
}

.u-top-sm {
    top: var(--briks-spacing-sm, 16px) !important
}

.u-top-md {
    top: var(--briks-spacing-md, 30px) !important
}

.u-top-lg {
    top: var(--briks-spacing-lg, 40px) !important
}

.u-top-xl {
    top: var(--briks-spacing-xl, 70px) !important
}

.u-top-xxl {
    top: var(--briks-spacing-xxl, 120px) !important
}

.u-top-0 {
    top: 0% !important
}

.u-top-100 {
    top: 100% !important
}









.u-right-none {
    right: var(--briks-spacing-none, 0px) !important
}

.u-right-xxs {
    right: var(--briks-spacing-xxs, 5px) !important
}

.u-right-xs {
    right: var(--briks-spacing-xs, 10px) !important
}

.u-right-sm {
    right: var(--briks-spacing-sm, 16px) !important
}

.u-right-md {
    right: var(--briks-spacing-md, 30px) !important
}

.u-right-lg {
    right: var(--briks-spacing-lg, 40px) !important
}

.u-right-xl {
    right: var(--briks-spacing-xl, 70px) !important
}

.u-right-xxl {
    right: var(--briks-spacing-xxl, 120px) !important
}

.u-right-0 {
    right: 0% !important
}

.u-right-100 {
    right: 100% !important
}









.u-bottom-none {
    bottom: var(--briks-spacing-none, 0px) !important
}

.u-bottom-xxs {
    bottom: var(--briks-spacing-xxs, 5px) !important
}

.u-bottom-xs {
    bottom: var(--briks-spacing-xs, 10px) !important
}

.u-bottom-sm {
    bottom: var(--briks-spacing-sm, 16px) !important
}

.u-bottom-md {
    bottom: var(--briks-spacing-md, 30px) !important
}

.u-bottom-lg {
    bottom: var(--briks-spacing-lg, 40px) !important
}

.u-bottom-xl {
    bottom: var(--briks-spacing-xl, 70px) !important
}

.u-bottom-xxl {
    bottom: var(--briks-spacing-xxl, 120px) !important
}

.u-bottom-0 {
    bottom: 0% !important
}

.u-bottom-100 {
    bottom: 100% !important
}









.u-left-none {
    left: var(--briks-spacing-none, 0px) !important
}

.u-left-xxs {
    left: var(--briks-spacing-xxs, 5px) !important
}

.u-left-xs {
    left: var(--briks-spacing-xs, 10px) !important
}

.u-left-sm {
    left: var(--briks-spacing-sm, 16px) !important
}

.u-left-md {
    left: var(--briks-spacing-md, 30px) !important
}

.u-left-lg {
    left: var(--briks-spacing-lg, 40px) !important
}

.u-left-xl {
    left: var(--briks-spacing-xl, 70px) !important
}

.u-left-xxl {
    left: var(--briks-spacing-xxl, 120px) !important
}

.u-left-0 {
    left: 0% !important
}

.u-left-100 {
    left: 100% !important
}









.u-ta-left {
    text-align: left !important
}

.u-ta-center {
    text-align: center !important
}

.u-ta-right {
    text-align: right !important
}

.u-ta-justify {
    text-align: justify !important
}









.u-ts-1 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) !important
}

.u-bs-1 {
    box-shadow: var(--briks-shadow-1, 0px 0px 10px 0px var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1))) !important
}

.u-bs-1-soft {
    box-shadow: var(--briks-shadow-1-soft, 0px 0px 7px 0px var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1))) !important
}

.u-bs-1-bottom {
    box-shadow: var(--briks-shadow-1-bottom, 0px 10px 10px 0px var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1))) !important
}

.u-bs-1-plain {
    box-shadow: var(--briks-shadow-1-plain, 0px 0px 12px 2px var(--briks-color-plain-1, #9AB1B6)) !important
}

.u-bs-2 {
    box-shadow: var(--briks-shadow-2, 0px 20px 20px 0px var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4))) !important
}

.u-bs-3 {
    box-shadow: var(--briks-shadow-3, 0px 0px 3px 1px var(--briks-color-translucid-dark-3, rgba(0, 0, 0, 0.15))) !important
}

.u-bs-focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2))) !important
}

.u-bs-focus-primary {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3))) !important
}

.u-bs-focus-success {
    box-shadow: var(--briks-shadow-focus-success, 0 0 0px 3px var(--briks-color-translucid-support-success, rgba(26, 171, 127, 0.3))) !important
}

.u-bs-focus-warning {
    box-shadow: var(--briks-shadow-focus-warning, 0 0 0px 3px var(--briks-color-translucid-support-warning, rgba(216, 146, 16, 0.3))) !important
}

.u-bs-focus-danger {
    box-shadow: var(--briks-shadow-focus-danger, 0 0 0px 3px var(--briks-color-translucid-support-danger, rgba(180, 23, 12, 0.3))) !important
}









.u-td-none {
    text-decoration: none !important
}

.u-td-line-through {
    text-decoration: line-through !important
}

.u-text-uppercase {
    text-transform: uppercase !important
}

.u-text-reset {
    text-transform: none !important
}

.u-transition-none {
    transition: none !important
}

.u-transition-main {
    transition: all 300ms !important
}

.u-va-top {
    vertical-align: top !important
}

.u-va-middle {
    vertical-align: middle !important
}

.u-va-bottom {
    vertical-align: bottom !important
}

.u-va-unset {
    vertical-align: unset !important
}

.u-v-hidden {
    visibility: hidden !important
}

.u-w-auto {
    width: auto !important
}

.u-w-50 {
    width: 50% !important
}

.u-w-100 {
    width: 100% !important
}

.u-w-100vw {
    width: 100vw !important
}

.u-w-30px {
    width: 30px !important
}

.u-w-70px {
    width: 70px !important
}

.u-w-90px {
    width: 90px !important
}

.u-w-100px {
    width: 100px !important
}

.u-w-300px {
    width: 300px !important
}

.u-w-400px {
    width: 400px !important
}

.u-w-phone-button {
    width: 14px !important
}

.u-w-min-content {
    width: min-content !important
}

.u-w-max-content {
    width: max-content !important
}

.u-w-lg {
    width: 1440px !important
}

.u-w-md {
    width: 1024px !important
}

.u-w-sm {
    width: 768px !important
}

.u-w-xs {
    width: 512px !important
}









.u-text-nowrap {
    white-space: nowrap !important
}

.u-z-10000 {
    z-index: 10000 !important
}

.u-z-3000 {
    z-index: 3000 !important
}

.u-z-3001 {
    z-index: 3001 !important
}

.u-z-3002 {
    z-index: 3002 !important
}

.u-z-3003 {
    z-index: 3003 !important
}

.u-z-2000 {
    z-index: 2000 !important
}

.u-z-2001 {
    z-index: 2001 !important
}

.u-z-2002 {
    z-index: 2002 !important
}

.u-z-2003 {
    z-index: 2003 !important
}

.u-z-1000 {
    z-index: 1000 !important
}

.u-z-1001 {
    z-index: 1001 !important
}

.u-z-1002 {
    z-index: 1002 !important
}

.u-z-1003 {
    z-index: 1003 !important
}

.u-z-300 {
    z-index: 300 !important
}

.u-z-301 {
    z-index: 301 !important
}

.u-z-302 {
    z-index: 302 !important
}

.u-z-303 {
    z-index: 303 !important
}

.u-z-200 {
    z-index: 200 !important
}

.u-z-201 {
    z-index: 201 !important
}

.u-z-202 {
    z-index: 202 !important
}

.u-z-203 {
    z-index: 203 !important
}

.u-z-100 {
    z-index: 100 !important
}

.u-z-101 {
    z-index: 101 !important
}

.u-z-102 {
    z-index: 102 !important
}

.u-z-103 {
    z-index: 103 !important
}

.u-z-30 {
    z-index: 30 !important
}

.u-z-31 {
    z-index: 31 !important
}

.u-z-32 {
    z-index: 32 !important
}

.u-z-33 {
    z-index: 33 !important
}

.u-z-20 {
    z-index: 20 !important
}

.u-z-21 {
    z-index: 21 !important
}

.u-z-22 {
    z-index: 22 !important
}

.u-z-23 {
    z-index: 23 !important
}

.u-z-10 {
    z-index: 10 !important
}

.u-z-11 {
    z-index: 11 !important
}

.u-z-12 {
    z-index: 12 !important
}

.u-z-13 {
    z-index: 13 !important
}

.u-z-0 {
    z-index: 0 !important
}

.u-z-1 {
    z-index: 1 !important
}

.u-z-2 {
    z-index: 2 !important
}

.u-z-3 {
    z-index: 3 !important
}

.u-z--1 {
    z-index: -1 !important
}

.u-z--2 {
    z-index: -2 !important
}

.u-z--3 {
    z-index: -3 !important
}

.u-z--10 {
    z-index: -10 !important
}

.u-z--11 {
    z-index: -11 !important
}

.u-z--12 {
    z-index: -12 !important
}

.u-z--13 {
    z-index: -13 !important
}

.u-z--100 {
    z-index: -100 !important
}









.my-badge {
    position: relative;
    box-sizing: border-box;
    transition: all 300ms;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6em;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding: var(--briks-spacing-none, 0px) var(--briks-spacing-xs, 10px);
    background-color: var(--briks-color-neutral-light-4, #F7F7F7);
    border-radius: var(--briks-border-radius-xs, 4px);
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    font-size: var(--briks-font-size-xs, 11px)
}

.my-badge.mod-primary {
    background-color: var(--briks-color-primary, #BA9856);
    color: var(--briks-color-primary-max, #fff)
}

.my-badge.mod-plain {
    background-color: var(--briks-color-plain-1, #9AB1B6);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-badge.mod-plain-2 {
    background-color: var(--briks-color-plain-2, #9B8B85);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-badge.mod-neutral {
    background-color: var(--briks-color-neutral, #6D6D6D);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-badge.mod-success {
    background-color: var(--briks-color-support-success, #1aab7f);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-badge.mod-dark-2 {
    background-color: var(--briks-color-neutral-dark-2, #3C3A3D);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-badge.mod-light {
    background-color: var(--briks-color-neutral-light-max, #fff);
    color: var(--briks-color-neutral-dark-4, #1F1F1F)
}

.my-badge.mod-xs {
    font-size: var(--briks-font-size-xxxs, 8px)
}

.my-badge.mod-lg {
    font-size: var(--briks-font-size-sm2, 14px);
    padding: var(--briks-spacing-xxs, 5px) var(--briks-spacing-sm, 16px)
}

.my-badge.mod-sticker {
    line-height: 1em;
    border-radius: var(--briks-border-radius-xl, 256px);
    padding: 0;
    width: 50px;
    height: 50px
}

.my-badge.mod-rounded {
    border-radius: var(--briks-border-radius-xl, 256px)
}









.my-container {
    margin: auto;
    width: 100%
}

.my-container.mod-w-xs {
    max-width: 400px
}

.my-container.mod-w-sm {
    max-width: 768px
}

.my-container.mod-w-md {
    max-width: 1024px
}

.my-container.mod-w-lg {
    max-width: 1440px
}









.my-columns {
    column-count: 3;
    column-gap: var(--briks-spacing-md, 30px)
}

.my-columns.mod-1 {
    column-count: inherit
}

.my-columns.mod-2 {
    column-count: 2
}

.my-columns.mod-4 {
    column-count: 4
}

.my-columns.mod-5 {
    column-count: 5
}

.my-columns.mod-gap-none {
    column-gap: 0
}

.my-columns.mod-gap-xl {
    column-gap: var(--briks-spacing-xl, 70px)
}

.my-columns.mod-gap-xxl {
    column-gap: var(--briks-spacing-xxl, 120px)
}

.my-columns.mod-rule-thin-primary {
    column-rule: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856))
}

.my-columns.mod-rule-thin-translucid {
    column-rule: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}









.my-text.mod-reset {
    text-decoration: none;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    white-space: normal;
    text-overflow: normal
}

.my-text.mod-normal {
    text-decoration: none;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    white-space: normal;
    text-overflow: normal
}

.my-text.mod-td-none {
    text-decoration: none
}

.my-text.mod-td-line-through {
    text-decoration: line-through
}

.my-text.mod-uppercase {
    text-transform: uppercase
}

.my-text.mod-lowercase {
    text-transform: lowercase
}

.my-text.mod-nowrap {
    white-space: nowrap
}

.my-text.mod-bold {
    font-weight: bold
}

.my-text.mod-italic {
    font-style: italic
}

.my-text.mod-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.my-text.mod-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.my-text.mod-ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.my-text.mod-ff-lead-bold-max {
    font-family: var(--briks-font-family-lead-bold-max, Montserrat-Bold, sans-serif)
}

.my-text.mod-ff-lead-bold-2 {
    font-family: var(--briks-font-family-lead-bold-2, Montserrat-SemiBold, sans-serif)
}

.my-text.mod-ff-lead-bold-1 {
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif)
}

.my-text.mod-ff-lead {
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif)
}

.my-text.mod-ff-lead-light-min {
    font-family: var(--briks-font-family-lead-light-min, Montserrat-Regular,)
}

.my-text.mod-fs-xxxs {
    font-size: var(--briks-font-size-xxxs, 8px);
    line-height: calc(1.3 * var(--briks-font-size-xxxs, 8px))
}

.my-text.mod-fs-xxs {
    font-size: var(--briks-font-size-xxs, 10px);
    line-height: calc(1.3 * var(--briks-font-size-xxs, 10px))
}

.my-text.mod-fs-xs {
    font-size: var(--briks-font-size-xs, 11px);
    line-height: calc(1.3 * var(--briks-font-size-xs, 11px))
}

.my-text.mod-fs-sm3 {
    font-size: var(--briks-font-size-sm3, 12px);
    line-height: calc(1.3 * var(--briks-font-size-sm3, 12px))
}

.my-text.mod-fs-sm2 {
    font-size: var(--briks-font-size-sm2, 14px);
    line-height: calc(1.3 * var(--briks-font-size-sm2, 14px))
}

.my-text.mod-fs-sm {
    font-size: var(--briks-font-size-sm, 16px);
    line-height: calc(1.3 * var(--briks-font-size-sm, 16px))
}

.my-text.mod-fs-md {
    font-size: var(--briks-font-size-md, 20px);
    line-height: calc(1.3 * var(--briks-font-size-md, 20px))
}

.my-text.mod-fs-lg {
    font-size: var(--briks-font-size-lg, 24px);
    line-height: calc(1.3 * var(--briks-font-size-lg, 24px))
}

.my-text.mod-fs-lg2 {
    font-size: var(--briks-font-size-lg2, 32px);
    line-height: calc(1.3 * var(--briks-font-size-lg2, 32px))
}

.my-text.mod-fs-lg3 {
    font-size: var(--briks-font-size-lg3, 45px);
    line-height: calc(1.3 * var(--briks-font-size-lg3, 45px))
}

.my-text.mod-fs-xl {
    font-size: var(--briks-font-size-xl, 56px);
    line-height: calc(1.2 * var(--briks-font-size-xl, 56px))
}

.my-text.mod-fs-xxl {
    font-size: var(--briks-font-size-xxl, 73px);
    line-height: calc(1.2 * var(--briks-font-size-xxl, 73px))
}

.my-text.mod-ta-center {
    text-align: center
}

.my-text.mod-ta-right {
    text-align: right
}

.my-text.mod-ta-justify {
    text-align: justify
}

.my-text.mod-ta-left {
    text-align: left
}









.my-position.mod-absolute {
    position: absolute
}

.my-position.mod-fixed {
    position: fixed
}

.my-position.mod-sticky {
    position: sticky
}

.my-position.mod-relative {
    position: relative
}

.my-position.mod-top-left {
    top: 0%;
    left: 0%
}

.my-position.mod-top-center {
    top: 0%;
    left: 50%
}

.my-position.mod-top-right {
    top: 0%;
    left: 100%
}

.my-position.mod-middle-left {
    top: 50%;
    left: 0%
}

.my-position.mod-middle-center {
    top: 50%;
    left: 50%
}

.my-position.mod-middle-right {
    top: 50%;
    left: 100%
}

.my-position.mod-bottom-left {
    top: 100%;
    left: 0%
}

.my-position.mod-bottom-center {
    top: 100%;
    left: 50%
}

.my-position.mod-bottom-right {
    top: 100%;
    left: 100%
}

.my-position.mod-top-0 {
    top: 0%
}

.my-position.mod-top-50 {
    top: 50%
}

.my-position.mod-top-100 {
    top: 100%
}

.my-position.mod-right-0 {
    right: 0%
}

.my-position.mod-right-50 {
    right: 50%
}

.my-position.mod-right-100 {
    right: 100%
}

.my-position.mod-bottom-0 {
    bottom: 0%
}

.my-position.mod-bottom-50 {
    bottom: 50%
}

.my-position.mod-bottom-100 {
    bottom: 100%
}

.my-position.mod-left-0 {
    left: 0%
}

.my-position.mod-left-50 {
    left: 50%
}

.my-position.mod-left-100 {
    left: 100%
}

.my-position.mod-top-none {
    top: var(--briks-spacing-none, 0px)
}

.my-position.mod-top-xxs {
    top: var(--briks-spacing-xxs, 5px)
}

.my-position.mod-top-xs {
    top: var(--briks-spacing-xs, 10px)
}

.my-position.mod-top-sm {
    top: var(--briks-spacing-sm, 16px)
}

.my-position.mod-top-md {
    top: var(--briks-spacing-md, 30px)
}

.my-position.mod-top-lg {
    top: var(--briks-spacing-lg, 40px)
}

.my-position.mod-top-xl {
    top: var(--briks-spacing-xl, 70px)
}

.my-position.mod-top-xxl {
    top: var(--briks-spacing-xxl, 120px)
}

.my-position.mod-right-none {
    right: var(--briks-spacing-none, 0px)
}

.my-position.mod-right-xxs {
    right: var(--briks-spacing-xxs, 5px)
}

.my-position.mod-right-xs {
    right: var(--briks-spacing-xs, 10px)
}

.my-position.mod-right-sm {
    right: var(--briks-spacing-sm, 16px)
}

.my-position.mod-right-md {
    right: var(--briks-spacing-md, 30px)
}

.my-position.mod-right-lg {
    right: var(--briks-spacing-lg, 40px)
}

.my-position.mod-right-xl {
    right: var(--briks-spacing-xl, 70px)
}

.my-position.mod-right-xxl {
    right: var(--briks-spacing-xxl, 120px)
}

.my-position.mod-bottom-none {
    bottom: var(--briks-spacing-none, 0px)
}

.my-position.mod-bottom-xxs {
    bottom: var(--briks-spacing-xxs, 5px)
}

.my-position.mod-bottom-xs {
    bottom: var(--briks-spacing-xs, 10px)
}

.my-position.mod-bottom-sm {
    bottom: var(--briks-spacing-sm, 16px)
}

.my-position.mod-bottom-md {
    bottom: var(--briks-spacing-md, 30px)
}

.my-position.mod-bottom-lg {
    bottom: var(--briks-spacing-lg, 40px)
}

.my-position.mod-bottom-xl {
    bottom: var(--briks-spacing-xl, 70px)
}

.my-position.mod-bottom-xxl {
    bottom: var(--briks-spacing-xxl, 120px)
}

.my-position.mod-left-none {
    left: var(--briks-spacing-none, 0px)
}

.my-position.mod-left-xxs {
    left: var(--briks-spacing-xxs, 5px)
}

.my-position.mod-left-xs {
    left: var(--briks-spacing-xs, 10px)
}

.my-position.mod-left-sm {
    left: var(--briks-spacing-sm, 16px)
}

.my-position.mod-left-md {
    left: var(--briks-spacing-md, 30px)
}

.my-position.mod-left-lg {
    left: var(--briks-spacing-lg, 40px)
}

.my-position.mod-left-xl {
    left: var(--briks-spacing-xl, 70px)
}

.my-position.mod-left-xxl {
    left: var(--briks-spacing-xxl, 120px)
}

.my-position.mod-anchor-top-left {
    transform: translateX(0%) translateY(0%)
}

.my-position.mod-anchor-top-center {
    transform: translateX(-50%) translateY(0%)
}

.my-position.mod-anchor-top-right {
    transform: translateX(-100%) translateY(0%)
}

.my-position.mod-anchor-middle-left {
    transform: translateX(0%) translateY(-50%)
}

.my-position.mod-anchor-middle-center {
    transform: translateX(-50%) translateY(-50%)
}

.my-position.mod-anchor-middle-right {
    transform: translateX(-100%) translateY(-50%)
}

.my-position.mod-anchor-bottom-left {
    transform: translateX(0%) translateY(-100%)
}

.my-position.mod-anchor-bottom-center {
    transform: translateX(-50%) translateY(-100%)
}

.my-position.mod-anchor-bottom-right {
    transform: translateX(-100%) translateY(-100%)
}









.my-btn {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 300ms;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1em;
    text-decoration: none;
    vertical-align: middle;
    padding: var(--briks-spacing-sm, 16px) var(--briks-spacing-md, 30px);
    background-color: var(--briks-color-primary, #BA9856);
    border-radius: var(--briks-border-radius-xl, 256px);
    border: none;
    color: var(--briks-color-primary-max, #fff);
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif);
    font-size: var(--briks-font-size-sm2, 14px);
    text-transform: uppercase;
    outline: none
}

.my-btn:before {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    transition: all 300ms;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: var(--briks-border-radius-xl, 256px)
}

.my-btn:after {
    content: ''
}

.my-btn:hover {
    background-color: var(--briks-color-primary-alt, #e0b662);
    color: var(--briks-color-primary-max, #fff)
}

.my-btn:focus {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)))
}

.my-btn:active, .my-btn.active {
    background-color: var(--briks-color-primary-alt, #e0b662)
}

.my-btn[disabled] {
    background-color: var(--briks-color-neutral-light-4, #F7F7F7);
    color: var(--briks-color-neutral-light-1, #999);
    pointer-events: none
}

.my-btn[disabled]:before {
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-btn.mod-neutral {
    background-color: var(--briks-color-neutral-light-4, #F7F7F7);
    color: var(--briks-color-neutral-dark-4, #1F1F1F)
}

.my-btn.mod-neutral:hover {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-neutral:active, .my-btn.mod-neutral.active {
    color: var(--briks-color-neutral-dark-max, #000);
    background-color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-neutral:before {
    content: '';
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D))
}

.my-btn.mod-neutral:hover:before {
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D))
}

.my-btn.mod-neutral:focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-btn.mod-plain-1 {
    background-color: var(--briks-color-plain-1, #9AB1B6);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-plain-1:hover {
    background-color: var(--briks-color-plain-1, #9AB1B6);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-plain-1:active, .my-btn.mod-plain-1.active {
    background-color: var(--briks-color-plain-1, #9AB1B6);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-plain-1:before {
    content: ''
}

.my-btn.mod-plain-1:focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-btn.mod-neutral-max {
    background-color: var(--briks-color-neutral-light-max, #fff);
    color: var(--briks-color-neutral-dark-4, #1F1F1F)
}

.my-btn.mod-neutral-max:hover {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-neutral-light-4, #F7F7F7)
}

.my-btn.mod-neutral-max:active, .my-btn.mod-neutral-max.active {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-neutral-light-4, #F7F7F7)
}

.my-btn.mod-neutral-max:before {
    content: '';
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D))
}

.my-btn.mod-neutral-max:hover:before {
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D))
}

.my-btn.mod-neutral-max:focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-btn.mod-neutral-dark {
    background-color: var(--briks-color-neutral-dark-2, #3C3A3D);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-neutral-dark:hover {
    color: var(--briks-color-neutral-light-max, #fff);
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B)
}

.my-btn.mod-neutral-dark:active, .my-btn.mod-neutral-dark.active {
    color: var(--briks-color-neutral-light-max, #fff);
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B)
}

.my-btn.mod-neutral-dark:focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-btn.mod-translucid {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-primary, #BA9856)
}

.my-btn.mod-translucid:hover {
    color: var(--briks-color-primary-alt, #e0b662);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-translucid:active, .my-btn.mod-translucid.active {
    color: var(--briks-color-primary-alt, #e0b662);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-translucid:before {
    content: '';
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-translucid:hover:before {
    border: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662))
}

.my-btn.mod-translucid:active:before, .my-btn.mod-translucid.active:before {
    border: var(--briks-border-large-primary-alt, 4px solid var(--briks-color-primary-alt, #e0b662))
}

.my-btn.mod-translucid:focus {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)))
}

.my-btn.mod-translucid-alt {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-primary, #BA9856)
}

.my-btn.mod-translucid-alt:hover {
    color: var(--briks-color-primary-alt, #e0b662);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-translucid-alt:active, .my-btn.mod-translucid-alt.active {
    color: var(--briks-color-primary-alt, #e0b662);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-translucid-alt:before {
    content: '';
    border: var(--briks-border-medium-primary, 2px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-translucid-alt:hover:before {
    border: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662))
}

.my-btn.mod-translucid-alt:active:before, .my-btn.mod-translucid-alt.active:before {
    border: var(--briks-border-medium-primary-alt, 2px solid var(--briks-color-primary-alt, #e0b662))
}

.my-btn.mod-translucid-alt:focus {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)))
}

.my-btn.mod-translucid-light {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-translucid-light:hover {
    color: var(--briks-color-neutral-light-4, #F7F7F7);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-translucid-light:active, .my-btn.mod-translucid-light.active {
    color: var(--briks-color-neutral-light-4, #F7F7F7);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-translucid-light:before {
    content: '';
    border: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff))
}

.my-btn.mod-translucid-light:hover:before {
    border: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff))
}

.my-btn.mod-translucid-light:active:before, .my-btn.mod-translucid-light.active:before {
    border: var(--briks-border-medium-neutral-light-max, 2px solid var(--briks-color-neutral-light-max, #fff))
}

.my-btn.mod-translucid-light:focus {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)))
}

.my-btn.mod-translucid-dark {
    background-color: var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5));
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-translucid-dark:hover {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2))
}

.my-btn.mod-translucid-dark:active, .my-btn.mod-translucid-dark.active {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2))
}

.my-btn.mod-translucid-dark:focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-btn.mod-translucid-max {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-neutral-dark-4, #1F1F1F)
}

.my-btn.mod-translucid-max:hover {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1))
}

.my-btn.mod-translucid-max:active, .my-btn.mod-translucid-max.active {
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1))
}

.my-btn.mod-translucid-max:focus {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-btn.mod-transparent-light {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-btn.mod-transparent-light:hover {
    color: var(--briks-color-neutral-light-2, #EAEAEA);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-transparent-light:active, .my-btn.mod-transparent-light.active {
    color: var(--briks-color-neutral-light-2, #EAEAEA);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-transparent-light:focus {
    box-shadow: none
}

.my-btn.mod-transparent-dark {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-neutral-dark-4, #1F1F1F)
}

.my-btn.mod-transparent-dark:hover {
    color: var(--briks-color-neutral-dark-1, #4B4B4B);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-transparent-dark:active, .my-btn.mod-transparent-dark.active {
    color: var(--briks-color-primary, #BA9856);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-transparent-dark:focus {
    box-shadow: none
}

.my-btn.mod-transparent-primary {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-primary, #BA9856);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    text-transform: none
}

.my-btn.mod-transparent-primary:hover {
    color: var(--briks-color-primary-alt, #e0b662);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-transparent-primary:active, .my-btn.mod-transparent-primary.active {
    color: var(--briks-color-primary-alt, #e0b662);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-transparent-primary:focus {
    box-shadow: none
}

.my-btn.mod-tab {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-neutral, #6D6D6D)
}

.my-btn.mod-tab:hover {
    color: var(--briks-color-primary, #BA9856);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-tab:before {
    content: '';
    border-radius: 0;
    border-bottom: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999))
}

.my-btn.mod-tab:hover:before {
    border-radius: 0;
    border-bottom: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-tab:focus {
    color: var(--briks-color-primary, #BA9856);
    box-shadow: none
}

.my-btn.mod-tab:focus:after {
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.my-btn.mod-tab:active, .my-btn.mod-tab.active {
    color: var(--briks-color-primary, #BA9856);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-tab:active:before, .my-btn.mod-tab.active:before {
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-tab-translucid-grey {
    color: var(--briks-color-neutral, #6D6D6D);
    background-color: var(--briks-color-translucid-dark-4, rgba(0, 0, 0, 0.1));
    border-radius: var(--briks-border-radius-none, 0px)
}

.my-btn.mod-tab-translucid-grey:hover {
    color: var(--briks-color-primary, #BA9856);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-tab-translucid-grey:before {
    content: '';
    border-radius: 0;
    border-bottom: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999))
}

.my-btn.mod-tab-translucid-grey:hover:before {
    border-radius: 0;
    border-bottom: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-tab-translucid-grey:focus {
    color: var(--briks-color-primary, #BA9856);
    box-shadow: none
}

.my-btn.mod-tab-translucid-grey:focus:after {
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.my-btn.mod-tab-translucid-grey:active, .my-btn.mod-tab-translucid-grey.active {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-primary, #BA9856)
}

.my-btn.mod-tab-translucid-grey:active:before, .my-btn.mod-tab-translucid-grey.active:before {
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-tab-neutralized {
    background-color: var(--briks-color-neutral-light-2, #EAEAEA);
    color: var(--briks-color-neutral, #6D6D6D)
}

.my-btn.mod-tab-neutralized:hover {
    background-color: var(--briks-color-neutral-light-2, #EAEAEA);
    color: var(--briks-color-neutral, #6D6D6D)
}

.my-btn.mod-tab-neutralized:before {
    content: '';
    border-radius: 0
}

.my-btn.mod-tab-neutralized:hover:before {
    border-radius: 0;
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-tab-neutralized:focus {
    color: var(--briks-color-primary, #BA9856);
    box-shadow: none
}

.my-btn.mod-tab-neutralized:focus:after {
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.my-btn.mod-tab-neutralized:active, .my-btn.mod-tab-neutralized.active {
    color: var(--briks-color-primary, #BA9856);
    background-color: var(--briks-color-neutral-light-4, #F7F7F7)
}

.my-btn.mod-tab-neutralized:active:before, .my-btn.mod-tab-neutralized.active:before {
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-tab-light {
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-neutral-light-2, #EAEAEA)
}

.my-btn.mod-tab-light:hover {
    color: var(--briks-color-neutral-light-max, #fff);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-tab-light:before {
    content: '';
    border-radius: 0;
    border-bottom: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999))
}

.my-btn.mod-tab-light:hover:before {
    border-radius: 0;
    border-bottom: var(--briks-border-thin-neutral-light, 1px solid var(--briks-color-neutral-light-1, #999))
}

.my-btn.mod-tab-light:focus {
    color: var(--briks-color-primary, #BA9856);
    box-shadow: none
}

.my-btn.mod-tab-light:focus:after {
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.my-btn.mod-tab-light:active, .my-btn.mod-tab-light.active {
    color: var(--briks-color-primary, #BA9856);
    background-color: rgba(0, 0, 0, 0)
}

.my-btn.mod-tab-light:active:before, .my-btn.mod-tab-light.active:before {
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856))
}

.my-btn.mod-sticker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    border-radius: var(--briks-border-radius-xl, 256px);
    padding: 0;
    width: 48px;
    height: 48px;
    text-align: center
}

.my-btn.mod-sticker:before {
    content: '';
    position: inherit;
    height: 0;
    width: 0;
    top: inherit;
    border: none
}

.my-btn.mod-sticker:hover:before {
    border: none
}

.my-btn.mod-sticker-xs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    border-radius: var(--briks-border-radius-xl, 256px);
    padding: 0;
    width: 26px;
    height: 26px;
    text-align: center
}

.my-btn.mod-sticker-xs:before {
    content: '';
    position: inherit;
    height: 0;
    width: 0;
    top: inherit;
    border: none
}

.my-btn.mod-sticker-xs:hover:before {
    border: none
}

.my-btn.mod-sticker-1em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    border-radius: var(--briks-border-radius-xl, 256px);
    padding: 0;
    width: 1em;
    height: 1em;
    text-align: center
}

.my-btn.mod-sticker-1em:before {
    content: '';
    position: inherit;
    height: 0;
    width: 0;
    top: inherit;
    border: none
}

.my-btn.mod-sticker-1em:hover:before {
    border: none
}

.my-btn.mod-sticker-xxs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    border-radius: var(--briks-border-radius-xl, 256px);
    padding: 0;
    width: 13px;
    height: 13px;
    text-align: center
}

.my-btn.mod-sticker-xxs:before {
    content: '';
    position: inherit;
    height: 0;
    width: 0;
    top: inherit;
    border: none
}

.my-btn.mod-sticker-xxs:hover:before {
    border: none
}

.my-btn.mod-sticker-lg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    border-radius: var(--briks-border-radius-xl, 256px);
    padding: 0;
    width: 72px;
    height: 72px;
    text-align: center
}

.my-btn.mod-sticker-lg:before {
    content: '';
    position: inherit;
    height: 0;
    width: 0;
    top: inherit;
    border: none
}

.my-btn.mod-sticker-lg:hover:before {
    border: none
}

.my-btn.mod-xxs {
    padding: var(--briks-spacing-xxs, 5px) var(--briks-spacing-xs, 10px);
    font-size: var(--briks-font-size-xs, 11px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    text-transform: inherit
}

.my-btn.mod-xs {
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    font-size: var(--briks-font-size-xs, 11px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif)
}

.my-btn.mod-sm {
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    font-size: var(--briks-font-size-xs, 11px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    text-transform: inherit
}

.my-btn.mod-md {
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    font-size: var(--briks-font-size-sm3, 12px)
}

.my-btn.mod-xl {
    padding: var(--briks-spacing-sm, 16px) var(--briks-spacing-md, 30px);
    font-size: var(--briks-font-size-sm, 16px)
}

.my-btn.mod-wide {
    padding-left: var(--briks-spacing-xl, 70px);
    padding-right: var(--briks-spacing-xl, 70px)
}

.my-btn.mod-narrow {
    padding-left: var(--briks-spacing-sm, 16px);
    padding-right: var(--briks-spacing-sm, 16px)
}

.my-btn.mod-squared {
    border-radius: 0
}

.my-btn.mod-squared:before {
    content: '';
    border-radius: 0
}

.my-btn.mod-block {
    width: 100%;
    justify-content: center
}

.my-btn.mod-block-spaced {
    width: 100%
}

.my-btn.mod-block-spaced:after {
    content: '';
    display: none
}

.my-btn.mod-block-left {
    width: 100%;
    justify-content: flex-start
}

.my-btn.mod-block-right {
    width: 100%;
    justify-content: flex-end
}

.my-btn.mod-column {
    flex-direction: column
}

.my-form + .my-form {
    margin-top: var(--briks-spacing-sm, 16px)
}

.my-form {
    position: relative;
    display: flex;
    flex-direction: column
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > textarea + label, .my-form select + label, .my-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) + label {
    position: absolute;
    order: -1;
    top: 0%;
    transform: translateY(-50%);
    transition: top 300ms;
    left: var(--briks-spacing-xs, 10px);
    padding: var(--briks-spacing-none, 0px) var(--briks-spacing-xs, 10px);
    font-size: var(--briks-font-size-sm3, 12px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    border-radius: var(--briks-border-radius-xl, 256px);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)));
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-neutral-light-max, #fff);
    white-space: nowrap
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > textarea[disabled] + label, .my-form select[disabled] + label, .my-form input[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]) + label {
    color: grey;
    background-color: var(--briks-color-neutral-light-2, #EAEAEA);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > textarea, .my-form select, .my-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    padding: var(--briks-spacing-sm, 16px);
    font-size: var(--briks-font-size-sm3, 12px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    border-radius: var(--briks-border-radius-xl, 256px);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)));
    color: var(--briks-color-neutral-dark-4, #1F1F1F);
    background-color: var(--briks-color-neutral-light-max, #fff)
}

.my-form > textarea[type="color"], .my-form select[type="color"], .my-form input[type="color"]:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    box-sizing: content-box
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > textarea:focus, .my-form select:focus, .my-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus {
    outline: 0;
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form > textarea[disabled], .my-form select[disabled], .my-form input[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    color: grey;
    background-color: var(--briks-color-neutral-light-2, #EAEAEA);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-form > select {
    background: right 0px top 50%/60px 10% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNTEgMzIiPjx0aXRsZT5jaGV2cm9uLWRvd248L3RpdGxlPjxwYXRoIGQ9Ik00NS4yMjcgMGw1Ljk3MyA2LjA1NC0yNS42IDI1Ljk0Ni0yNS42LTI1Ljk0NiA1Ljk3My02LjA1NCAxOS42MjcgMTkuODkyeiI+PC9wYXRoPjwvc3ZnPg==)
}

.my-form > textarea {
    border-radius: var(--briks-border-radius-md, 12px);
    resize: none
}

.my-form.mod-success > textarea + label, .my-form.mod-success select + label, .my-form.mod-success input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) + label {
    color: var(--briks-color-support-success, #1aab7f);
    border: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f))
}

.my-form.mod-success > textarea, .my-form.mod-success select, .my-form.mod-success input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    color: var(--briks-color-support-success, #1aab7f);
    border: var(--briks-border-thin-support-success, 1px solid var(--briks-color-support-success, #1aab7f))
}

.my-form.mod-success > textarea:focus, .my-form.mod-success select:focus, .my-form.mod-success input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus {
    box-shadow: var(--briks-shadow-focus-success, 0 0 0px 3px var(--briks-color-translucid-support-success, rgba(26, 171, 127, 0.3)))
}

.my-form.mod-warning > textarea + label, .my-form.mod-warning select + label, .my-form.mod-warning input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) + label {
    color: var(--briks-color-support-warning, #d89210);
    border: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210))
}

.my-form.mod-warning > textarea, .my-form.mod-warning select, .my-form.mod-warning input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    color: var(--briks-color-support-warning, #d89210);
    border: var(--briks-border-thin-support-warning, 1px solid var(--briks-color-support-warning, #d89210))
}

.my-form.mod-warning > textarea:focus, .my-form.mod-warning select:focus, .my-form.mod-warning input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus {
    box-shadow: var(--briks-shadow-focus-warning, 0 0 0px 3px var(--briks-color-translucid-support-warning, rgba(216, 146, 16, 0.3)))
}

.my-form.mod-danger > textarea + label, .my-form.mod-danger select + label, .my-form.mod-danger input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) + label {
    color: var(--briks-color-support-danger, #b4170c);
    border: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c))
}

.my-form.mod-danger > textarea, .my-form.mod-danger select, .my-form.mod-danger input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    color: var(--briks-color-support-danger, #b4170c);
    border: var(--briks-border-thin-support-danger, 1px solid var(--briks-color-support-danger, #b4170c))
}

.my-form.mod-danger > textarea:focus, .my-form.mod-danger select:focus, .my-form.mod-danger input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus {
    box-shadow: var(--briks-shadow-focus-danger, 0 0 0px 3px var(--briks-color-translucid-support-danger, rgba(180, 23, 12, 0.3)))
}

.my-form {
    cursor: pointer
}

.my-form > input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.my-form > input[type="radio"] + label:before, .my-form > input[type="radio"] + label:after {
    content: ''
}

.my-form > input[type="radio"] + label {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 20px;
    padding-left: var(--briks-spacing-sm, 16px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif)
}

.my-form > input[type="radio"] + label:before {
    position: absolute;
    left: -20px;
    width: 20px;
    height: 20px;
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D));
    border-radius: var(--briks-border-radius-xl, 256px)
}

.my-form > input[type="radio"]:focus + label:before {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-form > input[type="radio"]:checked + label:before {
    border: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    background: radial-gradient(circle, var(--briks-color-primary, #BA9856) 0%, var(--briks-color-primary, #BA9856) 36%, transparent 36%, transparent 100%)
}

.my-form > input[type="radio"][disabled] + label {
    color: var(--briks-color-neutral-light-1, #999)
}

.my-form > input[type="radio"][disabled] + label:before {
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)));
    background-color: var(--briks-color-neutral-light-2, #EAEAEA)
}

.my-form.mod-group {
    display: inline-flex;
    flex-direction: row
}

.my-form.mod-group > input[type="radio"] + label {
    display: inline-flex;
    cursor: pointer;
    margin-left: 0;
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    border-radius: var(--briks-border-radius-none, 0px);
    border-top: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B));
    border-right: none;
    border-bottom: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B));
    border-left: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B));
    background-color: var(--briks-color-neutral-light-max, #fff);
    color: var(--briks-color-neutral-dark-1, #4B4B4B)
}

.my-form.mod-group > input[type="radio"]:focus + label {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-form.mod-group > input[type="radio"] + label:before {
    display: none
}

.my-form.mod-group > input[type="radio"]:checked + label {
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-form.mod-group > input[type="radio"][disabled] + label {
    background-color: var(--briks-color-neutral-light-3, #F1F1F1);
    color: var(--briks-color-neutral-light-1, #999);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-form.mod-group-alt {
    display: inline-flex;
    flex-direction: row
}

.my-form.mod-group-alt > input[type="radio"] + label {
    display: inline-flex;
    cursor: pointer;
    margin-left: 0;
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    border-radius: var(--briks-border-radius-none, 0px);
    border-top: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    border-right: none;
    border-bottom: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    border-left: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-primary, #BA9856)
}

.my-form.mod-group-alt > input[type="radio"]:focus + label {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)))
}

.my-form.mod-group-alt > input[type="radio"] + label:before {
    display: none
}

.my-form.mod-group-alt > input[type="radio"]:checked + label {
    background-color: var(--briks-color-primary, #BA9856);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-form.mod-group-alt > input[type="radio"][disabled] + label {
    background-color: var(--briks-color-neutral-light-3, #F1F1F1);
    color: var(--briks-color-neutral-light-1, #999);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-form.mod-primary > input[type="radio"] + label:before {
    border: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856))
}

.my-form {
    cursor: pointer
}

.my-form > input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.my-form > input[type="checkbox"] + label:before, .my-form > input[type="checkbox"] + label:after {
    content: ''
}

.my-form > input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 20px;
    padding-left: var(--briks-spacing-sm, 16px);
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif)
}

.my-form > input[type="checkbox"] + label:before {
    position: absolute;
    left: -20px;
    width: 20px;
    height: 20px;
    border: var(--briks-border-thin-neutral, 1px solid var(--briks-color-neutral, #6D6D6D));
    border-radius: var(--briks-border-radius-xs, 4px)
}

.my-form > input[type="checkbox"]:focus + label:before {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-form > input[type="checkbox"]:checked + label:before {
    border: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    background: var(--briks-color-primary, #BA9856) center/60% 60% no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMCIgd2lkdGg9IjExIiBoZWlnaHQ9IjEwIj48c3R5bGU+dHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfS5zaHAwIHsgZmlsbDogbm9uZTtzdHJva2U6ICNmZmZmZmY7c3Ryb2tlLXdpZHRoOiAyIH0gPC9zdHlsZT48cGF0aCBpZD0iTGF5ZXIiIGNsYXNzPSJzaHAwIiBkPSJNMSw1bDMuNSwzbDUuNSwtNyIgLz48L3N2Zz4=)
}

.my-form > input[type="checkbox"][disabled] + label {
    color: var(--briks-color-neutral-light-1, #999)
}

.my-form > input[type="checkbox"][disabled] + label:before {
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)));
    background-color: var(--briks-color-neutral-light-2, #EAEAEA)
}

.my-form.mod-switch > input[type="checkbox"] + label {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 50px;
    align-items: inherit
}

.my-form.mod-switch > input[type="checkbox"] + label:before {
    top: 0;
    right: 0;
    left: inherit;
    width: 40px;
    border-radius: var(--briks-border-radius-xl, 256px);
    background: var(--briks-color-neutral, #6D6D6D);
    border: none
}

.my-form.mod-switch > input[type="checkbox"] + label:after {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: var(--briks-color-primary-max, #fff);
    border-radius: var(--briks-border-radius-xl, 256px);
    right: 21px;
    top: 2px;
    transition: right 300ms
}

.my-form.mod-switch > input[type="checkbox"]:checked + label:before {
    background: var(--briks-color-primary, #BA9856)
}

.my-form.mod-switch > input[type="checkbox"]:checked + label:after {
    right: 2px
}

.my-form.mod-group {
    display: inline-flex;
    flex-direction: row
}

.my-form.mod-group > input[type="checkbox"] + label {
    display: inline-flex;
    cursor: pointer;
    margin-left: 0;
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    border-radius: var(--briks-border-radius-none, 0px);
    border-top: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B));
    border-right: none;
    border-bottom: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B));
    border-left: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B));
    background-color: var(--briks-color-neutral-light-max, #fff);
    color: var(--briks-color-neutral-dark-1, #4B4B4B)
}

.my-form.mod-group > input[type="checkbox"]:focus + label {
    box-shadow: var(--briks-shadow-focus, 0 0 0px 3px var(--briks-color-translucid-dark-2, rgba(0, 0, 0, 0.2)))
}

.my-form.mod-group > input[type="checkbox"] + label:before {
    display: none
}

.my-form.mod-group > input[type="checkbox"]:checked + label {
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-form.mod-group > input[type="checkbox"][disabled] + label {
    background-color: var(--briks-color-neutral-light-3, #F1F1F1);
    color: var(--briks-color-neutral-light-1, #999);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-form.mod-group-alt {
    display: inline-flex;
    flex-direction: row
}

.my-form.mod-group-alt > input[type="checkbox"] + label {
    display: inline-flex;
    cursor: pointer;
    margin-left: 0;
    padding: var(--briks-spacing-xs, 10px) var(--briks-spacing-sm, 16px);
    border-radius: var(--briks-border-radius-none, 0px);
    border-top: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    border-right: none;
    border-bottom: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    border-left: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856));
    background-color: rgba(0, 0, 0, 0);
    color: var(--briks-color-primary, #BA9856)
}

.my-form.mod-group-alt > input[type="checkbox"]:focus + label {
    box-shadow: var(--briks-shadow-focus-primary, 0 0 0px 3px var(--briks-color-translucid-primary, rgba(186, 152, 86, 0.3)))
}

.my-form.mod-group-alt > input[type="checkbox"] + label:before {
    display: none
}

.my-form.mod-group-alt > input[type="checkbox"]:checked + label {
    background-color: var(--briks-color-primary, #BA9856);
    color: var(--briks-color-neutral-light-max, #fff)
}

.my-form.mod-group-alt > input[type="checkbox"][disabled] + label {
    background-color: var(--briks-color-neutral-light-3, #F1F1F1);
    color: var(--briks-color-neutral-light-1, #999);
    border: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)))
}

.my-form > input[type="range"] {
    width: 100%;
    outline: none;
    margin: 10px 0;
    background-color: transparent;
    -webkit-appearance: none
}

.my-form > input[type="range"] + label {
    order: -1;
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif)
}

.my-form > input[type="range"][disabled] {
    opacity: .3
}

.my-form > input[type="range"]:focus {
    filter: drop-shadow(0px 0px 3px var(--briks-color-primary, #BA9856))
}

.my-form > input[type="range"][disabled] + label {
    color: grey
}

.my-form > input[type="range"]::-webkit-slider-runnable-track {
    background: var(--briks-color-primary, #BA9856);
    border: none;
    border-radius: var(--briks-border-radius-md, 12px);
    width: 100%;
    height: 4px;
    cursor: pointer
}

.my-form > input[type="range"]::-moz-range-track {
    background: var(--briks-color-primary, #BA9856);
    border: none;
    border-radius: var(--briks-border-radius-md, 12px);
    width: 100%;
    height: 4px;
    cursor: pointer
}

.my-form > input[type="range"]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 10px 0;
    color: transparent;
    width: 100%;
    height: 4px;
    cursor: pointer
}

.my-form > input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -10px;
    background: var(--briks-color-neutral-light-max, #fff);
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    border-radius: var(--briks-border-radius-xl, 256px);
    width: 24px;
    height: 24px;
    cursor: pointer
}

.my-form > input[type="range"]::-moz-range-thumb {
    box-sizing: border-box;
    margin-top: -10px;
    background: var(--briks-color-neutral-light-max, #fff);
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    border-radius: var(--briks-border-radius-xl, 256px);
    width: 24px;
    height: 24px;
    cursor: pointer
}

.my-form > input[type="range"]::-ms-thumb {
    width: 24px;
    height: 24px;
    background: var(--briks-color-neutral-light-max, #fff);
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    border-radius: var(--briks-border-radius-xl, 256px);
    cursor: pointer;
    margin-top: 0px
}

.my-form > input[type="range"]::-ms-fill-lower {
    background: var(--briks-color-neutral-light-max, #fff);
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    border-radius: var(--briks-border-radius-xl, 256px)
}

.my-form > input[type="range"]::-ms-fill-upper {
    background: var(--briks-color-neutral-light-max, #fff);
    border: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    border-radius: var(--briks-border-radius-xl, 256px)
}

.my-grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.my-grid > * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    max-width: 100%;
    list-style: none
}

.my-grid.mod-left {
    justify-content: flex-start
}

.my-grid.mod-right {
    justify-content: flex-end
}

.my-grid.mod-center {
    justify-content: center
}

.my-grid.mod-space-around {
    justify-content: space-around
}

.my-grid.mod-space-between {
    justify-content: space-between
}

.my-grid.mod-space-evenly {
    justify-content: space-evenly
}









.my-grid.mod-top {
    align-items: flex-start
}

.my-grid.mod-baseline {
    align-items: baseline
}

.my-grid.mod-middle {
    align-items: center
}

.my-grid.mod-bottom {
    align-items: flex-end
}









.my-grid.mod-reverse {
    flex-flow: row-reverse
}









.my-grid.mod-column {
    flex-direction: column
}

.my-grid.mod-column.mod-right {
    align-items: flex-end
}

.my-grid.mod-column.mod-center {
    align-items: center
}

.my-grid.mod-column.mod-left {
    align-items: flex-start
}

.my-grid.mod-column.mod-reverse {
    flex-flow: column-reverse
}









.my-grid.mod-nowrap {
    flex-wrap: nowrap
}









.my-grid.mod-inline {
    display: inline-flex
}









.my-grid.mod-gutter-large > * {
    margin: 10px
}

.my-grid.mod-gutter-large > .mod-w-12 {
    width: calc(100% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-11 {
    width: calc(91.6666% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-10 {
    width: calc(83.3333% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-9 {
    width: calc(75% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-8 {
    width: calc(66.6666% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-7 {
    width: calc(58.3333% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-6 {
    width: calc(50% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-5 {
    width: calc(41.6666% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-4 {
    width: calc(33.3333% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-3 {
    width: calc(25% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-2 {
    width: calc(16.6666% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-1 {
    width: calc(8.3333% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-p20 {
    width: calc(20% - 20px)
}

.my-grid.mod-gutter-large > .mod-w-12-minus-fw-large {
    width: calc(calc(100% - 380px) - 20px)
}

.my-grid.mod-gutter-mini > * {
    margin: 5px
}

.my-grid.mod-gutter-mini > .mod-w-12 {
    width: calc(100% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-11 {
    width: calc(91.6666% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-10 {
    width: calc(83.3333% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-9 {
    width: calc(75% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-8 {
    width: calc(66.6666% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-7 {
    width: calc(58.3333% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-6 {
    width: calc(50% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-5 {
    width: calc(41.6666% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-4 {
    width: calc(33.3333% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-3 {
    width: calc(25% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-2 {
    width: calc(16.6666% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-1 {
    width: calc(8.3333% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-p20 {
    width: calc(20% - 10px)
}

.my-grid.mod-gutter-mini > .mod-w-12-minus-fw-large {
    width: calc(calc(100% - 380px) - 10px)
}

















.my-grid.mod-ar-square > *:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 100%
}

.my-grid.mod-ar-square > *.mod-ar-disabled:before {
    float: none;
    padding-top: inherit
}

.my-grid.mod-ar-four-thirds > *:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 75.1879699248%
}

.my-grid.mod-ar-four-thirds > *.mod-ar-disabled:before {
    float: none;
    padding-top: inherit
}

.my-grid.mod-ar-dslr > *:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 66.6666666667%
}

.my-grid.mod-ar-dslr > *.mod-ar-disabled:before {
    float: none;
    padding-top: inherit
}

.my-grid.mod-ar-portrait > *:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 151.5151515152%
}

.my-grid.mod-ar-portrait > *.mod-ar-disabled:before {
    float: none;
    padding-top: inherit
}

.my-grid.mod-ar-widescreen > *:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 54.0540540541%
}

.my-grid.mod-ar-widescreen > *.mod-ar-disabled:before {
    float: none;
    padding-top: inherit
}

.my-grid.mod-ar-scope > *:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 42.5531914894%
}

.my-grid.mod-ar-scope > *.mod-ar-disabled:before {
    float: none;
    padding-top: inherit
}









.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-12 {
    width: 100%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-11 {
    width: 91.6666%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-10 {
    width: 83.3333%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-9 {
    width: 75%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-8 {
    width: 66.6666%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-7 {
    width: 58.3333%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-6 {
    width: 50%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-5 {
    width: 41.6666%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-4 {
    width: 33.3333%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-3 {
    width: 25%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-2 {
    width: 16.6666%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-1 {
    width: 8.3333%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-p20 {
    width: 20%
}

.my-grid:not([class*="mod-gutter-"]):not([mod-gutter-large]):not([mod-gutter-mini]) > .mod-w-12-minus-fw-large {
    width: calc(100% - 380px)
}









.my-grid > *.mod-grow {
    flex-grow: 1
}









.my-grid > *.mod-mw-small {
    max-width: 150px
}

.my-grid > *.mod-mw-mini {
    max-width: 300px
}

.my-grid > *.mod-mw-medium {
    max-width: 500px
}

.my-grid > *.mod-mw-large {
    max-width: 700px
}









.my-grid > *.mod-fw-micro {
    width: 90px;
    min-width: 90px;
    max-width: 90px
}

.my-grid > *.mod-fw-tiny {
    width: 160px;
    min-width: 160px;
    max-width: 160px
}

.my-grid > *.mod-fw-mini {
    width: 200px;
    min-width: 200px;
    max-width: 200px
}

.my-grid > *.mod-fw-medium {
    width: 300px;
    min-width: 300px;
    max-width: 300px
}

.my-grid > *.mod-fw-large {
    width: 380px;
    min-width: 380px;
    max-width: 380px
}









.my-grid > *.mod-ar-square:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 100%
}

.my-grid > *.mod-ar-four-thirds:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 75.1879699248%
}

.my-grid > *.mod-ar-dslr:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 66.6666666667%
}

.my-grid > *.mod-ar-portrait:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 151.5151515152%
}

.my-grid > *.mod-ar-widescreen:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 54.0540540541%
}

.my-grid > *.mod-ar-scope:before {
    content: '';
    float: left;
    pointer-events: none;
    padding-top: 42.5531914894%
}









.my-grid > .mod-order--1 {
    order: -1
}

.my-grid > .mod-order-1 {
    order: 1
}

.my-grid > .mod-order-2 {
    order: 2
}









* {
    box-sizing: border-box;
    transition: all 300ms
}

*:focus {
    outline-offset: 5px;
    outline-color: var(--briks-color-translucid-dark-max, rgba(0, 0, 0, 0.05));
    outline-style: dotted;
    outline-width: 1px
}

a {
    color: var(--briks-color-primary, #BA9856);
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif)
}

a:hover {
    color: var(--briks-color-primary-alt, #e0b662)
}

body {
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    font-size: var(--briks-font-size-sm3, 12px);
    color: var(--briks-color-neutral-dark-3, #232323);
    background-color: var(--briks-color-neutral-light-max, #fff);
    line-height: 1.6em
}

h1 {
    font-size: var(--briks-font-size-xl, 56px);
    font-family: var(--briks-font-family-lead-bold-2, Montserrat-SemiBold, sans-serif);
    line-height: initial;
    font-weight: normal
}

h2 {
    font-size: var(--briks-font-size-lg2, 32px);
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif);
    line-height: initial;
    font-weight: normal
}

h3 {
    font-size: var(--briks-font-size-lg, 24px);
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif);
    line-height: initial;
    font-weight: normal
}

h4, h5, h6 {
    font-family: var(--briks-font-family-lead-bold-1, Montserrat-SemiBold, sans-serif);
    line-height: initial;
    font-weight: normal
}

ul {
    list-style-image: url("../../img/bullet.svg")
}

strong {
    font-family: var(--briks-font-family-lead-bold-2, Montserrat-SemiBold, sans-serif);
    font-weight: normal
}

table.responsive {
    border-collapse: collapse;
    width: 100%
}

table.responsive thead th {
    text-align: left;
    padding: var(--briks-spacing-sm, 16px);
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    font-family: var(--briks-font-family-lead-bold-2, Montserrat-SemiBold, sans-serif);
    line-height: 1.6em
}

table.responsive tbody td {
    padding: var(--briks-spacing-sm, 16px);
    border-bottom: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)));
    line-height: 1.6em
}

table.responsive-alt {
    border-collapse: collapse;
    width: 100%
}

table.responsive-alt thead th {
    text-align: left;
    padding: var(--briks-spacing-xs, 10px);
    border-bottom: var(--briks-border-large-primary, 4px solid var(--briks-color-primary, #BA9856));
    font-family: var(--briks-font-family-lead-bold-2, Montserrat-SemiBold, sans-serif);
    line-height: 1.6em
}

table.responsive-alt tbody td {
    padding: var(--briks-spacing-sm, 16px);
    border-bottom: var(--briks-border-thin-translucid, 1px solid var(--briks-color-translucid-mid, rgba(145, 145, 145, 0.4)));
    line-height: 1.6em
}



.my-carousel .owl-nav > .owl-next, .my-carousel .owl-nav > .owl-prev {
    position: absolute;
    top: 50%;
    z-index: 1000;
    transform: translateY(-50%)
}

.my-carousel .owl-nav > .owl-next.disabled, .my-carousel .owl-nav > .owl-prev.disabled {
    pointer-events: none;
    opacity: 0.3
}

.my-carousel .owl-nav > .owl-next {
    left: calc(100% + var(--briks-spacing-sm, 16px))
}

.my-carousel .owl-nav > .owl-prev {
    right: calc(100% + var(--briks-spacing-sm, 16px))
}

.my-carousel [mod-hilight-1] {
    transition: all 300ms;
    height: 170px
}

.my-carousel [mod-hilight-2] {
    display: none
}

.my-carousel [mod-hilight-3] {
    margin-top: var(--briks-spacing-md, 30px)
}









.my-carousel .owl-carousel {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.my-carousel .owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    width: 100%
}

.my-carousel .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    pointer-events: none;
    margin: 0px var(--briks-spacing-xxs, 5px);
    width: 6px;
    height: 6px;
    background-color: var(--briks-color-neutral-light-1, #999);
    border-radius: var(--briks-border-radius-md, 12px);
    transition: all 300ms
}

.my-carousel .owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    background-color: var(--briks-color-primary, #BA9856)
}

.my-carousel[mod-dots-click="true"] .owl-carousel .owl-dots .owl-dot {
    pointer-events: auto
}

.my-carousel[mod-dots-size="large"] .owl-carousel .owl-dots .owl-dot {
    width: 16px;
    height: 16px
}

@keyframes toggleIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

[my-toggle-name] {
    display: none
}

.active[my-toggle-name] {
    display: inherit;
    animation-name: toggleIn;
    animation-duration: 300ms;
    animation-iteration-count: 1
}

[my-toggle] .mod-off {
    display: inherit
}

[my-toggle] .mod-on {
    display: none
}

[my-toggle][my-toggle-options*="icon-rotate"] > [class*="icon-"] {
    transition: all 300ms
}

[my-toggle][my-toggle-options*="icon-toggle"] > [class*="icon-"]:nth-child(2) {
    display: none
}

.active[my-toggle] .mod-off {
    display: none
}

.active[my-toggle] .mod-on {
    display: inherit
}

.active[my-toggle][my-toggle-options*="icon-rotate"] > [class*="icon-"] {
    transform: rotate(180deg)
}

.active[my-toggle][my-toggle-options*="icon-toggle"] > [class*="icon-"]:nth-child(1) {
    display: none
}

.active[my-toggle][my-toggle-options*="icon-toggle"] > [class*="icon-"]:nth-child(2) {
    display: inherit
}

[data-src] {
    font-family: var(--briks-font-family-lead, Montserrat-Regular, sans-serif);
    font-size: var(--briks-font-size-sm2, 14px);
    transition: all 300ms
}

[data-src][alt] {
    text-align: center
}

.lazy-transition[data-src] {
    opacity: 0
}

.lazy-transparent[data-src] {
    opacity: 0
}

.my-tabs > [my-tab-name] {
    display: none
}

.my-tabs > .active[my-tab-name] {
    display: block
}

.my-tabs.mod-opacity > [my-tab-name] {
    display: inherit;
    opacity: 0;
    transition: all 300ms
}

.my-tabs.mod-opacity > .active[my-tab-name] {
    display: inherit;
    opacity: 1
}

[my-tab] .mod-off {
    display: inherit
}

[my-tab] .mod-on {
    display: none
}

[my-tab][my-tab-options*="icon-rotate"] > [class*="icon-"] {
    transition: all 300ms
}

[my-tab][my-tab-options*="icon-toggle"] > [class*="icon-"]:nth-child(2) {
    display: none
}

.active[my-tab] .mod-off {
    display: none
}

.active[my-tab] .mod-on {
    display: inherit
}

.active[my-tab][my-tab-options*="icon-rotate"] > [class*="icon-"] {
    transform: rotate(180deg)
}

.active[my-tab][my-tab-options*="icon-toggle"] > [class*="icon-"]:nth-child(1) {
    display: none
}

.active[my-tab][my-tab-options*="icon-toggle"] > [class*="icon-"]:nth-child(2) {
    display: inherit
}

.u-disabled, .disabled {
    pointer-events: none;
    opacity: 0.3
}

.u-bc-goa, .u-bc-goa-primary-500 {
    background-color: #23A69B !important
}

.u-c-goa, .u-c-goa-primary-500 {
    color: #23A69B !important
}

.u-bc-goa-primary-300 {
    background-color: #2C666B !important
}

.u-c-goa-primary-300 {
    color: #2C666B !important
}

.u-bc-goa-tertiary-500 {
    background-color: #F8D548 !important
}

.u-c-goa-tertiary-500 {
    color: #F8D548 !important
}

.u-b-goa-thin-tertiary-500 {
    border: 1px solid #F8D548 !important
}

.u-bc-europe {
    background-color: #245EA2 !important
}

.u-b-europe-stars {
    border: 1px dotted #FDCC12 !important
}

.u-bg-credit-agricole {
    background: linear-gradient(to bottom, #128d82 0%, #006776 100%)
}

.u-bc-credit-agricole {
    background-color: #006776
}

.u-c-credit-agricole {
    color: #006776
}

.u-c-i-feel-green-background {
    color: #292929 !important
}

.u-bc-i-feel-green-background {
    background-color: #292929 !important
}

.u-c-i-feel-green {
    color: #acbf3e !important
}

.u-bc-i-feel-green {
    background-color: #acbf3e !important
}

.u-c-i-feel-green-quiz {
    color: #ffe100 !important
}

.u-bc-i-feel-green-quiz {
    background-color: #ffe100 !important
}

.u-c-i-feel-green-tco {
    color: #6addb2 !important
}

.u-bc-i-feel-green-tco {
    background-color: #6addb2 !important
}

.u-c-i-feel-green-essai {
    color: #ee7f38 !important
}

.u-bc-i-feel-green-essai {
    background-color: #ee7f38 !important
}

.u-c-i-feel-green-recharge {
    color: #58cde8 !important
}

.u-bc-i-feel-green-recharge {
    background-color: #58cde8 !important
}

.u-cover, .u-contain {
    background-repeat: no-repeat !important;
    background-position: center !important
}

.u-ellipsis {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important
}

.u-ellipsis-2 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important
}

.u-ellipsis-3 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important
}

.u-crossed-out {
    position: relative
}

.u-crossed-out:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--briks-color-neutral-light-1, #999);
    transform: rotate(-20deg)
}

#mapid {
    min-height: 300px;
    z-index: 20
}

body .leaflet-top, body .leaflet-bottom {
    z-index: inherit
}

body .leaflet-control-zoom {
    z-index: 1001
}

body .leaflet-container * {
    transition: none
}

.bi-marker-icon.leaflet-marker-icon {
    background-image: url("../images/marker-icon-2x.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.s-input-checked {
    display: none
}

input:checked + .s-input-checked {
    display: block
}

input:checked + label + .s-input-checked {
    display: block
}

input:checked + label + .s-checked-layer-1, input:checked + label + .s-unchecked-layer-1 {
    display: none
}

input + label + .s-checked-layer-1, input + label + .s-unchecked-layer-1 {
    display: inherit
}

.my-form[class*="mod-group"] label > [class*="icon-"] {
    display: none
}

.my-form[class*="mod-group"] > input:first-child + label {
    border-top-left-radius: var(--briks-border-radius-xl, 256px);
    border-bottom-left-radius: var(--briks-border-radius-xl, 256px)
}

.my-form[class*="mod-group"] > input:last-of-type + label {
    border-top-right-radius: var(--briks-border-radius-xl, 256px);
    border-bottom-right-radius: var(--briks-border-radius-xl, 256px);
    border-right: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B))
}

.my-form[class*="mod-group"] > input:only-of-type + label {
    border-radius: var(--briks-border-radius-xl, 256px);
    border-right: var(--briks-border-thin-neutral-dark, 1px solid var(--briks-color-neutral-dark-1, #4B4B4B))
}

.my-form[class*="mod-group"] > input:checked + label > [class*="icon-"] {
    display: inherit
}

.my-form.mod-group-alt[class*="mod-group"] > input:last-of-type + label {
    border-right: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856))
}

.my-form.mod-group-alt[class*="mod-group"] > input:only-of-type + label {
    border-right: var(--briks-border-thin-primary, 1px solid var(--briks-color-primary, #BA9856))
}

.my-form.mod-radio-switch {
    flex-wrap: nowrap;
    flex-direction: row
}

.my-form.mod-radio-switch > input + label {
    border-radius: var(--briks-border-radius-xl, 256px);
    margin-left: 0;
    padding: var(--briks-spacing-xxs, 5px) var(--briks-spacing-sm, 16px);
    color: var(--briks-color-neutral-dark-1, #4B4B4B)
}

.my-form.mod-radio-switch > input + label::after, .my-form.mod-radio-switch > input + label::before {
    display: none
}

.my-form.mod-radio-switch > input:checked + label {
    background-color: var(--briks-color-neutral-dark-1, #4B4B4B);
    color: var(--briks-color-neutral-light-max, #fff)
}

.s-overlay-1::before {
    content: '';
    transition: all 300ms;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--briks-color-translucid-dark-1, rgba(0, 0, 0, 0.5))
}

.s-overlay-hover-1:hover::before {
    opacity: 0
}



img.alt-caption:after {
    content: attr(alt);
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--briks-spacing-sm, 16px);
    width: 100%;
    height: 100%;
    background-color: var(--briks-color-neutral-light-max, #fff)
}

.my-background.mod-clip-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.my-background.mod-gradient-radial-vignetting-1 {
    background-image: radial-gradient(circle, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0) 50%, #0a0a0a 100%)
}

.my-background.mod-gradient-radial-1 {
    background-image: radial-gradient(#3d3d3d 0%, #3d3d3d 8.1%, #3c3c3c 15.5%, #3a3a3a 22.5%, #383838 29%, #353535 35.3%, #323232 41.2%, #2e2e2e 47.1%, #2a2a2a 52.9%, #262626 58.8%, #212121 64.7%, #1c1c1c 71%, #171717 77.5%, #121212 84.5%, #0e0e0e 91.9%, #0d0d0d 100%)
}

.my-background.mod-gradient-linear-i-feel-green {
    background-image: linear-gradient(94deg, #acbf3e 0%, #54b461 100%)
}

.my-background.mod-gradient-linear-quiz {
    background-image: linear-gradient(90deg, #f1d402 0%, #ff9e00 100%)
}

.my-background.mod-gradient-linear-tco {
    background-image: linear-gradient(94deg, #6addb2 0%, #3a8eb4 100%)
}

.my-background.mod-gradient-linear-essai {
    background-image: linear-gradient(94deg, #ee7f38 0%, #cc0d0d 100%)
}

.my-background.mod-gradient-linear-recharge {
    background-image: linear-gradient(94deg, #58cde8 0%, #869dff 100%)
}

.my-background.mod-gradient-linear-primary {
    background-image: linear-gradient(94deg, var(--briks-color-primary, #BA9856) 0%, var(--briks-color-primary-alt, #e0b662) 100%)
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.my-loader {
    position: relative;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center
}

.my-loader::after, .my-loader::before {
    content: '';
    width: 32px;
    height: 32px;
    border-radius: 100%;
    animation-name: rotation;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.my-loader::after {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: var(--briks-color-primary, #BA9856);
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: var(--briks-color-primary, #BA9856)
}

.my-loader::before {
    display: none;
    animation-duration: .4s;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: transparent;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: transparent
}

.module-ithis_comparator-comparator .btn-comparator {
    display: none
}

.gcontainer * {
    transition: none
}

/*# sourceMappingURL=briks.css.map */